96009bc9
 hexiaodong
hxd
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
<template>
<div class="transfer__body" v-loading="allLoading"
:element-loading-text="$t('common.loadingText')" :style="{height}">
<div class="transfer-pane">
<div class="transfer-pane__tools">
<el-input placeholder="输入关键词进行搜索" v-model="keyword">
<el-button slot="append" icon="el-icon-search" @click="getList"></el-button>
</el-input>
</div>
<div class="transfer-pane__body">
<el-tree :data="treeData" :props="props" highlight-current :expand-on-click-node="false"
check-on-click-node @node-click="handleNodeClick" class="NCC-common-el-tree"
node-key="id" v-loading="loading" lazy :load="loadNode">
<span class="custom-tree-node" slot-scope="{ node, data }">
<i :class="data.icon"></i>
<span class="text">{{node.label}}</span>
</span>
</el-tree>
</div>
</div>
<div class="transfer-pane">
<div class="transfer-pane__tools">
|
|
96009bc9
hexiaodong
hxd
|
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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
|
<el-button @click="removeAll" type="text">清空列表</el-button>
</div>
<div class="transfer-pane__body shadow right-pane">
<template>
<div v-for="(item, index) in selectedData" :key=" index" class="selected-item">
<span>{{ item.fullName}}</span>
<i class="el-icon-delete" @click="removeData(index)"></i>
</div>
</template>
</div>
</div>
</div>
</template>
<script>
import { getImUserSelector, getUserInfoList } from '@/api/permission/user'
export default {
name: 'NCC-userTransfer',
data() {
return {
allLoading: false,
loading: false,
treeData: [],
selectedData: [],
props: {
children: 'children',
label: 'fullName',
isLeaf: 'isLeaf'
},
keyword: '',
nodeId: '0',
ids: []
}
},
props: {
height: {
type: String,
default: "380px"
},
// allLoading: {
// type: Boolean,
// default: false
// },
value: {
type: Array,
default: () => []
},
multiple: {
type: Boolean,
default: false
},
},
methods: {
init() {
this.selectedData = []
this.ids = []
this.keyword = ''
this.nodeId = '0'
this.$nextTick(() => {
this.getList()
this.getSelectList()
})
},
getSelectList() {
this.allLoading = true
if (!this.value.length) return this.allLoading = false
getUserInfoList(this.value).then(res => {
this.selectedData = res.data.list
this.ids = this.selectedData.map(o => o.id)
this.allLoading = false
})
},
getList() {
this.loading = true
if (this.keyword) this.nodeId = '0'
getImUserSelector(this.nodeId, this.keyword).then(res => {
this.treeData = res.data.list
this.loading = false
})
},
loadNode(node, resolve) {
if (node.level === 0) {
this.nodeId = '0'
return resolve(this.treeData)
}
this.nodeId = node.data.id
getImUserSelector(this.nodeId).then(res => {
resolve(res.data.list)
})
},
|
8ec98589
 李宇
最新
|
120
121
122
123
124
125
126
127
128
129
130
131
132
|
// 如果是用户节点，保持原有逻辑
if (data.type === 'user') {
const boo = this.selectedData.some(o => o.id === data.id)
if (boo) return
const item = {
id: data.id,
fullName: data.fullName
}
this.multiple ? this.selectedData.push(item) : this.selectedData = [item]
this.multiple ? this.ids.push(item.id) : this.ids = [item.id]
this.$emit('input', this.ids)
this.$emit('getValue', this.ids, this.selectedData)
return
|
|
8ec98589
李宇
最新
|
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
|
// 如果是组织/部门节点，全选该节点下所有人员
this.selectAllUsersInNode(data.id)
},
/**
* 递归获取节点下所有用户并全选
* @param {String} nodeId - 节点ID
*/
async selectAllUsersInNode(nodeId) {
this.allLoading = true
try {
const users = await this.getAllUsersRecursive(nodeId)
if (users.length === 0) {
this.$message.warning('该节点下没有人员')
this.allLoading = false
return
}
// 去重，避免重复添加
const newUsers = users.filter(user => !this.ids.includes(user.id))
if (newUsers.length === 0) {
this.$message.info('该节点下的人员已全部选中')
this.allLoading = false
return
}
// 添加到已选列表
if (this.multiple) {
this.selectedData.push(...newUsers)
this.ids.push(...newUsers.map(u => u.id))
} else {
this.selectedData = newUsers
this.ids = newUsers.map(u => u.id)
}
this.$emit('input', this.ids)
this.$emit('getValue', this.ids, this.selectedData)
this.$message.success(`已选择 ${newUsers.length} 个人员`)
} catch (error) {
console.error('获取用户列表失败:', error)
this.$message.error('获取用户列表失败')
} finally {
this.allLoading = false
}
},
/**
* 递归获取节点下所有用户
* @param {String} nodeId - 节点ID
* @returns {Array} 用户列表
*/
async getAllUsersRecursive(nodeId) {
const users = []
try {
// 获取该节点下的子节点
const res = await getImUserSelector(nodeId)
const children = res.data.list || []
for (const child of children) {
// 如果是用户节点，直接添加
if (child.type === 'user') {
users.push({
id: child.id,
fullName: child.fullName
})
} else {
// 如果是组织/部门节点，递归获取其下的所有用户
const subUsers = await this.getAllUsersRecursive(child.id)
users.push(...subUsers)
}
}
} catch (error) {
console.error(`获取节点 ${nodeId} 下的用户失败:`, error)
}
return users
|
|
96009bc9
hexiaodong
hxd
|
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
|
},
removeAll() {
this.selectedData = []
this.ids = []
this.$emit('input', this.ids)
this.$emit('getValue', this.ids, this.selectedData)
},
removeData(index) {
this.selectedData.splice(index, 1)
this.ids.splice(index, 1)
this.$emit('input', this.ids)
this.$emit('getValue', this.ids, this.selectedData)
},
}
};
</script>
|
