update:修改打印配置页面

src/views/system/printerConfig/index.vue

@@ -82,12 +82,19 @@
         </el-col>
         <el-col :span="6">
           <el-form-item label="启用状态" prop="enableFlag">
-            <el-input
+            <el-select
               v-model="queryParams.enableFlag"
-              placeholder="请输入启用状态"
+              placeholder="启用状态"
               clearable
-              @keyup.enter.native="handleQuery"
+              style="width: 240px"
+            >
+              <el-option
+                v-for="dict in dict.type.sys_yes_no"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.value"
               />
+            </el-select>
           </el-form-item>
         </el-col>
         <el-col :span="6">
@@ -160,16 +167,43 @@
 
     <el-table v-loading="loading" :data="printerConfigList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="打印机ID" align="center" prop="printerId" />
-      <el-table-column label="打印机类型" align="center" prop="printerType" />
+      <el-table-column label="打印机类型" align="center" prop="printerType">
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.printer_type"
+            :value="scope.row.printerType"
+          />
+        </template>
+      </el-table-column>
       <el-table-column label="打印机名称" align="center" prop="printerName" />
       <el-table-column label="品牌" align="center" prop="brand" />
       <el-table-column label="品牌" align="center" prop="printerPlace" />
       <el-table-column label="型号" align="center" prop="printerModel" />
-      <el-table-column label="连接类型" align="center" prop="connectionType" />
+      <el-table-column label="连接类型" align="center" prop="connectionType">
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.printer_link_type"
+            :value="scope.row.connectionType"
+          />
+        </template>
+      </el-table-column>
       <el-table-column label="图片URL" align="center" prop="printerUrl" />
-      <el-table-column label="启用状态" align="center" prop="enableFlag" />
-      <el-table-column label="打印机状态" align="center" prop="status" />
+      <el-table-column label="启用状态" align="center" prop="enableFlag">
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.sys_yes_no"
+            :value="scope.row.enableFlag"
+          />
+        </template>
+      </el-table-column>
+      <el-table-column label="打印机状态" align="center" prop="status">
+        <template slot-scope="scope">
+          <dict-tag
+            :options="dict.type.printer_status"
+            :value="scope.row.status"
+          />
+        </template>
+      </el-table-column>
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
@@ -200,56 +234,95 @@
     />
 
     <!-- 添加或修改打印机配置对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules" label-width="100px">
+        <el-row>
+          <el-col :span="12">
             <el-form-item label="打印机类型" prop="printerType">
-          <el-select v-model="form.printerType" placeholder="请选择打印机类型">
-            <el-option label="请选择字典生成" value="" />
+              <el-select style="width:100%;" v-model="form.printerType" placeholder="请选择打印机类型">
+                <el-option
+                  v-for="dict in dict.type.printer_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.label"
+                >
+                </el-option>
               </el-select>
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="打印机名称" prop="printerName">
               <el-input v-model="form.printerName" placeholder="请输入打印机名称" />
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="品牌" prop="brand">
               <el-input v-model="form.brand" placeholder="请输入品牌" />
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="品牌" prop="printerPlace">
               <el-input v-model="form.printerPlace" placeholder="请输入品牌" />
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="型号" prop="printerModel">
               <el-input v-model="form.printerModel" placeholder="请输入型号" />
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="连接类型" prop="connectionType">
-          <el-select v-model="form.connectionType" placeholder="请选择连接类型">
-            <el-option label="请选择字典生成" value="" />
+              <el-select style="width:100%;" v-model="form.connectionType" placeholder="请选择连接类型">
+                <el-option
+                  v-for="dict in dict.type.printer_link_type"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.label"
+                >
+                </el-option>
               </el-select>
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="图片URL" prop="printerUrl">
               <el-input v-model="form.printerUrl" placeholder="请输入图片URL" />
             </el-form-item>
+          </el-col>
+          <el-col :span="12">
             <el-form-item label="启用状态" prop="enableFlag">
-          <el-input v-model="form.enableFlag" placeholder="请输入启用状态" />
-        </el-form-item>
-        <el-form-item label="打印机状态">
-          <el-radio-group v-model="form.status">
-            <el-radio label="1">请选择字典生成</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item label="备注" prop="remark">
-          <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" />
-        </el-form-item>
-        <el-form-item label="预留字段1" prop="attr1">
-          <el-input v-model="form.attr1" placeholder="请输入预留字段1" />
-        </el-form-item>
-        <el-form-item label="预留字段2" prop="attr2">
-          <el-input v-model="form.attr2" placeholder="请输入预留字段2" />
-        </el-form-item>
-        <el-form-item label="预留字段3" prop="attr3">
-          <el-input v-model="form.attr3" placeholder="请输入预留字段3" />
+              <el-select
+                  v-model="form.enableFlag"
+                  placeholder="请选择启用状态"
+                  clearable
+                  style="width: 100%;"
+                >
+                  <el-option
+                    v-for="dict in dict.type.sys_yes_no"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
             </el-form-item>
-        <el-form-item label="预留字段4" prop="attr4">
-          <el-input v-model="form.attr4" placeholder="请输入预留字段4" />
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="打印机状态" prop="status">
+              <el-select
+                  v-model="form.status"
+                  placeholder="请选择打印机状态"
+                  clearable
+                  style="width: 100%;"
+                >
+                  <el-option
+                    v-for="dict in dict.type.printer_status"
+                    :key="dict.value"
+                    :label="dict.label"
+                    :value="dict.value"
+                  />
+                </el-select>
             </el-form-item>
+          </el-col>
+        </el-row>
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -268,6 +341,7 @@ export default {
     "printer_type",
     "printer_link_type",
     "printer_status",
+    "sys_yes_no"
   ],
   data() {
     return {
@@ -324,7 +398,22 @@ export default {
     // 表单重置
     reset() {
       this.form = {
-        printerId: null,        printerType: null,        printerName: null,        brand: null,        printerPlace: null,        printerModel: null,        connectionType: null,        printerUrl: null,        enableFlag: null,        status: "0",        remark: null,        attr1: null,        attr2: null,        attr3: null,        attr4: null,        createBy: null,        createTime: null,        updateBy: null,        updateTime: null      };
+        printerId: null,
+        printerType: null,
+        printerName: null,
+        brand: null,
+        printerPlace: null,
+        printerModel: null,
+        connectionType: null,
+        printerUrl: null,
+        enableFlag: null,
+        status: null,
+        remark: null,
+        createBy: null,
+        createTime: null,
+        updateBy: null,
+        updateTime: null
+      };
       this.resetForm("form");
     },
     /** 搜索按钮操作 */