update:修改打印机配置

src/views/system/printerConfig/index.vue

 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="打印机类型" prop="printerType">
-        <el-select v-model="queryParams.printerType" placeholder="请选择打印机类型" clearable>
-          <el-option label="请选择字典生成" value="" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="打印机名称" prop="printerName">
-        <el-input
-          v-model="queryParams.printerName"
-          placeholder="请输入打印机名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="品牌" prop="brand">
-        <el-input
-          v-model="queryParams.brand"
-          placeholder="请输入品牌"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="品牌" prop="printerPlace">
-        <el-input
-          v-model="queryParams.printerPlace"
-          placeholder="请输入品牌"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="型号" prop="printerModel">
-        <el-input
-          v-model="queryParams.printerModel"
-          placeholder="请输入型号"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="连接类型" prop="connectionType">
-        <el-select v-model="queryParams.connectionType" placeholder="请选择连接类型" clearable>
-          <el-option label="请选择字典生成" value="" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="图片URL" prop="printerUrl">
-        <el-input
-          v-model="queryParams.printerUrl"
-          placeholder="请输入图片URL"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="启用状态" prop="enableFlag">
-        <el-input
-          v-model="queryParams.enableFlag"
-          placeholder="请输入启用状态"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="打印机状态" prop="status">
-        <el-select v-model="queryParams.status" placeholder="请选择打印机状态" clearable>
-          <el-option label="请选择字典生成" value="" />
-        </el-select>
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-      </el-form-item>
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="100px">
+      <el-row>
+        <el-col :span="6">
+          <el-form-item label="打印机类型" prop="printerType">
+            <el-select v-model="queryParams.printerType" placeholder="请选择打印机类型" clearable>
+              <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="6">
+          <el-form-item label="打印机名称" prop="printerName">
+            <el-input
+              v-model="queryParams.printerName"
+              placeholder="请输入打印机名称"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="品牌" prop="brand">
+            <el-input
+              v-model="queryParams.brand"
+              placeholder="请输入品牌"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="品牌" prop="printerPlace">
+            <el-input
+              v-model="queryParams.printerPlace"
+              placeholder="请输入品牌"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="型号" prop="printerModel">
+            <el-input
+              v-model="queryParams.printerModel"
+              placeholder="请输入型号"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="连接类型" prop="connectionType">
+            <el-select v-model="queryParams.connectionType" placeholder="请选择连接类型" clearable>
+              <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="6">
+          <el-form-item label="图片URL" prop="printerUrl">
+            <el-input
+              v-model="queryParams.printerUrl"
+              placeholder="请输入图片URL"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="启用状态" prop="enableFlag">
+            <el-input
+              v-model="queryParams.enableFlag"
+              placeholder="请输入启用状态"
+              clearable
+              @keyup.enter.native="handleQuery"
+            />
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item label="打印机状态" prop="status">
+            <el-select v-model="queryParams.status" placeholder="请选择打印机状态" clearable>
+              <el-option
+                v-for="dict in dict.type.printer_status"
+                :key="dict.value"
+                :label="dict.label"
+                :value="dict.label"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="6">
+          <el-form-item>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
 
     <el-row :gutter="10" class="mb8">
@@ -222,6 +264,11 @@ import { listPrinterConfig, getPrinterConfig, delPrinterConfig, addPrinterConfig
 
 export default {
   name: "PrinterConfig",
+  dicts: [
+    "printer_type",
+    "printer_link_type",
+    "printer_status",
+  ],
   data() {
     return {
       // 遮罩层