'保安项目提交'

src/views/backOfficeSystem/service/watchmanScheduling/qxxfpb/index.vue

@@ -0,0 +1,51 @@
+<!-- 全县值班 -->
+<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>