修复：我的课程标签树打开不重置问题

2025-12-31 16:56:42 +08:00
parent 4e29f6c8f7
commit ac43806572
3 changed files with 82 additions and 32 deletions
--- a/api/modules/user.ts
+++ b/api/modules/user.ts
@@ -381,6 +381,39 @@ export async function getIosPayment(transactionId : string, productId : string,
 * 我的课程
 * @param page 当前页码
 * @param limit 每页数量
+ * @param title 课程名称
+ * @param medicalId 商品id
+ * @return 
+ */
+export async function getUserCourseBuyList(page : number, limit : number, title : string, medicalId: string) {
+	const res = await mainClient.request<IApiResponse>({
+		url: 'medical/course/getUserCourseBuy',
+		method: 'POST',
+		data: { page, limit, title, medicalId }
+	})
+	return res
+}
+
+/**
+ * 正在学习
+ * @param page 当前页码
+ * @param limit 每页数量
+ * @param userId 用户id
+ * @return 
+ */
+export async function getUserCourseStudyingList(page : number, limit : number, userId : string) {
+	const res = await mainClient.request<IApiResponse>({
+		url: 'medical/course/getUserCourseStudying',
+		method: 'POST',
+		data: { page, limit, userId }
+	})
+	return res
+}
+
+/**
+ * 已过期
+ * @param page 当前页码
+ * @param limit 每页数量
 * @param userId 用户id
 * @return 
 */
--- a/manifest.json
+++ b/manifest.json
@@ -2,8 +2,8 @@
    "name" : "吴门国际",
    "appid" : "__UNI__1250B39",
    "description" : "吴门国际",
-    "versionName" : "1.1.10",
-    "versionCode" : 1110,
+    "versionName" : "1.1.11",
+    "versionCode" : 1111,
    "transformPx" : false,
    /* 5+App特有相关 */
    "app-plus" : {
--- a/pages/user/myCourses/index.vue
+++ b/pages/user/myCourses/index.vue
@@ -11,10 +11,11 @@
 					<wd-tab :title="`${item.name}`" :name="item.id">
 						<view v-if="item.id === 0">
 							<wd-search v-model="title" placeholder-right placeholder="请输入课程名称" cancel-txt="搜索" @search="search"
-								@cancel="search" light style="margin-top: 10rpx;" />
+								@cancel="search" @clear="search" light style="margin-top: 10rpx;"/>
 							<view class="courses-row">
 								<view class="courses-category">{{ !tagData ? '已显示全部课程' : `已选择分类：${tagName}`}}
-									<wd-button size="small" type="warning" style="margin-left: 20rpx;" v-if="tagData" @click="clear">清除</wd-button>
+									<wd-button size="small" type="warning" style="margin-left: 20rpx;" v-if="tagData"
+										@click="clear">清除</wd-button>
 								</view>
 								<view class="courses-category" @click="openwindow">
 									<wd-icon name="app" size="36rpx" color="#2979ff"></wd-icon>
@@ -33,15 +34,20 @@
 									<view class="introduction" v-html="item.content"></view>
 								</view>
 								<view class="row-button">
-									<wd-button plain size="small" class="button"
-										@click.stop="onPageJump('/pages/course/details/course',item.id)" v-if="tab !==2">去学习</wd-button>
-									<view v-if="tab !==2">
-										<wd-button type="warning" size="small" plain class="button" @click.stop="joinStudy(item.id)"
-											v-if="item.isStudying === 0">加入在学习</wd-button>
-										<wd-button type="warning" size="small" class="button" @click.stop="cancelStudy(item.id)"
-											v-else>取消在学习</wd-button>
+									<view @click.stop="onPageJump('/pages/course/details/course',item.id)" v-if="tab !==2">
+										<wd-button plain size="small" class="button">去学习</wd-button>
+									</view>
+									<view v-if="tab !==2">
+										<view v-if="item.isStudying === 0" @click.stop="joinStudy(item.id)">
+											<wd-button type="warning" size="small" plain class="button">加入在学习</wd-button>
+										</view>
+										<view @click.stop="cancelStudy(item.id)" v-else>
+											<wd-button type="warning" size="small" class="button">取消在学习</wd-button>
+										</view>
+									</view>
+									<view @click.stop="renewal(item.catalogueId)" v-else>
+										<wd-button size="small" class="button">续费课程</wd-button>
 									</view>
-									<wd-button size="small" class="button" @click.stop="renewal(item.catalogueId)" v-else>续费课程</wd-button>
 								</view>
 							</view>
 						</view>
@@ -54,9 +60,11 @@
 			@confirm="handleGoodsConfirm" @close="closeGoodsSelector" />
 		<!-- 搜索分类弹窗 -->
 		<wd-popup v-model="showState" position="right" custom-style="border-radius: 0px !important;width: 70%;">
-			<wd-button @click="collapse?.toggleAll(true)">测试</wd-button>
+			<view class="popup-image">
+				<image src="@/static/logo.png"></image>
+			</view>
 			<view class="_text">请选择课程分类</view>
-			<wd-collapse ref="collapse" v-model="levelOne" accordion v-for="item in labelTree" :key="item.id"
+			<wd-collapse ref="collapseRef" v-model="levelOne" accordion v-for="item in labelTree" :key="item.id"
 				:title="item.title" :name="item.name">
 				<wd-collapse-item :title="item?.title" :name="item?.title" custom-body-style="padding:0">
 					<view v-for="itm in item?.children" :key="itm?.id" class="content-text" @click.stop="gettagId1(itm)">
@@ -67,7 +75,6 @@
 								<wd-button class="_r" size="small" plain v-for="i in it?.children" :key="i?.id"
 									@click.stop="gettagId3(i)">{{i?.title}}</wd-button>
 							</view>
-
 						</view>
 					</view>
 				</wd-collapse-item>
@@ -77,8 +84,7 @@
 </template>

 <script setup lang="ts">
-	import { ref } from 'vue'
-	import { onShow } from '@dcloudio/uni-app'
+	import { ref, onMounted } from 'vue'
 	import { useI18n } from 'vue-i18n'
 	import { courseApi } from '@/api/modules/course'
 	import { useUserStore } from '@/stores/user'
@@ -91,9 +97,6 @@
 		delUserCourseStudyingList,
 		getCourseMedicalTreeList
 	} from '@/api/modules/user'
-	import type { CollapseInstance } from '@/uni_modules/wot-design-uni/components/wd-collapse/types'
-
-	const collapse = ref<CollapseInstance>()

 	const { t } = useI18n()
 	const userStore = useUserStore()
@@ -132,8 +135,8 @@
 		pageNoData.value = pageNo ?? pageNoData.value
 		pageSizeData.value = pageSize ?? pageSizeData.value
 		const targetApi = apiMap[tab.value];
-		console.log(tagData, 'tagData');
 		try {
+			// 只有我的课程才传搜索框内容
 			const res = await targetApi(pageNoData.value, pageSizeData.value, tab.value === 0 ? title.value : userStore.id, tagData?.value.id ?? '')
 			paging.value.complete(tab.value === 0 ? res.courseList.records : res.courseList)
 		} catch (error) {
@@ -151,7 +154,7 @@
 	const switchTab = (e) => {
 		tab.value = e.index
 		bookList.value = []
-		tagData.value = {}
+		tagData.value = ''
 		getDataList()
 	}

@@ -224,7 +227,10 @@
 	/**
 	 * 打开商品分类弹窗
 	 */
-	const openwindow = () => showState.value = true
+	const openwindow = () => {
+		levelOne.value = ''
+		showState.value = true
+	}

 	/**
 	 * 获取标签树
@@ -258,17 +264,17 @@
 	 * 公共方法
 	 */
 	const publicMethod = (item : { title ?: any }) => {
-		console.log(item,'item');
+		console.log(item, 'item');
 		tagName.value = item.title
 		tagData.value = item
 		showState.value = false
 		getDataList()
 	}
-	
+
 	/**
 	 * 清除按钮
 	 */
-	const clear = () =>{
+	const clear = () => {
 		tagData.value = ''
 		getDataList()
 	}
@@ -279,7 +285,7 @@
 		})
 	}

