wangziqian há 5 anos atrás
pai
commit
59dbcc2486

+ 26 - 1
src/views/projectManage/taskList/childrenTask/childrenList.vue

@@ -42,6 +42,18 @@
         </template>
       </el-table-column>
     </el-table>
+    <div align="right">
+      <el-pagination
+        :page-sizes="[15, 30, 45]"
+        :current-page.sync="pages.curIndex"
+        :page-size="pages.pageSize"
+        background
+        layout="total, sizes, prev, pager, next, jumper"
+        :total="total"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"
+      />
+    </div>
     <change-status v-if="statusDialog" :show-dialog.sync="statusDialog" :data="noCompleteTask" @confirm="confirmChange()" @cancel="getSubTasksList()" />
     <child-drawer v-if="drawer" :child-id="taskObj.id" @close="drawer = false;getSubTasksList()" @change="getSubTasksList()" />
   </div>
@@ -68,7 +80,12 @@ export default {
       taskObj: { id: 0 }, // 当前任务
       drawer: false,
       statusDialog: false, // 状态弹框
-      noCompleteTask: [] // 当前任务中未完成的子任务
+      noCompleteTask: [], // 当前任务中未完成的子任务
+      total: 0, // 总共条数
+      pages: {
+        pageSize: 15,
+        curIndex: 1
+      }
     }
   },
   created() {
@@ -76,6 +93,14 @@ export default {
     this.getSubTasksList()
   },
   methods: {
+    handleSizeChange(val) {
+      this.pageSize = val
+      this.getSubTasksList()
+    },
+    handleCurrentChange(val) {
+      this.curIndex = val
+      this.getSubTasksList()
+    },
     async getSubTasksList() { // 获取全部子任务
       const res = await getSubTaskList(this.$route.query.id)
       if (res.code === 200) {