<template>
  <dialog-edit
    :visible.sync="dialogVisible"
    :title="$t('chargeback.resume_returns')"
    :editModel="editModel"
    :form="form"
    :api="api"
  >
    <data-table
      :api="api"
      :headTitle="$t('chargeback.resume_returns_list')"
      operateBtnLayout
      :sourceData.sync="sourceData"
      :columns="columns"
      :loadCount.sync="loadCount"
      :showPage="false"
      :queryParas="queryParas"
    >
    </data-table>
  </dialog-edit>
</template>

<script>
import BaseEditPage from '@/pages/baseEditPage'
import chargebackApi from '@/api/chargeback'
import {
  DialogEdit,
  dymForm,
  DataTable,
  authButton
} from 'newepoch-components'
export default {
  extends: new BaseEditPage(''),
  components: {
    DialogEdit,
    dymForm,
    DataTable,
    authButton
  },
  data () {
    return {
      queryParas: {},
      sourceData: [],
      columns: [
        {
          // 退单次数
          prop: 'refinds_times',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.refinds_times
        },
        {
          // 产品名称
          prop: 'product_name',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.product_name
        },
        {
          // 核心企业
          prop: 'core_enterprise',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.core_enterprise
        },
        {
          // 计划管理人/再保理银行
          prop: 'planning_manager',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.planning_manager
        },
        {
          // 原始权益人
          prop: 'initial_equity_owner',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.initial_equity_owner
        },
        {
          // 付款确认书编号
          prop: 'pay_code',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback
            .pay_code
        },
        {
          // 退单类型
          prop: 'refundStyles',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback
            .refundStyles
        },
        {
          // 项目公司名称
          prop: 'project_company',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.project_company
        },
        {
          // 供应商名称
          prop: 'suppliers',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.suppliers
        },
        {
          // 应收账款金额
          prop: 'account_receivable_je',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.account_receivable
        },
        {
          // 账款到期日
          prop: 'account_maturity_date',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.account_maturity_date
        },
        {
          // 退单人
          prop: 'chargeback_person',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.chargeback_person
        },
        {
          // 退单原因
          prop: 'chargeback_reason',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.chargeback_reason
        },
        {
          // 退单审核结果
          prop: 'return_audit_results',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.return_audit_results
        },
        {
          // 审核人
          prop: 'auditor',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.auditor
        },
        {
          // 审核意见
          prop: 'audit_opinion',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.audit_opinion
        },
        {
          // 审核时间
          prop: 'audit_date',
          align: 'left',
          label: this.$i18n.messages[this.$i18n.locale].chargeback.audit_date
        }
      ],
      loadCount: 0
    }
  },
  computed: {
    api () {
      return chargebackApi.pauseApi
    }
  },
  methods: {
  },
  watch: {
    visible (val) {
      if (val) {
        console.log(this.form)
        this.handleFilter()
      } else {
      }
    }
  }
}
</script>
