From d0b2daa56b258ce9113b815f5c66172de0d33264 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Mon, 6 Jun 2022 21:07:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E5=AF=B9=E8=AF=9D=E7=AA=97?=
 =?UTF-8?q?=E5=8F=A3=E9=A6=96=E6=AC=A1=E8=A2=AB=E9=94=AE=E7=9B=98=E9=81=AE?=
 =?UTF-8?q?=E6=8C=A1=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/pages/manage/components/DialogModal.vue  |  1 +
 .../js/pages/manage/components/TaskModal.vue    | 17 +++++++++++++----
 resources/assets/sass/pages/page-manage.scss    |  5 -----
 3 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogModal.vue b/resources/assets/js/pages/manage/components/DialogModal.vue
index 8946da16d..300b43ac5 100644
--- a/resources/assets/js/pages/manage/components/DialogModal.vue
+++ b/resources/assets/js/pages/manage/components/DialogModal.vue
@@ -18,6 +18,7 @@
 body {
     .ivu-modal-wrap {
         &.dialog-modal {
+            position: absolute;
             overflow: hidden;
 
             .ivu-modal {
diff --git a/resources/assets/js/pages/manage/components/TaskModal.vue b/resources/assets/js/pages/manage/components/TaskModal.vue
index c3d65079e..6fa8c2aed 100644
--- a/resources/assets/js/pages/manage/components/TaskModal.vue
+++ b/resources/assets/js/pages/manage/components/TaskModal.vue
@@ -4,13 +4,22 @@
         :styles="styles"
         :mask-closable="false"
         :footer-hide="true"
-        :beforeClose="onBeforeClose">
-        <div class="page-manage-task-modal">
-            <TaskDetail ref="taskDetail" :task-id="taskId" :open-task="taskData" modalMode/>
-        </div>
+        :beforeClose="onBeforeClose"
+        class-name="task-modal">
+        <TaskDetail ref="taskDetail" :task-id="taskId" :open-task="taskData" modalMode/>
     </Modal>
 </template>
 
+<style lang="scss">
+body {
+    .ivu-modal-wrap {
+        &.task-modal {
+            display: flex;
+            flex-direction: column;
+        }
+    }
+}
+</style>
 <script>
 import {mapGetters, mapState} from "vuex";
 import TaskDetail from "./TaskDetail";
diff --git a/resources/assets/sass/pages/page-manage.scss b/resources/assets/sass/pages/page-manage.scss
index 18eb1230f..82d005999 100644
--- a/resources/assets/sass/pages/page-manage.scss
+++ b/resources/assets/sass/pages/page-manage.scss
@@ -396,11 +396,6 @@
     }
 }
 
-.page-manage-task-modal {
-    display: flex;
-    flex-direction: column;
-}
-
 .page-manage-add-task-button-group {
     margin-left: 8px !important;
     .ivu-dropdown {