119 lines
2.5 KiB
Vue
119 lines
2.5 KiB
Vue
<template>
|
||
<view class="container">
|
||
<uni-nav-bar dark :fixed="true" shadow background-color="#007AFF" status-bar left-icon="left" left-text="返回"
|
||
title="组织机构" @clickLeft="back" />
|
||
<uni-card style="height: 90vh;">
|
||
<view>
|
||
<m-tree ref="departTree" :edit="true" :divider="true" :data="departTreeData"
|
||
:defaultProps="defaultProps" @edit-item="editItem" @add-item="addItem"></m-tree>
|
||
</view>
|
||
<tree-node :treeData="departTreeData"></tree-node>
|
||
</uni-card>
|
||
<uni-fab ref="fab" horizontal="right" vertical="bottom" :pop-menu="false" @fabClick="fabClick" />
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import treeNode from './departList/departTree.vue';
|
||
import {
|
||
getDictItemStore,
|
||
getDepartStore,
|
||
saveDepartStore
|
||
} from '@/js_sdk/util/dictTools.js';
|
||
const db = uniCloud.database()
|
||
export default {
|
||
|
||
components: {
|
||
treeNode
|
||
},
|
||
|
||
mounted() {
|
||
console.log(111)
|
||
this.departTreeData = getDepartStore();
|
||
console.log(222)
|
||
},
|
||
data() {
|
||
return {
|
||
/*
|
||
tree 数据
|
||
*/
|
||
defaultProps: {
|
||
id: '_id', // 此项为id项的key
|
||
children: 'children', // 此项为修改子集数据的key
|
||
label: 'depart_name' // 此项为修改显示数据的key
|
||
},
|
||
departTreeData: [],
|
||
loadMore: {
|
||
contentdown: '',
|
||
contentrefresh: '',
|
||
contentnomore: ''
|
||
}
|
||
}
|
||
},
|
||
onPullDownRefresh() {
|
||
this.departTreeData = getDepartStore()
|
||
},
|
||
onReachBottom() {
|
||
|
||
},
|
||
methods: {
|
||
editItem(e) {
|
||
console.log(e)
|
||
uni.navigateTo({
|
||
url: './edit?pNode=' + JSON.stringify(e.pNodeData)
|
||
})
|
||
},
|
||
addItem(e) {
|
||
console.log(e)
|
||
uni.navigateTo({
|
||
url: './add?pNode=' + e.pNodeData
|
||
})
|
||
},
|
||
showTree() {
|
||
this.$refs.nextTreeRef.showTree = true
|
||
},
|
||
onconfirm(list) {
|
||
console.log('选中项的数量列表list：', list)
|
||
},
|
||
change(e) {
|
||
console.log('选中项的数量列表list：', e)
|
||
},
|
||
handleItemClick(id) {
|
||
uni.navigateTo({
|
||
url: './detail?id=' + id
|
||
})
|
||
},
|
||
back() {
|
||
uni.navigateBack({
|
||
delta: 1
|
||
})
|
||
},
|
||
fabClick() {
|
||
// 打开新增页面
|
||
uni.navigateTo({
|
||
url: './add',
|
||
events: {
|
||
// 监听新增数据成功后, 刷新当前页面数据
|
||
refreshData: () => {
|
||
this.departTreeData = getDepartStore()
|
||
}
|
||
}
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style>
|
||
.tree-node {
|
||
margin-left: 20px;
|
||
}
|
||
|
||
.node-content {
|
||
/* 样式根据需要自定义 */
|
||
}
|
||
|
||
.node-children {
|
||
margin-left: 15px;
|
||
}
|
||
</style> |