。

src/views/gameManage/index.vue

         </template>
       </el-table-column>
     </el-table>
+    <el-pagination
+      style="float:right; margin:20px 0"
+      :total="gameTotal"
+      :current-page="currentPage"
+      :page-sizes="[10, 50, 100]"
+      :page-size="pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      @current-change="handleCurrentChange"
+    />
   </div>
 </template>
 <script>
       daterange: undefined,
       tableData: [],
       endDate: undefined,
-      startDate: undefined
+      startDate: undefined,
+      //
+      pageSize: 10,
+      currentPage: 1,
+      gameTotal: 0// 条目总数
     }
   },
   mounted() {
     this.onSearch()
   },
   methods: {
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.onSearch()
+    },
+    //
     handleAdd() {
       this.$router.push({ name: 'gameEdit' })
     },
       getGameList({
         title: this.title,
         startDate: this.startDate,
-        endDate: this.endDate
+        endDate: this.endDate,
+        pageNum: this.currentPage
       }).then((res) => {
         this.tableData = res.data.records
+        this.gameTotal = res.data.total
+        this.pageSize = res.data.size
+        this.currentPage = res.data.current
       })
     },
     onReset() {