。

src/components/GameCharacter/index.vue

@@ -27,6 +27,16 @@
         </template>
       </el-table-column>
     </el-table>
+    <el-pagination
+      v-show="characterTotal!==0"
+      style="float:right; margin:20px 0"
+      :total="characterTotal"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      layout="total, prev, pager, next, sizes"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
   </div>
 </template>
 <script>
@@ -42,7 +52,10 @@ export default {
       daterange: '',
       tableData: [],
       endDate: undefined,
-      startDate: undefined
+      startDate: undefined,
+      pageSize: 10,
+      currentPage: 1,
+      characterTotal: 0
     }
   },
   watch: {
@@ -53,6 +66,32 @@ export default {
     }
   },
   methods: {
+    // 改变每页显示条数
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.changePagination()
+    },
+    // 改变页码
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.changePagination()
+    },
+    // 改变分页组件重新查询数据
+    changePagination() {
+      getGameCharacterList({
+        gameId: this.gameId,
+        pageNum: this.currentPage,
+        pageSize: this.pageSize
+      }).then((res) => {
+        this.tableData = res.data.records
+        // 讲特征列表写入store 供问题答案特征下拉使用
+        const list = []
+        this.tableData.map(item => {
+          list.push({ characterId: item.characterId, name: item.name })
+        })
+        this.$store.dispatch('game/setWordListValue', list).then(() => {})
+      })
+    },
     handleAdd() {
       this.$emit('handleAddGameCharacter', true)
     },
@@ -73,6 +112,8 @@ export default {
         gameId: this.gameId
       }).then((res) => {
         this.tableData = res.data.records
+        this.characterTotal = res.data.total
+        this.pageSize = res.data.size
         // 讲特征列表写入store 供问题答案特征下拉使用
         const list = []
         this.tableData.map(item => {

src/components/Question/index.vue

@@ -47,6 +47,16 @@
         </template>
       </el-table-column>
     </el-table>
+    <el-pagination
+      v-if="questionTotal!==0"
+      style="float:right; margin:20px 0"
+      :total="questionTotal"
+      :current-page="currentPage"
+      :page-size="pageSize"
+      layout="total, prev, pager, next, sizes"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
   </div>
 </template>
 <script>
@@ -63,7 +73,10 @@ export default {
       daterange: '',
       tableData: [],
       endDate: undefined,
-      startDate: undefined
+      startDate: undefined,
+      pageSize: 10,
+      currentPage: 1,
+      questionTotal: 0// 条目总数
     }
   },
   watch: {
@@ -74,6 +87,21 @@ export default {
     }
   },
   methods: {
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.changePagination()
+    },
+    handleCurrentChange(val) {
+      this.currentPage = val
+      this.changePagination()
+    },
+    changePagination() {
+      getQuestionList({ gameId: this.gameId, title: this.title, startDate: this.startDate, endDate: this.endDate, pageSize: this.pageSize, pageNum: this.currentPage }).then(
+        (res) => {
+          this.tableData = res.data.records
+        }
+      )
+    },
     // 添加问题
     handleAdd() {
       this.$emit('handleAddQuestion', true)
@@ -91,9 +119,11 @@ export default {
       })
     },
     onSearch() {
-      getQuestionList({ gameId: this.gameId, title: this.title, startDate: this.startDate, endDate: this.endDate }).then(
+      getQuestionList({ gameId: this.gameId, title: this.title, startDate: this.startDate, endDate: this.endDate, pageSize: this.pageSize }).then(
         (res) => {
           this.tableData = res.data.records
+          this.questionTotal = res.data.total
+          this.pageSize = res.data.size
         }
       )
     },
@@ -102,6 +132,8 @@ export default {
       this.daterange = ''
       this.startDate = ''
       this.endDate = ''
+      this.pageSize = 10
+      this.pageNum = 1
       this.onSearch()
     },
     dateChange(val) {

src/views/gameManage/index.vue

@@ -49,6 +49,7 @@
       </el-table-column>
     </el-table>
     <el-pagination
+      v-if="gameTotal!==0"
       style="float:right; margin:20px 0"
       :total="gameTotal"
       :current-page="currentPage"
@@ -81,21 +82,18 @@ export default {
     this.onSearch()
   },
   methods: {
+    // 改变每页显示条数
     handleSizeChange(val) {
       this.pageSize = val
-      getGameList({
-        title: this.title,
-        startDate: this.startDate,
-        endDate: this.endDate,
-        pageNum: this.currentPage,
-        pageSize: this.pageSize
-      }).then((res) => {
-        this.tableData = res.data.records
-        this.pageSize = res.data.size
-      })
+      this.changePagination()
     },
+    // 改变页码
     handleCurrentChange(val) {
       this.currentPage = val
+      this.changePagination()
+    },
+    // 改变分页组件重新查询数据
+    changePagination() {
       getGameList({
         title: this.title,
         startDate: this.startDate,
@@ -106,7 +104,6 @@ export default {
         this.tableData = res.data.records
       })
     },
-    //
     handleAdd() {
       this.$router.push({ name: 'gameEdit' })
     },
@@ -139,6 +136,7 @@ export default {
       this.startDate = undefined
       this.endDate = undefined
       this.currentPage = 1
+      this.pageSize = 10
       this.onSearch()
     },
     dateChange(val) {