Authored by 张凯

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

... ... @@ -2,7 +2,7 @@
<el-row :gutter="5" >
<el-col :span="4" >
<div class="cm-card" :style="{'min-height':height+'px','max-height':height+'px','height':'100%','overflow-y':'auto','overflow-x':'hidden'}">
<el-tree :data="dataSource" accordion :default-expanded-keys="[1]" :props="defaultProps" >
<el-tree :data="dataSource" accordion :default-expanded-keys="defaultExpandedkeys" node-key="id" :props="defaultProps" >
<template #default="{ node, data }">
<div style=" width: 100%;">
<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 {
let height = Vue.ref(window.innerHeight - 20);
let dataSource = Vue.ref([]);
let componentName = Vue.ref('COLLECT_ALL');
let defaultExpandedkeys = Vue.ref([]);
// 当前点击节点
let treeNode = Vue.ref({});
let parentNode = Vue.ref({});
... ... @@ -55,9 +56,25 @@ export default {
//刷新左侧树,提供给用户新增页面调用使用 joke add 20221128
let refreshTree = () => {
getTree();
defaultExpandedkeys.value = [];
reloadTree();
}
Vue.provide("refreshTree", refreshTree);
let reloadTree = () => {
var params = {
username: localStorage.getItem("lgn"),
};
proxy.$http.get("/api-web/bOpsProject/getTree", params, function (res) {
if (res && res.data) {
dataSource.value = res.data;
//设置默认展开节点
defaultExpandedkeys.value = [treeNode.value.id,treeNode.value.parentId,parentNode.value.id,parentNode.value.parentId];
} else {
}
}, function () {
});
}
// 搜索
let getTree = () => {
var params = {
... ... @@ -69,6 +86,8 @@ export default {
if (res && res.data) {
dataSource.value = res.data;
if (res.data.length >0){
//默认打开首个项目
defaultExpandedkeys.value = [res.data[0].id];
projectId.value = res.data[0].dataList[0].id;
treeNode.value = res.data[0];
}
... ... @@ -139,7 +158,8 @@ export default {
docType,
docTypeName,
canAddFolder,
refreshTree
refreshTree,
defaultExpandedkeys
};
},
}
... ...