<!-- 全县值班 -->
<template>
    <div class="qxzbrl">
        <div class="titleBox">
            <div class="title">部门值班日历</div>
        </div>
        <ZbCalendar :list="list" v-if="list.length > 0" />
    </div>
</template>

<script setup>
    import {
        ref,
        onMounted,
    } from 'vue';
    import ZbCalendar from '@/components/ZbCalendar/index'

    //日历组件key
    //日历数据
    const list = ref([])
    onMounted(() => {
        setTimeout(() => {
            list.value = [{
                    "title": "值班 50人",
                    "start": "2022-07-04T07:00:00+00:00"
                },
                {
                    "title": "值班 20人",
                    "start": "2022-07-05T12:00:00+00:00"
                },
                {
                    "title": "值班 50人",
                    "start": "2022-07-06T07:00:00+00:00"
                },
                {
                    "title": "备勤 50人",
                    "start": "2022-07-06T07:00:00+00:00"
                },
                {
                    "title": "请休假 50人",
                    "start": "2022-07-06T07:00:00+00:00"
                }
            ]
        }, 0.3e3)
    })
</script>

<style lang="scss" scoped>
    .qxzbrl {
        height: calc(100vh - 110px);
    }
</style>