<!--
  @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" v-if="formData.chapterType==='EQ_InformationService'">
                        <tr>
                            <td>业绩状态</td>
                            <td>{{ formData.status =='00'?'进行中':'已完成' }}</td>
                            <td>企业名称</td>
                            <td>{{ formData.supplierName }}</td>
                        </tr>
                        <tr>
                            <td>建设单位</td>
                            <td>{{ formData.buyerName }}</td>
                            <td>项目名称</td>
                            <td>{{ formData.projectName }}</td>
                        </tr>
                        <tr>
                            <td>型号和规格</td>
                            <td>{{ formData.devicetypeSpecification }}</td>
                            <td>服务范围</td>
                            <td>{{ formData.serviceScope }}</td>
                        </tr>
                        <tr>
                            <td>起始日期</td>
                            <td>{{ formData.startTime }}</td>
                            <td>结束日期</td>
                            <td>{{ formData.endTime }}</td>
                        </tr>

                        <tr>
                            <td>合同履行获奖情况</td>
                            <td>{{ formData.contractExecuteCondition }}</td>
                        </tr>
                    </table>
                    <!-- 采购业绩 -->
                    <table class="tableData" v-if="formData.chapterType==='EQ_Procurement'">
                        <tr>
                            <td>企业名称</td>
                            <td>{{ formData.supplierName }}</td>
                            <td>业绩状态</td>
                            <td>{{ formData.status =='00'?'进行中':'已完成' }}</td>
                        </tr>
                        <tr>
                            <td>设备名称</td>
                            <td>{{ formData.deviceName }}</td>
                            <td>型号和规格</td>
                            <td>{{ formData.devicetypeSpecification }}</td>
                        </tr>
                        <tr>
                            <td>项目名称</td>
                            <td>{{ formData.projectName }}</td>
                            <td>总容量</td>
                            <td>{{ formData.totalCapacity }}</td>
                        </tr>
                        <tr>
                            <td>台数</td>
                            <td>{{ formData.number }}</td>
                            <td>买方名称</td>
                            <td>{{ formData.buyerName }}</td>
                        </tr>
                        <tr>
                            <td>联系人</td>
                            <td>{{ formData.buyerLinkman }}</td>
                            <td>联系方式</td>
                            <td>{{ formData.buyerPhoneNumber }}</td>
                        </tr>
                        <tr>
                            <td>合同时间</td>
                            <td>{{ formData.contractTime }}</td>
                            <td>签约合同金额</td>
                            <td>{{ formData.singningTotal }}</td>
                        </tr>
                        <tr>
                            <td>投运/计划投运时间</td>
                            <td>{{ formData.commissioningTime }}</td>
                            <td>签约合同金额</td>
                            <td>{{ formData.singningTotal }}</td>
                        </tr>
                        <tr>
                            <td>备注</td>
                            <td>{{ formData.memo }}</td>
                        </tr>
                    </table>
                    <!-- 施工业绩 工程咨询业绩 -->
                    <table class="tableData" v-if="formData.chapterType==='EQ_Construction'|| formData.chapterType === 'EQ_EngineeringConsult'">
                        <tr>
                            <td>企业名称</td>
                            <td>{{ formData.supplierName }}</td>
                            <td>业绩状态</td>
                            <td>{{ formData.status =='00'?'进行中':'已完成' }}</td>
                        </tr>
                        <tr>
                            <td>项目名称</td>
                            <td>{{ formData.projectName }}</td>
                            <td>项目所在地</td>
                            <td>{{ formData.projectaddress }}</td>
                        </tr>
                        <tr>
                            <td>发包人名称</td>
                            <td>{{ formData.buyerName }}</td>
                            <td>发包人地址</td>
                            <td>{{ formData.buyerAddress }}</td>
                        </tr>
                        <tr>
                            <td>发包人联系方式</td>
                            <td>{{ formData.buyerPhoneNumber }}</td>
                            <td>签约合同金额(万元)</td>
                            <td>{{ formData.singningTotal }}</td>
                        </tr>
                        <tr>
                            <td>开工日期</td>
                            <td>{{ formData.startTime }}</td>
                            <td>竣工/计划竣工日期</td>
                            <td>{{ formData.endTime }}</td>
                        </tr>
                        <tr>
                            <td>承担的工作</td>
                            <td>{{ formData.workUndertaken }}</td>
                            <td>工程质量</td>
                            <td>{{ formData.projectQuantity }}</td>
                        </tr>
                        <tr>
                            <td>项目经理</td>
                            <td>{{ formData.projectManager }}</td>
                            <td>技术负责人</td>
                            <td>{{ formData.technicalDirector }}</td>
                        </tr>
                        <tr>
                            <td>总监理工程师</td>
                            <td>{{ formData.chiefSupervisionEngineer }}</td>
                            <td>总监理工程师电话</td>
                            <td>{{ formData.csePhoneNumber }}</td>
                        </tr>
                        <tr>
                            <td>项目描述</td>
                            <td>{{ formData.projectDesc }}</td>
                            <td>备注</td>
                            <td>{{ formData.memo }}</td>
                        </tr>
                    </table>
                    <!-- 调试业绩 -->
                    <table class="tableData" v-if="formData.chapterType==='EQ_Debugging'">
                        <tr>
                            <td>企业名称</td>
                            <td>{{ formData.supplierName }}</td>
                            <td>业绩状态</td>
                            <td>{{ formData.status =='00'?'进行中':'已完成' }}</td>
                        </tr>
                        <tr>
                            <td>项目名称</td>
                            <td>{{ formData.projectName }}</td>
                            <td>建设单位</td>
                            <td>{{ formData.buyerName }}</td>
                        </tr>
                        <tr>
                            <td>建设规模</td>
                            <td>{{ formData.projectScale }}</td>
                            <td>调试范围及内容</td>
                            <td>{{ formData.projectRangeAndContent }}</td>
                        </tr>
                        <tr>
                            <td>开工日期</td>
                            <td>{{ formData.startTime }}</td>
                            <td>竣工/计划竣工日期</td>
                            <td>{{ formData.endTime }}</td>
                        <tr>
                        <tr>
                            <td>调试机构人数高峰</td>
                            <td>{{ formData.supplierWorkerCountMax }}</td>
                            <td>调试机构人数平均</td>
                            <td>{{ formData.supplierWorkerCountAve }}</td>
                        </tr>
                        <tr>
                            <td>工程评定情况</td>
                            <td>{{ formData.projectDeviceResult }}</td>
                            <td>签约合同金额(万元)</td>
                            <td>{{ formData.singningTotal }}</td>
                        </tr>
                        <tr>
                            <td>项目单位联系人</td>
                            <td>{{ formData.buyerLinkman }}</td>
                            <td>项目单位联系方式</td>
                            <td>{{ formData.buyerPhoneNumber }}</td>
                        </tr>
                        <tr>
                            <td>是否附证明文件</td>
                            <td>{{ formData.isHavrAccessory }}</td>
                            <td>是否为华能系统的项目</td>
                            <td>{{ formData.isOurCompanyProject }}</td>
                        </tr>
                    </table>
                    <!-- 勘察设计 -->
                    <table class="tableData" v-if="formData.chapterType==='EQ_SurveyDesign'">
                        <tr>
                            <td>企业名称</td>
                            <td>{{ formData.supplierName }}</td>
                            <td>业绩状态</td>
                            <td>{{ formData.status =='00'?'进行中':'已完成' }}</td>
                        </tr>
                        <tr>
                            <td>项目名称</td>
                            <td>{{ formData.projectName }}</td>
                            <td>建设单位</td>
                            <td>{{ formData.buyerName }}</td>
                        </tr>
                        <tr>
                            <td>规模类型</td>
                            <td>{{ formData.projectScaleAndType }}</td>
                            <td>设计阶段</td>
                            <td>{{ formData.designStage }}</td>
                        </tr>
                        <tr>
                            <td>设计范围</td>
                            <td>{{ formData.designRange }}</td>
                            <td>开工日期</td>
                            <td>{{ formData.startTime }}</td>
                        </tr>
                        <tr>
                            <td>竣工/计划竣工日期</td>
                            <td>{{ formData.endTime }}</td>
                            <td>合作方式</td>
                            <td>{{ formData.cooperationWay }}</td>
                        <tr>
                            <td>合同履行获奖情况</td>
                            <td>{{ formData.contractExecuteCondition }}</td>
                        </tr>
                    </table>
                    <!-- 监理业绩 -->
                    <table class="tableData" v-if="formData.chapterType==='EQ_Supervision'">
                        <tr>
                            <td>企业名称</td>
                            <td>{{ formData.supplierName }}</td>
                            <td>业绩状态</td>
                            <td>{{ formData.status =='00'?'进行中':'已完成' }}</td>
                        </tr>
                        <tr>
                            <td>项目名称</td>
                            <td>{{ formData.projectName }}</td>
                            <td>施工地点</td>
                            <td>{{ formData.projectaddress }}</td>
                        </tr>
                        <tr>
                            <td>工程规模</td>
                            <td>{{ formData.projectScale }}</td>
                            <td>建设企业名称</td>
                            <td>{{ formData.buyerName }}</td>
                        </tr>
                        <tr>
                            <td>建设单位地址</td>
                            <td>{{ formData.buyerAddress }}</td>
                            <td>专业人员人数</td>
                            <td>{{ formData.professionalNumber }}</td>
                        </tr>
                        <tr>
                            <td>专业人员人月数</td>
                            <td>{{ formData.professionalWorkload }}</td>
                            <td>合作公司提供人员月数</td>
                            <td>{{ formData.partnerProfessionalWorkload }}</td>
                        </tr>
                        <tr>
                            <td>签约合同金额</td>
                            <td>{{ formData.singningTotal }}</td>
                            <td>监理范围及内容</td>
                            <td>{{ formData.supervisionCcontent }}</td>
                        </tr>
                        <tr>
                            <td>监理效果</td>
                            <td>{{ formData.supervisionResult }}</td>
                            <td>关键人员姓名专业及职务</td>
                            <td>{{ formData.keyStaffProfessionalAndDuty }}</td>
                        </tr>
                        <tr>
                            <td>实际服务说明</td>
                            <td>{{ formData.serviceDesc }}</td>
                            <td>履约日期</td>
                            <td>{{ formData.executionDate }}</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>
        <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 { findAchievementInfo, downAttachmentLoadFile } from '@api/bidding/bidderRepresentative'
