add english

public/locales/en.json

@@ -7,6 +7,24 @@
     "startDate": "Start Date",
     "endDate": "End Date",
     "search": "Search",
-    "reset": "Reset"
+    "reset": "Reset",
+    "count": "Count:",
+    "create": "Create",
+    "name": "Name"
+  },
+  "page": {
+    "title": "JCCE",
+    "JointDomainresourceflux": "Joint Domain resource flux",
+    "task": "Task",
+    "taskDescription": "Support for creating tasks that are interoperable and interconnected between different computing environments or hardware platforms, ensuring that each task can run independently on different computing environments or hardware platforms.",
+    "taskName": "Task Name",
+    "jobStatus": "Job Status",
+    "policy": "Policy",
+    "synergyStatus": "Synergy Status",
+    "adapter": "Adapter",
+    "cluster": "Cluster",
+    "startTime": "Start Time",
+    "more": "More",
+    "viewDetail": "View Detail"
   }
 }

public/locales/zh.json

@@ -7,6 +7,24 @@
     "startDate": "开始日期",
     "endDate": "结束日期",
     "search": "搜索",
-    "reset": "重置"
+    "reset": "重置",
+    "count": "总条数：",
+    "create": "创建",
+    "name": "名称"
+  },
+  "page": {
+    "title": "云际计算开源社区",
+    "JointDomainresourceflux": " 云际全域资源态势感知 ",
+    "task": "任务",
+    "taskDescription": "支持创建不同计算环境或不同硬件平台之间的任务进行互联互通互操作，确保每个任务在不同的计算环境或硬件平台上都可以独立地运行。 ",
+    "taskName": "任务名称",
+    "jobStatus": "作业状态",
+    "policy": "作业策略",
+    "synergyStatus": "协同状态",
+    "adapter": "适配器",
+    "cluster": "集群",
+    "startTime": "作业开始时间",
+    "more": "更多操作",
+    "viewDetail": "查看详情"
   }
 }

src/layout/components/Navbar.vue

@@ -6,11 +6,11 @@
       </router-link>
       <el-button round @click="changeLang">{{ $t('message.hello') }}</el-button>
     </div>
-    <div class="top-title">云际计算基础平台</div>
+    <div class="top-title">{{ $t('page.title') }}</div>
     <div class="right-menu">
       <router-link class="selectBtn" to="/monitorSelectBk">
         <svg-icon icon-class="ziyuanguanli" />
-        云际全域资源态势感知
+        {{ $t('page.JointDomainresourceflux') }}
       </router-link>
       <!-- <el-dropdown class="right-menu-item hover-effect" trigger="click">
         <div class="selectBtn avatar-wrapper">

src/views/taskManagement/taskList/list.vue

@@ -2,13 +2,14 @@
   <div class="podInfo">
     <el-card class="basicInfo">
       <img src="@/assets/images/node.png" class="sidebar-logo" alt="项目">
-      <h4>任务</h4>
+      <h4>{{ $t('page.task') }}</h4>
       <span class="tips title-tips">
-        支持创建不同计算环境或不同硬件平台之间的任务进行互联互通互操作，确保每个任务在不同的计算环境或硬件平台上都可以独立地运行。</span>
+        {{ $t('page.taskDescription') }}</span>
     </el-card>
     <el-card>
       <List
         ref="multipleTable"
+        :key="$i18n.locale"
         class="multipleTable"
         :columns="columns"
         :filter-map="filterMap"
@@ -17,8 +18,7 @@
         tooltip-effect="dark"
       >
         <template v-slot:filterBtns>
-          <span>总条数：<span>{{ num }}</span></span>
-          <el-button size="medium" type="primary" @click="createItem">创建</el-button>
+          <el-button size="medium" type="primary" @click="createItem">{{ $t('message.create') }}</el-button>
         </template>
       </List>
     </el-card>
@@ -32,46 +32,61 @@ export default {
   components: { List },
   data() {
     return {
-      getAppList,
-      filterMap: {
+      getAppList
+      // columns: []
+    }
+  },
+  computed: {
+    filterMap() {
+      return {
         name: {
-          label: '名称'
+          label: this.$t('message.name')
         }
-      },
-      columns: [
-        { prop: 'name', label: '任务名称', sortable: true, formatter: (row) => { return <a onClick={() => this.viewDetail(row)}>{row.name}</a> } },
+      }
+    },
+    columns() {
+      return this.setColumn()
+    }
+  },
+  watch: {
+    // '$i18n.locale'() {
+    //   console.log('fff')
+    //   this.setColumn()
+    // }
+  },
+  mounted() {
+    // this.setColumn()
+  },
+  methods: {
+    setColumn() {
+      return [
+        { prop: 'name', label: this.$t('page.taskName'), sortable: true, formatter: (row) => { return <a onClick={() => this.viewDetail(row)}>{row.name}</a> } },
         {
           prop: 'status',
-          label: '作业状态',
+          label: this.$t('page.jobStatus'),
           width: 120
         },
-        { prop: 'policy', label: '作业策略' },
-        { prop: 'synergyStatus', label: '协同状态', sortable: true },
-        { prop: 'adapter', label: '适配器', sortable: true },
-        { prop: 'cluster', label: '集群', sortable: true },
-        { prop: 'startTime', label: '作业开始时间', sortable: true, formatter: (row) => {
+        { prop: 'policy', label: this.$t('page.policy') },
+        { prop: 'synergyStatus', label: this.$t('page.synergyStatus'), sortable: true },
+        { prop: 'adapter', label: this.$t('page.adapter'), sortable: true },
+        { prop: 'cluster', label: this.$t('page.cluster'), sortable: true },
+        { prop: 'startTime', label: this.$t('page.startTime'), sortable: true, formatter: (row) => {
           return <div>{row.startTime}</div>
         } },
-        // { prop: 'existTime', label: '已运行时间', sortable: true, formatter: (row) => {
-        //   return <div>{row.aliveTime}</div>
-        // } },
-        { prop: 'more', label: '更多操作', formatter: (row) => {
+        { prop: 'more', label: this.$t('page.more'), formatter: (row) => {
+          const txt = this.$t('page.viewDetail')
           return <div>
             <el-dropdown>
               <el-button className='el-dropdown-link' size='mini' icon='el-icon-more' circle>
               </el-button>
               <el-dropdown-menu slot='dropdown'>
-                <span onClick={() => this.viewDetail(row)}> <el-dropdown-item> 查看详情 </el-dropdown-item> </span>
+                <span onClick={() => this.viewDetail(row)}> <el-dropdown-item> {txt} </el-dropdown-item> </span>
               </el-dropdown-menu>
             </el-dropdown>
           </div>
         } }
       ]
-    }
-  },
-  mounted() {
-  },
-  methods: {
+    },
     viewDetail(row) {
       // this.$router.push({ path: `virtual-machine/detail`, query: { name: row.name, namespace: row.namespace }})
     },