@liujitcn/kratos-admin-system 0.0.20 → 0.0.23

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

@@ -2,7 +2,7 @@
   <div class="table-box">
     <ProTable
       ref="proTable"
-      title="菜单列表"
+      :title="t('system.base.menu.title.list')"
       row-key="id"
       :indent="20"
       :columns="columns"
@@ -16,26 +16,33 @@
     <FormDialog
       v-model="dialog.visible"
       ref="formDialogRef"
-      :title="dialog.title"
+      :title="t(dialog.editing ? 'system.base.menu.action.edit' : 'system.base.menu.action.create')"
       width="1180px"
       :model="formData"
       :fields="formFields"
       :rules="rules"
-      label-width="120px"
       :col-span="12"
       @confirm="handleSubmit"
       @close="handleCloseDialog"
     >
       <template #menuIcon>
-        <SelectIcon v-model:icon-value="menuIconValue" placeholder="请选择菜单图标" />
+        <SelectIcon v-model:icon-value="menuIconValue" :placeholder="t('system.base.menu.placeholder.icon')" />
+      </template>
+
+      <template #translations>
+        <DynamicTranslationEditor
+          v-model="translationValues"
+          :source="formData.meta.title"
+          :maxlength="100"
+        />
       </template>
 
       <template #apiTransferItem="slotScope">
         <el-popover effect="light" trigger="hover" placement="top" width="auto">
           <template #default>
-            <div>操作名称：{{ slotScope.option.operation }}</div>
-            <div>请求方式：{{ slotScope.option.method }}</div>
-            <div>请求地址：{{ slotScope.option.path }}</div>
+            <div>{{ t("system.base.api.field.operation") }}：{{ slotScope.option.operation }}</div>
+            <div>{{ t("system.base.api.field.method") }}：{{ slotScope.option.method }}</div>
+            <div>{{ t("system.base.api.field.path") }}：{{ slotScope.option.path }}</div>
           </template>
           <template #reference>{{ slotScope.option.label }}</template>
         </el-popover>
