From 7ea1d3bcd6f979457e7d0c04724fcd9312856782 Mon Sep 17 00:00:00 2001
From: chenjianxing <jianxing.chen@fit2cloud.com>
Date: Mon, 1 Feb 2021 11:57:02 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=BC=95=E7=94=A8=E7=9A=84=E5=9C=BA?=
 =?UTF-8?q?=E6=99=AF=E5=92=8C=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95=E5=A4=8D?=
 =?UTF-8?q?=E5=88=B6=E5=92=8C=E5=88=A0=E9=99=A4=E6=B2=A1=E5=8F=8D=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scenario/common/ApiBaseComponent.vue      | 33 +++++++++++--------
 1 file changed, 20 insertions(+), 13 deletions(-)

diff --git a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
index 1d1798ec5a..baa01172f9 100644
--- a/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
+++ b/frontend/src/business/components/api/automation/scenario/common/ApiBaseComponent.vue
@@ -1,15 +1,16 @@
 <template>
   <el-card class="api-component">
-    <fieldset :disabled="data.disabled" class="ms-fieldset">
 
       <div class="header" @click="active(data)">
 
-        <slot name="beforeHeaderLeft">
-          <div v-if="data.index" class="el-step__icon is-text" style="margin-right: 10px;" :style="{'color': color, 'background-color': backgroundColor}">
-            <div class="el-step__icon-inner">{{data.index}}</div>
-          </div>
-          <el-button class="ms-left-buttion" size="small" :style="{'color': color, 'background-color': backgroundColor}">{{title}}</el-button>
-        </slot>
+        <fieldset :disabled="data.disabled" class="ms-fieldset">
+          <slot name="beforeHeaderLeft">
+            <div v-if="data.index" class="el-step__icon is-text" style="margin-right: 10px;" :style="{'color': color, 'background-color': backgroundColor}">
+              <div class="el-step__icon-inner">{{data.index}}</div>
+            </div>
+            <el-button class="ms-left-buttion" size="small" :style="{'color': color, 'background-color': backgroundColor}">{{title}}</el-button>
+          </slot>
+        </fieldset>
 
         <span @click.stop>
         <slot name="headerLeft">
@@ -39,13 +40,15 @@
           </el-tooltip>
         </div>
       </div>
+
+    <fieldset :disabled="data.disabled" class="ms-fieldset">
       <div class="header">
-        <el-collapse-transition>
-          <div v-if="data.active && showCollapse" :draggable="draggable">
-            <el-divider></el-divider>
-            <slot></slot>
-          </div>
-        </el-collapse-transition>
+          <el-collapse-transition>
+            <div v-if="data.active && showCollapse" :draggable="draggable">
+              <el-divider></el-divider>
+              <slot></slot>
+            </div>
+          </el-collapse-transition>
       </div>
     </fieldset>
 
@@ -160,4 +163,8 @@
     border: 0px;
   }
 
+  .ms-fieldset {
+    display: contents;
+  }
+
 </style>