幼儿园和幼儿园班级园历展示优化,弹出层显示
This commit is contained in:
parent
f616a4f5e5
commit
67692aad0f
@ -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;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user