diff --git a/src/views/system/goodsCategory/index.vue b/src/views/system/goodsCategory/index.vue index ef54bef..a5280f6 100644 --- a/src/views/system/goodsCategory/index.vue +++ b/src/views/system/goodsCategory/index.vue @@ -2,7 +2,7 @@
- + -
+
- + @@ -285,20 +282,46 @@ export default { lazyLoad(node, resolve) { const id = node.level === 0 ? 0 : node.data.id; setTimeout(() => { - getStationCategoryList(id).then((res) => { - // 接口请求 - res.data.forEach((e) => { - e.value = e.id; - e.label = e.goodsCategoryName; + var data = [ + { + label: "商品主分类", + children: [], + value: 0, + id: 0, + }, + ]; + if (id == 0) { + getStationCategoryList(id).then((res) => { + // 接口请求 + res.data.forEach((e) => { + e.value = e.id; + e.label = e.goodsCategoryName; + data[0].children.push(e); + }); + resolve( + data.map((item) => { + return { + ...item, + }; + }) + ); }); - resolve( - res.data.map((item) => { - return { - ...item, - }; - }) - ); - }); + } else { + getStationCategoryList(id).then((res) => { + // 接口请求 + res.data.forEach((e) => { + e.value = e.id; + e.label = e.goodsCategoryName; + }); + resolve( + res.data.map((item) => { + return { + ...item, + }; + }) + ); + }); + } }, 300); }, }, @@ -385,8 +408,13 @@ export default { this.loading = true; this.queryParams.parentId = data.id; this.queryParams.parentName = data.goodsCategoryName; - this.form.parentId = data.id; - this.form.parentName = data.goodsCategoryName; + if (data.id != 0) { + this.form.parentId = data.id; + this.form.parentName = data.goodsCategoryName; + } else { + this.form.parentId = 0; + this.form.parentName = ""; + } // this.categoryLevel = data.categoryLevel; this.queryParams.pageNum = 1; this.getList(); @@ -415,7 +443,7 @@ export default { }); var obj = [ { - goodsCategoryName: "商品分类名称", + goodsCategoryName: "商品主分类", children: res.data, id: 0, }, @@ -587,5 +615,15 @@ export default { ::v-deep .el-cascader .el-input input::-webkit-input-placeholder { color: black; } +::v-deep .el-tree { + height: 100%; + width: 100%; + overflow: scroll; +} + +::v-deep .el-tree > .el-tree-node { + display: inline-block; + min-width: 100%; +}