| | |
| | | <el-tab-pane label="耗材入库" name="third" :lazy="true"> |
| | | <Store v-if="activeName == 'third'" :contentsId="contentsId"></Store> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="目录维护" name="fourth" :lazy="true"> |
| | | <Contents |
| | | v-if="activeName == 'fourth'" |
| | | :id="contentsId" |
| | | @contentsUpdate="contentsUpdate" |
| | | :treeData="treeData" |
| | | from="耗材树" |
| | | ></Contents> |
| | | </el-tab-pane> |
| | | </el-tabs> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | <script> |
| | | import Contents from "./component/contents.vue"; |
| | | import Store from "./component/Store.vue"; |
| | | import ConsumableOverview from "./component/ConsumableOverview.vue"; |
| | | import ConsumableList from "./component/ConsumableList.vue" |
| | |
| | | }; |
| | | }, |
| | | components: { |
| | | Contents, |
| | | Store, |
| | | ConsumableOverview, |
| | | ConsumableList |
| | |
| | | findNodesWithFiber(this.treeData); |
| | | }, |
| | | |
| | | // 目录维护更新 |
| | | contentsUpdate(val, flag = false) { |
| | | if (val) { |
| | | this.getTreeData(); |
| | | this.expandedKeys = []; |
| | | if (flag) { |
| | | const findNodesWithFiber = (nodes) => { |
| | | nodes.forEach((item) => { |
| | | if (item.parentId == val) { |
| | | this.expandedKeys.push(item.id); |
| | | } |
| | | if(item.children && item.children.length > 0) { |
| | | findNodesWithFiber(item.children); |
| | | } |
| | | }); |
| | | }; |
| | | findNodesWithFiber(this.treeData); |
| | | this.expandedKeys = this.expandedKeys.filter((item) => item !== val); |
| | | } else { |
| | | this.expandedKeys.push(val); |
| | | } |
| | | }else { |
| | | this.getTreeData(); |
| | | } |
| | | }, |
| | | // 查询所有目录 |
| | | getTreeData() { |
| | | directoryListing().then((res) => { |