<template>
    <dialog-edit :visible.sync="dialogVisible"
                 :title="$t('traceMgr.auditSupplementaryAccount')"
                 :editModel="'V'"
                 :form="form"
                 :api="api"
                 :footerBtnShow="isFootView"
                 :appendToBody="true"
                 :autoClose="true"
                 @close="close">
      <!--订单信息-->
      <el-row>
        <payment-info :keyId="keyId" :title="$t('traceMgr.orderInfo')"></payment-info>
      </el-row>
      <!--区域专员审核信息-->
      <el-row>
        <el-tabs>
          <el-tab-pane :label="$t('traceMgr.reviewInformation')"></el-tab-pane>
        </el-tabs>
      </el-row>
      <data-table :sourceData.sync="reviewInformationSourceData"
                  :columns="reviewInformationColumns"
                  :border="true"
                  :stripe="true"
                  operateBtnLayout=""
                  :showPage="false"
                  :menuFlag="true">
      </data-table>
      <!--补出账信息-->
      <el-row>
        <el-tabs>
          <el-tab-pane :label="$t('traceMgr.supplementAccountInfo')"></el-tab-pane>
        </el-tabs>
      </el-row>
      <data-table :sourceData.sync="supplementAccountInfoSourceData"
                  :columns="supplementAccountInfoColumns"
                  :border="true"
                  :stripe="true"
                  operateBtnLayout=""
                  :showPage="false"
                  :menuFlag="true">
        <!--账户证明附件-->
        <el-table-column :label="$t('traceMgr.attachmentOfAccountCertificate')" align="center" fixed="right" :width="180">
          <template slot-scope="scope">
            <btn-download :fileID="'12334'"></btn-download>
          </template>
        </el-table-column>
      </data-table>
      <el-row>
        <el-col :span="8">
          <el-form-item :label="$t('traceMgr.passesOrNot')" prop="interviewLevel">
            <el-select></el-select>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="12">
          <el-form-item :label="$t('traceMgr.noPassReason')" prop="interviewLevel">
            <el-input type="textarea" :placeholder="$t('common.input')" maxlength="1000"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </dialog-edit>
</template>
<script>

import tracemgrApi from '@/api/tracemgrApi'
import {
  DialogEdit,
  paymentInfo,
  DataTable
} from 'newepoch-components'

export default {
  name: 'taskDialog',
  components: {
    tracemgrApi,
    DialogEdit,
    paymentInfo,
    DataTable
  },
  data () {
    return {
      api: {},
      form: {},
      reviewInformationSourceData: [],
      supplementAccountInfoSourceData: [],
      reviewInformationColumns: [
        {
          // 审核人
          prop: 'auditor',
          showOverflowTooltip: true,
          label: this.$i18n.messages[this.$i18n.locale].traceMgr.auditor,
          align: 'center'
        },
        {
          // 审核时间
          prop: 'auditDate',
          showOverflowTooltip: true,
          label: this.$i18n.messages[this.$i18n.locale].traceMgr.auditDate,
          align: 'center'
        },
        {
          // 审核意见
          prop: 'auditOpinion',
          showOverflowTooltip: true,
          label: this.$i18n.messages[this.$i18n.locale].traceMgr.auditOpinion,
          align: 'center'
        }
      ],
      supplementAccountInfoColumns: [
        {
          // 补出账原因
          prop: 'supplementReason',
          showOverflowTooltip: true,
          label: this.$i18n.messages[this.$i18n.locale].traceMgr.supplementReason,
          align: 'center'
        },
        {
          // 收款人名称
          prop: 'payee',
          showOverflowTooltip: true,
          label: this.$i18n.messages[this.$i18n.locale].traceMgr.payee,
          align: 'center'
        },
        {
          // 收款人账号
          prop: 'account',
          showOverflowTooltip: true,
          label: this.$i18n.messages[this.$i18n.locale].traceMgr.account,
          align: 'center'
        },
        {
          // 收款人开户行
          prop: 'payeeBank',
          showOverflowTooltip: true,
          label: this.$i18n.messages[this.$i18n.locale].traceMgr.payeeBank,
          align: 'center'
        },
        {
          // 备注
          prop: 'memo',
          showOverflowTooltip: true,
          label: this.$i18n.messages[this.$i18n.locale].traceMgr.memo,
          align: 'center'
        }
      ]
    }
  },
  props: {
    visible: {
      type: Boolean,
      default: function () {
        return false
      }
    },
    close: {
      type: Function
    }
  },
  computed: {
    dialogVisible: {
      get: function () {
        return this.visible
      },
      set: function (val) {
        this.$emit('update:visible', val)
      }
    }
  },
  watch: {
    visible: {
      handler: function (newValue) {
        if (newValue) {
        }
      }
    }
  },
  methods: {}
}
</script>

<style scoped lang="scss">
</style>
