From 0835e5b069801b81c2a8280450a39c90c4b5594b Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Thu, 14 Jul 2022 12:58:14 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=8F=91=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E6=97=B6=E6=9C=89=E6=97=B6=E5=80=99=E5=87=BA=E7=8E=B0?=
 =?UTF-8?q?=E7=A9=BA=E7=99=BD=E9=9C=80=E8=A6=81=E6=BB=9A=E5=8A=A8=E6=89=8D?=
 =?UTF-8?q?=E5=87=BA=E7=8E=B0=E5=86=85=E5=AE=B9=E7=9A=84=E6=83=85=E5=86=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/pages/manage/components/DialogView.vue |  4 +-
 .../pages/manage/components/DialogWrapper.vue | 42 ++++++++++---------
 .../sass/pages/components/dialog-wrapper.scss | 10 +++++
 3 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/DialogView.vue b/resources/assets/js/pages/manage/components/DialogView.vue
index 8ced58b24..bca183f64 100644
--- a/resources/assets/js/pages/manage/components/DialogView.vue
+++ b/resources/assets/js/pages/manage/components/DialogView.vue
@@ -62,8 +62,8 @@
                     </ul>
                 </div>
                 <!--等待-->
-                <div v-else-if="msgData.type === 'loading'" class="content-text no-dark-content">
-                    ......
+                <div v-else-if="msgData.type === 'loading'" class="content-loading">
+                    <Loading/>
                 </div>
                 <!--未知-->
                 <div v-else class="content-unknown">{{$L("未知的消息类型")}}</div>
diff --git a/resources/assets/js/pages/manage/components/DialogWrapper.vue b/resources/assets/js/pages/manage/components/DialogWrapper.vue
index 5b4f5d308..77a245e16 100644
--- a/resources/assets/js/pages/manage/components/DialogWrapper.vue
+++ b/resources/assets/js/pages/manage/components/DialogWrapper.vue
@@ -934,26 +934,28 @@ export default {
                         text: typeLoad ? '' : msgText,
                     },
                 }
-                this.tempMsgs.push(tempMsg)
-                this.msgType = ''
-                this.replyActiveId = 0;
-                this.onActive();
-                this.$nextTick(this.onToBottom)
-                //
-                this.$store.dispatch("call", {
-                    url: 'dialog/msg/sendtext',
-                    data: {
-                        dialog_id: tempMsg.dialog_id,
-                        reply_id: tempMsg.reply_id,
-                        text: msgText,
-                    },
-                    method: 'post',
-                    complete: _ => this.tempMsgs = this.tempMsgs.filter(({id}) => id != tempId)
-                }).then(({data}) => {
-                    this.sendSuccess(data)
-                }).catch(({msg}) => {
-                    $A.modalError(msg)
-                });
+                setTimeout(_ => {
+                    this.tempMsgs.push(tempMsg)
+                    this.msgType = ''
+                    this.replyActiveId = 0;
+                    this.onActive();
+                    this.$nextTick(this.onToBottom)
+                    //
+                    this.$store.dispatch("call", {
+                        url: 'dialog/msg/sendtext',
+                        data: {
+                            dialog_id: tempMsg.dialog_id,
+                            reply_id: tempMsg.reply_id,
+                            text: msgText,
+                        },
+                        method: 'post',
+                        complete: _ => this.tempMsgs = this.tempMsgs.filter(({id}) => id != tempId)
+                    }).then(({data}) => {
+                        this.sendSuccess(data)
+                    }).catch(({msg}) => {
+                        $A.modalError(msg)
+                    });
+                }, 10)
             }
         },
 
diff --git a/resources/assets/sass/pages/components/dialog-wrapper.scss b/resources/assets/sass/pages/components/dialog-wrapper.scss
index 3e682ed04..e7b83475e 100644
--- a/resources/assets/sass/pages/components/dialog-wrapper.scss
+++ b/resources/assets/sass/pages/components/dialog-wrapper.scss
@@ -740,6 +740,16 @@
                             }
                         }
 
+                        .content-loading {
+                            display: flex;
+
+                            .common-loading {
+                                width: 20px;
+                                height: 20px;
+                                margin: 4px;
+                            }
+                        }
+
                         .content-unknown {
                             text-decoration: underline;
                         }