From 47aa45b73bbb47e8bfa6757a4cda811e8ca704df Mon Sep 17 00:00:00 2001
From: fit2-zhao <yong.zhao@fit2cloud.com>
Date: Tue, 7 Mar 2023 17:35:06 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=94=A8=E4=BE=8B=E8=AF=84=E5=AE=A1=E5=85=B3?=
 =?UTF-8?q?=E8=81=94=E6=96=B0=E7=94=A8=E4=BE=8B=E9=A1=B5=E9=9D=A2=E6=9C=80?=
 =?UTF-8?q?=E5=A4=A7=E5=8C=96=E4=B8=8D=E7=94=9F=E6=95=88=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1021833 --user=赵勇 【测试跟踪】用例评审-关联用例-点击全屏编辑按钮没反应 https://www.tapd.cn/55049933/s/1346291

Signed-off-by: fit2-zhao <yong.zhao@fit2cloud.com>
---
 .../frontend/src/components/MsDialogHeader.vue         |  4 ++--
 .../review/view/components/TestReviewRelevance.vue     | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/framework/sdk-parent/frontend/src/components/MsDialogHeader.vue b/framework/sdk-parent/frontend/src/components/MsDialogHeader.vue
index 51f2769567..76bfa0407f 100644
--- a/framework/sdk-parent/frontend/src/components/MsDialogHeader.vue
+++ b/framework/sdk-parent/frontend/src/components/MsDialogHeader.vue
@@ -3,7 +3,7 @@
   <div class="msDialogHeader">
     <span style="float: left;font-size: 18px;color: #303133;">{{ title }}</span>
 
-    <div style="float: right; margin-right: 30px">
+    <div style="top: 20px; right: 50px; position: absolute;">
       <el-tooltip effect="dark" :content="$t('commons.full_screen_editing')"
                   placement="top-start">
         <font-awesome-icon class="alt-ico" :icon="['fa', 'expand-alt']" size="lg" @click="fullScreen"/>
@@ -57,7 +57,7 @@ export default {
 <style scoped>
 .ms_btn {
   float: right;
-  margin-right: 50px;
+  margin-right: 70px;
 }
 
 .msDialogHeader {
diff --git a/test-track/frontend/src/business/review/view/components/TestReviewRelevance.vue b/test-track/frontend/src/business/review/view/components/TestReviewRelevance.vue
index 83377fb1fe..feb0575335 100644
--- a/test-track/frontend/src/business/review/view/components/TestReviewRelevance.vue
+++ b/test-track/frontend/src/business/review/view/components/TestReviewRelevance.vue
@@ -3,12 +3,13 @@
     <el-dialog :title="$t('test_track.review_view.relevance_case')" :visible.sync="dialogFormVisible" @close="close"
                width="75%"
                :close-on-click-modal="false"
+               :fullscreen="isFullScreen"
                top="50px" :destroy-on-close="true"
                append-to-body>
 
       <template slot="title" :slot-scope="$t('test_track.review_view.relevance_case')" v-if="!$slots.headerBtn">
         <ms-dialog-header :title="$t('test_track.review_view.relevance_case')" @cancel="dialogFormVisible = false"
-                          @confirm="saveReviewRelevance">
+                          @confirm="saveReviewRelevance" @fullScreen="fullScreen">
           <template #other>
             <table-select-count-bar :count="selectCounts" style="float: left; margin: 5px;"/>
           </template>
@@ -45,6 +46,7 @@
                       v-loading="result.loading"
                       :total="total"
                       :page-size.sync="pageSize"
+                      :screen-height="screenHeight"
                       @handlePageChange="getReviews"
                       @refresh="getReviews"
                       @selectCountChange="setSelectCounts"
@@ -196,6 +198,8 @@ export default {
         {text: this.$t('test_track.review.underway'), value: 'Underway'},
       ],
       selectCounts: null,
+      isFullScreen: false,
+      screenHeight: 'calc(100vh - 420px)'
     };
   },
   props: {
@@ -233,6 +237,10 @@ export default {
     this.toggleSelection(this.testReviews);
   },
   methods: {
+    fullScreen(){
+      this.isFullScreen = !this.isFullScreen;
+      this.screenHeight = this.isFullScreen ?'calc(100vh - 180px)' :'calc(100vh - 420px)'
+    },
     setConditionModuleIdParam() {
       this.condition.components.forEach(component => {
         if (component.key === 'moduleIds') {