htui-yllkbz 1.3.48 → 1.3.51
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 +108 -100
- package/lib/htui.common.js.gz +0 -0
- package/lib/htui.css +1 -1
- package/lib/htui.umd.js +108 -100
- 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 +14 -6
- 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,7 +11,8 @@
|
|
|
11
11
|
<el-cascader
|
|
12
12
|
v-if="!state.configJson['departmentId'].panel"
|
|
13
13
|
:disabled="!!disabled"
|
|
14
|
-
:
|
|
14
|
+
:size="size"
|
|
15
|
+
popper-class="ht-cascader-poper"
|
|
15
16
|
class="component-item"
|
|
16
17
|
:class="comClass"
|
|
17
18
|
style="width:100%"
|
|
@@ -38,9 +39,10 @@
|
|
|
38
39
|
>
|
|
39
40
|
</el-cascader>
|
|
40
41
|
<el-cascader-panel
|
|
42
|
+
:size="size"
|
|
41
43
|
v-if="state.configJson['departmentId'].panel"
|
|
42
44
|
class="component-item"
|
|
43
|
-
|
|
45
|
+
popper-class="ht-cascader-poper"
|
|
44
46
|
:class="comClass"
|
|
45
47
|
style="width:100%"
|
|
46
48
|
:style="comStyle || ''"
|
|
@@ -117,7 +119,8 @@
|
|
|
117
119
|
"
|
|
118
120
|
>
|
|
119
121
|
<el-cascader
|
|
120
|
-
:
|
|
122
|
+
:size="size"
|
|
123
|
+
popper-class="ht-cascader-poper"
|
|
121
124
|
v-if="!state.configJson['departmentUser'].panel"
|
|
122
125
|
:disabled="!!disabled"
|
|
123
126
|
class="component-item"
|
|
@@ -179,7 +182,8 @@
|
|
|
179
182
|
</el-cascader>
|
|
180
183
|
<el-cascader-panel
|
|
181
184
|
v-else
|
|
182
|
-
:
|
|
185
|
+
:size="size"
|
|
186
|
+
popper-class="ht-cascader-poper"
|
|
183
187
|
:style="panStyle"
|
|
184
188
|
:filterable="!state.configJson['departmentUser'].multiple"
|
|
185
189
|
class="component-item"
|
|
@@ -315,7 +319,8 @@
|
|
|
315
319
|
v-if="state.configJson[item.code] && state.configJson[item.code].show"
|
|
316
320
|
>
|
|
317
321
|
<el-cascader
|
|
318
|
-
:
|
|
322
|
+
:size="size"
|
|
323
|
+
popper-class="ht-cascader-poper"
|
|
319
324
|
v-if="!state.configJson[item.code].panel"
|
|
320
325
|
:placeholder="placeholder || `请选择${item.name}`"
|
|
321
326
|
:disabled="!!disabled"
|
|
@@ -344,7 +349,8 @@
|
|
|
344
349
|
></el-cascader>
|
|
345
350
|
<el-cascader-panel
|
|
346
351
|
v-else
|
|
347
|
-
:
|
|
352
|
+
:size="size"
|
|
353
|
+
popper-class="ht-cascader-poper"
|
|
348
354
|
@click.native="selectClick($event)"
|
|
349
355
|
:placeholder="placeholder || `请选择${item.name}`"
|
|
350
356
|
class="component-item"
|
|
@@ -549,6 +555,8 @@ export default class CommonDatas extends Vue {
|
|
|
549
555
|
@Prop() panStyle?: string;
|
|
550
556
|
/** 所属部门 */
|
|
551
557
|
@Prop() org?: string;
|
|
558
|
+
/** 尺寸 */
|
|
559
|
+
@Prop() size?: string;
|
|
552
560
|
/** 是否禁用 */
|
|
553
561
|
@Prop() disabled?: string;
|
|
554
562
|
@Prop({ default: true }) appendToBody?: boolean;
|
|
@@ -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
|
}
|