From 73974bf0cd05ea97010b6a89df7ab0b658713886 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=82=93=E5=B0=8F=E6=98=8E?= <2966980@qq.com>
Date: Wed, 15 Mar 2023 10:03:30 +0000
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=EF=BC=9A=E5=90=8E=E7=AB=AF?=
 =?UTF-8?q?=E5=90=AF=E7=94=A8withLoading=E5=90=8E=EF=BC=8C=E5=89=8D?=
 =?UTF-8?q?=E7=AB=AF=E6=95=B0=E6=8D=AE=E5=8A=A0=E8=BD=BD=E5=AE=8C=E4=B8=8D?=
 =?UTF-8?q?=E4=BC=9A=E9=9A=90=E8=97=8FLoading=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 邓小明 <2966980@qq.com>
---
 src/components/Catch/Table/index.vue        | 7 ++++++-
 src/components/Catch/Table/mixin/operete.js | 8 ++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/Catch/Table/index.vue b/src/components/Catch/Table/index.vue
index 8c77e32..65863ab 100644
--- a/src/components/Catch/Table/index.vue
+++ b/src/components/Catch/Table/index.vue
@@ -51,7 +51,7 @@
       </div>
       <el-table
         :key="updateKey"
-        v-loading="loading"
+        v-loading="showLoading"
         :data="source"
         style="width: 100%"
         v-bind="$attrs"
@@ -172,6 +172,11 @@ export default {
     importExcel
   },
   mixins: [operate, create, update, del, view, to, _export, excel, props, tableData],
+  data() {
+    return {
+      showLoading: false
+    }
+  },
   computed: {
     // 获取可用 refs 为止
     getParent() {
diff --git a/src/components/Catch/Table/mixin/operete.js b/src/components/Catch/Table/mixin/operete.js
index 22ebe88..42ca07b 100644
--- a/src/components/Catch/Table/mixin/operete.js
+++ b/src/components/Catch/Table/mixin/operete.js
@@ -7,6 +7,9 @@ export default {
     getList() {
       // 这里的判断防止 table 的 api route 是异步获取，在页面渲染的时候没有获取到，导致列表数据无法获取
       if (this.apiRoute) {
+        if (this.loading) {
+          this.showLoading = true
+        }
         this.$http.get(this.apiRoute, { params: this.queryParams }).then(response => {
           this.source = response.data
           this.handlePaginateResponse(response)
@@ -180,6 +183,11 @@ export default {
         this.pagination.currentPage = response.current
         this.pagination.limit = response.limit
       }
+      // paginateResponse 之后的处理
+      this.showLoading = false
+      if (this.getParent.afterPaginateResponse !== undefined) {
+        this.getParent.afterPaginateResponse(response)
+      }
     },
     // 选择全部
     handleSelectMulti(rows) {
-- 
Gitee