lw-cdp-ui 1.0.45 → 1.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/lwEditor/index.vue +4 -4
- package/dist/components/lwForm/index.vue +1 -1
- package/dist/components/lwLayout/components/userbar.vue +1 -6
- package/dist/components/lwLayout/index.vue +0 -1
- package/dist/components/lwSearch/index.vue +7 -15
- package/dist/components/lwTable/index.scss +11 -8
- package/dist/components/lwTable/index.vue +194 -88
- package/dist/components/lwTableSelect/index.vue +0 -2
- package/dist/lw-cdp-ui.esm.js +1399 -1442
- package/dist/lw-cdp-ui.esm.js.map +1 -1
- package/dist/lw-cdp-ui.umd.js +9 -9
- package/dist/lw-cdp-ui.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +48 -48
|
@@ -32,9 +32,9 @@ export default {
|
|
|
32
32
|
let _this = this;
|
|
33
33
|
this.$nextTick(() => {
|
|
34
34
|
new AiEditor({
|
|
35
|
-
element:
|
|
36
|
-
content:
|
|
37
|
-
placeholder:
|
|
35
|
+
element: _this.$refs.lwEditorRef,
|
|
36
|
+
content: _this.modelValue,
|
|
37
|
+
placeholder: _this.placeholder,
|
|
38
38
|
ai: {
|
|
39
39
|
models: {
|
|
40
40
|
spark: {
|
|
@@ -46,7 +46,7 @@ export default {
|
|
|
46
46
|
},
|
|
47
47
|
},
|
|
48
48
|
onChange: (aiEditor) => {
|
|
49
|
-
|
|
49
|
+
_this.$emit("update:modelValue", aiEditor.getHtml())
|
|
50
50
|
},
|
|
51
51
|
});
|
|
52
52
|
})
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
:key="index">
|
|
15
15
|
<el-col :span="item.span || 24"
|
|
16
16
|
v-if="!hideHandle(item)">
|
|
17
|
-
<el-form-item :prop="item.name"
|
|
17
|
+
<el-form-item :prop="item?.options?.name ? `${item.name}.${item.options.name}` : item.name"
|
|
18
18
|
:rules="rulesHandle(item)">
|
|
19
19
|
<template #label>
|
|
20
20
|
{{item.label}}
|
|
@@ -78,12 +78,7 @@ export default {
|
|
|
78
78
|
this.$confirm('清除缓存会将系统初始化，包括登录状态、主题、语言设置等，是否继续？', '提示', {
|
|
79
79
|
type: 'info',
|
|
80
80
|
}).then(() => {
|
|
81
|
-
this.$tool.data.
|
|
82
|
-
this.$tool.data.remove('buList')
|
|
83
|
-
this.$tool.data.remove('buCode')
|
|
84
|
-
this.$tool.data.remove('tenantId')
|
|
85
|
-
this.$tool.data.remove('userAuthInfo')
|
|
86
|
-
this.$tool.data.remove('MenuPath')
|
|
81
|
+
this.$tool.data.clear()
|
|
87
82
|
|
|
88
83
|
window.location.href = '/#/passport-login';
|
|
89
84
|
}).catch(() => {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<div id="search-wrap">
|
|
3
3
|
<div class="search-content">
|
|
4
4
|
<el-form ref="searchForm" :model="form" @submit.prevent :label-align="labelAlign" style="width: 100%">
|
|
5
|
-
<el-row :class="(options.length - expandNumber === 0) ? 'expand-row' : (options.length - expandNumber < columnNumber) ? '' : isExpandStatus ? ((options.length % columnNumber === 0) ? 'expand-row' : '') : (options.length >= expandNumber ? 'expand-row' : '')" type="flex" justify="start" :gutter="
|
|
5
|
+
<el-row :class="(options.length - expandNumber === 0) ? 'expand-row' : (options.length - expandNumber < columnNumber) ? '' : isExpandStatus ? ((options.length % columnNumber === 0) ? 'expand-row' : '') : (options.length >= expandNumber ? 'expand-row' : '')" type="flex" justify="start" :gutter="10">
|
|
6
6
|
<template v-for="(item, index) in options" :key="item.prop">
|
|
7
7
|
<el-col :class="(!isExpandStatus && item.isExpand) ? '' : (options.length - expandNumber < columnNumber) ? '' : (!isExpandStatus && index > (expandNumber - 1) ? 'hide' : '')" :span="columnNumber ? 24/columnNumber : (item.span || 8)">
|
|
8
8
|
<el-form-item :label-width="hideLabel ? 0 : labelWidth" :required="item.required" :label="hideLabel ? '' : $t(item.label)">
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
</template>
|
|
26
26
|
</el-row>
|
|
27
27
|
|
|
28
|
-
<div class="control" :style="{bottom: ((options.length%columnNumber === 0) ? '0px' : '
|
|
28
|
+
<div class="control" :style="{bottom: ((options.length%columnNumber === 0) ? '0px' : '10px')}">
|
|
29
29
|
<el-button class="reset" @click="resetForm('searchForm')">
|
|
30
30
|
{{$t('btn.reset')}}
|
|
31
31
|
</el-button>
|
|
@@ -324,17 +324,9 @@ export default {
|
|
|
324
324
|
padding-right: 10px;
|
|
325
325
|
}
|
|
326
326
|
|
|
327
|
-
.el-col-6 {
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
}
|
|
331
|
-
.el-col-6:first-child {
|
|
332
|
-
padding-left: 0px !important;
|
|
333
|
-
}
|
|
334
|
-
|
|
335
|
-
.el-col-6:nth-child(4n) {
|
|
336
|
-
padding-right: 0px !important;
|
|
337
|
-
}
|
|
327
|
+
// .el-col-6 {
|
|
328
|
+
// margin: 5px 0;
|
|
329
|
+
// }
|
|
338
330
|
|
|
339
331
|
.control-button {
|
|
340
332
|
position: absolute;
|
|
@@ -379,13 +371,13 @@ export default {
|
|
|
379
371
|
}
|
|
380
372
|
|
|
381
373
|
.expand-row {
|
|
382
|
-
padding-bottom:
|
|
374
|
+
padding-bottom: 40px;
|
|
383
375
|
}
|
|
384
376
|
|
|
385
377
|
.control {
|
|
386
378
|
position: absolute;
|
|
387
379
|
right: 0;
|
|
388
|
-
bottom:
|
|
380
|
+
bottom: 0;
|
|
389
381
|
z-index: 9;
|
|
390
382
|
display: flex;
|
|
391
383
|
justify-content: flex-end;
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
.tool-block {
|
|
11
11
|
display: flex;
|
|
12
|
-
|
|
12
|
+
gap: 10px;
|
|
13
13
|
.icon-sync {
|
|
14
14
|
font-size: 20px;
|
|
15
15
|
vertical-align: middle;
|
|
@@ -218,13 +218,16 @@
|
|
|
218
218
|
vertical-align: inherit !important;
|
|
219
219
|
}
|
|
220
220
|
}
|
|
221
|
+
}
|
|
221
222
|
|
|
223
|
+
.more-btn {
|
|
224
|
+
padding: 0 5px;
|
|
225
|
+
width: 40px;
|
|
226
|
+
}
|
|
222
227
|
|
|
223
|
-
|
|
228
|
+
.fix-num {
|
|
229
|
+
display: flex;
|
|
230
|
+
align-items: center;
|
|
231
|
+
margin-top: 10px;
|
|
232
|
+
gap: 5px;
|
|
224
233
|
}
|
|
225
|
-
.fix-num{
|
|
226
|
-
display: flex;
|
|
227
|
-
align-items: center;
|
|
228
|
-
margin-top: 10px;
|
|
229
|
-
gap: 5px;
|
|
230
|
-
}
|
|
@@ -1,73 +1,109 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="baseTablePage-wrap">
|
|
3
|
-
<el-table ref="multipleTable"
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
<el-table ref="multipleTable"
|
|
4
|
+
column-resizable
|
|
5
|
+
v-loading="loading"
|
|
6
|
+
:columns="tableHeaders"
|
|
7
|
+
:stripe="stripe"
|
|
8
|
+
:data="tableData"
|
|
9
|
+
:row-key="rowKey"
|
|
10
|
+
:hoverable="hoverable"
|
|
11
|
+
:default-expand-all-rows="defaultExpandAll"
|
|
12
|
+
:size="tableSize"
|
|
13
|
+
highlight-current-row
|
|
14
|
+
:max-height="maxHeight"
|
|
15
|
+
scrollbar-always-on
|
|
16
|
+
:scroll="{ x: '100%', y: '100%' }"
|
|
17
|
+
:virtual-list-props="virtualListProps"
|
|
18
|
+
@current-change="handleCurrentChange"
|
|
19
|
+
@selection-change="handleSelectionChange">
|
|
20
|
+
<el-table-column fixed="left"
|
|
21
|
+
type="selection"
|
|
22
|
+
width="55"
|
|
23
|
+
v-if="rowSelection" />
|
|
24
|
+
<el-table-column v-for="t in tableHeaders"
|
|
25
|
+
:label="t.title"
|
|
26
|
+
:prop="t.dataIndex"
|
|
27
|
+
:width="t.width"
|
|
28
|
+
:min-width="t.minWidth"
|
|
29
|
+
:align="t.align ?? 'center'"
|
|
30
|
+
:fixed="t.fixed"
|
|
31
|
+
:sortable="t.sortable"
|
|
32
|
+
:show-overflow-tooltip="t.tooltip"
|
|
33
|
+
:key="t">
|
|
6
34
|
<template #default="scope">
|
|
7
35
|
<!-- 操作 -->
|
|
8
36
|
<div v-if="t.operation">
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
</span>
|
|
35
|
-
|
|
36
|
-
</span>
|
|
37
|
-
|
|
38
|
-
<span>
|
|
39
|
-
<!-- @command="(command) => addChildrenHandleCommand(command,data)" -->
|
|
40
|
-
<el-dropdown>
|
|
41
|
-
<el-button size="small" type="primary" link>
|
|
42
|
-
<el-icon size="16"><el-icon-more-filled /></el-icon>
|
|
43
|
-
</el-button>
|
|
44
|
-
<template #dropdown>
|
|
45
|
-
<el-dropdown-menu slot="dropdown">
|
|
46
|
-
<div v-for="(o,i) in t.operation" :key="o">
|
|
47
|
-
<el-dropdown-item command="addNewChildren" v-if="i >= 3 && (o.isShow ? o.isShow(scope.row) : true)" @click="o.clickFun(scope.row, scope.$index, tableData)">{{o.label}}</el-dropdown-item>
|
|
48
|
-
</div>
|
|
49
|
-
|
|
50
|
-
</el-dropdown-menu>
|
|
51
|
-
</template>
|
|
52
|
-
</el-dropdown>
|
|
53
|
-
</span>
|
|
54
|
-
|
|
55
|
-
</div>
|
|
37
|
+
<!-- 操作按钮少于3个或不需要省略号 -->
|
|
38
|
+
<div
|
|
39
|
+
v-if="!t.ellipsis || t.operation.filter(o => !o.isShow || o.isShow(scope.row)).length <= 3">
|
|
40
|
+
<span v-for="o in t.operation"
|
|
41
|
+
:key="o"
|
|
42
|
+
v-show="o.isShow ? o.isShow(scope.row) : true">
|
|
43
|
+
<el-tooltip v-if="o.icon"
|
|
44
|
+
:content="o.label"
|
|
45
|
+
placement="top">
|
|
46
|
+
<el-button type="primary"
|
|
47
|
+
size="small"
|
|
48
|
+
@click="o.clickFun(scope.row, scope.$index, tableData)"
|
|
49
|
+
:disabled="o.disabled ? o.disabled(scope.row) : false"
|
|
50
|
+
:icon="o.icon"
|
|
51
|
+
circle></el-button>
|
|
52
|
+
</el-tooltip>
|
|
53
|
+
<el-button v-else
|
|
54
|
+
type="primary"
|
|
55
|
+
text
|
|
56
|
+
size="small"
|
|
57
|
+
@click="o.clickFun(scope.row, scope.$index, tableData)"
|
|
58
|
+
:disabled="o.disabled ? o.disabled(scope.row) : false">
|
|
59
|
+
{{ o.label }}
|
|
60
|
+
</el-button>
|
|
61
|
+
</span>
|
|
56
62
|
</div>
|
|
57
63
|
|
|
64
|
+
<!-- 操作按钮多于3个且需要省略号 -->
|
|
58
65
|
<div v-else>
|
|
59
|
-
<span v-for="
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
<el-button
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
66
|
+
<span v-for="o in t.operation.filter(o => !o.isShow || o.isShow(scope.row)).slice(0, 2)"
|
|
67
|
+
:key="o">
|
|
68
|
+
<el-tooltip v-if="o.icon"
|
|
69
|
+
:content="o.label"
|
|
70
|
+
placement="top">
|
|
71
|
+
<el-button type="primary"
|
|
72
|
+
size="small"
|
|
73
|
+
@click="o.clickFun(scope.row, scope.$index, tableData)"
|
|
74
|
+
:disabled="o.disabled ? o.disabled(scope.row) : false"
|
|
75
|
+
:icon="o.icon"
|
|
76
|
+
circle></el-button>
|
|
77
|
+
</el-tooltip>
|
|
78
|
+
<el-button v-else
|
|
79
|
+
type="primary"
|
|
80
|
+
text
|
|
81
|
+
size="small"
|
|
82
|
+
@click="o.clickFun(scope.row, scope.$index, tableData)"
|
|
83
|
+
:disabled="o.disabled ? o.disabled(scope.row) : false">
|
|
84
|
+
{{ o.label }}
|
|
85
|
+
</el-button>
|
|
68
86
|
</span>
|
|
69
|
-
|
|
87
|
+
<el-dropdown>
|
|
88
|
+
<el-button size="small"
|
|
89
|
+
type="primary"
|
|
90
|
+
link>
|
|
91
|
+
<el-icon class="more-btn"
|
|
92
|
+
size="16"><el-icon-more-filled /></el-icon>
|
|
93
|
+
</el-button>
|
|
70
94
|
|
|
95
|
+
<template #dropdown>
|
|
96
|
+
<el-dropdown-menu>
|
|
97
|
+
<el-dropdown-item v-for="o in t.operation.filter(o => !o.isShow || o.isShow(scope.row)).slice(2)"
|
|
98
|
+
:key="o"
|
|
99
|
+
@click="o.clickFun(scope.row, scope.$index, tableData)">
|
|
100
|
+
{{ o.label }}
|
|
101
|
+
</el-dropdown-item>
|
|
102
|
+
</el-dropdown-menu>
|
|
103
|
+
</template>
|
|
104
|
+
|
|
105
|
+
</el-dropdown>
|
|
106
|
+
</div>
|
|
71
107
|
</div>
|
|
72
108
|
|
|
73
109
|
<!-- render -->
|
|
@@ -76,19 +112,39 @@
|
|
|
76
112
|
</div>
|
|
77
113
|
|
|
78
114
|
<div v-else-if="t.type === 'img'">
|
|
79
|
-
<el-image style="height: 28px"
|
|
115
|
+
<el-image style="height: 28px"
|
|
116
|
+
fit="cover"
|
|
117
|
+
:max-scale="7"
|
|
118
|
+
:min-scale="0.2"
|
|
119
|
+
:z-index="99"
|
|
120
|
+
:preview-teleported="true"
|
|
121
|
+
:previewSrcList="[scope.row[t.dataIndex]]"
|
|
122
|
+
:src="scope.row[t.dataIndex] ? scope.row[t.dataIndex] : '/static/images/empty.jpg'" />
|
|
80
123
|
</div>
|
|
81
124
|
|
|
82
125
|
<!-- 枚举options -->
|
|
83
126
|
<div v-else-if="!t.switch && t.options && t.options.length > 0">
|
|
84
127
|
<template v-if="scope.row.isEdit && t.canEdit">
|
|
85
|
-
<el-select class="select-select number"
|
|
86
|
-
|
|
128
|
+
<el-select class="select-select number"
|
|
129
|
+
:value-key="t.editValue || 'code'"
|
|
130
|
+
v-model="scope.row[t.editSource]"
|
|
131
|
+
placeholder=""
|
|
132
|
+
allow-clear
|
|
133
|
+
allow-search
|
|
134
|
+
filter-option
|
|
135
|
+
@change="(val) => {t.callback(val, scope.row)}">
|
|
136
|
+
<el-option :value="item"
|
|
137
|
+
v-for="item in t.options"
|
|
138
|
+
:key="item">{{ t.editValue ? item[t.editValue] : item.name }}</el-option>
|
|
87
139
|
</el-select>
|
|
88
140
|
</template>
|
|
89
141
|
<template v-else>
|
|
90
|
-
<span v-for="(item, index) in t.options"
|
|
91
|
-
|
|
142
|
+
<span v-for="(item, index) in t.options"
|
|
143
|
+
:key="item + index">
|
|
144
|
+
<span
|
|
145
|
+
v-if="scope.row[t.dataIndex] == item[t.editValue || 'code']"><span
|
|
146
|
+
v-if="item.statusColor"
|
|
147
|
+
:style="`background-color: ${item.statusColor}; border-radius: 100%; padding: 4px; display: inline-block; margin-right: 5px;`"></span>{{ t.editValue ? item[t.editValue] : item.name }}</span>
|
|
92
148
|
</span>
|
|
93
149
|
</template>
|
|
94
150
|
</div>
|
|
@@ -112,17 +168,29 @@
|
|
|
112
168
|
|
|
113
169
|
<!-- 开关 -->
|
|
114
170
|
<div v-else-if="t.switch">
|
|
115
|
-
<el-switch :inline-prompt="t.isShowMessage"
|
|
171
|
+
<el-switch :inline-prompt="t.isShowMessage"
|
|
172
|
+
:active-text="t.isShowMessage ? t.activeText : ''"
|
|
173
|
+
:inactive-text="t.isShowMessage ? t.inactiveText : ''"
|
|
174
|
+
style="--el-switch-on-color: var(--el-color-primary); --el-switch-off-color: #c6c6c6"
|
|
175
|
+
v-model="scope.row[t.dataIndex]"
|
|
176
|
+
:active-value="t.activeValue ?? true"
|
|
177
|
+
:inactive-value="t.inactiveValue ?? false"
|
|
178
|
+
:disabled="t.disabled ? t.disabled(scope.row) : false"
|
|
179
|
+
@change="(v) => {t.clickFun(v, scope.row)}" />
|
|
116
180
|
</div>
|
|
117
181
|
|
|
118
182
|
<!-- 视频 -->
|
|
119
183
|
<div v-else-if="t.isVideo">
|
|
120
|
-
<video width="40"
|
|
184
|
+
<video width="40"
|
|
185
|
+
:src="scope.row[t.dataIndex]"
|
|
186
|
+
style="margin: 5px 0" />
|
|
121
187
|
</div>
|
|
122
188
|
|
|
123
189
|
<!-- 图片 -->
|
|
124
190
|
<div v-else-if="t.pictureCard">
|
|
125
|
-
<el-image width="40"
|
|
191
|
+
<el-image width="40"
|
|
192
|
+
:src="scope.row[t.dataIndex]"
|
|
193
|
+
style="margin: 5px 0" />
|
|
126
194
|
</div>
|
|
127
195
|
|
|
128
196
|
<!-- 数组转string -->
|
|
@@ -132,19 +200,25 @@
|
|
|
132
200
|
|
|
133
201
|
<!-- 链接跳转 -->
|
|
134
202
|
<span v-else-if="t.skip">
|
|
135
|
-
<el-tooltip
|
|
136
|
-
|
|
203
|
+
<el-tooltip
|
|
204
|
+
v-if="scope.row[t.dataIndex] && scope.row[t.dataIndex].toString().split(',').length > 1">
|
|
205
|
+
<span
|
|
206
|
+
:style="`color: ${theme};cursor: pointer;width: 100%;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;`">
|
|
137
207
|
{{ scope.row[t.dataIndex] ? scope.row[t.dataIndex] : '' }}
|
|
138
208
|
</span>
|
|
139
209
|
<template #content>
|
|
140
|
-
<div v-for="(item, index) in scope.row[t.dataIndex].split(',')"
|
|
210
|
+
<div v-for="(item, index) in scope.row[t.dataIndex].split(',')"
|
|
211
|
+
:key="index"
|
|
212
|
+
:style="`color: ${theme}; cursor: pointer`"
|
|
213
|
+
@click="t.clickFun ? t.clickFun(item, scope.row, scope.$index) : () => {}">
|
|
141
214
|
{{ item }}
|
|
142
215
|
</div>
|
|
143
216
|
</template>
|
|
144
217
|
</el-tooltip>
|
|
145
218
|
|
|
146
219
|
<span v-else>
|
|
147
|
-
<span style="color: var(--el-color-primary); cursor: pointer; text-decoration: underline;"
|
|
220
|
+
<span style="color: var(--el-color-primary); cursor: pointer; text-decoration: underline;"
|
|
221
|
+
@click="t.clickFun ? t.clickFun(scope.row[t.dataIndex], scope.row, scope.$index) : () => {}">
|
|
148
222
|
{{ (scope.row[t.dataIndex] || scope.row[t.dataIndex] === 0) ? scope.row[t.dataIndex] : '' }}
|
|
149
223
|
</span>
|
|
150
224
|
</span>
|
|
@@ -152,7 +226,8 @@
|
|
|
152
226
|
|
|
153
227
|
<!-- 进度条 -->
|
|
154
228
|
<span v-else-if="t.isProgress">
|
|
155
|
-
<el-progress :percentage="scope.row[t.dataIndex]"
|
|
229
|
+
<el-progress :percentage="scope.row[t.dataIndex]"
|
|
230
|
+
color="var(--el-color-primary)" />
|
|
156
231
|
</span>
|
|
157
232
|
|
|
158
233
|
<!-- 常规渲染 -->
|
|
@@ -165,12 +240,14 @@
|
|
|
165
240
|
</el-table>
|
|
166
241
|
|
|
167
242
|
<!-- 分页 -->
|
|
168
|
-
<div v-if="isShowPagination"
|
|
243
|
+
<div v-if="isShowPagination"
|
|
244
|
+
class="pagination-block">
|
|
169
245
|
|
|
170
246
|
<div class="tool-block">
|
|
171
247
|
<template v-if="!hideTool">
|
|
172
248
|
<el-tooltip :content="$t('btn.refresh')">
|
|
173
|
-
<el-icon size="20"
|
|
249
|
+
<el-icon size="20"
|
|
250
|
+
@click="refresh"><el-icon-refresh></el-icon-refresh></el-icon>
|
|
174
251
|
</el-tooltip>
|
|
175
252
|
|
|
176
253
|
<el-dropdown @command="handleSelect">
|
|
@@ -181,42 +258,71 @@
|
|
|
181
258
|
</span>
|
|
182
259
|
<template #dropdown>
|
|
183
260
|
<el-dropdown-menu>
|
|
184
|
-
<el-dropdown-item
|
|
185
|
-
|
|
186
|
-
<el-dropdown-item
|
|
187
|
-
|
|
261
|
+
<el-dropdown-item
|
|
262
|
+
command="mini">{{ $t('lwTable.tools.lineHeight.mini') }}</el-dropdown-item>
|
|
263
|
+
<el-dropdown-item
|
|
264
|
+
command="small">{{ $t('lwTable.tools.lineHeight.small') }}</el-dropdown-item>
|
|
265
|
+
<el-dropdown-item
|
|
266
|
+
command="medium">{{ $t('lwTable.tools.lineHeight.medium') }}</el-dropdown-item>
|
|
267
|
+
<el-dropdown-item
|
|
268
|
+
command="large">{{ $t('lwTable.tools.lineHeight.large') }}</el-dropdown-item>
|
|
188
269
|
</el-dropdown-menu>
|
|
189
270
|
</template>
|
|
190
271
|
</el-dropdown>
|
|
191
272
|
|
|
192
|
-
<el-popover placement="top-start"
|
|
273
|
+
<el-popover placement="top-start"
|
|
274
|
+
:title="$t('lwTable.tools.columnsSetting')"
|
|
275
|
+
:width="400"
|
|
276
|
+
trigger="hover">
|
|
193
277
|
<template #reference>
|
|
194
278
|
<el-icon size="20"><el-icon-setting></el-icon-setting></el-icon>
|
|
195
279
|
</template>
|
|
196
|
-
<el-checkbox v-model="allCheck"
|
|
280
|
+
<el-checkbox v-model="allCheck"
|
|
281
|
+
@change="checkAll">
|
|
197
282
|
{{ $t('lwTable.tools.allCheck') }},{{ $t('lwTable.tools.hasChecked') }}{{ checkedKeys.length }}/{{ treeData.length }}
|
|
198
283
|
</el-checkbox>
|
|
199
|
-
<el-checkbox-group v-model="checkedKeys"
|
|
200
|
-
|
|
284
|
+
<el-checkbox-group v-model="checkedKeys"
|
|
285
|
+
@change="treeCheck">
|
|
286
|
+
<el-checkbox v-for="item in treeData"
|
|
287
|
+
:key="item.key"
|
|
288
|
+
:label="item.title"
|
|
289
|
+
:value="item.key">
|
|
201
290
|
{{ item.title }}
|
|
202
291
|
</el-checkbox>
|
|
203
292
|
</el-checkbox-group>
|
|
204
293
|
|
|
205
294
|
<div class="fix-num">
|
|
206
295
|
{{$t('lwTable.tools.table_before')}}
|
|
207
|
-
<el-input-number v-model="fixNum"
|
|
296
|
+
<el-input-number v-model="fixNum"
|
|
297
|
+
@change="fixNumChange"
|
|
298
|
+
:min="0"
|
|
299
|
+
:max="10"
|
|
300
|
+
size="small" />
|
|
208
301
|
{{$t('lwTable.tools.column_fixed')}}
|
|
209
302
|
</div>
|
|
210
303
|
|
|
211
304
|
</el-popover>
|
|
212
305
|
|
|
213
|
-
<el-tooltip
|
|
214
|
-
|
|
215
|
-
<el-icon v-if="isFullscreen"
|
|
306
|
+
<el-tooltip
|
|
307
|
+
:content="isFullscreen ? $t('lwTable.tools.cancel') : $t('lwTable.tools.fullScreen')">
|
|
308
|
+
<el-icon v-if="!isFullscreen"
|
|
309
|
+
class="icon-fullscreen"
|
|
310
|
+
@click="tableToggleFullScreen"><el-icon-full-screen /></el-icon>
|
|
311
|
+
<el-icon v-if="isFullscreen"
|
|
312
|
+
class="icon-fullscreen-exit"
|
|
313
|
+
@click="tableToggleFullScreen"><el-icon-full-screen /></el-icon>
|
|
216
314
|
</el-tooltip>
|
|
217
315
|
</template>
|
|
218
316
|
</div>
|
|
219
|
-
<el-pagination background
|
|
317
|
+
<el-pagination background
|
|
318
|
+
small="true"
|
|
319
|
+
:current-page.sync="parseFloat(searchParams.page).toString() == 'NaN' ? 1 : searchParams.page"
|
|
320
|
+
:page-size="searchParams.size ? searchParams.size : 10"
|
|
321
|
+
layout="total, prev, pager, next, sizes, jumper"
|
|
322
|
+
:total="totalCount"
|
|
323
|
+
:page-sizes="pageSizes"
|
|
324
|
+
@size-change="sizeChange"
|
|
325
|
+
@current-change="currentChange" />
|
|
220
326
|
</div>
|
|
221
327
|
</div>
|
|
222
328
|
</template>
|