From 013e125538751f64c62314bec4246143e3fff4e5 Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Tue, 19 Dec 2023 09:25:58 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E8=87=AA=E5=AE=9A=E4=B9=89=E8=84=9A=E6=9C=AC=E7=9B=B8=E5=85=B3?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1033660 --user=赵勇 【接口测试】case编辑页面-标签输入框和脚本区域重叠 https://www.tapd.cn/55049933/s/1445202

Signed-off-by: fit2-zhao <yong.zhao@fit2cloud.com>
---
 .../business/definition/components/case/ApiCaseItem.vue   | 2 +-
 .../components/mock/Components/MockApiScriptEditor.vue    | 8 +-------
 .../components/mock/Components/MockScriptNavMenu.vue      | 8 ++++++++
 .../src/business/definition/model/ApiTestModel.js         | 2 +-
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/api-test/frontend/src/business/definition/components/case/ApiCaseItem.vue b/api-test/frontend/src/business/definition/components/case/ApiCaseItem.vue
index 1ca8d01a46..095a96bed1 100644
--- a/api-test/frontend/src/business/definition/components/case/ApiCaseItem.vue
+++ b/api-test/frontend/src/business/definition/components/case/ApiCaseItem.vue
@@ -1,7 +1,7 @@
 <template>
   <el-card style="margin-top: 5px" @click.native="selectTestCase(apiCase, $event)" v-loading="saveLoading">
     <el-container>
-      <el-header style="margin-bottom: 20px">
+      <el-header style="margin-bottom: 20px; height: 65px">
         <div @click="active(apiCase)" v-if="type !== 'detail'" ref="elementHeader" class="case-header">
           <div v-loading="loading && !(apiCase.active || type === 'detail')">
             <span @click.stop>
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockApiScriptEditor.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockApiScriptEditor.vue
index 04bd520585..7562e8a911 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockApiScriptEditor.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockApiScriptEditor.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-row type="flex">
-      <el-col :span="codeSpan" class="script-content">
+      <el-col :span="codeSpan">
         <ms-code-edit
           v-if="isCodeEditAlive"
           :mode="codeEditModeMap[jsr223Processor.scriptLanguage]"
@@ -317,12 +317,6 @@ export default {
   border-radius: 5px;
 }
 
-.script-content {
-  /*height: calc(100vh - 570px);*/
-  height: 185px;
-  min-height: 170px;
-}
-
 .script-index {
   padding: 0 20px;
   width: 230px;
diff --git a/api-test/frontend/src/business/definition/components/mock/Components/MockScriptNavMenu.vue b/api-test/frontend/src/business/definition/components/mock/Components/MockScriptNavMenu.vue
index 6f6d2cb07e..b0c0ab81ad 100644
--- a/api-test/frontend/src/business/definition/components/mock/Components/MockScriptNavMenu.vue
+++ b/api-test/frontend/src/business/definition/components/mock/Components/MockScriptNavMenu.vue
@@ -57,7 +57,15 @@ export default {
       },
     },
   },
+  created() {
+    this.openMenus();
+  },
   methods: {
+    openMenus() {
+      this.menus.forEach((menu) => {
+        this.$set(menu, 'open', true);
+      });
+    },
     apiSave(data, env) {
       // data：选中的多个接口定义或多个接口用例; env: 关联页面选中的环境
       let condition = env.config.httpConfig.conditions || [];
diff --git a/api-test/frontend/src/business/definition/model/ApiTestModel.js b/api-test/frontend/src/business/definition/model/ApiTestModel.js
index 99632ecc9a..2cf48fcac3 100644
--- a/api-test/frontend/src/business/definition/model/ApiTestModel.js
+++ b/api-test/frontend/src/business/definition/model/ApiTestModel.js
@@ -914,7 +914,7 @@ export class JSR223Processor extends BaseConfig {
   constructor(options) {
     super();
     this.resourceId = uuid();
-    this.active = false;
+    this.active = true;
     this.type = 'JSR223Processor';
     this.label = '';
     this.script = undefined;