乙方运维人员管理页面优化(当新增用户成功后,刷新左侧业务人员树)
Showing
2 changed files
with
23 additions
and
3 deletions
@@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
2 | <el-row :gutter="5" > | 2 | <el-row :gutter="5" > |
3 | <el-col :span="4" > | 3 | <el-col :span="4" > |
4 | <div class="cm-card" :style="{'min-height':height+'px','max-height':height+'px','height':'100%','overflow-y':'auto','overflow-x':'hidden'}"> | 4 | <div class="cm-card" :style="{'min-height':height+'px','max-height':height+'px','height':'100%','overflow-y':'auto','overflow-x':'hidden'}"> |
5 | - <el-tree :data="dataSource" accordion :default-expanded-keys="[1]" :props="defaultProps" > | 5 | + <el-tree :data="dataSource" accordion :default-expanded-keys="defaultExpandedkeys" node-key="id" :props="defaultProps" > |
6 | <template #default="{ node, data }"> | 6 | <template #default="{ node, data }"> |
7 | <div style=" width: 100%;"> | 7 | <div style=" width: 100%;"> |
8 | <div style="width: 85%;max-width: 85%;overflow: hidden;text-overflow: ellipsis;text-align: left;" @click="handleNodeClick(data)" :title="node.label"> | 8 | <div style="width: 85%;max-width: 85%;overflow: hidden;text-overflow: ellipsis;text-align: left;" @click="handleNodeClick(data)" :title="node.label"> |
@@ -44,6 +44,7 @@ export default { | @@ -44,6 +44,7 @@ export default { | ||
44 | let height = Vue.ref(window.innerHeight - 20); | 44 | let height = Vue.ref(window.innerHeight - 20); |
45 | let dataSource = Vue.ref([]); | 45 | let dataSource = Vue.ref([]); |
46 | let componentName = Vue.ref('COLLECT_ALL'); | 46 | let componentName = Vue.ref('COLLECT_ALL'); |
47 | + let defaultExpandedkeys = Vue.ref([]); | ||
47 | // 当前点击节点 | 48 | // 当前点击节点 |
48 | let treeNode = Vue.ref({}); | 49 | let treeNode = Vue.ref({}); |
49 | let parentNode = Vue.ref({}); | 50 | let parentNode = Vue.ref({}); |
@@ -55,9 +56,25 @@ export default { | @@ -55,9 +56,25 @@ export default { | ||
55 | 56 | ||
56 | //刷新左侧树,提供给用户新增页面调用使用 joke add 20221128 | 57 | //刷新左侧树,提供给用户新增页面调用使用 joke add 20221128 |
57 | let refreshTree = () => { | 58 | let refreshTree = () => { |
58 | - getTree(); | 59 | + defaultExpandedkeys.value = []; |
60 | + reloadTree(); | ||
59 | } | 61 | } |
60 | Vue.provide("refreshTree", refreshTree); | 62 | Vue.provide("refreshTree", refreshTree); |
63 | + | ||
64 | + let reloadTree = () => { | ||
65 | + var params = { | ||
66 | + username: localStorage.getItem("lgn"), | ||
67 | + }; | ||
68 | + proxy.$http.get("/api-web/bOpsProject/getTree", params, function (res) { | ||
69 | + if (res && res.data) { | ||
70 | + dataSource.value = res.data; | ||
71 | + //设置默认展开节点 | ||
72 | + defaultExpandedkeys.value = [treeNode.value.id,treeNode.value.parentId,parentNode.value.id,parentNode.value.parentId]; | ||
73 | + } else { | ||
74 | + } | ||
75 | + }, function () { | ||
76 | + }); | ||
77 | + } | ||
61 | // 搜索 | 78 | // 搜索 |
62 | let getTree = () => { | 79 | let getTree = () => { |
63 | var params = { | 80 | var params = { |
@@ -69,6 +86,8 @@ export default { | @@ -69,6 +86,8 @@ export default { | ||
69 | if (res && res.data) { | 86 | if (res && res.data) { |
70 | dataSource.value = res.data; | 87 | dataSource.value = res.data; |
71 | if (res.data.length >0){ | 88 | if (res.data.length >0){ |
89 | + //默认打开首个项目 | ||
90 | + defaultExpandedkeys.value = [res.data[0].id]; | ||
72 | projectId.value = res.data[0].dataList[0].id; | 91 | projectId.value = res.data[0].dataList[0].id; |
73 | treeNode.value = res.data[0]; | 92 | treeNode.value = res.data[0]; |
74 | } | 93 | } |
@@ -139,7 +158,8 @@ export default { | @@ -139,7 +158,8 @@ export default { | ||
139 | docType, | 158 | docType, |
140 | docTypeName, | 159 | docTypeName, |
141 | canAddFolder, | 160 | canAddFolder, |
142 | - refreshTree | 161 | + refreshTree, |
162 | + defaultExpandedkeys | ||
143 | }; | 163 | }; |
144 | }, | 164 | }, |
145 | } | 165 | } |
-
Please register or login to post a comment