|
@@ -11,18 +11,31 @@
|
|
|
<div class="dialog-content">
|
|
|
<div class="left">
|
|
|
<div class="header">
|
|
|
- <a-input-search placeholder="搜索" class="search" @search="onSearch"/>
|
|
|
+ <div class="select">
|
|
|
+ <a-select default-value="全部" style="width:90%;margin-left: 10px" @change="handleMajor">
|
|
|
+ <a-select-option :value="item.value" v-for="item in majorList" :key="item.value">
|
|
|
+ {{item.value}}
|
|
|
+ </a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </div>
|
|
|
+ <div class="search">
|
|
|
+ <Select
|
|
|
+ v-model="model"
|
|
|
+ caption="所属系统:"
|
|
|
+ :isReadOnly="true"
|
|
|
+ @change="testClick"
|
|
|
+ :hideClear='true'
|
|
|
+ :selectdata="dataSelect2"
|
|
|
+ :placeholder="'请选择'"
|
|
|
+ class="search-select"
|
|
|
+ width="236"
|
|
|
+ />
|
|
|
+ <a-input-search placeholder="搜索" class="press-enter" @search="onSearch"/>
|
|
|
+
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="tree">
|
|
|
- <a-tree
|
|
|
- v-model="checkedKeys"
|
|
|
- :expanded-keys="expandedKeys"
|
|
|
- :auto-expand-parent="autoExpandParent"
|
|
|
- :selected-keys="selectedKeys"
|
|
|
- :tree-data="treeData"
|
|
|
- @expand="onExpand"
|
|
|
- @select="onSelect"
|
|
|
- />
|
|
|
+ <searchTree/>
|
|
|
</div>
|
|
|
<div class="checkbox">
|
|
|
<a-checkbox-group @change="ChangeCheckbox">
|
|
@@ -48,65 +61,34 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import searchTree from "@/components/edit/search_tree";
|
|
|
+
|
|
|
export default {
|
|
|
name: "edit-dialog",
|
|
|
+ components: {searchTree},
|
|
|
data() {
|
|
|
return {
|
|
|
loading: false,
|
|
|
visible: false,
|
|
|
+ model: 'test1',
|
|
|
+ searchName: '',
|
|
|
+ dataSelect2: [
|
|
|
+ {id: 'test1', name: '全部'},
|
|
|
+ {id: 'test2', name: '单平米'},
|
|
|
+ {id: 'test3', name: '下级分项'},
|
|
|
+ {id: 'test4', name: '滑动平均滑动平均'}
|
|
|
+ ],
|
|
|
selectList: [
|
|
|
{value: '福建三明万达-供电系统-6楼-工程信息化中的区域编码ND18247283742387443345435'},
|
|
|
{value: '福建三明万达-供电系统-6楼-工程信息化中的区域编码ND18247283742387443345435福建三明万达-供电系统-6楼-工程信息化中的区域编码ND18247283742387443345435'},
|
|
|
],
|
|
|
plainOptions: ['福建三明万达-供电系统-6楼-工程信息化中的区域编码ND182472e83742', '福建三明万达-供电系统-6楼-工程信息化中的区域编码ND18247283742'],
|
|
|
+ majorList: [
|
|
|
+ {value: '全部'}, {value: 'luck'}, {value: 'tom'}
|
|
|
+ ],
|
|
|
checkedList: [],
|
|
|
- expandedKeys: [],
|
|
|
- autoExpandParent: true,
|
|
|
- checkedKeys: [],
|
|
|
- selectedKeys: [],
|
|
|
- treeData: [
|
|
|
- {
|
|
|
- title: '0-0',
|
|
|
- key: '0-0',
|
|
|
- children: [
|
|
|
- {
|
|
|
- title: '0-0-0',
|
|
|
- key: '0-0-0',
|
|
|
- children: [
|
|
|
- {title: '0-0-0-0', key: '0-0-0-0'},
|
|
|
- {title: '0-0-0-1', key: '0-0-0-1'},
|
|
|
- {title: '0-0-0-2', key: '0-0-0-2'},
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: '0-0-1',
|
|
|
- key: '0-0-1',
|
|
|
- children: [
|
|
|
- {title: '0-0-1-0', key: '0-0-1-0'},
|
|
|
- {title: '0-0-1-1', key: '0-0-1-1'},
|
|
|
- {title: '0-0-1-2', key: '0-0-1-2'},
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: '0-0-2',
|
|
|
- key: '0-0-2',
|
|
|
- },
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: '0-1',
|
|
|
- key: '0-1',
|
|
|
- children: [
|
|
|
- {title: '0-1-0-0', key: '0-1-0-0'},
|
|
|
- {title: '0-1-0-1', key: '0-1-0-1'},
|
|
|
- {title: '0-1-0-2', key: '0-1-0-2'},
|
|
|
- ],
|
|
|
- },
|
|
|
- {
|
|
|
- title: '0-2',
|
|
|
- key: '0-2',
|
|
|
- },
|
|
|
- ]
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
|
|
@@ -130,16 +112,17 @@
|
|
|
ChangeCheckbox(val) {
|
|
|
console.log(val)
|
|
|
},
|
|
|
- onExpand(expandedKeys) {
|
|
|
- console.log('onExpand', expandedKeys);
|
|
|
- this.expandedKeys = expandedKeys;
|
|
|
- this.autoExpandParent = false;
|
|
|
- },
|
|
|
|
|
|
- onSelect(selectedKeys, info) {
|
|
|
- console.log('onSelect', info);
|
|
|
- this.selectedKeys = selectedKeys;
|
|
|
+
|
|
|
+ handleMajor(val) {
|
|
|
+ console.log(val)
|
|
|
+ },
|
|
|
+ testClick(data) {
|
|
|
+ console.log(data)
|
|
|
},
|
|
|
+ pressEnter(e) {
|
|
|
+ console.log(e)
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
}
|
|
@@ -160,11 +143,35 @@
|
|
|
width: 785px;
|
|
|
border-right: 1px solid #EFF0F1;
|
|
|
|
|
|
- .search {
|
|
|
- width: 762px;
|
|
|
- margin: 0 12px;
|
|
|
+ .header {
|
|
|
+ width: 785px;
|
|
|
+
|
|
|
+ .select {
|
|
|
+ width: 260px;
|
|
|
+ border-right: 1px solid #EFF0F1;
|
|
|
+ display: inline-block;
|
|
|
+ }
|
|
|
+
|
|
|
+ .search {
|
|
|
+ width: 524px;
|
|
|
+ display: inline-block;
|
|
|
+
|
|
|
+ .search-select {
|
|
|
+ margin-left: 10px;
|
|
|
+ position: relative;
|
|
|
+ top: -2px;
|
|
|
+ }
|
|
|
+
|
|
|
+ .press-enter {
|
|
|
+ margin-left: 10px;
|
|
|
+ width: 236px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.tree {
|
|
|
width: 259px;
|
|
|
height: 441px;
|