幼儿园和幼儿园班级园历展示优化,弹出层显示

This commit is contained in:
zhanglipeng 2021-08-02 15:47:42 +08:00
parent f616a4f5e5
commit 67692aad0f

View File

@ -29,40 +29,40 @@ import { getAllSchoolCalendars } from "@/api/benyi/calendar";
export default {
name: "fullcalendar_page",
components: {
FullCalendar
FullCalendar,
},
props: {
className: {
type: String,
default: "chart"
default: "chart",
},
width: {
type: String,
default: "100%"
default: "100%",
},
height: {
type: String,
default: "480px"
}
default: "480px",
},
},
data() {
return {
header: {
left: "prev,next today",
center: "title",
right: "dayGridMonth, listWeek"
right: "dayGridMonth, listWeek",
},
buttonText: {
today: "今天",
month: "月",
list: "周列表"
list: "周列表",
},
calendarPlugins: [
// plugins must be defined in the JS
dayGridPlugin,
//timeGridPlugin,
//interactionPlugin, // needed for dateClick
listPlugin
listPlugin,
],
calendarWeekends: true,
calendarEvents: [
@ -75,22 +75,22 @@ export default {
],
calendarApi: null,
calendarData: [],
queryParams: {}
queryParams: {},
};
},
created() {
getAllSchoolCalendars(this.queryParams).then(response => {
getAllSchoolCalendars(this.queryParams).then((response) => {
this.calendarEvents = response.calendarData;
});
},
methods: {
handleEventClick(info) {
this.msgSuccess("事件: " + info.event.title);
}
},
},
mounted() {
this.calendarApi = this.$refs.fullCalendar.getApi();
}
},
};
</script>
@ -115,6 +115,9 @@ export default {
//background: rgba(109, 113, 121, 0.6);
}
}
.fc-time {
display: none;
}
.xs-btns-style {
@media screen and (max-width: 768px) {
display: flex;