Skip to content

Commit d025ae8

Browse files
author
piexlmax
committed
升级element至稳定版
1 parent 887ddae commit d025ae8

File tree

27 files changed

+140
-120
lines changed

27 files changed

+140
-120
lines changed

server/resource/template/web/table.vue.tpl

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -22,22 +22,22 @@
2222
<el-input v-model="searchInfo.{{.FieldJson}}" placeholder="搜索条件" />
2323
</el-form-item>{{ end }}{{ end }}{{ end }}
2424
<el-form-item>
25-
<el-button size="mini" type="primary" icon="search" @click="onSubmit">查询</el-button>
26-
<el-button size="mini" icon="refresh" @click="onReset">重置</el-button>
25+
<el-button size="small" type="primary" icon="search" @click="onSubmit">查询</el-button>
26+
<el-button size="small" icon="refresh" @click="onReset">重置</el-button>
2727
</el-form-item>
2828
</el-form>
2929
</div>
3030
<div class="gva-table-box">
3131
<div class="gva-btn-list">
32-
<el-button size="mini" type="primary" icon="plus" @click="openDialog">新增</el-button>
32+
<el-button size="small" type="primary" icon="plus" @click="openDialog">新增</el-button>
3333
<el-popover v-model:visible="deleteVisible" placement="top" width="160">
3434
<p>确定要删除吗?</p>
3535
<div style="text-align: right; margin-top: 8px;">
36-
<el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button>
37-
<el-button size="mini" type="primary" @click="onDelete">确定</el-button>
36+
<el-button size="small" type="text" @click="deleteVisible = false">取消</el-button>
37+
<el-button size="small" type="primary" @click="onDelete">确定</el-button>
3838
</div>
3939
<template #reference>
40-
<el-button icon="delete" size="mini" style="margin-left: 10px;" :disabled="!multipleSelection.length">删除</el-button>
40+
<el-button icon="delete" size="small" style="margin-left: 10px;" :disabled="!multipleSelection.length">删除</el-button>
4141
</template>
4242
</el-popover>
4343
</div>
@@ -70,7 +70,7 @@
7070
<el-table-column align="left" label="按钮组">
7171
<template #default="scope">
7272
<el-button type="text" icon="edit" size="small" class="table-button" @click="update{{.StructName}}Func(scope.row)">变更</el-button>
73-
<el-button type="text" icon="delete" size="mini" @click="deleteRow(scope.row)">删除</el-button>
73+
<el-button type="text" icon="delete" size="small" @click="deleteRow(scope.row)">删除</el-button>
7474
</template>
7575
</el-table-column>
7676
</el-table>

