feat(日历组件): 添加面板切换事件处理

在CollapsibleCalendar和IndexCheckInPage组件中添加panel-change事件处理
当日历面板切换时触发月份数据获取

@@ -56,6 +56,7 @@
                     :show-mark="false"
                     @select="onSelectDay"
                     @click-subtitle="onClickSubtitle"
+                    @panel-change="onPanelChange"
                 >
                 </van-calendar>
             </div>
@@ -139,6 +140,14 @@ const onClickSubtitle = (evt) => {
     emit('click-subtitle', evt)
 }
 
+/**
+ * 面板切换处理
+ * @param {Object} panel - 切换后的面板信息
+ */
+const onPanelChange = (panel) => {
+    emit('panel-change', panel)
+}
+
 // 监听modelValue变化
 watch(() => props.modelValue, (newValue) => {
     if (newValue) {

 <!--
   * @Date: 2025-05-29 15:34:17
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2025-11-13 17:22:35
+ * @LastEditTime: 2025-11-13 18:32:20
  * @FilePath: /mlaj/src/views/checkin/IndexCheckInPage.vue
   * @Description: 文件描述
 -->
@@ -17,6 +17,7 @@
           v-model="selectedDate"
           @select="onSelectDay"
           @click-subtitle="onClickSubtitle"
+          @panel-change="onPanelChange"
         />
       </div>
 
@@ -519,7 +520,16 @@ const onSelectDay = (day) => {
 }
 
 const onClickSubtitle = (evt) => {
-  console.warn('点击了日期标题');
+  // console.warn('点击了日期标题', evt);
+}
+
+/**
+ * 面板切换处理
+ * @param {Object} panel - 切换后的面板信息
+ */
+const onPanelChange = ({ date }) => {
+  // console.warn('面板切换', date);
+  getTaskDetail(dayjs(date).format('YYYY-MM'));
 }
 
 /**