From 8b11e9a19e320b4783a12cba3a399044c25e3263 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Wed, 13 Mar 2024 00:42:06 +0900
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E8=BD=AC=E5=8F=91?=
 =?UTF-8?q?=E6=B6=88=E6=81=AF=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/manage/components/DialogWrapper.vue | 20 ++++--
 .../sass/pages/components/dialog-wrapper.scss | 67 +++++--------------
 2 files changed, 29 insertions(+), 58 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 329fa1863..8fb466e5a 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -433,7 +433,7 @@
         <!-- 转发确认 -->
         <Modal
             v-model="forwardhow"
-            :title="$L('转发给:')"
+            :title="`${$L('转发给')}:`"
             class-name="common-user-select-modal dialog-forward-message-modal"
             :mask-closable="false"
             width="420">
@@ -459,10 +459,16 @@
             </div>
             <div class="twice-affirm-body-extend">
                 <div class="dialog-wrapper-forward-body">
-                    <div class="dialog-wrapper">
-                        <div class="dialog-scroller">
-                            <DialogItem :source="operateItem" simpleView :dialogAvatar="false"/>
-                        </div>
+                    <div class="dialog-wrapper inde-list">
+                        <Scrollbar class-name="dialog-scroller">
+                            <DialogItem
+                                :source="operateItem"
+                                @on-view-text="onViewText"
+                                @on-view-file="onViewFile"
+                                @on-down-file="onDownFile"
+                                @on-emoji="onEmoji"
+                                simpleView/>
+                        </Scrollbar>
                     </div>
                     <div class="leave-message">
                         <Input type="textarea" :autosize="{minRows: 1,maxRows: 3}" v-model="forwardMessage" :placeholder="$L('留言')" clearable />
@@ -548,7 +554,7 @@
                 v-if="replyListShow"
                 :dialogId="dialogId"
                 :msgId="replyListId"
-                class="drawer-list">
+                class="inde-list">
                 <div slot="head" class="drawer-title">{{$L('回复消息')}}</div>
             </DialogWrapper>
         </DrawerOverlay>
@@ -567,7 +573,7 @@
             placement="right"
             class-name="dialog-wrapper-drawer-list"
             :size="500">
-            <div class="dialog-wrapper drawer-list">
+            <div class="dialog-wrapper inde-list">
                 <div class="dialog-nav">
                     <div class="drawer-title">{{$L('待办消息')}}</div>
                 </div>
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index eaa27d8d5..657a328ce 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -13,7 +13,7 @@
         overflow: hidden;
     }
 
-    &.drawer-list {
+    &.inde-list {
         border-radius: 18px 0 0 18px;
         overflow: hidden;
 
@@ -1822,6 +1822,10 @@ body:not(.window-touch) {
                     .dialog-wrapper {
                         position: relative;
 
+                        &.inde-list {
+                            border-radius: 0;
+                        }
+
                         .dialog-scroller {
                             position: relative;
                             padding: 0;
@@ -1835,66 +1839,27 @@ body:not(.window-touch) {
                                     .dialog-head {
                                         width: 100%;
                                         border-radius: 8px;
+
+                                        .dialog-content {
+                                            .content-file.file {
+                                                width: 100%;
+
+                                                .file-box {
+                                                    width: 100%;
+                                                }
+                                            }
+                                        }
                                     }
 
                                     .dialog-foot {
                                         display: none;
                                     }
-
-                                    .dialog-content {
-                                        .content-file.file {
-                                            width: 100%;
-                                            .file-box{
-                                                width: 100%;
-                                            }
-                                        }
-                                        .content-meeting {
-                                            color: #303133;
-                                        }
-                                    }
-
                                 }
 
                                 .dialog-avatar {
                                     display: none;
                                 }
 
-                                &.self {
-                                    .dialog-head {
-                                        background-color: #F4F5F7;
-
-                                        .content-text {
-                                            color: #303133;
-
-                                            .markdown-body {
-                                                color: #303133;
-                                            }
-                                        }
-
-                                        .dialog-reply {
-                                            &:after {
-                                                background-color: rgba(132, 197, 106, 0.7);
-                                            }
-
-                                            .reply-avatar {
-                                                .bot,
-                                                .common-avatar {
-                                                    color: #84C56A;
-                                                }
-                                            }
-                                        }
-
-                                        .dialog-emoji {
-                                            .avatar-name {
-                                                color: #818181;
-                                            }
-
-                                            > li.hasme {
-                                                background-color: #e1e1e1;
-                                            }
-                                        }
-                                    }
-                                }
                             }
                         }
                     }
@@ -2209,7 +2174,7 @@ body.window-touch {
 body.window-portrait {
     .dialog-wrapper {
         background-color: #f8f8f8;
-        &.drawer-list {
+        &.inde-list {
             .dialog-nav {
                 .drawer-title {
                     height: 52px;