/* 公用方法*/
import { filterObj } from '@/assets/js/utils'// 常用方法
import { download } from '@/assets/js/utils/index'

export default {
  name: 'AchievemenyInfo',
  data() {
    return {
      loading: true,
      searchForm: {
        id: this.$route.query.id
      },
      formData: {
        chapterType: '', // 具体业绩类型
        purchasingUnit: '', // 采购单位
        partner: '', // 合作方
        projectName: '', // 项目名称
        singningDate: '', // 签订日期
        endTime: '', // 结束日期
        purchaser: '', // 买方业务代表
        purchaserPhone: '', // 买方联系电话
        buyerPhoneNumber: '', // 买方联系电话
        auditStatus: '', // 此信息是否通过服务器验证
        status: '', // 业绩状态(01已完成，00进行中)
        supplierName: '', // 企业名称
        projectaddress: '', // 项目所在地
        buyerName: '', // 发包人名称
        buyerAddress: '', // 发包人地址
        workUndertaken: '', // 承担的工作
        projectQuantity: '', // 工程质量
        projectManager: '', // 项目经理
        technicalDirector: '', // 技术负责人
        chiefSupervisionEngineer: '', // 总监理工程师
        csePhoneNumber: '', // 总监理工程师电话
        projectDesc: '', // 项目描述
        projectRangeAndContent: '', // 调试范围及内容
        supplierWorkerCountMax: '', // 调试机构人数高峰
        supplierWorkerCountAve: '', // 调试机构人数平均
        projectDeviceResult: '', // 工程评定情况
        buyerLinkman: '', // 项目单位联系人
        isHavrAccessory: '', // 是否附证明文件
        isOurCompanyProject: '', // 是否为华能系统的项目
        serviceScope: '', // 服务范围
        deviceName: '', // 设备名称
        devicetypeSpecification: '', // 型号和规格
        totalCapacity: '', // 总容量
        number: '', // 台数
        contractTime: '', // 合同时间
        commissioningTime: '', // 投运时间
        memo: '', // 备注
        projectScale: '', // 工程规模
        professionalNumber: '', // 专业人员人数
        professionalWorkload: '', // 专业人员人月数
        partnerProfessionalWorkload: '', // 合作公司提供人员月数
        supervisionCcontent: '', // 监理范围及内容
        supervisionResult: '', // 监理效果
        keyStaffProfessionalAndDuty: '', // 关键人员姓名专业及职务
        serviceDesc: '', // 实际服务说明
        executionDate: '', // 履约日期
        projectScaleAndType: '', // 规模类型
        designStage: '', // 设计阶段
        designRange: '', // 设计范围
        cooperationWay: '', // 合作方式
        singningTotal: '', // 合同金额（万元）
        contractExecuteCondition: '' // 合同履行获奖情况
      },
      scanCertificate: []
    }
  },
  created() {
    this.loadData()
  },
  methods: {
    loadData() {
      const params = this.getQueryParams() // 查询条件
      findAchievementInfo(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/achievementList')
    },
    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>
