<!--
  @description: 招标人代表信息库-查看详情
  @Modifier: haofengxian
  @routerPath:
  @date: 2020-5-8-11:22
-->
<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="p0-16">
      <table class="tableData">
        <tr>
          <td>姓名</td>
          <td>{{ formData.name }}</td>
          <td>性别</td>
          <td>
            <span v-if="formData.sex==='00'">男</span>
            <span v-if="formData.sex==='01'">女</span>
          </td>
        </tr>
        <tr>
          <td>身份证号</td>
          <td>{{ formData.idCard }}</td>
          <td>证件类型</td>
          <td>身份证</td>
        </tr>
        <tr>
          <td>出生日期</td>
          <td>{{ formData.birthday }}</td>
          <td>手机</td>
          <td>{{ formData.mobilePhone }}</td>
        </tr>
        <tr>
          <td>工作单位</td>
          <td>{{ formData.workCompany }}</td>
          <td>年龄</td>
          <td>{{ formData.age }}</td>
        </tr>
        <tr>
          <td>部门</td>
          <td>{{ formData.departName }}</td>
          <td>所属区域公司</td>
          <td>{{ formData.regionCompany }}</td>
        </tr>
        <tr>
          <td>职务</td>
          <td>{{ formData.duty }}</td>
          <td>职称</td>
          <td>
            <span
              v-for="item in technicalTitleList"
              v-if="formData.technicalTitle===item.typecode"
              :key="item.value"
              :value="item.typecode"
            >{{ item.typename }}</span>
          </td>
        </tr>
        <tr>
          <td>学历</td>
          <td>
            <span
              v-for="item in educationList"
              v-if="formData.education===item.typecode"
              :key="item.value"
              :value="item.typecode"
            >{{ item.typename }}</span>
          </td>
          <td>职业资格</td>
          <td>
            {{ formData.professionQualified }}
          </td>
        </tr>
        <tr>
          <td>专业</td>
          <td>{{ formData.major }}</td>
          <td>毕业院校</td>
          <td>{{ formData.graduateInstitutions }}</td>
        </tr>
        <tr>
          <td>行业</td>
          <td>{{ formData.industryName }}</td>
          <td>参加工作日期</td>
          <td>{{ formData.joinWorkDate }}</td>
        </tr>
        <tr>
          <td>银行卡号</td>
          <td>{{ formData.bankCard }}</td>
          <td>单位规模</td>
          <td>{{ formData.departScale }}</td>
        </tr>
        <tr>
          <td>开户银行地址</td>
          <td>{{ formData.bankAddress }}</td>
          <td>开户银行名称</td>
          <td>{{ formData.bankName }}</td>
        </tr>
        <tr>
          <td>单位审批附件</td>
          <td colspan="3">
            <downloadFile ref="downloadFile" :data="upLoadData" />
          </td>
        </tr>
        <tr>
          <td>
            工作经历
          </td>
          <td colspan="3">
            {{ formData.workExperience }}
          </td>
        </tr>
      </table>
    </div>
  </div>
</template>

<script>
/* api*/
import { queryRepresentInfoById } from '@api/common/user'
import { tendereeTypeGroup } from '../mixins/tendereeTypeGroup'
import { tendereeCommon } from '../mixins/tendereeCommon'
/* 组件*/
import downloadFile from '@comp/common/updownload/downloadFile'
export default {
  name: 'RepresentativeTendereeDetail',
  components: {
    downloadFile // 文件下载
  },
  mixins: [tendereeTypeGroup, tendereeCommon],
  data() {
    return {
      id: this.$route.params.id // 主键id
    }
  },
  created() {
    this.upLoadData.bizId = this.id
  },
  mounted() {
    this.queryRepresentInfo()
  },
  methods: {
    // 根据id获取招标人代表详情
    queryRepresentInfo() {
      queryRepresentInfoById(this.id).then(res => {
        this.formData = res.data
      }).catch(() => {

      })
    },
    // 返回
    back() {
      this.$router.push({
        path: '/informationbase/representativeTendereeList'
      })
    }
  }
}
</script>

<style scoped>

</style>
