质检计划优化

src/components/AssetTree/index.vue

@@ -17,143 +17,146 @@
 </template>
 
 <script>
-  import { getTreeByPid } from '@/api/classifyManage';
-  // let originId = '';
-  // let originType = '';
-  export default {
-    props: {
-      // treeList私有化处理
-      treeFormate: {
-        type: Function,
-        default: null
-      },
-      defaultProps: {
-        type: Object,
-        default: function () {
-          return {
-            children: 'children',
-            value: 'id',
-            label: 'name'
-          };
-        }
-      },
-      defaultExpandAll: {
-        type: Boolean,
-        default: function () {
-          return true;
-        }
-      },
-      // 初始请求treeList
-      init: {
-        type: Boolean,
-        default: true
-      },
-      id: {
-        type: String,
-        default: '0'
-      },
-      nodeKey: {
-        type: String,
-        default: 'id'
+import { getTreeByPid } from '@/api/classifyManage';
+// let originId = '';
+// let originType = '';
+export default {
+  props: {
+    // treeList私有化处理
+    treeFormate: {
+      type: Function,
+      default: null
+    },
+    defaultProps: {
+      type: Object,
+      default: function () {
+        return {
+          children: 'children',
+          value: 'id',
+          label: 'name'
+        };
+      }
+    },
+    defaultExpandAll: {
+      type: Boolean,
+      default: function () {
+        return true;
       }
-      // appendRoot: {
-      //   type: Boolean,
-      //   default: false
-      // },
     },
-    data () {
-      return {
-        treeList: [],
-        treeLoading: false,
-        parentName: '',
-        parentId: '',
-        currentKey: ''
-      };
+    // 初始请求treeList
+    init: {
+      type: Boolean,
+      default: true
     },
-    mounted () {
-      if (this.init) {
-        this.getTreeData();
+
+    id: {
+      type: Array,
+      default: () => {
+        return ['9'];
       }
     },
-    methods: {
-      getInstance () {
-        return this.$refs.tree;
-      },
-      // 获取树结构数据
-      async getTreeData () {
-        try {
-          this.treeLoading = true;
+    nodeKey: {
+      type: String,
+      default: 'id'
+    }
+    // appendRoot: {
+    //   type: Boolean,
+    //   default: false
+    // },
+  },
+  data() {
+    return {
+      treeList: [],
+      treeLoading: false,
+      parentName: '',
+      parentId: '',
+      currentKey: ''
+    };
+  },
+  mounted() {
+    if (this.init) {
+      this.getTreeData();
+    }
+  },
+  methods: {
+    getInstance() {
+      return this.$refs.tree;
+    },
+    // 获取树结构数据
+    async getTreeData() {
+      try {
+        this.treeLoading = true;
 
-          const res = await getTreeByPid(this.id);
-          this.treeLoading = false;
-          if (res?.code === '0') {
-            this.treeList = res.data;
-            this.$emit('setRootId', res.data[0].id);
-            if (this.treeFormate) {
-              this.treeList = this.treeFormate(this.treeList);
-            }
-            this.$nextTick(() => {
-              // 默认高亮第一级树节点
-              if (this.treeList[0]) {
-                this.setCurrentKey(this.treeList[0].id);
-                this.handleNodeClick(
-                  this.treeList[0],
-                  this.$refs.tree.getCurrentNode()
-                );
-              }
-            });
-            return this.treeList;
-          }
-        } catch (error) {}
+        const res = await getTreeByPid(0);
         this.treeLoading = false;
-      },
-      // 递归 - 往树children里面添加parentName
-      // _setParentName (tree) {
-      //   let data = tree;
-      //   for (let i = 0; i < data.length; i++) {
-      //     if (data[i].parentId === '0') {
-      //       this.parentName = data[i].name;
-      //       originId = data[i].id;
-      //       originType = data[i].type;
-      //     }
+        if (res?.code === '0') {
+          this.treeList = res.data.filter(item=>this.id.includes(item.id));
+          this.$emit('setRootId', res.data[0].id);
+          if (this.treeFormate) {
+            this.treeList = this.treeFormate(this.treeList);
+          }
+          this.$nextTick(() => {
+            // 默认高亮第一级树节点
+            if (this.treeList[0]) {
+              this.setCurrentKey(this.treeList[0].id);
+              this.handleNodeClick(
+                this.treeList[0],
+                this.$refs.tree.getCurrentNode()
+              );
+            }
+          });
+          return this.treeList;
+        }
+      } catch (error) {}
+      this.treeLoading = false;
+    },
+    // 递归 - 往树children里面添加parentName
+    // _setParentName (tree) {
+    //   let data = tree;
+    //   for (let i = 0; i < data.length; i++) {
+    //     if (data[i].parentId === '0') {
+    //       this.parentName = data[i].name;
+    //       originId = data[i].id;
+    //       originType = data[i].type;
+    //     }
 
-      //     data[i]['originId'] = originId;
-      //     data[i]['originType'] = originType;
-      //     data[i]['parentId'] = data[i]['parentId'];
-      //     if (data[i].children && data[i].children.length > 0) {
-      //       this._setParentName(data[i].children);
-      //     }
-      //   }
-      //   return data;
-      // },
+    //     data[i]['originId'] = originId;
+    //     data[i]['originType'] = originType;
+    //     data[i]['parentId'] = data[i]['parentId'];
+    //     if (data[i].children && data[i].children.length > 0) {
+    //       this._setParentName(data[i].children);
+    //     }
+    //   }
+    //   return data;
+    // },
 
-      handleNodeClick (data, node) {
-        this.$emit('handleNodeClick', data, node);
-      },
-      // 设置默认高亮行
-      setCurrentKey (id) {
-        this.currentKey = id;
-        this.$refs.tree.setCurrentKey(this.currentKey);
-      },
+    handleNodeClick(data, node) {
+      this.$emit('handleNodeClick', data, node);
+    },
+    // 设置默认高亮行
+    setCurrentKey(id) {
+      this.currentKey = id;
+      this.$refs.tree.setCurrentKey(this.currentKey);
+    },
 
-      // 获取树的选中状态
-      getSelectList () {
-        const selectList = this.$refs.tree.getCurrentNode();
-        return selectList;
-      }
+    // 获取树的选中状态
+    getSelectList() {
+      const selectList = this.$refs.tree.getCurrentNode();
+      return selectList;
     }
-  };
+  }
+};
 </script>
 
 <style lang="scss" scoped>
-  .tree-wrapper {
-    width: 100%;
-    height: 100%;
-    overflow: auto;
+.tree-wrapper {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
 
-    :deep(.el-tree) {
-      display: inline-block;
-      min-width: 100%;
-    }
+  :deep(.el-tree) {
+    display: inline-block;
+    min-width: 100%;
   }
+}
 </style>

src/views/inspectionPlan/components/edit.vue

@@ -237,7 +237,7 @@
         ref="equipmentRefs"
         @choose="choose"
         :type="1"
-        :isAll="true"
+        :id="['9','1']"
       />
       <productionPlan ref="productionPlanRef" @choose="choose" />
       <workOrder ref="workOrderRef" @choose="choose" />

src/views/inspectionWork/components/EquipmentDialog.vue

@@ -33,7 +33,7 @@
         <el-col :span="6" class="tree_col">
           <AssetTree
             @handleNodeClick="handleNodeClick"
-            :id="!isAll?'9':'0'"
+            :id="id"
             :paramsType="'type'"
             ref="treeList"
           />
@@ -76,6 +76,11 @@ export default {
     isAll: {
       default: false 
     },
+    id:{
+      default: ()=>{
+        return ['9']
+      }
+    },
   },
   data() {
     return {