From 95a3aa7290b6e98035dd5253f85a83df710ea7c4 Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Fri, 4 Mar 2022 17:32:20 +0800
Subject: [PATCH] no message

---
 .../js/pages/manage/components/ProjectList.vue     | 14 +++++++++++++-
 resources/assets/js/store/actions.js               |  4 +++-
 resources/assets/sass/components/loading.scss      |  2 +-
 3 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/ProjectList.vue b/resources/assets/js/pages/manage/components/ProjectList.vue
index 75d1b3273..e33f0d512 100644
--- a/resources/assets/js/pages/manage/components/ProjectList.vue
+++ b/resources/assets/js/pages/manage/components/ProjectList.vue
@@ -6,7 +6,7 @@
                 <div class="project-title">
                     <h1>{{projectData.name}}</h1>
                     <label v-if="projectData.top_at" class="top-text">{{$L('置顶')}}</label>
-                    <div v-if="projectLoad > 0" class="project-load"><Loading/></div>
+                    <div v-if="loading" class="project-load"><Loading/></div>
                 </div>
                 <ul class="project-icons">
                     <li class="project-avatar" @click="projectDropdown('user')">
@@ -464,6 +464,8 @@ export default {
         ProjectLog, TaskArchived, TaskRow, Draggable, TaskAddSimple, UserInput, TaskAdd, TaskPriority},
     data() {
         return {
+            loading: false,
+
             nowTime: $A.Time(),
             nowInterval: null,
 
@@ -791,6 +793,16 @@ export default {
         projectData() {
             this.sortData = this.getSort();
         },
+        projectLoad(n) {
+            this._loadTimeout && clearTimeout(this._loadTimeout)
+            if (n > 0) {
+                this._loadTimeout = setTimeout(() => {
+                    this.loading = true;
+                }, 1000)
+            } else {
+                this.loading = false;
+            }
+        },
         projectId: {
             handler(val) {
                 if (val > 0) {
diff --git a/resources/assets/js/store/actions.js b/resources/assets/js/store/actions.js
index d1cd8dd13..89f807b70 100644
--- a/resources/assets/js/store/actions.js
+++ b/resources/assets/js/store/actions.js
@@ -671,7 +671,9 @@ export default {
                     project_id,
                 },
             }).then(result => {
-                state.projectLoad--;
+                setTimeout(() => {
+                    state.projectLoad--;
+                }, 10)
                 dispatch("saveProject", result.data);
                 resolve(result)
             }).catch(e => {
diff --git a/resources/assets/sass/components/loading.scss b/resources/assets/sass/components/loading.scss
index 8846b3929..37bba5f7c 100644
--- a/resources/assets/sass/components/loading.scss
+++ b/resources/assets/sass/components/loading.scss
@@ -9,6 +9,7 @@
     animation: rotate 2s linear infinite;
 
     .common-path {
+        fill: none;
         stroke-dasharray: 1, 200;
         stroke-dashoffset: 0;
         stroke-linecap: round;
@@ -17,7 +18,6 @@
 }
 @keyframes rotate {
     to {
-        -webkit-transform: rotate(1turn);
         transform: rotate(1turn)
     }
 }