init: UserBaseFront (frontend)

2026-08-10 14:41:13 +08:00
commit eea881b616
174 changed files with 32833 additions and 0 deletions
@@ -0,0 +1,75 @@
+<template>
+    <UserForm v-model="visible" :initForm="initFormData" :groupOptions="groupOptions" :isEdit="false"
+        :loading="submitting" @submit="handleSubmit" @cancel="visible = false" />
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import UserForm from "./UserForm.vue";
+
+/* ---------- 对外暴露：由父组件（group-user/index）调用 ---------- */
+const visible = ref(false);
+
+// 所在组下拉数据（拍平后的组织树）
+const groupOptions = ref<any[]>([]);
+
+// 新增模式：始终传空初始值；若带 defaultGroupId 则预填 groupId
+const initFormData = ref<Record<string, any>>({});
+
+// 成功后回调
+let onSuccessCallback: (() => void) | null = null;
+
+// useForm 托管提交：loading=submitting、sendForm 发请求、onSuccess/onError 处理结果
+const { form, loading: submitting, send: sendForm, onSuccess, onError } = useForm(
+    (dto) => Apis.SysUser.add({ data: dto }),
+    { initialForm: { account: '', realName: '', password: '', confirmPassword: '', idcard: '', phone: '', phone2: '', gender: 0, groupId: undefined, userType: [], role: undefined }, resetAfterSubmiting: true }
+);
+
+onSuccess(() => {
+    Message.success('新增用户成功！');
+    visible.value = false;
+    onSuccessCallback?.();
+});
+onError((event) => {
+    Message.error(event?.error?.message || '新增失败');
+});
+
+/* ---------- 打开弹窗 ---------- */
+function open(groups: any[], defaultGroupId?: number | null, onSuccess?: () => void) {
+    groupOptions.value = groups || [];
+    // 若已选中某个组织节点，新增弹窗自动带入该组；未选时不带入
+    initFormData.value = defaultGroupId != null ? { groupId: defaultGroupId } : {};
+    onSuccessCallback = onSuccess || null;
+    visible.value = true;
+}
+
+/* ---------- 提交：由 useForm 接管 loading 与异常处理 ---------- */
+async function handleSubmit(formData: Record<string, any>) {
+    form.value = buildPayload(formData);
+    await sendForm();
+}
+
+/**
+ * 把表单字段映射成 SysUserRequest：
+ * - 只提交后端 SysUserRequest 里声明的字段
+ * - "用户身份"(userType checkbox) + "角色属性"(role select) 合并为 roles[]（去重）
+ */
+function buildPayload(formData: Record<string, any>) {
+    const roleSet = new Set<number>();
+    (formData.userType || []).forEach((v: any) => roleSet.add(Number(v)));
+    if (formData.role != null && formData.role !== '') roleSet.add(Number(formData.role));
+
+    return {
+        account: formData.account,
+        password: formData.password,
+        confirmPassword: formData.confirmPassword,
+        realName: formData.realName,
+        idcard: formData.idcard || undefined,
+        phone: formData.phone,
+        groupId: formData.groupId,
+        roles: Array.from(roleSet),
+    };
+}
+
+defineExpose({ open, visible });
+</script>