<template>
  <div class="no-close flex" id="app-nav-top-template" style="height: 100%;">
    <tools-page :need-back='true' title="历史安检查看" @back="back()"></tools-page>
    <div class="flex span" id="top-nav">
      <tabset v-ref:tabs :close="false" >
        <tab header="用户信息">
          <user-gasinfo  :user='user' :model="userinfo" :show="showModal"></user-gasinfo>
        </tab>
        <tab header="设备检查">
          <equipment-inspection :show="showModal" :user='user' :equipmentinspection="userinfo.equipment" v-ref:userinfo.equipment></equipment-inspection>
        </tab>
        <tab header="隐患检查">
          <hiddentrouble-investigation :show="showModal"  :user='user' :imgs="userinfo.imgs" :hinvestigation="userinfo.hiddentrouble" v-ref:userinfo.hiddentrouble></hiddentrouble-investigation>
        </tab>
        <tab header="用户意见">
          <customer-opinions :user='user' :show="showModal"  :userinfo="userinfo" :equipmentinspection="userinfo.equipment" :hinvestigation="userinfo.hiddentrouble" :customer="userinfo.customer" v-ref:userinfo.customer></customer-opinions>
        </tab>
      </tabset>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
import * as Util from '../Util'

export default {
  title: '查询安检历史',
  props: {
      userinfo:{
        type:Object,
      }
  },
  data() {
    return {
      user:{},
      showModal: true,
    }
  },
  methods: {
    //头部事件回掉
    back() {
      this.$back()
    }
  }
}
</script>
<style lang="less">
  #app-nav-top-template{
    .nav {
      > li {
        width: 25%;
        text-align: center;
        > a {
          padding: 10px 0px;
        }
      }
    }
  }

</style>

