zartui 0.1.61 → 0.1.62
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/es/hierarchy-select/breadcrumb.js +75 -0
- package/es/hierarchy-select/hierarchySelect.js +147 -0
- package/es/hierarchy-select/index.css +1 -1
- package/es/hierarchy-select/index.js +70 -147
- package/es/hierarchy-select/index.less +229 -73
- package/es/hierarchy-select/markList.js +224 -0
- package/es/hierarchy-select/svg/SubIcon.js +50 -0
- package/es/index.js +1 -1
- package/lib/hierarchy-select/breadcrumb.js +85 -0
- package/lib/hierarchy-select/hierarchySelect.js +162 -0
- package/lib/hierarchy-select/index.css +1 -1
- package/lib/hierarchy-select/index.js +69 -148
- package/lib/hierarchy-select/index.less +229 -73
- package/lib/hierarchy-select/markList.js +236 -0
- package/lib/hierarchy-select/svg/SubIcon.js +55 -0
- package/lib/index.css +1 -1
- package/lib/index.js +1 -1
- package/lib/zart.js +556 -133
- package/lib/zart.min.js +3 -3
- package/package.json +1 -1
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
// Utils
|
|
2
|
+
import { createNamespace } from '../utils';
|
|
3
|
+
import Icon from "../icon";
|
|
4
|
+
|
|
5
|
+
var _createNamespace = createNamespace('hierarchy-select-breadcrumb'),
|
|
6
|
+
createComponent = _createNamespace[0],
|
|
7
|
+
bem = _createNamespace[1],
|
|
8
|
+
t = _createNamespace[2];
|
|
9
|
+
|
|
10
|
+
export default createComponent({
|
|
11
|
+
props: {
|
|
12
|
+
data: {
|
|
13
|
+
type: Array,
|
|
14
|
+
default: function _default() {
|
|
15
|
+
return [];
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
valueKey: {
|
|
19
|
+
type: String,
|
|
20
|
+
default: "id"
|
|
21
|
+
},
|
|
22
|
+
textKey: {
|
|
23
|
+
type: String,
|
|
24
|
+
default: "name"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
data: function data() {
|
|
28
|
+
return {};
|
|
29
|
+
},
|
|
30
|
+
methods: {
|
|
31
|
+
chooseSenior: function chooseSenior(index) {
|
|
32
|
+
this.$emit("chooseSenior", index);
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
render: function render(h) {
|
|
36
|
+
var _this = this;
|
|
37
|
+
|
|
38
|
+
return h("div", [this.data.length > 0 ? h("div", {
|
|
39
|
+
"class": bem()
|
|
40
|
+
}, [h("span", {
|
|
41
|
+
"class": bem("fill-blur")
|
|
42
|
+
}), h("div", {
|
|
43
|
+
"class": bem("indicator-crumb-list")
|
|
44
|
+
}, [h("span", {
|
|
45
|
+
"style": {
|
|
46
|
+
color: '#0091fa'
|
|
47
|
+
},
|
|
48
|
+
"on": {
|
|
49
|
+
"click": function click() {
|
|
50
|
+
_this.chooseSenior(-1);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}, ["\u5168\u90E8"]), this.data.map(function (item, index) {
|
|
54
|
+
return h("div", {
|
|
55
|
+
"class": bem("crumb-item")
|
|
56
|
+
}, [h(Icon, {
|
|
57
|
+
"attrs": {
|
|
58
|
+
"name": "arrow"
|
|
59
|
+
},
|
|
60
|
+
"class": bem("icon-arrow")
|
|
61
|
+
}), h("span", {
|
|
62
|
+
"style": {
|
|
63
|
+
color: index === _this.data.length - 1 ? '' : '#0091fa'
|
|
64
|
+
},
|
|
65
|
+
"on": {
|
|
66
|
+
"click": function click() {
|
|
67
|
+
_this.chooseSenior(index);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}, [item[_this.textKey]])]);
|
|
71
|
+
})]), h("span", {
|
|
72
|
+
"class": "fill-blur"
|
|
73
|
+
})]) : h()]);
|
|
74
|
+
}
|
|
75
|
+
});
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
// Utils
|
|
2
|
+
import { createNamespace } from '../utils';
|
|
3
|
+
import { resetObject } from "../utils/index";
|
|
4
|
+
import { deepClone } from '../utils/deep-clone';
|
|
5
|
+
import Breadcrumb from "./breadcrumb";
|
|
6
|
+
import MarkList from "./markList";
|
|
7
|
+
import Loading from '../loading';
|
|
8
|
+
import Toast from '../toast';
|
|
9
|
+
|
|
10
|
+
var _createNamespace = createNamespace('hierarchy-select-core'),
|
|
11
|
+
createComponent = _createNamespace[0],
|
|
12
|
+
bem = _createNamespace[1],
|
|
13
|
+
t = _createNamespace[2];
|
|
14
|
+
|
|
15
|
+
var defaultData = function defaultData() {
|
|
16
|
+
return {
|
|
17
|
+
dataList: [],
|
|
18
|
+
indexTree: [],
|
|
19
|
+
breadcrumbData: [],
|
|
20
|
+
callback: null,
|
|
21
|
+
historyLayers: [],
|
|
22
|
+
loading: false
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
export default createComponent({
|
|
27
|
+
props: {
|
|
28
|
+
treeData: {
|
|
29
|
+
type: Array,
|
|
30
|
+
default: function _default() {
|
|
31
|
+
return [];
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
disableParent: {
|
|
35
|
+
type: Boolean,
|
|
36
|
+
default: false
|
|
37
|
+
},
|
|
38
|
+
asyncGetter: {
|
|
39
|
+
type: Function,
|
|
40
|
+
default: null
|
|
41
|
+
},
|
|
42
|
+
multiple: {
|
|
43
|
+
type: Boolean,
|
|
44
|
+
default: false
|
|
45
|
+
},
|
|
46
|
+
valueKey: {
|
|
47
|
+
type: String,
|
|
48
|
+
default: "id"
|
|
49
|
+
},
|
|
50
|
+
textKey: {
|
|
51
|
+
type: String,
|
|
52
|
+
default: "name"
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
data: function data() {
|
|
56
|
+
return defaultData();
|
|
57
|
+
},
|
|
58
|
+
mounted: function mounted() {
|
|
59
|
+
// resetObject(this, defaultData())
|
|
60
|
+
// if (this.$refs.markList) {
|
|
61
|
+
// this.$refs.markList.reset()
|
|
62
|
+
// }
|
|
63
|
+
this.dataList = deepClone(this.treeData);
|
|
64
|
+
},
|
|
65
|
+
methods: {
|
|
66
|
+
clickNext: function clickNext(obj) {
|
|
67
|
+
var _this = this;
|
|
68
|
+
|
|
69
|
+
var item = obj.item,
|
|
70
|
+
index = obj.index;
|
|
71
|
+
|
|
72
|
+
if (item["children"] && item["children"].length) {
|
|
73
|
+
this.historyLayers.push(this.dataList);
|
|
74
|
+
this.breadcrumbData.push(item);
|
|
75
|
+
this.dataList = item["children"];
|
|
76
|
+
} else {
|
|
77
|
+
if (this.asyncGetter) {
|
|
78
|
+
this.loading = true;
|
|
79
|
+
this.asyncGetter(item[this.valueKey]).then(function (list) {
|
|
80
|
+
_this.loading = false;
|
|
81
|
+
|
|
82
|
+
if (!list || list.length === 0) {
|
|
83
|
+
Toast("无下级数据");
|
|
84
|
+
_this.dataList[index].children = null;
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
_this.historyLayers.push(_this.dataList);
|
|
89
|
+
|
|
90
|
+
_this.breadcrumbData.push(item);
|
|
91
|
+
|
|
92
|
+
_this.dataList = list;
|
|
93
|
+
}).catch(function () {
|
|
94
|
+
_this.loading = false;
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
selected: function selected(item) {
|
|
100
|
+
this.$emit("selected", item);
|
|
101
|
+
},
|
|
102
|
+
chooseSenior: function chooseSenior(index) {
|
|
103
|
+
this.breadcrumbData.splice(index + 1);
|
|
104
|
+
this.dataList = this.historyLayers[index + 1];
|
|
105
|
+
this.historyLayers.splice(index + 1);
|
|
106
|
+
},
|
|
107
|
+
cancel: function cancel() {
|
|
108
|
+
this.$emit("cancel");
|
|
109
|
+
},
|
|
110
|
+
confirm: function confirm(list) {
|
|
111
|
+
this.$emit("confirm", list);
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
render: function render(h) {
|
|
115
|
+
return h("div", {
|
|
116
|
+
"class": bem()
|
|
117
|
+
}, [h(Breadcrumb, {
|
|
118
|
+
"attrs": {
|
|
119
|
+
"data": this.breadcrumbData,
|
|
120
|
+
"valueKey": this.valueKey,
|
|
121
|
+
"textKey": this.textKey
|
|
122
|
+
},
|
|
123
|
+
"on": {
|
|
124
|
+
"chooseSenior": this.chooseSenior
|
|
125
|
+
}
|
|
126
|
+
}), h("div", {
|
|
127
|
+
"class": bem("list")
|
|
128
|
+
}, [this.loading ? h(Loading, {
|
|
129
|
+
"class": bem('loading')
|
|
130
|
+
}) : h(), h(MarkList, {
|
|
131
|
+
"ref": "markList",
|
|
132
|
+
"attrs": {
|
|
133
|
+
"dataList": this.dataList,
|
|
134
|
+
"multiple": this.multiple,
|
|
135
|
+
"disableParent": this.disableParent,
|
|
136
|
+
"valueKey": this.valueKey,
|
|
137
|
+
"textKey": this.textKey
|
|
138
|
+
},
|
|
139
|
+
"on": {
|
|
140
|
+
"clickNext": this.clickNext,
|
|
141
|
+
"selected": this.selected,
|
|
142
|
+
"cancel": this.cancel,
|
|
143
|
+
"confirm": this.confirm
|
|
144
|
+
}
|
|
145
|
+
})])]);
|
|
146
|
+
}
|
|
147
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.zt-hierarchy-select__popup{height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select{background-color:#f5f5ff;height:100%}.zt-hierarchy-select__popup .zt-hierarchy-select__title{height:44px;position:relative;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select__title i{font-size:14px;position:absolute;left:15px;top:16px}.zt-hierarchy-select__popup .zt-hierarchy-select__title div{line-height:44px;text-align:center;font-weight:700;font-size:18px;color:#142841}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core .zt-loading{position:absolute;top:50%;left:50%;margin-left:-18px;margin-right:-18px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list span{height:24px;font-size:16px;font-family:PingFangSC,PingFangSC-Semibold;font-weight:600;color:#0091fa;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-core__list .flex{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;padding:.63rem 0;background-color:#fff;margin-bottom:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 1rem;overflow-x:auto}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list span{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;white-space:nowrap;height:1.5rem;font-size:1rem;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#000;line-height:1.38rem}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__indicator-crumb-list__icon-arrow{margin:0 .5rem;width:1rem;height:1rem}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__crumb-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur{position:absolute;top:0;width:2rem;height:2.75rem;background:-webkit-gradient(linear,right top,left top,from(rgba(255,255,255,0)),to(#fff))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-select-breadcrumb__fill-blur:last-child{right:0;top:0;background:-webkit-gradient(linear,right top,left top,from(#fff),to(rgba(255,255,255,0)))}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list{background-color:#fff}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__multiple-button{margin-right:8px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__check-icon{color:#0091fa;font-size:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__uncheck-icon{width:24px;height:24px;border:1px solid rgba(0,0,0,.1);border-radius:50%}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:10px 0;background-color:#fff;margin-left:16px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__score-item:after{content:" ";position:absolute;bottom:0;height:1px;width:100%;background-color:rgba(0,0,0,.1);box-shadow:0 0 0 0 #000 inset}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content{-webkit-box-flex:1;-webkit-flex:1;flex:1;margin-right:16px;width:278px;font-size:16px;font-family:PingFangSC,PingFangSC-Regular;font-weight:400;text-align:left;color:#000;line-height:24px;word-break:break-all}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-content span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__item-nav{padding:0 16px;border-left:rgba(0,0,0,.1) 1px solid}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level span{color:#0091fa}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-level--disable{opacity:.2}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__sub-icon{margin-right:4px;font-size:0;width:20px;height:20px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-box{position:fixed;left:0;bottom:0;background:#fff;width:100%}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__result-list{height:160px;box-shadow:0 -4px 8px 0 rgba(0,0,0,.1);border-radius:8px 8px 0 0;padding:12px 16px;font-size:14px;color:#000;line-height:24px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__operate-box{display:-webkit-box;display:-webkit-flex;display:flex;height:44px;line-height:44px;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected{border-top:1px solid rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:0 16px;-webkit-box-flex:1;-webkit-flex:1;flex:1;height:44px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected i{color:#0091fa;font-size:20px;margin-right:4px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span{font-size:14px;color:rgba(0,0,0,.6)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__selected span.zt-hierarchy-mark-list__blue{color:#0091fa;margin-left:8px}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__line{width:1px;height:24px;background:rgba(0,0,0,.1);-webkit-transform:scaleX(.5);transform:scaleX(.5);border-top:1px solid rgba(0,0,0,.1)}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__cancel-button{width:110px;border-top:1px solid rgba(0,0,0,.1);font-size:16px;color:#000;text-align:center}.zt-hierarchy-select__popup .zt-hierarchy-select .zt-hierarchy-mark-list__confirm-button{width:110px;border-top:1px solid #0091fa;font-weight:700;font-size:16px;color:#fff;text-align:center;background:#0091fa}
|
|
@@ -1,188 +1,111 @@
|
|
|
1
1
|
// Utils
|
|
2
|
-
import { createNamespace } from '../utils';
|
|
3
|
-
|
|
4
|
-
import Loading from '../loading';
|
|
5
|
-
import Popup from '../popup';
|
|
6
|
-
import Icon from '../icon';
|
|
7
|
-
import { PopupMixin } from '../mixins/popup';
|
|
8
|
-
import { deepClone } from '../utils/deep-clone';
|
|
2
|
+
import { createNamespace } from '../utils';
|
|
9
3
|
|
|
10
4
|
var _createNamespace = createNamespace('hierarchy-select'),
|
|
11
5
|
createComponent = _createNamespace[0],
|
|
12
6
|
bem = _createNamespace[1],
|
|
13
7
|
t = _createNamespace[2];
|
|
14
8
|
|
|
15
|
-
import
|
|
9
|
+
import HierarchySelect from './hierarchySelect';
|
|
10
|
+
import Popup from '../popup';
|
|
11
|
+
import { PopupMixin } from '../mixins/popup';
|
|
12
|
+
import Icon from "../icon";
|
|
16
13
|
export default createComponent({
|
|
17
14
|
mixins: [PopupMixin()],
|
|
18
15
|
props: {
|
|
19
|
-
|
|
16
|
+
treeData: {
|
|
17
|
+
type: Array,
|
|
18
|
+
default: []
|
|
19
|
+
},
|
|
20
|
+
disableParent: {
|
|
20
21
|
type: Boolean,
|
|
21
22
|
default: false
|
|
22
23
|
},
|
|
23
|
-
|
|
24
|
+
asyncGetter: {
|
|
25
|
+
type: Function,
|
|
26
|
+
default: null
|
|
27
|
+
},
|
|
28
|
+
multiple: {
|
|
24
29
|
type: Boolean,
|
|
25
30
|
default: false
|
|
26
31
|
},
|
|
27
|
-
|
|
28
|
-
type:
|
|
29
|
-
default:
|
|
32
|
+
valueKey: {
|
|
33
|
+
type: String,
|
|
34
|
+
default: "id"
|
|
30
35
|
},
|
|
31
|
-
|
|
36
|
+
textKey: {
|
|
32
37
|
type: String,
|
|
33
|
-
default:
|
|
38
|
+
default: "name"
|
|
34
39
|
},
|
|
35
|
-
|
|
36
|
-
type:
|
|
37
|
-
default:
|
|
40
|
+
title: {
|
|
41
|
+
type: String,
|
|
42
|
+
default: "选择"
|
|
38
43
|
}
|
|
39
44
|
},
|
|
40
45
|
data: function data() {
|
|
41
46
|
return {
|
|
42
|
-
|
|
43
|
-
hierarchyList: [],
|
|
44
|
-
hierarchyListCache: [],
|
|
45
|
-
hierarchyCache: [],
|
|
46
|
-
selectIndex: 0,
|
|
47
|
-
showComfirmBtn: false
|
|
47
|
+
showPicker: false
|
|
48
48
|
};
|
|
49
49
|
},
|
|
50
|
-
mounted: function mounted() {
|
|
51
|
-
this.getHierarchyById(-1);
|
|
52
|
-
},
|
|
53
50
|
methods: {
|
|
54
|
-
|
|
55
|
-
this.$emit(
|
|
51
|
+
onSelected: function onSelected(item) {
|
|
52
|
+
this.$emit("selected", item);
|
|
56
53
|
},
|
|
57
|
-
|
|
58
|
-
this.
|
|
59
|
-
this.hierarchyCache = this.hierarchyCache.slice(0, index);
|
|
60
|
-
this.hierarchyListCache = this.hierarchyListCache.slice(0, index);
|
|
61
|
-
this.showComfirmBtn = false;
|
|
62
|
-
},
|
|
63
|
-
onClick: function onClick(item, index) {
|
|
64
|
-
this.selectIndex = index;
|
|
65
|
-
var list = deepClone(this.hierarchyList);
|
|
66
|
-
var hierarchyInfo = list[index];
|
|
67
|
-
|
|
68
|
-
if (this.showComfirmBtn) {
|
|
69
|
-
// 不存在子级
|
|
70
|
-
this.hierarchyCache.pop();
|
|
71
|
-
} else {
|
|
72
|
-
this.hierarchyListCache.push(list);
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
this.hierarchyCache.push({
|
|
76
|
-
name: hierarchyInfo.name,
|
|
77
|
-
id: hierarchyInfo.id
|
|
78
|
-
});
|
|
79
|
-
this.getHierarchyById(hierarchyInfo.id);
|
|
54
|
+
show: function show() {
|
|
55
|
+
this.showPicker = true;
|
|
80
56
|
},
|
|
81
|
-
|
|
82
|
-
this
|
|
57
|
+
hide: function hide() {
|
|
58
|
+
this.showPicker = false;
|
|
83
59
|
},
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
this.selectIndex = 0;
|
|
87
|
-
this.hierarchyList = deepClone(data);
|
|
88
|
-
this.$nextTick(function () {
|
|
89
|
-
var element = document.getElementById("scrollItem");
|
|
90
|
-
|
|
91
|
-
if (element) {
|
|
92
|
-
element.scrollTop = 0;
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
this.showComfirmBtn = false;
|
|
96
|
-
} else {
|
|
97
|
-
this.showComfirmBtn = true;
|
|
98
|
-
}
|
|
60
|
+
cancel: function cancel() {
|
|
61
|
+
this.hide();
|
|
99
62
|
},
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
this.loading = true;
|
|
104
|
-
this.getHierarchyList(id).then(function (array) {
|
|
105
|
-
_this.loading = false;
|
|
106
|
-
|
|
107
|
-
_this.handleResult(array || []);
|
|
108
|
-
}).catch(function (err) {
|
|
109
|
-
_this.loading = false;
|
|
110
|
-
Toast(err);
|
|
111
|
-
});
|
|
112
|
-
},
|
|
113
|
-
hierarchyReset: function hierarchyReset() {
|
|
114
|
-
if (this.hierarchyCache.length > 0) {
|
|
115
|
-
this.unitNaviBack(0);
|
|
116
|
-
}
|
|
117
|
-
},
|
|
118
|
-
genSelector: function genSelector() {
|
|
119
|
-
var _this2 = this;
|
|
120
|
-
|
|
121
|
-
var h = this.$createElement;
|
|
122
|
-
return h("div", {
|
|
123
|
-
"class": bem("wrap")
|
|
124
|
-
}, [this.hierarchyCache && this.hierarchyCache.length > 0 ? h("div", {
|
|
125
|
-
"class": bem("container")
|
|
126
|
-
}, [this.hierarchyCache.map(function (item, index) {
|
|
127
|
-
return h("div", [h("div", {
|
|
128
|
-
"class": bem("icon-wrap")
|
|
129
|
-
}, [h("div", {
|
|
130
|
-
"class": bem("icon-text")
|
|
131
|
-
}, [item.name]), h(Icon, {
|
|
132
|
-
"attrs": {
|
|
133
|
-
"name": "cross"
|
|
134
|
-
},
|
|
135
|
-
"class": bem("cancel"),
|
|
136
|
-
"on": {
|
|
137
|
-
"click": function click() {
|
|
138
|
-
_this2.unitNaviBack(index);
|
|
139
|
-
}
|
|
140
|
-
}
|
|
141
|
-
})])]);
|
|
142
|
-
})]) : h(), h("div", {
|
|
143
|
-
"class": bem("actions"),
|
|
144
|
-
"attrs": {
|
|
145
|
-
"id": "scrollItem"
|
|
146
|
-
}
|
|
147
|
-
}, [this.hierarchyList && this.hierarchyList.length ? this.hierarchyList.map(function (item, index) {
|
|
148
|
-
return h("div", {
|
|
149
|
-
"class": bem("actions-item"),
|
|
150
|
-
"on": {
|
|
151
|
-
"click": function click() {
|
|
152
|
-
_this2.onClick(item, index);
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
"style": index === _this2.selectIndex ? 'color: #3A90F6' : ''
|
|
156
|
-
}, [item.name]);
|
|
157
|
-
}) : h()]), h("div", {
|
|
158
|
-
"class": bem("button-wrap")
|
|
159
|
-
}, [this.showCancel ? h("div", {
|
|
160
|
-
"class": bem("button-cancel"),
|
|
161
|
-
"on": {
|
|
162
|
-
"click": this.handleCancel
|
|
163
|
-
}
|
|
164
|
-
}, [this.cancelText]) : h(), h("div", {
|
|
165
|
-
"class": bem("button-ok"),
|
|
166
|
-
"on": {
|
|
167
|
-
"click": this.handleConfirm
|
|
168
|
-
}
|
|
169
|
-
}, ["\u786E\u5B9A"])])]);
|
|
63
|
+
confirm: function confirm(list) {
|
|
64
|
+
this.$emit("confirm", list);
|
|
170
65
|
}
|
|
171
66
|
},
|
|
172
67
|
render: function render(h) {
|
|
68
|
+
var _this = this;
|
|
69
|
+
|
|
173
70
|
return h(Popup, {
|
|
174
71
|
"attrs": {
|
|
175
|
-
"value": this.showPicker,
|
|
176
|
-
"round": true,
|
|
177
72
|
"position": "bottom",
|
|
178
|
-
"closeOnPopstate": true
|
|
179
|
-
"closeOnClickOverlay": this.maskClosable
|
|
73
|
+
"closeOnPopstate": true
|
|
180
74
|
},
|
|
181
|
-
"class": bem('popup')
|
|
75
|
+
"class": bem('popup'),
|
|
76
|
+
"model": {
|
|
77
|
+
value: _this.showPicker,
|
|
78
|
+
callback: function callback($$v) {
|
|
79
|
+
_this.showPicker = $$v;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
182
82
|
}, [h("div", {
|
|
183
83
|
"class": bem()
|
|
184
|
-
}, [
|
|
185
|
-
"class": bem(
|
|
186
|
-
}
|
|
84
|
+
}, [h("div", {
|
|
85
|
+
"class": bem("title")
|
|
86
|
+
}, [h(Icon, {
|
|
87
|
+
"attrs": {
|
|
88
|
+
"name": "arrow-left"
|
|
89
|
+
},
|
|
90
|
+
"on": {
|
|
91
|
+
"click": function click() {
|
|
92
|
+
_this.showPicker = false;
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}), h("div", [this.title])]), h(HierarchySelect, {
|
|
96
|
+
"attrs": {
|
|
97
|
+
"treeData": this.treeData,
|
|
98
|
+
"disableParent": this.disableParent,
|
|
99
|
+
"asyncGetter": this.asyncGetter,
|
|
100
|
+
"multiple": this.multiple,
|
|
101
|
+
"valueKey": this.valueKey,
|
|
102
|
+
"textKey": this.textKey
|
|
103
|
+
},
|
|
104
|
+
"on": {
|
|
105
|
+
"selected": this.onSelected,
|
|
106
|
+
"cancel": this.cancel,
|
|
107
|
+
"confirm": this.confirm
|
|
108
|
+
}
|
|
109
|
+
})])]);
|
|
187
110
|
}
|
|
188
111
|
});
|