修改打印机页面，增加叫号管理页面、霸王餐、店铺优惠券

src/views/devices/config/edit.ts

@@ -1,117 +1,163 @@
-import UserAPI, { type UserForm } from "@/api/system/user";
-import type { IModalConfig } from "@/components/CURD/types";
-import { DeviceEnum } from "@/enums/DeviceEnum";
-import { useAppStore } from "@/store";
+import printerApi, { type editRequest } from "@/api/account/printer";
+import { options } from './config'
 
-const modalConfig: IModalConfig<UserForm> = {
+import type { IModalConfig } from "@/components/CURD/types";
+
+const modalConfig: IModalConfig<editRequest> = {
   pageName: "sys:user",
-  component: "drawer",
-  drawer: {
-    title: "修改用户",
-    size: useAppStore().device === DeviceEnum.MOBILE ? "80%" : 500,
+  dialog: {
+    title: "修改打印机",
+    width: 800,
+    draggable: true,
+  },
+  form: {
+    labelWidth: 100,
   },
-  pk: "id",
   formAction: function (data) {
-    return UserAPI.update(data.id as number, data);
+    return printerApi.edit(data);
   },
   beforeSubmit(data) {
     console.log("提交之前处理", data);
   },
   formItems: [
     {
-      label: "用户名",
-      prop: "username",
-      rules: [{ required: true, message: "用户名不能为空", trigger: "blur" }],
+      label: "设备名称",
+      prop: "name",
+      rules: [{ required: true, message: "设备名称不能为空", trigger: "blur" }],
       type: "input",
       attrs: {
-        placeholder: "请输入用户名",
-        readonly: true,
+        placeholder: "请输入设备名称",
+      },
+      col: {
+        xs: 24,
+        sm: 12,
       },
     },
     {
-      label: "用户昵称",
-      prop: "nickname",
-      rules: [{ required: true, message: "用户昵称不能为空", trigger: "blur" }],
-      type: "input",
-      attrs: {
-        placeholder: "请输入用户昵称",
-      },
-    },
-    {
-      label: "所属部门",
-      prop: "deptId",
-      rules: [{ required: true, message: "所属部门不能为空", trigger: "blur" }],
-      type: "tree-select",
-      attrs: {
-        placeholder: "请选择所属部门",
-        data: [],
-        filterable: true,
-        "check-strictly": true,
-        "render-after-expand": false,
-      },
-    },
-    {
-      type: "custom",
-      label: "性别",
-      prop: "gender",
-      initialValue: 1,
-    },
-    {
-      label: "角色",
-      prop: "roleIds",
-      rules: [{ required: true, message: "用户角色不能为空", trigger: "blur" }],
       type: "select",
+      label: "类型",
+      prop: "connectionType",
+      rules: [{ required: true, message: "请选择设备类型", trigger: "blur" }],
       attrs: {
-        placeholder: "请选择",
-        multiple: true,
-      },
-      options: [],
-      initialValue: [],
-    },
-    {
-      type: "input",
-      label: "手机号码",
-      prop: "mobile",
-      rules: [
-        {
-          pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-          message: "请输入正确的手机号码",
-          trigger: "blur",
+        placeholder: "请选择设备类型",
+        clearable: true,
+        style: {
+          width: "200px",
         },
-      ],
-      attrs: {
-        placeholder: "请输入手机号码",
-        maxlength: 11,
+      },
+      options: options.connectionType,
+      col: {
+        xs: 24,
+        sm: 12,
       },
     },
     {
-      label: "邮箱",
-      prop: "email",
-      rules: [
-        {
-          pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
-          message: "请输入正确的邮箱地址",
-          trigger: "blur",
-        },
-      ],
+      label: "ip地址",
+      prop: "address",
       type: "input",
       attrs: {
-        placeholder: "请输入邮箱",
-        maxlength: 50,
+        placeholder: "请输入ip地址",
+      },
+      col: {
+        xs: 24,
+        sm: 12,
       },
     },
     {
-      label: "状态",
+      label: "端口",
+      prop: "port",
+      type: "input",
+      attrs: {
+        placeholder: "请输入端口",
+      },
+      col: {
+        xs: 24,
+        sm: 12,
+      },
+    },
+    {
+      type: "select",
+      label: "打印类型",
+      prop: "subType",
+      rules: [{ required: false, message: "请选择打印类型", trigger: "blur" }],
+      attrs: {
+        placeholder: "请选择打印类型",
+        clearable: true,
+        style: {
+          width: "200px",
+        },
+      },
+      options: options.subType,
+      col: {
+        xs: 24,
+        sm: 12,
+      },
+    },
+    {
+      type: "select",
+      label: "打印机品牌",
+      prop: "contentType",
+      rules: [{ required: true, message: "请选择打印机品牌", trigger: "blur" }],
+      attrs: {
+        placeholder: "请选择打印机品牌",
+        clearable: true,
+        style: {
+          width: "200px",
+        },
+      },
+      options: options.contentType,
+      col: {
+        xs: 24,
+        sm: 12,
+      },
+    },
+    {
+      type: "radio-button",
+      label: "小票尺寸",
+      prop: "receiptSize",
+      options: options.receiptSize,
+      initialValue: options.receiptSize[0].value
+    },
+    {
+      type: "radio-button",
+      label: "分类打印",
+      prop: "classifyPrint",
+      options: options.classifyPrint,
+      initialValue: options.classifyPrint[0].value
+    },
+    {
+      type: "radio",
+      label: "打印数量",
+      prop: "printQty",
+      options: options.printQty,
+      initialValue: options.printQty[0].value
+    },
+    {
+      type: "radio",
+      label: "打印方式",
+      prop: "printMethod",
+      options: options.printMethod,
+      initialValue: options.printMethod[0].value
+    },
+    {
+      type: "checkbox",
+      label: "打印类型",
+      prop: "printType",
+      options: options.printType,
+      initialValue: options.printType.map(v => v.value)
+    },
+    {
+      label: "打印机状态",
       prop: "status",
       type: "switch",
+      initialValue: 1,
       attrs: {
-        activeText: "正常",
-        inactiveText: "禁用",
         activeValue: 1,
         inactiveValue: 0,
-      },
+      }
     },
   ],
 };
 
+// 如果有异步数据会修改配置的，推荐用reactive包裹，而纯静态配置的可以直接导出
 export default reactive(modalConfig);