fix (接口定义): 修复前后置步骤无法添加问题

--bug=1007226 --user=赵勇 快捷调试及单接口用例添加后置脚本、前后置SQL等步骤不显示 https://www.tapd.cn/55049933/s/1056664

frontend/src/business/components/api/definition/components/step/JmxStep.vue

@@ -8,26 +8,66 @@
 
       <div v-for="row in request.hashTree" :key="row.id">
         <!--前置脚本-->
-        <ms-jsr233-processor v-if="row.type==='JSR223PreProcessor'" @remove="remove" @copyRow="copyRow" :title="$t('api_test.definition.request.pre_script')"
+        <ms-jsr233-processor
-                             :jsr223-processor="row" color="#B8741A" background-color="#F9F1EA"/>
+          v-if="row.type==='JSR223PreProcessor'"
+          @remove="remove"
+          @copyRow="copyRow"
+          :title="$t('api_test.definition.request.pre_script')"
+          :jsr223-processor="row"
+          color="#B8741A"
+          background-color="#F9F1EA"/>
         <!--后置脚本-->
-        <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')"
+        <ms-jsr233-processor
-                             :jsr223-processor="row" color="#783887" background-color="#F2ECF3"/>
+          v-if="row.type ==='JSR223PostProcessor'"
+          @copyRow="copyRow"
+          @remove="remove"
+          :is-read-only="false"
+          :title="$t('api_test.definition.request.post_script')"
+          :jsr223-processor="row"
+          color="#783887"
+          background-color="#F2ECF3"/>
         <!--前置SQL-->
-        <ms-jdbc-processor v-if="row.label ==='JDBC PreProcessor'" :title="$t('api_test.definition.request.pre_sql')"
+        <ms-jdbc-processor
-                           @copyRow="copyRow" @remove="remove" :is-read-only="false"
+          v-if="row.type ==='JDBCPreProcessor'"
-                           :request="row" :jdbc-processor="row" color="#783887" background-color="#F2ECF3"/>
+          @copyRow="copyRow"
+          @remove="remove"
+          :title="$t('api_test.definition.request.pre_sql')"
+          :is-read-only="false"
+          :request="row"
+          :jdbc-processor="row"
+          color="#B8741A"
+          background-color="#F9F1EA"/>
         <!--后置SQL-->
-        <ms-jdbc-processor v-if="row.label ==='JDBC PostProcessor'" :title="$t('api_test.definition.request.post_sql')"
+        <ms-jdbc-processor
-                           @copyRow="copyRow" @remove="remove" :is-read-only="false"
+          v-if="row.type ==='JDBCPostProcessor'"
-                           :request="row" :jdbc-processor="row" color="#783887" background-color="#F2ECF3"/>
+          @copyRow="copyRow"
+          @remove="remove"
+          :title="$t('api_test.definition.request.post_sql')"
+          :is-read-only="false"
+          :request="row"
+          :jdbc-processor="row"
+          color="#783887"
+          background-color="#F2ECF3"/>
         <!--断言规则-->
         <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"/>
+          <ms-api-assertions
+            v-if="row.type==='Assertions'"
+            @copyRow="copyRow"
+            @remove="remove"
+            :response="response"
+            :is-read-only="isReadOnly"
+            :assertions="row"/>
         </div>
         <!--提取规则-->
         <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"/>
+          <ms-api-extract
+            :response="response"
+            :is-read-only="isReadOnly"
+            :extract="row"
+            @copyRow="copyRow"
+            @remove="remove"
+            v-if="row.type==='Extract'"
+          />
         </div>
       </div>
     </div>
@@ -78,7 +118,6 @@
       default: false
     }
   },
-
   data() {
     let validateURL = (rule, value, callback) => {
       try {