51 lines
1.0 KiB
Vue
51 lines
1.0 KiB
Vue
<!-- 全县值班 -->
|
|
<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> |