refactor: 执行按钮样式优化 (#4336)

Co-authored-by: chenjianxing <jianxing.chen@fit2cloud.com>

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

@@ -333,6 +333,7 @@ export default {
           tip: this.$t('api_test.automation.execute'),
           icon: "el-icon-video-play",
           exec: this.execute,
+          class: "run-button",
           permissions: ['PROJECT_API_SCENARIO:READ+RUN']
         },
         {

frontend/src/business/components/api/definition/components/case/ApiCaseItem.vue

@@ -64,7 +64,7 @@
         <el-col :span="4">
           <span @click.stop>
             <ms-tip-button @click="singleRun(apiCase)" :tip="$t('api_test.run')" icon="el-icon-video-play"
-                           style="background-color: #409EFF;color: white" size="mini" :disabled="!apiCase.id" circle/>
+                          class="run-button" size="mini" :disabled="!apiCase.id" circle/>
             <ms-tip-button @click="copyCase(apiCase)" :tip="$t('commons.copy')" icon="el-icon-document-copy"
                            size="mini" :disabled="!apiCase.id || isCaseEdit" circle/>
             <ms-tip-button @click="deleteCase(index,apiCase)" :tip="$t('commons.delete')" icon="el-icon-delete"

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

@@ -218,6 +218,7 @@ export default {
           tip: this.$t('api_test.automation.execute'),
           icon: "el-icon-video-play",
           exec: this.runTestCase,
+          class: "run-button",
           permissions: ['PROJECT_API_DEFINITION:READ+RUN']
         },
         {

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

@@ -264,6 +264,7 @@ export default {
           tip: this.$t('api_test.automation.execute'),
           icon: "el-icon-video-play",
           exec: this.runApi,
+          class: "run-button",
           permissions: ['PROJECT_API_DEFINITION:READ+RUN']
         },
         {
@@ -299,6 +300,7 @@ export default {
           tip: this.$t('api_test.automation.execute'),
           icon: "el-icon-video-play",
           exec: this.runApi,
+          class: "run-button",
           permissions: ['PROJECT_API_DEFINITION:READ+RUN']
         },
         {tip: this.$t('commons.reduction'), icon: "el-icon-refresh-left", exec: this.reductionApi},

frontend/src/business/components/common/components/MsTableOperators.vue

@@ -3,6 +3,7 @@
     <ms-table-operator-button v-for="(btn, index) in buttons" :key="index"
                               v-permission="btn.permissions"
                               :disabled="isDisable(btn)"
+                              :class="btn.class"
                               :tip="btn.tip" :icon="btn.icon" :type="btn.type" :isDivButton="btn.isDivButton"
                               @exec="click(btn)" @click.stop="clickStop(btn)"/>
   </span>

frontend/src/common/css/main.css

@@ -287,4 +287,5 @@ textarea {
 .run-button .el-button {
   background-color: #409EFF;
   border-color: #409EFF;
+  color: white;
 }