<!-- 全县值班 -->
<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-04",
        end: "2022-07-05",
      },
      {
        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>