From ea75615a4660345a63bf7dc7abc720bdf161009c Mon Sep 17 00:00:00 2001
From: viarotel <viarotel@qq.com>
Date: Tue, 29 Oct 2024 14:37:24 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=F0=9F=92=84=20Optimize=20device=20refr?=
 =?UTF-8?q?esh=20mode?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Device/index.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/Device/index.vue b/src/components/Device/index.vue
index 0751aaa..cefe8d5 100644
--- a/src/components/Device/index.vue
+++ b/src/components/Device/index.vue
@@ -29,7 +29,7 @@
     <div class="pt-4 flex-1 h-0 overflow-hidden">
       <el-table
         ref="elTable"
-        v-loading="loading"
+        v-loading="loading && !deviceList.length"
         :element-loading-text="$t('common.loading')"
         :data="deviceList"
         style="width: 100%"
@@ -213,8 +213,10 @@ export default {
       this.$refs.wirelessGroupRef.connect(...args)
     },
 
-    handleRefresh() {
-      this.getDeviceData({ resetResolve: true })
+    async handleRefresh() {
+      this.loading = true
+      await sleep(500)
+      this.getDeviceData({ resetResolve: true, unloading: true })
     },
 
     async handleReset() {
@@ -247,10 +249,12 @@ export default {
       }
     },
 
-    async getDeviceData({ resetResolve = false } = {}) {
-      this.loading = true
+    async getDeviceData(options = {}) {
+      const { resetResolve = false, unloading = false } = options
 
-      await sleep(500)
+      if (!unloading) {
+        this.loading = true
+      }
 
       try {
         const data = await this.$store.device.getList()