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: {