<!--
  @description: 标书费收款记账查看
  @Modifier: sunxinman
  @routerPath: /fee/tenderFeeBookKeepingDetail
  @date: 2020/04/01-17: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.projectIndustryName }}</td>
          <td>业务部门</td>
          <td>{{ formData.department }}</td>
        </tr>
        <tr>
          <td>项目经理</td>
          <td>{{ formData.tenderManager }}</td>
          <td>投标人</td>
          <td>{{ formData.supplierName }}</td>
        </tr>
        <tr>
          <td>纳税人识别号</td>
          <td>{{ formData.taxpayerIdentificationNumber }}</td>
          <td>地址、电话</td>
          <td>{{ formData.address }}{{ formData.phone }}</td>
        </tr>
        <tr>
          <td>开户银行及账号</td>
          <td>{{ formData.banknameAndBankaccount }}</td>
          <td>联行号</td>
          <td>{{ formData.uniteCode }}</td>
        </tr>
        <tr>
          <td>支付方式</td>
          <td>
            {{ filterDictText(paymentMethodList,formData.payMode) }}
          </td>
          <td>开票金额（元）</td>
          <td>{{ formData.documentPrice }}</td>
        </tr>
        <tr>
          <td>不含税金额（元）</td>
          <td>{{ formData.noTaxRatePrice }}</td>
          <td>税率(%)</td>
          <td>{{ formData.documentRate }}</td>
        </tr>
        <tr>
          <td>税额（元）</td>
          <td>{{ formData.taxAmount }}</td>
          <td>费用类型</td>
          <td>
            {{ filterDictText(costTypeList,formData.feeType) }}
          </td>
        </tr>
        <tr>
          <td>到账时间</td>
          <td>
            {{ formData.accountingTime }}
          </td>
          <td>收款编号</td>
          <td>{{ formData.peyeeNo }}</td>
        </tr>
        <tr v-if="docfeeShowShielding">
          <td>收款记账状态</td>
          <td>
            {{ filterDictText(collectionBookkeepingStatusList,formData.bookkeepingStatus) }}
          </td>
          <td>记账人</td>
          <td>{{ formData.bookkeepingUsername }}</td>
        </tr>
        <tr v-if="docfeeShowShielding">
          <td>记账时间</td>
          <td colspan="3">
            {{ formData.bookkeepingTime }}
          </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 { queryTallyInfoById } from '@api/fee/docfee'
/* 混合开发方法-参数字段*/
import { TenderFeeGroupMixin } from '../mixins/tenderFeeGroupMixin'
import { docfeeSystemConfig } from '../mixins/docfeeSystemConfig'
export default {
  name: 'TenderFeeBookKeepingDetail',
  mixins: [TenderFeeGroupMixin, docfeeSystemConfig],
  data() {
    return {
      formData: {
        accountingTime: '', // 到账时间
        address: '', // 地址
        banknameAndBankaccount: '', // 机构开户银行/账号
        bookkeepingStatus: '', // 收款记账状态: 00 未记账 01已经记账 02 记账失败 03 记账申请中
        bookkeepingTime: '', // 记账实际时间
        bookkeepingUsername: '', // 记账人名称
        department: '', // 业务部门
        documentPrice: 0, // 开票金额
        documentRate: '', // 标书费开票税率（%）
        feeType: '', // 费用类型 00：标书费；01：投标服务费
        noTaxRatePrice: 0, // 不含税金额
        packName: '', // 标段包名称
        packNo: '', // 标段包编号
        payMode: '', // 支付方式：00易宝支付 01支付宝02中金 04支付微信
        peyeeNo: '', // 收款编号
        phone: '', // 电话
        projectIndustryName: '', // 项目行业分类
        supplierName: '', // 投标人
        taxAmount: 0, // 税额
        taxpayerIdentificationNumber: '', // 纳税人识别号
        tenderManager: '', // 项目经理
        tenderName: '', // 招标项目名称
        tenderNo: '', // 招标项目编号
        uniteCode: '' // 联行号
      }
    }
  },
  created() {
    //  财务部-查看记账详情
    this.getTallyInfoDetail()
  },
  methods: {
    // 财务部-查看记账详情
    getTallyInfoDetail() {
      const feeDocId = this.$route.params.feeDocId // 标书费id
      queryTallyInfoById(feeDocId).then(res => {
        this.formData = res.data
      })
    },
    // 返回
    back() {
      this.$router.push({
        path: '/fee/tenderFeeBookKeeping',
        name: 'TenderFeeIncoiceManageList'
      })
    }
  }
}
</script>
<style lang="less" scoped>

</style>
