From a7450882132cf4b38588d32feb181b8bf784f5ae Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Tue, 11 Jan 2022 22:59:02 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BB=BB=E5=8A=A1=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E5=88=B7=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/pages/manage/components/ProjectLog.vue |  3 ++
 .../js/pages/manage/components/TaskDetail.vue | 33 +++++++++++++------
 .../sass/pages/components/task-detail.scss    | 19 +++++++++++
 3 files changed, 45 insertions(+), 10 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/ProjectLog.vue b/resources/assets/js/pages/manage/components/ProjectLog.vue
index f4736b36..bb2957ce 100644
--- a/resources/assets/js/pages/manage/components/ProjectLog.vue
+++ b/resources/assets/js/pages/manage/components/ProjectLog.vue
@@ -70,6 +70,9 @@ export default {
             this.lists = {};
             this.getLists(true);
         },
+        loadIng(num) {
+            this.$emit("on-load-change", num > 0)
+        }
     },
 
     methods: {
diff --git a/resources/assets/js/pages/manage/components/TaskDetail.vue b/resources/assets/js/pages/manage/components/TaskDetail.vue
index 420e4073..41be14c2 100644
--- a/resources/assets/js/pages/manage/components/TaskDetail.vue
+++ b/resources/assets/js/pages/manage/components/TaskDetail.vue
@@ -329,22 +329,30 @@
                     <div slot="head" class="head">
                         <Icon class="icon" type="ios-chatbubbles-outline" />
                         <div class="nav">
-                            <p :class="{active:navActive=='dialog'}" @click="setNavActive('dialog')">{{$L('聊天')}}</p>
-                            <p :class="{active:navActive=='log'}" @click="setNavActive('log')">{{$L('动态')}}</p>
+                            <p :class="{active:navActive=='dialog'}" @click="navActive='dialog'">{{$L('聊天')}}</p>
+                            <p :class="{active:navActive=='log'}" @click="navActive='log'">{{$L('动态')}}</p>
+                            <div v-if="navActive=='log'" class="refresh">
+                                <Loading v-if="logLoadIng"/>
+                                <Icon v-else type="ios-refresh" @click="getLogLists"></Icon>
+                            </div>
                         </div>
                     </div>
                 </DialogWrapper>
-                <ProjectLog v-if="navActive=='log'" ref="log" :task-id="taskDetail.id"/>
+                <ProjectLog v-if="navActive=='log' && taskId > 0" ref="log" :task-id="taskDetail.id" @on-load-change="logLoadChange"/>
             </template>
             <div v-else>
                 <div class="head">
                     <Icon class="icon" type="ios-chatbubbles-outline" />
                     <div class="nav">
-                        <p :class="{active:navActive=='dialog'}" @click="setNavActive('dialog')">{{$L('聊天')}}</p>
-                        <p :class="{active:navActive=='log'}" @click="setNavActive('log')">{{$L('动态')}}</p>
+                        <p :class="{active:navActive=='dialog'}" @click="navActive='dialog'">{{$L('聊天')}}</p>
+                        <p :class="{active:navActive=='log'}" @click="navActive='log'">{{$L('动态')}}</p>
+                        <div v-if="navActive=='log'" class="refresh">
+                            <Loading v-if="logLoadIng"/>
+                            <Icon v-else type="ios-refresh" @click="getLogLists"></Icon>
+                        </div>
                     </div>
                 </div>
-                <ProjectLog v-if="navActive=='log'" ref="log" :task-id="taskDetail.id"/>
+                <ProjectLog v-if="navActive=='log' && taskId > 0" ref="log" :task-id="taskDetail.id" @on-load-change="logLoadChange"/>
                 <div v-else class="no-dialog">
                     <div class="no-tip">{{$L('暂无消息')}}</div>
                     <div class="no-input">
@@ -431,6 +439,7 @@ export default {
 
             msgText: '',
             navActive: 'dialog',
+            logLoadIng: false,
 
             sendLoad: false,
 
@@ -917,11 +926,15 @@ export default {
             });
         },
 
-        setNavActive(act) {
-            if (act == 'log' && this.navActive == act) {
-                this.$refs.log.getLists(true);
+        getLogLists() {
+            if (this.navActive != 'log') {
+                return;
             }
-            this.navActive = act;
+            this.$refs.log.getLists(true);
+        },
+
+        logLoadChange(load) {
+            this.logLoadIng = load
         },
 
         dropAdd(command) {
diff --git a/resources/assets/sass/pages/components/task-detail.scss b/resources/assets/sass/pages/components/task-detail.scss
index ce27554b..e99e16c5 100644
--- a/resources/assets/sass/pages/components/task-detail.scss
+++ b/resources/assets/sass/pages/components/task-detail.scss
@@ -495,6 +495,25 @@
                         cursor: default;
                     }
                 }
+                .refresh {
+                    display: flex;
+                    align-items: center;
+                    margin-left: -18px;
+                    > i {
+                        font-size: 18px;
+                        cursor: pointer;
+                        opacity: 0.8;
+                        transition: opacity 0.2s;
+                        &:hover {
+                            opacity: 1;
+                        }
+                    }
+                    .common-loading {
+                        margin: 3px;
+                        width: 12px;
+                        height: 12px;
+                    }
+                }
             }
         }
         .no-dialog {