likang

src/views/work_record/maintenancemapper/index.vue

@@ -27,6 +27,13 @@
     <el-table ref="multipleTable" :data="data" tooltip-effect="dark" style="width: 100%" border fit @selection-change="handleSelectMulti">
       <el-table-column type="selection" width="55" align="center"/>
       <el-table-column label="设备类型" prop="device_type_name" align="center"/>
+
+      <el-table-column label="风机型号" align="center">
+          <template slot-scope="scope">
+              <p  v-if="scope.row.fan_model_name">{{scope.row.fan_model_name}}</p>
+              <p  v-else>无</p>
+            </template>
+      </el-table-column>>
       <el-table-column label="名称" prop="name" align="center"/>
        <el-table-column label="唯一标识" prop="value" align="center"/>
       <el-table-column prop="created_at" label="创建时间" align="center"/>
@@ -65,10 +72,10 @@
       :layout="paginate.layout"
       :total="paginate.total"/>
     <!----------------------------------- 部门 ---------------------------------------------->
-    <el-dialog :title="title" :visible.sync="formVisible" @close="handleCancel" width="500px">
+    <el-dialog :title="title" @open="open" :visible.sync="formVisible" @close="handleCancel" width="500px">
       <el-form :ref="formName" :model="formFieldsData" :rules="rules">
         <el-form-item label="设备类型" :label-width="formLabelWidth" prop="device_type">
-          <el-select  v-model="formFieldsData.device_type"  clearable  style="width: 250px"  placeholder="请选择设备类型" >
+          <el-select  v-model="formFieldsData.device_type"  clearable  style="width: 250px"  placeholder="请选择设备类型" @change="change_type">
               <el-option
                 v-for="item in deviceTypes"
                 :key="item.value"
@@ -78,7 +85,20 @@
           </el-select>
         </el-form-item>
       </el-form>
+
+      
       <el-form :ref="formName" :model="formFieldsData" :rules="rules">
+      
+      <el-form-item label="风机型号" :label-width="formLabelWidth" prop="fan_model" v-if="isShow"  >
+          <el-select  v-model.number="formFieldsData.fan_model"  clearable  style="width: 250px"  placeholder="请选择风机类型" >
+              <el-option
+                v-for="item in fan_models"
+                :key="item.value"
+                :label="item.text"
+                :value="item.value">
+              </el-option>
+          </el-select>
+        </el-form-item>
       <el-form-item label="名称" :label-width="formLabelWidth" prop="name">
           <el-input v-model="formFieldsData.name" placeholder="请输入名称" style="width: 250px" autocomplete="off" clearable />
         </el-form-item>
@@ -108,11 +128,14 @@ export default {
         name: '',
       },
       deviceTypes:[],
+      fan_models:[],
       formVisible: false,
+      isShow:false,
       formFieldsData: {
         name: '',
         device_type:'',
-        value:''
+        value:'',
+        fan_model:''
       },
       url: 'maintenance_mapper',
       // 表单验证
@@ -130,8 +153,43 @@ export default {
     this.$http.post("sysDictData/getOptions", { type: "Maintenance" }).then(resp => {
         this.deviceTypes = resp.data
      });
+      this.$http.get("get_device_mold?type=4").then(resp => {
+        this.fan_models = resp.data
+     });
+
   },
-}
+  methods:{
+
+    change_type(query){
+      if(query==2)
+      {
+        this.isShow=true;
+      }
+      else
+      {
+        this.isShow=false;
+      }
+    },
+    open()
+    {
+      
+       if(this.formFieldsData.device_type==2)
+       {
+          this.isShow=true;
+       }
+       else
+        {
+          this.isShow=false;
+        }
+    }
+
+
+
+  },
+
+
+
+  }
 </script>
 <style lang="scss" scoped>
 .filter-item{