创建中英双语对照

saiadmin-artd/src/views/system/menu/index.vue

@@ -16,7 +16,7 @@
               <template #icon>
                 <ArtSvgIcon icon="ri:add-fill" />
               </template>
-              新增
+              {{ $t('table.actions.add') }}
             </ElButton>
             <ElButton
               v-permission="'core:menu:destroy'"
@@ -27,7 +27,7 @@
               <template #icon>
                 <ArtSvgIcon icon="ri:delete-bin-5-line" />
               </template>
-              删除
+              {{ $t('table.actions.delete') }}
             </ElButton>
             <ElButton @click="toggleExpand" v-ripple>
               <template #icon>
@@ -129,10 +129,10 @@
       apiFn: api.list,
       columnsFactory: () => [
         { type: 'selection' },
-        { prop: 'name', label: '菜单名称', minWidth: 150 },
+        { prop: 'name', label: 'table.columns.system.menuName', minWidth: 150 },
         {
           prop: 'type',
-          label: '菜单类型',
+          label: 'table.columns.system.menuType',
           align: 'center',
           saiType: 'dict',
           saiDict: 'menu_type',
@@ -140,17 +140,17 @@
         },
         {
           prop: 'icon',
-          label: '图标',
+          label: 'table.columns.system.icon',
           align: 'center',
           width: 80,
           formatter: (row: any) => {
             return h(ArtSvgIcon, { icon: row.icon })
           }
         },
-        { prop: 'code', label: '组件名称' },
+        { prop: 'code', label: 'table.columns.system.component' },
         {
           prop: 'path',
-          label: '路由',
+          label: 'table.columns.system.route',
           formatter: (row: any) => {
             if (row.type === 3) return ''
             return row.path || ''
@@ -158,7 +158,7 @@
         },
         {
           prop: 'slug',
-          label: '权限标识',
+          label: 'table.columns.system.auth',
           minWidth: 160,
           formatter: (row: any) => {
             if (row.type === 2) {
@@ -170,9 +170,9 @@
             return ''
           }
         },
-        { prop: 'sort', label: '排序', width: 100 },
-        { prop: 'status', label: '状态', saiType: 'dict', saiDict: 'data_status', width: 100 },
-        { prop: 'operation', label: '操作', width: 140, fixed: 'right', useSlot: true }
+        { prop: 'sort', label: 'table.columns.common.sort', width: 100 },
+        { prop: 'status', label: 'table.columns.common.status', saiType: 'dict', saiDict: 'data_status', width: 100 },
+        { prop: 'operation', label: 'table.actions.operation', width: 140, fixed: 'right', useSlot: true }
       ]
     }
   })

saiadmin-artd/src/views/system/menu/modules/table-search.vue

@@ -9,18 +9,18 @@
     @expand="handleExpand"
   >
     <el-col v-bind="setSpan(6)">
-      <el-form-item label="菜单名称" prop="name">
-        <el-input v-model="formData.name" placeholder="请输入菜单名称" clearable />
+      <el-form-item :label="$t('table.columns.system.menuName')" prop="name">
+        <el-input v-model="formData.name" :placeholder="$t('table.searchBar.placeholderMenuName')" clearable />
       </el-form-item>
     </el-col>
     <el-col v-bind="setSpan(6)">
-      <el-form-item label="菜单路由" prop="path">
-        <el-input v-model="formData.path" placeholder="请输入菜单路由" clearable />
+      <el-form-item :label="$t('table.columns.system.route')" prop="path">
+        <el-input v-model="formData.path" :placeholder="$t('table.searchBar.placeholderMenuRoute')" clearable />
       </el-form-item>
     </el-col>
     <el-col v-bind="setSpan(6)">
-      <el-form-item label="状态" prop="status">
-        <sa-select v-model="formData.status" dict="data_status" clearable />
+      <el-form-item :label="$t('table.columns.common.status')" prop="status">
+        <sa-select v-model="formData.status" dict="data_status" :placeholder="$t('table.searchBar.searchSelectPlaceholder')" clearable />
       </el-form-item>
     </el-col>
   </sa-search-bar>