diff --git a/frontend/src/business/components/settings/workspace/TestCaseReportTemplate.vue b/frontend/src/business/components/settings/workspace/TestCaseReportTemplate.vue
index 37937b91719551987cafa8386dd85eb6c8951732..5d05f30c81a99a873e147caedf57b6ab53d090e9 100644
--- a/frontend/src/business/components/settings/workspace/TestCaseReportTemplate.vue
+++ b/frontend/src/business/components/settings/workspace/TestCaseReportTemplate.vue
@@ -1,38 +1,34 @@
 <template>
 
-  <div v-loading="result.loading">
-    <el-card>
-      <template v-slot:header>
-        <ms-table-header :condition.sync="condition" @search="initData"
-                         :title="'测试报告模版'"
-                         :create-tip="'新建模版'" @create="templateEdit">
+    <ms-main-container v-loading="result.loading">
+      <el-card>
+        <template v-slot:header>
+          <ms-table-header :condition.sync="condition" @search="initData"
+                           :title="$t('test_track.plan_view.report_template')"
+                           :create-tip="$t('test_track.plan_view.create_template')" @create="templateEdit">
+          </ms-table-header>
+        </template>
 
-        </ms-table-header>
-      </template>
-
-      <el-main>
         <testcase-template-item v-for="item in templates" :key="item.id"
                                 :template="item" @templateEdit="templateEdit" @refresh="initData"/>
-      </el-main>
-
-      <test-case-report-template-edit ref="templateEdit" @refresh="initData"/>
-
-    </el-card>
 
-  </div>
+        <test-case-report-template-edit ref="templateEdit" @refresh="initData"/>
 
+      </el-card>
+  </ms-main-container>
 </template>
 
 <script>
 
     import MsTableHeader from "../../common/components/MsTableHeader";
-    import TestCaseReportTemplateEdit from "./components/TestCaseReportTemplateEdit";
-    import TestcaseTemplateItem from "./components/TestcaseTemplateItem";
+    import TestCaseReportTemplateEdit from "../../track/plan/view/comonents/report/TestCaseReportTemplateEdit";
+    import TestcaseTemplateItem from "../../track/plan/view/comonents/report/TestcaseTemplateItem";
     import {WORKSPACE_ID} from '../../../../common/js/constants';
