Просмотр исходного кода

物料基础分类-增加只在二级分类中产品线字段用树形下拉框展示。

DongZ 1 год назад
Родитель
Сommit
c426466655
1 измененных файлов с 56 добавлено и 1 удалено
  1. 56 1
      src/views/material/classify/index.vue

+ 56 - 1
src/views/material/classify/index.vue

@@ -89,6 +89,11 @@
                   </el-select>
                 </el-form-item>
               </el-col>
+              <el-col :span="12">
+                <el-form-item label="产品线" prop="productLine" v-if="isFlag">
+                  <treeselect v-model="ruleForm.productLine" :multiple="false" :options="productOptions" :append-to-body="true" placeholder="请选择产品线" :disabled="disable" />
+                </el-form-item>
+              </el-col>
             </el-row>
             <span class="title">辅助属性</span>
             <el-row :gutter="20">
@@ -190,7 +195,10 @@ import {
   edit,
   downLoadClassify,
 } from "@/api/classify/basic";
+import Treeselect from '@riophae/vue-treeselect';
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
 export default {
+  components: { Treeselect },
   name: "classify",
   dicts: ["material_enable", "sys_assist_condtion"],
   data() {
@@ -241,6 +249,13 @@ export default {
             trigger: "blur",
           },
         ],
+        productLine: [
+          {
+            required: true,
+            message: "请输入产品线",
+            trigger: "blur",
+          }
+        ]
       },
       checkList: [],
       disable: true,
@@ -251,7 +266,43 @@ export default {
       isAdd: true,
       defaultExpanded: [],
       // 是否过滤停用
-      refreshName: false
+      refreshName: false,
+      // 生产线字段判断标志
+      isFlag: false,
+      // selectTree: [],
+      // searchForm: {
+      //   componentsName: '', //组件名称
+      //   componentsCode: '', //组件编码
+      // },
+      productOptions: [{
+        id: 1,
+        label: "介入产品线"
+      },{
+        id: 2,
+        label: "骨科产品线"
+      },{
+        id :3,
+        label: "检验产品线"
+      },{
+        id: 4,
+        label: "综合耗材产品线",
+        children: [{
+          id: 5,
+          label: "消毒管控"
+        },{
+          id: 6,
+          label: "血统"
+        },{
+          id: 7,
+          label: "麻醉"
+        },{
+          id: 8,
+          label: "护理"
+        },{
+          id: 9,
+          label: "外科"
+        }]
+      }],
     };
   },
   watch: {
@@ -284,6 +335,10 @@ export default {
         let { code, data } = res;
         if (code === 200) {
           console.log("data", data);
+          this.isFlag = false;
+          if (data.twoClass != null && data.threeClass == null) {
+            this.isFlag = true;
+          }
           this.ruleForm = data;
           this.ruleForm.isInventory = data.isInventory === "0" ? true : false;
           this.ruleForm.isProductBatch =