<template>
  <div class="container">
    <!-- 盘人 -->
    <van-popup v-model:show="peoplePopupShow" round :style="{ width: '90%' }" teleport="body" close-icon="close" :overlay="true"
      @close="handleClose">
      <van-tabs v-model:active="active" @change="tabChange">
        <van-tab title="盘人">
          <CheckPeople />
        </van-tab>
        <van-tab title="盘车">
          <CheckCar />
        </van-tab>
      </van-tabs>
    </van-popup>
  </div>
</template>

<script setup>
import { ref, defineProps, defineExpose } from "vue";
import { Toast } from "vant";
import { useRouter } from "vue-router";
import CheckCar from "./checkCarNew.vue";
import CheckPeople from "./checkPeopleNew.vue";
import { login } from "@/api/user.js";
import emitter from "@/utils/eventBus";
const props = defineProps({ zlId: String });
const router = useRouter();
const peoplePopupShow = ref(false);
const active=ref('0')
// 打开弹窗
function handleOpen() {
  peoplePopupShow.value = true;
}
function handleClose() {
  peoplePopupShow.value = false
}
const tabChange=()=>{
  emitter.emit('closeCarJp',false)
}

defineExpose({ handleOpen });
</script>

<style lang="scss" scoped>
@import "../../../assets/styles/mixin.scss";

.item-boxs {
  @include font_size($font_medium_s);
}

.sub-btn {
  @include font_size($font_medium);
}

.border {
  border: 1px solid #ccc;
  background: #f5f5f5;
}

.photo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 4vh;
  align-items: center;

  span {
    text-align: center;
    line-height: 2em;
    color: #ec6b2b;
    @include font_size($font_medium);
    font-weight: bold;
    font-family: PingFang SC;
  }
}

.footBtn {
  margin: 10px 0px;
}

.van-form {
  width: 90%;
}

::v-deep .van-uploader__wrapper {
  justify-content: center;
}

.toolsTip {
  color: red;
  font-size: 12px;
  margin: 2vw 0;
  text-align: center;
}
</style>