web/package.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,11 @@
1010
"fix-memory-limit": "cross-env LIMIT=4096 increase-memory-limit"
1111
},
1212
"dependencies": {
13-
"@element-plus/icons": "0.0.11",
13+
"@element-plus/icons-vue": "^0.2.7",
1414
"axios": "^0.19.2",
1515
"core-js": "^3.6.5",
1616
"echarts": "4.9.0",
17-
"element-plus": "1.2.0-beta.6",
17+
"element-plus": "2.0.1",
1818
"highlight.js": "^10.6.0",
1919
"marked": "^2.0.0",
2020
"mitt": "^3.0.0",

web/src/components/upload/image.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
:before-upload="beforeImageUpload"
1010
:multiple="false"
1111
>
12-
<el-button size="mini" type="primary">压缩上传</el-button>
12+
<el-button size="small" type="primary">压缩上传</el-button>
1313
</el-upload>
1414
</div>
1515
</template>

web/src/components/warningBar/warningBar.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
</div>
1212
</template>
1313
<script setup>
14-
import { WarningFilled } from '@element-plus/icons'
14+
import { WarningFilled } from '@element-plus/icons-vue'
1515
defineProps({
1616
title: {
1717
type: String,

web/src/core/global.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import config from './config'
22
import { emitter } from '@/utils/bus.js'
33

44
// 统一导入el-icon图标
5-
import * as ElIconModules from '@element-plus/icons'
5+
import * as ElIconModules from '@element-plus/icons-vue'
66
// 导入转换图标名称的函数
77

88
export const closeThisPage = () => {

web/src/style/element_visiable.scss

Lines changed: 17 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -68,13 +68,19 @@
6868
background-color: #fff;
6969
border-radius: 2px;
7070
margin-bottom: 12px;
71-
.el-form {
72-
.el-form-item {
73-
padding-right: 28px;
74-
}
71+
}
72+
73+
.el-form--inline{
74+
.el-form-item{
75+
margin-right: 24px;
7576
}
7677
}
7778

79+
.el-input__inner{
80+
height: 40px;
81+
line-height: 40px;
82+
}
83+
7884
.gva-form-box {
7985
padding: 24px;
8086
background-color: #fff;
@@ -145,8 +151,14 @@
145151
}
146152
}
147153

148-
.el-button--mini {
154+
.el-button--small {
149155
min-height: 32px;
156+
font-size: 12px !important;
157+
line-height: 32px;
158+
}
159+
160+
.el-checkbox{
161+
height: auto;
150162
}
151163

152164
.el-button {

web/src/style/main.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -971,10 +971,10 @@ li {
971971
.el-input-number__increase {
972972
position: absolute;
973973
z-index: 1;
974-
top: 3px !important;
974+
top: 2px !important;
975975
width: 42px;
976-
height: 29px;
977-
line-height: 29px;
976+
height: 28px;
977+
line-height: 28px;
978978
text-align: center;
979979
background: #F5F7FA;
980980
color: #606266;

web/src/style/newLogin.scss

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
position: relative;
99
.input-icon{
1010
padding-right: 6px;
11-
padding-top: 2px;
11+
padding-top: 4px;
1212
}
1313
.login_panle {
1414
position: absolute;
@@ -48,15 +48,18 @@
4848
padding-left: 20px;
4949
}
5050
}
51+
.vPicBox{
52+
display:flex;
53+
justify-content:space-between;
54+
width:100%;
55+
}
5156
.vPic {
5257
width: 33%;
5358
height: 38px;
54-
float: right !important;
5559
background: #ccc;
5660
img {
5761
width: 100%;
5862
height: 100%;
59-
cursor: pointer;
6063
vertical-align: middle;
6164
}
6265
}

web/src/view/example/breakpoint/breakpoint.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
<input v-show="false" id="file" ref="FileInput" multiple="multiple" type="file" @change="choseFile">
99
</div>
1010
</form>
11-
<el-button :disabled="limitFileSize" type="primary" size="mini" class="uploadBtn" @click="getFile">上传文件</el-button>
11+
<el-button :disabled="limitFileSize" type="primary" size="small" class="uploadBtn" @click="getFile">上传文件</el-button>
1212
<div class="el-upload__tip">请上传不超过5MB的文件</div>
1313
<div class="list">
1414
<transition name="list" tag="p">

web/src/view/example/customer/customer.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<warning-bar title="在资源权限中将此角色的资源权限清空 或者不包含创建者的角色 即可屏蔽此客户资源的显示" />
44
<div class="gva-table-box">
55
<div class="gva-btn-list">
6-
<el-button size="mini" type="primary" icon="plus" @click="openDialog">新增</el-button>
6+
<el-button size="small" type="primary" icon="plus" @click="openDialog">新增</el-button>
77
</div>
88
<el-table
99
ref="multipleTable"
@@ -27,11 +27,11 @@
2727
<el-popover v-model:visible="scope.row.visible" placement="top" width="160">
2828
<p>确定要删除吗?</p>
2929
<div style="text-align: right; margin-top: 8px;">
30-
<el-button size="mini" type="text" @click="scope.row.visible = false">取消</el-button>
31-
<el-button type="primary" size="mini" @click="deleteCustomer(scope.row)">确定</el-button>
30+
<el-button size="small" type="text" @click="scope.row.visible = false">取消</el-button>
31+
<el-button type="primary" size="small" @click="deleteCustomer(scope.row)">确定</el-button>
3232
</div>
3333
<template #reference>
34-
<el-button type="text" icon="delete" size="mini">删除</el-button>
34+
<el-button type="text" icon="delete" size="small" @click="scope.row.visible = true">删除</el-button>
3535
</template>
3636
</el-popover>
3737
</template>

web/src/view/example/excel/excel.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -10,10 +10,10 @@
1010
:on-success="loadExcel"
1111
:show-file-list="false"
1212
>
13-
<el-button size="mini" type="primary" icon="upload">导入</el-button>
13+
<el-button size="small" type="primary" icon="upload">导入</el-button>
1414
</el-upload>
15-
<el-button class="excel-btn" size="mini" type="primary" icon="download" @click="handleExcelExport('ExcelExport.xlsx')">导出</el-button>
16-
<el-button class="excel-btn" size="mini" type="success" icon="download" @click="downloadExcelTemplate()">下载模板</el-button>
15+
<el-button class="excel-btn" size="small" type="primary" icon="download" @click="handleExcelExport('ExcelExport.xlsx')">导出</el-button>
16+
<el-button class="excel-btn" size="small" type="success" icon="download" @click="downloadExcelTemplate()">下载模板</el-button>
1717
</div>
1818
<el-table :data="tableData" row-key="ID">
1919
<el-table-column align="left" label="ID" min-width="100" prop="ID" />

web/src/view/example/upload/upload.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
:show-file-list="false"
1212
class="upload-btn"
1313
>
14-
<el-button size="mini" type="primary">普通上传</el-button>
14+
<el-button size="small" type="primary">普通上传</el-button>
1515
</el-upload>
1616
<upload-image
1717
v-model:imageUrl="imageUrl"

web/src/view/login/index.vue

Lines changed: 17 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -48,29 +48,33 @@
4848
</template>
4949
</el-input>
5050
</el-form-item>
51-
<el-form-item style="position: relative" prop="captcha">
52-
<el-input
53-
v-model="loginFormData.captcha"
54-
placeholder="请输入验证码"
55-
style="width: 60%"
56-
/>
57-
<div class="vPic">
58-
<img
59-
v-if="picPath"
60-
:src="picPath"
61-
alt="请输入验证码"
62-
@click="loginVerify()"
63-
>
51+
<el-form-item prop="captcha">
52+
<div class="vPicBox">
53+
<el-input
54+
v-model="loginFormData.captcha"
55+
placeholder="请输入验证码"
56+
style="width: 60%"
57+
/>
58+
<div class="vPic">
59+
<img
60+
v-if="picPath"
61+
:src="picPath"
62+
alt="请输入验证码"
63+
@click="loginVerify()"
64+
>
65+
</div>
6466
</div>
6567
</el-form-item>
6668
<el-form-item>
6769
<el-button
6870
type="primary"
6971
style="width: 46%"
72+
size="large"
7073
@click="checkInit"
7174
>前往初始化</el-button>
7275
<el-button
7376
type="primary"
77+
size="large"
7478
style="width: 46%; margin-left: 8%"
7579
@click="submitForm"
7680
>登 录</el-button>

web/src/view/superAdmin/api/api.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,22 +22,22 @@
2222
</el-select>
2323
</el-form-item>
2424
<el-form-item>
25-
<el-button size="mini" type="primary" icon="search" @click="onSubmit">查询</el-button>
26-
<el-button size="mini" icon="refresh" @click="onReset">重置</el-button>
25+
<el-button size="small" type="primary" icon="search" @click="onSubmit">查询</el-button>
26+
<el-button size="small" icon="refresh" @click="onReset">重置</el-button>
2727
</el-form-item>
2828
</el-form>
2929
</div>
3030
<div class="gva-table-box">
3131
<div class="gva-btn-list">
32-
<el-button size="mini" type="primary" icon="plus" @click="openDialog('addApi')">新增</el-button>
32+
<el-button size="small" type="primary" icon="plus" @click="openDialog('addApi')">新增</el-button>
3333
<el-popover v-model:visible="deleteVisible" placement="top" width="160">
3434
<p>确定要删除吗?</p>
3535
<div style="text-align: right; margin-top: 8px;">
36-
<el-button size="mini" type="text" @click="deleteVisible = false">取消</el-button>
37-
<el-button size="mini" type="primary" @click="onDelete">确定</el-button>
36+
<el-button size="small" type="text" @click="deleteVisible = false">取消</el-button>
37+
<el-button size="small" type="primary" @click="onDelete">确定</el-button>
3838
</div>
3939
<template #reference>
40-
<el-button icon="delete" size="mini" :disabled="!apis.length" style="margin-left: 10px;">删除</el-button>
40+
<el-button icon="delete" size="small" :disabled="!apis.length" style="margin-left: 10px;">删除</el-button>
4141
</template>
4242
</el-popover>
4343
</div>

web/src/view/superAdmin/authority/authority.vue

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<warning-bar title="注:右上角头像下拉可切换角色" />
44
<div class="gva-table-box">
55
<div class="gva-btn-list">
6-
<el-button size="mini" type="primary" icon="plus" @click="addAuthority('0')">新增角色</el-button>
6+
<el-button size="small" type="primary" icon="plus" @click="addAuthority('0')">新增角色</el-button>
77
</div>
88
<el-table
99
:data="tableData"
@@ -17,31 +17,31 @@
1717
<template #default="scope">
1818
<el-button
1919
icon="setting"
20-
size="mini"
20+
size="small"
2121
type="text"
2222
@click="opdendrawer(scope.row)"
2323
>设置权限</el-button>
2424
<el-button
2525
icon="plus"
26-
size="mini"
26+
size="small"
2727
type="text"
2828
@click="addAuthority(scope.row.authorityId)"
2929
>新增子角色</el-button>
3030
<el-button
3131
icon="copy-document"
32-
size="mini"
32+
size="small"
3333
type="text"
3434
@click="copyAuthorityFunc(scope.row)"
3535
>拷贝</el-button>
3636
<el-button
3737
icon="edit"
38-
size="mini"
38+
size="small"
3939
type="text"
4040
@click="editAuthority(scope.row)"
4141
>编辑</el-button>
4242
<el-button
4343
icon="delete"
44-
size="mini"
44+
size="small"
4545
type="text"
4646
@click="deleteAuth(scope.row)"
4747
>删除</el-button>

web/src/view/superAdmin/authority/components/apis.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div>
33
<div class="clearflex">
4-
<el-button class="fl-right" size="mini" type="primary" @click="authApiEnter">确 定</el-button>
4+
<el-button class="fl-right" size="small" type="primary" @click="authApiEnter">确 定</el-button>
55
</div>
66
<el-tree
77
ref="apiTree"

web/src/view/superAdmin/authority/components/datas.vue

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<template>
22
<div>
33
<div class="clearflex" style="margin:18px">
4-
<el-button class="fl-right" size="mini" type="primary" @click="authDataEnter">确 定</el-button>
5-
<el-button class="fl-left" size="mini" type="primary" @click="all">全选</el-button>
6-
<el-button class="fl-left" size="mini" type="primary" @click="self">本角色</el-button>
7-
<el-button class="fl-left" size="mini" type="primary" @click="selfAndChildren">本角色及子角色</el-button>
4+
<el-button class="fl-right" size="small" type="primary" @click="authDataEnter">确 定</el-button>
5+
<el-button class="fl-left" size="small" type="primary" @click="all">全选</el-button>
6+
<el-button class="fl-left" size="small" type="primary" @click="self">本角色</el-button>
7+
<el-button class="fl-left" size="small" type="primary" @click="selfAndChildren">本角色及子角色</el-button>
88
</div>
99
<el-checkbox-group v-model="dataAuthorityId" @change="selectAuthority">
1010
<el-checkbox v-for="(item,key) in authoritys" :key="key" :label="item">{{ item.authorityName }}</el-checkbox>

web/src/view/superAdmin/authority/components/menus.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<template>
22
<div>
33
<div class="clearflex">
4-
<el-button class="fl-right" size="mini" type="primary" @click="relation">确 定</el-button>
4+
<el-button class="fl-right" size="small" type="primary" @click="relation">确 定</el-button>
55
</div>
66
<el-tree
77
ref="menuTree"
@@ -20,7 +20,7 @@
2020
<span>
2121
<el-button
2222
type="text"
23-
size="mini"
23+
size="small"
2424
:style="{color:row.defaultRouter === data.name?'#E6A23C':'#85ce61'}"
2525
:disabled="!node.checked"
2626
@click="() => setDefault(data)"

0 commit comments

Comments
 (0)