<!--
  @description: 保证金退款信息查看
  @Modifier: sunxinman
  @routerPath: /fee/cashDepositRefundDetail
  @date: 2020/04/01-12:30
-->
<template>
  <div>
    <section class="title p0-16 clearfix">
      <!-- 返回 -->
      <div class="title-back pointer" @click="back()">
        <i class="iconfont icon-fanhui mr10" />保证金退款查看
      </div>
    </section>
    <section class="p0-16">
      <!-- 表格部分 -->
      <table class="tableData">
        <tr>
          <td>招标项目编号</td>
          <td>{{ formData.tenderNo }}</td>
          <td>招标项目名称</td>
          <td>{{ formData.tenderName }}</td>
        </tr>
        <tr>
          <td>标段（包）编号</td>
          <td>{{ formData.packNo }}</td>
          <td>标段（包）名称</td>
          <td>{{ formData.packName }}</td>
        </tr>
        <tr>
          <td>投标人</td>
          <td>{{ formData.supplierName }}</td>
          <td>是否中标</td>
          <td /><td>{{ filterDictText(winStatusttList,formData.winStatus) }}</td>
        </tr>
        <tr>
          <td>错误来款</td>
          <td>{{ filterDictText(errorModelList,formData.errorStatus) }}</td>
          <td>账户名称</td>
          <td>{{ formData.accountName }}</td>
        </tr>
        <tr>
          <td>退款金额（元）</td>
          <td>{{ formData.amount }}</td>
          <td>退款时间</td>
          <td>{{ formData.refundTime }}</td>
        </tr>
        <tr>
          <td>退款开户行名称</td>
          <td>{{ formData.desBankName }}</td>
          <td>退款银行账户</td>
          <td>{{ formData.desBankNo }}</td>
        </tr>
        <tr>
          <td>联行号</td>
          <td>{{ formData.desBankNo }}</td>
          <td>子账号</td>
          <td>{{ formData.accountNo }}</td>
        </tr>
        <tr>
          <td>收款编号</td>
          <td>{{ formData.seqNo }}</td>
          <td>交易类型</td>
          <td>普通外部转账</td>
        </tr>
        <tr>
          <td>借贷标志</td>
          <td>贷</td>
          <td>业务部门</td>
          <td>{{ formData.tenderDepart }}</td>
        </tr>
        <tr>
          <td>项目经理</td>
          <td>{{ formData.tenderManager }}</td>
          <template v-if="bailShowShielding">
            <td>退款记账状态</td>
            <td>
              {{ filterDictText(billingStatusList, formData.bookkeepingStatus) }}
            </td>
          </template>
          <template v-if="!bailShowShielding">
            <td />
            <td />
          </template>
        </tr>
        <tr v-if="bailShowShielding">
          <td>记账人</td>
          <td>{{ formData.bookkeepingPerson }}</td>
          <td>记账时间</td>
          <td>{{ formData.bookkeepingTime }}</td>
        </tr>
        <tr>
          <td>摘要</td>
          <td colspan="3">
            {{ formData.remark }}
          </td>
        </tr>
      </table>
    </section>
    <!--操作按钮-->
    <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 { detailDepositBookkeepingOutInfo } from '@api/fee/bailfee'
/* 混合开发方法-参数字段*/
import { ListMixin } from '@/mixins/ListMixin'
import { cashDepositGroupMixin } from '../mixins/cashDepositGroupMixin'
import { depositSystemConfig } from '../mixins/depositSystemConfig'
export default {
  name: 'CashDepositRefundDetail',
  components: {
  },
  mixins: [ListMixin, cashDepositGroupMixin, depositSystemConfig],
  data() {
    return {
      formData: {
        accountName: '', // 账号名称
        accountNo: '', // 虚拟账号
        amount: '', // 退款金额
        bankName: '', // 银行名称
        bankNo: '', // 银行编号
        bookkeepingOutId: '', // 记账信息ID
        bookkeepingPerson: '', // 记账人
        bookkeepingStatus: '', // 记账状态00未记账01记账中02已记账03记账失败04手工记账
        bookkeepingTime: '', // 记账时间
        borrowFlag: '', // 借贷标识
        businessType: '', // 交易类型
        createTime: '', // 创建日期
        createUser: '', // 创建人ID
        desBankName: '', // 退款银行名称
        desBankNo: '', // 退款银行编号
        desName: '', // 退款名称
        desNo: '', // 退款账号
        errorStatus: '', // 是否错误来账
        packId: '', // 标段ID
        packName: '', // 标段名称
        packNo: '', // 标段编号
        refundStt: '', // 退款虚列号
        refundTime: '', // 退款时间
        remark: '', // 摘要
        seqNo: '', // 交易虚列号
        stageId: '', // 阶段ID
        supplierId: '', // 供应商ID
        supplierName: '', // 供应商名称
        tenderDepart: '', // 业务部门
        tenderDepartId: '', // 业务部门ID
        tenderId: '', // 项目ID
        tenderManager: '', // 项目经理
        tenderManagerId: '', // 项目经理ID
        tenderName: '', // 项目名称
        tenderNo: '', // 项目编号
        updateTime: '', // 更新日期ID
        updateUser: '', // 更新人ID
        winStatus: '' // 是否中标
      }
    }
  },
  created() {
    //  查看保证金收款记账信息
    this.getDepositBookkeepingOutInfo()
  },
  methods: {
    //  查看保证金收款记账信息
    getDepositBookkeepingOutInfo() {
      const bookkeepingOutId = this.$route.params.bookkeepingOutId
      detailDepositBookkeepingOutInfo(bookkeepingOutId).then(res => {
        this.formData = res.data
      })
    },
    // 返回
    back() {
      this.$router.push({
        path: '/fee/cashDepositRefundBookkeeping'
      })
    }
  }
}
</script>
<style lang="less" scoped>

</style>
