htui-yllkbz 1.3.68 → 1.3.70
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/README.md +248 -28
- package/lib/htui.common.js +66 -32
- package/lib/htui.common.js.gz +0 -0
- package/lib/htui.css +1 -1
- package/lib/htui.umd.js +66 -32
- package/lib/htui.umd.js.gz +0 -0
- package/lib/htui.umd.min.js +5 -5
- package/lib/htui.umd.min.js.gz +0 -0
- package/package.json +1 -1
- package/src/App.vue +3 -2
- package/src/packages/HtBaseData/index.vue +35 -2
- package/src/views/About.vue +4 -9
package/lib/htui.umd.min.js.gz
CHANGED
|
Binary file
|
package/package.json
CHANGED
package/src/App.vue
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* @Author: hutao
|
|
5
5
|
* @Date: 2021-11-15 14:41:40
|
|
6
6
|
* @LastEditors: hutao
|
|
7
|
-
* @LastEditTime: 2022-10-
|
|
7
|
+
* @LastEditTime: 2022-10-26 17:05:23
|
|
8
8
|
-->
|
|
9
9
|
<template>
|
|
10
10
|
<div id="app">
|
|
@@ -25,7 +25,8 @@
|
|
|
25
25
|
></HtSelectBaseData>
|
|
26
26
|
<HtSelectUser
|
|
27
27
|
:clearable="true"
|
|
28
|
-
:multiple="
|
|
28
|
+
:multiple="false"
|
|
29
|
+
:checkStrictly="false"
|
|
29
30
|
v-model="state.value"
|
|
30
31
|
@change="testuser"
|
|
31
32
|
></HtSelectUser>
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
:class="comClass"
|
|
18
18
|
style="width:100%"
|
|
19
19
|
:style="comStyle || ''"
|
|
20
|
+
:filter-method="filterMethodOrg"
|
|
20
21
|
:filterable="!state.configJson['departmentId'].multiple"
|
|
21
22
|
:clearable="state.configJson['departmentId'].clearable"
|
|
22
23
|
:placeholder="placeholder || `请选择部门`"
|
|
@@ -128,13 +129,14 @@
|
|
|
128
129
|
:filterable="!state.configJson['departmentUser'].multiple"
|
|
129
130
|
:class="comClass"
|
|
130
131
|
:style="comStyle || ''"
|
|
132
|
+
:filter-method="filterMethod"
|
|
131
133
|
:clearable="state.configJson['departmentUser'].clearable"
|
|
132
134
|
:placeholder="placeholder || `请选择部门下人员`"
|
|
133
135
|
:collapse-tags="state.configJson['departmentUser'].collapseTags"
|
|
134
136
|
v-model="state.selectVal['departmentUser']"
|
|
135
137
|
:show-all-levels="state.configJson['departmentUser'].showAllLevels"
|
|
136
138
|
:props="{
|
|
137
|
-
label: '
|
|
139
|
+
label: 'label',
|
|
138
140
|
value: 'id',
|
|
139
141
|
children: 'childrenList',
|
|
140
142
|
expandTrigger: 'click',
|
|
@@ -186,12 +188,13 @@
|
|
|
186
188
|
popper-class="ht-cascader-poper"
|
|
187
189
|
:style="panStyle"
|
|
188
190
|
:filterable="!state.configJson['departmentUser'].multiple"
|
|
191
|
+
:filter-method="filterMethod"
|
|
189
192
|
class="component-item"
|
|
190
193
|
style="width:100%"
|
|
191
194
|
:placeholder="placeholder || `请选择部门下人员`"
|
|
192
195
|
v-model="state.selectVal['departmentUser']"
|
|
193
196
|
:props="{
|
|
194
|
-
label: '
|
|
197
|
+
label: 'label',
|
|
195
198
|
value: 'id',
|
|
196
199
|
children: 'childrenList',
|
|
197
200
|
expandTrigger: 'click',
|
|
@@ -683,6 +686,36 @@ export default class CommonDatas extends Vue {
|
|
|
683
686
|
return getComputedStyle(element.host || element, property);
|
|
684
687
|
};
|
|
685
688
|
}
|
|
689
|
+
/** 自定义搜索人员信息 */
|
|
690
|
+
filterMethod(node: any, key: string) {
|
|
691
|
+
if (node.data) {
|
|
692
|
+
const item = node.data;
|
|
693
|
+
if (item.label.includes(key) || item.userName.includes(key)) {
|
|
694
|
+
return true;
|
|
695
|
+
} else {
|
|
696
|
+
return false;
|
|
697
|
+
}
|
|
698
|
+
} else {
|
|
699
|
+
return false;
|
|
700
|
+
}
|
|
701
|
+
}
|
|
702
|
+
/** 自定义搜索部门 */
|
|
703
|
+
filterMethodOrg(node: any, key: string) {
|
|
704
|
+
if (node.data) {
|
|
705
|
+
const item = node.data;
|
|
706
|
+
if (
|
|
707
|
+
item.label.includes(key) ||
|
|
708
|
+
item.displayName.includes(key) ||
|
|
709
|
+
item.name.includes(key)
|
|
710
|
+
) {
|
|
711
|
+
return true;
|
|
712
|
+
} else {
|
|
713
|
+
return false;
|
|
714
|
+
}
|
|
715
|
+
} else {
|
|
716
|
+
return false;
|
|
717
|
+
}
|
|
718
|
+
}
|
|
686
719
|
/** 设置下拉数据 */
|
|
687
720
|
setSelctItem(key: string) {
|
|
688
721
|
const code = this.state.selectVal[key];
|
package/src/views/About.vue
CHANGED
|
@@ -4,19 +4,12 @@
|
|
|
4
4
|
* @Author: hutao
|
|
5
5
|
* @Date: 2021-11-15 14:41:40
|
|
6
6
|
* @LastEditors: hutao
|
|
7
|
-
* @LastEditTime: 2022-10-
|
|
7
|
+
* @LastEditTime: 2022-10-26 17:18:06
|
|
8
8
|
-->
|
|
9
9
|
<template>
|
|
10
10
|
<div>
|
|
11
11
|
...................
|
|
12
|
-
<
|
|
13
|
-
:value="[
|
|
14
|
-
'be12db32-1718-a43d-1cf8-39f97d1d872f',
|
|
15
|
-
'5f2d6558-4e98-9054-413f-39fc4c63ebac',
|
|
16
|
-
'959f6988-a74b-f6f7-0fb6-3a0314e0eaad',
|
|
17
|
-
]"
|
|
18
|
-
:multiple="true"
|
|
19
|
-
></HtSelectUser>
|
|
12
|
+
<HtSelectOrg :multiple="false"></HtSelectOrg>
|
|
20
13
|
<!-- <el-button type=""
|
|
21
14
|
@click="test">test</el-button> -->
|
|
22
15
|
<!-- <ht-count-down :stopwatch="true"
|
|
@@ -70,6 +63,7 @@ import { Component, Vue } from 'vue-property-decorator';
|
|
|
70
63
|
import HtTable from '@/packages/HtTable/index.vue';
|
|
71
64
|
import HtCountDown from '@/packages/HtCountDown/index.vue';
|
|
72
65
|
import HtSelectUser from '@/packages/HtSelectUser/index.vue';
|
|
66
|
+
import HtSelectOrg from '@/packages/HtSelectOrg/index.vue';
|
|
73
67
|
|
|
74
68
|
interface State {
|
|
75
69
|
/** 数据状态 */
|
|
@@ -84,6 +78,7 @@ interface State {
|
|
|
84
78
|
HtTable,
|
|
85
79
|
HtCountDown,
|
|
86
80
|
HtSelectUser,
|
|
81
|
+
HtSelectOrg,
|
|
87
82
|
},
|
|
88
83
|
})
|
|
89
84
|
export default class Index extends Vue {
|