@liujitcn/kratos-admin-system 0.0.19 → 0.0.21

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

@@ -3,28 +3,34 @@
   <div class="table-box">
     <ProTable ref="proTable" row-key="id" :columns="columns" :request-api="requestBaseApiTable" />
 
-    <el-drawer v-model="detailDrawer.visible" title="API 详情" size="70%" @close="handleCloseDetail">
+    <el-drawer v-model="detailDrawer.visible" :title="t('system.api.title.detail')" size="70%" @close="handleCloseDetail">
       <el-descriptions v-if="detailData" :column="1" border>
-        <el-descriptions-item label="工具名">{{ detailData.tool_name }}</el-descriptions-item>
-        <el-descriptions-item label="工具提示词">
+        <el-descriptions-item :label="t('system.api.field.toolName')">{{ detailData.tool_name }}</el-descriptions-item>
+        <el-descriptions-item :label="t('system.api.field.toolPrompts')">
           <div class="tool-prompts">
             <el-tag v-for="prompt in detailToolPrompts" :key="prompt" effect="plain">{{ prompt }}</el-tag>
             <span v-if="!detailToolPrompts.length">--</span>
           </div>
         </el-descriptions-item>
-        <el-descriptions-item label="服务名">{{ detailData.service_name }}</el-descriptions-item>
-        <el-descriptions-item label="服务描述">{{ detailData.service_desc }}</el-descriptions-item>
-        <el-descriptions-item label="描述">{{ detailData.desc }}</el-descriptions-item>
-        <el-descriptions-item label="操作方法">{{ detailData.operation }}</el-descriptions-item>
-        <el-descriptions-item label="请求方法">{{ detailData.method }}</el-descriptions-item>
-        <el-descriptions-item label="请求地址">{{ detailData.path }}</el-descriptions-item>
-        <el-descriptions-item label="MCP工具">{{ formatStatus(detailData.mcp_status) }}</el-descriptions-item>
-        <el-descriptions-item label="Agent工具">{{ formatStatus(detailData.agent_status) }}</el-descriptions-item>
+        <el-descriptions-item :label="t('system.api.field.serviceName')">{{ detailData.service_name }}</el-descriptions-item>
+        <el-descriptions-item :label="t('system.api.field.serviceDescription')">{{
+          detailData.service_desc
+        }}</el-descriptions-item>
+        <el-descriptions-item :label="t('system.api.field.description')">{{ detailData.desc }}</el-descriptions-item>
+        <el-descriptions-item :label="t('system.api.field.operation')">{{ detailData.operation }}</el-descriptions-item>
+        <el-descriptions-item :label="t('system.api.field.method')">{{ detailData.method }}</el-descriptions-item>
+        <el-descriptions-item :label="t('system.api.field.path')">{{ detailData.path }}</el-descriptions-item>
+        <el-descriptions-item :label="t('system.api.field.mcpTool')">{{
+          formatStatus(detailData.mcp_status)
+        }}</el-descriptions-item>
+        <el-descriptions-item :label="t('system.api.field.agentTool')">{{
+          formatStatus(detailData.agent_status)
+        }}</el-descriptions-item>
       </el-descriptions>
 
       <div v-if="detailDoc" class="api-doc">
         <section class="api-doc-section">
-          <div class="api-doc-title">请求参数</div>
+          <div class="api-doc-title">{{ t("system.api.section.parameters") }}</div>
           <el-table
             v-if="detailParameters.length > 0"
             :data="detailParameters"
@@ -32,21 +38,26 @@
             default-expand-all
             :tree-props="{ children: 'children' }"
           >
-            <el-table-column prop="path" label="字段" min-width="220" />
-            <el-table-column prop="in" label="位置" width="90" />
-            <el-table-column label="类型" min-width="180">
+            <el-table-column prop="path" :label="t('system.api.doc.field.name')" min-width="220" />
+            <el-table-column prop="in" :label="t('system.api.doc.field.location')" width="90" />
+            <el-table-column :label="t('system.api.doc.field.type')" min-width="180">
               <template #default="{ row }">{{ formatSchemaType(row) }}</template>
             </el-table-column>
