htui-yllkbz 1.5.41 → 1.5.43
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/lib/htui.common.js +161 -66
- package/lib/htui.common.js.gz +0 -0
- package/lib/htui.css +1 -1
- package/lib/htui.umd.js +161 -66
- package/lib/htui.umd.js.gz +0 -0
- package/lib/htui.umd.min.js +9 -9
- package/lib/htui.umd.min.js.gz +0 -0
- package/package.json +1 -1
- package/src/packages/HtBaseData/index.vue +255 -81
- package/src/packages/HtSelectBaseData/index.vue +44 -20
- package/src/views/About.vue +11 -2
package/lib/htui.umd.min.js.gz
CHANGED
|
Binary file
|
package/package.json
CHANGED
|
@@ -5,13 +5,22 @@
|
|
|
5
5
|
state.configJson['departmentId'].show
|
|
6
6
|
">
|
|
7
7
|
<!-- multiple: state.configJson['departmentId'].multiple, -->
|
|
8
|
-
<el-cascader v-if="!state.configJson['departmentId'].panel"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
<el-cascader v-if="!state.configJson['departmentId'].panel"
|
|
9
|
+
:disabled="!!disabled"
|
|
10
|
+
:size="size"
|
|
11
|
+
popper-class="ht-cascader-poper"
|
|
12
|
+
class="component-item "
|
|
13
|
+
:class="comClass"
|
|
14
|
+
style="width:100%"
|
|
15
|
+
:style="comStyle || ''"
|
|
16
|
+
:filter-method="filterMethodOrg"
|
|
17
|
+
:filterable="!state.configJson['departmentId'].multiple"
|
|
18
|
+
:clearable="state.configJson['departmentId'].clearable"
|
|
19
|
+
:placeholder="placeholder || `请选择部门`"
|
|
20
|
+
:collapse-tags="state.configJson['departmentId'].collapseTags"
|
|
21
|
+
v-model="state.selectVal['departmentId']"
|
|
22
|
+
:show-all-levels="state.configJson['departmentId'].showAllLevels"
|
|
23
|
+
:props="{
|
|
15
24
|
label: 'name',
|
|
16
25
|
value: 'id',
|
|
17
26
|
children: 'children',
|
|
@@ -19,12 +28,22 @@
|
|
|
19
28
|
emitPath: false,
|
|
20
29
|
checkStrictly: state.configJson['departmentId'].checkStrictly,
|
|
21
30
|
multiple: state.configJson['departmentId'].multiple,
|
|
22
|
-
}"
|
|
23
|
-
|
|
31
|
+
}"
|
|
32
|
+
@click.native="selectClick($event)"
|
|
33
|
+
ref="departmentId"
|
|
34
|
+
@change="setSelctData('departmentId', $event)"
|
|
35
|
+
:options="organizationUsersTree">
|
|
24
36
|
</el-cascader>
|
|
25
|
-
<el-cascader-panel :size="size"
|
|
26
|
-
|
|
27
|
-
|
|
37
|
+
<el-cascader-panel :size="size"
|
|
38
|
+
v-if="state.configJson['departmentId'].panel"
|
|
39
|
+
class="component-item"
|
|
40
|
+
popper-class="ht-cascader-poper"
|
|
41
|
+
:class="comClass"
|
|
42
|
+
style="width:100%"
|
|
43
|
+
:style="comStyle || ''"
|
|
44
|
+
:placeholder="placeholder || `请选择部门`"
|
|
45
|
+
v-model="state.selectVal['departmentId']"
|
|
46
|
+
:props="{
|
|
28
47
|
label: 'name',
|
|
29
48
|
value: 'id',
|
|
30
49
|
children: 'children',
|
|
@@ -32,26 +51,42 @@
|
|
|
32
51
|
emitPath: false,
|
|
33
52
|
checkStrictly: state.configJson['departmentId'].checkStrictly,
|
|
34
53
|
multiple: state.configJson['departmentId'].multiple,
|
|
35
|
-
}"
|
|
54
|
+
}"
|
|
55
|
+
ref="departmentId"
|
|
56
|
+
@change="setSelctData('departmentId', $event)"
|
|
57
|
+
:options="organizationUsersTree">
|
|
36
58
|
<template slot-scope="{ data }">
|
|
37
59
|
<span>{{ data.label }}</span>
|
|
38
60
|
</template>
|
|
39
61
|
</el-cascader-panel>
|
|
40
62
|
</template>
|
|
41
63
|
<!-- 选择人员 -->
|
|
42
|
-
<el-select v-model="state.selectVal['userId']"
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
64
|
+
<el-select v-model="state.selectVal['userId']"
|
|
65
|
+
:popper-append-to-body="appendToBody"
|
|
66
|
+
:placeholder="placeholder || '请选择人员'"
|
|
67
|
+
:filterable="!state.configJson['userId'].multiple"
|
|
68
|
+
:disabled="!!disabled"
|
|
69
|
+
:style="comStyle || ''"
|
|
70
|
+
class="component-item"
|
|
71
|
+
style="width:100%"
|
|
72
|
+
@click.native="selectClick($event)"
|
|
73
|
+
v-if="state.configJson['userId'] && state.configJson['userId'].show"
|
|
74
|
+
:multiple="state.configJson['userId'].multiple">
|
|
75
|
+
<el-option v-for="item in userDataList"
|
|
76
|
+
:key="item.id"
|
|
77
|
+
:label="item.value"
|
|
78
|
+
:disabled="item.showLocked ? false : !item.isActive"
|
|
79
|
+
:value="item.id"
|
|
80
|
+
:title="`所在部门：${item.organizationNames}`">
|
|
49
81
|
<span>
|
|
50
|
-
<p class="ht-user-dot"
|
|
82
|
+
<p class="ht-user-dot"
|
|
83
|
+
:class="item.dutyOfficer && !item.dutyOfficer.status
|
|
51
84
|
? 'ht-user-dot-disabled'
|
|
52
85
|
: ''
|
|
53
|
-
"
|
|
54
|
-
|
|
86
|
+
"
|
|
87
|
+
v-if="item.dutyOfficer"></p>
|
|
88
|
+
<p class="ht-user-name"
|
|
89
|
+
:class="item.dutyOfficer && !item.dutyOfficer.status
|
|
55
90
|
? 'ht-user-disabled'
|
|
56
91
|
: ''
|
|
57
92
|
">
|
|
@@ -65,13 +100,22 @@
|
|
|
65
100
|
<template v-if="state.configJson['departmentUser'] &&
|
|
66
101
|
state.configJson['departmentUser'].show
|
|
67
102
|
">
|
|
68
|
-
<el-cascader :size="size"
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
103
|
+
<el-cascader :size="size"
|
|
104
|
+
popper-class="ht-cascader-poper"
|
|
105
|
+
v-if="!state.configJson['departmentUser'].panel"
|
|
106
|
+
:disabled="!!disabled"
|
|
107
|
+
class="component-item"
|
|
108
|
+
style="width:100%"
|
|
109
|
+
:filterable="!state.configJson['departmentUser'].multiple"
|
|
110
|
+
:class="comClass"
|
|
111
|
+
:style="comStyle || ''"
|
|
112
|
+
:filter-method="filterMethod"
|
|
113
|
+
:clearable="state.configJson['departmentUser'].clearable"
|
|
114
|
+
:placeholder="placeholder || `请选择部门下人员`"
|
|
115
|
+
:collapse-tags="state.configJson['departmentUser'].collapseTags"
|
|
116
|
+
v-model="state.selectVal['departmentUser']"
|
|
117
|
+
:show-all-levels="state.configJson['departmentUser'].showAllLevels"
|
|
118
|
+
:props="{
|
|
75
119
|
label: 'label',
|
|
76
120
|
value: 'id',
|
|
77
121
|
children: 'childrenList',
|
|
@@ -79,10 +123,14 @@
|
|
|
79
123
|
emitPath: false,
|
|
80
124
|
checkStrictly: state.configJson['departmentUser'].checkStrictly,
|
|
81
125
|
multiple: state.configJson['departmentUser'].multiple,
|
|
82
|
-
}"
|
|
83
|
-
|
|
126
|
+
}"
|
|
127
|
+
ref="departmentUser"
|
|
128
|
+
@click.native="selectClick($event)"
|
|
129
|
+
@change="setSelctData('departmentUser', $event)"
|
|
130
|
+
:options="organizationUsersTreeUser">
|
|
84
131
|
<template slot-scope="{ data }">
|
|
85
|
-
<p class="ht-user-dot"
|
|
132
|
+
<p class="ht-user-dot"
|
|
133
|
+
style="
|
|
86
134
|
padding: 0;
|
|
87
135
|
margin: 0;
|
|
88
136
|
float: left;
|
|
@@ -93,19 +141,31 @@
|
|
|
93
141
|
margin-top: 10px;
|
|
94
142
|
border-radius: 10px;
|
|
95
143
|
margin-right: 4px;
|
|
96
|
-
"
|
|
144
|
+
"
|
|
145
|
+
:style="data.dutyOfficer && !data.dutyOfficer.status
|
|
97
146
|
? 'background: #ccc;'
|
|
98
147
|
: ''
|
|
99
|
-
"
|
|
100
|
-
|
|
148
|
+
"
|
|
149
|
+
v-if="data.dutyOfficer"></p>
|
|
150
|
+
<p class="ht-user-name"
|
|
151
|
+
style="padding: 0; margin: 0; float: left"
|
|
152
|
+
:style="(data.dutyOfficer && !data.dutyOfficer.status) || data.disabled ? 'color:#ddd' : ''
|
|
101
153
|
">
|
|
102
154
|
{{ data.label }}
|
|
103
155
|
</p>
|
|
104
156
|
</template>
|
|
105
157
|
</el-cascader>
|
|
106
|
-
<el-cascader-panel v-else
|
|
107
|
-
|
|
108
|
-
|
|
158
|
+
<el-cascader-panel v-else
|
|
159
|
+
:size="size"
|
|
160
|
+
popper-class="ht-cascader-poper"
|
|
161
|
+
:style="panStyle"
|
|
162
|
+
:filterable="!state.configJson['departmentUser'].multiple"
|
|
163
|
+
:filter-method="filterMethod"
|
|
164
|
+
class="component-item"
|
|
165
|
+
style="width:100%"
|
|
166
|
+
:placeholder="placeholder || `请选择部门下人员`"
|
|
167
|
+
v-model="state.selectVal['departmentUser']"
|
|
168
|
+
:props="{
|
|
109
169
|
label: 'label',
|
|
110
170
|
value: 'id',
|
|
111
171
|
children: 'childrenList',
|
|
@@ -113,9 +173,13 @@
|
|
|
113
173
|
emitPath: false,
|
|
114
174
|
checkStrictly: state.configJson['departmentUser'].checkStrictly,
|
|
115
175
|
multiple: state.configJson['departmentUser'].multiple,
|
|
116
|
-
}"
|
|
176
|
+
}"
|
|
177
|
+
ref="departmentUser"
|
|
178
|
+
@change="setSelctData('departmentUser', $event)"
|
|
179
|
+
:options="organizationUsersTreeUser">
|
|
117
180
|
<template slot-scope="{ data }">
|
|
118
|
-
<p class="ht-user-dot"
|
|
181
|
+
<p class="ht-user-dot"
|
|
182
|
+
style="
|
|
119
183
|
padding: 0;
|
|
120
184
|
margin: 0;
|
|
121
185
|
float: left;
|
|
@@ -126,11 +190,15 @@
|
|
|
126
190
|
margin-top: 10px;
|
|
127
191
|
border-radius: 10px;
|
|
128
192
|
margin-right: 4px;
|
|
129
|
-
"
|
|
193
|
+
"
|
|
194
|
+
:style="(data.dutyOfficer && !data.dutyOfficer.status)
|
|
130
195
|
? 'background: #ccc;'
|
|
131
196
|
: ''
|
|
132
|
-
"
|
|
133
|
-
|
|
197
|
+
"
|
|
198
|
+
v-if="data.dutyOfficer"></p>
|
|
199
|
+
<p class="ht-user-name"
|
|
200
|
+
style="padding: 0; margin: 0; float: left"
|
|
201
|
+
:style="(data.dutyOfficer && !data.dutyOfficer.status) || data.disabled ? 'color:#ddd' : ''
|
|
134
202
|
">
|
|
135
203
|
{{ data.label }}
|
|
136
204
|
</p>
|
|
@@ -142,18 +210,29 @@
|
|
|
142
210
|
<!-- 选择严重等级 -->
|
|
143
211
|
<template v-if="item.code == 'SeverityLevel'">
|
|
144
212
|
<el-select :popper-append-to-body="appendToBody"
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
213
|
+
v-if="state.configJson[item.code] && state.configJson[item.code].show"
|
|
214
|
+
v-model="state.selectVal[item.code]"
|
|
215
|
+
:disabled="!!disabled"
|
|
216
|
+
:key="item.id"
|
|
217
|
+
:clearable="state.configJson[item.code].clearable"
|
|
218
|
+
:style="comStyle || ''"
|
|
219
|
+
:placeholder="placeholder || '请选择严重等级'"
|
|
220
|
+
:filterable="!state.configJson[item.code].multiple"
|
|
221
|
+
class="component-item"
|
|
222
|
+
:multiple="state.configJson[item.code].multiple"
|
|
223
|
+
style="width:100%"
|
|
224
|
+
@click.native="selectClick($event)"
|
|
225
|
+
@change="setSelctItem(item.code)">
|
|
226
|
+
<el-option v-for="item in SeverityLevel"
|
|
227
|
+
:key="item.id"
|
|
228
|
+
:style="panStyle"
|
|
229
|
+
:label="hideCode ? item.name : `${item.name}(${item.value})`"
|
|
230
|
+
:value="`${item.value}`"
|
|
231
|
+
:title="`${item.name}(${item.value})`">
|
|
154
232
|
<span style="display: flex;
|
|
155
233
|
align-items: center;">
|
|
156
|
-
<b class="item-origin"
|
|
234
|
+
<b class="item-origin"
|
|
235
|
+
:style="{
|
|
157
236
|
'background-color': `${item.color}`,
|
|
158
237
|
display: `inline-block`,
|
|
159
238
|
width: `6px`,
|
|
@@ -170,16 +249,28 @@
|
|
|
170
249
|
<!-- 选择响应列表 -->
|
|
171
250
|
<template v-else-if="item.code == 'ResponseList'">
|
|
172
251
|
<el-select :popper-append-to-body="appendToBody"
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
252
|
+
v-if="state.configJson[item.code] && state.configJson[item.code].show"
|
|
253
|
+
v-model="state.selectVal[item.code]"
|
|
254
|
+
:key="item.id"
|
|
255
|
+
:disabled="!!disabled"
|
|
256
|
+
:style="comStyle || ''"
|
|
257
|
+
:multiple="state.configJson[item.code].multiple"
|
|
258
|
+
:clearable="state.configJson[item.code].clearable"
|
|
259
|
+
:placeholder="placeholder || '请选择响应列表'"
|
|
260
|
+
:filterable="!state.configJson[item.code].multiple"
|
|
261
|
+
class="component-item"
|
|
262
|
+
@click.native="selectClick($event)"
|
|
263
|
+
@change="setSelctItem(item.code)">
|
|
264
|
+
<el-option v-for="item in ResponseList"
|
|
265
|
+
:key="item.id"
|
|
266
|
+
:style="panStyle"
|
|
267
|
+
:label="hideCode ? item.name : `${item.name}(${item.value})`"
|
|
268
|
+
:value="item.value"
|
|
269
|
+
:title="`${item.name}(${item.value})`">
|
|
181
270
|
<span>
|
|
182
|
-
<b v-if="item.color"
|
|
271
|
+
<b v-if="item.color"
|
|
272
|
+
class="item-origin"
|
|
273
|
+
:style="{
|
|
183
274
|
'border-color': `${item.color}`,
|
|
184
275
|
}"></b>
|
|
185
276
|
{{ item.name }}
|
|
@@ -190,14 +281,78 @@
|
|
|
190
281
|
</template>
|
|
191
282
|
<!-- 基础数据级联选择 -->
|
|
192
283
|
<template v-else>
|
|
193
|
-
<template v-if="
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
284
|
+
<template v-if="byCode">
|
|
285
|
+
{{state.selectVal[item.code]}}
|
|
286
|
+
<template v-if="state.configJson[item.code] && state.configJson[item.code].show">
|
|
287
|
+
<el-cascader :size="size"
|
|
288
|
+
popper-class="ht-cascader-poper"
|
|
289
|
+
v-if="!state.configJson[item.code].panel"
|
|
290
|
+
:placeholder="placeholder || `请选择${item.name}`"
|
|
291
|
+
:disabled="!!disabled"
|
|
292
|
+
class="component-item"
|
|
293
|
+
:style="comStyle || ''"
|
|
294
|
+
:key="item.id"
|
|
295
|
+
style="width:100%"
|
|
296
|
+
:filterable="!state.configJson[item.code].multiple"
|
|
297
|
+
:clearable="state.configJson[item.code].clearable"
|
|
298
|
+
@click.native="selectClick($event)"
|
|
299
|
+
v-model="state.selectVal[item.code]"
|
|
300
|
+
:collapse-tags="state.configJson[item.code].collapseTags"
|
|
301
|
+
:show-all-levels="state.configJson[item.code].showAllLevels"
|
|
302
|
+
:props="{
|
|
303
|
+
label: hideCode ? 'name' : 'label',
|
|
304
|
+
value: 'value',
|
|
305
|
+
children: 'children',
|
|
306
|
+
expandTrigger: 'click',
|
|
307
|
+
emitPath: false,
|
|
308
|
+
checkStrictly: state.configJson[item.code].checkStrictly,
|
|
309
|
+
multiple: state.configJson[item.code].multiple,
|
|
310
|
+
}"
|
|
311
|
+
:ref="`${item.code}`"
|
|
312
|
+
@change="setSelctData(item.code, $event)"
|
|
313
|
+
:options="getbaseDataInfo[item.id]"></el-cascader>
|
|
314
|
+
<el-cascader-panel v-else
|
|
315
|
+
:size="size"
|
|
316
|
+
popper-class="ht-cascader-poper"
|
|
317
|
+
@click.native="selectClick($event)"
|
|
318
|
+
:placeholder="placeholder || `请选择${item.name}`"
|
|
319
|
+
class="component-item"
|
|
320
|
+
style="width:100%"
|
|
321
|
+
:key="item.id"
|
|
322
|
+
:style="panStyle"
|
|
323
|
+
v-model="state.selectVal[item.code]"
|
|
324
|
+
:props="{
|
|
325
|
+
label: hideCode ? 'name' : 'label',
|
|
326
|
+
value: 'value',
|
|
327
|
+
children: 'children',
|
|
328
|
+
expandTrigger: 'click',
|
|
329
|
+
emitPath: false,
|
|
330
|
+
checkStrictly: state.configJson[item.code].checkStrictly,
|
|
331
|
+
multiple: state.configJson[item.code].multiple,
|
|
332
|
+
}"
|
|
333
|
+
:ref="`${item.code}`"
|
|
334
|
+
@change="setSelctData(item.code, $event)"
|
|
335
|
+
:options="getbaseDataInfo[item.id]"></el-cascader-panel>
|
|
336
|
+
</template>
|
|
337
|
+
</template>
|
|
338
|
+
<template v-else>
|
|
339
|
+
<template v-if="state.configJson[item.code] && state.configJson[item.code].show">
|
|
340
|
+
<el-cascader :size="size"
|
|
341
|
+
popper-class="ht-cascader-poper"
|
|
342
|
+
v-if="!state.configJson[item.code].panel"
|
|
343
|
+
:placeholder="placeholder || `请选择${item.name}`"
|
|
344
|
+
:disabled="!!disabled"
|
|
345
|
+
class="component-item"
|
|
346
|
+
:style="comStyle || ''"
|
|
347
|
+
:key="item.id"
|
|
348
|
+
style="width:100%"
|
|
349
|
+
:filterable="!state.configJson[item.code].multiple"
|
|
350
|
+
:clearable="state.configJson[item.code].clearable"
|
|
351
|
+
@click.native="selectClick($event)"
|
|
352
|
+
v-model="state.selectVal[item.code]"
|
|
353
|
+
:collapse-tags="state.configJson[item.code].collapseTags"
|
|
354
|
+
:show-all-levels="state.configJson[item.code].showAllLevels"
|
|
355
|
+
:props="{
|
|
201
356
|
label: hideCode ? 'name' : 'label',
|
|
202
357
|
value: 'id',
|
|
203
358
|
children: 'children',
|
|
@@ -205,11 +360,21 @@
|
|
|
205
360
|
emitPath: false,
|
|
206
361
|
checkStrictly: state.configJson[item.code].checkStrictly,
|
|
207
362
|
multiple: state.configJson[item.code].multiple,
|
|
208
|
-
}"
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
363
|
+
}"
|
|
364
|
+
:ref="`${item.code}`"
|
|
365
|
+
@change="setSelctData(item.code, $event)"
|
|
366
|
+
:options="getbaseDataInfo[item.id]"></el-cascader>
|
|
367
|
+
<el-cascader-panel v-else
|
|
368
|
+
:size="size"
|
|
369
|
+
popper-class="ht-cascader-poper"
|
|
370
|
+
@click.native="selectClick($event)"
|
|
371
|
+
:placeholder="placeholder || `请选择${item.name}`"
|
|
372
|
+
class="component-item"
|
|
373
|
+
style="width:100%"
|
|
374
|
+
:key="item.id"
|
|
375
|
+
:style="panStyle"
|
|
376
|
+
v-model="state.selectVal[item.code]"
|
|
377
|
+
:props="{
|
|
213
378
|
label: hideCode ? 'name' : 'label',
|
|
214
379
|
value: 'id',
|
|
215
380
|
children: 'children',
|
|
@@ -217,9 +382,13 @@
|
|
|
217
382
|
emitPath: false,
|
|
218
383
|
checkStrictly: state.configJson[item.code].checkStrictly,
|
|
219
384
|
multiple: state.configJson[item.code].multiple,
|
|
220
|
-
}"
|
|
221
|
-
|
|
385
|
+
}"
|
|
386
|
+
:ref="`${item.code}`"
|
|
387
|
+
@change="setSelctData(item.code, $event)"
|
|
388
|
+
:options="getbaseDataInfo[item.id]"></el-cascader-panel>
|
|
389
|
+
</template>
|
|
222
390
|
</template>
|
|
391
|
+
|
|
223
392
|
</template>
|
|
224
393
|
</template>
|
|
225
394
|
<!-- <div>
|
|
@@ -233,7 +402,7 @@
|
|
|
233
402
|
</template>
|
|
234
403
|
|
|
235
404
|
<script lang="ts">
|
|
236
|
-
import { Vue, Prop,
|
|
405
|
+
import { Vue, Prop, Component, Watch } from "vue-property-decorator";
|
|
237
406
|
|
|
238
407
|
import {
|
|
239
408
|
BaseDataDto,
|
|
@@ -394,6 +563,8 @@ export default class CommonDatas extends Vue {
|
|
|
394
563
|
@Prop() configJson?: string;
|
|
395
564
|
/** 自定义class */
|
|
396
565
|
@Prop() comClass?: string;
|
|
566
|
+
/** 是否根据code来选中 */
|
|
567
|
+
@Prop() byCode?: boolean;
|
|
397
568
|
/** 是否已tag形式展示 */
|
|
398
569
|
@Prop() isTag?: boolean;
|
|
399
570
|
/** 隐藏编码 */
|
|
@@ -579,7 +750,7 @@ export default class CommonDatas extends Vue {
|
|
|
579
750
|
break;
|
|
580
751
|
case "ResponseList":
|
|
581
752
|
this.state.selectValData[key] = this.SeverityLevel.filter((item) =>
|
|
582
|
-
codelist.some((val) => val == item.
|
|
753
|
+
codelist.some((val) => val == item.value?.toString())
|
|
583
754
|
);
|
|
584
755
|
break;
|
|
585
756
|
|
|
@@ -641,6 +812,9 @@ export default class CommonDatas extends Vue {
|
|
|
641
812
|
}
|
|
642
813
|
/** 过滤在多选模式下，Tag时触发删除 */
|
|
643
814
|
const checkNodes = checkList.filter((item: any) => {
|
|
815
|
+
if (this.byCode) {
|
|
816
|
+
return value?.includes(item.data.value);
|
|
817
|
+
}
|
|
644
818
|
return value?.includes(item.data.id);
|
|
645
819
|
});
|
|
646
820
|
if (checkNodes && checkNodes.length && checkNodes[0] !== null) {
|
|
@@ -851,7 +1025,7 @@ export default class CommonDatas extends Vue {
|
|
|
851
1025
|
.component-item {
|
|
852
1026
|
width: 100%;
|
|
853
1027
|
|
|
854
|
-
|
|
1028
|
+
+ .component-item {
|
|
855
1029
|
margin-top: 10px;
|
|
856
1030
|
}
|
|
857
1031
|
}
|
|
@@ -4,23 +4,47 @@
|
|
|
4
4
|
* @Author: hutao
|
|
5
5
|
* @Date: 2021-12-30 15:47:47
|
|
6
6
|
* @LastEditors: hutao
|
|
7
|
-
* @LastEditTime:
|
|
7
|
+
* @LastEditTime: 2025-02-10 14:30:46
|
|
8
8
|
-->
|
|
9
9
|
|
|
10
10
|
<template>
|
|
11
11
|
<div>
|
|
12
12
|
<template v-if="!readonly">
|
|
13
|
-
|
|
14
|
-
<
|
|
15
|
-
|
|
13
|
+
|
|
14
|
+
<el-select value=""
|
|
15
|
+
v-if="!dataTypeId"
|
|
16
|
+
:disabled="disabled"
|
|
17
|
+
style="width:100%"
|
|
18
|
+
placeholder="请选择"></el-select>
|
|
19
|
+
<HtBaseData :byCode="byCode"
|
|
20
|
+
v-else
|
|
21
|
+
:org="org"
|
|
22
|
+
ref="htBaseData"
|
|
23
|
+
:size="size"
|
|
24
|
+
:appendToBody="appendToBody"
|
|
25
|
+
:only-parent="onlyParent"
|
|
26
|
+
:parent-id="parentId"
|
|
27
|
+
:placeholder="placeholder"
|
|
28
|
+
:hide-code="hideCode"
|
|
29
|
+
:disabled="disabled"
|
|
30
|
+
:com-class="heightAuto
|
|
16
31
|
? 'component-item-heightAuto ht-item-common'
|
|
17
32
|
: 'component-item-height ht-item-common'
|
|
18
|
-
"
|
|
33
|
+
"
|
|
34
|
+
com-style="background:#fff"
|
|
35
|
+
:config-json="configJson"
|
|
36
|
+
@change="getCommonData"></HtBaseData>
|
|
19
37
|
</template>
|
|
20
38
|
<div v-else>
|
|
21
|
-
<HtShowBaseData :hide-code="hideCode"
|
|
22
|
-
|
|
23
|
-
|
|
39
|
+
<HtShowBaseData :hide-code="hideCode"
|
|
40
|
+
:dataTypeId="dataTypeId"
|
|
41
|
+
:isTag="isTag"
|
|
42
|
+
:show-all-level="showAllLevels"
|
|
43
|
+
:base-data-id="!byCode ? value : undefined"
|
|
44
|
+
:base-data-value="byCode ? value : undefined"
|
|
45
|
+
:base-data-info="true"
|
|
46
|
+
com-style="font-size:12px"
|
|
47
|
+
style="font-size:12px">
|
|
24
48
|
</HtShowBaseData>
|
|
25
49
|
|
|
26
50
|
<!-- <div is='common-datas-info-id'
|
|
@@ -33,16 +57,16 @@
|
|
|
33
57
|
</div>
|
|
34
58
|
</template>
|
|
35
59
|
<script lang="ts">
|
|
36
|
-
import { Component, Prop, Vue, Watch } from
|
|
37
|
-
import HtShowBaseData from
|
|
38
|
-
import HtBaseData from
|
|
60
|
+
import { Component, Prop, Vue, Watch } from "vue-property-decorator";
|
|
61
|
+
import HtShowBaseData from "@/packages/HtShowBaseData";
|
|
62
|
+
import HtBaseData from "@/packages/HtBaseData";
|
|
39
63
|
interface State {
|
|
40
64
|
/** 数据状态 */
|
|
41
65
|
loading: boolean;
|
|
42
66
|
value?: string;
|
|
43
67
|
}
|
|
44
68
|
@Component({
|
|
45
|
-
name:
|
|
69
|
+
name: "HtSelectBaseData",
|
|
46
70
|
components: {
|
|
47
71
|
HtShowBaseData,
|
|
48
72
|
HtBaseData,
|
|
@@ -79,7 +103,7 @@ export default class HtSelectBaseData extends Vue {
|
|
|
79
103
|
/** 数据 */
|
|
80
104
|
state: State = {
|
|
81
105
|
loading: false,
|
|
82
|
-
value:
|
|
106
|
+
value: "",
|
|
83
107
|
};
|
|
84
108
|
/** 生命周期 */
|
|
85
109
|
created() {
|
|
@@ -97,24 +121,24 @@ export default class HtSelectBaseData extends Vue {
|
|
|
97
121
|
if (this.multiple) {
|
|
98
122
|
const arr: string[] = [];
|
|
99
123
|
dep.forEach((item: any) => {
|
|
100
|
-
arr.push(item[this.byCode ?
|
|
124
|
+
arr.push(item[this.byCode ? "value" : "id"]);
|
|
101
125
|
});
|
|
102
126
|
data = arr;
|
|
103
127
|
} else {
|
|
104
|
-
data = dep[0][this.byCode ?
|
|
128
|
+
data = dep[0][this.byCode ? "value" : "id"];
|
|
105
129
|
if (this.byCode && !isNaN(data)) {
|
|
106
130
|
data = data.toString();
|
|
107
131
|
}
|
|
108
132
|
}
|
|
109
133
|
}
|
|
110
134
|
|
|
111
|
-
this.$emit(
|
|
112
|
-
this.$emit(
|
|
135
|
+
this.$emit("input", data);
|
|
136
|
+
this.$emit("change", data, dep);
|
|
113
137
|
// this.$emit("input", id);
|
|
114
138
|
// this.$emit("change", id, data[this.dataTypeId][0]);
|
|
115
139
|
}
|
|
116
140
|
/** 监听 */
|
|
117
|
-
@Watch(
|
|
141
|
+
@Watch("value")
|
|
118
142
|
onValue(val: string) {
|
|
119
143
|
this.state.value = val;
|
|
120
144
|
}
|
|
@@ -122,10 +146,10 @@ export default class HtSelectBaseData extends Vue {
|
|
|
122
146
|
/** 选项列表 */
|
|
123
147
|
/** 基础组件应用json */
|
|
124
148
|
get configJson() {
|
|
125
|
-
const { dataTypeId =
|
|
149
|
+
const { dataTypeId = "", value } = this;
|
|
126
150
|
const body: { [key: string]: any } = {};
|
|
127
151
|
body[dataTypeId] = {
|
|
128
|
-
name:
|
|
152
|
+
name: "cece",
|
|
129
153
|
show: true,
|
|
130
154
|
filterable: true,
|
|
131
155
|
clearable: this.clearable,
|