Commit a401a7d5 authored by Administrator's avatar Administrator
Browse files

mobile: TaskView landscape filter auto-collapse; week/day dayMaxEventRows:true

parent 8235624d
...@@ -580,7 +580,13 @@ const filters = ref({ ...@@ -580,7 +580,13 @@ const filters = ref({
termId: null, termId: null,
storyId: null storyId: null
}) })
const isFilterExpanded = ref(true) // 横屏(width > height)时默认收起 filter panel,避免 304px 高的 panel 把
// 480px 高的 calendar 挤到只能看到 56px toolbar。仅影响初始状态;用户后续
// 手动展开不会被覆盖。
const isLandscape = ref(
typeof window !== 'undefined' && window.innerWidth > window.innerHeight
)
const isFilterExpanded = ref(!isLandscape.value)
// 关联数据 // 关联数据
const students = ref([]) const students = ref([])
...@@ -671,6 +677,14 @@ const calendarOptions = computed(() => ({ ...@@ -671,6 +677,14 @@ const calendarOptions = computed(() => ({
eventDurationEditable: !xs.value, eventDurationEditable: !xs.value,
displayEventTime: false, displayEventTime: false,
dayMaxEvents: xs.value ? 3 : 5, dayMaxEvents: xs.value ? 3 : 5,
// 周/日视图:让 FullCalendar 按 cell 自然高度装事件,溢出才出 "+N more",
// 避免高列/单列里无谓折叠。前提是 expandRows: true(line 655),本视图已满足。
// 月视图保留 dayMaxEvents 的硬截断不变。详见:
// https://fullcalendar.io/docs/dayMaxEventRows
views: {
dayGridWeek: { dayMaxEventRows: true },
dayGridDay: { dayMaxEventRows: true }
},
// 原生跨天事件(FullCalendar 原生支持 allDay 跨天条) // 原生跨天事件(FullCalendar 原生支持 allDay 跨天条)
events: (() => { events: (() => {
const result = [] const result = []
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment