<template>
  <div style="height: 100%;width: 100%;padding:10px 0px 10px 0px;">
    <div class="auto">
      <partial-view v-ref:pv>
        <div class="row" style="padding-bottom: 10px">
          <label class = "col-sm-4 control-label">用户姓名:</label>
          <span class = "col-sm-8">{{rowdata.f_user_name}}</span>
        </div>
        <div class="row" style="padding-bottom: 10px">
          <label class = "col-sm-4 control-label">用户地址:</label>
          <span class = "col-sm-8">{{rowdata.f_address}}</span>
        </div>
        <div class="row" style="padding-bottom: 10px">
          <label class = "col-sm-3 control-label">安检人:</label>
          <span class = "col-sm-3">{{rowdata.f_checker_name}}</span>
          <label class = "col-sm-3 control-label">安检状态:</label>
          <span class = "col-sm-3">{{rowdata.f_entry_status}}</span>
        </div>
        <div class="row" style="padding-bottom: 10px">
          <label class = "col-sm-3 control-label">入户时间:</label>
          <span class = "col-sm-9">{{rowdata.f_onsite_time}}</span>
        </div>
        <div class="row" style="padding-bottom: 10px">
          <label class = "col-sm-3 control-label">离开时间:</label>
          <span class = "col-sm-9">{{rowdata.f_offsite_time}}</span>
        </div>
        <div class="row" style="padding-bottom: 10px">
          <label class = "col-sm-3 control-label">用户评价:</label>
          <span class = "col-sm-3">{{rowdata.f_client_evaluation}}</span>
        </div>
      </partial-view>
    </div>
    <check-paper-items :row="rowdata"></check-paper-items>
  </div>
</template>

<script>
  import Vue from 'vue'
  import co from 'co'

  export default {
    title: '安检项信息',
    name: 'CheckPaperItem',
    props: ['row'],
    data () {
      return {
        rowdata: this.row
      }
    },
    ready () {
      this.rowdata = this.row
    },
    watch: {
      'row' (val) {
        this.rowdata = val
      }
    }
  }
</script>
