<template>
  <!--安检综合查询主界面-->
  <div id="unit" class="flex-row">
    <div class="row basic-main"  style="display: flex">
    <!--展示查询界面-->
    <check-search-user class="flex" :tempval="hidden" v-bind:style="{width:barwidth}" @select-changed="selected"  @canel-main="close" v-ref:checksearch></check-search-user>
    <div  class="flex" style="width: 35%" v-if="showItem" >
      <!--安检项详细信息-->
      <ul class="nav nav-tabs">
        <li role="presentation" class="active"><a href="#">安检记录</a></li>
      </ul>
      <div style="width: 45%" :class="{'binary-right':showItem}" v-if="showItem">
        <check-detail v-if='$refs.check && $refs.check.selected' :check='$refs.check.selected' :checkstatus="checkstatus"
                      v-ref:detail></check-detail>
      </div>

        <div style="height:auto;overflow: hidden;">
        <check-paper-list style="height: 100%" :row="rowData"></check-paper-list>


      </div>
    </div>
    </div>

  </div>
</template>

<script>

  export default {
    title: '用户安检情况',
    name: 'CheckPaperSearchUser',
    data () {
      return {
        hidden:true,
        barwidth:'100%',
        showItem:false,
        rowData:{}
      }
    },
    methods: {
      show () {
        this.showItem = this.showItem ? false : true
      },
      selected (row) {
        this.showItem = true
        this.barwidth = '50%'
        this.rowData = row.val
        this.hidden = false
        console.log('2.现在的状态是:'+this.hidden)
      },

      close(){
        this.showItem = false
        this.barwidth = '100%'
        this.hidden = true
      }
    }

  }

</script>

