工作空间国际化 0.1

frontend/src/i18n/en_US.js

@@ -1,4 +1,13 @@
 const en_US = {
+  commons: {
+    'workspace': 'Workspace',
+    'name': 'Name',
+    'description': 'Description',
+    'save': 'Save'
+  },
+  workspace: {
+    'create': 'Create Workspace',
+  },
   i18n: {
     'home': 'Home',
   }

frontend/src/i18n/zh_CN.js

@@ -1,4 +1,13 @@
 const zh_CN = {
+  commons: {
+    'workspace': '工作空间',
+    'name': '名称',
+    'description': '描述',
+    'save': '保存'
+  },
+  workspace: {
+    'create': '创建工作空间',
+  },
   i18n: {
     'home': '首页',
   }

frontend/src/performance/components/settings/Workspace.vue

@@ -4,7 +4,7 @@
       <div slot="header">
         <el-row type="flex" justify="space-between" align="middle">
           <span class="title">
-            工作空间
+            {{$t('commons.workspace')}}
             <ms-create-box :tips="btnTips" :exec="create"/>
           </span>
           <span class="search">
@@ -14,8 +14,8 @@
         </el-row>
       </div>
       <el-table :data="items" style="width: 100%">
-        <el-table-column prop="name" label="名称"/>
-        <el-table-column prop="description" label="描述"/>
+        <el-table-column prop="name" :label="$t('commons.name')"/>
+        <el-table-column prop="description" :label="$t('commons.description')"/>
         <el-table-column>
           <template slot-scope="scope">
             <el-button @click="edit(scope.row)" type="primary" icon="el-icon-edit" size="mini" circle/>
@@ -42,17 +42,17 @@
       </div>
     </el-card>
 
-    <el-dialog title="创建工作空间" :visible.sync="createVisible" width="30%">
+    <el-dialog :title="$t('workspace.create')" :visible.sync="createVisible" width="30%">
       <el-form :model="form" :rules="rules" ref="form" label-position="left" label-width="100px" size="small">
-        <el-form-item label="名称" prop="name">
+        <el-form-item :label="$t('commons.name')" prop="name">
           <el-input v-model="form.name" autocomplete="off"/>
         </el-form-item>
-        <el-form-item label="描述">
+        <el-form-item :label="$t('commons.description')">
           <el-input type="textarea" v-model="form.description"></el-input>
         </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="submit('form')" size="medium">创建</el-button>
+        <el-button type="primary" @click="submit('form')" size="medium">{{$t('commons.save')}}</el-button>
       </span>
     </el-dialog>
   </div>