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

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