优惠券详情修改

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()
+    },
     /**
      * 关闭详情
      */