@liujitcn/kratos-admin-system 0.0.20 → 0.0.23

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

@@ -16,12 +16,11 @@
     <FormDialog
       v-model="dialog.visible"
       ref="formDialogRef"
-      :title="dialog.title"
+      :title="t(dialog.titleKey, { resource: t('system.base.dept.resource') })"
       width="600px"
       :model="formData"
       :fields="formFields"
       :rules="rules"
-      label-width="90px"
       @confirm="handleSubmit"
       @close="handleCloseDialog"
     />
@@ -45,6 +44,7 @@ import type { SelectOptionResponse_Option, TreeOptionResponse_Option } from "@li
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
 import { normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
 import { DEFAULT_TENANT_CODE, requestTenantOptions } from "@liujitcn/kratos-admin-core/tenant";
+import { t } from "@liujitcn/kratos-admin-core";
 
 defineOptions({
   name: "BaseDept",
@@ -63,17 +63,17 @@ const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
 
 const dialog = reactive({
-  title: "",
+  titleKey: "common.action.create_resource",
   visible: false
 });
 
 const deptOptions = ref<TreeOptionResponse_Option[]>([]);
 const tenantOptions = ref<SelectOptionResponse_Option[]>([]);
 const currentTenantId = ref<number | undefined>();
-const statusOptions: ProFormOption[] = [
-  { label: "启用", value: Status.ENABLE },
-  { label: "禁用", value: Status.DISABLE }
-];
+const statusOptions = computed<ProFormOption[]>(() => [
+  { label: t("common.status.enabled"), value: Status.ENABLE },
+  { label: t("common.status.disabled"), value: Status.DISABLE }
+]);
 
 const formData = reactive<BaseDeptFormState>({
   /** 部门ID */
@@ -92,16 +92,42 @@ const formData = reactive<BaseDeptFormState>({
   remark: ""
 });
 
-const rules = reactive({
-  tenant_id: [{ required: true, message: "所属租户不能为空", trigger: "change" }],
-  parent_id: [{ required: true, message: "上级部门不能为空", trigger: "change" }],
+const rules = computed(() => ({
+  tenant_id: [
+    {
+      required: true,
+      message: t("common.validation.required_select", { field: t("common.field.tenant") }),
+      trigger: "change"
+    }
+  ],
+  parent_id: [
+    {
+      required: true,
+      message: t("common.validation.required_select", { field: t("system.base.dept.field.parent") }),
+      trigger: "change"
+    }
+  ],
   name: [
-    { required: true, message: "部门名称不能为空", trigger: "blur" },
-    { max: 255, message: "部门名称不能超过 255 个字符", trigger: "blur" }
+    {
+      required: true,
+      message: t("common.validation.required_input", { field: t("system.base.dept.field.name") }),
+      trigger: "blur"
+    },
+    {
+      max: 255,
+      message: t("common.validation.max_length", { field: t("system.base.dept.field.name"), max: 255 }),
+      trigger: "blur"
+    }
   ],
-  sort: [{ required: true, type: "number", min: 1, message: "排序必须大于 0", trigger: "blur" }],
-  status: [{ required: true, message: "状态不能为空", trigger: "change" }]
-});
+  sort: [{ required: true, type: "number", min: 1, message: t("common.validation.sort_positive"), trigger: "blur" }],
+  status: [
+    {
+      required: true,
+      message: t("common.validation.required_select", { field: t("common.field.status") }),
+      trigger: "change"
+    }
+  ]
+}));
 
 /** 当前登录账号是否默认租户。 */
 const isDefaultTenant = computed(() => userStore.userInfo.tenant_code === DEFAULT_TENANT_CODE);
@@ -110,10 +136,10 @@ const isDefaultTenant = computed(() => userStore.userInfo.tenant_code === DEFAUL
 const formFields = computed<ProFormField[]>(() => [
   {
     prop: "tenant_id",
-    label: "所属租户",
+    label: t("common.field.tenant"),
     component: "select",
     props: {
-      placeholder: "请选择所属租户",
+      placeholder: t("common.validation.required_select", { field: t("common.field.tenant") }),
       filterable: true,
       disabled: Boolean(formData.id),
       onChange: handleFormTenantChange
@@ -123,26 +149,36 @@ const formFields = computed<ProFormField[]>(() => [
   },
   {
     prop: "parent_id",
-    label: "上级部门",
+    label: t("system.base.dept.field.parent"),
     component: "tree-select",
     options: deptOptions.value,
     props: {
-      placeholder: "选择上级部门",
+      placeholder: t("common.validation.required_select", { field: t("system.base.dept.field.parent") }),
       filterable: true,
       checkStrictly: true,
       renderAfterExpand: false,
       style: { width: "100%" }
     }
   },
-  { prop: "name", label: "部门名称", component: "input", props: { placeholder: "请输入部门名称" } },
+  {
+    prop: "name",
+    label: t("system.base.dept.field.name"),
+    component: "input",
+    props: { placeholder: t("common.validation.required_input", { field: t("system.base.dept.field.name") }) }
+  },
   {
     prop: "sort",
-    label: "排序",
+    label: t("common.field.sort"),
     component: "input-number",
     props: { min: 1, precision: 0, step: 1, controlsPosition: "right", style: { width: "100%" } }
   },
-  { prop: "remark", label: "备注", component: "textarea", props: { placeholder: "请输入备注" } },
-  { prop: "status", label: "状态", component: "radio-group", options: statusOptions }
+  {
+    prop: "remark",
+    label: t("common.field.remark"),
+    component: "textarea",
+    props: { placeholder: t("common.placeholder.remark") }
+  },
+  { prop: "status", label: t("common.field.status"), component: "radio-group", options: statusOptions.value }
 ]);
 
 /** 部门树表格列配置。 */
@@ -152,7 +188,7 @@ const columns = computed<ColumnProps[]>(() => [
     ? ([
         {
           prop: "tenant_id",
-          label: "租户",
+          label: t("common.field.tenant"),
           minWidth: 140,
           showOverflowTooltip: true,
           search: { el: "select", key: "tenant_id", props: { filterable: true }, order: 1 },
@@ -160,35 +196,35 @@ const columns = computed<ColumnProps[]>(() => [
         }
       ] satisfies ColumnProps[])
     : []),
-  { prop: "name", label: "部门名称", minWidth: 140, align: "left", search: { el: "input" } },
-  { prop: "remark", label: "备注", minWidth: 160, search: { el: "input" } },
-  { prop: "sort", label: "排序", minWidth: 90, align: "right" },
+  { prop: "name", label: t("system.base.dept.field.name"), minWidth: 140, align: "left", search: { el: "input" } },
+  { prop: "remark", label: t("common.field.remark"), minWidth: 160, search: { el: "input" } },
+  { prop: "sort", label: t("common.field.sort"), minWidth: 90, align: "right" },
   {
     prop: "status",
-    label: "状态",
+    label: t("common.field.status"),
     minWidth: 100,
     search: { el: "select" },
     cellType: "status",
     statusProps: {
       activeValue: Status.ENABLE,
       inactiveValue: Status.DISABLE,
-      activeText: "启用",
-      inactiveText: "禁用",
+      activeText: t("common.status.enabled"),
+      inactiveText: t("common.status.disabled"),
       disabled: () => !BUTTONS.value["base:dept:status"],
       beforeChange: scope => handleBeforeSetStatus(scope.row as BaseDept)
     }
   },
-  { prop: "created_at", label: "创建时间", minWidth: 180 },
-  { prop: "updated_at", label: "更新时间", minWidth: 180 },
+  { prop: "created_at", label: t("common.field.created_at"), minWidth: 180 },
+  { prop: "updated_at", label: t("common.field.updated_at"), minWidth: 180 },
   {
     prop: "operation",
-    label: "操作",
+    label: t("common.field.operation"),
     width: 220,
     fixed: "right",
     cellType: "actions",
     actions: [
       {
-        label: "新增",
+        label: t("common.action.create"),
         type: "primary",
         link: true,
         icon: CirclePlus,
@@ -198,7 +234,7 @@ const columns = computed<ColumnProps[]>(() => [
           handleOpenDialog((params?.parent_id as number | undefined) ?? 0, undefined, params?.tenantId as number | undefined)
       },
       {
-        label: "编辑",
+        label: t("common.action.edit"),
         type: "primary",
         link: true,
         icon: EditPen,
@@ -210,7 +246,7 @@ const columns = computed<ColumnProps[]>(() => [
         onClick: (_, params) => handleOpenDialog(params?.parent_id as number | undefined, params?.deptId as number | undefined)
       },
       {
-        label: "删除",
+        label: t("common.action.delete"),
         type: "danger",
         link: true,
         icon: Delete,
@@ -222,23 +258,23 @@ const columns = computed<ColumnProps[]>(() => [
 ]);
 
 /** 部门顶部按钮配置。 */
-const headerActions: HeaderActionProps[] = [
+const headerActions = computed<HeaderActionProps[]>(() => [
   {
-    label: "新增",
+    label: t("common.action.create"),
     type: "success",
     icon: CirclePlus,
     hidden: () => !BUTTONS.value["base:dept:create"],
     onClick: () => handleOpenDialog(0)
   },
   {
-    label: "删除",
+    label: t("common.action.delete"),
     type: "danger",
     icon: Delete,
     hidden: () => !BUTTONS.value["base:dept:delete"],
     disabled: scope => !scope.selectedList.length,
     onClick: scope => handleDelete(scope.selectedList as BaseDept[])
   }
-];
+]);
 
 /**
  * 按搜索条件递归过滤部门树，命中父节点或子节点时保留当前节点。
@@ -295,7 +331,7 @@ function refreshTable() {
 async function loadDeptOptions() {
   // 默认租户未选择目标租户时仅保留顶级部门，避免混入其他租户的部门树。
   if (isDefaultTenant.value && !formData.tenant_id) {
-    deptOptions.value = [{ value: 0, label: "顶级部门", disabled: false, has_children: true, children: [] }];
+    deptOptions.value = [{ value: 0, label: t("system.base.dept.value.root"), disabled: false, has_children: true, children: [] }];
     return;
   }
   const optionBaseDeptResponse = await defBaseDeptService.OptionBaseDept({
@@ -304,7 +340,7 @@ async function loadDeptOptions() {
   deptOptions.value = [
     {
       value: 0,
-      label: "顶级部门",
+      label: t("system.base.dept.value.root"),
       disabled: false,
       has_children: true,
       children: optionBaseDeptResponse.list
@@ -336,7 +372,7 @@ async function handleOpenDialog(parent_id?: number, deptId?: number, tenantId?:
   resetForm();
   await loadTenantOptions();
   if (deptId) {
-    dialog.title = "修改部门";
+    dialog.titleKey = "common.action.edit_resource";
     dialog.visible = true;
     defBaseDeptService.GetBaseDept({ id: deptId }).then(async data => {
       Object.assign(formData, data);
@@ -348,7 +384,7 @@ async function handleOpenDialog(parent_id?: number, deptId?: number, tenantId?:
   // 从部门行新增子部门时，继承父部门租户并加载同租户上级部门树。
   formData.tenant_id = tenantId;
   await loadDeptOptions();
-  dialog.title = "新增部门";
+  dialog.titleKey = "common.action.create_resource";
   dialog.visible = true;
   formData.parent_id = parent_id ?? 0;
 }
@@ -389,7 +425,11 @@ function handleSubmit() {
       ? defBaseDeptService.UpdateBaseDept({ base_dept: submitData })
       : defBaseDeptService.CreateBaseDept({ base_dept: submitData });
     request.then(() => {
-      ElMessage.success(submitData.id ? "修改部门成功" : "新增部门成功");
+      ElMessage.success(
+        t(submitData.id ? "common.message.update_success" : "common.message.create_success", {
+          resource: t("system.base.dept.resource")
+        })
+      );
       handleCloseDialog();
       refreshTable();
     });
@@ -401,16 +441,25 @@ function handleSubmit() {
  */
 async function handleBeforeSetStatus(row: BaseDept) {
   const nextStatus = row.status === Status.ENABLE ? Status.DISABLE : Status.ENABLE;
-  const text = nextStatus === Status.ENABLE ? "启用" : "禁用";
+  const text = t(nextStatus === Status.ENABLE ? "common.status.enabled" : "common.status.disabled");
   const deptName = row.name || `ID:${row.id}`;
   try {
-    await ElMessageBox.confirm(`是否确定${text}部门？\n部门名称：${deptName}`, "提示", {
-      confirmButtonText: "确认",
-      cancelButtonText: "取消",
-      type: "warning"
-    });
+    await ElMessageBox.confirm(
+      t("common.dialog.status_change", {
+        action: text,
+        resource: t("system.base.dept.resource"),
+        field: t("system.base.dept.field.name"),
+        value: deptName
+      }),
+      t("common.title.notice"),
+      {
+        confirmButtonText: t("common.action.confirm"),
+        cancelButtonText: t("common.action.cancel"),
+        type: "warning"
+      }
+    );
     await defBaseDeptService.SetBaseDeptStatus({ id: row.id, status: nextStatus });
-    ElMessage.success(`${text}成功`);
+    ElMessage.success(t("common.message.status_success", { action: text }));
     refreshTable();
     return true;
   } catch {
@@ -431,31 +480,30 @@ function handleDelete(selected?: number | string | Array<number | string> | Base
     deptList.length ? deptList.map(item => item.id) : normalizeSelectedIds(selected as number | string | Array<number | string>)
   ).join(",");
   if (!deptIds) {
-    ElMessage.warning("请勾选删除项");
+    ElMessage.warning(t("common.message.select_delete_item"));
     return;
   }
 
   const confirmMessage = deptList.length
     ? deptList.length === 1
-      ? `是否确定删除部门？\n部门名称：${deptList[0].name || `ID:${deptList[0].id}`}`
-      : `确认删除已选中的 ${deptList.length} 个部门吗？`
-    : "确认删除已选中的部门吗？";
+      ? `${t("common.dialog.delete_single", { resource: t("system.base.dept.resource") })}\n${t("common.dialog.resource_field", { field: t("system.base.dept.field.name"), value: deptList[0].name || `ID:${deptList[0].id}` })}`
+      : t("common.dialog.delete_batch", { count: deptList.length, unit: "", resource: t("system.base.dept.resource") })
+    : t("common.dialog.delete_selected", { resource: t("system.base.dept.resource") });
 
-  ElMessageBox.confirm(confirmMessage, "警告", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
+  ElMessageBox.confirm(confirmMessage, t("common.title.warning"), {
+    confirmButtonText: t("common.action.confirm"),
+    cancelButtonText: t("common.action.cancel"),
     type: "warning"
   }).then(
     () => {
       defBaseDeptService.DeleteBaseDept({ id: deptIds }).then(() => {
-        ElMessage.success("删除部门成功");
+        ElMessage.success(t("common.message.delete_success", { resource: t("system.base.dept.resource") }));
         refreshTable();
       });
     },
     () => {
-      ElMessage.info("已取消删除部门");
+      ElMessage.info(t("common.dialog.cancel_delete", { resource: t("system.base.dept.resource") }));
     }
   );
 }
-
 </script>