优化搜索状态处理及数据请求节流

src/views/AppStoresTable.vue

@@ -1,4 +1,14 @@
 <script>
+function throttle(func, limit = 500) {
+  let timer;
+  return function () {
+    if (timer) {
+      clearTimeout(timer)
+    }
+    timer = setTimeout(func, limit);
+  }
+}
+
 export default {
   name: "AppStoresTable",
   label: "多店监控",
@@ -44,7 +54,12 @@ export default {
     }
   },
   computed: {
-    search: v => v.$multipleStoreBoard.search,
+    search: v => {
+      const search = JSON.parse(JSON.stringify(v.$multipleStoreBoard.search))
+      delete search.t
+      return search
+    },
+    refreshTimer: v => v.search.t,
     storeList: v => {
       const list = []
       let group = []
@@ -65,17 +80,22 @@ export default {
   },
   watch: {
     search: {
-      immediate: true, deep: true, handler(v, old) {
+      immediate: true, deep: true, handler(v) {
-        if (old) {
+        this.getData().then(() => {
-          delete v.t
-          old?.t && delete old.t
-        }
-        (old && JSON.stringify(v) == JSON.stringify(old) ? this.refreshData() : this.getData()).then(() => {
           if (v.interval > 0 && v.changeWay == '1') {
             this.$refs.carousel?.$forceUpdate()
           }
         })
       }
+    },
+    refreshTimer() {
+      console.log("刷新")
+      this.refreshData().then(() => {
+        const v = this.search
+        if (v.interval > 0 && v.changeWay == '1') {
+          this.$refs.carousel?.$forceUpdate()
+        }
+      })
     }
   },
   methods: {
@@ -112,21 +132,27 @@ export default {
       })
     },
     getStoreKeyGoods() {
-      return $http.post("/data-boot/la/screen/multipleStoreBoard/storeKeyGoods", {
+      return new Promise(resolve => {
-        type: "1", ...this.search,
+        throttle(() => $http.post("/data-boot/la/screen/multipleStoreBoard/storeKeyGoods", {
-      }).then(res => {
+          type: "1", ...this.search,
-        if (res?.data) {
+        }).then(res => {
-          this.storeKeyGoods = res.data
+          if (res?.data) {
-        }
+            this.storeKeyGoods = res.data
+            resolve()
+          }
+        }))()
       })
     },
     getCategorySales() {
-      return $http.post("/data-boot/la/screen/multipleStoreBoard/categorySale", {
+      return new Promise(resolve => {
-        type: "1", ...this.search,
+        throttle(() => $http.post("/data-boot/la/screen/multipleStoreBoard/categorySale", {
-      }).then(res => {
+          type: "1", ...this.search,
-        if (res?.data) {
+        }).then(res => {
-          this.categorySales = res.data
+          if (res?.data) {
-        }
+            this.categorySales = res.data
+            resolve()
+          }
+        }))()
       })
     },
     gotoDetail(store, i) {