Parcourir la source

修复【物料分类】修改名称后左侧的名称没有及时修改,需要刷新后才能显示新名称;

002201 il y a 2 ans
Parent
commit
0c35de287a
1 fichiers modifiés avec 19 ajouts et 5 suppressions
  1. 19 5
      src/views/material/classify/index.vue

+ 19 - 5
src/views/material/classify/index.vue

@@ -41,13 +41,13 @@
             node-key="id"
             @node-click="clickTree"
             highlight-current
-            :default-expanded-keys="[1]"
+            :default-expanded-keys="defaultExpanded"
             :default-checked-keys="[2]"
             :filter-node-method="filterNode"
             ref="tree"
           >
             <span slot-scope="{ node, data }">
-              {{ data.code }} 👉 {{ node.label }}
+              {{ data.materialType }} {{ data.code }}
             </span>
           </el-tree>
         </el-col>
@@ -203,6 +203,7 @@ export default {
       delId: "",
       // 判断是新增还是修改
       isAdd: true,
+      defaultExpanded: [],
     };
   },
   created() {
@@ -216,7 +217,6 @@ export default {
       getTree(data).then((res) => {
         let { code, rows } = res;
         if (code === 200) {
-          console.log("2", rows);
           this.data = rows;
         }
       });
@@ -235,8 +235,8 @@ export default {
       if (!value) return true;
       return data.label.indexOf(value) !== -1;
     },
-    clickTree(data) {
-      console.log("data", data);
+    clickTree(data, node) {
+      console.log("data", data, node);
       // 如果点击新增时选择了树形节点,则不回显数据,且需要清空ruleForm内的数据
       if (this.disable) {
         this.getDetailData(data.id);
@@ -247,6 +247,17 @@ export default {
       this.biao.parentId = data.id;
       // 将节点id用作删除id
       this.delId = data.id;
+
+      let { id } = data;
+
+      if (this.defaultExpanded.findIndex((item) => item === id) === -1) {
+        this.defaultExpanded.push(id);
+        this.defaultExpanded = [...new Set(this.defaultExpanded)];
+      } else {
+        this.defaultExpanded = this.defaultExpanded.filter(
+          (item) => item !== id
+        );
+      }
     },
     submitForm(formName) {
       this.$refs[formName].validate((valid) => {
@@ -282,6 +293,9 @@ export default {
                   message: res.msg,
                   type: "success",
                 });
+                this.getTreeData();
+                // this.currentNode = params;
+                console.log("this.data", this.defaultExpanded);
                 this.disable = true;
               }
             });