<!--
  @description: 投标服务费统计详情
  @Modifier: wxy
  @routerPath:
  @date:  2020-09-07 16:41:26
-->
<template>
  <div class="main">
    <div style="position:relative;">
      <div class="projectInfoDetail">
        <table class="tableData">
          <div class="page-title">
            1.基本信息
          </div>
          <tr>
            <td>机构名称</td>
            <td colspan="3">
              {{ tableData.supplierName }}
            </td>
          </tr>
          <tr>
            <td>项目编号</td>
            <td>{{ tableData.tenderNo }}</td>
            <td>项目名称</td>
            <td>{{ tableData.tenderName }}</td>
          </tr>
          <!-- 暂时注释2020、12.03 -->
          <!-- <tr>
<td>是否退休</td>
<td>{{ filterDictText(retired, tableData.retired) }}</td>
<td>健康状况</td>
<td>{{ filterDictText(health, tableData.health) }}</td>
</tr> -->
          <tr>
            <td>项目预算金额（万元）</td>
            <td>{{ tableData.budgetTotalMoney }}</td>
            <td>缴费金额</td>
            <td>{{ tableData.payPrice }}</td>
          </tr>
          <tr>
            <td>支付方式</td>
            <td>{{ filterDictText(payTypeList, tableData.payMode?tableData.payMode:'微信') }}</td>
            <td>支付时间</td>
            <td>{{ tableData.payTime }}</td>
          </tr>
          <tr>
            <td>联系人</td>
            <td>{{ tableData.linker }}</td>
            <td>联系电话</td>
            <td>{{ tableData.linkerTel }}</td>
          </tr>
          <tr>
            <td>电子邮箱</td>
            <td>{{ tableData.linkerEmail }}</td>
            <td>邮寄地址</td>
            <td colspan="3">
              {{ tableData.postLinkerAddress }}
            </td>
          </tr>
        </table>
      </div>

      <div class="projectInfoDetail">
        <div class="page-title">
          2.包组信息
        </div>
        <section>
          <el-table ref="smallTable" :data="tableData.bidServiceFeeDetailPackVoList" class="tableLimit" border>
            <el-table-column
              type="index"
              label="序号"
              width="60px"
              align="center"
            />
            <el-table-column
              prop="packNo"
              label="包租编号"
              header-align="center"
              align="center"
              min-width="140"
            />
            <el-table-column
              prop="packName"
              label="标段名称"
              header-align="center"
              align="center"
              min-width="140"
            />
            <el-table-column
              prop="bidServicePrice"
              label="服务费金额 (元)"
              header-align="center"
              align="center"
              min-width="140"
            />
          </el-table>
        </section>
      </div>
      <div class="projectInfoDetail">
        <div class="page-title">
          3.发票信息
        </div>
        <section>
          <table class="tableData">
            <tbody>
              <tr>
                <td>发票类型</td>
                <td>
                  <span
                    v-for="(item,index) in invoiceTypeList"
                    v-if="tableData.invoiceType===item.typecode"
                    :key="index"
                  >{{ item.typename }}
                  </span>
                </td>
                <td>发票抬头</td>
                <td>
                  {{ tableData.invoiceTitle }}
                </td>
              </tr>
              <tr>
                <td>纳税人识别号</td>
                <td>
                  {{ tableData.taxpayerIdentificationNumber }}
                </td>
                <td>开户银行及账号</td>
                <td>
                  {{ tableData.bank }} {{ tableData.number }}
                </td>
              </tr>
              <tr>
                <td>地址，电话</td>
                <td colspan="3">
                  {{ tableData.address }} {{ tableData.phone }}
                </td>
                <!-- <td>开票信息</td>
                <td>发票抬头：{{ tableData.invoiceTitle }} 税号：{{ tableData.taxpayerIdentificationNumber }}   </td> -->
              </tr>
            </tbody>
          </table>
        </section>
      </div>
    </div>
  </div>
</template>

<script>
/* 公用方法*/
import { filterDictText } from '@/assets/js/utils'// 常用方法
/* 接口*/
import { getBidServiceFeeInfoDetail } from '@/api/bidService/bidServiceStatistics.js'// 专家入库审核表格接口
/* 组件 */

export default {
  data() {
    return {
      tableData: {},
      modifyDetail: false,
      isView: true,
      payTypeList: [
        { typename: '支付宝', typecode: '00' },
        { typename: '微信', typecode: '01' },
        { typename: '银联', typecode: '02' },
        { typename: '广发', typecode: '03' },
        { typename: '中金支付', typecode: '04' }
      ], // 支付方式数据字典
      invoiceTypeList: [
        { typename: '普票', typecode: '00' },
        { typename: '专票', typecode: '01' }
      ]
    }
  },
  created() {
    // 获取研究成果
    this.initData()
    /* this.getGroupType()*/
  },
  methods: {
    filterDictText, // 字典值替换文本通用方法
    // 获得数据字典
    getGroupType() {
      this.$store.dispatch('getGroupType', ['paytype']).then((data) => {
        this.payTypeList = data.bidTypeData.paytypeList
      })
    },
    noAuditHandle(val) {
      this.modifyDetail = val
      this.isView = this.modifyDetail === true ? null : true
    },
    initData() {
      const data = {
        orderId: this.$route.params.bidServiceStatisticsId
      } // 专家id
      getBidServiceFeeInfoDetail(data).then(res => {
        this.tableData = res.data // 研究成果
      }).catch(() => {})
    }
  }
}
</script>

<style lang="less" scoped>
  // 审核图片
  .supper_auditStatus{
    position: absolute;
    top: 10px;
    right:100px;
    z-index: 9;
  }
</style>
