<template>
  <div class="">
    <!-- <el-tabs type="card" v-if="hasThirdPart">
      <el-tab-pane label="防控终端设备进出记录列表">
        <YsgzPassRecords @updateList="matchThirdPart"></YsgzPassRecords>
      </el-tab-pane>
      <el-tab-pane label="第三方设备进出记录列表">
        <ThirdPartPassRecords @updateList="matchThirdPart"></ThirdPartPassRecords>
      </el-tab-pane>
    </el-tabs> -->
    <YsgzPassRecords @updateList="matchThirdPart" />
  </div>
</template>

<script>
import YsgzPassRecords from './components/ysgz_pass_records'
import ThirdPartPassRecords from './components/thirdPart_pass_records'

export default {
  name: 'Setting',
  filters: {},
  components: {
    YsgzPassRecords,
    ThirdPartPassRecords
  },
  data() {
    return {
      hasThirdPart: false // 是否存在第三方设备(设备品牌未非防控终端)
    }
  },
  methods: {
    matchThirdPart(val) {
      if (this.hasThirdPart !== val) {
        this.hasThirdPart = val
      }
    }
  }
}
</script>

<style scoped>

</style>
