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