Authored by 张凯

乙方运维人员管理页面优化(当新增用户成功后,刷新左侧业务人员树)

@@ -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 }