<!--
  @description: 录入委员会信息-基本信息(预览)
  @author:肖文龙
  @date: 2020年3月24日17:56:21
-->
<template>
  <div>
    <table class="tableData">
      <tr>
        <td>批次号</td>
        <td>{{ data.batchNumber }}</td>
        <td>评委会名称</td>
        <td>
          <span v-if="data.juryName"> {{ data.juryName }} </span>
          <span v-else-if="isTypes==='00'" style="color: red"> 待牵头项经理发起申请</span>
        </td>
      </tr>
      <tr>
        <td>标段（包）</td>
        <td colspan="3">
          <el-link type="primary" style="font-size: 14px" @click="dialogData.dialog=true">
            查看标段（包）列表
          </el-link>
        </td>
      </tr>
      <tr>
        <td>抽取类型</td>
        <td>
          <span v-for="(item,index) in extractionTypeList" v-if="data.extractionType===item.typecode" :key="index">
            {{ item.typename }}
          </span>
        </td>
        <td>评委会组建方式</td>
        <td>
          <span v-for="(item,index) in juryOrganizeWayList" v-if="data.juryBuildType===item.typecode" :key="index">
            {{ item.typename }}
          </span>
        </td>
      </tr>
      <tr>
        <td>通知方式</td>
        <td>
          <span v-for="(item,index) in informWayList" v-if="data.notificationMode===item.typecode" :key="index">
            {{ item.typename }}
          </span>
        </td>
        <td>
          限制65岁以上专家
        </td>
        <td>
          <span v-for="(item,index) in limitTheExpertList" v-if="data.isLimitOverAge===item.typecode" :key="index">
            {{ item.typename }}
          </span>
        </td>
      </tr>
      <tr>
        <td>评委会总人数</td>
        <td>{{ data.juryPeopleNumber }}</td>
        <td>
          评标专家人数
        </td>
        <td>{{ data.juryExpertsNumber }}</td>
      </tr>
      <!--分组情况下展示-->
      <tr v-if="data.judgesGroupedStatus==='01'">
        <td>商务组人数</td>
        <td>{{ data.businessExpertsSelectedNumber }}</td>
        <td>
          技术组人数
        </td>
        <td>{{ data.technicalExpertsSelectedNumber }}</td>
      </tr>
      <tr>
        <td>招标代表人数</td>
        <td>{{ data.representNumber }}</td>
        <td>
          抽取申请联系人
        </td>
        <td>{{ data.extractApplicationContact }}</td>
      </tr>
      <tr>
        <td>联系电话</td>
        <td>{{ data.contactTel }}</td>
        <td>
          联系人所在单位
        </td>
        <td>{{ data.company }}</td>
      </tr>
      <tr>
        <td>监抽人</td>
        <td>{{ data.superintendent }}</td>
        <td>
          评标开始时间
        </td>
        <td>{{ data.evaluationStartTime }}</td>
      </tr>
      <tr>
        <td>评标结束时间</td>
        <td>{{ data.evaluationEndTime }}</td>
        <td>
          评标地点
        </td>
        <td>{{ filterDictText(evaluationPlaceList,data.evaluationPlaceCode) }} {{ data.evaluationPlace }}</td>
      </tr>
      <tr class="singleRow">
        <td>
          备注
        </td>
        <td colspan="3">
          {{ data.remarks }}
        </td>
      </tr>
      <tr class="singleRow">
        <td>
          附件
        </td>
        <td colspan="3">
          <downloadFile v-if="upLoadData.bizId" :data="upLoadData" />
        </td>
      </tr>
    </table>
    <!--查看标段（包）列表弹框-->
    <packageInfoDialog :dialog-data="dialogData" />
  </div>
</template>

<script>
/* api*/
import { queryJuryInformationById } from '@/api/intensiveeval/intensiveeval'
/* 混合开发*/
import { intensiveEvaluationMixin } from '@/views/intensiveeval/mixins/intensiveevalMixin.js'// 集约化评标-公共参数
import { groupMixin } from '@/views/intensiveeval/mixins/intensiveevalGroupMixin'// 字典信息
/* 组件*/
import packageInfoDialog from './packageInfo-dialog'// 查看标段（包）列表弹框
import downloadFile from '@comp/common/updownload/downloadFile' // 获取附件信息
import { setInterval } from 'timers'
export default {
  name: 'BasicInformationDetail',
  components: {
    packageInfoDialog,
    downloadFile
  },
  mixins: [groupMixin, intensiveEvaluationMixin],
  props: {
    data: {
      type: Object,
      default: function() {
        return {}
      }
    }
  },
  data() {
    return {
      setinterval: null, // 定时器
      /* 字典信息-start */
      evaluationPlaceList: [], // 评标地点
      /* 字典信息-end */
      isTypes: this.$route.meta.isTypes, // 当前使用此页面的角色 00 （代理机构）项目经理-项目驱动 null 牵头人-组建评标委员会
      // 查看标段（包）列表  弹框展示状态
      dialogData: {
        dialog: false,
        groupId: '' // 分组id
      }
    }
  },
  beforeDestroy() {
    // 清除定时
    clearInterval(this.setinterval)
  },
  mounted() {
    this.initData()// 初始化基本信息
    // 定时刷新
    const _this = this
    this.setinterval = setInterval(function() {
      Promise.resolve().then(() => {
        _this.initData()
      })
    }, 5000)
    this.initGroup() // 获取字典方法
  },
  methods: {
    // 获取字典方法
    initGroup() {
      const data = [
        'evaluationPlace' // 评标地点字典信息
      ]
      this.$store.dispatch('getGroupType', data).then(res => {
        Object.keys(res.bidTypeData).forEach((key) => {
          this[key] = res.bidTypeData[key]
        })
      })
    },
    // 初始化基本信息
    initData() {
      const stageId = this.$route.query.juryId ? '' : this.$store.getters.groupId.stageId
      const data = {
        juryId: this.$route.query.juryId, // 评委会id-组建评标委员会时用的
        stageId: stageId, // 阶段Id>在项目驱动里用的
        groupId: this.$route.query.groupId // 分组id-组建评标委员会时用的
      }
      queryJuryInformationById(data).then(res => {
        this.dialogData.groupId = res.data.groupingstatisticsId
        for (const key in res.data) {
          this.data[key] = res.data[key]
        }
        // 附件
        this.upLoadData.bizId = this.data.id // 业务主键Id
      })
    }
  }
}
</script>

<style lang="less" scoped>

</style>

