style(接口定义): 脚本样式优化

frontend/src/business/components/api/definition/components/processor/Jsr233Processor.vue

@@ -2,12 +2,12 @@
   <div style="margin-top: 10px">
     <el-card>
       <el-row>
-        <div>
+        <div @click="changeActive">
           <el-button class="ms-left-buttion" size="small" :style="styleType" style="color: #B8741A;background-color: #F9F1EA">{{title}}</el-button>
+          <i class="icon el-icon-arrow-right" :class="{'is-active': active}" style="margin-left:15px" @click="changeActive"/>
           <el-input size="small" v-model="jsr223ProcessorData.name" class="ms-api-header-select" style="width: 380px"/>
 
           <div style="margin-right: 20px; float: right">
-            <i class="icon el-icon-arrow-right" :class="{'is-active': active}" @click="changeActive"/>
             <el-switch v-model="jsr223ProcessorData.enable" style="margin-left: 10px"/>
             <el-button size="mini" icon="el-icon-copy-document" circle @click="copyRow" style="margin-left: 10px"/>
             <el-button size="mini" icon="el-icon-delete" type="danger" circle @click="remove" style="margin-left: 10px"/>
@@ -198,7 +198,7 @@
   }
 
   .ms-api-header-select {
-    margin-left: 20px;
+    margin-left: 5px;
     min-width: 300px;
   }
 

frontend/src/business/components/api/definition/components/request/database/BasisParameters.vue

@@ -72,9 +72,13 @@
             <ms-jsr233-processor v-if="row.label ==='JSR223 PostProcessor'" @copyRow="copyRow" @remove="remove" :is-read-only="false" :title="$t('api_test.definition.request.post_script')" style-type="color: #783887;background-color: #F2ECF3"
                                  :jsr223-processor="row"/>
             <!--断言规则-->
-            <ms-api-assertions v-if="row.type==='Assertions'" @copyRow="copyRow" @remove="remove" :is-read-only="isReadOnly" :assertions="row"/>
+            <div style="margin-top: 10px">
+              <ms-api-assertions v-if="row.type==='Assertions'" @copyRow="copyRow" @remove="remove" :is-read-only="isReadOnly" :assertions="row"/>
+            </div>
             <!--提取规则-->
-            <ms-api-extract :is-read-only="isReadOnly" @copyRow="copyRow" @remove="remove" v-if="row.type==='Extract'" :extract="row"/>
+            <div style="margin-top: 10px">
+              <ms-api-extract :is-read-only="isReadOnly" @copyRow="copyRow" @remove="remove" v-if="row.type==='Extract'" :extract="row"/>
+            </div>
           </div>
         </div>
       </el-col>

frontend/src/business/components/api/definition/components/request/dubbo/BasisParameters.vue

@@ -50,9 +50,13 @@
             <ms-jsr233-processor v-if="row.label ==='JSR223 PostProcessor'" @copyRow="copyRow" @remove="remove" :is-read-only="false" :title="$t('api_test.definition.request.post_script')" style-type="color: #783887;background-color: #F2ECF3"
                                  :jsr223-processor="row"/>
             <!--断言规则-->
-            <ms-api-assertions v-if="row.type==='Assertions'" @copyRow="copyRow" @remove="remove" :is-read-only="isReadOnly" :assertions="row"/>
+            <div style="margin-top: 10px">
+              <ms-api-assertions v-if="row.type==='Assertions'" @copyRow="copyRow" @remove="remove" :is-read-only="isReadOnly" :assertions="row"/>
+            </div>
             <!--提取规则-->
-            <ms-api-extract :is-read-only="isReadOnly" @copyRow="copyRow" @remove="remove" v-if="row.type==='Extract'" :extract="row"/>
+            <div style="margin-top: 10px">
+              <ms-api-extract :is-read-only="isReadOnly" @copyRow="copyRow" @remove="remove" v-if="row.type==='Extract'" :extract="row"/>
+            </div>
           </div>
         </div>
       </el-col>

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

@@ -76,9 +76,13 @@
             <ms-jsr233-processor v-if="row.label ==='JSR223 PostProcessor'" @copyRow="copyRow" @remove="remove" :is-read-only="false" :title="$t('api_test.definition.request.post_script')" style-type="color: #783887;background-color: #F2ECF3"
                                  :jsr223-processor="row"/>
             <!--断言规则-->
-            <ms-api-assertions :response="response" v-if="row.type==='Assertions'" @copyRow="copyRow" @remove="remove" :is-read-only="isReadOnly" :assertions="row"/>
+            <div style="margin-top: 10px">
+              <ms-api-assertions :response="response" v-if="row.type==='Assertions'" @copyRow="copyRow" @remove="remove" :is-read-only="isReadOnly" :assertions="row"/>
+            </div>
             <!--提取规则-->
-            <ms-api-extract :response="response" :is-read-only="isReadOnly" @copyRow="copyRow" @remove="remove" v-if="row.type==='Extract'" :extract="row"/>
+            <div style="margin-top: 10px">
+              <ms-api-extract :response="response" :is-read-only="isReadOnly" @copyRow="copyRow" @remove="remove" v-if="row.type==='Extract'" :extract="row"/>
+            </div>
           </div>
         </div>
       </el-col>