fix(场景自动化): 引用请求只允许查看，不能编辑

backend/src/main/java/io/metersphere/api/dto/definition/request/sampler/MsTCPSampler.java

@@ -82,7 +82,9 @@ public class MsTCPSampler extends MsTestElement {
         samplerHashTree.add(tcpConfig());
         tree.set(tcpSampler(config), samplerHashTree);
         setUserParameters(samplerHashTree);
-        samplerHashTree.add(tcpPreProcessor.getJSR223PreProcessor());
+        if (tcpPreProcessor != null) {
+            samplerHashTree.add(tcpPreProcessor.getJSR223PreProcessor());
+        }
         if (CollectionUtils.isNotEmpty(hashTree)) {
             hashTree.forEach(el -> {
                 el.toHashTree(samplerHashTree, el.getHashTree(), config);

frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue

@@ -40,8 +40,10 @@
 
     <el-collapse-transition>
       <div v-if="data.active && showCollapse" :draggable="draggable">
-        <el-divider></el-divider>
-        <slot></slot>
+        <fieldset :disabled="data.disabled" style="border: 0px">
+          <el-divider></el-divider>
+          <slot></slot>
+        </fieldset>
       </div>
     </el-collapse-transition>
   </el-card>

frontend/src/business/components/api/automation/scenario/component/ApiComponent.vue

@@ -190,6 +190,7 @@
               }
               this.request.requestResult = requestResult;
               this.request.id = response.data.id;
+              this.request.disabled = true;
               this.reload();
               this.sort();
             } else {
@@ -200,6 +201,7 @@
       },
       recursiveSorting(arr) {
         for (let i in arr) {
+          arr[i].disabled = true;
           arr[i].index = Number(i) + 1;
           if (arr[i].hashTree != undefined && arr[i].hashTree.length > 0) {
             this.recursiveSorting(arr[i].hashTree);
@@ -208,6 +210,7 @@
       },
       sort() {
         for (let i in this.request.hashTree) {
+          this.request.hashTree[i].disabled = true;
           this.request.hashTree[i].index = Number(i) + 1;
           if (this.request.hashTree[i].hashTree != undefined && this.request.hashTree[i].hashTree.length > 0) {
             this.recursiveSorting(this.request.hashTree[i].hashTree);

frontend/src/business/components/api/automation/scenario/component/ApiScenarioComponent.vue

@@ -6,6 +6,7 @@
     :data="scenario"
     :show-collapse="false"
     :is-show-name-input="!isDeletedOrRef"
+    :is-disabled="true"
     color="#606266"
     background-color="#F4F4F5"
     :title="$t('api_test.automation.scenario_import')">
@@ -45,6 +46,10 @@
             if (response.data.scenarioDefinition) {
               this.scenario.hashTree = JSON.parse(response.data.scenarioDefinition).hashTree;
             }
+            if (this.scenario.hashTree) {
+              this.setDisabled(this.scenario.hashTree);
+            }
+            this.scenario.disabled = true;
             this.scenario.name = response.data.name;
             this.$emit('refReload');
           } else {
@@ -85,6 +90,22 @@
           this.loading = false
         })
       },
+      recursive(arr) {
+        for (let i in arr) {
+          arr[i].disabled = true;
+          if (arr[i].hashTree != undefined && arr[i].hashTree.length > 0) {
+            this.recursive(arr[i].hashTree);
+          }
+        }
+      },
+      setDisabled(scenarioDefinition) {
+        for (let i in scenarioDefinition) {
+          scenarioDefinition[i].disabled = true;
+          if (scenarioDefinition[i].hashTree != undefined && scenarioDefinition[i].hashTree.length > 0) {
+            this.recursive(scenarioDefinition[i].hashTree);
+          }
+        }
+      },
     }
   }
 </script>