From a32faf1a99e928d613bb6c8594bda30533cb3771 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Tue, 7 Jun 2022 12:22:00 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E9=A6=96=E9=A1=B5?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD=E5=A4=B1=E8=B4=A5=E7=9A=84=E6=83=85=E5=86=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 resources/assets/js/components/ManageLoad.vue | 33 +++++++++++++++++++
 .../assets/js/components/PageLoading.vue      | 20 -----------
 resources/assets/js/pages/manage.vue          | 21 ++++++++----
 resources/assets/sass/pages/page-manage.scss  |  3 ++
 4 files changed, 50 insertions(+), 27 deletions(-)
 create mode 100644 resources/assets/js/components/ManageLoad.vue
 delete mode 100644 resources/assets/js/components/PageLoading.vue

diff --git a/resources/assets/js/components/ManageLoad.vue b/resources/assets/js/components/ManageLoad.vue
new file mode 100644
index 000000000..6b3345cfa
--- /dev/null
+++ b/resources/assets/js/components/ManageLoad.vue
@@ -0,0 +1,33 @@
+<template>
+    <div v-if="[-1, 0].includes(userState)" class="app-view-loading">
+        <div v-if="userState === -1" class="load-error" @click="onClick">
+            {{$L('加载失败，点击重试')}}
+        </div>
+        <div v-else>
+            <div>PAGE LOADING</div>
+            <span></span>
+            <span></span>
+            <span></span>
+            <span></span>
+            <span></span>
+            <span></span>
+            <span></span>
+        </div>
+    </div>
+</template>
+
+<script>
+    export default {
+        name: 'ManageLoad',
+        props: {
+            userState: {
+                type: Number,
+            },
+        },
+        methods: {
+            onClick() {
+                this.$emit('on-click')
+            }
+        }
+    }
+</script>
diff --git a/resources/assets/js/components/PageLoading.vue b/resources/assets/js/components/PageLoading.vue
deleted file mode 100644
index bf7ea7c69..000000000
--- a/resources/assets/js/components/PageLoading.vue
+++ /dev/null
@@ -1,20 +0,0 @@
-<template>
-    <div class="app-view-loading">
-        <div>
-            <div>PAGE LOADING</div>
-            <span></span>
-            <span></span>
-            <span></span>
-            <span></span>
-            <span></span>
-            <span></span>
-            <span></span>
-        </div>
-    </div>
-</template>
-
-<script>
-    export default {
-        name: 'PageLoading',
-    }
-</script>
diff --git a/resources/assets/js/pages/manage.vue b/resources/assets/js/pages/manage.vue
index 68242c91c..6c2756139 100644
--- a/resources/assets/js/pages/manage.vue
+++ b/resources/assets/js/pages/manage.vue
@@ -236,7 +236,7 @@
         </div>
 
         <!--等待覆盖层-->
-        <PageLoading v-if="userLoad" class="manage-box-load"/>
+        <ManageLoad :user-state="userState" class="manage-box-load" @on-click="loadUser"/>
 
         <!--新建项目-->
         <Modal
@@ -381,13 +381,13 @@ import DialogModal from "./manage/components/DialogModal";
 import TaskModal from "./manage/components/TaskModal";
 import notificationKoro from "notification-koro1";
 import {Store} from "le5le-store";
-import PageLoading from "../components/PageLoading";
+import ManageLoad from "../components/ManageLoad";
 import TaskOperation from "./manage/components/TaskOperation";
 
 export default {
     components: {
         TaskOperation,
-        PageLoading,
+        ManageLoad,
         TaskModal,
         DialogModal,
         MeetingManager,
@@ -405,7 +405,7 @@ export default {
     data() {
         return {
             loadIng: 0,
-            userLoad: true,
+            userState: 0,
 
             mateName: /macintosh|mac os x/i.test(navigator.userAgent) ? '⌘' : 'Ctrl',
 
@@ -461,9 +461,7 @@ export default {
             $A.messageSuccess("清除成功");
         }
         //
-        this.$store.dispatch("getUserInfo").then(_ => {
-            this.userLoad = false;
-        }).catch(_ => {})
+        this.loadUser();
         this.$store.dispatch("getTaskPriority").catch(_ => {})
         //
         this.getReportUnread(0);
@@ -728,6 +726,15 @@ export default {
             };
         },
 
+        loadUser() {
+            this.userState = 0;
+            this.$store.dispatch("getUserInfo").then(_ => {
+                this.userState = 1;
+            }).catch(_ => {
+                this.userState = -1;
+            })
+        },
+
         chackPass() {
             if (this.userInfo.changepass === 1) {
                 this.goForward({name: 'manage-setting-password'});
diff --git a/resources/assets/sass/pages/page-manage.scss b/resources/assets/sass/pages/page-manage.scss
index 82d005999..8d87fa79d 100644
--- a/resources/assets/sass/pages/page-manage.scss
+++ b/resources/assets/sass/pages/page-manage.scss
@@ -268,6 +268,9 @@
         bottom: 0;
         z-index: 99;
         background-color: #ffffff;
+        .load-error {
+            cursor: pointer;
+        }
     }
 }