<!--
  @description: 投标人基本情况
  @Modifier: ht
  @date: 2020-7-17-10:57
-->
<template>
    <div>
        <div class="title p0-16 clearfix">
            <div class="title-back pointer" @click="back">
                <i class="iconfont icon-fanhui mr10" />投标人基本情况
            </div>
        </div>
        <div :class="invitationDetailType = 'view'">
            <!--项目信息-->
            <dl class="projectInfoDetail">
                <dt>
                    <p class="projectInfoDetail_icon">
                        <i class="iconfont icon-xiangmujibenxinxi" />
                    </p>
                    投标人基本情况
                </dt>
                <dd>
                    <table class="tableData">
                        <tr>
                            <td>注册地址</td>
                            <td>{{ formData.registerLocation }}</td>
                            <td>邮政编码</td>
                            <td>{{ formData.postalCode }}</td>
                        </tr>
                        <tr>
                            <td>联系人</td>
                            <td>{{ formData.linkMan }}</td>
                            <td>电话</td>
                            <td>{{ formData.linkManPhone }}</td>
                        </tr>
                        <tr>
                            <td>传真</td>
                            <td>{{ formData.linkManFax }}</td>
                            <td>网址</td>
                            <td>{{ formData.linkManWebSite }}</td>
                        </tr>
                        <tr>
                            <td>组织结构</td>
                            <td>{{ formData.orgStructure }}</td>
                            <td>法定代表人姓名</td>
                            <td>{{ formData.legalRepresentativeName }}</td>
                        </tr>
                        <tr>
                            <td>法定代表人技术职称</td>
                            <td>{{ formData.legalRepresentativeTitle }}</td>
                            <td>法定代表人电话</td>
                            <td>{{ formData.legalRepresentativePhone }}</td>
                        </tr>
                        <tr>
                            <td>技术负责人姓名</td>
                            <td>{{ formData.technicalDirectorName }}</td>
                            <td>技术负责人技术职称</td>
                            <td>{{ formData.technicalDirectorTitle }}</td>
                        </tr>
                        <tr>
                            <td>技术负责人电话</td>
                            <td>{{ formData.technicalDirectorPhone }}</td>
                            <td>成立时间</td>
                            <td>{{ formData.setupTime }}</td>
                        </tr>
                        <tr>
                            <td>企业资质等级</td>
                            <td>{{ formData.companyQualificationLevel }}</td>
                            <td>注册资金（万元）</td>
                            <td>{{ formData.registeredCapital }}</td>
                        </tr>
                        <tr>
                            <td>开户银行</td>
                            <td>{{ formData.depositBank }}</td>
                            <td>营业执照号</td>
                            <td>{{ formData.bussinessLicense }}</td>
                        </tr>
                        <tr>
                            <td>银行账号</td>
                            <td>{{ formData.bankAccount }}</td>
                            <td>员工总人数</td>
                            <td>{{ formData.employeeNumber }}</td>
                        </tr>
                        <tr>
                            <td>项目经理数量</td>
                            <td>{{ formData.purchaserNumber }}</td>
                            <td>高级职称人员数量</td>
                            <td>{{ formData.seniorProfessionalPostNumber }}</td>
                        </tr>
                        <tr>
                            <td>中极职称人员数量</td>
                            <td>{{ formData.mediumProfessionalPostNumber }}</td>
                            <td>初级职称人员数量</td>
                            <td>{{ formData.primaryProfessionalPostNumber }}</td>
                        </tr>
                        <tr>
                            <td>技工数量</td>
                            <td>{{ formData.artisanNumber }}</td>
                            <td>经营范围</td>
                            <td>{{ formData.businessScope }}</td>
                        </tr>
                        <tr>
                            <td>企业性质</td>
                            <td>{{ formData.enterpriseNature }}</td>
                            <td>关联企业情况</td>
                            <td>{{ formData.relatedCompanyInfo }}</td>
                        </tr>
                        <tr>
                            <td>股权结构</td>
                            <td>{{ formData.equityStructure }}</td>
                            <td>服务能力</td>
                            <td>{{ formData.serviceAbility }}</td>
                        </tr>
                        <tr>
                            <td>拟投入本项目设备</td>
                            <td>{{ formData.preInputDevice }}</td>
                            <td>备注</td>
                            <td>{{ formData.memo }}</td>
                        </tr>
                        <tr>
                            <td>公司名称</td>
                            <td>{{ formData.number }}</td>
                            <td>合同时间</td>
                            <td>{{ formData.companyName }}</td>
                        </tr>
                    </table>
                </dd>
            </dl>
            <!--附件信息-->
            <dl class="projectInfoDetail">
                <dt>
                    <p class="projectInfoDetail_icon">
                        <i class="iconfont icon-xiangmujibenxinxi" />
                    </p>
                    附件信息
                </dt>
                <dd>
                    <table class="tableData">
                        <tr class="singleRow">
                            <td>附件下载</td>
                            <td colspan="3">
                                <div v-for="(item,index) in scanCertificate" :key="index" class="file">
                                    <a ref="downLoads" class="inline-file">
                                      <span @click="downLoadClick(item)">
                                        <i class="iconfont icon-icon_file" />
                                        {{ item.fileName }}
                                      </span>
                                    </a>
                                </div>
                            </td>
                        </tr>
                    </table>
                </dd>
            </dl>
        </div>
        <!--当前页面从哪进来的  01 驱动内列表页 并且不是工作流-->
        <div class="but_footer">
            <div class="but_footer-h" />
            <div class="but_footer-but">
                <el-button @click="back()">
                    返 回
                </el-button>
            </div>
        </div>
    </div>
