n20-common-lib 2.7.0-beta.20 → 2.7.0-beta.22
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/package.json +1 -1
- package/src/assets/css/advanced-filter.scss +4 -2
- package/src/assets/css/cl-layout-header.scss +2 -2
- package/src/components/AdvancedFilter/formItemRender.vue +7 -1
- package/src/components/AdvancedFilter/index.vue +14 -2
- package/src/components/Descriptions/index.vue +0 -1
- package/src/components/Layout/HeaderWrap/menuDrawer.vue +7 -7
- package/src/components/LoginTemporary/indexN.vue +6 -4
- package/style/index.css +1 -1
- package/theme/blue.css +1 -1
- package/theme/cctcRed.css +1 -1
- package/theme/green.css +1 -1
- package/theme/lightBlue.css +1 -1
- package/theme/orange.css +1 -1
- package/theme/purple.css +1 -1
- package/theme/red.css +1 -1
- package/theme/yellow.css +1 -1
package/package.json
CHANGED
|
@@ -152,6 +152,7 @@
|
|
|
152
152
|
|
|
153
153
|
|
|
154
154
|
.n20-advanced-filter {
|
|
155
|
+
box-sizing: border-box;
|
|
155
156
|
position: relative;
|
|
156
157
|
display: flex;
|
|
157
158
|
align-items: center;
|
|
@@ -226,6 +227,8 @@
|
|
|
226
227
|
padding-left: 0;
|
|
227
228
|
border: none;
|
|
228
229
|
width: 100%;
|
|
230
|
+
white-space: nowrap;
|
|
231
|
+
text-overflow: ellipsis;
|
|
229
232
|
background-color: transparent;
|
|
230
233
|
}
|
|
231
234
|
|
|
@@ -233,8 +236,6 @@
|
|
|
233
236
|
margin-left: 0;
|
|
234
237
|
}
|
|
235
238
|
|
|
236
|
-
|
|
237
|
-
|
|
238
239
|
.el-input__inner:active,
|
|
239
240
|
.el-input__inner:focus {
|
|
240
241
|
box-shadow: none;
|
|
@@ -320,6 +321,7 @@
|
|
|
320
321
|
display: inline-block;
|
|
321
322
|
white-space: nowrap;
|
|
322
323
|
text-overflow: ellipsis;
|
|
324
|
+
line-height: 1;
|
|
323
325
|
|
|
324
326
|
.el-select.el-select--small {
|
|
325
327
|
.el-select__tags {
|
|
@@ -280,7 +280,7 @@ $--header-color: #3d4a57;
|
|
|
280
280
|
color: #333333;
|
|
281
281
|
}
|
|
282
282
|
|
|
283
|
-
.
|
|
283
|
+
.n20_menu_header {
|
|
284
284
|
color: #33383d;
|
|
285
285
|
letter-spacing: 0;
|
|
286
286
|
line-height: 22px;
|
|
@@ -362,7 +362,7 @@ $--header-color: #3d4a57;
|
|
|
362
362
|
z-index: 900;
|
|
363
363
|
}
|
|
364
364
|
|
|
365
|
-
.
|
|
365
|
+
.n20_menu_header.show_drawer {
|
|
366
366
|
max-height: calc(90vh - 50px);
|
|
367
367
|
min-height: 350px;
|
|
368
368
|
overflow-y: auto;
|
|
@@ -352,6 +352,7 @@ export default {
|
|
|
352
352
|
style: {
|
|
353
353
|
width: calcTextWidth(item, form[item.value])
|
|
354
354
|
},
|
|
355
|
+
title: form[item.value],
|
|
355
356
|
ruleField: true,
|
|
356
357
|
'rule-form': 'ruleValidate',
|
|
357
358
|
ruleErrorHide: item.ruleErrorHide,
|
|
@@ -473,7 +474,12 @@ export default {
|
|
|
473
474
|
elementDom = h('inputNumber', {
|
|
474
475
|
directives: [{ name: 'rule-key' }],
|
|
475
476
|
ruleField: true,
|
|
476
|
-
attrs: {
|
|
477
|
+
attrs: {
|
|
478
|
+
'rule-form': 'ruleValidate',
|
|
479
|
+
title: form[item.value],
|
|
480
|
+
rules: item.rules,
|
|
481
|
+
ruleErrorHide: item.ruleErrorHide
|
|
482
|
+
},
|
|
477
483
|
style: {
|
|
478
484
|
width: calcWidth(form[item.value])
|
|
479
485
|
},
|
|
@@ -125,6 +125,7 @@ export default {
|
|
|
125
125
|
GroupData: [],
|
|
126
126
|
checkList: [],
|
|
127
127
|
defineCheckList: [],
|
|
128
|
+
cancelCheck: [],
|
|
128
129
|
userNo: sessionStorage.getItem('userNo')
|
|
129
130
|
}
|
|
130
131
|
},
|
|
@@ -152,8 +153,19 @@ export default {
|
|
|
152
153
|
},
|
|
153
154
|
created() {
|
|
154
155
|
this.getFilterList()
|
|
156
|
+
this.getDefaultCheck()
|
|
155
157
|
},
|
|
156
158
|
methods: {
|
|
159
|
+
getDefaultCheck() {
|
|
160
|
+
let _checkList = this.filterList
|
|
161
|
+
.filter((item) => {
|
|
162
|
+
if (item.isDefault) {
|
|
163
|
+
return item
|
|
164
|
+
}
|
|
165
|
+
})
|
|
166
|
+
.map((item) => item[this.onlyKey])
|
|
167
|
+
this.defineCheckList = cloneDeep(_checkList)
|
|
168
|
+
},
|
|
157
169
|
getOnlyKey(data) {
|
|
158
170
|
return getOnlyKey(this.onlyKey, data)
|
|
159
171
|
},
|
|
@@ -291,7 +303,7 @@ export default {
|
|
|
291
303
|
this.checkList = this.defineCheckList
|
|
292
304
|
},
|
|
293
305
|
cancel() {
|
|
294
|
-
this.checkList = this.
|
|
306
|
+
this.checkList = this.cancelCheck
|
|
295
307
|
this.$refs.advanced_popover.showPopper = false
|
|
296
308
|
},
|
|
297
309
|
savaCheck() {
|
|
@@ -379,7 +391,7 @@ export default {
|
|
|
379
391
|
}
|
|
380
392
|
}
|
|
381
393
|
this.checkList = this.GroupData.map((res) => res.id)
|
|
382
|
-
this.
|
|
394
|
+
this.cancelCheck = cloneDeep(this.checkList)
|
|
383
395
|
// 查找排序,在this.filterList中查找this.checkList中的每一项,并将其排在前面
|
|
384
396
|
this.filterList = this.filterList.sort((a, b) => {
|
|
385
397
|
if (this.checkList.includes(a[this.onlyKey]) && !this.checkList.includes(b[this.onlyKey])) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="pointer
|
|
3
|
-
<div class="
|
|
4
|
-
<div v-for="(item, i) in menus" :key="i" class="
|
|
2
|
+
<div class="pointer n20_menu_header">
|
|
3
|
+
<div class="n20_menu_header_drawer_layout n20_menu_header_drawer_box">
|
|
4
|
+
<div v-for="(item, i) in menus" :key="i" class="n20_menu_header-system-item">
|
|
5
5
|
<div class="flex-box flex-v" @click="clickSystem(item)">
|
|
6
6
|
<svg
|
|
7
7
|
style="width: 2em; height: 2em; vertical-align: -0.15em; fill: currentColor; overflow: hidden"
|
|
@@ -9,16 +9,16 @@
|
|
|
9
9
|
>
|
|
10
10
|
<use :xlink:href="item.icon"></use>
|
|
11
11
|
</svg>
|
|
12
|
-
<span class="m-l-s
|
|
12
|
+
<span class="m-l-s n20_menu_header-system-item_title">{{ item.NAME }}</span>
|
|
13
13
|
</div>
|
|
14
|
-
<div v-if="item.menuTree.length" class="
|
|
14
|
+
<div v-if="item.menuTree.length" class="n20_menu_header_drawer_layout n20_menu_header-system-child">
|
|
15
15
|
<div
|
|
16
16
|
v-for="(row, i) in item.menuTree"
|
|
17
17
|
:key="i"
|
|
18
|
-
class="
|
|
18
|
+
class="n20_menu_header-first-item"
|
|
19
19
|
@click="clickMenu(row, item.menuTree)"
|
|
20
20
|
>
|
|
21
|
-
<span class="
|
|
21
|
+
<span class="n20_menu_header-first-item_title">{{ row.title }}</span>
|
|
22
22
|
</div>
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
@@ -330,6 +330,9 @@ export default {
|
|
|
330
330
|
pluginPlatform() {
|
|
331
331
|
return this.jsonData.pluginPlatform
|
|
332
332
|
},
|
|
333
|
+
showSystem() {
|
|
334
|
+
return this.jsonData.showSystem
|
|
335
|
+
},
|
|
333
336
|
loginSloganHtml() {
|
|
334
337
|
return this.form.LOGIN_SLOGAN || this.jsonData.loginSloganHtml || ''
|
|
335
338
|
},
|
|
@@ -430,14 +433,13 @@ export default {
|
|
|
430
433
|
},
|
|
431
434
|
|
|
432
435
|
async init() {
|
|
433
|
-
const { _layoutData = {}, loginSetting, screenInspect
|
|
436
|
+
const { _layoutData = {}, loginSetting, screenInspect } = await getJsonc('/server-config.jsonc')
|
|
434
437
|
let _loginSetting = loginSetting || _layoutData.loginSetting
|
|
435
|
-
this.
|
|
436
|
-
if (_loginSetting !== 'JSON' && showSystem) {
|
|
438
|
+
this.jsonData = _layoutData
|
|
439
|
+
if (_loginSetting !== 'JSON' && this.jsonData.showSystem) {
|
|
437
440
|
await this.getSysSet()
|
|
438
441
|
}
|
|
439
442
|
screenInspect && this.getScreenSetting()
|
|
440
|
-
this.jsonData = _layoutData
|
|
441
443
|
|
|
442
444
|
if (this.systemList.length <= 1) {
|
|
443
445
|
this.$set(this.form, 'LOGIN_TYPE', 'T0')
|