vue2-client 1.13.8 → 1.13.10
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
CHANGED
|
@@ -11,7 +11,18 @@
|
|
|
11
11
|
class="item-text">
|
|
12
12
|
{{ item.number }} {{ item.name }}
|
|
13
13
|
</span>
|
|
14
|
-
|
|
14
|
+
|
|
15
|
+
<div v-if="button" class="button-group">
|
|
16
|
+
<a-button
|
|
17
|
+
v-for="(name, idx) in buttonNames"
|
|
18
|
+
:key="idx"
|
|
19
|
+
type="link"
|
|
20
|
+
:class="['confirm-btn', buttonMode ? 'hover-btn' : '']"
|
|
21
|
+
@click.stop="click(index, idx)"
|
|
22
|
+
>
|
|
23
|
+
{{ name }}
|
|
24
|
+
</a-button>
|
|
25
|
+
</div>
|
|
15
26
|
</a-list-item>
|
|
16
27
|
</a-list>
|
|
17
28
|
</div>
|
|
@@ -35,7 +46,8 @@ export default {
|
|
|
35
46
|
data: [],
|
|
36
47
|
button: false,
|
|
37
48
|
icon: false,
|
|
38
|
-
|
|
49
|
+
buttonNames: [],
|
|
50
|
+
buttonMode: false
|
|
39
51
|
}
|
|
40
52
|
},
|
|
41
53
|
created () {
|
|
@@ -46,7 +58,8 @@ export default {
|
|
|
46
58
|
runLogic(config, {}, 'af-his').then(res => {
|
|
47
59
|
this.button = res.button
|
|
48
60
|
this.icon = res.icon
|
|
49
|
-
this.
|
|
61
|
+
this.buttonNames = res.buttonNames || []
|
|
62
|
+
this.buttonMode = res.buttonMode || false
|
|
50
63
|
this.data = res.data
|
|
51
64
|
})
|
|
52
65
|
},
|
|
@@ -56,8 +69,8 @@ export default {
|
|
|
56
69
|
refreshList () {
|
|
57
70
|
this.getData(this.queryParamsName)
|
|
58
71
|
},
|
|
59
|
-
click (index) {
|
|
60
|
-
this.$emit('click', this.data[index])
|
|
72
|
+
click (index, buttonIndex) {
|
|
73
|
+
this.$emit('click', { data: this.data[index], name: this.buttonNames[buttonIndex] })
|
|
61
74
|
},
|
|
62
75
|
getIconStyle (item) {
|
|
63
76
|
return item.picture
|
|
@@ -115,6 +128,20 @@ export default {
|
|
|
115
128
|
padding: 0 8px;
|
|
116
129
|
}
|
|
117
130
|
|
|
131
|
+
.confirm-btn.hover-btn {
|
|
132
|
+
opacity: 0;
|
|
133
|
+
transition: opacity 0.3s ease;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
.button-group {
|
|
137
|
+
display: flex;
|
|
138
|
+
gap: 2px; /* 按钮之间的间距 */
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.list-item:hover .confirm-btn.hover-btn {
|
|
142
|
+
opacity: 1;
|
|
143
|
+
}
|
|
144
|
+
|
|
118
145
|
/* 自定义滚动条样式 */
|
|
119
146
|
.list-wrapper::-webkit-scrollbar {
|
|
120
147
|
width: 6px;
|