fix: 记账账户管理,去掉新增删除功能。
This commit is contained in:
57
src/views/invest/accountCalendar/index.vue
Normal file
57
src/views/invest/accountCalendar/index.vue
Normal 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>
|
||||
Reference in New Issue
Block a user