试卷分页

src/views/student/classCollect/index.vue

@@ -28,21 +28,22 @@
 	const pagination = ref({
 		current: 1,
 		onChange: (page) => {
+			pagination.value.current = page
 			getList(page)
 		},
 		pageSize: 10
 	})
-	const getList = (current) => {
+	const getList = () => {
 		classCentre
 			.classCollectList({
-				current: current ? current : pagination.value.current,
+				current:pagination.value.current,
 				size: pagination.value.pageSize
 			})
 			.then((data) => {
 				listData.value = data.records
+				pagination.value.total = data.total
 			})
 	}
-	getList()
 	const jump = (t) => {
 		router.push({
 			path: '/student/classCentre',

src/views/student/classNotice/index.vue

@@ -18,18 +18,20 @@
 	const pagination = ref({
 		current: 1,
 		onChange: (page) => {
-			getList(page)
+			pagination.value.current = page
+			getList()
 		},
 		pageSize: 10
 	})
-	const getList = (current) => {
+	const getList = () => {
 		classCentre
 			.classNotice({
-				current: current ? current : pagination.value.current,
+				current:pagination.value.current,
 				size: pagination.value.pageSize
 			})
 			.then((data) => {
 				listData.value = data.records
+				pagination.value.total = data.total
 			})
 	}
 	onMounted(() => {

src/views/student/learningFootprint/index.vue

@@ -4,7 +4,9 @@
 			<template #renderItem="{ item }">
 				<a-list-item>
 					<a-list-item-meta :description="item.chapterName">
-						<template #title>{{ item.courseName }}</template>
+						<template #title>
+							<div @click="jumpDetail(item)" style="cursor: pointer">{{ item.courseName }}</div>
+						</template>
 					</a-list-item-meta>
 					{{ item.fileName }}
 				</a-list-item>
@@ -14,31 +16,39 @@
 </template>
 <script setup>
 	import classCentre from '@/api/student/classCentre'
+	import { useRouter, useRoute } from 'vue-router'
+	const router = useRouter()
 	const listData = ref([])
 	const pagination = ref({
 		current: 1,
 		onChange: (page) => {
-			getList(page)
+			pagination.value.current = page
+			getList()
 		},
 		pageSize: 10
 	})
-	const getList = (current) => {
-		// classCentre.footprintList({
-		// 		current: current ? current : pagination.value.current,
-		// 		size: pagination.value.pageSize
-		// 	})
-		// 	.then((data) => {
-		// 		listData.value = data.records
-		// 	})
-		classCentre.footprintClassList({
-				current: current ? current : pagination.value.current,
+	const getList = () => {
+		classCentre
+			.footprintClassList({
+				current:pagination.value.current,
 				size: pagination.value.pageSize
 			})
 			.then((data) => {
 				listData.value = data.records
+				pagination.value.total = data.total
 			})
 	}
-	getList()
+	onMounted(() => {
+		getList()
+	})
+	const jumpDetail = (item) => {
+		router.push({
+			path: '/student/classCentre',
+			query: {
+				id: item.courseId
+			}
+		})
+	}
 </script>
 <style scoped>
 	.index-message-list {

src/views/student/paper/index.vue

@@ -18,7 +18,7 @@
 						:columns="taskColumns"
 						:data-source="taskList"
 						:expand-row-by-click="true"
-						:pagination="queryParam"
+						:pagination="pagination"
 					>
 						<template #bodyCell="{ column, record }">
 							<div v-if="examType != 4">
@@ -176,8 +176,8 @@
 		try {
 			let res = []
 			const params = {
-				...queryParam.value,
-				size: queryParam.value.pageSize,
+				current:pagination.value.current,
+				size: pagination.value.pageSize,
 				courseId: route.query.id,
 				paperType: paperType.value,
 				examType: examType.value
@@ -189,15 +189,20 @@
 			}
 
 			taskList.value = res?.records || []
+			pagination.value.total = res.total
 		} catch (e) {
 			taskList.value = []
 		}
 		taskLoading.value = false
 	}
 	// 学科分类
-	const queryParam = ref({
+	const pagination = ref({
 		current: 1,
-		pageSize: 10
+		pageSize: 10,
+		onChange: (current) => {
+			pagination.value.current = current
+			getTaskList()
+		}
 	})
 	const tabId = ref('')
 	const subjectList = ref([])
@@ -211,7 +216,7 @@
 		}
 	})
 	const handleChange = (value) => {
-		queryParam.value.subjectId = value
+		pagination.value.subjectId = value
 		getTaskList()
 	}
 	// lifecycle