hookehuyr

fix(teacher/checkinPage): 修复年级和班级切换时课程值未重置的问题

在切换年级或班级时,重置课程选择值以避免数据不一致
1 <!-- 1 <!--
2 * @Date: 2025-05-29 15:34:17 2 * @Date: 2025-05-29 15:34:17
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-06-26 11:22:30 4 + * @LastEditTime: 2025-06-27 15:09:17
5 * @FilePath: /mlaj/src/views/teacher/checkinPage.vue 5 * @FilePath: /mlaj/src/views/teacher/checkinPage.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
9 <AppLayout :hasTitle="false"> 9 <AppLayout :hasTitle="false">
10 <van-config-provider :theme-vars="themeVars"> 10 <van-config-provider :theme-vars="themeVars">
11 <van-sticky> 11 <van-sticky>
12 - <van-dropdown-menu active-color="#4caf50"> 12 + <van-dropdown-menu active-color="#4caf50" swipe-threshold="2">
13 <van-dropdown-item v-model="selectGradeValue" :options="gradeOption" @change="handleGradeChange" /> 13 <van-dropdown-item v-model="selectGradeValue" :options="gradeOption" @change="handleGradeChange" />
14 <van-dropdown-item v-model="selectClassValue" :options="classOption" @change="handleClassChange" /> 14 <van-dropdown-item v-model="selectClassValue" :options="classOption" @change="handleClassChange" />
15 <van-dropdown-item v-model="selectCourseValue" :options="courseOption" @change="handleCourseChange" /> 15 <van-dropdown-item v-model="selectCourseValue" :options="courseOption" @change="handleCourseChange" />
...@@ -213,6 +213,7 @@ const courseOption = ref([]); ...@@ -213,6 +213,7 @@ const courseOption = ref([]);
213 const handleGradeChange = async (val) => { 213 const handleGradeChange = async (val) => {
214 console.log('val', val); 214 console.log('val', val);
215 selectGradeValue.value = val; 215 selectGradeValue.value = val;
216 + selectCourseValue.value = null;
216 // 根据年级ID 更新过滤列表 217 // 根据年级ID 更新过滤列表
217 getFilterList(val); 218 getFilterList(val);
218 // 重置分页参数 219 // 重置分页参数
...@@ -226,6 +227,7 @@ const handleGradeChange = async (val) => { ...@@ -226,6 +227,7 @@ const handleGradeChange = async (val) => {
226 const handleClassChange = (val) => { 227 const handleClassChange = (val) => {
227 console.log('val', val); 228 console.log('val', val);
228 selectClassValue.value = val; 229 selectClassValue.value = val;
230 + selectCourseValue.value = null;
229 // 根据年级ID和班级ID 更新过滤列表 231 // 根据年级ID和班级ID 更新过滤列表
230 getFilterList(selectGradeValue.value, val); 232 getFilterList(selectGradeValue.value, val);
231 // 重置分页参数 233 // 重置分页参数
......