hookehuyr

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'));
}
/**
......