From 7fa2c0d6e7eecb8459246e5f95f06ba3a0b992df Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Sun, 5 Jun 2022 20:13:15 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=BB=BB=E5=8A=A1?=
 =?UTF-8?q?=E7=AA=97=E5=8F=A3=E8=81=8A=E5=A4=A9loading=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../manage/components/ChatInput/index.vue     |  7 ++++-
 .../js/pages/manage/components/TaskDetail.vue |  6 ++--
 .../sass/pages/components/chat-input.scss     | 14 +++++++++
 .../sass/pages/components/task-detail.scss    | 29 +++++++------------
 4 files changed, 32 insertions(+), 24 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/ChatInput/index.vue b/resources/assets/js/pages/manage/components/ChatInput/index.vue
index f11036b97..2d4222915 100755
--- a/resources/assets/js/pages/manage/components/ChatInput/index.vue
+++ b/resources/assets/js/pages/manage/components/ChatInput/index.vue
@@ -69,7 +69,12 @@
                 <!-- 发送按钮 -->
                 <li class="chat-send" :class="sendClass" v-touchmouse="clickSend">
                     <ETooltip placement="top" :disabled="!$isDesktop" :content="$L('发送')">
-                        <div>
+                        <div v-if="loading">
+                            <div class="chat-load">
+                                <Loading/>
+                            </div>
+                        </div>
+                        <div v-else>
                             <transition name="mobile-send">
                                 <i v-if="sendClass === 'recorder'" class="taskfont">&#xe609;</i>
                             </transition>
diff --git a/resources/assets/js/pages/manage/components/TaskDetail.vue b/resources/assets/js/pages/manage/components/TaskDetail.vue
index 7df1fca0e..9f048e39e 100644
--- a/resources/assets/js/pages/manage/components/TaskDetail.vue
+++ b/resources/assets/js/pages/manage/components/TaskDetail.vue
@@ -403,16 +403,14 @@
                             ref="chatInput"
                             :task-id="taskId"
                             v-model="msgText"
+                            :loading="sendLoad > 0"
                             :maxlength="20000"
                             :placeholder="$L('输入消息...')"
                             @on-more="onEventMore"
                             @on-file="onSelectFile"
                             @on-record="onRecord"
                             @on-send="onSend"/>
-                        <div v-if="sendLoad > 0 || taskDetail.msg_num" class="input-badge" @click.stop="onSend">
-                            <Loading v-if="sendLoad > 0"/>
-                            <em v-else>{{taskDetail.msg_num > 99 ? '99+' : taskDetail.msg_num}}</em>
-                        </div>
+                        <div v-if="sendLoad === 0 && taskDetail.msg_num" class="input-badge" @click.stop="onSend">{{taskDetail.msg_num > 99 ? '99+' : taskDetail.msg_num}}</div>
                     </div>
                     <div v-if="dialogDrag" class="drag-over" @click="dialogDrag=false">
                         <div class="drag-text">{{$L('拖动到这里发送')}}</div>
diff --git a/resources/assets/sass/pages/components/chat-input.scss b/resources/assets/sass/pages/components/chat-input.scss
index 2df5fce0b..5fa399d4e 100755
--- a/resources/assets/sass/pages/components/chat-input.scss
+++ b/resources/assets/sass/pages/components/chat-input.scss
@@ -165,6 +165,20 @@
                         transition: all 0.3s ease;
                         color: #ffffff;
                     }
+                    .chat-load {
+                        position: absolute;
+                        top: 50%;
+                        left: 50%;
+                        z-index: 3;
+                        transform: translate(-50%, -50%) scale(1);
+                        display: flex;
+                        align-items: center;
+                        justify-content: center;
+                        .common-loading {
+                            width: 20px;
+                            height: 20px;
+                        }
+                    }
                 }
                 &.chat-record-recwave {
                     position: absolute;
diff --git a/resources/assets/sass/pages/components/task-detail.scss b/resources/assets/sass/pages/components/task-detail.scss
index 8309822bb..6fc128254 100644
--- a/resources/assets/sass/pages/components/task-detail.scss
+++ b/resources/assets/sass/pages/components/task-detail.scss
@@ -592,25 +592,16 @@
                     top: 2px;
                     right: 22px;
                     z-index: 2;
-                    .common-loading {
-                        width: 20px;
-                        height: 20px;
-                        margin: 0;
-                    }
-                    > em {
-                        display: inline-block;
-                        height: 20px;
-                        border-radius: 10px;
-                        min-width: 20px;
-                        background: #ed4014;
-                        color: #fff;
-                        line-height: 20px;
-                        text-align: center;
-                        padding: 0 6px;
-                        font-size: 12px;
-                        font-style: normal;
-                        white-space: nowrap;
-                    }
+                    height: 20px;
+                    border-radius: 10px;
+                    min-width: 20px;
+                    background: #ed4014;
+                    color: #fff;
+                    line-height: 20px;
+                    text-align: center;
+                    padding: 0 6px;
+                    font-size: 12px;
+                    white-space: nowrap;
                 }
             }
             .drag-over {