feat(DeviceSn): 添加设备组件并更新本地接口地址

2026-07-30 17:13:38 +08:00
parent 1ff46bc33b
commit 742b32490f
22 changed files with 3767 additions and 2 deletions
--- a/src/views/devices/sn/config/edit.ts
+++ b/src/views/devices/sn/config/edit.ts
@@ -0,0 +1,128 @@
+import UserAPI from "@/api/system/user";
+import type { UserForm } from "@/api/system/user/types";
+import type { IModalConfig } from "@/components/DeviceSn/types";
+import { DeviceEnum } from "@/enums/settings";
+import { useAppStore } from "@/stores";
+import { deptArr, roleArr } from "./options";
+
+const modalConfig: IModalConfig<UserForm> = {
+  permPrefix: "sys:user",
+  component: "drawer",
+  drawer: {
+    title: "修改用户",
+    size: useAppStore().device === DeviceEnum.MOBILE ? "80%" : 500,
+  },
+  pk: "id",
+  beforeSubmit(data) {
+    console.warn("beforeSubmit", data);
+  },
+  formAction(data) {
+    return UserAPI.update(data.id as string, data);
+  },
+  formItems: [
+    {
+      label: "用户名",
+      prop: "username",
+      rules: [{ required: true, message: "用户名不能为空", trigger: "blur" }],
+      type: "input",
+      attrs: {
+        placeholder: "请输入用户名",
+        readonly: true,
+      },
+    },
+    {
+      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: deptArr, // setup，Vue会自动解包ref，不需要.value
+        filterable: true,
+        "check-strictly": true,
+        "render-after-expand": false,
+      },
+      // async initFn(formItem) {
+      //   // 注意:如果initFn函数不是箭头函数,this会指向此配置项对象,那么也就可以用this来替代形参formItem
+      //   formItem.attrs.data = await DeptAPI.getOptions();
+      // },
+    },
+    {
+      type: "custom",
+      label: "性别",
+      prop: "gender",
+      initialValue: 1,
+      attrs: { style: { width: "100%" } },
+    },
+    {
+      label: "角色",
+      prop: "roleIds",
+      rules: [{ required: true, message: "用户角色不能为空", trigger: "blur" }],
+      type: "select",
+      attrs: {
+        placeholder: "请选择",
+        multiple: true,
+      },
+      options: roleArr,
+      initialValue: [],
+      // async initFn(formItem) {
+      //   formItem.options = await RoleAPI.getOptions();
+      // },
+    },
+    {
+      type: "input",
+      label: "手机号码",
+      prop: "mobile",
+      rules: [
+        {
+          pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+          message: "请输入正确的手机号码",
+          trigger: "blur",
+        },
+      ],
+      attrs: {
+        placeholder: "请输入手机号码",
+        maxlength: 11,
+      },
+    },
+    {
+      label: "邮箱",
+      prop: "email",
+      rules: [
+        {
+          pattern: /\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/,
+          message: "请输入正确的邮箱地址",
+          trigger: "blur",
+        },
+      ],
+      type: "input",
+      attrs: {
+        placeholder: "请输入邮箱",
+        maxlength: 50,
+      },
+    },
+    {
+      label: "状态",
+      prop: "status",
+      type: "switch",
+      attrs: {
+        inlinePrompt: true,
+        activeText: "正常",
+        inactiveText: "禁用",
+        activeValue: 1,
+        inactiveValue: 0,
+      },
+    },
+  ],
+};
+
+export default reactive(modalConfig);