1 燃气用户 类型 字典形式实现

zh-baseversion-web/src/views/regulation/gasuser/index.vue

@@ -156,10 +156,7 @@
           <el-col :span="11">
         <el-form-item label="用户类型" prop="userType">
           <el-select v-model="form.userType" placeholder="请选择用户类型">
-            <el-option label="居民用户" value="1" />
-            <el-option label="商业用户" value="2" />
-            <el-option label="工业用户" value="3" />
-            <el-option label="煤改气用户" value="4" />
+            <el-option v-for="dict in userTypeOpers" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" />
           </el-select>
         </el-form-item>
           </el-col>
@@ -292,6 +289,8 @@ export default {
       total: 0,
       // 燃气用户表格数据
       userList: [],
+      // 燃气类型
+      userTypeOpers: [],
       // 弹出层标题
       title: "",
       // 是否显示弹出层
@@ -327,6 +326,9 @@ export default {
   },
   created() {
     this.getList();
+    this.getDicts("yehuaqi_user_type").then(response => {
+      this.userTypeOpers = response.data;
+    });
   },
   methods: {
     /** 查询燃气用户列表 */