htui-yllkbz 1.3.50 → 1.3.54
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 +119 -101
- package/lib/htui.common.js.gz +0 -0
- package/lib/htui.css +1 -1
- package/lib/htui.umd.js +119 -101
- package/lib/htui.umd.js.gz +0 -0
- package/lib/htui.umd.min.js +4 -4
- package/lib/htui.umd.min.js.gz +0 -0
- package/package.json +1 -1
- package/src/packages/HtBaseData/index.vue +18 -11
- package/src/packages/HtSelectBaseData/index.vue +3 -1
- package/src/packages/HtSelectOrg/index.vue +3 -1
- package/src/packages/HtSelectUser/index.vue +3 -1
- package/src/packages/HtShowBaseData/index.vue +30 -39
package/lib/htui.umd.min.js.gz
CHANGED
|
Binary file
|
package/package.json
CHANGED
|
@@ -11,8 +11,8 @@
|
|
|
11
11
|
<el-cascader
|
|
12
12
|
v-if="!state.configJson['departmentId'].panel"
|
|
13
13
|
:disabled="!!disabled"
|
|
14
|
+
:size="size"
|
|
14
15
|
popper-class="ht-cascader-poper"
|
|
15
|
-
:append-to-body="appendToBody"
|
|
16
16
|
class="component-item"
|
|
17
17
|
:class="comClass"
|
|
18
18
|
style="width:100%"
|
|
@@ -39,10 +39,10 @@
|
|
|
39
39
|
>
|
|
40
40
|
</el-cascader>
|
|
41
41
|
<el-cascader-panel
|
|
42
|
+
:size="size"
|
|
42
43
|
v-if="state.configJson['departmentId'].panel"
|
|
43
44
|
class="component-item"
|
|
44
45
|
popper-class="ht-cascader-poper"
|
|
45
|
-
:append-to-body="appendToBody"
|
|
46
46
|
:class="comClass"
|
|
47
47
|
style="width:100%"
|
|
48
48
|
:style="comStyle || ''"
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
"
|
|
120
120
|
>
|
|
121
121
|
<el-cascader
|
|
122
|
-
:
|
|
122
|
+
:size="size"
|
|
123
123
|
popper-class="ht-cascader-poper"
|
|
124
124
|
v-if="!state.configJson['departmentUser'].panel"
|
|
125
125
|
:disabled="!!disabled"
|
|
@@ -182,8 +182,8 @@
|
|
|
182
182
|
</el-cascader>
|
|
183
183
|
<el-cascader-panel
|
|
184
184
|
v-else
|
|
185
|
+
:size="size"
|
|
185
186
|
popper-class="ht-cascader-poper"
|
|
186
|
-
:append-to-body="appendToBody"
|
|
187
187
|
:style="panStyle"
|
|
188
188
|
:filterable="!state.configJson['departmentUser'].multiple"
|
|
189
189
|
class="component-item"
|
|
@@ -319,8 +319,8 @@
|
|
|
319
319
|
v-if="state.configJson[item.code] && state.configJson[item.code].show"
|
|
320
320
|
>
|
|
321
321
|
<el-cascader
|
|
322
|
+
:size="size"
|
|
322
323
|
popper-class="ht-cascader-poper"
|
|
323
|
-
:append-to-body="appendToBody"
|
|
324
324
|
v-if="!state.configJson[item.code].panel"
|
|
325
325
|
:placeholder="placeholder || `请选择${item.name}`"
|
|
326
326
|
:disabled="!!disabled"
|
|
@@ -349,8 +349,8 @@
|
|
|
349
349
|
></el-cascader>
|
|
350
350
|
<el-cascader-panel
|
|
351
351
|
v-else
|
|
352
|
+
:size="size"
|
|
352
353
|
popper-class="ht-cascader-poper"
|
|
353
|
-
:append-to-body="appendToBody"
|
|
354
354
|
@click.native="selectClick($event)"
|
|
355
355
|
:placeholder="placeholder || `请选择${item.name}`"
|
|
356
356
|
class="component-item"
|
|
@@ -555,6 +555,8 @@ export default class CommonDatas extends Vue {
|
|
|
555
555
|
@Prop() panStyle?: string;
|
|
556
556
|
/** 所属部门 */
|
|
557
557
|
@Prop() org?: string;
|
|
558
|
+
/** 尺寸 */
|
|
559
|
+
@Prop() size?: string;
|
|
558
560
|
/** 是否禁用 */
|
|
559
561
|
@Prop() disabled?: string;
|
|
560
562
|
@Prop({ default: true }) appendToBody?: boolean;
|
|
@@ -872,12 +874,17 @@ export default class CommonDatas extends Vue {
|
|
|
872
874
|
cur.childrenList = [];
|
|
873
875
|
if (cur.users) {
|
|
874
876
|
cur.users.map((item) => {
|
|
875
|
-
item.
|
|
876
|
-
item.
|
|
877
|
-
|
|
878
|
-
|
|
877
|
+
if (item.userName) {
|
|
878
|
+
item.name = item.userName;
|
|
879
|
+
} else {
|
|
880
|
+
if (item.displayName) {
|
|
881
|
+
item.name = item.displayName;
|
|
882
|
+
} else {
|
|
883
|
+
item.name = `${item.surname || ''}${item.name || ''}`;
|
|
884
|
+
}
|
|
885
|
+
}
|
|
886
|
+
item.displayName = item.name;
|
|
879
887
|
item.childrenList = undefined;
|
|
880
|
-
|
|
881
888
|
return item;
|
|
882
889
|
});
|
|
883
890
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @Author: hutao
|
|
5
5
|
* @Date: 2021-12-30 15:47:47
|
|
6
6
|
* @LastEditors: hutao
|
|
7
|
-
* @LastEditTime: 2022-08-
|
|
7
|
+
* @LastEditTime: 2022-08-26 16:13:00
|
|
8
8
|
-->
|
|
9
9
|
|
|
10
10
|
<template>
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
<HtBaseData
|
|
21
21
|
v-else
|
|
22
22
|
:org="org"
|
|
23
|
+
:size="size"
|
|
23
24
|
:appendToBody="appendToBody"
|
|
24
25
|
:placeholder="placeholder"
|
|
25
26
|
:hide-code="hideCode"
|
|
@@ -68,6 +69,7 @@ interface State {
|
|
|
68
69
|
export default class HtSelectBaseData extends Vue {
|
|
69
70
|
@Prop() value!: string;
|
|
70
71
|
@Prop() org?: string;
|
|
72
|
+
@Prop() size?: string;
|
|
71
73
|
@Prop() placeholder?: string;
|
|
72
74
|
/** 是否禁用 */
|
|
73
75
|
@Prop({ default: false }) disabled?: boolean;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @Author: hutao
|
|
5
5
|
* @Date: 2021-12-30 14:29:14
|
|
6
6
|
* @LastEditors: hutao
|
|
7
|
-
* @LastEditTime: 2022-08-
|
|
7
|
+
* @LastEditTime: 2022-08-26 16:11:31
|
|
8
8
|
-->
|
|
9
9
|
<template>
|
|
10
10
|
<span v-if="readonly">
|
|
@@ -20,6 +20,7 @@
|
|
|
20
20
|
:org="org"
|
|
21
21
|
:placeholder="placeholder"
|
|
22
22
|
:disabled="disabled"
|
|
23
|
+
:size="size"
|
|
23
24
|
:appendToBody="appendToBody"
|
|
24
25
|
com-style="background:#fff"
|
|
25
26
|
:config-json="configJson"
|
|
@@ -48,6 +49,7 @@ export default class HtSelectOrg extends Vue {
|
|
|
48
49
|
@Prop() disabled?: boolean;
|
|
49
50
|
@Prop() placeholder?: string;
|
|
50
51
|
@Prop() org?: string;
|
|
52
|
+
@Prop() size?: string;
|
|
51
53
|
/** 是否可以清除 */
|
|
52
54
|
@Prop() clearable?: boolean;
|
|
53
55
|
@Prop({ default: true }) show?: boolean;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @Author: hutao
|
|
5
5
|
* @Date: 2021-12-30 14:29:14
|
|
6
6
|
* @LastEditors: hutao
|
|
7
|
-
* @LastEditTime: 2022-08-
|
|
7
|
+
* @LastEditTime: 2022-08-26 16:11:46
|
|
8
8
|
-->
|
|
9
9
|
<template>
|
|
10
10
|
<span v-if="readonly">
|
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
</span>
|
|
14
14
|
<HtBaseData
|
|
15
15
|
v-else
|
|
16
|
+
:size="size"
|
|
16
17
|
:org="org"
|
|
17
18
|
:placeholder="placeholder"
|
|
18
19
|
:disabled="disabled"
|
|
@@ -41,6 +42,7 @@ interface State {
|
|
|
41
42
|
export default class HtSelectUser extends Vue {
|
|
42
43
|
@Prop() value!: string;
|
|
43
44
|
@Prop() org!: string;
|
|
45
|
+
@Prop() size!: string;
|
|
44
46
|
/** 是否禁用 */
|
|
45
47
|
@Prop() disabled?: boolean;
|
|
46
48
|
@Prop() placeholder?: string;
|
|
@@ -8,46 +8,38 @@
|
|
|
8
8
|
</template>
|
|
9
9
|
<!-- 部门 -->
|
|
10
10
|
<template v-if="departmentId">
|
|
11
|
-
<span class="item"
|
|
12
|
-
v-for="item in departmentData"
|
|
13
|
-
:key="item">
|
|
11
|
+
<span class="item" v-for="item in departmentData" :key="item">
|
|
14
12
|
{{ getorgById(item).displayName || empty }}
|
|
15
13
|
</span>
|
|
16
14
|
</template>
|
|
17
15
|
<!-- 用户 -->
|
|
18
16
|
<template v-if="userId">
|
|
19
|
-
<span class="item"
|
|
20
|
-
v-for="item in userData"
|
|
21
|
-
:key="item.id">
|
|
17
|
+
<span class="item" v-for="item in userData" :key="item.id">
|
|
22
18
|
{{ item.value || empty }}
|
|
23
19
|
</span>
|
|
24
20
|
</template>
|
|
25
21
|
<!-- 角色 -->
|
|
26
22
|
<template v-if="roleId">
|
|
27
|
-
<span class="item"
|
|
28
|
-
v-for="item in roleData"
|
|
29
|
-
:key="item.id">
|
|
23
|
+
<span class="item" v-for="item in roleData" :key="item.id">
|
|
30
24
|
{{ item.name || empty }}
|
|
31
25
|
</span>
|
|
32
26
|
</template>
|
|
33
27
|
<!-- 基础数据,以id查找 -->
|
|
34
28
|
<template v-if="baseDataId">
|
|
35
|
-
<span class="item"
|
|
36
|
-
v-if="baseDataItem[baseDataId]">
|
|
29
|
+
<span class="item" v-if="baseDataItem[baseDataId]">
|
|
37
30
|
<!-- {{ baseDataItem[baseDataId].name || empty }}
|
|
38
31
|
<span v-if="baseDataInfo&&!hideCode">
|
|
39
32
|
({{ baseDataItem[baseDataId].value || empty }})
|
|
40
33
|
</span> -->
|
|
41
|
-
{{state.text}}
|
|
34
|
+
{{ state.text }}
|
|
42
35
|
</span>
|
|
43
36
|
<span v-else> {{ empty }}</span>
|
|
44
37
|
</template>
|
|
45
38
|
<!-- 基础数据,以value查找 -->
|
|
46
39
|
<template v-if="baseDataValue">
|
|
47
|
-
<span class="item"
|
|
48
|
-
v-if="baseDataItem[baseDataValue]">
|
|
40
|
+
<span class="item" v-if="baseDataItem[baseDataValue]">
|
|
49
41
|
{{ baseDataItem[baseDataValue].name || empty }}
|
|
50
|
-
<span v-if="baseDataInfo
|
|
42
|
+
<span v-if="baseDataInfo && !hideCode">
|
|
51
43
|
({{ baseDataItem[baseDataValue].value || empty }})
|
|
52
44
|
</span>
|
|
53
45
|
</span>
|
|
@@ -55,10 +47,9 @@
|
|
|
55
47
|
</template>
|
|
56
48
|
<!-- 基础数据,以namg查找 -->
|
|
57
49
|
<template v-if="baseDataName">
|
|
58
|
-
<span class="item"
|
|
59
|
-
v-if="baseDataItem[baseDataName]">
|
|
50
|
+
<span class="item" v-if="baseDataItem[baseDataName]">
|
|
60
51
|
{{ baseDataItem[baseDataName].name || empty }}
|
|
61
|
-
<span v-if="baseDataInfo
|
|
52
|
+
<span v-if="baseDataInfo && !hideCode">
|
|
62
53
|
({{ baseDataItem[baseDataName].value || empty }})
|
|
63
54
|
</span>
|
|
64
55
|
</span>
|
|
@@ -68,8 +59,8 @@
|
|
|
68
59
|
</template>
|
|
69
60
|
|
|
70
61
|
<script lang="ts">
|
|
71
|
-
import { Vue, Prop, Component, Watch } from
|
|
72
|
-
import { baseConfig } from
|
|
62
|
+
import { Vue, Prop, Component, Watch } from 'vue-property-decorator';
|
|
63
|
+
import { baseConfig } from 'vue-kst-auth';
|
|
73
64
|
interface Inuser {
|
|
74
65
|
concurrencyStamp: string;
|
|
75
66
|
email: string;
|
|
@@ -125,11 +116,11 @@ interface State {
|
|
|
125
116
|
}
|
|
126
117
|
|
|
127
118
|
@Component({
|
|
128
|
-
name:
|
|
119
|
+
name: 'HtShowBaseData',
|
|
129
120
|
})
|
|
130
121
|
export default class CommonDatas extends Vue {
|
|
131
122
|
/** 查找不到为空时显示 */
|
|
132
|
-
@Prop({ default:
|
|
123
|
+
@Prop({ default: '' }) empty?: string;
|
|
133
124
|
/** 显示用户信息 */
|
|
134
125
|
@Prop() userId?: string;
|
|
135
126
|
/** 是否展示所有关联节点 */
|
|
@@ -155,7 +146,7 @@ export default class CommonDatas extends Vue {
|
|
|
155
146
|
/** 人员 */
|
|
156
147
|
/** 数据 */
|
|
157
148
|
state: State = {
|
|
158
|
-
text:
|
|
149
|
+
text: '',
|
|
159
150
|
resData: {
|
|
160
151
|
baseData: {
|
|
161
152
|
items: [],
|
|
@@ -170,7 +161,7 @@ export default class CommonDatas extends Vue {
|
|
|
170
161
|
users: {
|
|
171
162
|
items: [],
|
|
172
163
|
},
|
|
173
|
-
SessionState:
|
|
164
|
+
SessionState: '',
|
|
174
165
|
userInOrganiza: [],
|
|
175
166
|
organizationUsers: {},
|
|
176
167
|
roleList: [],
|
|
@@ -182,7 +173,7 @@ export default class CommonDatas extends Vue {
|
|
|
182
173
|
if (!baseConfig.getLoginState()) {
|
|
183
174
|
return;
|
|
184
175
|
}
|
|
185
|
-
const data = window.localStorage.getItem(
|
|
176
|
+
const data = window.localStorage.getItem('commonDatas');
|
|
186
177
|
if (data) {
|
|
187
178
|
this.state.resData = Object.assign(this.state.resData, JSON.parse(data));
|
|
188
179
|
}
|
|
@@ -201,9 +192,9 @@ export default class CommonDatas extends Vue {
|
|
|
201
192
|
getBaseDataItem(list: any[]) {
|
|
202
193
|
// const list = this.state.resData.baseData.items || []
|
|
203
194
|
list.forEach((item) => {
|
|
204
|
-
this.state.baseDataItem[item.id ||
|
|
205
|
-
this.state.baseDataItem[item.value ||
|
|
206
|
-
this.state.baseDataItem[item.name ||
|
|
195
|
+
this.state.baseDataItem[item.id || ''] = item;
|
|
196
|
+
this.state.baseDataItem[item.value || ''] = item;
|
|
197
|
+
this.state.baseDataItem[item.name || ''] = item;
|
|
207
198
|
if (item.children) {
|
|
208
199
|
this.getBaseDataItem(item.children);
|
|
209
200
|
}
|
|
@@ -213,38 +204,38 @@ export default class CommonDatas extends Vue {
|
|
|
213
204
|
setAllLevel(id: any) {
|
|
214
205
|
const { baseDataItem } = this.state;
|
|
215
206
|
const hideCode = this.hideCode;
|
|
216
|
-
let text =
|
|
207
|
+
let text = '';
|
|
217
208
|
|
|
218
209
|
if (baseDataItem[id]) {
|
|
219
210
|
if (hideCode) {
|
|
220
|
-
text = `${baseDataItem[id].name ||
|
|
211
|
+
text = `${baseDataItem[id].name || ''}`;
|
|
221
212
|
} else {
|
|
222
|
-
text = `${baseDataItem[id].name ||
|
|
213
|
+
text = `${baseDataItem[id].name || ''}(${baseDataItem[id].value})`;
|
|
223
214
|
}
|
|
224
215
|
if (baseDataItem[id].parentId && this.showAllLevel) {
|
|
225
|
-
const tempText = this.setAllLevel(baseDataItem[id][
|
|
216
|
+
const tempText = this.setAllLevel(baseDataItem[id]['parentId']);
|
|
226
217
|
text = `${tempText}/${text}`;
|
|
227
218
|
}
|
|
228
219
|
}
|
|
229
220
|
|
|
230
221
|
return text;
|
|
231
222
|
}
|
|
232
|
-
@Watch(
|
|
223
|
+
@Watch('baseDataItem')
|
|
233
224
|
setText() {
|
|
234
225
|
if (this.baseDataId) {
|
|
235
226
|
const tempText = this.setAllLevel(this.baseDataId);
|
|
236
227
|
this.state.text = tempText;
|
|
237
228
|
} else {
|
|
238
|
-
this.state.text =
|
|
229
|
+
this.state.text = '';
|
|
239
230
|
}
|
|
240
231
|
}
|
|
241
|
-
@Watch(
|
|
232
|
+
@Watch('baseDataId')
|
|
242
233
|
getText(val: string) {
|
|
243
234
|
if (val && this.baseDataItem) {
|
|
244
235
|
const tempText = this.setAllLevel(val);
|
|
245
236
|
this.state.text = tempText;
|
|
246
237
|
} else {
|
|
247
|
-
this.state.text =
|
|
238
|
+
this.state.text = '';
|
|
248
239
|
}
|
|
249
240
|
}
|
|
250
241
|
|
|
@@ -288,7 +279,7 @@ export default class CommonDatas extends Vue {
|
|
|
288
279
|
const ids: string[] = JSON.parse(this.roleId);
|
|
289
280
|
|
|
290
281
|
const data = this.state.resData.roleList.filter((val) =>
|
|
291
|
-
ids.includes(val.id ||
|
|
282
|
+
ids.includes(val.id || '')
|
|
292
283
|
);
|
|
293
284
|
return data;
|
|
294
285
|
} else {
|
|
@@ -306,10 +297,10 @@ export default class CommonDatas extends Vue {
|
|
|
306
297
|
}
|
|
307
298
|
/** 时间格式 */
|
|
308
299
|
get timeFormat() {
|
|
309
|
-
if (this.timeStr && this.timeStr.startsWith(
|
|
300
|
+
if (this.timeStr && this.timeStr.startsWith('0')) {
|
|
310
301
|
return this.empty;
|
|
311
302
|
} else {
|
|
312
|
-
return this.timeStr?.replace(/T/,
|
|
303
|
+
return this.timeStr?.replace(/T/, ' ').slice(0, 19) || this.empty;
|
|
313
304
|
}
|
|
314
305
|
}
|
|
315
306
|
}
|