<!--
  @description: 保证金收款查看
  @Modifier: sunxinman/haofengxian
  @routerPath: /fee/cashDepositReceivablesDetail
  @date: 2020/04/01-10: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>{{ formData.accountName }}</td>
        </tr>
        <tr>
          <td>到账金额（元）</td>
          <td>{{ formData.amount }}</td>
          <td>到账时间</td>
          <td>
            {{ formData.inDate }}
          </td>
        </tr>
        <tr>
          <td>来款开户行名称</td>
          <td>{{ formData.payerBankName }}</td>
          <td>来款银行账户</td>
          <td>{{ formData.payerNo }}</td>
        </tr>
        <tr>
          <td>联行号</td>
          <td>{{ formData.payerBankNo }}</td>
          <td>子账号</td>
          <td>{{ formData.accountNo }}</td>
        </tr>
        <tr>
          <td>收款编号</td>
          <td>{{ formData.seqNo }}</td>
          <td>交易类型</td>
          <td>{{ formData.businessType }}</td>
        </tr>
        <tr>
          <td>借贷标志</td>
          <td>{{ formData.borrowFlag }}</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 { detailDepositBookkeepingInInfo } from '@api/fee/bailfee'
/* 混合开发方法-参数字段*/
import { ListMixin } from '@/mixins/ListMixin'
import { cashDepositGroupMixin } from '../mixins/cashDepositGroupMixin'
import { depositSystemConfig } from '../mixins/depositSystemConfig'
export default {
  name: 'CashDepositReceivablesDetail',
  components: {
  },
  mixins: [ListMixin, cashDepositGroupMixin, depositSystemConfig],
  data() {
    return {
      formData: {
        accountName: '', // 账号名称
        accountNo: '', // 虚拟账号
        amount: 0,
        bankName: '', // 交易金额
        bankNo: '', // 银行名称
        bookkeepingInId: '', // 银行编号
        bookkeepingPerson: '', // 记账信息ID
        bookkeepingStatus: '', // 记账人
        bookkeepingTime: '', // 记账状态00未记账01记账中02已记账03记账失败04手工记账
        borrowFlag: '', // 记账时间
        businessType: '', // 借贷标识
        createTime: '', // 交易类型
        createUser: '', // 创建日期
        inDate: '', // 创建人ID
        packId: '', // 到账时间
        packName: '', // 标段ID
        packNo: '', // 标段名称
        payerBankName: '', // 标段编号
        payerBankNo: '', // 支付方银行名称
        payerName: '', // 支付方银行编号
        payerNo: '', // 支付方名称
        remark: '', // 支付方账号
        seqNo: '', // 摘要
        stageId: '', // 交易虚列号
        supplierId: '', // 阶段ID
        supplierName: '', // 供应商ID
        tenderDepart: '', // 供应商名称
        tenderDepartId: '', // 业务部门
        tenderId: '', // 业务部门ID
        tenderManager: '', // 项目ID
        tenderManagerId: '', // 项目经理
        tenderName: '', // 项目经理ID
        tenderNo: '', // 项目名称
        updateTime: '', // 项目编号
        updateUser: '' // 更新日期ID
      }
    }
  },
  created() {
    // 获取列表信息
    this.getDepositBookkeepingInInfo()
  },
  methods: {
    // 查看保证金收款记账信息
    getDepositBookkeepingInInfo() {
      const bookkeepingInId = this.$route.params.bookkeepingInId
      detailDepositBookkeepingInInfo(bookkeepingInId).then(res => {
        this.formData = res.data
      })
    },
    // 返回
    back() {
      this.$router.push({
        path: '/fee/cashDepositReceivablesBooking',
        name: 'CashDepositReceivablesBookingList'
      })
    }
  }
}
</script>
<style lang="less" scoped>

</style>
