@liujitcn/kratos-admin-system 0.0.31 → 0.0.32

package/dist/package/src/views/base/user/index.vue

@@ -69,21 +69,22 @@ import PasswordStrength from "@liujitcn/kratos-admin-core/components/PasswordStr
 import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
 import TreeFilter from "@liujitcn/kratos-admin-core/components/TreeFilter/index.vue";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
-import { defBaseUserService } from "@liujitcn/kratos-admin-system/api/system/base_user";
+import { defBaseUserService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_user";
 import type {
   BaseUser,
   BaseUserForm,
   PageBaseUserRequest,
   ResetBaseUserPasswordRequest
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_user";
-import { defBaseDeptService } from "@liujitcn/kratos-admin-system/api/system/base_dept";
-import { defBaseRoleService } from "@liujitcn/kratos-admin-system/api/system/base_role";
-import { defBasePostService } from "@liujitcn/kratos-admin-system/api/system/base_post";
-import { defBaseTenantService } from "@liujitcn/kratos-admin-system/api/system/base_tenant";
+import { BaseUserIDType } from "@liujitcn/kratos-admin-system/rpc/system/common/v1/common";
+import { defBaseDeptService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_dept";
+import { defBaseRoleService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_role";
+import { defBasePostService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_post";
+import { defBaseTenantService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/base_tenant";
 import type { SelectOptionResponse_Option, TreeOptionResponse_Option } from "@liujitcn/kratos-admin-system/rpc/common/v1/common";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
 import { buildPageRequest, normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
-import { PASSWORD_CRYPTO_SCENE, encryptPassword, validatePasswordStrengthValue } from "@liujitcn/kratos-admin-core/security";
+import { PASSWORD_CRYPTO_SCENE, encryptPassword } from "@liujitcn/kratos-admin-core/security";
 import { DEFAULT_TENANT_CODE, requestTenantOptions } from "@liujitcn/kratos-admin-core/tenant";
 import { useUserStore } from "@liujitcn/kratos-admin-core/stores/runtime";
 import { t } from "@liujitcn/kratos-admin-core";
@@ -159,6 +160,12 @@ const formData = reactive<BaseUserFormState>({
   post_id: undefined,
   /** 手机号 */
   phone: "",
+  /** 邮箱 */
+  email: "",
+  /** 证件类型 */
+  id_type: BaseUserIDType.BASE_USER_ID_TYPE_UNSPECIFIED,
+  /** 证件号 */
+  id_code: "",
   /** 密码 */
   pwd: "",
   /** 性别 */
@@ -180,7 +187,7 @@ const rules = computed(() => ({
   tenant_id: [
     {
       required: true,
-      message: t("common.validation.required_select", { field: t("system.base.user.field.tenant") }),
+      message: t("common.validation.required_select", { field: t("common.field.tenant") }),
       trigger: "change"
     }
   ],
@@ -223,28 +230,41 @@ const rules = computed(() => ({
   dept_id: [
     {
       required: true,
-      message: t("common.validation.required_select", { field: t("system.base.user.field.department") }),
+      message: t("common.validation.required_select", { field: t("common.field.department") }),
       trigger: "change"
     }
   ],
   role_id: [
     {
       required: true,
-      message: t("common.validation.required_select", { field: t("system.base.user.field.role") }),
+      message: t("common.validation.required_select", { field: t("common.field.role") }),
       trigger: "change"
     }
   ],
   phone: [
     { max: 20, message: t("common.validation.max_length", { field: t("common.field.phone"), max: 20 }), trigger: "blur" },
     {
-      pattern: /^1[3-9]\d{9}$/,
+      pattern: /^(?:1[3-9][0-9*]{9})?$/,
       message: t("common.validation.phone_invalid"),
       trigger: "blur"
     }
   ],
+  email: [
+    {
+      type: "email",
+      message: t("system.base.user.validation.email_invalid"),
+      trigger: "blur"
+    }
+  ],
+  id_code: [
+    {
+      pattern: /^[A-Za-z0-9][A-Za-z0-9-]{0,63}$/,
+      message: t("system.base.user.validation.id_code_invalid"),
+      trigger: "blur"
+    }
+  ],
   pwd: [
-    { required: true, message: t("core.password.required"), trigger: "blur" },
-    { validator: validatePasswordField, trigger: "blur" }
+    { required: false, trigger: "blur" }
   ],
   status: [
     {
@@ -263,8 +283,7 @@ const rules = computed(() => ({
 }));
 const resetPwdRules = computed(() => ({
   pwd: [
-    { required: true, message: t("system.base.user.placeholder.new_password"), trigger: "blur" },
-    { validator: validatePasswordField, trigger: "blur" }
+    { required: true, message: t("system.base.user.placeholder.new_password"), trigger: "blur" }
   ]
 }));
 
@@ -276,6 +295,18 @@ const statusOptions = computed<ProFormOption[]>(() => [
   { label: t("common.status.enabled"), value: Status.STATUS_ENABLE },
   { label: t("common.status.disabled"), value: Status.STATUS_DISABLE }
 ]);
+const idTypeOptions = computed<ProFormOption[]>(() => [
+  { label: t("system.base.user.id_type.unspecified"), value: BaseUserIDType.BASE_USER_ID_TYPE_UNSPECIFIED },
+  { label: t("system.base.user.id_type.id_card"), value: BaseUserIDType.BASE_USER_ID_TYPE_ID_CARD },
+  { label: t("system.base.user.id_type.passport"), value: BaseUserIDType.BASE_USER_ID_TYPE_PASSPORT },
+  { label: t("system.base.user.id_type.hk_macao_permit"), value: BaseUserIDType.BASE_USER_ID_TYPE_HK_MACAO_PERMIT },
+  { label: t("system.base.user.id_type.taiwan_permit"), value: BaseUserIDType.BASE_USER_ID_TYPE_TAIWAN_PERMIT },
+  {
+    label: t("system.base.user.id_type.foreign_permanent_residence"),
+    value: BaseUserIDType.BASE_USER_ID_TYPE_FOREIGN_PERMANENT_RESIDENCE
+  },
+  { label: t("system.base.user.id_type.other"), value: BaseUserIDType.BASE_USER_ID_TYPE_OTHER }
+]);
 const resetPwdFields = computed<ProFormField[]>(() => [
   {
     prop: "pwd",
@@ -307,10 +338,10 @@ const isSuperEditUser = computed(() => Boolean(formData.id && formData.user_name
 const formFields = computed<ProFormField[]>(() => [
   {
     prop: "tenant_id",
-    label: t("system.base.user.field.tenant"),
+    label: t("common.field.tenant"),
     component: "select",
     props: {
-      placeholder: t("system.base.user.placeholder.tenant"),
+      placeholder: t("common.placeholder.select"),
       filterable: true,
       disabled: Boolean(formData.id),
       onChange: handleFormTenantChange
@@ -338,18 +369,18 @@ const formFields = computed<ProFormField[]>(() => [
   },
   {
     prop: "role_id",
-    label: t("system.base.user.field.role"),
+    label: t("common.field.role"),
     component: "select",
     options: baseRoleOptions.value.map(item => ({ label: item.label, value: item.value, disabled: item.disabled })),
     props: { placeholder: t("common.placeholder.select"), disabled: isProtectedUserRole.value }
   },
   {
     prop: "dept_id",
-    label: t("system.base.user.field.department"),
+    label: t("common.field.department"),
     component: "tree-select",
     options: basedDeptOptions.value as unknown as ProFormOption[],
     props: {
-      placeholder: t("system.base.user.placeholder.department"),
+      placeholder: t("common.placeholder.select"),
       filterable: true,
       checkStrictly: true,
       renderAfterExpand: false,
@@ -358,10 +389,10 @@ const formFields = computed<ProFormField[]>(() => [
   },
   {
     prop: "post_id",
-    label: t("system.base.user.field.post"),
+    label: t("common.field.post"),
     component: "select",
     options: basePostOptions.value.map(item => ({ label: item.label, value: item.value, disabled: item.disabled })),
-    props: { placeholder: t("system.base.user.placeholder.post"), clearable: true, filterable: true }
+    props: { placeholder: t("common.placeholder.select"), clearable: true, filterable: true }
   },
   {
     prop: "phone",
@@ -369,11 +400,30 @@ const formFields = computed<ProFormField[]>(() => [
     component: "input",
     props: { placeholder: t("common.validation.phone_required") }
   },
+  {
+    prop: "email",
+    label: t("system.base.user.field.email"),
+    component: "input",
+    props: { placeholder: t("system.base.user.placeholder.email") }
+  },
+  {
+    prop: "id_type",
+    label: t("system.base.user.field.id_type"),
+    component: "select",
+    options: idTypeOptions.value,
+    props: { placeholder: t("common.placeholder.select") }
+  },
+  {
+    prop: "id_code",
+    label: t("system.base.user.field.id_code"),
+    component: "input",
+    props: { placeholder: t("system.base.user.placeholder.id_code") }
+  },
   {
     prop: "pwd",
     label: t("system.base.user.field.password"),
     component: "password",
-    props: { placeholder: t("system.base.user.placeholder.password"), showPassword: true },
+    props: { placeholder: t("system.base.user.placeholder.password_optional"), showPassword: true },
     visible: model => !model.id
   },
   {
@@ -406,7 +456,7 @@ const columns = computed<ColumnProps[]>(() => [
     ? ([
         {
           prop: "tenant_id",
-          label: t("system.base.user.field.tenant_short"),
+          label: t("common.field.tenant"),
           minWidth: 140,
           showOverflowTooltip: true,
           search: { el: "select", key: "tenant_id", props: { filterable: true }, order: 1 },
@@ -417,16 +467,19 @@ const columns = computed<ColumnProps[]>(() => [
   { prop: "user_name", label: t("system.base.user.field.user_name"), minWidth: 140, search: { el: "input" } },
   { prop: "user_code", label: t("system.base.user.field.user_code"), minWidth: 140, search: { el: "input" } },
   { prop: "nick_name", label: t("system.base.user.field.nick_name_short"), minWidth: 100, search: { el: "input" } },
-  { prop: "role_id", label: t("system.base.user.field.role"), minWidth: 140, enum: requestRoleOptions },
+  { prop: "role_id", label: t("common.field.role"), minWidth: 140, enum: requestRoleOptions },
   {
     prop: "dept_id",
-    label: t("system.base.user.field.department_short"),
+    label: t("common.field.department"),
     minWidth: 180,
     showOverflowTooltip: true,
     enum: requestDeptOptions
   },
-  { prop: "post_id", label: t("system.base.user.field.post_short"), minWidth: 120, enum: requestPostOptions },
+  { prop: "post_id", label: t("common.field.post"), minWidth: 120, enum: requestPostOptions },
   { prop: "phone", label: t("common.field.phone"), minWidth: 130, search: { el: "input" } },
+  { prop: "email", label: t("system.base.user.field.email"), minWidth: 180, search: { el: "input" } },
+  { prop: "id_type", label: t("system.base.user.field.id_type"), minWidth: 150, enum: idTypeOptions },
+  { prop: "id_code", label: t("system.base.user.field.id_code"), minWidth: 180, showOverflowTooltip: true },
   {
     prop: "gender",
     label: t("system.base.user.field.gender"),
@@ -687,6 +740,9 @@ function resetForm() {
   formData.dept_id = undefined;
   formData.post_id = undefined;
   formData.phone = "";
+  formData.email = "";
+  formData.id_type = BaseUserIDType.BASE_USER_ID_TYPE_UNSPECIFIED;
+  formData.id_code = "";
   formData.pwd = "";
   formData.gender = 3;
   formData.avatar = "";
@@ -746,7 +802,10 @@ const handleSubmit = useDebounceFn(() => {
     const submitData = JSON.parse(JSON.stringify(formData)) as BaseUserFormState;
     const baseUser = {
       ...submitData,
-      pwd: submitData.id ? undefined : await encryptPassword(submitData.pwd, PASSWORD_CRYPTO_SCENE.PASSWORD_CRYPTO_SCENE_CREATE_BASE_USER)
+      pwd:
+        submitData.id || !submitData.pwd
+          ? undefined
+          : await encryptPassword(submitData.pwd, PASSWORD_CRYPTO_SCENE.PASSWORD_CRYPTO_SCENE_CREATE_BASE_USER)
     } as BaseUserForm;
     const request = submitData.id
       ? defBaseUserService.UpdateBaseUser({ base_user: baseUser })
@@ -832,26 +891,6 @@ function handleDelete(selected?: number | string | Array<number | string> | Base
   );
 }
 
-/**
- * 校验密码强度，新增用户和重置密码统一要求达到最高强度。
- *
- * @param _rule 表单规则对象
- * @param value 当前密码值
- * @param callback 校验回调
- */
-function validatePasswordField(_rule: unknown, value: string, callback: (error?: Error) => void) {
-  if (!value) {
-    callback();
-    return;
-  }
-  const result = validatePasswordStrengthValue(value);
-  if (!result.valid) {
-    callback(new Error(t("core.password.error")));
-    return;
-  }
-  callback();
-}
-
 /**
  * 根据后端管理保护标记判断用户是否禁止通过用户管理操作。
  */

package/dist/package/src/views/message/inbox/index.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="table-box">
     <ProTable ref="proTable" row-key="id" :columns="columns" :header-actions="headerActions" :request-api="requestTable" />
-    <el-dialog v-model="detailVisible" :title="detail?.title" width="720px" destroy-on-close>
+    <ProDialog v-model="detailVisible" :title="detail?.title" width="720px" destroy-on-close :show-footer="false">
       <div v-if="detail" class="message-detail">
         <div class="message-meta">
           <span class="message-category" :style="{ color: detail.category_color || undefined }">
             <component :is="resolveNotificationIcon(detail.category_icon)" />
-            {{ detail.category_name }}
+            <span class="message-category__name">{{ detail.category_name }}</span>
           </span>
           <span>{{ detail.sender_name }}</span>
           <span>{{ detail.received_at }}</span>
@@ -26,21 +26,26 @@
           {{ t("common.action.view") }}
         </el-button>
       </div>
-    </el-dialog>
+    </ProDialog>
   </div>
 </template>
 
 <script setup lang="ts">
-import { computed, h, ref } from "vue";
+import { computed, h, onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
+import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
 import type { ColumnProps, HeaderActionProps, ProTableInstance } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import type { ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
 import RichTextPreview from "@liujitcn/kratos-admin-core/components/RichTextPreview/index.vue";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
 import { t } from "@liujitcn/kratos-admin-core";
-import { defNotificationService } from "@liujitcn/kratos-admin-system/api/base/notification";
-import type { Notification, PageNotificationRequest } from "@liujitcn/kratos-admin-system/rpc/base/v1/notification";
+import { defNotificationService } from "@liujitcn/kratos-admin-system/api/base/v1/notification";
+import type {
+  Notification,
+  NotificationCategory,
+  PageNotificationRequest
+} from "@liujitcn/kratos-admin-system/rpc/base/v1/notification";
 import {
   MessageActionType,
   MessageContentFormat,
@@ -53,6 +58,7 @@ const proTable = ref<ProTableInstance>();
 const router = useRouter();
 const detailVisible = ref(false);
 const detail = ref<Notification>();
+const categoryOptions = ref<NotificationCategory[]>([]);
 const actionRouteName = computed(() => {
   const viewKey = detail.value?.action_target;
   if (!viewKey) return "";
@@ -81,12 +87,19 @@ const viewOptions = computed<ProFormOption[]>(() => [
   { label: t("system.notification.view.archived"), value: NotificationView.NOTIFICATION_VIEW_ARCHIVED }
 ]);
 
+const categoryFilterOptions = computed<ProFormOption[]>(() =>
+  categoryOptions.value.map(item => ({ label: item.name, value: item.id }))
+);
+
+onMounted(() => void loadCategoryOptions());
+
 const columns = computed<ColumnProps[]>(() => [
   { prop: "title", label: t("system.base.message.field.title"), minWidth: 240 },
   {
     prop: "category_name",
     label: t("system.base.message.field.category"),
     minWidth: 150,
+    search: { el: "select", key: "category_id", enum: categoryFilterOptions },
     render: scope => {
       const row = scope.row as Notification;
       return h("span", { class: "message-category", style: { color: row.category_color || undefined } }, [
@@ -158,6 +171,12 @@ async function requestTable(params: Record<string, unknown>) {
   return { data: { list: data.notifications ?? [], total: data.total } };
 }
 
+/** 加载消息分类筛选项。 */
+async function loadCategoryOptions() {
+  const result = await defNotificationService.ListNotificationCategories({});
+  categoryOptions.value = result.categories ?? [];
+}
+
 /** 打开消息详情并标记已读。 */
 async function openDetail(row: Notification) {
   detail.value = await defNotificationService.GetNotification({ id: row.id });
@@ -203,12 +222,12 @@ async function restore(row: Notification) {
 
 /** 从个人收件箱删除消息。 */
 async function remove(row: Notification) {
-  await ElMessageBox.confirm(t("common.confirm.delete"), t("common.tips"), { type: "warning" });
+  await ElMessageBox.confirm(t("common.confirm.delete"), t("common.title.warning"), { type: "warning" });
   await defNotificationService.DeleteNotification({ id: row.id });
   proTable.value?.getTableList();
 }
 
-/** 解析收件箱分类图标，兼容历史数据中的未知图标名。 */
+/** 解析收件箱分类图标，未知图标使用默认图标。 */
 function resolveNotificationIcon(icon: string) {
   return notificationIcons[icon as keyof typeof notificationIcons] ?? CollectionTag;
 }
@@ -223,13 +242,21 @@ function resolveNotificationIcon(icon: string) {
   color: var(--el-text-color-secondary);
 }
 
-.message-category {
+:deep(.message-category) {
   display: inline-flex;
-  align-items: center;
   gap: 6px;
+  align-items: center;
+  line-height: 18px;
+}
+
+:deep(.message-category > svg) {
+  flex: 0 0 18px;
+  width: 18px;
+  height: 18px;
 }
 
-.message-category__name {
+:deep(.message-category__name) {
+  white-space: nowrap;
   color: var(--el-text-color-primary);
 }
 

package/dist/package/src/views/profile/components/base.vue

@@ -43,11 +43,23 @@
           <span class="detail-value">{{ profile.phone || t("system.profile.value.unbound") }}</span>
         </div>
         <div class="detail-item">
-          <span class="detail-label">{{ t("system.profile.account.field.role") }}</span>
+          <span class="detail-label">{{ t("system.profile.account.field.email") }}</span>
+          <span class="detail-value">{{ profile.email || t("system.profile.value.unbound") }}</span>
+        </div>
+        <div class="detail-item">
+          <span class="detail-label">{{ t("system.profile.account.field.id_type") }}</span>
+          <span class="detail-value">{{ idTypeText }}</span>
+        </div>
+        <div class="detail-item">
+          <span class="detail-label">{{ t("system.profile.account.field.id_code") }}</span>
+          <span class="detail-value">{{ profile.id_code || t("system.profile.value.unbound") }}</span>
+        </div>
+        <div class="detail-item">
+          <span class="detail-label">{{ t("common.field.role") }}</span>
           <span class="detail-value">{{ profile.role_name || "--" }}</span>
         </div>
         <div class="detail-item">
-          <span class="detail-label">{{ t("system.profile.account.field.dept") }}</span>
+          <span class="detail-label">{{ t("common.field.department") }}</span>
           <span class="detail-value">{{ profile.dept_name || "--" }}</span>
         </div>
         <div class="detail-item detail-item--wide">
@@ -63,7 +75,7 @@
       :width="520"
       @closed="handleDialogClosed"
     >
-      <ProForm ref="accountFormRef" :model="accountForm" :fields="accountFormFields" />
+      <ProForm ref="accountFormRef" :model="accountForm" :fields="accountFormFields" :rules="accountFormRules" />
       <template #footer>
         <div class="dialog-footer">
           <el-button @click="accountDialogVisible = false">{{ t("common.action.cancel") }}</el-button>
@@ -79,9 +91,10 @@
 <script setup lang="ts">
 import { computed, reactive, ref, watch } from "vue";
 import { t } from "@liujitcn/kratos-admin-core";
-import { defProfileAuthService } from "@liujitcn/kratos-admin-system/api/system/auth";
+import { defProfileAuthService } from "@liujitcn/kratos-admin-system/api/system/admin/v1/auth";
 import type { UserProfileForm } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/auth";
-import { defFileService } from "@liujitcn/kratos-admin-core/api/base/file";
+import { BaseUserIDType } from "@liujitcn/kratos-admin-system/rpc/system/common/v1/common";
+import { defFileService } from "@liujitcn/kratos-admin-core/api/base/v1/file";
 import defaultAvatar from "@liujitcn/kratos-admin-core/assets/images/avatar.png";
 import ProDialog from "@liujitcn/kratos-admin-core/components/Dialog/ProDialog.vue";
 import ProForm from "@liujitcn/kratos-admin-core/components/ProForm/index.vue";
@@ -104,9 +117,12 @@ const accountFormRef = ref<ProFormInstance>();
 const accountDialogVisible = ref(false);
 const submitLoading = ref(false);
 const avatarSrc = ref(defaultAvatar);
-const accountForm = reactive<Pick<UserProfileForm, "nick_name" | "gender">>({
+const accountForm = reactive<Pick<UserProfileForm, "nick_name" | "gender" | "email" | "id_type" | "id_code">>({
   nick_name: "",
-  gender: 3
+  gender: 3,
+  email: "",
+  id_type: BaseUserIDType.BASE_USER_ID_TYPE_UNSPECIFIED,
+  id_code: ""
 });
 
 const accountFormFields = computed<ProFormField[]>(() => [
@@ -121,9 +137,52 @@ const accountFormFields = computed<ProFormField[]>(() => [
     label: t("system.profile.account.field.gender"),
     component: "dict",
     props: { code: "base_user_gender" }
+  },
+  {
+    prop: "email",
+    label: t("system.profile.account.field.email"),
+    component: "input",
+    props: { placeholder: t("system.base.user.placeholder.email") }
+  },
+  {
+    prop: "id_type",
+    label: t("system.profile.account.field.id_type"),
+    component: "select",
+    options: idTypeOptions.value,
+    props: { placeholder: t("common.placeholder.select") }
+  },
+  {
+    prop: "id_code",
+    label: t("system.profile.account.field.id_code"),
+    component: "input",
+    props: { placeholder: t("system.base.user.placeholder.id_code") }
   }
 ]);
 
+const idTypeOptions = computed(() => [
+  { label: t("system.base.user.id_type.unspecified"), value: BaseUserIDType.BASE_USER_ID_TYPE_UNSPECIFIED },
+  { label: t("system.base.user.id_type.id_card"), value: BaseUserIDType.BASE_USER_ID_TYPE_ID_CARD },
+  { label: t("system.base.user.id_type.passport"), value: BaseUserIDType.BASE_USER_ID_TYPE_PASSPORT },
+  { label: t("system.base.user.id_type.hk_macao_permit"), value: BaseUserIDType.BASE_USER_ID_TYPE_HK_MACAO_PERMIT },
+  { label: t("system.base.user.id_type.taiwan_permit"), value: BaseUserIDType.BASE_USER_ID_TYPE_TAIWAN_PERMIT },
+  {
+    label: t("system.base.user.id_type.foreign_permanent_residence"),
+    value: BaseUserIDType.BASE_USER_ID_TYPE_FOREIGN_PERMANENT_RESIDENCE
+  },
+  { label: t("system.base.user.id_type.other"), value: BaseUserIDType.BASE_USER_ID_TYPE_OTHER }
+]);
+
+const accountFormRules = computed(() => ({
+  email: [{ type: "email", message: t("system.base.user.validation.email_invalid"), trigger: "blur" }],
+  id_code: [
+    {
+      pattern: /^[A-Za-z0-9][A-Za-z0-9-]{0,63}$/,
+      message: t("system.base.user.validation.id_code_invalid"),
+      trigger: "blur"
+    }
+  ]
+}));
+
 /** 根据资料中的性别值输出展示文案。 */
 const genderText = computed(() => {
   if (props.profile.gender === 1) return t("common.value.male");
@@ -131,6 +190,11 @@ const genderText = computed(() => {
   return t("system.profile.value.private");
 });
 
+/** 根据证件类型输出展示文案。 */
+const idTypeText = computed(() => {
+  return idTypeOptions.value.find(item => item.value === props.profile.id_type)?.label ?? t("system.profile.value.unbound");
+});
+
 /**
  * 同步个人中心头像展示，优先使用用户头像，为空时回退默认头像。
  *
@@ -146,6 +210,9 @@ watch(
   profile => {
     accountForm.nick_name = profile.nick_name;
     accountForm.gender = profile.gender;
+    accountForm.email = profile.email;
+    accountForm.id_type = profile.id_type;
+    accountForm.id_code = profile.id_code;
     syncAvatarSrc(profile.avatar);
   },
   { immediate: true, deep: true }
@@ -166,6 +233,9 @@ function triggerFileUpload() {
 function openAccountDialog() {
   accountForm.nick_name = props.profile.nick_name;
   accountForm.gender = props.profile.gender;
+  accountForm.email = props.profile.email;
+  accountForm.id_type = props.profile.id_type;
+  accountForm.id_code = props.profile.id_code;
   accountDialogVisible.value = true;
 }
 
@@ -202,7 +272,10 @@ async function handleSubmitAccount() {
       user_profile: {
         ...props.profile,
         nick_name: accountForm.nick_name,
-        gender: accountForm.gender
+        gender: accountForm.gender,
+        email: accountForm.email,
+        id_type: accountForm.id_type,
+        id_code: accountForm.id_code
       }
     });
     ElMessage.success(t("system.profile.account.message.updated"));
@@ -218,6 +291,9 @@ function handleDialogClosed() {
   accountFormRef.value?.clearValidate();
   accountForm.nick_name = props.profile.nick_name;
   accountForm.gender = props.profile.gender;
+  accountForm.email = props.profile.email;
+  accountForm.id_type = props.profile.id_type;
+  accountForm.id_code = props.profile.id_code;
 }
 </script>