OrgTree.vue
2.34 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<template>
<el-card class="box-card">
<div slot="header" class="clearfix">
<el-button size="mini" @click="handleAddOrg">
{{ $t('common.add') }}
</el-button>
<el-button size="mini" @click="handleEditOrg">
{{ $t('common.edit') }}
</el-button>
<el-button size="mini" type="danger" @click="handleDeleteOrg">
{{ $t('common.delete') }}
</el-button>
</div>
<el-tree ref="orgTree" :data="orgTreeData" :props="defaultProps" node-key="id" highlight-current
@node-click="handleNodeClick" />
<add-org ref="addOrg" @refresh="loadOrgs" />
<edit-org ref="editOrg" @refresh="loadOrgs" />
<delete-org ref="deleteOrg" @refresh="loadOrgs" />
</el-card>
</template>
<script>
import { listOrgTree } from '@/api/org/orgApi'
import AddOrg from './AddOrg'
import EditOrg from './EditOrg'
import DeleteOrg from './DeleteOrg'
export default {
name: 'OrgTree',
components: { AddOrg, EditOrg, DeleteOrg },
data() {
return {
orgTreeData: [],
defaultProps: {
children: 'children',
label: 'text'
},
currentNode: null
}
},
created() {
this.loadOrgs()
},
methods: {
loadOrgs() {
this.orgTreeData = []
listOrgTree({
communityId: '-1'
}).then(response => {
console.log(response)
this.orgTreeData.push(response.data)
})
},
handleNodeClick(data) {
this.currentNode = data
this.$emit('switchOrg', {
orgId: data.id,
orgName: data.text
})
},
handleAddOrg() {
if (!this.currentNode) {
this.$message.warning(this.$t('org.selectOrgFirst'))
return
}
this.$refs.addOrg.show({
parentOrgId: this.currentNode.id,
parentOrgName: this.currentNode.text
})
},
handleEditOrg() {
if (!this.currentNode) {
this.$message.warning(this.$t('org.selectOrgFirst'))
return
}
if(this.currentNode.parentId == '-1'){
this.$message.warning(this.$t('org.topOrg'))
return
}
console.log(this.currentNode)
this.$refs.editOrg.show(this.currentNode)
},
handleDeleteOrg() {
if (!this.currentNode) {
this.$message.warning(this.$t('org.selectOrgFirst'))
return
}
this.$refs.deleteOrg.show(this.currentNode)
}
}
}
</script>