yvan/Study
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

调整为按需加载，element样式调整为皮肤模式，不再使用全局变量覆盖。 (#1349)

Browse Source 
* 调整element为自动按需引入，减少打包体积。

* 调整element样式变更为变量模式不再使用全局css覆盖

* 修改element自动化模板适配element皮肤变量模式

---------

Co-authored-by: piexlmax<303176530@qq.com>
This commit is contained in:
奇淼（piexlmax
2023-02-16 19:03:51 +08:00
committed by GitHub
parent 95fa7e8130
commit 0eea78f796
31 changed files with 184 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/view/superAdmin/dictionary/sysDictionary.vue
+10 -11
View File
@@ -22,13 +22,13 @@
</el-form-item>
<el-form-item>
<el-button
size="small"
type="primary"
icon="search"
@click="onSubmit"
>查询</el-button>
<el-button
size="small"
icon="refresh"
@click="onReset"
>重置</el-button>
@@ -38,7 +38,7 @@
<div class="gva-table-box">
<div class="gva-btn-list">
<el-button
size="small"
type="primary"
icon="plus"
@click="openDialog"
@@ -83,14 +83,14 @@
<el-table-column align="left" label="按钮组">
<template #default="scope">
<el-button
size="small"
icon="document"
type="primary"
link
@click="toDetail(scope.row)"
>详情</el-button>
<el-button
size="small"
icon="edit"
type="primary"
link
@@ -104,14 +104,14 @@
<p>确定要删除吗？</p>
<div style="text-align: right; margin-top: 8px">
<el-button
size="small"
type="primary"
link
@click="scope.row.visible = false"
>取消</el-button>
<el-button
type="primary"
size="small"
@click="deleteSysDictionaryFunc(scope.row)"
>确定</el-button>
</div>
@@ -120,7 +120,7 @@
type="primary"
link
icon="delete"
size="small"
style="margin-left: 10px"
@click="scope.row.visible = true"
>删除</el-button>
@@ -151,7 +151,6 @@
ref="dialogForm"
:model="formData"
:rules="rules"
size="medium"
label-width="110px"
>
<el-form-item label="字典名（中）" prop="name">
@@ -188,9 +187,9 @@
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button size="small" @click="closeDialog">取 消</el-button>
<el-button @click="closeDialog">取 消</el-button>
<el-button
size="small"
type="primary"
@click="enterDialog"
>确 定</el-button>
web/src/view/superAdmin/dictionary/sysDictionaryDetail.vue
+11 -11
View File
@@ -15,14 +15,14 @@
</el-select>
</el-form-item>
<el-form-item>
<el-button size="small" type="primary" icon="search" @click="onSubmit">查询</el-button>
<el-button size="small" icon="refresh" @click="onReset">重置</el-button>
<el-button type="primary" icon="search" @click="onSubmit">查询</el-button>
<el-button icon="refresh" @click="onReset">重置</el-button>
</el-form-item>
</el-form>
</div>
<div class="gva-table-box">
<div class="gva-btn-list">
<el-button size="small" type="primary" icon="plus" @click="openDialog">新增字典项</el-button>
<el-button type="primary" icon="plus" @click="openDialog">新增字典项</el-button>
</div>
<el-table
ref="multipleTable"
@@ -48,15 +48,15 @@
<el-table-column align="left" label="按钮组">
<template #default="scope">
<el-button size="small" type="primary" link icon="edit" @click="updateSysDictionaryDetailFunc(scope.row)">变更</el-button>
<el-button type="primary" link icon="edit" @click="updateSysDictionaryDetailFunc(scope.row)">变更</el-button>
<el-popover v-model="scope.row.visible" placement="top" width="160">
<p>确定要删除吗？</p>
<div style="text-align: right; margin-top: 8px;">
<el-button size="small" type="primary" link @click="scope.row.visible = false">取消</el-button>
<el-button type="primary" size="small" @click="deleteSysDictionaryDetailFunc(scope.row)">确定</el-button>
<el-button type="primary" link @click="scope.row.visible = false">取消</el-button>
<el-button type="primary" @click="deleteSysDictionaryDetailFunc(scope.row)">确定</el-button>
</div>
<template #reference>
<el-button type="primary" link icon="delete" size="small" @click="scope.row.visible = true">删除</el-button>
<el-button type="primary" link icon="delete" @click="scope.row.visible = true">删除</el-button>
</template>
</el-popover>
</template>
@@ -77,7 +77,7 @@
</div>
<el-dialog v-model="dialogFormVisible" :before-close="closeDialog" title="弹窗操作">
<el-form ref="dialogForm" :model="formData" :rules="rules" size="medium" label-width="110px">
<el-form ref="dialogForm" :model="formData" :rules="rules" label-width="110px">
<el-form-item label="展示值" prop="label">
<el-input
v-model="formData.label"
@@ -105,8 +105,8 @@
</el-form>
<template #footer>
<div class="dialog-footer">
<el-button size="small" @click="closeDialog">取 消</el-button>
<el-button size="small" type="primary" @click="enterDialog">确 定</el-button>
<el-button @click="closeDialog">取 消</el-button>
<el-button type="primary" @click="enterDialog">确 定</el-button>
</div>
</template>
</el-dialog>
@@ -133,7 +133,7 @@ import { ElMessage } from 'element-plus'
import { formatBoolean, formatDate } from '@/utils/format'
const route = useRoute()
onBeforeRouteUpdate((to, form) => {
onBeforeRouteUpdate((to) => {
if (to.name === 'dictionaryDetail') {
searchInfo.value.sysDictionaryID = to.params.id
getTableData()