<!-- 线上审核付款确认书信息变更 -->
<template>
  <div class="supplierInfo">
    <data-table :handleFlag.sync="handleFlag" :showPage="false" :queryParas="queryParas" :columns="columns"
                :sourceData.sync="sourceData" :loadCount.sync="loadCount" operateBtnLayout="">
    </data-table>
  </div>
</template>
<script>
import BasePage from '@/pages/basePage.js'
import { DataTable } from 'newepoch-components'
import taskManageApi from '@/api/dataAudit/taskManageApi.js'
import * as format from '@/filters/index'
export default {
  extends: new BasePage(),
  components: {
    DataTable
  },
  prop: {
    form: {
      type: [Object],
      default: function () {
        return {}
      }
    }
  },
  data () {
    return {
      columns: [
        // 名称
        {
          prop: 'columnName',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].taskManage.todoTask.name
        },
        // 修改节点
        {
          prop: 'modifyNode',
          align: 'center',
          label: this.$i18n.messages[this.$i18n.locale].taskManage.todoTask.modifyNode
        },
        // 修改时间
        {
          prop: 'addTime',
          align: 'center',
          label: this.$i18n.messages[this.$i18n.locale].taskManage.todoTask.modifyDate,
          format: (row) => { return format.formatDatetime(row.addTime) }
        },
        // 修改前
        {
          prop: 'preValue',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].taskManage.todoTask.beforeModify
        },
        // 修改后
        {
          prop: 'modifiedValue',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].taskManage.todoTask.afterModify
        }
      ],
      sourceData: []
    }
  },
  methods: {
    loadData (assetInfoId) {
      let _this = this
      taskManageApi.offLine.getPayHistory({ assetInfoId: assetInfoId }).then(res => {
        if (res && res.data) {
          _this.sourceData = res.data
        }
      })
    }
  }
}
</script>
