From 6dc6cc8459b41427aba520674cbc84e8442a92c6 Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Fri, 8 May 2020 16:05:01 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=B9=E6=B3=95?=
 =?UTF-8?q?=E5=91=BD=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../settings/organization/OrganizationMember.vue       |  7 +++----
 .../components/settings/personal/PersonSetting.vue     |  4 ++--
 .../src/business/components/settings/system/User.vue   |  6 +++---
 .../components/settings/workspace/WorkspaceMember.vue  | 10 +++++-----
 4 files changed, 13 insertions(+), 14 deletions(-)

diff --git a/frontend/src/business/components/settings/organization/OrganizationMember.vue b/frontend/src/business/components/settings/organization/OrganizationMember.vue
index c14d93551f..17443d1d5b 100644
--- a/frontend/src/business/components/settings/organization/OrganizationMember.vue
+++ b/frontend/src/business/components/settings/organization/OrganizationMember.vue
@@ -25,7 +25,7 @@
     </el-card>
 
     <el-dialog :title="$t('member.create')" :visible.sync="createVisible" width="30%" :destroy-on-close="true"
-               @close="closeFunc">
+               @close="handleClose">
       <el-form :model="form" ref="form" :rules="rules" label-position="right" label-width="100px" size="small">
         <el-form-item :label="$t('commons.member')" prop="userIds">
           <el-select v-model="form.userIds" multiple :placeholder="$t('member.please_choose_member')"
@@ -61,7 +61,7 @@
     </el-dialog>
 
     <el-dialog :title="$t('member.modify')" :visible.sync="updateVisible" width="30%" :destroy-on-close="true"
-               @close="closeFunc">
+               @close="handleClose">
       <el-form :model="form" label-position="right" label-width="100px" size="small" ref="updateUserForm">
         <el-form-item label="ID" prop="id">
           <el-input v-model="form.id" autocomplete="off" :disabled="true"/>
@@ -161,9 +161,8 @@
       buildPagePath(path) {
         return path + "/" + this.currentPage + "/" + this.pageSize;
       },
-      closeFunc() {
+      handleClose() {
         this.form = {};
-        this.initTableData();
       },
       edit(row) {
         this.updateVisible = true;
diff --git a/frontend/src/business/components/settings/personal/PersonSetting.vue b/frontend/src/business/components/settings/personal/PersonSetting.vue
index 5ba794f2bf..bf35935bc4 100644
--- a/frontend/src/business/components/settings/personal/PersonSetting.vue
+++ b/frontend/src/business/components/settings/personal/PersonSetting.vue
@@ -28,7 +28,7 @@
       </el-table>
 
       <el-dialog :title="$t('member.modify_personal_info')" :visible.sync="updateVisible" width="30%"
-                 :destroy-on-close="true" @close="closeFunc">
+                 :destroy-on-close="true" @close="handleClose">
         <el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule"
                  ref="updateUserForm">
           <el-form-item label="ID" prop="id">
@@ -135,7 +135,7 @@
           this.tableData = dataList;
         })
       },
-      closeFunc() {
+      handleClose() {
         this.form = {};
       }
     }
diff --git a/frontend/src/business/components/settings/system/User.vue b/frontend/src/business/components/settings/system/User.vue
index 127b87d080..dbdfb58de8 100644
--- a/frontend/src/business/components/settings/system/User.vue
+++ b/frontend/src/business/components/settings/system/User.vue
@@ -40,7 +40,7 @@
 
     </el-card>
 
-    <el-dialog :title="$t('user.create')" :visible.sync="createVisible" width="30%" @closed="closeFunc"
+    <el-dialog :title="$t('user.create')" :visible.sync="createVisible" width="30%" @closed="handleClose"
                :destroy-on-close="true">
       <el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule" ref="createUserForm">
         <el-form-item label="ID" prop="id">
@@ -65,7 +65,7 @@
     </el-dialog>
 
     <el-dialog :title="$t('user.modify')" :visible.sync="updateVisible" width="30%" :destroy-on-close="true"
-               @close="closeFunc">
+               @close="handleClose">
       <el-form :model="form" label-position="right" label-width="100px" size="small" :rules="rule" ref="updateUserForm">
         <el-form-item label="ID" prop="id">
           <el-input v-model="form.id" autocomplete="off" :disabled="true"/>
@@ -211,7 +211,7 @@
           this.tableData = data.listObject;
         })
       },
