From 04c2e722e1837bcb8fd5eda0eff296a31519f546 Mon Sep 17 00:00:00 2001
From: wxg0103 <727495428@qq.com>
Date: Mon, 6 Dec 2021 17:27:14 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=87=AA=E5=8A=A8=E5=8C=96=E4=B8=AD=E5=9C=BA?=
 =?UTF-8?q?=E6=99=AF=E5=AF=BC=E5=85=A5=E3=80=81=E6=8E=A5=E5=8F=A3=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E5=AF=BC=E5=85=A5=20=E5=B0=86=E5=A4=8D=E5=88=B6?=
 =?UTF-8?q?=E5=92=8C=E5=BC=95=E7=94=A8=E6=8C=89=E9=92=AE=E6=94=BE=E5=88=B0?=
 =?UTF-8?q?=E5=8F=B3=E4=B8=8A=E8=A7=92=20=E5=88=97=E8=A1=A8=E9=AB=98?=
 =?UTF-8?q?=E5=BA=A6=E6=94=BE=E5=A4=A7=E5=8F=AF=E4=BB=A5=E5=A4=9A=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E5=87=A0=E8=A1=8C=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../scenario/api/ScenarioRelevance.vue        |  2 +-
 .../common/components/MsDialogHeader.vue      |  7 +++----
 .../view/comonents/base/RelevanceDialog.vue   |  9 ++++----
 .../comonents/base/TestCaseRelevanceBase.vue  | 21 ++++++++++++++-----
 4 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/frontend/src/business/components/api/automation/scenario/api/ScenarioRelevance.vue b/frontend/src/business/components/api/automation/scenario/api/ScenarioRelevance.vue
index 4cc552a55c..6b99c65212 100644
--- a/frontend/src/business/components/api/automation/scenario/api/ScenarioRelevance.vue
+++ b/frontend/src/business/components/api/automation/scenario/api/ScenarioRelevance.vue
@@ -25,7 +25,7 @@
       :custom-num="customNum"
       ref="apiScenarioList"/>
 
-    <template v-slot:header>
+    <template v-slot:headerBtn>
       <el-button type="primary" @click="copy" :loading="buttonIsWorking" @keydown.enter.native.prevent>
         {{ $t('commons.copy') }}
       </el-button>
diff --git a/frontend/src/business/components/common/components/MsDialogHeader.vue b/frontend/src/business/components/common/components/MsDialogHeader.vue
index 160c9d3d25..aab4670cc2 100644
--- a/frontend/src/business/components/common/components/MsDialogHeader.vue
+++ b/frontend/src/business/components/common/components/MsDialogHeader.vue
@@ -12,7 +12,7 @@
 
 <script>
 export default {
-  name: "MsDialogFooter",
+  name: "MsDialogHeader",
   props: {
     isShow: {
       type: Boolean,
@@ -22,7 +22,7 @@ export default {
     btnSize: {
       type: String,
       default() {
-        return '';
+        return 'mini';
       }
     }
   },
@@ -43,8 +43,7 @@ export default {
 <style scoped>
 
 .dialog-header {
-  position: absolute;
-  top: 40px;
+  top: 20px;
   right: 20px;
   padding: 0;
   background: 0 0;
diff --git a/frontend/src/business/components/track/plan/view/comonents/base/RelevanceDialog.vue b/frontend/src/business/components/track/plan/view/comonents/base/RelevanceDialog.vue
index da6d64562a..b69d53e728 100644
--- a/frontend/src/business/components/track/plan/view/comonents/base/RelevanceDialog.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/base/RelevanceDialog.vue
@@ -8,7 +8,7 @@
              top="50px" append-to-body>
 
     <el-header class="header-btn">
-      <slot name="header"></slot>
+      <slot name="headerBtn"></slot>
     </el-header>
 
     <el-container class="main-content">
@@ -24,9 +24,9 @@
 
     </el-container>
 
-    <!--    <template v-slot:footer>
-          <slot name="footer"></slot>
-        </template>-->
+    <template v-slot:footer>
+      <slot name="footer"></slot>
+    </template>
 
   </el-dialog>
 </template>
@@ -83,6 +83,7 @@
     border: none;
     outline: 0;
     cursor: pointer;
+    height: 30px;
   }
 
 </style>
diff --git a/frontend/src/business/components/track/plan/view/comonents/base/TestCaseRelevanceBase.vue b/frontend/src/business/components/track/plan/view/comonents/base/TestCaseRelevanceBase.vue
index 8c5ec35e8e..4c897fa4ad 100644
--- a/frontend/src/business/components/track/plan/view/comonents/base/TestCaseRelevanceBase.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/base/TestCaseRelevanceBase.vue
@@ -1,18 +1,18 @@
 <template>
   <relevance-dialog :width="width" :title="dialogTitle" ref="relevanceDialog">
+    <template v-slot:headerBtn>
 
-    <template v-slot:header>
-
-      <div v-if="$slots.header">
-        <slot name="header"></slot>
+      <div v-if="$slots.headerBtn">
+        <slot name="headerBtn"></slot>
       </div>
       <div v-else>
-        <div style="margin-bottom: 15px" v-if="flag">
+        <div style="margin-bottom: 5px" v-if="flag">
           <el-checkbox v-model="checked">{{ $t('test_track.sync_add_api_load') }}</el-checkbox>
         </div>
         <ms-dialog-header @cancel="close" v-loading="isSaving" @confirm="save"/>
       </div>
     </template>
+
     <template v-slot:aside>
       <select-menu
         :data="projects"
@@ -26,7 +26,18 @@
 
     <slot></slot>
 
+    <!--    <template v-slot:footer>
 
+          <div v-if="$slots.footer">
+            <slot name="footer"></slot>
+          </div>
+          <div v-else>
+            <div style="margin-bottom: 15px" v-if="flag">
+              <el-checkbox v-model="checked">{{ $t('test_track.sync_add_api_load') }}</el-checkbox>
+            </div>
+            <ms-dialog-footer @cancel="close" v-loading="isSaving" @confirm="save"/>
+          </div>
+        </template>-->
 
   </relevance-dialog>
 </template>