fix: 修复切换视图未重新获取数据
Some checks failed
/ Explore-Gitea-Actions (push) Failing after 5m57s

This commit is contained in:
fyy 2025-08-19 11:15:19 +08:00
parent bf13cbfbb7
commit 1a9927e60a
3 changed files with 27 additions and 44 deletions

View File

@ -160,9 +160,7 @@ const scheduleData: {
date: string;
list: { type: BadgeProps['status']; content: string }[];
}[] = [
{ date: '2025-07-08', list: [{ type: 'warning', content: '7月8日事件' }] },
{ date: '2025-07-06', list: [{ type: 'success', content: '8月8日事件' }] },
// ...
// { date: '2025-07-08', list: [{ type: 'warning', content: '78' }] },
];
//
function handleViewModeChange(e: RadioChangeEvent): void {
@ -180,45 +178,11 @@ const getListData2 = (
if (found) {
return found.list;
}
}
//
return [];
};
const getListData = (
value: Dayjs,
): { type: BadgeProps['status']; content: string }[] => {
let listData: { type: BadgeProps['status']; content: string }[] | undefined;
switch (value.date()) {
case 8:
listData = [
{ type: 'warning', content: 'This is warning event.' },
{ type: 'success', content: 'This is usual event.' },
];
break;
case 10:
listData = [
{ type: 'warning', content: 'This is warning event.' },
{ type: 'success', content: 'This is usual event.' },
{ type: 'error', content: 'This is error event.' },
];
break;
case 15:
listData = [
{ type: 'warning', content: 'This is warning event' },
{ type: 'success', content: 'This is very long usual event。。....' },
{ type: 'error', content: 'This is error event 1.' },
{ type: 'error', content: 'This is error event 2.' },
{ type: 'error', content: 'This is error event 3.' },
{ type: 'error', content: 'This is error event 4.' },
];
break;
default:
}
return listData || [];
};
function customHeader() {
// VNodenull
return null; //
@ -284,6 +248,11 @@ function handleViewDateDetails(date: string) {
onMounted(() => {
fetchCalendarData();
});
//
defineExpose({
fetchCalendarData,
});
</script>
<template>
<div class="flex h-full flex-col">

View File

@ -1,22 +1,36 @@
<script setup lang="ts">
import { ref } from 'vue';
import { ref, nextTick } from 'vue';
import calendarView from './calendarView.vue';
import scheduleView from './scheduleView.vue';
const viewMode = ref<'calender' | 'schedule'>('calender');
// const isCalenderView = ref(true);
const calendarViewRef = ref();
const scheduleViewRef = ref();
function handleViewModeChange(mode: 'calender' | 'schedule') {
viewMode.value = mode;
//
nextTick(() => {
if (mode === 'calender') {
//
calendarViewRef.value?.fetchCalendarData();
} else if (mode === 'schedule') {
//
scheduleViewRef.value?.tableApi?.query();
}
});
}
</script>
<template>
<div class="h-full p-4">
<div class="h-full bg-white p-4">
<calendarView
ref="calendarViewRef"
v-show="viewMode === 'calender'"
:viewMode="viewMode"
@changeView="handleViewModeChange"
/>
<scheduleView
ref="scheduleViewRef"
v-show="viewMode === 'schedule'"
:viewMode="viewMode"
@changeView="handleViewModeChange"

View File

@ -82,15 +82,15 @@ function handleAdd() {
modalApi.open();
}
async function handleEdit(row: Required<ArrangementForm>) {
modalApi.setData({ id: row.scheduleId });
modalApi.open();
}
async function handleDelete(row: Required<ArrangementForm>) {
await arrangementRemove(row.scheduleId);
await tableApi.query();
}
//
defineExpose({
tableApi,
});
</script>
<template>
<div class="h-full">