<template>
  <div id='checkbookEntry' class="flex-row binary">
    <div class="binary-left">
      <tabset v-ref:tabs :close="false" class="nav-tabss">
        <tab header="小区查询">
          <check-book-search-area @book-list="setBookList" @book-all="setBookAll" @book-condition="setCondition"></check-book-search-area>
        </tab>
        <tab header="单位查询" v-if="checkBookShowCompany">
          <check-book-search-unit @book-list="setBookList" @book-all="setBookAll" @book-condition="setCondition"></check-book-search-unit>
        </tab>
        <tab header="用户查询">
          <check-book-search-user @book-list="setBookList" @book-all="setBookAll" @book-condition="setCondition"></check-book-search-user>
        </tab>
      </tabset>
    </div>
    <div class="binary-right">
      <add-to-check-book @book-list="setBookList" @book-all="setBookAll" @book-condition="setCondition"></add-to-check-book>
    </div>
  </div>
</template>

<script>

  export default {
    name: 'checkBookEntry',
    title: '添加用户到片区',
    data () {
      return {
        bookList: [],
        bookCondition:"",
        checkBookShowCompany : this.$appdata.getSingleValue('添加单位到片区') || false,
        bookAll: false
      }
    },
    created () {
    },
    ready () {
    },
    methods: {
      setBookList(val){
        console.log("555555")
        // console.log("66666",val)
        this.bookList = val
      },
      setBookAll(val){
        this.bookAll = val
      },
      setCondition(val){
        this.bookCondition = val
      },
    },
    events: {

    }
  }
</script>

<style lang="less">
  #checkbookEntry {
    height: 700px;
  }
</style>
