<template>
  <div class="auto">
    <partial-view v-ref:pv>
      <div class="col-sm-12">
        <label for="">用户姓名：</label>{{model.f_user_name}}
      </div>
      <div class="col-sm-12">
        <label for="">补卡原因：</label>{{model.f_reason}}
      </div>
      <div class="col-sm-12" v-if ="model.f_reason === 'IC卡丢失' ">
        <label for="">卡　　费：</label>{{model.f_cardfees}}
      </div>
      <div class="col-sm-12">
        <label for="">操 &nbsp作 &nbsp人：</label>{{model.f_operator}}
      </div>
    </partial-view>
  </div>
</template>

<script>
export default {
  title: '机表补卡详情',
  props: ['data'],
  data () {
    return {
      model: {}
    }
  },
  ready () {
    let sql = 'fillCardMsg'
    let condition = {
      id: this.data.id,
      f_userinfo_id: this.data.f_userinfo_id
    }
    this.$info(`加载数据中..., sql:${sql}`)
    this.$refs.pv.load('rs/logic/getOneData', {data: {sql: sql, params: condition}}).then((a) => {
      this.$info(`成功获取到数据！, data:${JSON.stringify(a.data)}`)
      this.model = a.data
    }).catch((error) => {
      if (error.status) {
        this.$warn(`加载数据出错, ${JSON.stringify(error)}`)
        return
      }
      throw error
    })
  }
}
</script>
