优化任务窗口

package.json

@@ -36,12 +36,12 @@
     },
     "dependencies": {
         "gantt-schedule-timeline-calendar": "^2.6.8",
-        "tinymce": "^5.4.1",
+        "tinymce": "^5.4.2",
         "view-design": "^4.3.2",
         "vue-clipboard2": "^0.3.1",
         "vue-emoji-picker": "^1.0.1",
         "vue-kityminder-gg": "^1.3.1",
-        "vuedraggable": "^2.24.0",
+        "vuedraggable": "^2.24.1",
         "x-data-spreadsheet": "^1.1.6",
         "xlsx": "^0.16.6"
     },

resources/assets/js/main/components/project/task/detail/detail.vue

@@ -1,7 +1,8 @@
 <template>
-    <div class="project-task-detail-window" :class="{'task-detail-show': visible}" @click="$nextTick(()=>{visible=false})">
+    <div class="project-task-detail-window" :class="{'task-detail-show': visible}">
+        <div class="task-detail-bg"
+             @click="$nextTick(()=>{visible=false})"></div>
         <div class="task-detail-main"
-             @click.stop=""
              @drop.prevent="commentPasteDrag($event, 'drag')"
              @dragover.prevent="commentDragOver(true)"
              @dragleave.prevent="commentDragOver(false)">
@@ -938,7 +939,18 @@
             opacity: 1;
         }
 
+        .task-detail-bg {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            z-index: -1;
+        }
+
         .task-detail-main {
+            position: relative;
+            z-index: 1;
             display: flex;
             flex-direction: row;
             width: 92%;