uniProject/pages/my/xuexishichang.vue

<template>
	<view class="ezy-cuoti-page">
		<view class="icon-title-navBar-box">
			<view @click="handleBack" class="nav-bar-icon"></view>
			<text class="nav-bar-title">关于我们</text>
		</view>
		<text>学习时长</text>
		<CustomTabBar></CustomTabBar>
	</view>
</template>

<script setup>
	import {
		reactive,
		ref
	} from "vue";
	import {
		getWrongData
	} from "@/api/wrong";
	import {
		onLoad
	} from "@dcloudio/uni-app";
	import cuoti from "@/components/chengji/chengji.vue";
	import {
		getWrongInfo
	} from "@/api/wrong";
	import CustomTabBar from '@/components/custom-tabbar/custom-tabbar.vue';

	const zhangId = ref(null);
	const nianji = ref(null);
	const subjectId = ref(null);

	const wrongRef = ref(null);

	const data = reactive({
		items: ['数学', '英语'],
		current: 0,
		shuxue: {
			page: 0,
			list: [],
			loading: false,
			state: 'more',
			contentText: {
				contentdown: '查看更多',
				contentrefresh: '加载中',
				contentnomore: '没有更多'
			}

		},
		yingyu: {
			page: 0,
			list: [],
			loading: false,
			state: 'more',
			contentText: {
				contentdown: '查看更多',
				contentrefresh: '加载中',
				contentnomore: '没有更多'
			}
		},
		wrongList: [],
	})
	subjectId.value = data.current+1;
	function handleBack() {
		uni.redirectTo({
			url: '/pages/my/index'
		})
	}

	function handleBackFromCuoti() {
		wrongRef.value.closePopup();
		uni.$emit('back-outpage')
	}

	function onChangeTab(e) {
		if (data.current !== e.currentIndex) {
			data.current = e.currentIndex;
			subjectId.value = data.current+1;
			if (data.current == 0) {
				data.shuxue.page = 0
			} else if (data.current == 1) {
				data.yingyu.page = 0
			}
			refreshData(data.current);
		}
	}

	function refreshData(code) {
		const opt = {
			page: 1,
			size: 10, // 固定查询10条
			subjectId: data.current + 1 // 前台索引加1为学科cardId
		}

		if (code == 0) {
			data.shuxue.list = [];
			// 数学
			data.shuxue.state = 'loading';
			data.shuxue.page++;
			opt.page = data.shuxue.page;
		} else if (code == 1) {
			data.yingyu.list = [];
			// 英语
			data.yingyu.state = 'loading';
			data.yingyu.page++;
			opt.page = data.yingyu.page;
		}
		getWrongData(opt).then(res => {
			if (code == 0) {
				data.shuxue.list = data.shuxue.list.concat(res.data.data);
				data.shuxue.loading = false;
			} else if (code == 1) {
				data.yingyu.list = data.yingyu.list.concat(res.data.data);
				data.yingyu.loading = false;
			}
			if (code == 0) {
				if (res.data.total > data.shuxue.list.length) {
					// 数学
					data.shuxue.state = 'more';
					data.shuxue.loading = false;
				} else {
					// 数学
					data.shuxue.state = 'no-more';
					data.shuxue.loading = false;
				
				}
			} else if (code == 1) {
				if (res.data.total > data.yingyu.list.length) {
					// 英语
					data.yingyu.state = 'more';
					data.yingyu.loading = false;
				} else {
					// 英语
					data.yingyu.state = 'no-more';
					data.yingyu.loading = false;
				}
			}
		}).catch(err => {
			if (code == 0) {
				// 数学
				data.shuxue.state = 'more';
				data.shuxue.loading = false;
			} else if (code == 1) {
				// 英语
				data.yingyu.state = 'more';
				data.yingyu.loading = false;
			}
		})
	}

	function getMore(code) {
		const opt = {
			page: 1,
			size: 10, // 固定查询10条
			subjectId: data.current + 1 // 前台索引加1为学科cardId
		}

		if (code == 0) {
			if (data.shuxue.state == 'no-more') return;
			// 数学
			data.shuxue.state = 'loading';
			data.shuxue.page++;
			opt.page = data.shuxue.page;
		} else if (code == 1) {
			// 英语
			if (data.yingyu.state == 'no-more') return;
			data.yingyu.state = 'loading';
			data.yingyu.page++;
			opt.page = data.yingyu.page;
		}
		getWrongData(opt).then(res => {
			if (code == 0) {
				data.shuxue.list = data.shuxue.list.concat(res.data.data);
				data.shuxue.loading = false;
			} else if (code == 1) {
				data.yingyu.list = data.yingyu.list.concat(res.data.data);
				data.yingyu.loading = false;
			}
			if (code == 0) {
				if (res.data.total > data.shuxue.list.length) {
					// 数学
					data.shuxue.state = 'more';
					data.shuxue.state_text = '加载更多';
					data.shuxue.loading = false;
				} else {
					// 数学
					data.shuxue.state = 'no-more';
					data.shuxue.state_text = '没有更多啦';
				
					data.shuxue.loading = false;
				}
			} else if (code == 1) {
				if (res.data.total > data.yingyu.list.length) {
					// 英语
					data.yingyu.state = 'more';
					data.yingyu.state_text = '加载更多';
					data.yingyu.loading = false;
				} else {
					// 英语
					data.yingyu.state = 'no-more';
					data.yingyu.state_text = '没有更多啦';
			
					data.yingyu.loading = false;
				}
			}
		}).catch(err => {
			if (code == 0) {
				// 数学
				data.shuxue.state = 'more';
				data.shuxue.state_text = '加载更多';
				data.shuxue.loading = false;
			} else if (code == 1) {
				// 英语
				data.yingyu.state = 'more';
				data.yingyu.state_text = '加载更多';
				data.yingyu.loading = false;
			}
		})
	}

	function formatListToUse(list) {
		list.forEach((item, index) => {
			item.mta_show = false;
			if (item.type == 3) {
				item.result = JSON.parse(item.result);
				item.placeholders = item.result.map((item, cindex) => `[bank${cindex+1}]`)
				item.reply = item.reply ? JSON.parse(item.reply) : item.result.map(() => '');
			}

      if (item.type == 4) {
        // 特殊题型英语题
        const audioList = item.audios ? item.audios.split(',') : [];
        item.placeholders = audioList.map((item, cindex) => `[yingyu${cindex+1}]`)
        item.audioList = audioList;
      }
		})
	}

	function getCuotiData(item) {
		getWrongInfo({
			subjectId: data.current + 1,
			cdate: item.cdate
		}).then(res => {
			formatListToUse(res.data)
			data.wrongList = res.data;
			wrongRef.value.showPopup();
		})
	}

	function onRefresh() {
		if (data.current == 0) {
			data.shuxue.page = 0;
			data.shuxue.list = [];
			data.shuxue.loading = true;
		} else if (data.current == 1) {
			data.yingyu.page = 0;
			data.yingyu.list = [];
			data.yingyu.loading = true;
		}
		refreshData(data.current);
	}

	onLoad(() => {
		getMore(data.current);
	})
</script>

<style>

</style>