From f9d28e1b6b7ec882119c759000b7ecd2674ae867 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sat, 12 Feb 2022 13:49:30 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E6=8B=96=E5=8A=A8=E5=8F=91=E9=80=81=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/pages/manage/components/TaskDetail.vue | 16 +++---
 .../sass/pages/components/task-detail.scss    | 55 ++++++++++---------
 2 files changed, 36 insertions(+), 35 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/TaskDetail.vue b/resources/assets/js/pages/manage/components/TaskDetail.vue
index 95fc974a..6aa6e8f2 100644
--- a/resources/assets/js/pages/manage/components/TaskDetail.vue
+++ b/resources/assets/js/pages/manage/components/TaskDetail.vue
@@ -68,10 +68,7 @@
     <!--主任务-->
     <div
         v-else-if="ready"
-        :class="{'task-detail':true, 'open-dialog': hasOpenDialog, 'completed': taskDetail.complete_at}"
-        @drop.prevent="taskPasteDrag($event, 'drag')"
-        @dragover.prevent="taskDragOver(true, $event)"
-        @dragleave.prevent="taskDragOver(false, $event)">
+        :class="{'task-detail':true, 'open-dialog': hasOpenDialog, 'completed': taskDetail.complete_at}">
         <div v-show="taskDetail.id > 0" class="task-info">
             <div class="head">
                 <TaskMenu
@@ -383,7 +380,10 @@
                     </div>
                 </div>
                 <ProjectLog v-if="navActive=='log' && taskId > 0" ref="log" :task-id="taskDetail.id" :show-load="false" @on-load-change="logLoadChange"/>
-                <div v-else class="no-dialog">
+                <div v-else class="no-dialog"
+                     @drop.prevent="taskPasteDrag($event, 'drag')"
+                     @dragover.prevent="taskDragOver(true, $event)"
+                     @dragleave.prevent="taskDragOver(false, $event)">
                     <div class="no-tip">{{$L('暂无消息')}}</div>
                     <div class="no-input">
                         <DragInput
@@ -402,13 +402,13 @@
                             <Icon v-else type="md-send" />
                         </div>
                     </div>
+                    <div v-if="dialogDrag" class="drag-over" @click="dialogDrag=false">
+                        <div class="drag-text">{{$L('拖动到这里发送')}}</div>
+                    </div>
                 </div>
             </div>
         </div>
         <div v-if="!taskDetail.id" class="task-load"><Loading/></div>
-        <div v-if="dialogDrag" class="drag-over" @click="dialogDrag=false">
-            <div class="drag-text">{{$L('拖动到这里发送')}}</div>
-        </div>
     </div>
 </template>
 
diff --git a/resources/assets/sass/pages/components/task-detail.scss b/resources/assets/sass/pages/components/task-detail.scss
index 38edbe1e..b2ec45be 100644
--- a/resources/assets/sass/pages/components/task-detail.scss
+++ b/resources/assets/sass/pages/components/task-detail.scss
@@ -531,6 +531,7 @@
             flex: 1;
             display: flex;
             flex-direction: column;
+            position: relative;
             .no-tip {
                 flex: 1;
                 display: none;
@@ -555,6 +556,33 @@
                     display: none;
                 }
             }
+            .drag-over {
+                position: absolute;
+                top: 0;
+                left: 0;
+                right: 0;
+                bottom: 0;
+                z-index: 3;
+                background-color: rgba(255, 255, 255, 0.78);
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                &:before {
+                    content: "";
+                    position: absolute;
+                    top: 0;
+                    left: 36px;
+                    right: 0;
+                    bottom: 0;
+                    border: 2px dashed #7b7b7b;
+                    border-radius: 12px;
+                }
+                .drag-text {
+                    padding: 12px;
+                    font-size: 18px;
+                    color: #666666;
+                }
+            }
         }
         .project-log {
             margin-left: 36px;
@@ -602,33 +630,6 @@
             height: 32px;
         }
     }
-    .drag-over {
-        position: absolute;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        z-index: 3;
-        background-color: rgba(255, 255, 255, 0.78);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        &:before {
-            content: "";
-            position: absolute;
-            top: 16px;
-            left: 16px;
-            right: 16px;
-            bottom: 16px;
-            border: 2px dashed #7b7b7b;
-            border-radius: 12px;
-        }
-        .drag-text {
-            padding: 12px;
-            font-size: 18px;
-            color: #666666;
-        }
-    }
 
     &.open-dialog {
         flex-direction: row;