fix: 记账账户管理,去掉新增删除功能。

This commit is contained in:
tianyongbao
2024-07-05 19:12:48 +08:00
parent eec45b9e8f
commit 188f424d7e
3 changed files with 69 additions and 3 deletions

View File

@@ -0,0 +1,57 @@
<template>
<br />
<FullCalendar :options="calendarOptions" />
</template>
<script>
import FullCalendar from '@fullcalendar/vue3'
import dayGridPlugin from '@fullcalendar/daygrid'
import interactionPlugin from '@fullcalendar/interaction'
import timeGridPlugin from '@fullcalendar/timegrid'
import listPlugin from '@fullcalendar/list'
export default {
name: 'ListByCalendar',
components: { FullCalendar },
data() {
return {
calendarOptions: {
plugins: [dayGridPlugin, interactionPlugin, timeGridPlugin, listPlugin],
initialView: 'dayGridMonth',
// themeSystem: 'bootstrap5',
// 语言
locale: 'zh-cn',
// 周起始日
firstDay: 1,
allDayText: '全天',
// 是否可以选中日历格
selectable: true,
// 周次
weekNumbers: true,
headerToolbar: {
left: 'today',
center: 'prevYear,prev title next,nextYear',
right: 'dayGridMonth,timeGridWeek,timeGridDay,listDay'
},
buttonText: {
today: '今天',
month: '月',
week: '周',
day: '日',
list: '列表',
prev: '',
next: '',
prevYear: '«',
nextYear: '»'
}
}
}
}
}
</script>
<style scoped>
:deep(h2) {
display: inline-block;
vertical-align: middle;
}
</style>