@@ -49,10 +56,16 @@ import { computed, h, reactive, ref, resolveComponent, resolveDynamicComponent,
 import { ElIcon, ElTag, type FormRules } from "element-plus";
 import ProTable from "@liujitcn/kratos-admin-core/components/ProTable";
 import FormDialog from "@liujitcn/kratos-admin-core/components/Dialog/FormDialog.vue";
-import type { ColumnProps, HeaderActionProps, ProTableInstance, RenderScope } from "@liujitcn/kratos-admin-core/components/ProTable/interface";
+import type {
+  ColumnProps,
+  HeaderActionProps,
+  ProTableInstance,
+  RenderScope
+} from "@liujitcn/kratos-admin-core/components/ProTable/interface";
 import type { ProFormField, ProFormOption } from "@liujitcn/kratos-admin-core/components/ProForm/interface";
 import SelectIcon from "@liujitcn/kratos-admin-core/components/SelectIcon/index.vue";
 import { defBaseMenuService } from "@liujitcn/kratos-admin-system/api/system/base_menu";
+import { loadEnabledBaseLanguages } from "@liujitcn/kratos-admin-system/api/system/base_language";
 import { defBaseApiService } from "@liujitcn/kratos-admin-system/api/system/base_api";
 import { useAuthButtons } from "@liujitcn/kratos-admin-core/auth";
 import type { BaseApi } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_api";
@@ -63,8 +76,18 @@ import type {
   BaseMenuMeta
 } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_menu";
 import { Status } from "@liujitcn/kratos-admin-system/rpc/common/v1/enum";
-import { BaseMenuType } from "@liujitcn/kratos-admin-system/rpc/system/common/v1/enum";
+import { BaseMenuType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/common";
+import { TranslationTargetType } from "@liujitcn/kratos-admin-system/rpc/system/admin/v1/base_translation";
 import { normalizeSelectedIds } from "@liujitcn/kratos-admin-core/table";
+import { t } from "@liujitcn/kratos-admin-core";
+import DynamicTranslationEditor from "@liujitcn/kratos-admin-system/components/DynamicTranslationEditor.vue";
+import DynamicTranslationCell from "@liujitcn/kratos-admin-system/components/DynamicTranslationCell.vue";
+import {
+  normalizeDynamicTranslations,
+  serializeDynamicTranslations,
+  type DynamicTranslationRecord,
+  type DynamicTranslationValue
+} from "@liujitcn/kratos-admin-system/components/dynamicTranslation";
 
 defineOptions({
   name: "BaseMenu",
@@ -88,11 +111,12 @@ const menuOptions = ref<ProFormOption[]>([]);
 const parentMenuTypeMap = ref(new Map<number, BaseMenuType>());
 const appMenuIds = ref(new Set<number>([APP_MENU_ROOT_ID]));
 const apiList = ref<BaseApi[]>([]);
+const translationValues = ref<DynamicTranslationValue[]>(normalizeDynamicTranslations(undefined, "title"));
 
 const dialog = reactive({
-  title: "",
+  editing: false,
   visible: false,
-  parentType: BaseMenuType.UNKNOWN_MT,
+  parentType: BaseMenuType.BASE_MENU_TYPE_UNSPECIFIED,
   parentLocked: true
 });
 
@@ -126,13 +150,14 @@ function createDefaultMenuForm(): MenuFormState {
   return {
     id: 0,
     parent_id: undefined,
-    type: BaseMenuType.FOLDER,
+    type: BaseMenuType.BASE_MENU_TYPE_FOLDER,
     path: "",
     name: "",
     component: "",
     redirect: "",
     meta: createDefaultMenuMeta(),
     api: [],
+    translations: [],
     sort: 1,
     status: Status.ENABLE
   };
@@ -148,12 +173,12 @@ const menuIconValue = computed({
   }
 });
 
-const menuTypeOptions: ProFormOption[] = [
-  { label: "目录", value: BaseMenuType.FOLDER },
-  { label: "菜单", value: BaseMenuType.MENU },
-  { label: "按钮", value: BaseMenuType.BUTTON },
-  { label: "外链", value: BaseMenuType.EXT_LINK }
-];
+const menuTypeOptions = computed<ProFormOption[]>(() => [
+  { label: t("system.base.menu.type.folder"), value: BaseMenuType.BASE_MENU_TYPE_FOLDER },
+  { label: t("system.base.menu.type.menu"), value: BaseMenuType.BASE_MENU_TYPE_MENU },
+  { label: t("system.base.menu.type.button"), value: BaseMenuType.BASE_MENU_TYPE_BUTTON },
+  { label: t("system.base.menu.type.external"), value: BaseMenuType.BASE_MENU_TYPE_EXT_LINK }
+]);
 
 /** 判断父节点是否属于固定移动端菜单树。 */
 function isAppMenu(parentId?: number) {
@@ -178,8 +203,8 @@ function getMenuLevel(menuId: number) {
 function canCreateChild(menu: BaseMenu) {
   const level = getMenuLevel(menu.id);
   if (menu.id === APP_MENU_ROOT_ID || isAppMenu(menu.parent_id)) return level >= 1 && level < 4;
-  if (menu.type === BaseMenuType.FOLDER) return level === 1 || level === 2;
-  if (menu.type === BaseMenuType.MENU) return level === 2 || level === 3;
+  if (menu.type === BaseMenuType.BASE_MENU_TYPE_FOLDER) return level === 1 || level === 2;
+  if (menu.type === BaseMenuType.BASE_MENU_TYPE_MENU) return level === 2 || level === 3;
   return false;
 }
 
@@ -187,17 +212,24 @@ function canCreateChild(menu: BaseMenu) {
 const availableMenuTypeOptions = computed(() => {
   const parentLevel = getMenuLevel(formData.parent_id ?? 0);
 
-  if (formData.id === APP_MENU_ROOT_ID) return menuTypeOptions.filter(item => item.value === BaseMenuType.FOLDER);
-  if (isAppMenu(formData.parent_id)) return menuTypeOptions.filter(item => item.value === BaseMenuType.MENU);
-  if (formData.id > 0 && parentLevel === 0) return menuTypeOptions.filter(item => item.value === BaseMenuType.FOLDER);
-  if (dialog.parentType === BaseMenuType.FOLDER && parentLevel === 1)
-    return menuTypeOptions.filter(
-      item => item.value === BaseMenuType.FOLDER || item.value === BaseMenuType.MENU || item.value === BaseMenuType.EXT_LINK
+  if (formData.id === APP_MENU_ROOT_ID)
+    return menuTypeOptions.value.filter(item => item.value === BaseMenuType.BASE_MENU_TYPE_FOLDER);
+  if (isAppMenu(formData.parent_id)) return menuTypeOptions.value.filter(item => item.value === BaseMenuType.BASE_MENU_TYPE_MENU);
+  if (formData.id > 0 && parentLevel === 0)
+    return menuTypeOptions.value.filter(item => item.value === BaseMenuType.BASE_MENU_TYPE_FOLDER);
+  if (dialog.parentType === BaseMenuType.BASE_MENU_TYPE_FOLDER && parentLevel === 1)
+    return menuTypeOptions.value.filter(
+      item =>
+        item.value === BaseMenuType.BASE_MENU_TYPE_FOLDER ||
+        item.value === BaseMenuType.BASE_MENU_TYPE_MENU ||
+        item.value === BaseMenuType.BASE_MENU_TYPE_EXT_LINK
+    );
+  if (dialog.parentType === BaseMenuType.BASE_MENU_TYPE_FOLDER && parentLevel === 2)
+    return menuTypeOptions.value.filter(
+      item => item.value === BaseMenuType.BASE_MENU_TYPE_MENU || item.value === BaseMenuType.BASE_MENU_TYPE_EXT_LINK
     );
-  if (dialog.parentType === BaseMenuType.FOLDER && parentLevel === 2)
-    return menuTypeOptions.filter(item => item.value === BaseMenuType.MENU || item.value === BaseMenuType.EXT_LINK);
-  if (dialog.parentType === BaseMenuType.MENU && (parentLevel === 2 || parentLevel === 3))
-    return menuTypeOptions.filter(item => item.value === BaseMenuType.BUTTON);
+  if (dialog.parentType === BaseMenuType.BASE_MENU_TYPE_MENU && (parentLevel === 2 || parentLevel === 3))
+    return menuTypeOptions.value.filter(item => item.value === BaseMenuType.BASE_MENU_TYPE_BUTTON);
   return [];
 });
 
@@ -210,22 +242,22 @@ watch(
     } else if (formData.id === 0) {
       formData.meta.app = undefined;
     }
-    dialog.parentType = parentMenuTypeMap.value.get(formData.parent_id ?? 0) ?? BaseMenuType.UNKNOWN_MT;
+    dialog.parentType = parentMenuTypeMap.value.get(formData.parent_id ?? 0) ?? BaseMenuType.BASE_MENU_TYPE_UNSPECIFIED;
     if (formData.id > 0 || availableMenuTypeOptions.value.some(item => item.value === formData.type)) return;
-    formData.type = (availableMenuTypeOptions.value[0]?.value as BaseMenuType) ?? BaseMenuType.UNKNOWN_MT;
+    formData.type = (availableMenuTypeOptions.value[0]?.value as BaseMenuType) ?? BaseMenuType.BASE_MENU_TYPE_UNSPECIFIED;
   }
 );
 
-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 appAccessOptions: ProFormOption[] = [
-  { label: "公开访问", value: "PUBLIC" },
-  { label: "仅游客", value: "GUEST_ONLY" },
-  { label: "登录访问", value: "AUTHENTICATED" }
-];
+const appAccessOptions = computed<ProFormOption[]>(() => [
+  { label: t("system.base.menu.access.public"), value: "PUBLIC" },
+  { label: t("system.base.menu.access.guest"), value: "GUEST_ONLY" },
+  { label: t("system.base.menu.access.authenticated"), value: "AUTHENTICATED" }
+]);
 
 /**
  * 渲染菜单图标单元格，统一兼容 Element Plus 图标和本地 svg 图标。
@@ -252,7 +284,20 @@ function renderMenuIconCell(scope: RenderScope<BaseMenu>) {
  */
 function renderHiddenCell(scope: RenderScope<BaseMenu>) {
   const isHidden = Boolean(scope.row.meta?.hidden);
-  return h(ElTag, { type: isHidden ? "info" : "success" }, () => (isHidden ? "隐藏" : "显示"));
+  return h(ElTag, { type: isHidden ? "info" : "success" }, () =>
+    t(isHidden ? "system.base.menu.status.hidden" : "system.base.menu.status.visible")
+  );
+}
+
+/** 渲染菜单标题翻译预览，并复用当前页面的编辑弹窗。 */
+function renderMenuTitleCell(scope: RenderScope<BaseMenu>) {
+  const row = scope.row;
+  return h(DynamicTranslationCell, {
+    source: row.meta?.title ?? "",
+    targetType: TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_MENU,
+    targetId: row.id,
+    translations: row.translations
+  });
 }
 
 /** 菜单表格列配置。 */
@@ -267,26 +312,28 @@ const columns = computed<ColumnProps[]>(() => [
   },
   {
     prop: "meta.title",
-    label: "菜单名称",
+    label: t("system.base.menu.field.name"),
     minWidth: 220,
     align: "left",
-    search: { el: "input", key: "title" }
+    search: { el: "input", key: "title" },
+    showOverflowTooltip: false,
+    render: scope => renderMenuTitleCell(scope as unknown as RenderScope<BaseMenu>)
   },
-  { prop: "type", label: "菜单类型", minWidth: 120, dictCode: "base_menu_type", search: { el: "select" } },
+  { prop: "type", label: t("system.base.menu.field.type"), minWidth: 120, dictCode: "base_menu_type", search: { el: "select" } },
   {
     prop: "meta.icon",
-    label: "菜单图标",
+    label: t("system.base.menu.field.icon"),
     width: 90,
     render: scope => renderMenuIconCell(scope as unknown as RenderScope<BaseMenu>)
   },
-  { prop: "path", label: "路由路径/权限标识", minWidth: 260, search: { el: "input" } },
-  { prop: "name", label: "路由名称", minWidth: 180, search: { el: "input" } },
-  { prop: "component", label: "组件路径", minWidth: 260 },
-  { prop: "redirect", label: "重定向地址", minWidth: 220 },
-  { prop: "sort", label: "排序", minWidth: 80, align: "right" },
+  { prop: "path", label: t("system.base.menu.field.path_or_permission"), minWidth: 260, search: { el: "input" } },
+  { prop: "name", label: t("system.base.menu.field.route_name"), minWidth: 180, search: { el: "input" } },
+  { prop: "component", label: t("system.base.menu.field.component"), minWidth: 260 },
+  { prop: "redirect", label: t("system.base.menu.field.redirect"), minWidth: 220 },
+  { prop: "sort", label: t("common.field.sort"), minWidth: 80, align: "right" },
   {
     prop: "status",
-    label: "状态",
+    label: t("common.field.status"),
     width: 100,
     dictCode: "status",
     search: { el: "select" },
@@ -294,29 +341,29 @@ const columns = computed<ColumnProps[]>(() => [
     statusProps: {
       activeValue: Status.ENABLE,
       inactiveValue: Status.DISABLE,
-      activeText: "启用",
-      inactiveText: "禁用",
+      activeText: t("common.status.enabled"),
+      inactiveText: t("common.status.disabled"),
       disabled: () => !BUTTONS.value["base:menu:status"],
       beforeChange: scope => handleBeforeSetStatus(scope.row as BaseMenu)
     }
   },
   {
     prop: "meta.hidden",
-    label: "显示状态",
+    label: t("system.base.menu.field.display_status"),
     width: 100,
     render: scope => renderHiddenCell(scope as unknown as RenderScope<BaseMenu>)
   },
-  { 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.action"),
     width: 220,
     fixed: "right",
     cellType: "actions",
     actions: [
       {
-        label: "新增",
+        label: t("common.action.create"),
         type: "primary",
         link: true,
         icon: CirclePlus,
@@ -324,7 +371,7 @@ const columns = computed<ColumnProps[]>(() => [
         onClick: scope => handleOpenDialog(scope.row as BaseMenu)
       },
       {
-        label: "编辑",
+        label: t("common.action.edit"),
         type: "primary",
         link: true,
         icon: EditPen,
@@ -332,7 +379,7 @@ const columns = computed<ColumnProps[]>(() => [
         onClick: scope => handleOpenDialog(undefined, (scope.row as BaseMenu).id)
       },
       {
-        label: "删除",
+        label: t("common.action.delete"),
         type: "danger",
         link: true,
         icon: Delete,
@@ -349,14 +396,14 @@ const columns = computed<ColumnProps[]>(() => [
 /** 菜单表格顶部按钮配置。 */
 const headerActions = computed<HeaderActionProps[]>(() => [
   {
-    label: "新增",
+    label: t("common.action.create"),
     type: "success",
     icon: CirclePlus,
     hidden: () => !BUTTONS.value["base:menu:create"],
     onClick: () => handleOpenDialog()
   },
   {
-    label: "删除",
+    label: t("common.action.delete"),
     type: "danger",
     icon: Delete,
     hidden: () => !BUTTONS.value["base:menu:delete"],
@@ -378,7 +425,7 @@ const transferData = computed<ProFormOption[]>(() => {
 const formFields = computed<ProFormField[]>(() => [
   {
     prop: "parent_id",
-    label: "上级菜单",
+    label: t("system.base.menu.field.parent"),
     component: "tree-select",
     options: menuOptions.value,
     props: () => ({
@@ -387,14 +434,14 @@ const formFields = computed<ProFormField[]>(() => [
       checkStrictly: true,
       clearable: false,
       filterable: true,
-      placeholder: "请选择上级菜单",
+      placeholder: t("system.base.menu.placeholder.parent"),
       disabled: dialog.parentLocked,
       style: { width: "100%" }
     })
   },
   {
     prop: "type",
-    label: "菜单类型",
+    label: t("system.base.menu.field.type"),
     component: "radio-group",
     options: availableMenuTypeOptions.value,
     props: model => ({
@@ -403,27 +450,40 @@ const formFields = computed<ProFormField[]>(() => [
   },
   {
     prop: "meta.title",
-    label: formData.type === BaseMenuType.BUTTON ? "按钮名称" : "菜单标题",
+    label: t(
+      formData.type === BaseMenuType.BASE_MENU_TYPE_BUTTON ? "system.base.menu.field.button_name" : "system.base.menu.field.title"
+    ),
     component: "input",
     itemProps: {
       required: true
     },
     props: () => ({
-      placeholder: formData.type === BaseMenuType.BUTTON ? "请输入按钮名称" : "请输入菜单标题"
+      placeholder: t(
+        formData.type === BaseMenuType.BASE_MENU_TYPE_BUTTON
+          ? "system.base.menu.placeholder.button_name"
+          : "system.base.menu.placeholder.title"
+      )
     })
   },
+  {
+    prop: "translations",
+    label: t("system.base.translation.field.translations"),
+    component: "slot",
+    slotName: "translations",
+    colSpan: 24
+  },
   {
     prop: "path",
     label: getPathFieldLabel(),
     component: "input",
     labelTooltip: getPathFieldTooltip(),
     itemProps: model => ({
-      required: model.type !== BaseMenuType.FOLDER
+      required: model.type !== BaseMenuType.BASE_MENU_TYPE_FOLDER
     }),
     props: () => ({
       placeholder: getPathFieldPlaceholder()
     }),
-    visible: model => model.type !== BaseMenuType.FOLDER
+    visible: model => model.type !== BaseMenuType.BASE_MENU_TYPE_FOLDER
   },
   {
     prop: "redirect",
@@ -431,184 +491,191 @@ const formFields = computed<ProFormField[]>(() => [
     component: "input",
     props: () => ({ placeholder: getRedirectFieldPlaceholder() }),
     itemProps: model => ({
-      required: model.type === BaseMenuType.EXT_LINK
+      required: model.type === BaseMenuType.BASE_MENU_TYPE_EXT_LINK
     }),
-    visible: model => model.type === BaseMenuType.FOLDER || model.type === BaseMenuType.EXT_LINK
+    visible: model => model.type === BaseMenuType.BASE_MENU_TYPE_FOLDER || model.type === BaseMenuType.BASE_MENU_TYPE_EXT_LINK
   },
   {
     prop: "meta.icon",
-    label: "菜单图标",
+    label: t("system.base.menu.field.icon"),
     component: "slot",
     slotName: "menuIcon",
     itemProps: model => ({
-      required: model.type !== BaseMenuType.BUTTON
+      required: model.type !== BaseMenuType.BASE_MENU_TYPE_BUTTON
     }),
-    visible: model => !isAppMenu(model.parent_id) && model.type !== BaseMenuType.BUTTON
+    visible: model => !isAppMenu(model.parent_id) && model.type !== BaseMenuType.BASE_MENU_TYPE_BUTTON
   },
   {
     prop: "meta.icon",
-    label: "默认图标",
+    label: t("system.base.menu.field.default_icon"),
     component: "input",
-    labelTooltip: "填写移动端模块注册的图标键或 HTTPS 图片地址。",
+    labelTooltip: t("system.base.menu.tooltip.mobile_icon"),
     itemProps: model => ({
       required: Boolean(model.meta?.app?.in_tab_bar)
     }),
-    props: { placeholder: "例如 HOME_DEFAULT" },
+    props: { placeholder: t("system.base.menu.placeholder.default_icon") },
     visible: model => isAppMenu(model.parent_id)
   },
   {
     prop: "name",
-    label: isAppMenu(formData.parent_id) ? "逻辑名称" : "路由名称",
+    label: t(isAppMenu(formData.parent_id) ? "system.base.menu.field.logical_name" : "system.base.menu.field.route_name"),
     component: "input",
     labelTooltip: isAppMenu(formData.parent_id)
-      ? "移动端页面使用 App 前缀的唯一逻辑名称。"
-      : "如果需要开启缓存，需保证页面 defineOptions 中的 name 与此处一致，建议使用驼峰。",
+      ? t("system.base.menu.tooltip.logical_name")
+      : t("system.base.menu.tooltip.route_name"),
     itemProps: model => ({
-      required: model.type === BaseMenuType.MENU
+      required: model.type === BaseMenuType.BASE_MENU_TYPE_MENU
     }),
     props: () => ({
-      placeholder: isAppMenu(formData.parent_id) ? "例如 AppHome" : "请输入路由名称"
+      placeholder: isAppMenu(formData.parent_id)
+        ? t("system.base.menu.placeholder.logical_name")
+        : t("system.base.menu.placeholder.route_name")
     }),
-    visible: model => model.type === BaseMenuType.MENU
+    visible: model => model.type === BaseMenuType.BASE_MENU_TYPE_MENU
   },
   {
     prop: "meta.app.view_key",
-    label: "视图键",
+    label: t("system.base.menu.field.view_key"),
     component: "input",
-    labelTooltip: "必须与移动端模块注册的稳定 viewKey 一致，不填写组件文件路径。",
+    labelTooltip: t("system.base.menu.tooltip.view_key"),
     itemProps: { required: true },
-    props: { placeholder: "例如 HOME" },
+    props: { placeholder: t("system.base.menu.placeholder.view_key") },
     visible: model => isAppMenu(model.parent_id)
   },
   {
     prop: "meta.app.access",
-    label: "访问模式",
+    label: t("system.base.menu.field.access"),
     component: "select",
-    options: appAccessOptions,
+    options: appAccessOptions.value,
     itemProps: { required: true },
     props: {
       clearable: false,
-      placeholder: "请选择访问模式"
+      placeholder: t("system.base.menu.placeholder.access")
     },
     visible: model => isAppMenu(model.parent_id)
   },
   {
     prop: "meta.app.selected_icon",
-    label: "选中图标",
+    label: t("system.base.menu.field.selected_icon"),
     component: "input",
-    labelTooltip: "填写移动端模块注册的图标键或 HTTPS 图片地址。",
+    labelTooltip: t("system.base.menu.tooltip.mobile_icon"),
     itemProps: { required: true },
-    props: { placeholder: "例如 HOME_SELECTED" },
+    props: { placeholder: t("system.base.menu.placeholder.selected_icon") },
     visible: model => isAppTab(model.parent_id)
   },
   {
     prop: "component",
-    label: "组件路径",
+    label: t("system.base.menu.field.component"),
     component: "input",
-    labelTooltip: "组件页面完整路径，格式为模块名/模块内 views 路径，例如 system/base/user/index，缺省后缀 .vue。",
+    labelTooltip: t("system.base.menu.tooltip.component"),
     itemProps: model => ({
-      required: model.type === BaseMenuType.MENU && !isAppMenu(model.parent_id)
+      required: model.type === BaseMenuType.BASE_MENU_TYPE_MENU && !isAppMenu(model.parent_id)
     }),
     props: { placeholder: "system/base/user/index" },
-    visible: model => model.type === BaseMenuType.MENU && !isAppMenu(model.parent_id)
+    visible: model => model.type === BaseMenuType.BASE_MENU_TYPE_MENU && !isAppMenu(model.parent_id)
   },
   {
     prop: "meta.hidden",
-    label: "是否隐藏",
+    label: t("system.base.menu.field.hidden"),
     component: "switch",
     props: {
       inlinePrompt: true,
-      activeText: "是",
-      inactiveText: "否",
+      activeText: t("common.value.yes"),
+      inactiveText: t("common.value.no"),
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => !isAppMenu(model.parent_id) && model.type !== BaseMenuType.BUTTON
+    visible: model => !isAppMenu(model.parent_id) && model.type !== BaseMenuType.BASE_MENU_TYPE_BUTTON
   },
   {
     prop: "meta.always_show",
-    label: "始终显示",
+    label: t("system.base.menu.field.always_show"),
     component: "switch",
-    labelTooltip: "选择“是”，即使目录或菜单下只有一个子节点，也会显示父节点；选择“否”，若只有一个子节点则只显示子节点。",
+    labelTooltip: t("system.base.menu.tooltip.always_show"),
     props: {
       inlinePrompt: true,
-      activeText: "是",
-      inactiveText: "否",
+      activeText: t("common.value.yes"),
+      inactiveText: t("common.value.no"),
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => !isAppMenu(model.parent_id) && (model.type === BaseMenuType.FOLDER || model.type === BaseMenuType.MENU)
+    visible: model =>
+      !isAppMenu(model.parent_id) &&
+      (model.type === BaseMenuType.BASE_MENU_TYPE_FOLDER || model.type === BaseMenuType.BASE_MENU_TYPE_MENU)
   },
   {
     prop: "meta.keep_alive",
-    label: "缓存页面",
+    label: t("system.base.menu.field.keep_alive"),
     component: "switch",
     props: {
       inlinePrompt: true,
-      activeText: "开",
-      inactiveText: "关",
+      activeText: t("common.status.enabled"),
+      inactiveText: t("common.status.disabled"),
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.MENU
+    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.BASE_MENU_TYPE_MENU
   },
   {
     prop: "meta.full",
-    label: "全屏模式",
+    label: t("system.base.menu.field.fullscreen"),
     component: "switch",
     props: {
       inlinePrompt: true,
-      activeText: "开",
-      inactiveText: "关",
+      activeText: t("common.status.enabled"),
+      inactiveText: t("common.status.disabled"),
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.MENU
+    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.BASE_MENU_TYPE_MENU
   },
   {
     prop: "meta.affix",
-    label: "固定标签",
+    label: t("system.base.menu.field.affix"),
     component: "switch",
     props: {
       inlinePrompt: true,
-      activeText: "开",
-      inactiveText: "关",
+      activeText: t("common.status.enabled"),
+      inactiveText: t("common.status.disabled"),
       activeValue: true,
       inactiveValue: false
     },
-    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.MENU
+    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.BASE_MENU_TYPE_MENU
   },
   {
     prop: "meta.params",
-    label: "路由参数",
+    label: t("system.base.menu.field.route_params"),
     component: "kv-list",
-    labelTooltip: "组件页面使用 useRoute().query.参数名 获取路由参数值。",
+    labelTooltip: t("system.base.menu.tooltip.route_params"),
     props: {
-      addText: "添加路由参数",
-      keyInputProps: { placeholder: "参数名" },
-      valueInputProps: { placeholder: "参数值" }
+      addText: t("system.base.menu.action.add_route_param"),
+      keyInputProps: { placeholder: t("common.field.parameter_name") },
+      valueInputProps: { placeholder: t("common.field.parameter_value") }
     },
     itemProps: {
       class: "menu-form__params"
     },
-    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.MENU
+    visible: model => !isAppMenu(model.parent_id) && model.type === BaseMenuType.BASE_MENU_TYPE_MENU
   },
   {
     prop: "api",
-    label: "API 列表",
+    label: t("system.base.menu.field.api_list"),
     component: "transfer",
     slotName: "apiTransferItem",
     options: transferData.value,
     props: {
       filterable: true,
-      titles: ["可选 API", "已选 API"]
+      titles: [t("system.base.menu.value.available_api"), t("system.base.menu.value.selected_api")]
     },
-    visible: model => model.id === APP_MENU_ROOT_ID || model.type === BaseMenuType.MENU || model.type === BaseMenuType.BUTTON,
+    visible: model =>
+      model.id === APP_MENU_ROOT_ID ||
+      model.type === BaseMenuType.BASE_MENU_TYPE_MENU ||
+      model.type === BaseMenuType.BASE_MENU_TYPE_BUTTON,
     colSpan: 24
   },
   {
     prop: "sort",
-    label: "排序",
+    label: t("common.field.sort"),
     component: "input-number",
     itemProps: {
       required: true
@@ -623,23 +690,39 @@ const formFields = computed<ProFormField[]>(() => [
   },
   {
     prop: "status",
-    label: "状态",
+    label: t("common.field.status"),
     component: "radio-group",
     itemProps: {
       required: true
     },
-    options: statusOptions
+    options: statusOptions.value
   }
 ]);
 
 const rules = computed<FormRules>(() => ({
-  parent_id: formData.id ? [] : [{ required: true, type: "number", min: 1, message: "请选择上级菜单", trigger: "change" }],
-  type: [{ required: true, message: "请选择菜单类型", trigger: "change" }],
+  parent_id: formData.id
+    ? []
+    : [{ required: true, type: "number", min: 1, message: t("system.base.menu.placeholder.parent"), trigger: "change" }],
+  type: [
+    {
+      required: true,
+      message: t("common.validation.required_select", { field: t("system.base.menu.field.type") }),
+      trigger: "change"
+    }
+  ],
   "meta.title": [
     {
       validator: (_rule, value, callback) => {
         if (value) return callback();
-        callback(new Error(formData.type === BaseMenuType.BUTTON ? "请输入按钮名称" : "请输入菜单标题"));
+        callback(
+          new Error(
+            t(
+              formData.type === BaseMenuType.BASE_MENU_TYPE_BUTTON
+                ? "system.base.menu.placeholder.button_name"
+                : "system.base.menu.placeholder.title"
+            )
+          )
+        );
       },
       trigger: "blur"
     }
@@ -647,10 +730,14 @@ const rules = computed<FormRules>(() => ({
   "meta.icon": [
     {
       validator: (_rule, value, callback) => {
-        if (formData.type === BaseMenuType.BUTTON) return callback();
+        if (formData.type === BaseMenuType.BASE_MENU_TYPE_BUTTON) return callback();
         if (isAppMenu(formData.parent_id) && !isAppTab(formData.parent_id)) return callback();
         if (value) return callback();
-        callback(new Error(isAppMenu(formData.parent_id) ? "请输入默认图标" : "请选择菜单图标"));
+        callback(
+          new Error(
+            t(isAppMenu(formData.parent_id) ? "system.base.menu.validation.default_icon" : "system.base.menu.placeholder.icon")
+          )
+        );
       },
       trigger: "change"
     }
@@ -659,7 +746,7 @@ const rules = computed<FormRules>(() => ({
     {
       validator: (_rule, value, callback) => {
         if (!isAppMenu(formData.parent_id) || value) return callback();
-        callback(new Error("请输入视图键"));
+        callback(new Error(t("system.base.menu.validation.view_key")));
       },
       trigger: "blur"
     }
@@ -668,7 +755,7 @@ const rules = computed<FormRules>(() => ({
     {
       validator: (_rule, value, callback) => {
         if (!isAppMenu(formData.parent_id) || value) return callback();
-        callback(new Error("请选择访问模式"));
+        callback(new Error(t("system.base.menu.placeholder.access")));
       },
       trigger: "change"
     }
@@ -677,23 +764,37 @@ const rules = computed<FormRules>(() => ({
     {
       validator: (_rule, value, callback) => {
         if (!isAppTab(formData.parent_id) || value) return callback();
-        callback(new Error("请输入选中图标"));
+        callback(new Error(t("system.base.menu.validation.selected_icon")));
       },
       trigger: "blur"
     }
   ],
   path: [
-    { max: 1024, message: "路径不能超过 1024 个字符", trigger: "blur" },
+    {
+      max: 1024,
+      message: t("common.validation.max_length", { field: t("system.base.menu.field.path"), max: 1024 }),
+      trigger: "blur"
+    },
     {
       validator: (_rule, value, callback) => {
-        if (formData.type === BaseMenuType.FOLDER) return callback();
+        if (formData.type === BaseMenuType.BASE_MENU_TYPE_FOLDER) return callback();
         if (!value) {
-          if (formData.type === BaseMenuType.BUTTON) return callback(new Error("请输入权限标识"));
-          if (formData.type === BaseMenuType.EXT_LINK) return callback(new Error("请输入完整外链地址"));
-          return callback(new Error(isAppMenu(formData.parent_id) ? "请输入逻辑路径" : "请输入路由路径"));
+          if (formData.type === BaseMenuType.BASE_MENU_TYPE_BUTTON)
+            return callback(new Error(t("system.base.menu.validation.permission")));
+          if (formData.type === BaseMenuType.BASE_MENU_TYPE_EXT_LINK)
+            return callback(new Error(t("system.base.menu.validation.external_url")));
+          return callback(
+            new Error(
+              t(
+                isAppMenu(formData.parent_id)
+                  ? "system.base.menu.validation.logical_path"
+                  : "system.base.menu.validation.route_path"
+              )
+            )
+          );
         }
         if (isAppMenu(formData.parent_id) && !String(value).startsWith("app/")) {
-          return callback(new Error("移动端逻辑路径必须使用 app/ 前缀"));
+          return callback(new Error(t("system.base.menu.validation.app_path_prefix")));
         }
         callback();
       },
@@ -701,24 +802,41 @@ const rules = computed<FormRules>(() => ({
     }
   ],
   redirect: [
-    { max: 1024, message: "重定向地址不能超过 1024 个字符", trigger: "blur" },
+    {
+      max: 1024,
+      message: t("common.validation.max_length", { field: t("system.base.menu.field.redirect"), max: 1024 }),
+      trigger: "blur"
+    },
     {
       validator: (_rule, value, callback) => {
-        if (formData.type !== BaseMenuType.EXT_LINK) return callback();
+        if (formData.type !== BaseMenuType.BASE_MENU_TYPE_EXT_LINK) return callback();
         if (/^https?:\/\/\S+$/.test(value)) return callback();
-        callback(new Error("请输入完整的 HTTP 外链地址"));
+        callback(new Error(t("system.base.menu.validation.http_url")));
       },
       trigger: "blur"
     }
   ],
   name: [
-    { max: 255, message: "路由名称不能超过 255 个字符", trigger: "blur" },
+    {
+      max: 255,
+      message: t("common.validation.max_length", { field: t("system.base.menu.field.route_name"), max: 255 }),
+      trigger: "blur"
+    },
     {
       validator: (_rule, value, callback) => {
-        if (formData.type !== BaseMenuType.MENU) return callback();
-        if (!value) return callback(new Error(isAppMenu(formData.parent_id) ? "请输入逻辑名称" : "请输入路由名称"));
+        if (formData.type !== BaseMenuType.BASE_MENU_TYPE_MENU) return callback();
+        if (!value)
+          return callback(
+            new Error(
+              t(
+                isAppMenu(formData.parent_id)
+                  ? "system.base.menu.validation.logical_name"
+                  : "system.base.menu.placeholder.route_name"
+              )
+            )
+          );
         if (isAppMenu(formData.parent_id) && !String(value).startsWith("App")) {
-          return callback(new Error("移动端逻辑名称必须使用 App 前缀"));
+          return callback(new Error(t("system.base.menu.validation.app_name_prefix")));
         }
         callback();
       },
@@ -726,54 +844,70 @@ const rules = computed<FormRules>(() => ({
     }
   ],
   component: [
-    { max: 255, message: "组件路径不能超过 255 个字符", trigger: "blur" },
+    {
+      max: 255,
+      message: t("common.validation.max_length", { field: t("system.base.menu.field.component"), max: 255 }),
+      trigger: "blur"
+    },
     {
       validator: (_rule, value, callback) => {
-        if (formData.type !== BaseMenuType.MENU || isAppMenu(formData.parent_id)) return callback();
+        if (formData.type !== BaseMenuType.BASE_MENU_TYPE_MENU || isAppMenu(formData.parent_id)) return callback();
         if (value) return callback();
-        callback(new Error("请输入组件路径"));
+        callback(new Error(t("system.base.menu.validation.component")));
       },
       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"
+    }
+  ]
 }));
 
 /** 计算当前路径字段文案。 */
 function getPathFieldLabel() {
-  if (isAppMenu(formData.parent_id)) return "逻辑路径";
-  if (formData.type === BaseMenuType.BUTTON) return "权限标识";
-  if (formData.type === BaseMenuType.EXT_LINK) return "内部路径";
-  return "路由路径";
+  if (isAppMenu(formData.parent_id)) return t("system.base.menu.field.logical_path");
+  if (formData.type === BaseMenuType.BASE_MENU_TYPE_BUTTON) return t("system.base.menu.field.permission");
+  if (formData.type === BaseMenuType.BASE_MENU_TYPE_EXT_LINK) return t("system.base.menu.field.internal_path");
+  return t("system.base.menu.field.path");
 }
 
 /** 计算当前路径字段占位文案。 */
 function getPathFieldPlaceholder() {
-  if (isAppMenu(formData.parent_id)) return "例如 app/home";
-  if (formData.type === BaseMenuType.BUTTON) return "请输入按钮权限标识";
-  if (formData.type === BaseMenuType.EXT_LINK) return "external/baidu";
-  if (formData.type === BaseMenuType.FOLDER) return "base";
+  if (isAppMenu(formData.parent_id)) return t("system.base.menu.placeholder.logical_path");
+  if (formData.type === BaseMenuType.BASE_MENU_TYPE_BUTTON) return t("system.base.menu.placeholder.permission");
+  if (formData.type === BaseMenuType.BASE_MENU_TYPE_EXT_LINK) return "external/baidu";
+  if (formData.type === BaseMenuType.BASE_MENU_TYPE_FOLDER) return "base";
   return "user";
 }
 
 /** 计算当前路径字段提示文案。 */
 function getPathFieldTooltip() {
-  if (isAppMenu(formData.parent_id)) return "使用 app/ 前缀的稳定逻辑路径，不填写 uni-app 物理页面路径。";
-  if (formData.type === BaseMenuType.BUTTON) return "按钮类型菜单使用权限标识，例如 base:user:create。";
-  if (formData.type === BaseMenuType.EXT_LINK) return "外链使用内部唯一路径，例如 external/baidu；实际地址填写在外链地址中。";
-  if (formData.type === BaseMenuType.FOLDER) return "目录不填写路径，仅用于组织下级菜单。";
-  return "菜单路径通常不带 /，例如 user。";
+  if (isAppMenu(formData.parent_id)) return t("system.base.menu.tooltip.logical_path");
+  if (formData.type === BaseMenuType.BASE_MENU_TYPE_BUTTON) return t("system.base.menu.tooltip.permission");
+  if (formData.type === BaseMenuType.BASE_MENU_TYPE_EXT_LINK) return t("system.base.menu.tooltip.internal_path");
+  if (formData.type === BaseMenuType.BASE_MENU_TYPE_FOLDER) return t("system.base.menu.tooltip.folder_path");
+  return t("system.base.menu.tooltip.route_path");
 }
 
 /** 计算重定向字段文案。 */
 function getRedirectFieldLabel() {
-  return formData.type === BaseMenuType.EXT_LINK ? "外链地址" : "跳转路由";
+  return t(
+    formData.type === BaseMenuType.BASE_MENU_TYPE_EXT_LINK
+      ? "system.base.menu.field.external_url"
+      : "system.base.menu.field.redirect_route"
+  );
 }
 
 /** 计算重定向字段占位文案。 */
 function getRedirectFieldPlaceholder() {
-  return formData.type === BaseMenuType.EXT_LINK ? "https://www.baidu.com/" : "请输入跳转路由";
+  return formData.type === BaseMenuType.BASE_MENU_TYPE_EXT_LINK
+    ? "https://www.example.com/"
+    : t("system.base.menu.placeholder.redirect_route");
 }
 
 /** 判断当前图标是否为 Element Plus 图标。 */
@@ -830,7 +964,7 @@ function normalizeMenuForm(data?: Partial<BaseMenuForm>): MenuFormState {
     ...defaultForm,
     ...data,
     parent_id: parentId,
-    type: data?.type ?? BaseMenuType.FOLDER,
+    type: data?.type ?? BaseMenuType.BASE_MENU_TYPE_FOLDER,
     status: data?.status ?? Status.ENABLE,
     api: normalizeMenuApiSelection(data?.api),
     sort: data?.sort ?? 1,
@@ -844,7 +978,7 @@ function buildMenuOptions(menuList: BaseMenu[] = []) {
   const mobileIds = new Set<number>([APP_MENU_ROOT_ID]);
   const convert = (list: BaseMenu[]): ProFormOption[] =>
     list
-      .filter(item => item.type === BaseMenuType.FOLDER || item.type === BaseMenuType.MENU)
+      .filter(item => item.type === BaseMenuType.BASE_MENU_TYPE_FOLDER || item.type === BaseMenuType.BASE_MENU_TYPE_MENU)
       .map(item => {
         typeMap.set(item.id, item.type);
         if (mobileIds.has(item.parent_id ?? 0)) mobileIds.add(item.id);
@@ -863,6 +997,11 @@ function buildMenuOptions(menuList: BaseMenu[] = []) {
 /** 根据菜单类型清理无效字段，避免提交脏数据。 */
 function buildSubmitPayload(): BaseMenuForm {
   const payload = normalizeMenuForm(formData);
+  payload.translations = serializeDynamicTranslations(
+    translationValues.value,
+    TranslationTargetType.TRANSLATION_TARGET_TYPE_BASE_MENU,
+    payload.id
+  );
   // 一级菜单在表单中保持空白，提交时仍按接口约定传回根节点标识。
   if (payload.id > 0 && payload.parent_id === undefined) payload.parent_id = 0;
   payload.meta.params = (payload.meta.params ?? []).filter(item => item.key || item.value);
@@ -881,7 +1020,7 @@ function buildSubmitPayload(): BaseMenuForm {
     if (!payload.meta.app.in_tab_bar) payload.meta.app.selected_icon = undefined;
   }
 
-  if (payload.type === BaseMenuType.BUTTON) {
+  if (payload.type === BaseMenuType.BASE_MENU_TYPE_BUTTON) {
     payload.name = "";
     payload.component = "";
     payload.redirect = "";
@@ -894,7 +1033,7 @@ function buildSubmitPayload(): BaseMenuForm {
     payload.meta.params = [];
   }
 
-  if (payload.type === BaseMenuType.FOLDER) {
+  if (payload.type === BaseMenuType.BASE_MENU_TYPE_FOLDER) {
     payload.path = "";
     payload.name = "";
     payload.component = "Layout";
@@ -905,7 +1044,7 @@ function buildSubmitPayload(): BaseMenuForm {
     payload.meta.params = [];
   }
 
-  if (payload.type === BaseMenuType.EXT_LINK) {
+  if (payload.type === BaseMenuType.BASE_MENU_TYPE_EXT_LINK) {
     payload.name = "";
     payload.component = "";
     payload.api = [];
@@ -953,6 +1092,7 @@ function filterMenuTree(menuList: BaseMenu[], keywordMap: Record<string, string>
 
 /** 请求菜单表格数据，并按搜索条件过滤树形结构。 */
 async function requestMenuTable(params: Record<string, string>) {
+  await loadEnabledBaseLanguages();
   const data = await defBaseMenuService.TreeBaseMenu({});
   const keywordMap = {
     title: params.title ?? "",
@@ -975,26 +1115,25 @@ function refreshTable() {
  * parentMenu 为新增时的固定父节点，menuId 为编辑时的菜单 ID。
  */
 async function handleOpenDialog(parentMenu?: BaseMenu, menuId?: number) {
+  await loadEnabledBaseLanguages();
   await loadDialogResources();
   dialog.parentLocked = Boolean(parentMenu || menuId);
-  dialog.parentType = parentMenu?.type ?? BaseMenuType.UNKNOWN_MT;
+  dialog.editing = Boolean(menuId);
+  dialog.parentType = parentMenu?.type ?? BaseMenuType.BASE_MENU_TYPE_UNSPECIFIED;
   resetForm(menuId ? undefined : { parent_id: parentMenu?.id });
   dialog.visible = true;
 
   if (menuId) {
-    dialog.title = "修改菜单";
     const data = await defBaseMenuService.GetBaseMenu({ id: menuId });
     resetForm(data);
     return;
   }
-
-  dialog.title = "新增菜单";
 }
 
 /** 关闭菜单弹窗并显式重置表单与校验状态。 */
 function handleCloseDialog() {
   dialog.visible = false;
-  dialog.parentType = BaseMenuType.UNKNOWN_MT;
+  dialog.parentType = BaseMenuType.BASE_MENU_TYPE_UNSPECIFIED;
   dialog.parentLocked = true;
   resetForm();
 }
@@ -1004,6 +1143,7 @@ function resetForm(data?: Partial<BaseMenuForm>) {
   formDialogRef.value?.resetFields();
   formDialogRef.value?.clearValidate();
   Object.assign(formData, normalizeMenuForm(data));
+  translationValues.value = normalizeDynamicTranslations(data?.translations as DynamicTranslationRecord[] | undefined, "title");
 }
 
 /** 提交菜单表单，并在成功后关闭弹窗、刷新表格。 */
@@ -1014,10 +1154,10 @@ async function handleSubmit() {
   const payload = buildSubmitPayload();
   if (payload.id > 0) {
     await defBaseMenuService.UpdateBaseMenu({ base_menu: payload });
-    ElMessage.success("菜单更新成功");
+    ElMessage.success(t("system.base.menu.message.update_success"));
   } else {
     await defBaseMenuService.CreateBaseMenu({ base_menu: payload });
-    ElMessage.success("菜单创建成功");
+    ElMessage.success(t("system.base.menu.message.create_success"));
   }
 
   handleCloseDialog();
@@ -1029,16 +1169,20 @@ async function handleSubmit() {
  */
 async function handleBeforeSetStatus(row: BaseMenu) {
   const nextStatus = row.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 menuName = row.meta?.title || row.name || row.path || `ID:${row.id}`;
   try {
-    await ElMessageBox.confirm(`是否确定${text}菜单？\n菜单名称：${menuName}`, "提示", {
-      confirmButtonText: "确认",
-      cancelButtonText: "取消",
-      type: "warning"
-    });
+    await ElMessageBox.confirm(
+      t("system.base.menu.message.confirm_status", { action, name: menuName }),
+      t("common.title.notice"),
+      {
+        confirmButtonText: t("common.action.confirm"),
+        cancelButtonText: t("common.action.cancel"),
+        type: "warning"
+      }
+    );
     await defBaseMenuService.SetBaseMenuStatus({ id: row.id, status: nextStatus });
-    ElMessage.success(`${text}成功`);
+    ElMessage.success(t("common.message.status_success", { action }));
     refreshTable();
     return true;
   } catch {
@@ -1056,37 +1200,37 @@ function handleDeleteMenu(selected?: number | string | Array<number | string> |
       ? [selected as BaseMenu]
       : [];
   if (menuList.some(item => item.parent_id === 0 || item.id === APP_MENU_ROOT_ID)) {
-    ElMessage.warning("固定菜单不允许删除");
+    ElMessage.warning(t("system.base.menu.message.protected_delete"));
     return;
   }
   const menuIds = (
     menuList.length ? menuList.map(item => item.id) : normalizeSelectedIds(selected as number | string | Array<number | string>)
   ).join(",");
   if (!menuIds) {
-    ElMessage.warning("请勾选删除项");
+    ElMessage.warning(t("common.message.select_delete_item"));
     return;
   }
 
   const singleMenuName = menuList[0]?.meta?.title || menuList[0]?.name || menuList[0]?.path || `ID:${menuList[0]?.id ?? ""}`;
   const confirmMessage = menuList.length
     ? menuList.length === 1
-      ? `是否确定删除菜单？\n菜单名称：${singleMenuName}`
-      : `确认删除已选中的 ${menuList.length} 个菜单项吗？`
-    : "确认删除已选中的菜单项吗？";
+      ? t("system.base.menu.message.confirm_delete_single", { name: singleMenuName })
+      : t("system.base.menu.message.confirm_delete_batch", { count: menuList.length })
+    : t("system.base.menu.message.confirm_delete_selected");
 
-  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(
     () => {
       defBaseMenuService.DeleteBaseMenu({ id: menuIds }).then(() => {
-        ElMessage.success("删除菜单成功");
+        ElMessage.success(t("system.base.menu.message.delete_success"));
         refreshTable();
       });
     },
     () => {
-      ElMessage.info("已取消删除菜单");
+      ElMessage.info(t("system.base.menu.message.delete_canceled"));
     }
   );
 }