From f68cf9fab0e8d43479e9b33fbfb870fd315b9d0b Mon Sep 17 00:00:00 2001
From: GaoHao <1210693421@qq.com>
Date: Thu, 31 Oct 2024 09:30:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E6=83=A0=E5=88=B8=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/coupon_details.vue             | 36 ++++++++++++++++---
 1 file changed, 32 insertions(+), 4 deletions(-)

diff --git a/src/views/coupon_manage/components/coupon_details.vue b/src/views/coupon_manage/components/coupon_details.vue
index 1e7f88b..e36e8ba 100644
--- a/src/views/coupon_manage/components/coupon_details.vue
+++ b/src/views/coupon_manage/components/coupon_details.vue
@@ -38,8 +38,8 @@
           </el-form-item>
         </el-form>
       </div>
-      <div>
-        <el-table v-loading="loading" :data="tableData">
+      <div class="head-container">
+        <el-table v-loading="loading" :data="tableData.data">
 
           <el-table-column label="用户ID" prop="id" />
           <el-table-column label="用户名" prop="name" />
@@ -71,6 +71,16 @@
 
         </el-table>
       </div>
+      <div class="head-container">
+        <el-pagination
+          :total="tableData.total"
+          :current-page="tableData.page + 1"
+          :page-size="tableData.size"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="paginationChange"
+          @size-change="sizeChange"
+        />
+      </div>
     </el-dialog>
   </div>
 </template>
@@ -101,7 +111,13 @@ export default {
         size: 10
       },
       resetQuery: null,
-      tableData: null
+      tableData: {
+        data: [],
+        page: 0,
+        size: 10,
+        loading: false,
+        total: 0
+      }
     }
   },
   mounted() {
@@ -126,6 +142,9 @@ export default {
         page: this.query.page,
         size: this.query.size
       })
+      this.tableData.loading = false
+      this.tableData.data = res.content
+      this.tableData.total = res.totalElements
     },
 
     /**
@@ -157,7 +176,16 @@ export default {
       this.query.couponId = obj.id
       this.getTableData()
     },
-
+    // 分页大小改变
+    sizeChange(e) {
+      this.tableData.size = e
+      this.getTableData()
+    },
+    // 分页回调
+    paginationChange(e) {
+      this.tableData.page = e - 1
+      this.getTableData()
+    },
     /**
      * 关闭详情
      */