fix

public/locales/en.json

@@ -140,7 +140,8 @@
     "role": "角色",
     "modifyStatus": "是否要修改该状态",
     "cancelModify": "取消修改",
-    "isDelUser": "是否要删除该用户"
+    "isDelUser": "是否要删除该用户",
+    "diskFormat": "磁盘格式"
   },
   "page": {
     "cloud": "cloud",
@@ -460,6 +461,7 @@
     "host": "主机路由",
     "hostTooltips": "主机增加额外的路由.记录格式是:目的CIDR下一跳(例如192.168.200.0/24,10.56.1.254)，每行一条记录",
     "tryDeleteVolume": "您试图删除卷",
+    "tryDelete": "您试图删除",
     "size": "大小",
     "availableZone": "可用域",
     "bootable": "可启动",
@@ -470,6 +472,9 @@
     "number": "数字",
     "dictValue": "字典值",
     "showValue": "展示值",
-    "warnDetail": "告警详情"
+    "warnDetail": "告警详情",
+    "owner": "所有者",
+    "visibility": "可见性",
+    "protected": "受保护的"
   }
 }

public/locales/zh.json

@@ -140,7 +140,8 @@
     "role": "角色",
     "modifyStatus": "是否要修改该状态",
     "cancelModify": "取消修改",
-    "isDelUser": "是否要删除该用户"
+    "isDelUser": "是否要删除该用户",
+    "diskFormat": "磁盘格式"
   },
   "page": {
     "cloud": "数算",
@@ -460,6 +461,7 @@
     "host": "主机路由",
     "hostTooltips": "主机增加额外的路由.记录格式是:目的CIDR下一跳(例如192.168.200.0/24,10.56.1.254)，每行一条记录",
     "tryDeleteVolume": "您试图删除卷",
+    "tryDelete": "您试图删除",
     "size": "大小",
     "availableZone": "可用域",
     "bootable": "可启动",
@@ -470,6 +472,9 @@
     "number": "数字",
     "dictValue": "字典值",
     "showValue": "展示值",
-    "warnDetail": "告警详情"
+    "warnDetail": "告警详情",
+    "owner": "所有者",
+    "visibility": "可见性",
+    "protected": "受保护的"
   }
 }

src/views/virtualMachine/image/list.vue

@@ -3,6 +3,7 @@
     <el-card>
       <List
         ref="multipleTable"
+        :key="$i18n.locale"
         class="multipleTable"
         :columns="columns"
         :get-list-action="getImageList"
@@ -13,7 +14,7 @@
         list-key="images"
       >
         <template v-slot:filterBtns>
-          <el-button size="medium" type="primary" @click="creation">创建</el-button>
+          <el-button size="medium" type="primary" @click="creation">{{ $t('message.create') }}</el-button>
         </template>
       </List>
     </el-card>
@@ -24,7 +25,7 @@
       :visible.sync="deleteDialogVisible"
       width="30%"
     >
-      <span>您试图删除 镜像 {{ clickrow.name }} </span>
+      <span>{{ $t('page.tryDelete') }} {{ clickrow.name }} </span>
       <span slot="footer" class="dialog-footer">
         <el-button @click="deleteDialogVisible = false">{{ $t('message.cancel') }}</el-button>
         <el-button type="primary" @click="deleteDataImage(clickrow.name, clickrow.namespace)">{{ $t('message.confirm') }}</el-button>
@@ -49,22 +50,36 @@ export default {
       getImageList,
       // putImagesYaml,
       deleteDialogVisible: false,
-      clickrow: '',
-      columns: [
-        { prop: 'status', label: '状态', width: '150', formatter: (row) => {
+      clickrow: ''
+    }
+  },
+  computed: {
+    clusterName() {
+      return localStorage.getItem('clusterName')
+    },
+    columns() {
+      return this.setColumn()
+    }
+  },
+  created() {
+  },
+  methods: {
+    setColumn() {
+      return [
+        { prop: 'status', label: this.$t('page.status'), width: '150', formatter: (row) => {
           return <div style='text-align: left'>
             <el-tag type='info'> {row.status} </el-tag>
             {/* {row.message ? <el-tooltip placement='top'><div slot='content'>{row.message}</div><i class='el-icon-info'></i></el-tooltip> : ''} */}
           </div>
         } },
-        { prop: 'owner', label: '所有者', width: '150' },
-        { prop: 'id', label: '名称', sortable: true, formatter: (row) => { return <a onClick={() => this.viewImagesDetail(row)}>{row.id}</a> } },
-        { prop: 'visibility', label: '可见性', width: '150', sortable: true },
-        { prop: 'size', label: '大小', width: '150' },
-        { prop: 'protected', label: '受保护的', width: '150', formatter: (row) => {
+        { prop: 'owner', label: this.$t('page.owner'), width: '150' },
+        { prop: 'id', label: this.$t('page.name'), sortable: true, formatter: (row) => { return <a onClick={() => this.viewImagesDetail(row)}>{row.id}</a> } },
+        { prop: 'visibility', label: this.$t('page.visibility'), width: '150', sortable: true },
+        { prop: 'size', label: this.$t('page.size'), width: '150' },
+        { prop: 'protected', label: this.$t('page.protected'), width: '150', formatter: (row) => {
           return <div>{row.protected ? this.$t('permission.yes') : this.$t('permission.no')}</div>
         } },
-        { prop: 'disk_format', label: '磁盘格式', sortable: true, width: '150' },
+        { prop: 'disk_format', label: this.$t('permission.diskFormat'), sortable: true, width: '150' },
         {
           prop: 'more', label: this.$t('page.more'), width: '150', formatter: (row) => {
             return <div>
@@ -77,23 +92,14 @@ export default {
                   <span onClick={() => this.clickOption(row, 6)}> <el-dropdown-item> <i class='el-icon-view'></i>查看YAML </el-dropdown-item> </span>
                   <span onClick={() => this.clickOption(row, 3)}> <el-dropdown-item> <i class='el-icon-edit'></i>编辑YAML </el-dropdown-item> </span>
                   <span onClick={() => this.clickOption(row, 4)}> <el-dropdown-item><i class='el-icon-download'></i> 下载YAML </el-dropdown-item> </span> */}
-                  <span onClick={() => this.clickOption(row, 5)}> <el-dropdown-item divided><i class='el-icon-delete'></i> 删除 </el-dropdown-item> </span>
+                  <span onClick={() => this.clickOption(row, 5)}> <el-dropdown-item divided><i class='el-icon-delete'></i> {this.$t('message.delete')} </el-dropdown-item> </span>
                 </el-dropdown-menu>
               </el-dropdown>
             </div>
           }
         }
       ]
-    }
-  },
-  computed: {
-    clusterName() {
-      return localStorage.getItem('clusterName')
-    }
-  },
-  created() {
-  },
-  methods: {
+    },
     viewImagesDetail(row) {
       this.$router.push({ path: `images/detail`, query: { name: row.name }})
     },