diff --git a/src/pages/clazz/index.vue b/src/pages/clazz/index.vue index fd38a0d..4f9edb6 100644 --- a/src/pages/clazz/index.vue +++ b/src/pages/clazz/index.vue @@ -472,6 +472,14 @@ export default defineComponent({ viewMode.value = mode; if (mode === 'calendar') { isLandscape.value = false; + // 从矩阵切回日历时,按日历当前可视范围加载数据 + const api = calendar.value?.getApi?.(); + if (api) { + const view = api.view; + state.start_date = formatDate(view.activeStart, DateFormatter.Date); + state.end_date = formatDate(view.activeEnd, DateFormatter.Date); + search(); + } } setKey('clazz_view_mode', mode); if (mode === 'matrix') { @@ -1131,6 +1139,15 @@ export default defineComponent({ flex-shrink: 0; } + // 日历按钮与矩阵按钮一致,去掉焦点阴影 + :deep(.fc .fc-button-primary:focus), + :deep(.fc .fc-button:focus) { + box-shadow: none !important; + } + :deep(.fc .fc-button-primary:not(:disabled).fc-button-active:focus) { + box-shadow: none !important; + } + :deep(.fc-view-harness) { height: 100% !important; min-height: 0; @@ -1343,11 +1360,14 @@ export default defineComponent({ &__range { min-width: 0; - font-size: 0.22rem; + font-size: 0.2rem; color: #666; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + line-height: 1.3; + white-space: normal; + overflow: visible; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; } &__nav {