设备管理-故障类型维护V1

src/views/device/faultType/index.vue

@@ -10,12 +10,14 @@
 				/>
 			</el-form-item>
       <el-form-item label="故障类型" prop="faultType">
-        <el-input
+        <el-select v-model="queryParams.faultType" placeholder="请选择故障类型" clearable>
-          v-model="queryParams.faultType"
+          <el-option
-          placeholder="请选择故障类型"
+            v-for="dict in dict.type.device_fault_type"
-          clearable
+            :key="dict.value"
-          @keyup.enter.native="handleQuery"
+            :label="dict.label"
+            :value="dict.value"
           />
+        </el-select>
       </el-form-item>
 			<el-form-item label="故障子类" prop="faultSubclass">
 				<el-input
@@ -182,7 +184,7 @@
 					<span>{{ parseTime(scope.row.updateTime, '{y}-{m}-{d}') }}</span>
 				</template>
 			</el-table-column>
-			<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+			<el-table-column width="180" label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
 				<template slot-scope="scope">
 					<el-button
 						size="mini"
@@ -213,28 +215,38 @@
 		<!-- 添加或修改故障类型维护对话框 -->
 		<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
 			<el-form ref="form" :model="form" :rules="rules" label-width="80px">
-				<el-form-item label="故障类型编码" prop="faultCode">
+				<el-form-item v-if="false" label="故障类型编码" prop="faultCode">
 					<el-input v-model="form.faultCode" placeholder="请输入故障类型编码" />
 				</el-form-item>
+        <el-form-item label="故障类型" prop="faultType">
+          <el-select v-model="form.faultType" placeholder="请选择故障类型" clearable>
+            <el-option
+              v-for="dict in dict.type.device_fault_type"
+              :key="dict.value"
+              :label="dict.label"
+              :value="dict.value"
+            />
+          </el-select>
+        </el-form-item>
 				<el-form-item label="故障子类" prop="faultSubclass">
 					<el-input v-model="form.faultSubclass" placeholder="请输入故障子类" />
 				</el-form-item>
 				<el-form-item label="备注" prop="faultRemark">
 					<el-input v-model="form.faultRemark" placeholder="请输入备注" />
 				</el-form-item>
-				<el-form-item label="工厂编码" prop="factoryCode">
+				<el-form-item v-if="false" label="工厂编码" prop="factoryCode">
 					<el-input v-model="form.factoryCode" placeholder="请输入工厂编码" />
 				</el-form-item>
-				<el-form-item label="备用字段1" prop="attr1">
+				<el-form-item v-if="false" label="备用字段1" prop="attr1">
 					<el-input v-model="form.attr1" placeholder="请输入备用字段1" />
 				</el-form-item>
-				<el-form-item label="备用字段2" prop="attr2">
+				<el-form-item v-if="false" label="备用字段2" prop="attr2">
 					<el-input v-model="form.attr2" placeholder="请输入备用字段2" />
 				</el-form-item>
-				<el-form-item label="备用字段3" prop="attr3">
+				<el-form-item v-if="false" label="备用字段3" prop="attr3">
 					<el-input v-model="form.attr3" placeholder="请输入备用字段3" />
 				</el-form-item>
-				<el-form-item label="删除标志" prop="delFlag">
+				<el-form-item v-if="false" label="删除标志" prop="delFlag">
 					<el-input v-model="form.delFlag" placeholder="请输入删除标志" />
 				</el-form-item>
 			</el-form>
@@ -251,6 +263,7 @@ import { listFaultType, getFaultType, delFaultType, addFaultType, updateFaultTyp
 
 export default {
 	name: "FaultType",
+  dicts: ['device_fault_type'],
 	data() {
 		return {
 			// 遮罩层