-	onShow(() => {
+	onMounted(() => {
 		getTreeList()
 	})
 </script>
@@ -298,7 +304,7 @@
 		.courses-category {
 			display: flex;
 			align-items: center;
-
+			font-size: 26rpx;
 			text {
 				color: #2979ff;
 				margin-left: 4rpx;
@@ -309,10 +315,10 @@
 	.myCourse-data {
 		margin: 20rpx;
 		padding: 20rpx;
-		border-radius: 10rpx;
+		border-radius: 20rpx;
 		box-shadow: 0px 0px 10px 0px #a7bbe4;
 		display: flex;
-		//border: 1px solid #2979ff;
+		// border: 1px solid #2979ff;

 		.myCourse-data-image {
 			display: block;
@@ -357,6 +363,7 @@
 			.row-button {
 				display: flex;
 				flex-direction: row-reverse;
+				margin-top: 10rpx;

 				.button {
 					margin-left: 10rpx;
@@ -366,10 +373,20 @@
 		}
 	}

+	.popup-image {
+		display: flex;
+		justify-content: center;
+		margin-top: 60rpx;
+
+		image {
+			width: 360rpx;
+			height: 360rpx
+		}
+	}
+
 	._text {
 		text-align: center;
-		padding: 30px 0;
-		margin-top: 130rpx;
+		padding: 20rpx 0 60rpx 0;
 		color: #888;
 		font-size: 36rpx;
 	}