From acdd69020ceea74be2233efeaa4556dd31d58e08 Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Fri, 17 Jun 2022 16:11:57 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E5=8E=BB=E9=99=A4case=E5=8F=98=E9=87=8F=E5=BC=B9=E6=A1=86?=
 =?UTF-8?q?=E9=81=AE=E7=BD=A9=E5=B1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1014222 --user=赵勇 【接口测试】接口CASE，请求体form-json格式，点编辑按钮屏幕出现灰色遮罩 https://www.tapd.cn/55049933/s/1185468
---
 .../components/api/definition/components/ApiVariable.vue | 2 +-
 .../api/definition/components/case/ApiCaseList.vue       | 9 +++++++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/business/components/api/definition/components/ApiVariable.vue b/frontend/src/business/components/api/definition/components/ApiVariable.vue
index 7f8b143e2d..c22c97f264 100644
--- a/frontend/src/business/components/api/definition/components/ApiVariable.vue
+++ b/frontend/src/business/components/api/definition/components/ApiVariable.vue
@@ -100,7 +100,6 @@ import {JMETER_FUNC, MOCKJS_FUNC} from "@/common/js/constants";
 import MsApiVariableAdvance from "./ApiVariableAdvance";
 import MsApiVariableJson from "./ApiVariableJson";
 import MsApiBodyFileUpload from "./body/ApiBodyFileUpload";
-import {REQUIRED} from "../model/JsonData";
 import Vue from 'vue';
 import ApiVariableSetting from "@/business/components/api/definition/components/ApiVariableSetting";
 
@@ -262,6 +261,7 @@ export default {
     },
     advanced(item) {
       if (item.type === 'json') {
+        this.appendDialogToBody = true;
         this.$refs.variableJson.open(item);
         this.currentItem = item;
       } else {
diff --git a/frontend/src/business/components/api/definition/components/case/ApiCaseList.vue b/frontend/src/business/components/api/definition/components/case/ApiCaseList.vue
index d1f7c8d63f..9d12eb4139 100644
--- a/frontend/src/business/components/api/definition/components/case/ApiCaseList.vue
+++ b/frontend/src/business/components/api/definition/components/case/ApiCaseList.vue
@@ -13,7 +13,7 @@
             :useEnvironment="environment"
             :is-case-edit="isCaseEdit"
             :button-text="saveButtonText"
-            ref="header"/>
+            ref="header" v-if="refreshHeader"/>
       </template>
 
       <el-container v-if="!result.loading">
@@ -103,7 +103,8 @@ export default {
       api: {},
       envMap: new Map,
       maintainerOptions: [],
-      environments: []
+      environments: [],
+      refreshHeader: true
     };
   },
   watch: {
@@ -198,6 +199,10 @@ export default {
     },
     runTestCase(api, testCaseId) {
       if (api && testCaseId) {
+        this.refreshHeader = false;
+        this.$nextTick(() => {
+          this.refreshHeader = true;
+        });
         this.api = api;
         this.testCaseId = testCaseId;
         this.condition = {components: API_CASE_CONFIGS};