From 6f7f29118fc7abd48f0d1f63140466910c472eba Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Tue, 31 Jan 2023 14:08:09 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E6=9F=A5=E7=9C=8B?=
 =?UTF-8?q?=E6=B1=87=E6=8A=A5=E8=AF=A6=E6=83=85loading?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../js/pages/manage/components/ReportDetail.vue  | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/ReportDetail.vue b/resources/assets/js/pages/manage/components/ReportDetail.vue
index 7f958ef36..e8fba118a 100644
--- a/resources/assets/js/pages/manage/components/ReportDetail.vue
+++ b/resources/assets/js/pages/manage/components/ReportDetail.vue
@@ -1,6 +1,9 @@
 <template>
     <div class="report-detail">
-        <div class="report-title">{{ data.title }}</div>
+        <div class="report-title">
+            {{ data.title }}
+            <Icon v-if="loadIng > 0" type="ios-loading" class="icon-loading"></Icon>
+        </div>
         <div class="report-detail-context">
             <Form class="report-form" label-width="auto" inline>
                 <FormItem :label="$L('汇报人')">
@@ -10,7 +13,8 @@
                     {{ data.created_at }}
                 </FormItem>
                 <FormItem :label="$L('汇报对象')">
-                    <UserAvatar v-for="(item, key) in data.receives_user" :key="key" :userid="item.userid" :size="28"/>
+                    <template v-if="data.receives_user.length === 0">-</template>
+                    <UserAvatar v-else v-for="(item, key) in data.receives_user" :key="key" :userid="item.userid" :size="28"/>
                 </FormItem>
             </Form>
             <Form class="report-form" label-width="auto">
@@ -30,6 +34,11 @@ export default {
             default: {},
         }
     },
+    data() {
+        return {
+            loadIng: 0,
+        }
+    },
     watch: {
         'data.id': {
             handler(id) {
@@ -40,6 +49,7 @@ export default {
     },
     methods: {
         sendRead() {
+            this.loadIng++;
             this.$store.dispatch("call", {
                 url: 'report/read',
                 data: {
@@ -49,6 +59,8 @@ export default {
                 //
             }).catch(() => {
                 //
+            }).finally(_ => {
+                this.loadIng--;
             });
         },
     }