+    import MsMainContainer from "../../common/components/MsMainContainer";
 
     export default {
       name: "TestCaseReportTemplate",
-      components: {TestcaseTemplateItem, TestCaseReportTemplateEdit, MsTableHeader},
+      components: {MsMainContainer, TestcaseTemplateItem, TestCaseReportTemplateEdit, MsTableHeader},
       data() {
         return {
           result: {},
diff --git a/frontend/src/business/components/track/case/components/TestCaseImport.vue b/frontend/src/business/components/track/case/components/TestCaseImport.vue
index dcfdd1d1af1da8cc91e6bae019c8a02dad3b73bb..fad096aa9fca4666d2e9403ab765b903a7b581b7 100644
--- a/frontend/src/business/components/track/case/components/TestCaseImport.vue
+++ b/frontend/src/business/components/track/case/components/TestCaseImport.vue
@@ -11,7 +11,7 @@
       <el-row>
         <el-upload
           v-loading="isLoading"
-          element-loading-text="导入中"
+          :element-loading-text="$t('test_track.case.import.importing')"
           element-loading-spinner="el-icon-loading"
           class="upload-demo"
           :action="'/test/case/import/' + projectId"
diff --git a/frontend/src/business/components/track/case/components/TestCaseList.vue b/frontend/src/business/components/track/case/components/TestCaseList.vue
index 079b4ee9f8bc732e5187767f31405690b436581a..6bc08c6dadd02b2521d373b0acf6ae058051b0c9 100644
--- a/frontend/src/business/components/track/case/components/TestCaseList.vue
+++ b/frontend/src/business/components/track/case/components/TestCaseList.vue
@@ -12,7 +12,7 @@
           <template v-slot:button>
             <ms-table-button icon="el-icon-upload2" :content="$t('test_track.case.import.import')" @click="importTestCase"/>
             <ms-table-button icon="el-icon-right" :content="$t('test_track.case.move')" @click="handleBatch('move')"/>
-            <ms-table-button icon="el-icon-delete" :content="'删除用例'" @click="handleBatch('delete')"/>
+            <ms-table-button icon="el-icon-delete" :content="$t('test_track.case.delete')" @click="handleBatch('delete')"/>
             <!--<test-case-export/>-->
           </template>
         </ms-table-header>
diff --git a/frontend/src/business/components/track/home/TrackHome.vue b/frontend/src/business/components/track/home/TrackHome.vue
index 8f63364e67c5ab4bdc78e53005398a6945eda8dc..80254f5488c434756fae29e2afbafec23cae120d 100644
--- a/frontend/src/business/components/track/home/TrackHome.vue
+++ b/frontend/src/business/components/track/home/TrackHome.vue
@@ -6,7 +6,7 @@
           <related-test-plan-list ref="relatedTestPlanList"/>
         </el-col>
         <el-col :span="9">
-          <test-case-side-list :title="'最近测试'" ref="testCaseRecentList"/>
+          <test-case-side-list :title="$t('test_track.home.recent_test')" ref="testCaseRecentList"/>
         </el-col>
       </el-row>
     </ms-main-container>
diff --git a/frontend/src/business/components/track/home/components/HomeBaseComponent.vue b/frontend/src/business/components/track/home/components/HomeBaseComponent.vue
index 0f309bb24befe94aa7c588c536290cd04b31bcfc..508f44bb019d3a5839c4ed1071117979043bc2b8 100644
--- a/frontend/src/business/components/track/home/components/HomeBaseComponent.vue
+++ b/frontend/src/business/components/track/home/components/HomeBaseComponent.vue
@@ -15,7 +15,9 @@
       props: {
         title: {
           type: String,
-          default: '标题'
+          default() {
+            this.$t('commons.title')
+          }
         }
       }
     }
diff --git a/frontend/src/business/components/track/home/components/RelatedTestPlanList.vue b/frontend/src/business/components/track/home/components/RelatedTestPlanList.vue
index c4997e1bcfd7ed0a3e2a510c0b28394e835d2c87..f2af059c0a7677b5c0e707129679106592fb407b 100644
--- a/frontend/src/business/components/track/home/components/RelatedTestPlanList.vue
+++ b/frontend/src/business/components/track/home/components/RelatedTestPlanList.vue
@@ -1,5 +1,5 @@
 <template>
-  <home-base-component :title="'我的计划'" v-loading>
+  <home-base-component  v-loading>
     <el-table
       :data="tableData"
       @row-click="intoPlan"
@@ -22,7 +22,7 @@
 
       <el-table-column
         prop="projectName"
-        :label="'通过率'"
+        :label="$t('test_track.pass_rate')"
         show-overflow-tooltip>
         <template v-slot:default="scope">
           {{scope.row.passRate}}%
@@ -31,7 +31,7 @@
 
       <el-table-column
         prop="projectName"
-        :label="'已测用例'"
+        :label="$t('test_track.home.tested_case')"
         show-overflow-tooltip>
         <template v-slot:default="scope">
           {{scope.row.tested}}/{{scope.row.total}}
@@ -40,7 +40,7 @@
 
       <el-table-column
         prop="projectName"
-        :label="'测试进度'"
+        :label="$t('test_track.home.test_rate')"
         min-width="100"
         show-overflow-tooltip>
         <template v-slot:default="scope">
diff --git a/frontend/src/business/components/track/plan/components/TestPlanEdit.vue b/frontend/src/business/components/track/plan/components/TestPlanEdit.vue
index 12bd235eb6f9ad1c17b0bdf736bfb2a802dd9baa..29a069f81a2b001d7f44828395887f8b64a3116f 100644
--- a/frontend/src/business/components/track/plan/components/TestPlanEdit.vue
+++ b/frontend/src/business/components/track/plan/components/TestPlanEdit.vue
@@ -78,7 +78,7 @@
 
         <el-row v-if="operationType == 'edit'" type="flex" justify="left" style="margin-top: 10px;">
           <el-col :span="19" :offset="1">
-            <el-form-item :label="'当前状态'" :label-width="formLabelWidth" prop="status">
+            <el-form-item :label="$t('test_track.plan.plan_status')" :label-width="formLabelWidth" prop="status">
               <test-plan-status-button :status="form.status" @statusChange="statusChange"/>
             </el-form-item>
           </el-col>
diff --git a/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseEdit.vue b/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseEdit.vue
index 2e972a04120ba4175d749a771a6ef033e95f28a6..473af13a42343901caa45559637d3385f2289312 100644
--- a/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseEdit.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseEdit.vue
@@ -142,7 +142,7 @@
                   <el-switch
                     v-model="testCase.flaw.hasFlaw"
                     @change="flawChange"
-                    active-text="提缺陷">
+                    :active-text="$t('test_track.plan_view.submit_flaw')">
                   </el-switch>
                 </el-col>
               </el-row>
@@ -296,11 +296,11 @@
       },
       flawChange() {
        if (this.testCase.flaw.hasFlaw) {
-          let desc = this.addPLabel('[' + '操作步骤' + ']');
-          let result = this.addPLabel('[' + '预期结果' + ']');
-          let executeResult = this.addPLabel('[' + '实际结果' + ']');
+          let desc = this.addPLabel('[' + this.$t('test_track.plan_view.operate_step') + ']');
+          let result = this.addPLabel('[' + this.$t('test_track.case.expected_results') + ']');
+          let executeResult = this.addPLabel('[' + this.$t('test_track.plan_view.actual_result') + ']');
           this.testCase.steps.forEach(step => {
-            let stepPrefix = '步骤' + step.num + ':';
+            let stepPrefix = this.$t('test_track.plan_view.step') + step.num + ':';
             desc += this.addPLabel(stepPrefix + (step.desc == undefined ? '' : step.desc));
             result += this.addPLabel(stepPrefix + (step.result == undefined ? '' : step.result));
             executeResult += this.addPLabel(stepPrefix + (step.executeResult == undefined ? '' : step.executeResult));
diff --git a/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseList.vue b/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseList.vue
index b9b9e4f8b30ae22f4028a2b109ef98f2bc0b9b09..de84d2ecf4a98397685df1c96ce3ee20d1a07b47 100644
--- a/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseList.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/TestPlanTestCaseList.vue
@@ -10,11 +10,11 @@
             <ms-table-button v-if="!showMyTestCase" icon="el-icon-s-custom" :content="$t('test_track.plan_view.my_case')" @click="searchMyTestCase"/>
             <ms-table-button v-if="showMyTestCase" icon="el-icon-files" :content="$t('test_track.plan_view.all_case')" @click="searchMyTestCase"/>
             <ms-table-button icon="el-icon-connection" :content="$t('test_track.plan_view.relevance_test_case')" @click="$emit('openTestCaseRelevanceDialog')"/>
-            <ms-table-button icon="el-icon-unlock" :content="'取消用例关联'" @click="handleBatch('delete')"/>
+            <ms-table-button icon="el-icon-unlock" :content="$t('test_track.plan_view.cancel_relevance')" @click="handleBatch('delete')"/>
             <ms-table-button icon="el-icon-edit-outline" :content="$t('test_track.plan_view.change_execution_results')" @click="handleBatch('status')"/>
             <ms-table-button icon="el-icon-user" :content="$t('test_track.plan_view.change_executor')" @click="handleBatch('executor')"/>
-            <ms-table-button v-if="!testPlan.reportId" icon="el-icon-document" :content="$t('创建测试报告')" @click="openTestReport"/>
-            <ms-table-button v-if="testPlan.reportId" icon="el-icon-document" :content="$t('查看测试报告')" @click="openReport"/>
+            <ms-table-button v-if="!testPlan.reportId" icon="el-icon-document" :content="$t('test_track.plan_view.create_report')" @click="openTestReport"/>
+            <ms-table-button v-if="testPlan.reportId" icon="el-icon-document" :content="$t('test_track.plan_view.view_report')" @click="openReport"/>
           </template>
         </ms-table-header>
       </template>
@@ -144,7 +144,7 @@
   import MsTableOperator from "../../../../common/components/MsTableOperator";
   import MsTableOperatorButton from "../../../../common/components/MsTableOperatorButton";
   import TestReportTemplateList from "./TestReportTemplateList";
-  import TestCaseReportView from "./TestCaseReportView";
+  import TestCaseReportView from "./report/TestCaseReportView";
 
   export default {
       name: "TestPlanTestCaseList",
diff --git a/frontend/src/business/components/track/plan/view/comonents/TestReportTemplateList.vue b/frontend/src/business/components/track/plan/view/comonents/TestReportTemplateList.vue
index 79c20c5ee887ffb220ac99eb70dfff9a10557e97..dedc618af4ecb873a233ae04d7b091ff8e8c74b8 100644
--- a/frontend/src/business/components/track/plan/view/comonents/TestReportTemplateList.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/TestReportTemplateList.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <el-dialog :title="'选择模版'"
+  <el-dialog :title="$t('test_track.plan_view.select_template')"
              :visible.sync="templateVisible"
              width="50%">
 
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-    import TestcaseTemplateItem from "../../../../settings/workspace/components/TestcaseTemplateItem";
+    import TestcaseTemplateItem from "./report/TestcaseTemplateItem";
     import {WORKSPACE_ID} from "../../../../../../common/js/constants";
     export default {
       name: "TestReportTemplateList",
diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponent/BaseInfoComponent.vue b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/BaseInfoComponent.vue
similarity index 71%
rename from frontend/src/business/components/settings/workspace/components/TemplateComponent/BaseInfoComponent.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/BaseInfoComponent.vue
index 6fa52368045d0cd98ee33933e0550e07bba4b04c..61123189667f568671150c385fef9867859201ab 100644
--- a/frontend/src/business/components/settings/workspace/components/TemplateComponent/BaseInfoComponent.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/BaseInfoComponent.vue
@@ -1,36 +1,36 @@
 <template>
 
-  <common-component :title="'基础信息'">
+  <common-component :title="$t('test_track.plan_view.base_info')">
 
     <template>
 
       <el-row type="flex" justify="space-between">
         <el-col :span="12">
-          <span>所属项目：</span>
+          <span>{{$t('test_track.plan.plan_project')}}：</span>
           <span class="item-value">{{reportInfo.projectName}}</span>
         </el-col>
         <el-col :span="12">
-          <span>测试负责人：</span>
+          <span>{{$t('test_track.plan.plan_principal')}}：</span>
           <span class="item-value">{{reportInfo.principal}}</span>
         </el-col>
       </el-row>
 
       <el-row type="flex" justify="space-between" class="select-time">
         <el-col :span="12">
-          <span>开始时间：</span>
+          <span>{{$t('report.test_start_time')}}：</span>
           <span v-if="!isReport">{{reportInfo.startTime}}</span>
-          <el-date-picker v-if="isReport" size="mini" type="date" placeholder="选择日期" v-model="reportInfo.startTime"/>
+          <el-date-picker v-if="isReport" size="mini" type="date" :placeholder="$t('test_track.commons.select_date')" v-model="reportInfo.startTime"/>
         </el-col>
         <el-col :span="12">
-          <span>结束时间：</span>
+          <span>{{$t('report.test_end_time')}}：</span>
           <span v-if="!isReport">{{reportInfo.endTime}}</span>
-          <el-date-picker v-if="isReport" size="mini" type="date" placeholder="选择日期" v-model="reportInfo.endTime"/>
+          <el-date-picker v-if="isReport" size="mini" type="date" :placeholder="$t('test_track.commons.select_date')" v-model="reportInfo.endTime"/>
         </el-col>
       </el-row>
 
       <el-row type="flex" justify="space-between">
         <el-col :span="12">
-          <span>测试执行人：</span>
+          <span>{{$t('test_track.plan_view.executor')}}：</span>
           <span v-for="item in reportInfo.executors" :key="item">{{item}}</span>
         </el-col>
       </el-row>
@@ -51,9 +51,9 @@
           type: Object,
           default() {
             return {
-              projectName: '项目名称',
-              principal: '由丽媛',
-              executors: ['由丽媛','王振','陈建星'],
+              projectName: this.$t('test_track.project.name'),
+              principal: 'Michael',
+              executors: ['Michael','Tom','Jiessie'],
               startTime: '2020-6-18',
               endTime: '2020-6-18'
             }
diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponent/CommonComponent.vue b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/CommonComponent.vue
similarity index 87%
rename from frontend/src/business/components/settings/workspace/components/TemplateComponent/CommonComponent.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/CommonComponent.vue
index 5a4fefa99b7d443117d88858ddec2b6f1f99d2a9..3617006329244ff64258c1ef817abc8f24d81691 100644
--- a/frontend/src/business/components/settings/workspace/components/TemplateComponent/CommonComponent.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/CommonComponent.vue
@@ -21,15 +21,12 @@
 <script>
     export default {
       name: "CommonComponent",
-      data() {
-        return {
-
-        }
-      },
       props: {
         title: {
           type: String,
-          default: '标题'
+          default() {
+            this.$t('commons.title');
+          }
         }
       },
       methods: {
diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponent/RichTextComponent.vue b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/RichTextComponent.vue
similarity index 100%
rename from frontend/src/business/components/settings/workspace/components/TemplateComponent/RichTextComponent.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/RichTextComponent.vue
diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponent/TemplateComponent.vue b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/TemplateComponent.vue
similarity index 100%
rename from frontend/src/business/components/settings/workspace/components/TemplateComponent/TemplateComponent.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/TemplateComponent.vue
diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponent/TestResultChartComponent.vue b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/TestResultChartComponent.vue
similarity index 60%
rename from frontend/src/business/components/settings/workspace/components/TemplateComponent/TestResultChartComponent.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/TestResultChartComponent.vue
index b164f68ae63ab4d54a93b254f601bedafa38381d..f5ae7febc69d3c9161e4939315fb39be3443e166 100644
--- a/frontend/src/business/components/settings/workspace/components/TemplateComponent/TestResultChartComponent.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/TestResultChartComponent.vue
@@ -1,10 +1,11 @@
 <template>
 
-  <common-component :title="'测试结果统计'">
+  <common-component :title="$t('test_track.plan_view.result_statistics')">
 
     <template>
 
-      <ms-pie-chart v-if="isShow" :text="'测试结果统计图'" :name="'测试结果'" :data="charData"/>
+      <ms-pie-chart v-if="isShow" :text="$t('test_track.plan_view.result_statistics_chart')"
+                    :name="$t('test_track.plan_view.test_result')" :data="charData"/>
 
     </template>
 
@@ -14,7 +15,7 @@
 
 <script>
     import CommonComponent from "./CommonComponent";
-    import MsPieChart from "../../../../common/components/MsPieChart";
+    import MsPieChart from "../../../../../../common/components/MsPieChart";
 
     export default {
       name: "TestResultChartComponent",
@@ -22,12 +23,12 @@
       data() {
         return {
           dataMap: new Map([
-            ["Pass", {name:'通过', itemStyle: {color: '#67C23A'}}],
-            ["Blocking", {name:'阻塞', itemStyle: {color: '#E6A23C'}}],
-            ["Skip", {name:'跳过', itemStyle: {color: '#909399'}}],
-            ["Prepare", {name:'未开始', itemStyle: {color: '#DEDE10'}}],
-            ["Failure", {name:'失败', itemStyle: {color: '#F56C6C'}}],
-            ["Underway", {name:'进行中', itemStyle: {color: 'lightskyblue'}}]
+            ["Pass", {name: this.$t('test_track.plan_view.pass'), itemStyle: {color: '#67C23A'}}],
+            ["Blocking", {name: this.$t('test_track.plan_view.blocking'), itemStyle: {color: '#E6A23C'}}],
+            ["Skip", {name: this.$t('test_track.plan_view.skip'), itemStyle: {color: '#909399'}}],
+            ["Prepare", {name: this.$t('test_track.plan.plan_status_prepare'), itemStyle: {color: '#DEDE10'}}],
+            ["Failure", {name: this.$t('test_track.plan_view.failure'), itemStyle: {color: '#F56C6C'}}],
+            ["Underway", {name: this.$t('test_track.plan.plan_status_running'), itemStyle: {color: 'lightskyblue'}}]
           ]),
           charData: [],
           isShow: true
diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponent/TestResultComponent.vue b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/TestResultComponent.vue
similarity index 73%
rename from frontend/src/business/components/settings/workspace/components/TemplateComponent/TestResultComponent.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/TestResultComponent.vue
index 8c6e822919c5fed7b86e397ba7c58aa42ab44ae0..1b6ced34e82863ee6c36d36aec77cba2934c5c99 100644
--- a/frontend/src/business/components/settings/workspace/components/TemplateComponent/TestResultComponent.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponent/TestResultComponent.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <common-component :title="'测试结果'">
+  <common-component :title="$t('test_track.plan_view.test_result')">
     <template>
       <el-table
         :data="testResults"
@@ -8,24 +8,24 @@
         style="width: 100%">
         <el-table-column
           prop="moduleName"
-          :label="'模块'"
+          :label="$t('test_track.module.module')"
           width="180">
         </el-table-column>
         <el-table-column
           prop="caseCount"
-          :label="'用例数'"
+          :label="$t('test_track.plan_view.case_count')"
           width="180">
         </el-table-column>
         <el-table-column
           prop="passRate"
-          :label="'通过率'">
+          :label="$t('test_track.pass_rate')">
           <template v-slot:default="scope">
             {{scope.row.passRate}}%
           </template>
         </el-table-column>
         <el-table-column
           prop="flawCount"
-          :label="'缺陷数'">
+          :label="$t('test_track.plan_view.flaw_count')">
         </el-table-column>
       </el-table>
     </template>
@@ -45,19 +45,19 @@
           default() {
             return [
               {
-                moduleName: '模块1',
+                moduleName: this.$t('test_track.module.module') + '1',
                 caseCount: '14',
                 passRate: 10.8,
                 flawCount: 3
               },
               {
-                moduleName: '模块2',
+                moduleName: this.$t('test_track.module.module') + '2',
                 caseCount: '24',
                 passRate: 40,
                 flawCount: 6
               },
               {
-                moduleName: '模块3',
+                moduleName: this.$t('test_track.module.module') + '3',
                 caseCount: '50',
                 passRate: 76.9,
                 flawCount: 8
diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponentBar.vue b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponentBar.vue
similarity index 87%
rename from frontend/src/business/components/settings/workspace/components/TemplateComponentBar.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TemplateComponentBar.vue
index 697cf4711a5ba42ab4f330ed6b9cb130051fe7be..95d2812052f077e7ad39a180eee12cefa5b66f80 100644
--- a/frontend/src/business/components/settings/workspace/components/TemplateComponentBar.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponentBar.vue
@@ -2,8 +2,8 @@
   <el-button class="template-component">
     <i class="el-icon-s-unfold"/>
     <span>{{ component.name }}</span>
-    <el-tag v-if="component.type == 'system'" size="mini" type="success">系统</el-tag>
-    <el-tag v-if="component.type == 'custom'" size="mini">自定义</el-tag>
+    <el-tag v-if="component.type == 'system'" size="mini" type="success">{{$t('commons.system')}}</el-tag>
+    <el-tag v-if="component.type == 'custom'" size="mini">{{$t('commons.custom')}}</el-tag>
   </el-button>
 </template>
 
diff --git a/frontend/src/business/components/settings/workspace/components/TemplateComponentEditHeader.vue b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponentEditHeader.vue
similarity index 82%
rename from frontend/src/business/components/settings/workspace/components/TemplateComponentEditHeader.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TemplateComponentEditHeader.vue
index f825e8322f9ee9d872fbf1fc275e7c06f1dc26db..be0f1ba30f8a0b8ca4d6aa3c0c010cc2fa27ce12 100644
--- a/frontend/src/business/components/settings/workspace/components/TemplateComponentEditHeader.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/TemplateComponentEditHeader.vue
@@ -3,9 +3,9 @@
 
     <el-col :span="12">
       <div class="name-edit">
-        <el-input :placeholder="'请填写模版名称'" v-model="template.name" @change="change"/>
-        <span v-if="template.name">{{template.name}}</span>
-        <span class="name-tip" v-if="!template.name">请填写模版名称</span>
+        <el-input :placeholder="$t('test_track.plan_view.input_template_name')" v-model="template.name" @change="change"/>
+        <span v-if="template.name" class="title">{{template.name}}</span>
+        <span class="name-tip" v-if="!template.name">{{$t('test_track.plan_view.input_template_name')}}</span>
       </div>
     </el-col>
     <el-col :span="12" class="head-right">
diff --git a/frontend/src/business/components/settings/workspace/components/TestCaseReportTemplateEdit.vue b/frontend/src/business/components/track/plan/view/comonents/report/TestCaseReportTemplateEdit.vue
similarity index 90%
rename from frontend/src/business/components/settings/workspace/components/TestCaseReportTemplateEdit.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TestCaseReportTemplateEdit.vue
index de515a57cb773e5ba2c882d7798a1544753416b4..4c31103a4be4cd595f8fc6ed64afb28b0062e530 100644
--- a/frontend/src/business/components/settings/workspace/components/TestCaseReportTemplateEdit.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/TestCaseReportTemplateEdit.vue
@@ -15,8 +15,8 @@
       <div class="container">
         <el-aside>
           <div class="description">
-            <span class="title">组件库</span>
-            <span>从组件库把需要使用的组件拖到右侧，预览测试报告的效果。系统组件只能添加一次。自定义组件，可以设定默认的标题和内容。</span>
+            <span class="title">{{$t('test_track.plan_view.component_library')}}</span>
+            <span>{{$t('test_track.plan_view.component_library_tip')}}</span>
           </div>
           <draggable
             class="dragArea list-group"
@@ -53,8 +53,8 @@
   import draggable from 'vuedraggable';
   import TemplateComponentBar from "./TemplateComponentBar";
   import TemplateComponentEditHeader from "./TemplateComponentEditHeader";
-  import {WORKSPACE_ID} from '../../../../../common/js/constants';
-  import {jsonToMap, mapToJson} from "../../../../../common/js/utils";
+  import {WORKSPACE_ID} from '../../../../../../../common/js/constants';
+  import {jsonToMap, mapToJson} from "../../../../../../../common/js/utils";
   import TemplateComponent from "./TemplateComponent/TemplateComponent";
 
     export default {
@@ -73,10 +73,10 @@
           type: 'edit',
           componentMap: new Map(
             [
-              [1, { name: "基础信息", id: 1 , type: 'system'}],
-              [2, { name: "测试结果", id: 2 , type: 'system'}],
-              [3, { name: "测试结果分布", id: 3 ,type: 'system'}],
-              [4, { name: "自定义模块", id: 4 ,type: 'custom'}]
+              [1, { name: this.$t('test_track.plan_view.base_info'), id: 1 , type: 'system'}],
+              [2, { name: this.$t('test_track.plan_view.test_result'), id: 2 , type: 'system'}],
+              [3, { name: this.$t('test_track.plan_view.result_distribution'), id: 3 ,type: 'system'}],
+              [4, { name: this.$t('test_track.plan_view.custom_component'), id: 4 ,type: 'custom'}]
             ]
           ),
           components: [4],
@@ -160,7 +160,7 @@
         },
         handleDelete(preview) {
           if (this.previews.length == 1) {
-            this.$warning('请至少保留一个组件');
+            this.$warning(this.$t('test_track.plan_view.delete_component_tip'));
             return;
           }
           for (let i = 0; i < this.previews.length; i++) {
@@ -207,7 +207,7 @@
         },
         handleSave() {
           if (this.template.name == '') {
-            this.$warning('请填写模版名称');
+            this.$warning(this.$t('test_track.plan_view.input_template_name'));
             return;
           }
           let param = {};
@@ -217,7 +217,7 @@
             url = '/case/report/';
           }
           this.$post(url + this.type, param, () =>{
-            this.$success('保存成功');
+            this.$success(this.$t('commons.save_success'));
             this.showDialog = false;
             this.$emit('refresh');
           });
diff --git a/frontend/src/business/components/track/plan/view/comonents/TestCaseReportView.vue b/frontend/src/business/components/track/plan/view/comonents/report/TestCaseReportView.vue
similarity index 80%
rename from frontend/src/business/components/track/plan/view/comonents/TestCaseReportView.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TestCaseReportView.vue
index 90c921e9552b0dfcaa582a4ae79bfc9f55df8a60..5758c000de9c2b210c0d405d368d2c9efb89b091 100644
--- a/frontend/src/business/components/track/plan/view/comonents/TestCaseReportView.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/TestCaseReportView.vue
@@ -19,8 +19,8 @@
             </div>
           </el-col>
           <el-col :span="12" class="head-right">
-            <el-button plain size="mini" @click="handleSave">保存</el-button>
-            <el-button plain size="mini" @click="handleEdit">编辑组件</el-button>
+            <el-button plain size="mini" @click="handleSave">{{$t('commons.save')}}</el-button>
+            <el-button plain size="mini" @click="handleEdit">{{$t('test_track.plan_view.edit_component')}}</el-button>
           </el-col>
         </el-row>
 
@@ -40,13 +40,13 @@
 </template>
 
 <script>
-  import {jsonToMap, mapToJson} from "../../../../../../common/js/utils";
-    import BaseInfoComponent from "../../../../settings/workspace/components/TemplateComponent/BaseInfoComponent";
-    import TestResultChartComponent from "../../../../settings/workspace/components/TemplateComponent/TestResultChartComponent";
-    import TestResultComponent from "../../../../settings/workspace/components/TemplateComponent/TestResultComponent";
-    import RichTextComponent from "../../../../settings/workspace/components/TemplateComponent/RichTextComponent";
-    import TestCaseReportTemplateEdit from "../../../../settings/workspace/components/TestCaseReportTemplateEdit";
-    import TemplateComponent from "../../../../settings/workspace/components/TemplateComponent/TemplateComponent";
+  import {jsonToMap, mapToJson} from "../../../../../../../common/js/utils";
+    import BaseInfoComponent from "./TemplateComponent/BaseInfoComponent";
+    import TestResultChartComponent from "./TemplateComponent/TestResultChartComponent";
+    import TestResultComponent from "./TemplateComponent/TestResultComponent";
+    import RichTextComponent from "./TemplateComponent/RichTextComponent";
+    import TestCaseReportTemplateEdit from "./TestCaseReportTemplateEdit";
+    import TemplateComponent from "./TemplateComponent/TemplateComponent";
 
     export default {
       name: "TestCaseReportView",
@@ -64,10 +64,10 @@
           metric: {},
           componentMap: new Map(
             [
-              [1, { name: "基础信息", id: 1 , type: 'system'}],
-              [2, { name: "测试结果", id: 2 , type: 'system'}],
-              [3, { name: "测试结果分布", id: 3 ,type: 'system'}],
-              [4, { name: "自定义模块", id: 4 ,type: 'custom'}]
+              [1, { name: this.$t('test_track.plan_view.base_info'), id: 1 , type: 'system'}],
+              [2, { name: this.$t('test_track.plan_view.test_result'), id: 2 , type: 'system'}],
+              [3, { name: this.$t('test_track.plan_view.result_distribution'), id: 3 ,type: 'system'}],
+              [4, { name: this.$t('test_track.plan_view.custom_component'), id: 4 ,type: 'custom'}]
             ]
           )
         }
@@ -122,7 +122,7 @@
           let param = {};
           this.buildParam(param);
           this.result = this.$post('/case/report/edit', param, () =>{
-            this.$success('保存成功');
+            this.$success(this.$t('commons.save_success'));
           });
         },
         buildParam(param) {
diff --git a/frontend/src/business/components/settings/workspace/components/TestcaseTemplateItem.vue b/frontend/src/business/components/track/plan/view/comonents/report/TestcaseTemplateItem.vue
similarity index 88%
rename from frontend/src/business/components/settings/workspace/components/TestcaseTemplateItem.vue
rename to frontend/src/business/components/track/plan/view/comonents/report/TestcaseTemplateItem.vue
index ffaa547351022dd23ffe5c486afd51d59506fe8d..7e5074ea09415a4f5b3eb5029d63e8db6c6f1b9f 100644
--- a/frontend/src/business/components/settings/workspace/components/TestcaseTemplateItem.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/TestcaseTemplateItem.vue
@@ -23,10 +23,6 @@
           this.$emit('templateEdit', this.template.id);
         },
         templateDelete() {
-          if (!this.template.workspaceId) {
-            this.$warning('不能删除默认模版');
-            return;
-          }
           this.$alert(this.$t('load_test.delete_file_confirm') + this.template.name + "？", '', {
             confirmButtonText: this.$t('commons.confirm'),
             callback: (action) => {
@@ -38,7 +34,7 @@
         },
         handleDelete() {
           this.$post('/case/report/template/delete/' + this.template.id, {}, () => {
-            this.$success('删除成功');
+            this.$success(this.$t('commons.delete_success'));
             this.$emit('refresh');
           });
         }
@@ -72,7 +68,7 @@
     border: solid 2px #fff;
     box-sizing: border-box;
     border-radius: 3px;
-    background: url(../../../../../assets/template.png) no-repeat center;
+    background: url(../../../../../../../assets/template.png) no-repeat center;
   }
 
   .template-img:hover {
diff --git a/frontend/src/i18n/en-US.js b/frontend/src/i18n/en-US.js
index 74fc4bb5d4c8211e034d06c043e1b813c0c990e5..2e6e5e92afe5da4112f82b95d32b307917cd9eac 100644
--- a/frontend/src/i18n/en-US.js
+++ b/frontend/src/i18n/en-US.js
@@ -57,6 +57,9 @@ export default {
     'exit_system': 'Exit System',
     'verification': 'Verification',
     'set_admin': 'Set Admin',
+    'title': 'Title',
+    'custom': 'Custom',
+    'select_date': 'Select date',
   },
   workspace: {
     'create': 'Create Workspace',
@@ -83,6 +86,7 @@ export default {
     'select': 'Select Organization',
   },
   project: {
+    'name': 'Project name',
     'recent': 'Recent Projects',
     'create': 'Create Project',
     'edit': 'Edit Project',
@@ -302,6 +306,7 @@ export default {
     length_less_than: "The length less than",
     recent_plan: "Recent plan",
     recent_case: "Recent case",
+    pass_rate: "Pass rate",
     case: {
       test_case: "Test case",
       move: "Move case",
@@ -333,6 +338,7 @@ export default {
       input_method: "Please select method",
       input_prerequisite: "Please select prerequisite",
       delete_confirm: "Confirm delete test case",
+      delete: "Delete case",
       import: {
         import: "Import test case",
         case_import: "Import test case",
@@ -343,6 +349,7 @@ export default {
         upload_limit_format: "Upload files can only be XLS, XLSX format!",
         upload_limit_size: "Upload file size cannot exceed 20MB!",
         success: "Import success！",
+        importing: "Importing...",
       },
       export: {
         export: "Export cases"
@@ -380,6 +387,13 @@ export default {
       name: "Module name",
       delete_confirm: "Confirm delete module:",
       delete_all_resource: "and all submodules and test cases under the module",
+      module: "Module",
+    },
+    home: {
+      recent_test: "Recent test",
+      my_plan: "My plan",
+      test_rate: "Test rate",
+      tested_case: "Tested case",
     },
     plan_view: {
       plan: "Plan",
@@ -403,6 +417,27 @@ export default {
       cancel_relevance: "Cancel relevance",
       confirm_cancel_relevance: "Confirm cancel relevance",
       select_manipulate: "Select the data you want to manipulate",
+      select_template: "Select template",
+      step: "Step",
+      submit_flaw: "Commit flaw",
+      operate_step: "Operate step",
+      edit_component: "Edit component",
+      base_info: "Base info",
+      test_result: "Test result",
+      result_distribution: "Result distribution",
+      custom_component: "Custom component",
+      create_report: "Create report",
+      view_report: "View report",
+      component_library: "Component library",
+      component_library_tip: "Drag and drop the component from the component library, add to the right, preview the report effect, only one can be added per system component.",
+      delete_component_tip: "Please reserve at least one component",
+      input_template_name: "Input template name",
+      case_count: "Case count",
+      flaw_count: "Flaw count",
+      result_statistics: "Result statistics",
+      result_statistics_chart: "Result statistics chart",
+      create_template: "Create template",
+      report_template: "Report template",
     }
   },
   test_resource_pool: {
diff --git a/frontend/src/i18n/zh-CN.js b/frontend/src/i18n/zh-CN.js
index e90304ee2ccc86c03e4e69c1d2c5ce8b583f1ca0..befe3af6a926dcc72324eb72a17be8c5fa94bcbf 100644
--- a/frontend/src/i18n/zh-CN.js
+++ b/frontend/src/i18n/zh-CN.js
@@ -57,6 +57,9 @@ export default {
     'exit_system': '退出系统',
     'verification': '验证',
     'set_admin': '设置为管理员',
+    'title': '标题',
+    'custom': '自定义',
+    'select_date': '选择日期',
   },
   workspace: {
     'create': '创建工作空间',
@@ -83,6 +86,7 @@ export default {
     'select': '选择组织',
   },
   project: {
+    'name': '项目名称',
     'recent': '最近的项目',
     'create': '创建项目',
     'edit': '编辑项目',
@@ -302,6 +306,7 @@ export default {
     length_less_than: "长度必须小于",
     recent_plan: "最近的计划",
     recent_case: "最近的用例",
+    pass_rate: "通过率",
     case: {
       test_case: "测试用例",
       move: "移动用例",
@@ -333,6 +338,7 @@ export default {
       input_method: "请选择测试方式",
       input_prerequisite: "请输入前置条件",
       delete_confirm: "确认删除测试用例",
+      delete: "删除用例",
       import: {
         import: "导入用例",
         case_import: "导入测试用例",
@@ -343,6 +349,7 @@ export default {
         upload_limit_format: "上传文件只能是 xls、xlsx格式!",
         upload_limit_size: "上传文件大小不能超过 20MB!",
         success: "导入成功！",
+        importing: "导入中...",
       },
       export: {
         export: "导出用例"
@@ -380,6 +387,13 @@ export default {
       name: "模块名称",
       delete_confirm: "确认删除模块: ",
       delete_all_resource: "以及模块下所有子模块和测试用例",
+      module: "模块",
+    },
+    home: {
+      recent_test: "最近测试",
+      my_plan: "我的计划",
+      test_rate: "测试进度",
+      tested_case: "已测用例",
     },
     plan_view: {
       plan: "计划",
@@ -400,9 +414,30 @@ export default {
       change_executor: "更改执行人",
       select_executor: "请选择执行人",
       select_execute_result: "选择执行结果",
-      cancel_relevance: "取消关联",
+      cancel_relevance: "取消用例关联",
       confirm_cancel_relevance: "确认取消关联",
       select_manipulate: "请选择需要操作的数据",
+      select_template: "选择模版",
+      step: "步骤",
+      submit_flaw: "提缺陷",
+      operate_step: "操作步骤",
+      edit_component: "编辑组件",
+      base_info: "基础信息",
+      test_result: "测试结果",
+      result_distribution: "测试结果分布",
+      custom_component: "自定义模块",
+      create_report: "创建测试报告",
+      view_report: "查看测试报告",
+      component_library: "组件库",
+      component_library_tip: "拖拽组件库中组件，添加至右侧，预览报告效果，每个系统组件只能添加一个。",
+      delete_component_tip: "请至少保留一个组件",
+      input_template_name: "输入模版名称",
+      case_count: "用例数",
+      flaw_count: "缺陷数",
+      result_statistics: "测试结果统计",
+      result_statistics_chart: "测试结果统计图",
+      create_template: "新建模版",
+      report_template: "测试报告模版",
     }
   },
   test_resource_pool: {
diff --git a/frontend/src/i18n/zh-TW.js b/frontend/src/i18n/zh-TW.js
index e123f8e46bf5e6474eeed7697131141deb6026b8..e6cfb4d3a8b1cc42160382ef57e1d77539709c83 100644
--- a/frontend/src/i18n/zh-TW.js
+++ b/frontend/src/i18n/zh-TW.js
@@ -57,6 +57,9 @@ export default {
     'exit_system': '退出系統',
     'verification': '驗證',
     'set_admin': '設置為管理員',
+    'title': '標題',
+    'custom': '自定義',
+    'select_date': '選擇日期',
   },
   workspace: {
     'create': '創建工作空間',
@@ -131,6 +134,7 @@ export default {
     'test_viewer': 'Viewer'
   },
   report: {
+    'name': '項目名稱',
     'recent': '最近的報告',
     'search_by_name': '根據名稱搜索',
     'test_name': '所屬測試',
@@ -302,6 +306,7 @@ export default {
     length_less_than: "長度必須小於",
     recent_plan: "最近的計劃",
     recent_case: "最近的用例",
+    pass_rate: "通過率",
     case: {
       test_case: "測試用例",
       move: "移動用例",
@@ -333,6 +338,7 @@ export default {
       input_method: "請選擇測試方式",
       input_prerequisite: "請輸入前置條件",
       delete_confirm: "確認刪除測試用例: ",
+      delete: "删除用例",
       import: {
         import: "導入用例",
         case_import: "導入測試用例",
@@ -343,6 +349,7 @@ export default {
         upload_limit_format: "上傳文件只能是 xls、xlsx格式!",
         upload_limit_size: "上傳文件大小不能超過 20MB!",
         success: "導入成功！",
+        importing: "導入中...",
       },
       export: {
         export: "導出用例"
@@ -380,6 +387,13 @@ export default {
       name: "模塊名稱",
       delete_confirm: "確認刪除模塊: ",
       delete_all_resource: "以及模塊下所有子模塊和測試用例",
+      module: "模塊",
+    },
+    home: {
+      recent_test: "最近測試",
+      my_plan: "我的計劃",
+      test_rate: "測試進度",
+      tested_case: "已測用例",
     },
     plan_view: {
       plan: "計劃",
@@ -403,6 +417,27 @@ export default {
       cancel_relevance: "取消關聯",
       confirm_cancel_relevance: "確認取消關聯",
       select_manipulate: "請選擇需要操作的數據",
+      select_template: "選擇模版",
+      step: "步驟",
+      submit_flaw: "提缺陷",
+      operate_step: "操作步驟",
+      edit_component: "編輯組件",
+      base_info: "基礎信息",
+      test_result: "測試結果",
+      result_distribution: "測試結果分布",
+      custom_component: "自定義模塊",
+      create_report: "創建測試報告",
+      view_report: "查看測試報告",
+      component_library: "組件庫",
+      component_library_tip: "拖拽組件庫中組件，添加至右側，預覽報告效果，每個系統組件只能添加壹個。",
+      delete_component_tip: "請至少保留壹個組件",
+      input_template_name: "輸入模版名稱",
+      case_count: "用例數",
+      flaw_count: "缺陷數",
+      result_statistics: "測試結果統計",
+      result_statistics_chart: "測試結果統計圖",
+      create_template: "新建模版",
+      report_template: "測試報告模版",
     }
   },
   test_resource_pool: {