</template>
<script>
/* 接口*/
import { findBidderInfo, downAttachmentLoadFile } from '@api/bidding/bidderRepresentative'
import { download } from '@/assets/js/utils/index'
/* 公用方法*/
import { filterObj } from '@/assets/js/utils'// 常用方法

export default {
  name: 'AchievemenyInfo',
  data() {
    return {
      loading: true,
      searchForm: {
        id: this.$route.query.id
      },
      formData: {
        registerLocation: '', // 注册地址
        postalCode: '', // 邮政编码
        linkMan: '', // 联系人
        linkManPhone: '', // 电话
        linkManFax: '', // 传真
        linkManWebSite: '', // 网址
        orgStructure: '', // 组织结构
        legalRepresentativeName: '', // 法定代表人姓名
        legalRepresentativeTitle: '', // 法定代表人技术职称
        legalRepresentativePhone: '', // 法定代表人电话
        technicalDirectorName: '', // 技术负责人姓名
        technicalDirectorTitle: '', // 技术负责人技术职称
        technicalDirectorPhone: '', // 技术负责人电话
        setupTime: '', // 成立时间
        companyQualificationLevel: '', // 企业资质等级
        registeredCapital: '', // 注册资金
        depositBank: '', // 开户银行
        bussinessLicense: '', // 营业执照号
        bankAccount: '', // 银行账号
        employeeNumber: '', // 员工总人数
        purchaserNumber: '', // 项目经理数量
        seniorProfessionalPostNumber: '', // 高级职称人员数量
        mediumProfessionalPostNumber: '', // 中极职称人员数量
        primaryProfessionalPostNumber: '', // 初级职称人员数量
        artisanNumber: '', // 技工数量
        businessScope: '', // 经营范围
        enterpriseNature: '', // 企业性质
        relatedCompanyInfo: '', // 关联企业情况
        equityStructure: '', // 股权结构
        serviceAbility: '', // 服务能力
        preInputDevice: '', // 拟投入本项目设备
        memo: '', // 备注
        companyName: '' // 公司名称
      },
      scanCertificate: []
    }
  },
  created() {
    this.loadData()
  },
  methods: {
    loadData() {
      const params = this.getQueryParams() // 查询条件
      findBidderInfo(params).then(response => {
        this.loading = false
        this.formData = response.data
        this.scanCertificate = response.data.scanCertificate
      }).catch(() => {
        this.loading = false
      })
    },
    // 查询条件
    getQueryParams() {
      const param = Object.assign({}, this.searchForm)
      return filterObj(param)
    },
    // 返回
    back() {
      this.$router.push('/bidderRepresentative/bidderList')
    },
    downLoadClick(item) {
      const params = {
        fileName: item.fileName,
        fileId: item.fileId
      }
      downAttachmentLoadFile(params).then(res => {
        download(res, item.fileName)
      }).catch(() => {
        this.loading = false
      })
    }
  }
}
</script>

<style lang="less" scoped>

</style>
