题库管理题目列表增加分页功能

src/views/platform/examination/questionBank/edit.vue

@@ -235,7 +235,7 @@
             </div>
             <el-table
                 ref="elTable"
-                :data="questionData"
+                :data="showPaperList"
                 border
                 stripe
                 highlight-current-row
@@ -328,6 +328,18 @@
                     </template>
                 </el-table-column>
             </el-table>
+
+            <el-pagination
+                style="margin-top: 5px; padding-bottom: 10px"
+                :current-page="currentPage"
+                :page-sizes="[10, 20,30, 50,100]"
+                :page-size="pageSize"
+                layout="prev,pager,next,jumper,sizes,->,total"
+                :total="questionData.length"
+                @size-change="handleSizeChange"
+                @current-change="handleCurrentChange"
+            />
+
         </div>
         <div slot="footer" class="el-dialog--center">
             <ibps-toolbar
@@ -374,6 +386,8 @@ export default {
     data () {
         const { userList = [], deptList = [], userId, level = {}} = this.$store.getters || {}
         return {
+            pageSize: 10,
+            currentPage: 1,
             userList,
             paperTypeOptions,
             level: level.second || level.first,
@@ -436,6 +450,11 @@ export default {
     computed: {
         formId () {
             return this.id
+        },
+        showPaperList () {
+            const start = (this.currentPage - 1) * this.pageSize
+            const end = start + this.pageSize
+            return this.questionData.slice(start, end)
         }
     },
     watch: {
@@ -455,6 +474,15 @@ export default {
         this.getQuestionData()
     },
     methods: {
+        // 当前页码改变
+        handleCurrentChange (val) {
+            this.currentPage = val
+        },
+        // 页码选择器改变
+        handleSizeChange (val) {
+            this.pageSize = val
+            this.currentPage = 1
+        },
         changeLimit (e) {
             this.form.xian_kao_ci_shu_ = e === '1' ? 1 : '不限'
         },