fix(日历组件): 修复任务切换时状态未重置的问题

重置日历组件状态时清除筛选条件和恢复标记
在任务切换时强制刷新页面数据并滚动到顶部

 <!--
 <!--
  * @Date: 2025-01-25 15:34:17
  * @Date: 2025-01-25 15:34:17
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-12-18 23:45:18
+ * @LastEditTime: 2025-12-19 01:22:52
  * @FilePath: /mlaj/src/components/ui/CollapsibleCalendar.vue
  * @FilePath: /mlaj/src/components/ui/CollapsibleCalendar.vue
  * @Description: 可折叠日历组件
  * @Description: 可折叠日历组件
 -->
 -->
@@ -381,6 +381,14 @@ defineExpose({
         if (calendarRef.value && calendarRef.value.reset) {
         if (calendarRef.value && calendarRef.value.reset) {
             calendarRef.value.reset(date || new Date())
             calendarRef.value.reset(date || new Date())
         }
         }
+        // 重置筛选状态
+        selectedCourseId.value = ''
+        selectedCourseText.value = '全部作业'
+        // 重置恢复状态标记，防止后续 subtaskList 监听器误判为恢复模式
+        isRestored.value = false
+        // 重置头部隐藏状态
+        isHeaderHidden.value = false
+        sessionStorage.removeItem(STORAGE_KEY)
     }
     }
 })
 })
 </script>
 </script>

 <!--
 <!--
   * @Date: 2025-05-29 15:34:17
   * @Date: 2025-05-29 15:34:17
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-12-19 00:12:31
+ * @LastEditTime: 2025-12-19 01:21:14
  * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue
  * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue
   * @Description: 文件描述
   * @Description: 文件描述
 -->
 -->
@@ -616,18 +616,39 @@ const onLoad = async (date) => {
   loading.value = false;
   loading.value = false;
 };
 };
 
 
-onMounted(async () => {
-    const current_date = route.query.date;
+const initPage = async (date) => {
+    // 重置数据
+    checkinDataList.value = [];
+    page.value = 0;
+    finished.value = false;
+    loading.value = false;
+    taskDetail.value = {};
+    selectedSubtaskId.value = '';
+
+    const current_date = date || route.query.date;
     if (current_date) {
     if (current_date) {
         selectedDate.value = new Date(current_date);
         selectedDate.value = new Date(current_date);
-        getTaskDetail(dayjs(current_date).format('YYYY-MM'));
-        myRefCalendar.value?.reset(new Date(current_date));
+        await getTaskDetail(dayjs(current_date).format('YYYY-MM'));
+        // 确保日历组件已挂载再调用 reset
+        nextTick(() => {
+            calendarRef.value?.reset(new Date(current_date));
+        })
         onLoad(current_date);
         onLoad(current_date);
     } else {
     } else {
         selectedDate.value = new Date();
         selectedDate.value = new Date();
-        getTaskDetail(dayjs().format('YYYY-MM'));
+        await getTaskDetail(dayjs().format('YYYY-MM'));
+        // 确保日历组件已挂载再调用 reset
+        nextTick(() => {
+            calendarRef.value?.reset(new Date());
+        })
         onLoad(dayjs().format('YYYY-MM-DD'));
         onLoad(dayjs().format('YYYY-MM-DD'));
     }
     }
+}
+
+onMounted(async () => {
+    // 记录当前的taskId
+    lastTaskId.value = route.query.id;
+    await initPage(route.query.date);
 
 
     // 获取作品类型数据
     // 获取作品类型数据
     try {
     try {
@@ -713,12 +734,28 @@ const formatData = (data) => {
 
 
 // 保存滚动位置
 // 保存滚动位置
 const savedScrollTop = ref(0)
 const savedScrollTop = ref(0)
+// 记录上次的taskId，用于判断是否切换了任务
+const lastTaskId = ref('')
 
 
 onDeactivated(() => {
 onDeactivated(() => {
     savedScrollTop.value = window.scrollY
     savedScrollTop.value = window.scrollY
 })
 })
 
 
 onActivated(async () => {
 onActivated(async () => {
+    // 检查任务ID是否变化
+    // 注意：route.query.id 可能是数字或字符串，统一转为字符串比较
+    const currentId = String(route.query.id || '')
+    const lastId = String(lastTaskId.value || '')
+
+    if (currentId && currentId !== lastId) {
+        lastTaskId.value = currentId;
+        // 如果任务ID变化，强制刷新整个页面数据
+        await initPage(route.query.date);
+        // 滚动到顶部
+        window.scrollTo(0, 0);
+        return;
+    }
+
     // 恢复滚动位置
     // 恢复滚动位置
     if (savedScrollTop.value > 0) {
     if (savedScrollTop.value > 0) {
         setTimeout(() => {
         setTimeout(() => {