1

src/pages/learningTasks/components/list-item.vue

@@ -4,7 +4,7 @@
 			<view class="item" :class="getStatusClass(item.isFinish)" v-for="(item, index) in data_list" @click="click_item(item)">
 				<view class="img_div">
 					<image-preview class="img" :src="item.ossAddr" mode="scaleToFill"></image-preview>
-					<view class="subscript" v-if="item.isFinish === '00'">进行中</view>
+					<view class="subscript" v-if="item.isFinish === '00'">未完成</view>
 					<view class="subscript" v-if="item.isFinish === '01'">已完成</view>
 				</view>
 				<view class="right_div">
@@ -147,7 +147,7 @@
 			}
 
 			.blod_color {
-				color: #0066ff;
+				color: #333333;
 			}
 		}
 
@@ -223,6 +223,7 @@
 				flex-wrap: nowrap;
 				height: 23rpx;
 				overflow: hidden;
+				
 			}
 
 			.people_progress_div {

src/pages/learningTasks/details.vue

@@ -69,32 +69,38 @@
 					</view>
 					<view class="content_div">
 						<view class="status_div">
-							<text v-if="item.status==='01'">进行中</text>
-							<text v-if="item.status==='02'">已完成</text>
-							<text v-if="item.status==='03'">未解锁</text>
+							<text v-if="item.status === '01'">进行中</text>
+							<text v-if="item.status === '02'">已完成</text>
+							<text v-if="item.status === '03'">未解锁</text>
 						</view>
 						<view class="main_body_div">
 							<view class="title">
-								{{item.crsName}}
+								{{ item.crsName }}
 							</view>
 							<view class="button_div">
-								<template v-if="item.isFinishStudy==='01' && item.isFinishExam==='01'">
+								<template v-if="item.isFinishStudy === '01' && item.isFinishExam === '01'">
 									<image class="img" :src="lockIcon('#999999')"></image>
 									<view class="button_text">暂无通过条件，可自动解锁</view>
 								</template>
-								<template v-if="item.isFinishStudy!=='01'">
+								<template v-if="item.isFinishStudy !== '01'">
 									<image class="img" :src="passTheExamIcon('#0066FF')"></image>
 									<view class="button_text">完成练习</view>
 								</template>
-								<template v-if="item.isFinishExam!=='01'">
-								<image class="img" :src="completeTheExercisesIcon('#0066FF')"></image>
-								<view class="button_text">通过考试</view>
-								
+								<template v-if="item.isFinishExam !== '01'">
+									<image class="img" :src="completeTheExercisesIcon('#0066FF')"></image>
+									<view class="button_text">通过考试</view>
 								</template>
 							</view>
 						</view>
 					</view>
 				</view>
+				<list-no-data v-if="total == 0 && status == 'nomore'"></list-no-data>
+				<uv-load-more
+					v-if="status === 'loading'"
+					:status="status"
+					loadmore-text="轻轻上拉加载"
+					:height="30"
+				></uv-load-more>
 			</scroll-view>
 		</view>
 	</view>
@@ -102,7 +108,7 @@
 
 <script setup>
 	import { onLoad } from '@dcloudio/uni-app';
-	import { reactive, computed, nextTick } from 'vue';
+	import { ref, reactive, computed, nextTick } from 'vue';
 	import { queryAllTraTaskCrsInfo } from '@/api/learningTasks.js';
 	import { passTheExamIcon, completeTheExercisesIcon, lockIcon } from '@/common/imgSvg';
 	import { insertTraPersonalCollectionTask, deleteTraPersonalCollectionById } from '@/api/favorites.js';
@@ -117,8 +123,14 @@
 		finishCrs: '',
 		sumCrs: ''
 	});
+
+	const total = ref(-1);
+	const status = ref('loading'); // loadmore - 加载前，loading - 加载中，nomore - 没有数据
 	const data_list = reactive([]);
+
 	const getData = () => {
+		status.value = 'loading';
+
 		queryAllTraTaskCrsInfo({
 			taskId: detailData.taskId
 			// taskId: 'TASKINFO02506401613920250820161715000008095'
@@ -126,13 +138,18 @@
 			.then((res) => {
 				data_list.push(...res.body);
 			})
-			.finally(() => {});
+			.finally(() => {
+				total.value = data_list.length;
+				if (total.value === 0) {
+					status.value = 'nomore';
+				} else {
+					status.value = 'loadmore';
+				}
+			});
 	};
 	const scrolltolower = () => {};
-	
-	const item_click = (item) => {
-		
-	};
+
+	const item_click = (item) => {};
 	const collect_click = async (collectId) => {
 		console.log('学习', collectId);
 		try {