Merge branch 'local_dev_ft_fix_teambition_issue' into 'main_dev'

fix: 优化公共接口管理执行测试请求过滤函数布局

See merge request yunteng/thingskit-front!965

@@ -16,54 +16,33 @@
       </div>
     </div>
     <div class="mt-8">
-      <a-row type="flex" align="top">
-        <a-col
-          :span="
-            method === RequestMethodTypeEnum.WEBSOCKET
-              ? 11
-              : httpType === RequestHttpTypeEnum.POST
-              ? 6
-              : 6
-          "
-        >
+      <div class="flex">
+        <div>
           <p>过滤器函数编写：</p>
-          <AceTypeIsJsEditor
-            :restData="getRestData"
-            @changeAceContent="onHandleAceContent"
-            ref="aceTypeIsJsEditorRef"
-          />
-        </a-col>
-        <a-col :span="1">
-          <a-divider type="vertical" class="divider-color" />
-        </a-col>
-        <a-col
-          :span="
-            method === RequestMethodTypeEnum.WEBSOCKET
-              ? 12
-              : httpType === RequestHttpTypeEnum.POST
-              ? 17
-              : 17
-          "
-          style="position: relative"
-          :style="{
-            left:
-              (method === RequestMethodTypeEnum.WEBSOCKET
-                ? 1.5
-                : httpType === RequestHttpTypeEnum.POST
-                ? -0.25
-                : 0) + 'vw',
-          }"
-        >
-          <a-col>
+          <div class="w-90">
+            <AceTypeIsJsEditor
+              :restData="getRestData"
+              @changeAceContent="onHandleAceContent"
+              ref="aceTypeIsJsEditorRef"
+            />
+          </div>
+        </div>
+        <div><a-divider type="vertical" class="divider-color" /></div>
+        <div class="flex flex-col ml-8">
+          <div>
             <p>接口返回数据(res)：</p>
-            <JsonEditor style="height: 35vh" :showBtn="true" ref="jsonEditorRef" />
-          </a-col>
-          <a-col class="mt-3">
+            <div>
+              <JsonEditor class="w-100 h-100" :showBtn="true" ref="jsonEditorRef" />
+            </div>
+          </div>
+          <div class="mt-4">
             <p>过滤器结果：</p>
-            <JsonFilterEditor style="height: 35vh" :showBtn="true" ref="jsonEditorFilterRef" />
-          </a-col>
-        </a-col>
-      </a-row>
+            <div>
+              <JsonFilterEditor class="w-100 h-100" :showBtn="true" ref="jsonEditorFilterRef" />
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -78,7 +57,7 @@
   import AceTypeIsJsEditor from '../../SimpleRequest/components/aceEditor.vue';
   import { Tag } from 'ant-design-vue';
   import { useThrottleFn } from '@vueuse/shared';
-  import { RequestMethodTypeEnum, RequestHttpTypeEnum } from '../../../config/enum';
+  import { RequestMethodTypeEnum } from '../../../config/enum';
 
   const emits = defineEmits(['emitExcute']);
 
@@ -334,9 +313,9 @@
   }
 
   .divider-color {
-    height: 78.5vh;
+    height: 54rem;
     background-color: #e5e7eb;
     position: relative;
-    left: 1.16vw;
+    left: 1rem;
   }
 </style>