-            <el-table-column label="必填" width="80" align="center">
-              <template #default="{ row }">{{ row.required ? "是" : "否" }}</template>
+            <el-table-column :label="t('system.api.doc.field.required')" width="80" align="center">
+              <template #default="{ row }">{{ t(row.required ? "system.common.value.yes" : "system.common.value.no") }}</template>
             </el-table-column>
-            <el-table-column prop="description" label="说明" min-width="240" show-overflow-tooltip />
+            <el-table-column
+              prop="description"
+              :label="t('system.api.doc.field.description')"
+              min-width="240"
+              show-overflow-tooltip
+            />
           </el-table>
-          <el-empty v-else description="无请求参数" :image-size="72" />
+          <el-empty v-else :description="t('system.api.message.noParameters')" :image-size="72" />
         </section>
 
         <section class="api-doc-section">
-          <div class="api-doc-title">请求体</div>
+          <div class="api-doc-title">{{ t("system.api.section.requestBody") }}</div>
           <el-table
             v-if="requestBodyRows.length > 0"
             :data="requestBodyRows"
@@ -54,20 +65,25 @@
             default-expand-all
             :tree-props="{ children: 'children' }"
           >
-            <el-table-column prop="path" label="字段" min-width="220" />
-            <el-table-column label="类型" min-width="180">
+            <el-table-column prop="path" :label="t('system.api.doc.field.name')" min-width="220" />
+            <el-table-column :label="t('system.api.doc.field.type')" min-width="180">
               <template #default="{ row }">{{ formatSchemaType(row) }}</template>
             </el-table-column>
-            <el-table-column label="必填" width="80" align="center">
-              <template #default="{ row }">{{ row.required ? "是" : "否" }}</template>
+            <el-table-column :label="t('system.api.doc.field.required')" width="80" align="center">
+              <template #default="{ row }">{{ t(row.required ? "system.common.value.yes" : "system.common.value.no") }}</template>
             </el-table-column>
-            <el-table-column prop="description" label="说明" min-width="240" show-overflow-tooltip />
+            <el-table-column
+              prop="description"
+              :label="t('system.api.doc.field.description')"
+              min-width="240"
+              show-overflow-tooltip
+            />
           </el-table>
-          <el-empty v-else description="无请求体" :image-size="72" />
+          <el-empty v-else :description="t('system.api.message.noRequestBody')" :image-size="72" />
         </section>
 
         <section class="api-doc-section">
-          <div class="api-doc-title">返回值</div>
+          <div class="api-doc-title">{{ t("system.api.section.responses") }}</div>
           <el-collapse v-if="detailResponses.length > 0">
             <el-collapse-item v-for="response in detailResponses" :key="response.status" :name="response.status">
               <template #title>
@@ -80,16 +96,21 @@
                 default-expand-all
                 :tree-props="{ children: 'children' }"
               >
-                <el-table-column prop="path" label="字段" min-width="220" />
-                <el-table-column label="类型" min-width="180">
+                <el-table-column prop="path" :label="t('system.api.doc.field.name')" min-width="220" />
+                <el-table-column :label="t('system.api.doc.field.type')" min-width="180">
                   <template #default="{ row }">{{ formatSchemaType(row) }}</template>
                 </el-table-column>
-                <el-table-column prop="description" label="说明" min-width="240" show-overflow-tooltip />
+                <el-table-column
+                  prop="description"
+                  :label="t('system.api.doc.field.description')"
+                  min-width="240"
+                  show-overflow-tooltip
+                />
               </el-table>
-              <el-empty v-else description="无响应体" :image-size="72" />
+              <el-empty v-else :description="t('system.api.message.noResponseBody')" :image-size="72" />
             </el-collapse-item>
           </el-collapse>
-          <el-empty v-else description="无返回值" :image-size="72" />
+          <el-empty v-else :description="t('system.api.message.noResponses')" :image-size="72" />
         </section>
       </div>
     </el-drawer>
