From dd8ba7e8da9eb45460d9d0ae54df38eb86cdb814 Mon Sep 17 00:00:00 2001
From: Pang <aipaw@live.cn>
Date: Thu, 21 Dec 2023 23:43:50 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=9B=B4=E6=96=B0=E5=AF=BC=E8=87=B4?=
 =?UTF-8?q?=E7=9A=84=E5=B0=8F=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |  2 +-
 .../manage/components/ChatInput/index.vue     |  6 +-
 .../pages/manage/components/DialogWrapper.vue |  2 +-
 .../sass/pages/components/chat-input.scss     | 59 ++++++++++---------
 .../sass/pages/components/dialog-wrapper.scss | 12 ++--
 .../sass/pages/components/task-detail.scss    |  8 +--
 6 files changed, 42 insertions(+), 47 deletions(-)

diff --git a/package.json b/package.json
index 3d7461b08..154f2a3db 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
         "photoswipe": "^5.2.8",
         "postcss": "^8.4.5",
         "quill": "^1.3.7",
-        "quill-mention-hi": "^3.1.0-3",
+        "quill-mention-hi": "^3.1.0-4",
         "resolve-url-loader": "^4.0.0",
         "sass": "~1.32.13",
         "sass-loader": "^12.6.0",
diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue
index 0478b2d1f..808caaf9c 100755
--- a/resources/assets/js/pages/manage/components/ChatInput/index.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue
@@ -157,11 +157,11 @@
                         </div>
                     </EPopover>
                 </li>
-
-                <!-- 录音效果 -->
-                <li class="chat-record-recwave"><div ref="recwave"></div></li>
             </ul>
 
+            <!-- 录音效果 -->
+            <div class="chat-record"><div ref="recwave"></div></div>
+
             <!-- 覆盖层 -->
             <div class="chat-cover" @click.stop="onClickCover"></div>
         </div>
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 9ddbd808c..385aab29c 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -137,7 +137,7 @@
         </div>
 
         <!--跳转提示-->
-        <div v-if="readEnabled && positionMsg" class="dialog-position" :class="{'down': tagShow}">
+        <div v-if="listPreparedStatus && positionMsg" class="dialog-position" :class="{'down': tagShow}">
             <div class="position-label" @click="onPositionMark">
                 <Icon v-if="positionLoad > 0" type="ios-loading" class="icon-loading"></Icon>
                 <i v-else class="taskfont">&#xe624;</i>
diff --git a/resources/assets/sass/pages/components/chat-input.scss b/resources/assets/sass/pages/components/chat-input.scss
index 6ec7915f9..2006265d9 100755
--- a/resources/assets/sass/pages/components/chat-input.scss
+++ b/resources/assets/sass/pages/components/chat-input.scss
@@ -33,13 +33,13 @@
                             transform: translate(-50%, -50%) scale(2.5);
                         }
                     }
-                    &.chat-record-recwave {
-                        visibility: visible;
-                        opacity: 1;
-                        z-index: 1;
-                    }
                 }
             }
+            .chat-record {
+                visibility: visible;
+                opacity: 1;
+                z-index: 1;
+            }
         }
     }
 
@@ -288,30 +288,31 @@
                         }
                     }
                 }
-                &.chat-record-recwave {
-                    position: absolute;
-                    top: 0;
-                    left: 0;
-                    z-index: -1;
-                    height: 100%;
-                    width: 100%;
-                    background-color: #ffffff;
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    justify-content: flex-end;
-                    pointer-events: none;
-                    visibility: hidden;
-                    opacity: 0;
-                    > div {
-                        flex: 1;
-                        width: 100%;
-                        max-height: 46px;
-                        display: flex;
-                        flex-direction: column;
-                        justify-content: flex-end;
-                    }
-                }
+            }
+        }
+
+        .chat-record {
+            position: absolute;
+            top: 0;
+            left: 0;
+            z-index: -1;
+            height: 100%;
+            width: 100%;
+            background-color: #ffffff;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: flex-end;
+            pointer-events: none;
+            visibility: hidden;
+            opacity: 0;
+            > div {
+                flex: 1;
+                width: 100%;
+                max-height: 46px;
+                display: flex;
+                flex-direction: column;
+                justify-content: flex-end;
             }
         }
 
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 2bb1757b9..8615cf4d8 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -2172,14 +2172,10 @@ body.window-portrait {
             .chat-input-box {
                 .chat-input-wrapper {
                     background-color: #ffffff;
-                    .chat-toolbar {
-                        > li {
-                            &.chat-record-recwave {
-                                margin-left: -10px;
-                                width: calc(100% + 20px);
-                                background-color: #f8f8f8;
-                            }
-                        }
+                    .chat-record {
+                        margin-left: -10px;
+                        width: calc(100% + 20px);
+                        background-color: #f8f8f8;
                     }
                 }
                 .chat-emoji-wrapper {
diff --git a/resources/assets/sass/pages/components/task-detail.scss b/resources/assets/sass/pages/components/task-detail.scss
index 816e031ba..c6e89e7a7 100644
--- a/resources/assets/sass/pages/components/task-detail.scss
+++ b/resources/assets/sass/pages/components/task-detail.scss
@@ -631,11 +631,9 @@
                         .chat-toolbar {
                             right: 4px;
                             bottom: 0;
-                            > li {
-                                &.chat-record-recwave {
-                                    background-color: #F4F5F7;
-                                }
-                            }
+                        }
+                        .chat-record {
+                            background-color: #F4F5F7;
                         }
                     }
                 }