<template>
  <!--!!!安检综合查询主界面-->
  <div id="unit" class="row" :class="{'basic-main':!showItem,'binary':showItem}">
    <!--展示查询界面-->

    <check-paper-search :class="{'binary-left':showItem}"  @select-changed="selected"></check-paper-search>

    <div :class="{'binary-right':showItem}" v-if="showItem">
      <!--安检项详细信息-->
      <ul class="nav nav-tabs">
        <li role="presentation" class="active"><a href="#">安检详情</a></li>
      </ul>
      <div style="height:100%;overflow: auto;">
        <check-paper-item style="height: 100%" :row="rowData"></check-paper-item>
      </div>


    </div>

  </div>
</template>

<script>
  export default {
    title: '安检综合查询',
    name: 'CheckPaperSearchMain',
    data () {
      return {
        showItem:true,
        rowData:{}
      }
    },
    methods: {
      show () {
          console.log('121')
        this.showItem = this.showItem ? false : true
      },
      selected (row) {
          console.log('12')
        this.showItem = true
        this.rowData = row.val
      }
    },
      watch:{
        'showItem':{
            deep:true,
            handler(){
                console.log(this.showItem,'asdas')
            },
            immediate:true
        }
      }

  }

</script>
