<template>
  <div class="el-scrollbar__wrap wrap-white padding-20">
    <div class="el-scrollbar__view">
      <el-row :gutter="20" v-loading="loading">
        <el-col :span="12">
          <el-form size="small" :model="inputForm" ref="inputForm" v-loading="loading" label-width="150px">
          </el-form>
        </el-col>
        <el-col :span="24">
          <el-col :span="12"><h3>人员报销详情</h3></el-col>
          <el-col :span="12" style="text-align:right">
            <el-button type="info" size="small" @click="goBack">返回</el-button>
          </el-col>
          <el-table
            :data="columnForm.columnList"
            style="width: 100%">
            <el-table-column
              prop="businessCode"
              label="业务编号"
            >
            </el-table-column>
            <el-table-column
              prop="year"
              label="报销年份"
            >
            </el-table-column>
            <el-table-column
              prop="reimbursementDay"
              label="报销天数"
            >
            </el-table-column>
            <el-table-column
              prop="reimbursementAmount"
              label="报销额度"
            >
            </el-table-column>
            <el-table-column
              prop="createDate"
              label="报销时间"
            >
            </el-table-column>
          </el-table>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
  import ReimbursementUser from '@/api/reimbursementSys/user/reimbursementUserService'
  export default {
    data () {
      return {
        title: '',
        method: '',
        loading: false,
        previewVisible: false,
        isIndeterminate: false,
        inputForm: {
          id: '',
          dataSource: {
            id: ''
          },
          name: '',
          sqlCmd: ''
        },
        columnForm: {
          isNeedAll: true,
          columnList: []
        }
      }
    },
    reimbursementUser: null,
    created () {
      this.reimbursementUser = new ReimbursementUser()
    },
    activated () {
      this.$refs['inputForm'].resetFields()
      this.columnForm.columnList = []
      this.inputForm.id = this.$route.query.id
      if (this.inputForm.id) {
        this.reimbursementUser.findListByUserId(this.inputForm.id).then(({data}) => {
          this.columnForm.columnList = data
        })
      }
    },
    components: {
      editor: require('vue2-ace-editor')
    },
    methods: {
      goBack () {
        this.$store.dispatch('tagsView/delView', {fullPath: this.$route.fullPath})
        this.$router.push('/reimbursementSys/user/reimbursementUserList')
      }
    }
  }
</script>
