zc

src/views/chemicalManage/basicManagement/chemicalInfo/index.vue

@@ -6,14 +6,20 @@
         <el-form :model="queryParams" class="form-box" ref="queryForm"
                  :inline="true" style="width:100%;">
           <el-form-item label="" prop="chemicalCategory">
-            <el-select v-model="queryParams.chemicalCategory" clearable placeholder="请选择类别" style="width: 200px">
-              <el-option
-                v-for="dict in optionListA"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
+            <!--<el-select v-model="queryParams.chemicalCategory" clearable placeholder="请选择类别" style="width: 200px">-->
+              <!--<el-option-->
+                <!--v-for="dict in optionListA"-->
+                <!--:key="dict.value"-->
+                <!--:label="dict.label"-->
+                <!--:value="dict.value"-->
+              <!--/>-->
+            <!--</el-select>-->
+            <el-cascader
+              v-model="queryParams.chemicalCategory"
+              :options="optionListA"
+              :props="{ checkStrictly: true ,emitPath:false }"
+              :show-all-levels="false"
+            ></el-cascader>
           </el-form-item>
           <el-form-item label="" prop="chemicalLevel">
             <el-select v-model="queryParams.chemicalLevel" clearable placeholder="请选择级别" style="width: 200px">
@@ -139,7 +145,7 @@
         //页面遮罩
         loading:false,
         //下拉列表数据
-        optionListA:[{value:true,label:'启用'},{value:false,label:'停用'}],
+        optionListA:[],
         optionListB:[{value:1,label:'管控'},{value:2,label:'非管控'}],
         //查询条件
         queryParams:{
@@ -169,7 +175,31 @@
       //获取化学品类别
       getDicts(){
         getDicts('chemicals_category').then(response => {
-          this.$set(this,'optionListA',response.data);
+          // this.$set(this,'optionListA',response.data);
+          this.$set(this,'optionListA',[
+            {
+              value: '1',
+              label: '1',
+              children:[{
+                value: '1-1',
+                label: '1-1',
+              },{
+                value: '1-2',
+                label: '1-2',
+              }],
+            },
+            {
+              value: '2',
+              label: '2',
+              children:[{
+                value: '2-1',
+                label: '2-1',
+              },{
+                value: '2-2',
+                label: '2-2',
+              }],
+            }
+          ]);
         });
       },
       //查询按钮

src/views/chemicalManage/components/addChemicals.vue

@@ -36,14 +36,20 @@
         </el-form-item>
         <div>
           <el-form-item label="类别：" prop="chemicalCategory" label-width="130px">
-            <el-select v-model="dialogForm.chemicalCategory" placeholder="请选择类别" style="width: 245px">
-              <el-option
-                v-for="dict in categoryOptions"
-                :key="dict.value"
-                :label="dict.label"
-                :value="dict.value"
-              />
-            </el-select>
+            <!--<el-select v-model="dialogForm.chemicalCategory" placeholder="请选择类别" style="width: 245px">-->
+              <!--<el-option-->
+                <!--v-for="dict in categoryOptions"-->
+                <!--:key="dict.value"-->
+                <!--:label="dict.label"-->
+                <!--:value="dict.value"-->
+              <!--/>-->
+            <!--</el-select>-->
+            <el-cascader
+              style="width:245px;"
+              v-model="dialogForm.chemicalCategory"
+              :options="categoryOptions"
+              :show-all-levels="false"
+            ></el-cascader>
           </el-form-item>
           <el-form-item label="级别：" prop="chemicalLevel" label-width="90px">
             <el-select v-model="dialogForm.chemicalLevel" placeholder="请选择级别" style="width: 245px">
@@ -217,7 +223,31 @@
       initialize(){
         //化学品类别字典
         getDicts('chemicals_category').then(response => {
-          this.$set(this,'categoryOptions',response.data);
+          // this.$set(this,'categoryOptions',response.data);
+          this.$set(this,'categoryOptions',[
+            {
+              value: '1',
+              label: '1',
+              children:[{
+                value: '1-1',
+                label: '1-1',
+              },{
+                value: '1-2',
+                label: '1-2',
+              }],
+            },
+            {
+              value: '2',
+              label: '2',
+              children:[{
+                value: '2-1',
+                label: '2-1',
+              },{
+                value: '2-2',
+                label: '2-2',
+              }],
+            }
+          ]);
         });
         //存放单位
         getDicts('storage_unit').then(response => {