refactor: 接口测试细节优化

接口测试细节优化：Tapd接口测试细节优化B任务，主要包含：接口自定义页面copy场景时自动保存、部分页面按钮以及文字的主题色修改等

frontend/src/business/components/api/automation/scenario/ApiScenarioList.vue

@@ -374,6 +374,7 @@
       },
       copy(row) {
         row.copy = true;
+        row.name = 'copy_'+row.name;
         this.$emit('edit', row);
       },
       showReport(row) {

frontend/src/business/components/api/automation/scenario/EditApiScenario.vue

@@ -92,7 +92,7 @@
       <!-- 场景步骤-->
       <div v-loading="loading">
         <div @click="showAll">
-          <p class="tip">{{$t('api_test.automation.scenario_step')}} </p>
+          <p class="tip">{{$t('api_test.automation.scenario_stepscenario_step')}} </p>
         </div>
         <el-row>
           <el-col :span="21">
@@ -692,9 +692,19 @@
             if (!hasEnvironment) {
               this.currentEnvironmentId = '';
             }
+            //检查场景是否需要先进行保存
+            this.checkDataIsCopy();
           });
         }
       },
+
+      checkDataIsCopy(){
+        //  如果是复制按钮创建的场景，直接进行保存
+        if(this.currentScenario.copy){
+          this.editScenario(false);
+        }
+      },
+
       openEnvironmentConfig() {
         if (!this.projectId) {
           this.$error(this.$t('api_test.select_project'));
@@ -937,7 +947,7 @@
   }
 
   .ms-scenario-button {
-    margin-left: 30%;
+    margin-left: 20px;
     padding: 7px;
   }
 

frontend/src/business/components/api/definition/components/list/ApiListContainer.vue

@@ -50,6 +50,8 @@
 
   .active {
     border: solid 1px #6d317c;
+    background-color: #7C3985;
+    color: #FFFFFF;
   }
 
   .case-button {

frontend/src/business/components/api/definition/components/request/http/ApiHttpRequestForm.vue

@@ -15,7 +15,7 @@
               </span>
               </el-tooltip>
               <el-row>
-                <el-link class="ms-el-link" @click="batchAdd"> {{$t("commons.batch_add")}}</el-link>
+                <el-link class="ms-el-link" @click="batchAdd" style="color: #783887"> {{$t("commons.batch_add")}}</el-link>
               </el-row>
 
               <ms-api-key-value :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :suggestions="headerSuggestions" :items="headers"/>
@@ -30,7 +30,7 @@
                 </div></span>
               </el-tooltip>
               <el-row>
-                <el-link class="ms-el-link" @click="batchAdd"> {{$t("commons.batch_add")}}</el-link>
+                <el-link class="ms-el-link" @click="batchAdd" style="color: #783887"> {{$t("commons.batch_add")}}</el-link>
               </el-row>
               <ms-api-variable :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :parameters="request.arguments"/>
             </el-tab-pane>
@@ -46,7 +46,7 @@
               </span>
               </el-tooltip>
               <el-row>
-                <el-link class="ms-el-link" @click="batchAdd"> {{$t("commons.batch_add")}}</el-link>
+                <el-link class="ms-el-link" @click="batchAdd" style="color: #783887"> {{$t("commons.batch_add")}}</el-link>
               </el-row>
               <ms-api-variable :is-read-only="isReadOnly" :isShowEnable="isShowEnable" :parameters="request.rest"/>
             </el-tab-pane>

frontend/src/business/components/api/test/components/ApiHostTable.vue

@@ -27,7 +27,7 @@
           <span>
             <el-button size="mini" p="$t('commons.remove')" icon="el-icon-close" circle @click="remove(scope.row)"
                        class="ht-btn-remove"/>
-            <el-button size="mini" p="$t('commons.save')" icon="el-icon-check" circle @click="confirm(scope.row)"
+            <el-button size="mini" p="$t('commons.save')" icon="el-icon-check" type="primary" circle @click="confirm(scope.row)"
                        class="ht-btn-confirm"/>
           </span>
         </template>
@@ -143,13 +143,13 @@
 
   .ht-btn-confirm {
     color: white;
-    background-color: #1483F6;
+    /*background-color: #1483F6;*/
   }
 
   .ht-btn-add {
     border: 0px;
     margin-top: 10px;
-    color: #1483F6;
+    color: #783887;
     background-color: white;
   }