-      closeFunc() {
+      handleClose() {
         this.form = {};
       },
       changeSwitch(row) {
diff --git a/frontend/src/business/components/settings/workspace/WorkspaceMember.vue b/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
index 04ee8d7bc8..621f2fd1a3 100644
--- a/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
+++ b/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
@@ -16,7 +16,8 @@
         </el-table-column>
         <el-table-column>
           <template v-slot:default="scope">
-            <ms-table-operator @editClick="edit(scope.row)" @deleteClick="del(scope.row)" v-permission="['test_manager']"/>
+            <ms-table-operator @editClick="edit(scope.row)" @deleteClick="del(scope.row)"
+                               v-permission="['test_manager']"/>
           </template>
         </el-table-column>
       </el-table>
@@ -25,7 +26,7 @@
     </el-card>
 
     <el-dialog :title="$t('member.create')" :visible.sync="createVisible" width="30%" :destroy-on-close="true"
-               @close="closeFunc">
+               @close="handleClose">
       <el-form :model="form" ref="form" :rules="rules" label-position="right" label-width="100px" size="small">
         <el-form-item :label="$t('commons.member')" prop="userIds">
           <el-select v-model="form.userIds" multiple :placeholder="$t('member.please_choose_member')"
@@ -61,7 +62,7 @@
     </el-dialog>
 
     <el-dialog :title="$t('member.modify')" :visible.sync="updateVisible" width="30%" :destroy-on-close="true"
-               @close="closeFunc">
+               @close="handleClose">
       <el-form :model="form" label-position="right" label-width="100px" size="small" ref="updateUserForm">
         <el-form-item label="ID" prop="id">
           <el-input v-model="form.id" autocomplete="off" :disabled="true"/>
@@ -168,9 +169,8 @@
       buildPagePath(path) {
         return path + "/" + this.currentPage + "/" + this.pageSize;
       },
-      closeFunc() {
+      handleClose() {
         this.form = {};
-        this.initTableData();
       },
       del(row) {
         this.$confirm(this.$t('member.delete_confirm'), '', {

From 62ee448245f166ce5f3440c4823846319618eb29 Mon Sep 17 00:00:00 2001
From: wenyann <64353056+wenyann@users.noreply.github.com>
Date: Fri, 8 May 2020 17:07:55 +0800
Subject: [PATCH 2/4] demo

---
 .../components/PerformanceAdvancedConfig.vue  | 165 ++++++++++--------
 .../components/PerformancePressureConfig.vue  |  14 ++
 frontend/src/i18n/en-US.js                    |   2 +
 frontend/src/i18n/zh-CN.js                    |   2 +
 4 files changed, 111 insertions(+), 72 deletions(-)

diff --git a/frontend/src/business/components/performance/test/components/PerformanceAdvancedConfig.vue b/frontend/src/business/components/performance/test/components/PerformanceAdvancedConfig.vue
index 85d36b88aa..9bd3a408d4 100644
--- a/frontend/src/business/components/performance/test/components/PerformanceAdvancedConfig.vue
+++ b/frontend/src/business/components/performance/test/components/PerformanceAdvancedConfig.vue
@@ -1,28 +1,35 @@
 <template>
   <div>
-
     <el-row type="flex" justify="start">
       <el-col :span="8">
         <h3>{{$t('load_test.domain_bind')}}</h3>
-      </el-col>
-      <el-col :span="8">
-        <el-button type="primary" plain size="mini" @click="add('domains')">{{$t('commons.add')}}</el-button>
+        <el-button type="el-icon-circle-plus-outline" plain size="mini" @click="add('domains')">{{$t('commons.add')}}</el-button>
       </el-col>
     </el-row>
     <!-- -->
     <el-row>
-      <el-table :data="domains">
+      <el-col :span="20">
+      <el-table :data="domains" size="mini"  class="tb-edit" align="center" border highlight-current-row>
         <el-table-column
+          align="center"
           :label="$t('load_test.domain')"
           show-overflow-tooltip>
           <template v-slot:default="{row}">
-            <template v-if="row.edit">
-              <el-input v-model="row.domain" class="edit-input" size="mini"/>
-            </template>
-            <span v-else>{{ row.domain }}</span>
+            <el-input
+              size="mini"
+              v-if="readOnly"
+              type="textarea"
+              :rows="1"
+              class="edit-input"
+              v-model="row.domain"
+              :placeholder="$t('load_test.domain')"
+              clearable>
+            </el-input>
+            <span >{{row.domain}}</span>
           </template>
         </el-table-column>
         <el-table-column
+          align="center"
           :label="$t('load_test.enable')"
           show-overflow-tooltip>
           <template v-slot:default="{row}">
@@ -31,46 +38,36 @@
               size="mini"
               v-model="row.enable"
               active-color="#13ce66"
-              inactive-color="#ff4949">
+              inactive-color="#ff4949"
+              @click="confirmEdit(row)"
+            >
             </el-switch>
           </template>
         </el-table-column>
         <el-table-column
+          align="center"
           :label="$t('load_test.ip')"
           show-overflow-tooltip>
           <template v-slot:default="{row}">
-            <template v-if="row.edit">
-              <el-input v-model="row.ip" class="edit-input" size="mini"/>
-            </template>
-            <span v-else>{{ row.ip }}</span>
+            <el-input
+              size="mini"
+              v-if="readOnly"
+              type="textarea"
+              class="edit-input"
+              :rows="1"
+              v-model="row.ip"
+              :placeholder="$t('load_test.ip')"
+              clearable></el-input>
+            <span>{{row.ip}}</span>
           </template>
         </el-table-column>
-        <el-table-column align="center">
+        <el-table-column align="center" :label="$t('load_test.operating')">
           <template v-slot:default="{row, $index}">
-            <template v-if="row.edit">
-              <el-button
-                class="cancel-btn"
-                size="mini"
-                icon="el-icon-refresh"
-                type="warning"
-                circle
-                @click="cancelEdit(row)">
-              </el-button>
-              <el-button
-                type="success"
-                size="mini"
-                icon="el-icon-circle-check"
-                circle
-                @click="confirmEdit(row)">
-              </el-button>
-            </template>
             <el-button
-              v-else
               type="primary"
-              size="mini"
-              icon="el-icon-edit"
-              circle
-              @click="edit(row)">
+              icon="el-icon-plus"
+              circle size="mini"
+              @click="add('domains')">
             </el-button>
             <el-button
               type="danger"
@@ -82,31 +79,39 @@
           </template>
         </el-table-column>
       </el-table>
-
+      </el-col>
     </el-row>
 
     <el-row>
       <el-col :span="8">
         <h3>{{$t('load_test.params')}}</h3>
-      </el-col>
-      <el-col :span="8">
-        <el-button type="primary" plain size="mini" @click="add('params')">{{$t('commons.add')}}</el-button>
+        <el-button type="el-icon-circle-plus-outline" plain size="mini" @click="add('params')">{{$t('commons.add')}}</el-button>
       </el-col>
     </el-row>
     <!-- -->
     <el-row>
-      <el-table :data="params">
+      <el-col :span="20">
+      <el-table :data="params" size="mini"  class="tb-edit" align="center" border highlight-current-row>
         <el-table-column
+          align="center"
           :label="$t('load_test.param_name')"
           show-overflow-tooltip>
           <template v-slot:default="{row}">
-            <template v-if="row.edit">
-              <el-input v-model="row.name" class="edit-input" size="mini"/>
-            </template>
-            <span v-else>{{ row.name }}</span>
+            <el-input
+              size="mini"
+              v-if="readOnly"
+              type="textarea"
+              :rows="1"
+              class="edit-input"
+              v-model="row.name"
+              :placeholder="$t('load_test.param_name')"
+              clearable>
+            </el-input>
+            <span >{{row.name}}</span>
           </template>
         </el-table-column>
         <el-table-column
+          align="center"
           :label="$t('load_test.enable')"
           show-overflow-tooltip>
           <template v-slot:default="{row}">
@@ -121,40 +126,32 @@
         </el-table-column>
         <el-table-column
           :label="$t('load_test.param_value')"
-          show-overflow-tooltip>
+          show-overflow-tooltip align="center">
           <template v-slot:default="{row}">
-            <template v-if="row.edit">
+           <!-- <template v-if="row.edit">
               <el-input v-model="row.value" class="edit-input" size="mini"/>
             </template>
-            <span v-else>{{ row.value }}</span>
+            <span v-else>{{ row.value }}</span>-->
+            <el-input
+              size="mini"
+              v-if="readOnly"
+              type="textarea"
+              class="edit-input"
+              :rows="1"
+              v-model="row.value"
+              :placeholder="$t('load_test.param_value')"
+              clearable></el-input>
+            <span>{{row.value}}</span>
           </template>
         </el-table-column>
-        <el-table-column align="center">
+        <el-table-column align="center" :label="$t('load_test.operating')">
           <template v-slot:default="{row, $index}">
-            <template v-if="row.edit">
-              <el-button
-                class="cancel-btn"
-                size="mini"
-                icon="el-icon-refresh"
-                type="warning"
-                circle
-                @click="cancelEdit(row)">
-              </el-button>
-              <el-button
-                type="success"
-                size="mini"
-                icon="el-icon-circle-check"
-                circle
-                @click="confirmEdit(row)">
-              </el-button>
-            </template>
             <el-button
-              v-else
               type="primary"
               size="mini"
-              icon="el-icon-edit"
+              icon="el-icon-plus"
               circle
-              @click="edit(row)">
+              @click="add(row)">
             </el-button>
             <el-button
               type="danger"
@@ -166,6 +163,7 @@
           </template>
         </el-table-column>
       </el-table>
+      </el-col>
     </el-row>
 
     <el-row>
@@ -211,6 +209,12 @@
         statusCodeStr: '',
       }
     },
+    props: {
+      readOnly: {
+        type: Boolean,
+        default: true
+      },
+    },
     mounted() {
       let testId = this.$route.path.split('/')[4];
       if (testId) {
@@ -253,6 +257,7 @@
             this.statusCodeStr = this.statusCode.join(',');
             this.domains = data.domains || [];
             this.params = data.params || [];
+            this.add('domains');
             this.domains.forEach(d => d.edit = false);
             this.params.forEach(d => d.edit = false);
           }
@@ -262,7 +267,7 @@
         if (dataName === 'domains') {
           this[dataName].push({
             domain: 'fit2cloud.com',
-            enable: true,
+            enable: false,
             ip: '127.0.0.1',
             edit: true,
           });
@@ -290,6 +295,7 @@
       },
       confirmEdit(row) {
         row.edit = false;
+        row.enable=true,
         this.saveOriginObject(row);
       },
       groupBy(data, key) {
@@ -360,7 +366,22 @@
   }
 
   .edit-input {
-    padding-right: 100px;
+    padding-right: 0px;
+  }
+  .tb-edit .el-textarea {
+    display: none;
+  }
+  .tb-edit .current-row .el-textarea {
+    display: block;
+  }
+  .tb-edit .current-row .el-textarea+span {
+    display: none;
+  }
+  .el-col{
+    text-align: left;
+  }
+  .el-col .el-table{
+    align:center;
   }
 
 </style>
diff --git a/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue b/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
index 68ae48c662..e180eadd16 100644
--- a/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
+++ b/frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
@@ -90,6 +90,7 @@
         </el-form>
       </el-col>
       <el-col :span="14">
+        <div class="title">{{$t('load_test.pressure_prediction_chart')}}</div>
         <chart class="chart-container" ref="chart1" :options="orgOptions" :autoresize="true"></chart>
       </el-col>
     </el-row>
@@ -306,9 +307,11 @@
   }
 </script>
 
+
 <style scoped>
   .pressure-config-container .el-input {
     width: 130px;
+
   }
 
   .pressure-config-container .config-form-label {
@@ -323,4 +326,15 @@
   .chart-container {
     width: 100%;
   }
+  .el-col .el-form{
+    margin-top: 15px;
+    text-align: left;
+  }
+  .el-col {
+    margin-top: 15px;
+    text-align: left;
+  }
+  .title {
+    margin-left: 60px;
+  }
 </style>
diff --git a/frontend/src/i18n/en-US.js b/frontend/src/i18n/en-US.js
index 2232c263ca..6027628a16 100644
--- a/frontend/src/i18n/en-US.js
+++ b/frontend/src/i18n/en-US.js
@@ -129,6 +129,8 @@ export default {
     'being_generated': 'Report is being generated...',
   },
   load_test: {
+    'operating':'Operating',
+    'pressure_prediction_chart':'Pressure Prediction Chart',
     'recent': 'Recent Tests',
     'search_by_name': 'Search by name',
     'project_name': 'Project',
diff --git a/frontend/src/i18n/zh-CN.js b/frontend/src/i18n/zh-CN.js
index b52c9cc388..84e022d489 100644
--- a/frontend/src/i18n/zh-CN.js
+++ b/frontend/src/i18n/zh-CN.js
@@ -131,6 +131,7 @@ export default {
     'being_generated': '报告正在生成中...',
   },
   load_test: {
+    'operating':'操作',
     'recent': '最近的测试',
     'search_by_name': '根据名称搜索',
     'project_name': '所属项目',
@@ -183,6 +184,7 @@ export default {
     'create': '创建测试',
     'select_resource_pool': '请选择资源池',
     'resource_pool_is_null': '资源池为空',
+    'pressure_prediction_chart':'压力预估图',
 
   },
   api_test: {

From bd023c1f27988ad64ed1ff771090afd3e99b1b92 Mon Sep 17 00:00:00 2001
From: shiziyuan9527 <yuhao.li@fit2cloud.com>
Date: Fri, 8 May 2020 17:21:58 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E4=BF=AE=E6=94=B9Dialog=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/components/MsDialogFooter.vue      |   2 +-
 .../business/components/project/MsProject.vue |   9 +-
 .../organization/OrganizationMember.vue       |  19 +-
 .../organization/OrganizationWorkspace.vue    |  27 +--
 .../settings/personal/PersonSetting.vue       |  10 +-
 .../settings/system/Organization.vue          |  35 ++--
 .../settings/system/SystemWorkspace.vue       |  32 ++-
 .../settings/system/TestResourcePool.vue      | 190 ++++++++----------
 .../components/settings/system/User.vue       |  18 +-
 .../settings/workspace/WorkspaceMember.vue    |  19 +-
 10 files changed, 159 insertions(+), 202 deletions(-)

diff --git a/frontend/src/business/components/common/components/MsDialogFooter.vue b/frontend/src/business/components/common/components/MsDialogFooter.vue
index db7413f088..bcd271add2 100644
--- a/frontend/src/business/components/common/components/MsDialogFooter.vue
+++ b/frontend/src/business/components/common/components/MsDialogFooter.vue
@@ -2,7 +2,7 @@
 
     <div class="dialog-footer">
       <el-button @click="cancel">取 消</el-button>
-      <el-button type="primary" @click="confirm">确 定</el-button>
+      <el-button type="primary" @click="confirm" @keydown.enter.native.prevent>确 定</el-button>
     </div>
 
 </template>
diff --git a/frontend/src/business/components/project/MsProject.vue b/frontend/src/business/components/project/MsProject.vue
index 540944a9fa..5877d731f5 100644
--- a/frontend/src/business/components/project/MsProject.vue
+++ b/frontend/src/business/components/project/MsProject.vue
@@ -31,9 +31,9 @@
         </el-form>
         <template v-slot:footer>
           <div class="dialog-footer">
-            <el-button type="primary" @keydown.enter.native.prevent @click="submit('form')" size="medium">
-              {{$t('commons.save')}}
-            </el-button>
+            <ms-dialog-footer
+              @cancel="createVisible = false"
+              @confirm="submit('form')"/>
           </div>
         </template>
       </el-dialog>
@@ -48,10 +48,11 @@
   import MsTablePagination from "../common/pagination/TablePagination";
   import MsTableHeader from "../common/components/MsTableHeader";
   import MsTableOperator from "../common/components/MsTableOperator";
+  import MsDialogFooter from "../common/components/MsDialogFooter";
 
   export default {
     name: "MsProject",
-    components: {MsTableOperator, MsCreateBox, MsTablePagination, MsTableHeader},
+    components: {MsTableOperator, MsCreateBox, MsTablePagination, MsTableHeader, MsDialogFooter},
     data() {
       return {
         createVisible: false,
diff --git a/frontend/src/business/components/settings/organization/OrganizationMember.vue b/frontend/src/business/components/settings/organization/OrganizationMember.vue
index 17443d1d5b..cc2b830134 100644
--- a/frontend/src/business/components/settings/organization/OrganizationMember.vue
+++ b/frontend/src/business/components/settings/organization/OrganizationMember.vue
@@ -52,11 +52,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="submitForm('form')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="createVisible = false"
+          @confirm="submitForm('form')"/>
       </template>
     </el-dialog>
 
@@ -87,11 +85,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="updateOrgMember('updateUserForm')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="updateVisible = false"
+          @confirm="updateOrgMember('updateUserForm')"/>
       </template>
     </el-dialog>
   </div>
@@ -104,10 +100,11 @@
   import MsTableHeader from "../../common/components/MsTableHeader";
   import MsRolesTag from "../../common/components/MsRolesTag";
   import MsTableOperator from "../../common/components/MsTableOperator";
+  import MsDialogFooter from "../../common/components/MsDialogFooter";
 
   export default {
     name: "MsOrganizationMember",
-    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator},
+    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
     created() {
       this.initTableData();
     },
diff --git a/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue b/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue
index 612d331dbd..24f9d4ca51 100644
--- a/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue
+++ b/frontend/src/business/components/settings/organization/OrganizationWorkspace.vue
@@ -34,11 +34,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="submit('form')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogWsAddVisible = false"
+          @confirm="submit('form')"/>
       </template>
     </el-dialog>
 
@@ -99,11 +97,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="submitForm('form')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogWsMemberAddVisible = false"
+          @confirm="submitForm('form')"/>
       </template>
     </el-dialog>
 
@@ -137,11 +133,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="updateOrgMember('updateUserForm')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogWsMemberUpdateVisible = false"
+          @confirm="updateOrgMember('updateUserForm')"/>
       </template>
     </el-dialog>
 
@@ -156,10 +150,11 @@
   import MsTableHeader from "../../common/components/MsTableHeader";
   import MsRolesTag from "../../common/components/MsRolesTag";
   import MsTableOperator from "../../common/components/MsTableOperator";
+  import MsDialogFooter from "../../common/components/MsDialogFooter";
 
   export default {
     name: "MsOrganizationWorkspace",
-    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator},
+    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
     mounted() {
       this.list();
     },
diff --git a/frontend/src/business/components/settings/personal/PersonSetting.vue b/frontend/src/business/components/settings/personal/PersonSetting.vue
index bf35935bc4..62df4fb731 100644
--- a/frontend/src/business/components/settings/personal/PersonSetting.vue
+++ b/frontend/src/business/components/settings/personal/PersonSetting.vue
@@ -45,11 +45,9 @@
           </el-form-item>
         </el-form>
         <template v-slot:footer>
-          <span class="dialog-footer">
-            <el-button @click="updateUser('updateUserForm')" @keydown.enter.native.prevent type="primary"
-                       size="medium">{{$t('commons.save')}}
-            </el-button>
-          </span>
+          <ms-dialog-footer
+            @cancel="updateVisible = false"
+            @confirm="updateUser('updateUserForm')"/>
         </template>
       </el-dialog>
 
@@ -59,6 +57,7 @@
 
 <script>
   import {TokenKey} from "../../../../common/js/constants";
+  import MsDialogFooter from "../../common/components/MsDialogFooter";
 
   export default {
     data() {
@@ -100,6 +99,7 @@
       }
     },
     name: "MsPersonSetting",
+    components: {MsDialogFooter},
     created() {
       this.initTableData();
     },
diff --git a/frontend/src/business/components/settings/system/Organization.vue b/frontend/src/business/components/settings/system/Organization.vue
index ef7944015a..6d280cbd4b 100644
--- a/frontend/src/business/components/settings/system/Organization.vue
+++ b/frontend/src/business/components/settings/system/Organization.vue
@@ -65,11 +65,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="createOrganization('createOrganization')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogOrgAddVisible = false"
+          @confirm="createOrganization('createOrganization')"/>
       </template>
     </el-dialog>
 
@@ -87,11 +85,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="updateOrganization('updateOrganizationForm')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('organization.modify')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogOrgUpdateVisible = false"
+          @confirm="updateOrganization('updateOrganizationForm')"/>
       </template>
     </el-dialog>
 
@@ -127,11 +123,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="submitForm('form')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogOrgMemberAddVisible = false"
+          @confirm="submitForm('form')"/>
       </template>
     </el-dialog>
 
@@ -165,11 +159,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="updateOrgMember('updateUserForm')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogOrgMemberUpdateVisible = false"
+          @confirm="updateOrgMember('updateUserForm')"/>
       </template>
     </el-dialog>
 
@@ -182,10 +174,11 @@
   import MsTableHeader from "../../common/components/MsTableHeader";
   import MsRolesTag from "../../common/components/MsRolesTag";
   import MsTableOperator from "../../common/components/MsTableOperator";
+  import MsDialogFooter from "../../common/components/MsDialogFooter";
 
   export default {
     name: "MsOrganization",
-    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator},
+    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
     data() {
       return {
         queryPath: '/organization/list',
diff --git a/frontend/src/business/components/settings/system/SystemWorkspace.vue b/frontend/src/business/components/settings/system/SystemWorkspace.vue
index b6da351f7f..ba25e3dac7 100644
--- a/frontend/src/business/components/settings/system/SystemWorkspace.vue
+++ b/frontend/src/business/components/settings/system/SystemWorkspace.vue
@@ -49,9 +49,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button type="primary" @keydown.enter.native.prevent @click="submit('form')" size="medium">{{$t('commons.save')}}</el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogWsAddVisible = false"
+          @confirm="submit('form')"/>
       </template>
     </el-dialog>
 
@@ -77,10 +77,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button type="primary" @click="updateWorkspace('updateForm')" @keydown.enter.native.prevent
-                     size="medium">{{$t('commons.save')}}</el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogWsUpdateVisible = false"
+          @confirm="updateWorkspace('updateForm')"/>
       </template>
 
     </el-dialog>
@@ -142,11 +141,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button type="primary" @keydown.enter.native.prevent @click="submitForm('form')" size="medium">
-            {{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogWsMemberAddVisible = false"
+          @confirm="submitForm('form')"/>
       </template>
     </el-dialog>
 
@@ -180,11 +177,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button type="primary" @click="updateWorkspaceMember('updateUserForm')" @keydown.enter.native.prevent
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="dialogWsMemberUpdateVisible = false"
+          @confirm="updateWorkspaceMember('updateUserForm')"/>
       </template>
 
     </el-dialog>
@@ -199,10 +194,11 @@
   import MsTableHeader from "../../common/components/MsTableHeader";
   import MsRolesTag from "../../common/components/MsRolesTag";
   import MsTableOperator from "../../common/components/MsTableOperator";
+  import MsDialogFooter from "../../common/components/MsDialogFooter";
 
   export default {
     name: "MsSystemWorkspace",
-    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator},
+    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
     mounted() {
       this.list();
     },
diff --git a/frontend/src/business/components/settings/system/TestResourcePool.vue b/frontend/src/business/components/settings/system/TestResourcePool.vue
index 05a8cd4630..dc6fcef847 100644
--- a/frontend/src/business/components/settings/system/TestResourcePool.vue
+++ b/frontend/src/business/components/settings/system/TestResourcePool.vue
@@ -68,64 +68,64 @@
         </el-form-item>
         <div v-for="(item,index) in infoList " :key="index">
           <div class="node-line" v-if="form.type === 'K8S'">
-            <div class="k8s-master">
-              <el-col :span="11">
-
+            <el-row>
+              <el-col :span="9">
+                <el-form-item prop="masterUrl" label="Master URL">
+                  <el-input v-model="item.masterUrl" autocomplete="off"/>
+                </el-form-item>
               </el-col>
-              <el-form-item prop="masterUrl" label="Master URL">
-                <el-input v-model="item.masterUrl" autocomplete="off"/>
-              </el-form-item>
-            </div>
-            <div class="k8s-token">
-              <el-form-item prop="token" label="Token">
-                <el-input v-model="item.token" show-password autocomplete="off"/>
-              </el-form-item>
-            </div>
-            <div style="width: 30%;float: left">
-              <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')">
-                <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
-              </el-form-item>
-            </div>
+              <el-col :span="9">
+                <el-form-item prop="password" label="Token" style="padding-left: 20px">
+                  <el-input v-model="item.token" show-password autocomplete="off"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
+                              style="padding-left: 20px">
+                  <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
+                </el-form-item>
+              </el-col>
+            </el-row>
           </div>
           <div class="node-line" v-if="form.type === 'NODE'">
-            <div style="width: 30%;float: left">
-              <el-form-item prop="ip" label="IP">
-                <el-input v-model="item.ip" autocomplete="off"/>
-              </el-form-item>
-            </div>
-            <div style="width: 30%;float: left">
-              <el-form-item prop="port" label="Port">
-                <el-input-number v-model="item.port" :min="1" :max="9999"></el-input-number>
-              </el-form-item>
-            </div>
-            <div style="width: 30%;float: left">
-              <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')">
-                <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
-              </el-form-item>
-            </div>
-            <div class="op">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="ip" label="IP">
+                  <el-input v-model="item.ip" autocomplete="off"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item prop="port" label="Port" style="padding-left: 20px">
+                  <el-input-number v-model="item.port" :min="1" :max="9999"></el-input-number>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
+                              style="padding-left: 20px">
+                  <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
                 <span class="box">
                     <el-button @click="addResourceInfo()" type="primary" size="mini" circle>
                         <font-awesome-icon :icon="['fas', 'plus']"/>
                     </el-button>
                 </span>
-              <span class="box">
+                <span class="box">
                     <el-button @click="removeResourceInfo(index)" type="primary" size="mini" circle>
                         <font-awesome-icon :icon="['fas', 'minus']"/>
                     </el-button>
                 </span>
-            </div>
+              </el-col>
+            </el-row>
           </div>
         </div>
 
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="createTestResourcePool('createTestResourcePoolForm')" @keydown.enter.native.prevent
-                     type="primary"
-                     size="medium">{{$t('commons.create')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="createVisible = false"
+          @confirm="createTestResourcePool('createTestResourcePoolForm')"/>
       </template>
     </el-dialog>
 
@@ -151,62 +151,63 @@
         </el-form-item>
         <div v-for="(item,index) in infoList " :key="index">
           <div class="node-line" v-if="form.type === 'K8S'">
-            <div class="k8s-master">
-              <el-form-item prop="masterUrl" label="Master URL">
-                <el-input v-model="item.masterUrl" autocomplete="off"/>
-              </el-form-item>
-            </div>
-            <div class="k8s-token">
-              <el-form-item prop="password" label="Token" style="padding-left: 20px">
-                <el-input v-model="item.token" show-password autocomplete="off"/>
-              </el-form-item>
-            </div>
-            <div style="width: 30%;float: left">
-              <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
-                            style="padding-left: 20px">
-                <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
-              </el-form-item>
-            </div>
+            <el-row>
+              <el-col :span="9">
+                <el-form-item prop="masterUrl" label="Master URL">
+                  <el-input v-model="item.masterUrl" autocomplete="off"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="9">
+                <el-form-item prop="password" label="Token" style="padding-left: 20px">
+                  <el-input v-model="item.token" show-password autocomplete="off"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
+                              style="padding-left: 20px">
+                  <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
+                </el-form-item>
+              </el-col>
+            </el-row>
           </div>
           <div class="node-line" v-if="form.type === 'NODE'">
-            <div style="width: 30%;float: left">
-              <el-form-item prop="ip" label="IP">
-                <el-input v-model="item.ip" autocomplete="off"/>
-              </el-form-item>
-            </div>
-            <div style="width: 30%;float: left">
-              <el-form-item prop="port" label="Port" style="padding-left: 20px">
-                <el-input-number v-model="item.port" :min="1" :max="9999"></el-input-number>
-              </el-form-item>
-            </div>
-            <div style="width: 30%;float: left">
-              <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
-                            style="padding-left: 20px">
-                <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
-              </el-form-item>
-            </div>
-            <div class="op">
+            <el-row>
+              <el-col :span="8">
+                <el-form-item prop="ip" label="IP">
+                  <el-input v-model="item.ip" autocomplete="off"/>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item prop="port" label="Port" style="padding-left: 20px">
+                  <el-input-number v-model="item.port" :min="1" :max="9999"></el-input-number>
+                </el-form-item>
+              </el-col>
+              <el-col :span="6">
+                <el-form-item prop="maxConcurrency" :label="$t('test_resource_pool.max_threads')"
+                              style="padding-left: 20px">
+                  <el-input-number v-model="item.maxConcurrency" :min="1" :max="9999"></el-input-number>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
                 <span class="box">
                     <el-button @click="addResourceInfo()" type="primary" size="mini" circle>
                         <font-awesome-icon :icon="['fas', 'plus']"/>
                     </el-button>
                 </span>
-              <span class="box">
+                <span class="box">
                     <el-button @click="removeResourceInfo(index)" type="primary" size="mini" circle>
                         <font-awesome-icon :icon="['fas', 'minus']"/>
                     </el-button>
                 </span>
-            </div>
+              </el-col>
+            </el-row>
           </div>
         </div>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="updateTestResourcePool('updateTestResourcePoolForm')" @keydown.enter.native.prevent
-                     type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="updateVisible = false"
+          @confirm="updateTestResourcePool('updateTestResourcePoolForm')"/>
       </template>
     </el-dialog>
 
@@ -218,10 +219,11 @@
   import MsTablePagination from "../../common/pagination/TablePagination";
   import MsTableHeader from "../../common/components/MsTableHeader";
   import MsTableOperator from "../../common/components/MsTableOperator";
+  import MsDialogFooter from "../../common/components/MsDialogFooter";
 
   export default {
     name: "MsTestResourcePool",
-    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsTableOperator},
+    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsTableOperator, MsDialogFooter},
     data() {
       return {
         result: {},
@@ -429,30 +431,8 @@
 
 <style scoped>
 
-  .op {
-    float: left;
-    width: 10%;
-  }
-
   .box {
     padding-left: 5px;
   }
 
-  .k8s-master {
-    width: 34%;
-    float: left
-  }
-
-  .k8s-token {
-    width: 36%;
-    float: left
-  }
-
-  .k8s-token .el-form-item__label {
-    padding-left: 20px;
-  }
-
-  .node-line {
-    clear: both;
-  }
 </style>
diff --git a/frontend/src/business/components/settings/system/User.vue b/frontend/src/business/components/settings/system/User.vue
index dbdfb58de8..f4149dfab1 100644
--- a/frontend/src/business/components/settings/system/User.vue
+++ b/frontend/src/business/components/settings/system/User.vue
@@ -57,10 +57,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="createUser('createUserForm')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}</el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="createVisible = false"
+          @confirm="createUser('createUserForm')"/>
       </template>
     </el-dialog>
 
@@ -81,11 +80,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="updateUser('updateUserForm')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="updateVisible = false"
+          @confirm="updateUser('updateUserForm')"/>
       </template>
     </el-dialog>
 
@@ -97,10 +94,11 @@
   import MsTablePagination from "../../common/pagination/TablePagination";
   import MsTableHeader from "../../common/components/MsTableHeader";
   import MsTableOperator from "../../common/components/MsTableOperator";
+  import MsDialogFooter from "../../common/components/MsDialogFooter";
 
   export default {
     name: "MsUser",
-    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsTableOperator},
+    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsTableOperator, MsDialogFooter},
     data() {
       return {
         queryPath: '/user/special/list',
diff --git a/frontend/src/business/components/settings/workspace/WorkspaceMember.vue b/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
index 621f2fd1a3..302e0272a1 100644
--- a/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
+++ b/frontend/src/business/components/settings/workspace/WorkspaceMember.vue
@@ -53,11 +53,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="submitForm('form')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="createVisible = false"
+          @confirm="submitForm('form')"/>
       </template>
     </el-dialog>
 
@@ -88,11 +86,9 @@
         </el-form-item>
       </el-form>
       <template v-slot:footer>
-        <span class="dialog-footer">
-          <el-button @click="updateWorkspaceMember('updateUserForm')" @keydown.enter.native.prevent type="primary"
-                     size="medium">{{$t('commons.save')}}
-          </el-button>
-        </span>
+        <ms-dialog-footer
+          @cancel="updateVisible = false"
+          @confirm="updateWorkspaceMember('updateUserForm')"/>
       </template>
     </el-dialog>
 
@@ -106,10 +102,11 @@
   import MsTableHeader from "../../common/components/MsTableHeader";
   import MsRolesTag from "../../common/components/MsRolesTag";
   import MsTableOperator from "../../common/components/MsTableOperator";
+  import MsDialogFooter from "../../common/components/MsDialogFooter";
 
   export default {
     name: "MsMember",
-    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator},
+    components: {MsCreateBox, MsTablePagination, MsTableHeader, MsRolesTag, MsTableOperator, MsDialogFooter},
     data() {
       return {
         result: {},

From 843d7ed3b1650ab285905db3c8ef08fb9b4b480b Mon Sep 17 00:00:00 2001
From: "Captain.B" <bin@fit2cloud.com>
Date: Fri, 8 May 2020 18:02:58 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=E6=97=A5=E5=BF=97=E4=B8=8B=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../report/components/LogDetails.vue          | 19 ++++++++++++++++++-
 frontend/src/i18n/en-US.js                    |  1 +
 frontend/src/i18n/zh-CN.js                    |  2 +-
 3 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/frontend/src/business/components/performance/report/components/LogDetails.vue b/frontend/src/business/components/performance/report/components/LogDetails.vue
index a6a6a59f54..405d8bc567 100644
--- a/frontend/src/business/components/performance/report/components/LogDetails.vue
+++ b/frontend/src/business/components/performance/report/components/LogDetails.vue
@@ -2,7 +2,8 @@
   <div v-loading="result.loading">
     <el-tabs type="border-card" :stretch="true">
       <el-tab-pane v-for="(item, key) in logContent" :key="key" :label="key" class="logging-content">
-        {{item}}
+        {{item.substring(0, 2048) }}...
+        <el-link type="primary" @click="downloadLogFile(item)">{{$t('load_test.download_log_file')}}</el-link>
       </el-tab-pane>
     </el-tabs>
   </div>
@@ -23,6 +24,22 @@
         this.result = this.$get("/performance/report/log/" + this.id, res => {
           this.logContent = res.data;
         })
+      },
+      downloadLogFile(content) {
+        const filename = 'jmeter.log'
+        const blob = new Blob([content]);
+        if ("download" in document.createElement("a")) {
+          // 非IE下载
+          //  chrome/firefox
+          let aTag = document.createElement('a');
+          aTag.download = filename;
+          aTag.href = URL.createObjectURL(blob);
+          aTag.click();
+          URL.revokeObjectURL(aTag.href)
+        } else {
+          // IE10+下载
+          navigator.msSaveBlob(blob, filename);
+        }
       }
     },
     watch: {
diff --git a/frontend/src/i18n/en-US.js b/frontend/src/i18n/en-US.js
index 2232c263ca..3c42ed336f 100644
--- a/frontend/src/i18n/en-US.js
+++ b/frontend/src/i18n/en-US.js
@@ -181,6 +181,7 @@ export default {
     'create': 'Create Test',
     'select_resource_pool': 'Please Select Resource Pool',
     'resource_pool_is_null': 'Resource Pool is empty',
+    'download_log_file': 'Download',
   },
   api_test: {
     'select_resource_pool': 'Please select resource pool'
diff --git a/frontend/src/i18n/zh-CN.js b/frontend/src/i18n/zh-CN.js
index b52c9cc388..fc02caec1b 100644
--- a/frontend/src/i18n/zh-CN.js
+++ b/frontend/src/i18n/zh-CN.js
@@ -183,7 +183,7 @@ export default {
     'create': '创建测试',
     'select_resource_pool': '请选择资源池',
     'resource_pool_is_null': '资源池为空',
-
+    'download_log_file': '下载完整日志文件',
   },
   api_test: {
     save_and_run: "保存并执行",