<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>
