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