<!--
  @description: 标书费退款申请查看
  @Modifier: sunxinman/haofengxian
  @routerPath: /fee/tenderFeeApplyRefundDetail
  @date: 2020/03/23-16:01
-->
<template>
  <div>
    <section class="title p0-16 clearfix">
      <!-- 返回 -->
      <div class="title-back pointer" @click="back()">
        <i class="iconfont icon-fanhui mr10" />查看标书费退款申请
      </div>
    </section>
    <div class="p0-16">
      <table class="tableData">
        <tr>
          <td>表单编号</td>
          <td>
            {{ formData.backNo }}
          </td>
          <td>表单名称</td>
          <td>
            {{ formData.backName }}
          </td>
        </tr>
        <tr>
          <td>收款单位</td>
          <td>
            {{ formData.payeeDepart }}
          </td>
          <td>开户银行</td>
          <td>{{ formData.bankname }}</td>
        </tr>
        <tr>
          <td>银行账户</td>
          <td>{{ formData.bankaccount }}</td>
          <td>联行号</td>
          <td>{{ formData.uniteCode }}</td>
        </tr>
        <tr>
          <td>
            是否同城转账
          </td>
          <td>
            {{ filterDictText(cityTransferList,formData.isLocalAccounts) }}
          </td>
          <td>是否跨行转账</td>
          <td>
            {{ filterDictText(interbankTransferList,formData.isInterBankAccounts) }}
          </td>
        </tr>
        <tr>
          <td>退款金额（元）</td>
          <td>{{ formData.backPrice }}</td>
          <td>退款状态</td>
          <td>
            {{ filterDictText(refundStatusList,formData.backStatus) }}
          </td>
        </tr>
        <tr>
          <td>支付方式</td>
          <td>
            {{ filterDictText(paymentMethodList,formData.payMode) }}
          </td>
          <td>用款方式</td>
          <td>电汇</td>
        </tr>
        <tr>
          <td>用款部门</td>
          <td colspan="3">
            {{ formData.useFeeDepart }}
          </td>
        </tr>
        <tr>
          <td>用途</td>
          <td colspan="3">
            {{ formData.reason }}
          </td>
        </tr>
        <tr>
          <td>摘要</td>
          <td colspan="3">
            {{ formData.digest }}
          </td>
        </tr>
        <tr>
          <td>备注</td>
          <td colspan="3">
            {{ formData.remark }}
          </td>
        </tr>
      </table>
    </div>
    <!-- 审核信息组件 -->
    <!--<auditInfo/>-->
    <!--操作按钮-->
    <div class="but_footer">
      <div class="but_footer-h">
        <div class="but_footer-but">
          <el-button @click="back">
            关闭
          </el-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
/* 接口*/
import { queryBackPriceDetail } from '@api/fee/docfee'
import auditInfo from './auditInfo-detail' // 审核信息组件
import { TenderFeeGroupMixin } from '../mixins/tenderFeeGroupMixin'
export default {
  name: 'TenderFeeApplyRefundDetail',
  components: {
    auditInfo
  },
  mixins: [TenderFeeGroupMixin],
  data() {
    return {
      formData: {
        backName: '', // 退款名称
        backNo: '', // 退款编号（YKSQ+年（4）+月（2）+业务部门编码（2）+流水号（3））
        backPrice: 0, // 退款金额
        backStatus: '', // 接口实际退款状态 :00,未发起请求，01，退款成功,02 退款失败, 03 退款申请中
        bankaccount: '', // 银行账号
        bankname: '', // 开户银行
        digest: '', // 摘要
        isInterBankAccounts: '00', // 是否跨行转账(00否 01是)
        isLocalAccounts: '00', // 是否同城转账(00否 01是)
        outMoneyId: '', // 退费主表id
        payMode: '', // 支付方式：01对公支付 02现金支付 03卡付
        payeeDepart: '', // 收款单位
        reason: '', // 用途
        remark: '', // 备注
        supplierId: '', // 供应商id
        supplierName: '', // 供应商名称
        uniteCode: '', // 联行号
        useFeeDepart: '', // 用款部门
        useFeeMode: '00' // 用款方式 00 电汇
      }
    }
  },
  created() {
    this.getBackPriceDetail()
  },
  methods: {
    // 项目经理-根据标书费id查看退款详情
    getBackPriceDetail() {
      const feeDocId = this.$route.params.feeDocId // 标书费id
      queryBackPriceDetail(feeDocId).then(res => {
        this.formData = res.data
      }).catch(() => {
      })
    },
    // 返回
    back() {
      this.$router.push({
        path: '/fee/docPurchaseRecord',
        name: 'DocPurchaseRecordList',
        params: {
          ...this.$route.params
        }
      })
    }
  }
}
</script>

<style lang="less" scoped>

</style>
