大屏和环林卡口管理

src/views/home/components/Checkpoint.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="mian_box">
+    <div class="item">检查站：<span @click="openDialog('jcz')">2</span></div>
+    <div class="item">卡口：<span @click="openDialog('kk')">8</span></div>
+  </div>
+  <pointList v-model="pointListShow" :lxType="lxType" />
+</template>
+<script setup>
+import pointList from "./pointList.vue";
+import { ref, onMounted, reactive } from "vue";
+const lxType = ref();
+const pointListShow = ref(false);
+const openDialog = (val) => {
+  lxType.value = val;
+  pointListShow.value = true;
+};
+</script>
+<style lang="scss" scoped>
+.mian_box {
+  display: flex;
+  justify-content: space-around;
+  font-size: 24px;
+  color: #fff;
+  align-items: center;
+  height: 100%;
+}
+</style>