@@ -97,7 +118,7 @@
     <FormDialog
       v-model="editDialog.visible"
       ref="editDialogRef"
-      title="编辑API"
+      :title="t('system.api.title.edit')"
       width="760px"
       :model="editForm"
       :fields="editFields"
@@ -119,8 +140,15 @@ import type { ProFormField } from "@liujitcn/kratos-admin-core/components/ProFor
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
 import { defBaseApiService } from "@liujitcn/kratos-admin-system/api/system/base_api";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
-import type { BaseApi, BaseApiDoc, BaseApiDocResponse, BaseApiDocSchema, PageBaseApiRequest } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_api";
+import type {
+  BaseApi,
+  BaseApiDoc,
+  BaseApiDocResponse,
+  BaseApiDocSchema,
+  PageBaseApiRequest
+} from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_api";
 import { buildPageRequest } from "@liujitcn/kratos-admin-core/table";
+import { t } from "@liujitcn/kratos-admin-core";
 
 defineOptions({
   name: "BaseApi",
@@ -157,95 +185,105 @@ const detailResponses = computed(() => detailDoc.value?.responses ?? []);
 const detailToolPrompts = computed(() => detailData.value?.tool_prompts ?? []);
 
 /** API 编辑表单字段配置。 */
-const editFields: ProFormField[] = [
+const editFields = computed<ProFormField[]>(() => [
   {
     prop: "tool_name",
-    label: "工具名",
+    label: t("system.api.field.toolName"),
     component: "input",
     props: { disabled: true }
   },
   {
     prop: "tool_prompts",
-    label: "工具提示词",
+    label: t("system.api.field.toolPrompts"),
     component: "dynamic-list",
-    props: { inputProps: { placeholder: "请输入工具提示词" } }
+    props: { inputProps: { placeholder: t("system.api.placeholder.toolPrompt") } }
   },
   {
     prop: "mcp_status",
-    label: "MCP工具状态",
+    label: t("system.api.field.mcpStatus"),
     component: "switch",
-    props: { activeValue: Status.ENABLE, inactiveValue: Status.DISABLE, activeText: "启用", inactiveText: "禁用" }
+    props: {
+      activeValue: Status.ENABLE,
+      inactiveValue: Status.DISABLE,
+      activeText: t("common.status.enabled"),
+      inactiveText: t("common.status.disabled")
+    }
   },
   {
     prop: "agent_status",
-    label: "Agent工具状态",
+    label: t("system.api.field.agentStatus"),
     component: "switch",
-    props: { activeValue: Status.ENABLE, inactiveValue: Status.DISABLE, activeText: "启用", inactiveText: "禁用" }
+    props: {
+      activeValue: Status.ENABLE,
+      inactiveValue: Status.DISABLE,
+      activeText: t("common.status.enabled"),
+      inactiveText: t("common.status.disabled")
+    }
   }
-];
+]);
 
-const statusOptions = [
-  { label: "启用", value: Status.ENABLE },
-  { label: "禁用", value: Status.DISABLE }
-];
+const statusOptions = computed(() => [
+  { label: t("common.status.enabled"), value: Status.ENABLE },
+  { label: t("common.status.disabled"), value: Status.DISABLE }
+]);
 
 /** API 表格列配置。 */
-const columns: ColumnProps[] = [
-  { prop: "tool_name", label: "工具名", minWidth: 260, search: { el: "input" } },
+const columns = computed<ColumnProps[]>(() => [
+  { prop: "tool_name", label: t("system.api.field.toolName"), minWidth: 260, search: { el: "input" } },
   {
     prop: "tool_prompts",
-    label: "工具提示词",
+    label: t("system.api.field.toolPrompts"),
     minWidth: 240,
     search: { el: "input", key: "tool_prompt" },
     render: scope => formatToolPrompts((scope.row as BaseApi).tool_prompts)
   },
-  { prop: "service_name", label: "服务名", minWidth: 180, search: { el: "input" } },
-  { prop: "service_desc", label: "服务描述", minWidth: 180, search: { el: "input" } },
-  { prop: "desc", label: "描述", minWidth: 180, search: { el: "input" } },
-  { prop: "operation", label: "操作方法", minWidth: 260, search: { el: "input" } },
-  { prop: "method", label: "请求方法", width: 110, search: { el: "input" } },
-  { prop: "path", label: "请求地址", minWidth: 260, search: { el: "input" } },
+  { prop: "service_name", label: t("system.api.field.serviceName"), minWidth: 180, search: { el: "input" } },
+  { prop: "service_desc", label: t("system.api.field.serviceDescription"), minWidth: 180, search: { el: "input" } },
+  { prop: "desc", label: t("system.api.field.description"), minWidth: 180, search: { el: "input" } },
+  { prop: "operation", label: t("system.api.field.operation"), minWidth: 260, search: { el: "input" } },
+  { prop: "method", label: t("system.api.field.method"), width: 110, search: { el: "input" } },
+  { prop: "path", label: t("system.api.field.path"), minWidth: 260, search: { el: "input" } },
   {
     prop: "mcp_status",
-    label: "MCP工具状态",
+    label: t("system.api.field.mcpStatus"),
     width: 120,
-    enum: statusOptions,
+    enum: statusOptions.value,
     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:api:mcp-status"],
       beforeChange: scope => handleBeforeSetMcpStatus(scope.row as BaseApi)
     }
   },
   {
     prop: "agent_status",
-    label: "Agent工具状态",
+    label: t("system.api.field.agentStatus"),
     width: 130,
-    enum: statusOptions,
+    enum: statusOptions.value,
     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:api:agent-status"],
       beforeChange: scope => handleBeforeSetAgentStatus(scope.row as BaseApi)
     }
   },
   {
     prop: "operation",
-    label: "操作",
+    label: t("system.common.field.action"),
     width: 210,
     fixed: "right",
     cellType: "actions",
     actions: [
       {
-        label: "编辑",
+        label: t("common.action.edit"),
         type: "primary",
         link: true,
         icon: EditPen,
@@ -253,7 +291,7 @@ const columns: ColumnProps[] = [
         onClick: scope => handleOpenEditDialog(scope.row as BaseApi)
       },
       {
-        label: "详情",
+        label: t("common.action.view"),
         type: "primary",
         link: true,
         icon: View,
@@ -262,7 +300,7 @@ const columns: ColumnProps[] = [
       }
     ]
   }
-];
+]);
 
 /**
  * 请求 API 分页列表，并由 ProTable 统一维护分页与搜索参数。
@@ -337,7 +375,7 @@ async function handleSubmitEdit() {
     mcp_status: editForm.mcp_status,
     agent_status: editForm.agent_status
   });
-  ElMessage.success("保存成功");
+  ElMessage.success(t("system.api.message.saveSuccess"));
   handleCloseEditDialog();
   refreshTable();
 }
@@ -347,16 +385,16 @@ async function handleSubmitEdit() {
  */
 async function handleBeforeSetMcpStatus(row: BaseApi) {
   const nextStatus = row.mcp_status === Status.ENABLE ? Status.DISABLE : Status.ENABLE;
-  const text = nextStatus === Status.ENABLE ? "启用" : "禁用";
+  const action = t(nextStatus === Status.ENABLE ? "common.status.enabled" : "common.status.disabled");
   const apiName = row.desc || row.operation || `ID:${row.id}`;
   try {
-    await ElMessageBox.confirm(`是否确定${text}该 API 的 MCP 工具能力？\nAPI：${apiName}`, "提示", {
-      confirmButtonText: "确认",
-      cancelButtonText: "取消",
+    await ElMessageBox.confirm(t("system.api.message.confirmMcpStatus", { action, api: apiName }), t("common.title.notice"), {
+      confirmButtonText: t("common.action.confirm"),
+      cancelButtonText: t("common.action.cancel"),
       type: "warning"
     });
     await defBaseApiService.SetBaseApiMcpStatus({ id: row.id, mcp_status: nextStatus });
-    ElMessage.success(`${text}成功`);
+    ElMessage.success(t("system.common.message.statusSuccess", { action }));
     refreshTable();
     return true;
   } catch {
@@ -369,16 +407,16 @@ async function handleBeforeSetMcpStatus(row: BaseApi) {
  */
 async function handleBeforeSetAgentStatus(row: BaseApi) {
   const nextStatus = row.agent_status === Status.ENABLE ? Status.DISABLE : Status.ENABLE;
-  const text = nextStatus === Status.ENABLE ? "启用" : "禁用";
+  const action = t(nextStatus === Status.ENABLE ? "common.status.enabled" : "common.status.disabled");
   const apiName = row.desc || row.operation || `ID:${row.id}`;
   try {
-    await ElMessageBox.confirm(`是否确定${text}该 API 的 Agent 工具能力？\nAPI：${apiName}`, "提示", {
-      confirmButtonText: "确认",
-      cancelButtonText: "取消",
+    await ElMessageBox.confirm(t("system.api.message.confirmAgentStatus", { action, api: apiName }), t("common.title.notice"), {
+      confirmButtonText: t("common.action.confirm"),
+      cancelButtonText: t("common.action.cancel"),
       type: "warning"
     });
     await defBaseApiService.SetBaseApiAgentStatus({ id: row.id, agent_status: nextStatus });
-    ElMessage.success(`${text}成功`);
+    ElMessage.success(t("system.common.message.statusSuccess", { action }));
     refreshTable();
     return true;
   } catch {
@@ -391,16 +429,16 @@ async function handleBeforeSetAgentStatus(row: BaseApi) {
  */
 function formatToolPrompts(prompts: string[]) {
   if (!prompts?.length) return "--";
-  return prompts.filter(Boolean).join("；");
+  return prompts.filter(Boolean).join(", ");
 }
 
 /**
  * 格式化 API 工具状态。
  */
 function formatStatus(status: Status) {
-  if (status === Status.ENABLE) return "启用";
-  if (status === Status.DISABLE) return "禁用";
-  return "未知";
+  if (status === Status.ENABLE) return t("common.status.enabled");
+  if (status === Status.DISABLE) return t("common.status.disabled");
+  return t("system.common.value.unknown");
 }
 
 /**

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

@@ -17,7 +17,7 @@
     <FormDialog
       v-model="dialog.visible"
       ref="formDialogRef"
-      :title="dialog.title"
+      :title="t(dialog.titleKey)"
       width="640px"
       :model="formData"
       :fields="formFields"
@@ -44,6 +44,7 @@ import { defBaseAreaService } from "@liujitcn/kratos-admin-system/api/system/bas
 import type { TreeBaseAreaRequest, BaseArea, BaseAreaForm } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_area";
 
 import { normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
+import { t } from "@liujitcn/kratos-admin-core";
 
 defineOptions({
   name: "BaseArea",
@@ -55,7 +56,7 @@ const proTable = ref<ProTableInstance>();
 const formDialogRef = ref<InstanceType<typeof FormDialog>>();
 
 const dialog = reactive({
-  title: "",
+  titleKey: "system.area.action.create",
   visible: false
 });
 
@@ -65,10 +66,27 @@ const formData = reactive<BaseAreaForm>({
   name: ""
 });
 
-const rules = reactive<FormRules>({
-  parent_id: [{ required: true, message: "父级区域不能为空", trigger: "change" }],
-  name: [{ required: true, message: "区域名称不能为空", trigger: "blur" }, { max: 50, message: "区域名称不能超过 50 个字符", trigger: "blur" }]
-});
+const rules = computed<FormRules>(() => ({
+  parent_id: [
+    {
+      required: true,
+      message: t("system.common.validation.requiredSelect", { field: t("system.area.field.parent") }),
+      trigger: "change"
+    }
+  ],
+  name: [
+    {
+      required: true,
+      message: t("system.common.validation.requiredInput", { field: t("system.area.field.name") }),
+      trigger: "blur"
+    },
+    {
+      max: 50,
+      message: t("system.common.validation.maxLength", { field: t("system.area.field.name"), max: 50 }),
+      trigger: "blur"
+    }
+  ]
+}));
 const parentIdFormOptions = ref<ProFormOption[]>([]);
 
 type GeneratedTreeOption = ProFormOption & {
@@ -85,34 +103,55 @@ function normalizeLazyTreeOptions(options: GeneratedTreeOption[] = []): ProFormO
 }
 
 /** 懒加载parentIdForm树形选项的子节点。 */
-async function loadParentIdFormTreeOptions(node: { level: number; value?: string | number; data?: { value?: string | number } }, resolve: (data: ProFormOption[]) => void) {
+async function loadParentIdFormTreeOptions(
+  node: { level: number; value?: string | number; data?: { value?: string | number } },
+  resolve: (data: ProFormOption[]) => void
+) {
   const parentId = node.level === 0 ? 0 : Number(node.data?.value ?? node.value ?? 0);
-  const response = await defBaseAreaService.OptionBaseArea({ "parent_id": parentId, lazy: true } as Parameters<typeof defBaseAreaService.OptionBaseArea>[0]);
+  const response = await defBaseAreaService.OptionBaseArea({ parent_id: parentId, lazy: true } as Parameters<
+    typeof defBaseAreaService.OptionBaseArea
+  >[0]);
   resolve(normalizeLazyTreeOptions((response.list ?? []) as GeneratedTreeOption[]));
 }
 
-
 void loadFormOptions();
 
 /** 行政区域表单字段配置。 */
 const formFields = computed<ProFormField[]>(() => [
-  { prop: "parent_id", label: "父级区域", component: "tree-select", options: parentIdFormOptions.value, props: { lazy: true, load: loadParentIdFormTreeOptions, placeholder: "请选择", filterable: true, style: { width: "100%" } } },
-  { prop: "name", label: "区域名称", component: "input", props: { placeholder: "请输入区域名称" } }
+  {
+    prop: "parent_id",
+    label: t("system.area.field.parent"),
+    component: "tree-select",
+    options: parentIdFormOptions.value,
+    props: {
+      lazy: true,
+      load: loadParentIdFormTreeOptions,
+      placeholder: t("common.placeholder.select"),
+      filterable: true,
+      style: { width: "100%" }
+    }
+  },
+  {
+    prop: "name",
+    label: t("system.area.field.name"),
+    component: "input",
+    props: { placeholder: t("system.common.validation.requiredInput", { field: t("system.area.field.name") }) }
+  }
 ]);
 
 /** 行政区域表格列配置。 */
 const columns = computed<ColumnProps[]>(() => [
   { type: "selection", width: 55 },
-  { prop: "name", label: "区域名称", align: "left", search: { el: "input" } },
+  { prop: "name", label: t("system.area.field.name"), align: "left", search: { el: "input" } },
   {
     prop: "operation",
-    label: "操作",
+    label: t("system.common.field.operation"),
     width: 150,
     fixed: "right",
     cellType: "actions",
     actions: [
       {
-        label: "编辑",
+        label: t("common.action.edit"),
         type: "primary",
         link: true,
         icon: EditPen,
@@ -120,7 +159,7 @@ const columns = computed<ColumnProps[]>(() => [
         onClick: scope => handleOpenDialog((scope.row as BaseArea).id)
       },
       {
-        label: "删除",
+        label: t("common.action.delete"),
         type: "danger",
         link: true,
         icon: Delete,
@@ -132,23 +171,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:area:create"],
     onClick: () => handleOpenDialog()
   },
   {
-    label: "删除",
+    label: t("common.action.delete"),
     type: "danger",
     icon: Delete,
     hidden: () => !BUTTONS.value["base:area:delete"],
     disabled: scope => !scope.selectedList.length,
     onClick: scope => handleDelete(scope.selectedList as BaseArea[])
   }
-];
+]);
 
 /**
  * 请求行政区域列表，并适配 ProTable 固定列表字段。
@@ -166,7 +205,7 @@ async function loadAreaChildren(row: BaseArea, _treeNode: unknown, resolve: (dat
     const data = await defBaseAreaService.TreeBaseArea({ parent_id: row.id, lazy: true });
     resolve(data.base_areas ?? []);
   } catch {
-    ElMessage.error("加载行政区域子节点失败");
+    ElMessage.error(t("system.common.message.loadChildrenFailed", { resource: t("system.area.resource") }));
     resolve([]);
   }
 }
@@ -179,8 +218,15 @@ function refreshTable() {
 }
 /** 加载表单选择项。 */
 async function loadFormOptions() {
-  const parentIdFormResponse = await defBaseAreaService.OptionBaseArea({ "parent_id": 0, lazy: true } as Parameters<typeof defBaseAreaService.OptionBaseArea>[0]);
-  parentIdFormOptions.value = [{ label: "顶级节点", value: 0 }, ...normalizeLazyTreeOptions((parentIdFormResponse.list ?? []) as GeneratedTreeOption[]).filter(option => Number(option.value) !== 0)];
+  const parentIdFormResponse = await defBaseAreaService.OptionBaseArea({ parent_id: 0, lazy: true } as Parameters<
+    typeof defBaseAreaService.OptionBaseArea
+  >[0]);
+  parentIdFormOptions.value = [
+    { label: t("system.area.value.root"), value: 0 },
+    ...normalizeLazyTreeOptions((parentIdFormResponse.list ?? []) as GeneratedTreeOption[]).filter(
+      option => Number(option.value) !== 0
+    )
+  ];
 }
 
 /**
@@ -189,7 +235,7 @@ async function loadFormOptions() {
 async function handleOpenDialog(id?: number) {
   resetForm();
   await loadFormOptions();
-  dialog.title = id ? "修改行政区域" : "新增行政区域";
+  dialog.titleKey = id ? "system.area.action.edit" : "system.area.action.create";
   dialog.visible = true;
   if (!id) return;
 
@@ -225,7 +271,11 @@ function handleSubmit() {
       ? defBaseAreaService.UpdateBaseArea({ id: payload.id, base_area: payload })
       : defBaseAreaService.CreateBaseArea({ base_area: payload });
     request.then(() => {
-      ElMessage.success(payload.id ? "修改行政区域成功" : "新增行政区域成功");
+      ElMessage.success(
+        t(payload.id ? "system.common.message.updateSuccess" : "system.common.message.createSuccess", {
+          resource: t("system.area.resource")
+        })
+      );
       handleCloseDialog();
       refreshTable();
     });
@@ -245,24 +295,24 @@ function handleDelete(selected?: number | string | Array<number | string> | Base
     rowList.length ? rowList.map(item => item.id) : normalizeSelectedIds(selected as number | string | Array<number | string>)
   ).join(",");
   if (!ids) {
-    ElMessage.warning("请勾选删除项");
+    ElMessage.warning(t("system.common.message.selectDeleteItem"));
     return;
   }
 
-  const confirmMessage = rowList.length === 1 ? "是否确定删除行政区域？" : "确认删除已选中的行政区域吗？";
-  ElMessageBox.confirm(confirmMessage, "警告", {
-    confirmButtonText: "确定",
-    cancelButtonText: "取消",
+  const confirmMessage = t(rowList.length === 1 ? "system.area.message.deleteSingle" : "system.area.message.deleteBatch");
+  ElMessageBox.confirm(confirmMessage, t("common.title.warning"), {
+    confirmButtonText: t("common.action.confirm"),
+    cancelButtonText: t("common.action.cancel"),
     type: "warning"
   }).then(
     () => {
       defBaseAreaService.DeleteBaseArea({ ids }).then(() => {
-        ElMessage.success("删除行政区域成功");
+        ElMessage.success(t("system.common.message.deleteSuccess", { resource: t("system.area.resource") }));
         refreshTable();
       });
     },
     () => {
-      ElMessage.info("已取消删除行政区域");
+      ElMessage.info(t("system.common.dialog.cancelDelete", { resource: t("system.area.resource") }));
     }
   );
 }