元素库-编辑表单

src/views/manager/projectinfo/independent.vue

@@ -17,6 +17,7 @@
             :expand-on-click-node="false"
             v-show="!allTreeShow"
             :default-expanded-keys="defaultExpandKey"
+            :current-node-key="defaultCheckedKey"
           >
             <span
               class="custom-tree-node"
@@ -94,7 +95,7 @@
         </div>
       </div>
     </div>
-    <Qute ref="Qute" :projectid="projectid" :wbsid="wbsid" :onLoad1="onLoad1"> </Qute>
+    <Qute ref="Qute" :projectid="projectid" :wbsid="wbsid" :onLoad1="onLoad1" :refreshTree="refreshTree"> </Qute>
     <Relation ref="Relation" :GLExcelFrom="GLExcelFrom" :wbsid="wbsid"></Relation>
     <!-- 编辑元素 -->
        <!-- 编辑元素 -->
@@ -329,6 +330,7 @@ export default {
         ],
       },
       defaultExpandKey:[],//默认展开的节点
+      defaultCheckedKey:'',
       selectionList:[],
       GLExcelFrom: {
           id: "",
@@ -488,25 +490,11 @@ export default {
         type: "warning"
       })
         .then(() => {
-        return delAprojectTab(this.ids,this.projectid);
-         
-          
+        return delAprojectTab(this.ids,this.projectid);  
         })
         .then(() => {
-          //刷新表格数据
-         this.tabTypeLazyTree(this.treeId, this.projectid,this.page.current,this.page.size).then((res)=>{
-          console.log(res,'res');
-          this.page.total=res.total;
-          this.loadData=res.records;
-         })
-        //刷新左边树形数据
-        const parentId =12345678910 
-          tabTypeLazyTree({parentId,projectId:this.projectid,current:1,size:200}).then(res => {
-            this.data=res.data.data.records;
-             this.$nextTick(()=>{
-            this.defaultExpandKey.push(this.curNode.data.parentId)
-            })
-          });
+        this.onLoad1()
+        this.refreshTree()
           this.$message({
             type: "success",
             message: "操作成功!"
@@ -606,6 +594,23 @@ export default {
       this.formulaCompVisible = true;
       this.formulaCurRow.globaltype = type;
     },
+    //刷新左边树形数据
+    refreshTree(){
+        //刷新左边树形数据
+       const parentId =12345678910 
+          tabTypeLazyTree({parentId,projectId:this.projectid,current:1,size:200}).then(res => {
+            this.data=res.data.data.records;
+             this.$nextTick(()=>{
+               if(this.curNode.level==2){
+                   this.defaultExpandKey.push(this.curNode.data.parentId)
+               }else{
+                  this.defaultExpandKey.push(this.curNode.data.id)
+               }
+            
+            })
+          
+          });
+    }
     // getNodeDetail(data, node) {
     //   let parentName = "";
     //   if (node.parent.data) {

src/views/manager/projectinfo/qutediaolog/qute.vue

@@ -159,7 +159,8 @@ export default {
     },
     props:{
       projectid:String,
-      onLoad1:Function
+      onLoad1:Function,
+      refreshTree:Function
     },
     computed:{
      ids () {
@@ -268,7 +269,8 @@ export default {
           });
           this.$refs.crud.toggleSelection();
           this.dialogVisible=false;
-          this.onLoad1()
+          this.onLoad1();
+          this.refreshTree()
           }
         })
       }

src/views/manager/wbsinfo/element.vue

@@ -9,7 +9,7 @@
     >
       <div class="boxnei" style="display: flex;flex-direction: column;"> 
         <div style="overflow: auto;flex:1">
-          <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick" :default-expanded-keys="defaultExpandKey" ></avue-tree>
+          <avue-tree :option="treeOption" :data="treeData" @node-click="nodeClick"  ref="avueTree"></avue-tree>
    
         </div>
       </div>
@@ -641,7 +641,7 @@ export default {
       curTreeData:{},
       loadData:[],
       treeOption:{
-       
+       defaultExpandedKeys:[],
         filter:false,
         addBtn:false,
         props:{
@@ -751,7 +751,7 @@ export default {
       }
     },
     nodeClick(data,node){
-          console.log(data,'treedata');
+          console.log(data,node,'treedata');
           this.curNode=node
           if(data.hasChildren){
                 this.tabTypeLazyTreeAll(data.id, this.page.current,this.page.size).then((res)=>{
@@ -779,13 +779,33 @@ export default {
       this.$message.success('刷新成功')
     },
      onLoad(page){
-      console.log(page,'page');
+      console.log(this.curNode,'curNode');
       if(this.treeId){
          this.tabTypeLazyTreeAll(this.treeId, page.currentPage,page.pageSize).then((res)=>{
           this.loadData=res.records
            this.page.total=res.total
         })
       }
+    },
+    //编辑后刷新
+    onLoad1(page){
+      // console.log(this.level,'1111111111');
+      if(this.curNode.level===1&&this.curNode.data.hasChildren){
+         this.tabTypeLazyTreeAll(this.treeId, page.currentPage,page.pageSize).then((res)=>{
+          this.loadData=res.records
+           this.page.total=res.total
+        })
+      }else{
+          this.tabTypeLazyTreeAll(this.curNode.data.parentId, page.currentPage,page.pageSize).then((res)=>{
+           let faArr=res.records;
+           this.loadData=faArr.filter((item)=>{
+             if(item.id===this.treeId){
+               return item
+             }
+           })
+          })
+      }
+      this.refreshTreeData()
     },
         //搜索
     searchChange(){
@@ -825,13 +845,7 @@ export default {
         .then(() => {
           this.onLoad(this.page);//刷新表格数据
            //刷新左边树形数据
-          const parentId =12345678910 
-          tabTypeLazyTreeAll({parentId,current:1,size:200}).then(res => {
-            this.treeData=res.data.data.records;
-             this.$nextTick(()=>{
-            this.defaultExpandKey.push(this.curNode.data.parentId)
-            })
-          });
+          this.refreshTreeData()
           this.$message({
             type: "success",
             message: "操作成功!"
@@ -839,6 +853,18 @@ export default {
           this.$refs.crud.toggleSelection();
         });
     },
+    //刷新左边树形数据
+    refreshTreeData(){
+      const parentId =12345678910 
+      tabTypeLazyTreeAll({parentId,current:1,size:200}).then(res => {
+        this.treeData=res.data.data.records;
+          this.$nextTick(()=>{
+          //树默认展开
+            this.treeOption.defaultExpandedKeys.push(this.curNode.data.parentId);
+            //  this.$refs.avueTree.setCurrentKey(this.curNode.data.parentId)
+        })
+      });
+    },
     //编辑元素表单信息
    
     editElement (row) {
@@ -957,7 +983,7 @@ export default {
         })
         updateBatchElements(this.editEleList, this.curEleTable.initTableName).then(() => {
           this.editEleVisible = false;
-           this.onLoad(this.page);
+           this.onLoad1(this.page);
           this.$message({
             type: "success",
             message: "保存成功!"
@@ -965,7 +991,7 @@ export default {
         })
       } else {
         this.editEleVisible = false;
-         this.onLoad(this.page);
+         this.onLoad1(this.page);
         this.$message({
           type: "success",
           message: "保存成功!"
@@ -1006,9 +1032,6 @@ export default {
     },
     editele(){
       console.log('编辑元素表单信息');
-      // this.editElementFormTag=true
-        console.log('编辑元素表单信息');
-        
         if (this.selectionList.length === 0) {
         this.$message.warning("请选择至少一条数据");
         return;
@@ -1088,7 +1111,6 @@ export default {
     editeditElementFormMF () {//保存按钮
       let da = []
       let tag = true
-      // console.log(this.formDatass,'this.formDatass');
         console.log(this.tableTypelist,'tableTypelist');
       this.formDatass.forEach(val => {
         if (!val.tableName || !val.tableType || !val.tableOwner) {
@@ -1120,7 +1142,7 @@ export default {
       if (res.code == 200) {
         this.$message.success('操作成功');
         this.editElementFormTag = false
-         this.onLoad(this.page);
+         this.onLoad1(this.page);
       }
     },