<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-user @book-list="setBookList" @book-all="setBookAll" @book-condition="setCondition"></check-book-search-user>
        </tab>
<!--        <tab header="小区查询">-->
<!--          <check-book-search-area @book-list="setBookList" @book-all="setBookAll" @book-condition="setCondition"></check-book-search-area>-->
<!--        </tab>-->
<!--        <tab header="单位查询">-->
<!--          <check-book-search-unit @book-list="setBookList" @book-all="setBookAll" @book-condition="setCondition"></check-book-search-unit>-->
<!--        </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:"",
        bookAll: false
      }
    },
    created () {
    },
    ready () {
    },
    methods: {
      setBookList(val){
        console.log("555555")
        this.bookList = val
      },
      setBookAll(val){
        this.bookAll = val
      },
      setCondition(val){
        this.bookCondition = val
      },
    },
    events: {

    }
  }
</script>

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