fix(接口测试): 接口自动化全屏后运行环境加载不出来

api-test/frontend/src/business/automation/report/ApiReportViewHeader.vue

@@ -81,7 +81,7 @@
         </div>
       </el-col>
     </el-row>
-    <el-row type="flex" style="margin-top: 5px">
+    <el-row type="flex" style="margin-top: 5px;">
       <el-col v-if="this.mode">
         <div style="float: left">
           <span> {{ $t('report.run_model') + ':' }} </span>
@@ -100,7 +100,7 @@
       </el-col>
       <el-col></el-col>
     </el-row>
-    <el-row v-if="showProjectEnv" type="flex" style="margin-top: 5px">
+    <el-row v-if="showProjectEnv" type="flex" style="margin-top: 5px; padding-left: 10px;">
       <span> {{ $t('commons.environment') + ':' }} </span>
       <div v-for="(values, key) in projectEnvMap" :key="key" style="margin-right: 10px">
         {{ key + ':' }}

api-test/frontend/src/business/automation/scenario/maximize/MaximizeScenario.vue

@@ -89,7 +89,7 @@
 
     <!-- 场景步骤-->
     <ms-container :class="{ 'maximize-container': !asideHidden }">
-      <ms-aside-container @setAsideHidden="setAsideHidden" style="padding: 0px; overflow: hidden" @click.native="handleMainClick">
+      <ms-aside-container :draggable="false" @setAsideHidden="setAsideHidden" style="padding: 0px; overflow: hidden" width="50%" @click.native="handleMainClick">
         <div class="ms-debug-result" v-if="reqTotal > 0">
           <span style="float: right">
             <span class="ms-message-right"> {{ reqTotalTime }} ms </span>
@@ -543,6 +543,7 @@ export default {
       }
     },
     handleMainClick(e) {
+      console.log(e.target.tagName);
       this.outsideClick(e)
     },
     handleComponentClick(e) {
@@ -1323,11 +1324,13 @@ export default {
     },
     getEnv(definition) {
       return new Promise((resolve) => {
-        getApiScenarioEnv({ definition: definition }).then((res) => {
-          if (res.data) {
-            res.data.projectIds.push(this.projectId);
-            this.$emit('update:projectIds', new Set(res.data.projectIds));
-            this.$emit('update:isFullUrl', res.data.fullUrl);
+        const encoder = new TextEncoder();
+        const bytes = encoder.encode(definition, 'utf-8');
+        getApiScenarioEnv(bytes).then((res) => {
+          if (res.data && res.data.data) {
+            res.data.data.projectIds.push(this.projectId);
+            this.$emit('update:projectIds', new Set(res.data.data.projectIds));
+            this.$emit('update:isFullUrl', res.data.data.fullUrl);
           }
           resolve();
         });

framework/sdk-parent/frontend/src/components/MsAsideContainer.vue

@@ -13,13 +13,14 @@
     <div style="overflow: scroll" class="ms-aside-node-tree" :style="{'height': containerCalHeight }">
       <slot></slot>
     </div>
-    <ms-horizontal-drag-bar/>
+    <ms-horizontal-drag-bar v-if="draggable"/>
   </el-aside>
 </template>
 
 <script>
 import MsHorizontalDragBar from "./dragbar/MsLeft2RightDragBar";
 import {getUUID} from "../utils";
+import {boolean} from "../../public/js/dev/mock";
 
 export default {
   name: "MsAsideContainer",
@@ -49,6 +50,10 @@ export default {
       type: Number,
       default: null
     },
+    draggable: {
+      type: Boolean,
+      default: true,
+    }
   },
   watch: {
     asideHidden() {