n20-common-lib 1.3.37 → 1.3.38
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 +2 -2
- package/src/assets/css/alert.scss +2 -5
- package/src/components/Anchor/AnchorItem.vue +1 -1
- package/src/components/Button/button-group.vue +0 -6
- package/src/components/ECharts/index.vue +0 -1
- package/src/components/Filters/indexO.vue +14 -12
- package/src/components/FlowStep/index.vue +50 -27
- package/src/components/MoreTab/index.vue +1 -4
- package/src/components/PageHeader/index.vue +1 -1
- package/src/components/SecondaryTab/index.vue +0 -1
- package/src/components/SelectLazy/index.vue +1 -2
- package/src/components/Sifting/index.vue +1 -2
- package/src/components/Step/index.vue +0 -1
- package/src/components/TertiaryTab/index.vue +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "n20-common-lib",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.38",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "src/index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"build:Jenkins_1": "vue-cli-service build --serverConfig ./server-config-jenkins.jsonc",
|
|
13
13
|
"build:gzip": "vue-cli-service build --gzip",
|
|
14
14
|
"build:report": "vue-cli-service build --analy",
|
|
15
|
-
"build:css": "
|
|
15
|
+
"build:css": "node build_css",
|
|
16
16
|
"build:js": "vue-cli-service build --formats umd-min --target lib src/index.js --name index --dest lib --analy"
|
|
17
17
|
},
|
|
18
18
|
"files": [
|
|
@@ -4,12 +4,11 @@
|
|
|
4
4
|
}
|
|
5
5
|
.el-alert {
|
|
6
6
|
width: 616px;
|
|
7
|
-
padding:10px 16px;
|
|
7
|
+
padding: 10px 16px;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
|
|
11
10
|
.el-alert--success.is-light {
|
|
12
|
-
border: 1px solid rgba(72,210,160,0.
|
|
11
|
+
border: 1px solid rgba(72, 210, 160, 0.4);
|
|
13
12
|
}
|
|
14
13
|
|
|
15
14
|
.el-alert--error.is-light {
|
|
@@ -27,5 +26,3 @@
|
|
|
27
26
|
color: #1677ff;
|
|
28
27
|
}
|
|
29
28
|
}
|
|
30
|
-
|
|
31
|
-
|
|
@@ -44,9 +44,6 @@ export default {
|
|
|
44
44
|
})
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
47
|
if (btnt.includes('pass')) {
|
|
51
48
|
btns.push({
|
|
52
49
|
emit: 'pass',
|
|
@@ -128,8 +125,6 @@ export default {
|
|
|
128
125
|
btns.push({ emit: 'information', label: '附件信息', plain: true })
|
|
129
126
|
}
|
|
130
127
|
|
|
131
|
-
|
|
132
|
-
|
|
133
128
|
if (btnt.includes('orderCancel')) {
|
|
134
129
|
btns.push({
|
|
135
130
|
emit: 'orderCancel',
|
|
@@ -146,7 +141,6 @@ export default {
|
|
|
146
141
|
btns.push({ emit: 'back', label: '返回', plain: true })
|
|
147
142
|
}
|
|
148
143
|
|
|
149
|
-
|
|
150
144
|
return btns
|
|
151
145
|
}
|
|
152
146
|
}
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<el-popover
|
|
3
|
+
v-model="showPop"
|
|
3
4
|
:width="width"
|
|
4
5
|
placement="bottom-end"
|
|
5
6
|
title="筛选"
|
|
6
|
-
v-model="showPop"
|
|
7
|
-
@after-leave="
|
|
8
|
-
showMore = false
|
|
9
|
-
"
|
|
10
7
|
trigger="manual"
|
|
8
|
+
@after-leave="showMore = false"
|
|
11
9
|
>
|
|
12
10
|
<span slot="reference">
|
|
13
|
-
<el-button
|
|
11
|
+
<el-button
|
|
12
|
+
icon="n20-icon-iconfontshaixuan"
|
|
13
|
+
plain
|
|
14
|
+
onlyicon
|
|
15
|
+
size="mini"
|
|
16
|
+
@click="clickBtn"
|
|
14
17
|
/></span>
|
|
15
18
|
|
|
16
|
-
<div class="n20-filter p-a-s"
|
|
19
|
+
<div v-click-outside="clickOut" class="n20-filter p-a-s">
|
|
17
20
|
<slot></slot>
|
|
18
21
|
<el-button
|
|
19
22
|
v-if="$slots.more"
|
|
@@ -67,7 +70,7 @@ export default {
|
|
|
67
70
|
data() {
|
|
68
71
|
return {
|
|
69
72
|
showMore: false,
|
|
70
|
-
showPop:false
|
|
73
|
+
showPop: false
|
|
71
74
|
}
|
|
72
75
|
},
|
|
73
76
|
mounted() {},
|
|
@@ -89,10 +92,10 @@ export default {
|
|
|
89
92
|
clickOut() {
|
|
90
93
|
let elPoppers = []
|
|
91
94
|
document
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
95
|
+
.querySelectorAll('.el-popper,.el-dialog__wrapper')
|
|
96
|
+
.forEach((e) => {
|
|
97
|
+
e.style.display !== 'none' && elPoppers.push(e)
|
|
98
|
+
})
|
|
96
99
|
|
|
97
100
|
if (elPoppers.length <= 1) {
|
|
98
101
|
this.showPop = false
|
|
@@ -101,4 +104,3 @@ export default {
|
|
|
101
104
|
}
|
|
102
105
|
}
|
|
103
106
|
</script>
|
|
104
|
-
|
|
@@ -1,63 +1,86 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
|
|
2
|
+
<div class="n20-steps-area">
|
|
3
3
|
<div class="n20-steps">
|
|
4
|
-
|
|
5
|
-
:class="['n20-steps-item',
|
|
6
|
-
{ 'finished': current > n,
|
|
7
|
-
'process': current === n && n !== totalSteps,
|
|
8
|
-
'last-process': current === totalSteps && n === totalSteps,
|
|
9
|
-
'middle-wait': current < n && n !== totalSteps,
|
|
10
|
-
'last-wait': current < n && n === totalSteps,
|
|
11
|
-
}
|
|
12
|
-
]"
|
|
4
|
+
<div
|
|
13
5
|
v-for="n in totalSteps"
|
|
14
6
|
:key="n"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
7
|
+
:class="[
|
|
8
|
+
'n20-steps-item',
|
|
9
|
+
{
|
|
10
|
+
finished: current > n,
|
|
11
|
+
process: current === n && n !== totalSteps,
|
|
12
|
+
'last-process': current === totalSteps && n === totalSteps,
|
|
13
|
+
'middle-wait': current < n && n !== totalSteps,
|
|
14
|
+
'last-wait': current < n && n === totalSteps
|
|
15
|
+
}
|
|
16
|
+
]"
|
|
17
|
+
@click="onChange(n)"
|
|
18
|
+
>
|
|
19
|
+
<div class="n20-steps-icon">
|
|
20
|
+
<span
|
|
21
|
+
v-if="current <= n"
|
|
22
|
+
:class="[
|
|
23
|
+
'n20-u-icon',
|
|
24
|
+
{
|
|
25
|
+
'n20-icon-danxuankuang-yixuanzhong':
|
|
26
|
+
(current === n && n !== totalSteps) ||
|
|
27
|
+
(current === totalSteps && n === totalSteps)
|
|
28
|
+
}
|
|
29
|
+
]"
|
|
30
|
+
></span>
|
|
31
|
+
<span
|
|
32
|
+
v-else
|
|
33
|
+
class="n20-u-icon n20-icon-fankui-chenggongkongxin"
|
|
34
|
+
></span>
|
|
35
|
+
</div>
|
|
36
|
+
<div class="n20-steps-content">
|
|
37
|
+
<div class="n20-steps-title">{{ stepsLabel[n - 1] || 'S ' + n }}</div>
|
|
38
|
+
<div class="n20-steps-description">
|
|
39
|
+
{{ stepsDesc[n - 1] || 'Desc ' + n }}
|
|
40
|
+
</div>
|
|
41
|
+
</div>
|
|
23
42
|
</div>
|
|
24
|
-
</div>
|
|
25
43
|
</div>
|
|
26
|
-
|
|
44
|
+
</div>
|
|
27
45
|
</template>
|
|
28
46
|
<script>
|
|
29
47
|
export default {
|
|
30
48
|
name: 'FlowStep',
|
|
31
49
|
props: {
|
|
32
|
-
stepsLabel: {
|
|
50
|
+
stepsLabel: {
|
|
51
|
+
// 步骤title数组
|
|
33
52
|
type: Array,
|
|
34
53
|
default: () => {
|
|
35
54
|
return []
|
|
36
55
|
}
|
|
37
56
|
},
|
|
38
|
-
stepsDesc: {
|
|
57
|
+
stepsDesc: {
|
|
58
|
+
// 步骤description数组
|
|
39
59
|
type: Array,
|
|
40
60
|
default: () => {
|
|
41
61
|
return []
|
|
42
62
|
}
|
|
43
63
|
},
|
|
44
|
-
totalSteps: {
|
|
64
|
+
totalSteps: {
|
|
65
|
+
// 总的步骤数
|
|
45
66
|
type: Number,
|
|
46
67
|
default: 3
|
|
47
68
|
},
|
|
48
|
-
currentStep: {
|
|
69
|
+
currentStep: {
|
|
70
|
+
// 当前选中的步骤
|
|
49
71
|
type: Number,
|
|
50
72
|
default: 1
|
|
51
73
|
}
|
|
52
74
|
},
|
|
53
|
-
data
|
|
75
|
+
data() {
|
|
54
76
|
return {
|
|
55
77
|
// 若当前选中步骤超过总步骤数，则默认选择步骤1
|
|
56
78
|
current: this.currentStep > this.totalSteps ? 1 : this.currentStep
|
|
57
79
|
}
|
|
58
80
|
},
|
|
59
81
|
methods: {
|
|
60
|
-
onChange
|
|
82
|
+
onChange(index) {
|
|
83
|
+
// 点击切换选择步骤
|
|
61
84
|
console.log('index:', index)
|
|
62
85
|
if (this.current !== index) {
|
|
63
86
|
this.current = index
|
|
@@ -66,4 +89,4 @@ export default {
|
|
|
66
89
|
}
|
|
67
90
|
}
|
|
68
91
|
}
|
|
69
|
-
</script>
|
|
92
|
+
</script>
|