物资字典维护 默认隐藏分类

src/views/basic/product/product.vue

@@ -2,7 +2,8 @@
   <div>
     <el-card>
       <el-row type="flex" style="flex-wrap: nowrap">
-        <el-col v-show="showSearch" style="width: 300px">
+        <el-col style="flex: 1" v-show="Dictionary">
+          <el-col v-show="showSearch" style="min-width: 200px; max-width: 100%">
             <el-tree
               :data="treeList"
               class="tree"
@@ -17,6 +18,24 @@
               >
             </el-tree>
           </el-col>
+        </el-col>
+        <el-button
+          type="success"
+          @click="Dictionary = !Dictionary"
+          icon="el-icon-arrow-left"
+          v-show="Dictionary"
+          class="iconButton"
+        >
+        </el-button>
+        <el-button
+          type="success"
+          @click="Dictionary = !Dictionary"
+          icon="el-icon-arrow-right"
+          v-show="!Dictionary"
+          class="iconButton"
+        >
+        </el-button>
+
         <el-col style="border-left: 3px solid #dddddd; overflow-y: hidden">
           <el-form
             :model="filterQuery"
@@ -165,38 +184,32 @@
             <el-button-group>
               <el-button icon="el-icon-view" type="primary" @click="hideSearch"
                 >显示/隐藏搜索栏
-              </el-button
+              </el-button>
-              >
               <el-button type="primary" icon="el-icon-refresh" @click="onReset"
                 >重置
-              </el-button
+              </el-button>
-              >
               <el-button type="primary" icon="el-icon-search" @click="submit"
                 >查询
-              </el-button
+              </el-button>
-              >
               <!--              <el-button type="primary" icon="el-icon-plus" @click="editUdiType">物资分类管理</el-button>-->
               <el-button
                 type="primary"
                 icon="el-icon-plus"
                 @click="intentImportUdi"
                 >选入DI信息
-              </el-button
+              </el-button>
-              >
               <el-button
                 type="primary"
                 icon="el-icon-plus"
                 @click="intentImportErp"
                 >添加院内字典
-              </el-button
+              </el-button>
-              >
               <el-button
                 type="primary"
                 icon="el-icon-plus"
                 @click="intentDetail"
                 >关联添加
-              </el-button
+              </el-button>
-              >
             </el-button-group>
           </div>
           <el-divider style="margin: 15px"></el-divider>
@@ -1237,7 +1250,10 @@
                         </el-button>
                       </el-col>
                       <el-col :span="2" class="el-col">
-                        <el-button type="text" size="small" @click.native.stop="updateVersion()"
+                        <el-button
+                          type="text"
+                          size="small"
+                          @click.native.stop="updateVersion()"
                           :loading="updateLoading"
                           style="margin-left: 5%"
                           >更新当前版本信息
@@ -1450,13 +1466,14 @@ import {
   spcombie,
   lockStatus,
   removeDiRl,
-  disableUdi, syncOnline,
+  disableUdi,
+  syncOnline,
 } from "@/api/basic/product/udiRelevance";
 import {
   selectSysParamByKey,
   finProductSet,
 } from "@/api/param/systemParamConfig";
-import {filterByUuid} from "@/api/basic/product/udiInfo";
+import { filterByUuid } from "@/api/basic/product/udiInfo";
 
 import selectUdi from "./UdiInfoSelectRel.vue";
 import selectErp from "./udiInfoselectErpUdi";
@@ -1467,12 +1484,13 @@ import ProductSingleEdit from "@/views/basic/product/productSingleEdit";
 import productUdiType from "@/views/basic/product/productUdiType";
 import selectHospProduct from "@/views/basic/product/bindHospProduct";
 import selectUnBindHospProduct from "@/views/basic/product/unbindHospProduct";
-import {getBasicHospType, getListTree} from "@/api/basic/basicHospType";
+import { getBasicHospType, getListTree } from "@/api/basic/basicHospType";
-import {dlLastVersionByDi} from "@/api/basic/udiInfo";
+import { dlLastVersionByDi } from "@/api/basic/udiInfo";
 
 export default {
   data() {
     return {
+      Dictionary: false, //物资字典显示、隐藏
       filterQuery: {
         lockStatus: null,
         unionCode: null,
@@ -1563,7 +1581,7 @@ export default {
       selectVersionVisible: false,
       selectLocalVisible: false, //关联UDI
       isUseDyCheck: false,
-      lockStatusMap: {1: "未提交", 2: "已提交", 3: "已锁定"},
+      lockStatusMap: { 1: "未提交", 2: "已提交", 3: "已锁定" },
       activeNames: ["1"],
       useNumEnable: true,
       updateLoading: false,
@@ -1694,8 +1712,7 @@ export default {
             this.$message.error(response.message);
           }
         })
-        .catch(() => {
+        .catch(() => {});
-        });
     },
 
     deleteDialog(rowId) {
@@ -1707,8 +1724,7 @@ export default {
         .then(() => {
           this.deleteOrders(rowId);
         })
-        .catch(() => {
+        .catch(() => {});
-        });
     },
 
     intentDetail() {
@@ -1746,11 +1762,9 @@ export default {
                 this.$message.error(response.message);
               }
             })
-            .catch(() => {
+            .catch(() => {});
-            });
         })
-        .catch(() => {
+        .catch(() => {});
-        });
     },
 
     removeDi() {
@@ -1777,11 +1791,9 @@ export default {
                 this.$message.error(response.message);
               }
             })
-            .catch(() => {
+            .catch(() => {});
-            });
         })
-        .catch(() => {
+        .catch(() => {});
-        });
     },
 
     intentSelectErp(val) {
@@ -2067,8 +2079,7 @@ export default {
           var invlist = response.data || [];
           this.treeList = this.handleTree(invlist, "code", "parentCode");
         })
-        .catch(() => {
+        .catch(() => {});
-        });
     },
 
     addHospProduct(data) {
@@ -2106,9 +2117,12 @@ export default {
         type: "warning",
       })
         .then(() => {
-          debugger
+          debugger;
           this.updateLoading = true;
-          let query = {uuid: this.editQuery.uuid, originUuid: this.editQuery.originUuid};
+          let query = {
+            uuid: this.editQuery.uuid,
+            originUuid: this.editQuery.originUuid,
+          };
           syncOnline(query)
             .then((response) => {
               this.updateLoading = false;
@@ -2125,13 +2139,10 @@ export default {
               this.total = 0;
             });
         })
-        .catch(() => {
+        .catch(() => {});
-        });
-
-    },
     },
-  mounted() {
   },
+  mounted() {},
   components: {
     ProductSingleEdit,
     ProductEdit,
@@ -2153,10 +2164,12 @@ export default {
 };
 </script>
 <style scoped lang="scss">
+.iconButton {
+  margin-left: -2px;
+  height: 30px;
+}
 .tree {
   ::v-deep .el-tree-node {
-    white-space: normal;
-
     .el-tree-node__content {
       height: 100%;
       align-items: start;