<!--
  @description: 招标计划--评委信息详情
  @Modifier: haoFx
  @routerPath:
  @date: 2020-5-31-17:15
-->
<template>
  <div>
    <!--招标计划流程信息资格审查方式选择年度资格预审，评委会信息 显示资格审查委员会，不显示评标委员会-->
    <section v-if="isShowZSPage">
      <div class="page-title">
        <span v-if="isShowPage">1. </span>
        资格审查委员会
      </div>
      <table class="tableData">
        <tr>
          <td>资格审查委员会编号</td>
          <td>
            {{ qualificationCommittee.qualificationCommitteeNo }}
          </td>
          <td>
            委员会类型
          </td>
          <td>资格审查委员会</td>
        </tr>
        <tr>
          <td>
            是否分组
          </td>
          <td>
            {{ qualificationCommittee.isGroup==='00'?'是':'否' }}
          </td>
          <td>入库专业</td>
          <td>
            {{ qualificationCommittee.majorName }}
          </td>
        </tr>
        <tr v-if="isShowZSGroup">
          <td>商务组人数</td>
          <td>
            {{ qualificationCommittee.businessGroupNumber }}
          </td>
          <td>技术组人数</td>
          <td>{{ qualificationCommittee.techGroupNumber }}</td>
        </tr>
        <tr>
          <td>组建方式</td>
          <td>
            {{ filterDictText(purchasesSchemeOrgWayList, qualificationCommittee.organizeWay) }}
          </td>
          <template v-if="isShowZSGroup">
            <td />
            <td />
          </template>
          <template v-if="!isShowZSGroup">
            <td>商务、技术组人数</td>
            <td>{{ qualificationCommittee.businessTechGroupNumber }}</td>
          </template>
        </tr>
      </table>
    </section>
    <!--=======================================================评标委员会=======================================================-->
    <!--若资格审查办法为资格后审，本页面只有显示评标委员会 则隐藏资资格审查委员会-->
    <section v-if="isShowPage">
      <div class="page-title">
        <span v-if="isShowZSPage">2. </span>
        评标委员会
      </div>
      <table class="tableData">
        <tr>
          <td>评标委员会编号</td>
          <td>{{ evaluationCommittee.evaluationCommitteeNo }}</td>
          <td>委员会类型</td>
          <td>评标委员会</td>
        </tr>
        <tr>
          <td>是否分组</td>
          <td>{{ evaluationCommittee.isGroup==='00'?'是':'否' }}</td>
          <td>入库专业</td>
          <td>
            {{ evaluationCommittee.majorName }}
          </td>
        </tr>
        <tr v-if="bottomGroup">
          <td>商务组人数</td>
          <td>
            {{ evaluationCommittee.businessGroupNumber }}
          </td>
          <td>技术组人数</td>
          <td>{{ evaluationCommittee.techGroupNumber }}</td>
        </tr>
        <tr>
          <td>组建方式</td>
          <td>
            {{ filterDictText(purchasesSchemeOrgWayList, evaluationCommittee.organizeWay) }}
          </td>
          <template v-if="bottomGroup">
            <td />
            <td />
          </template>
          <template v-if="!bottomGroup">
            <td>商务、技术组人数</td>
            <td>{{ evaluationCommittee.businessTechGroupNumber }}</td>
          </template>
        </tr>
      </table>
    </section>
  </div>
</template>

<script>
/* mixins混入公共方法*/
import { tenderPlan } from '../../mixins/tenderPlan'
export default {
  name: 'DiscussInfoDetailVue',
  mixins: [tenderPlan],
  props: {
    // 资格审查委员会实体
    qualificationCommittee: {
      type: Object,
      default: function() {
        return {}
      }
    },
    // 评标委员会实体
    evaluationCommittee: {
      type: Object,
      default: function() {
        return {}
      }
    },
    // 招标计划信息-流程信息
    process: {
      type: Object,
      default: function() {
        return {}
      }
    }
  },
  data() {
    return {
      isShowZSPage: true, // 根据资格审查方式 qualificationCheckWay控制资格审查委员会是否显示资审模块
      isShowPage: true, // 根据资格审查方式 qualificationCheckWay控制资格审查委员会是否显示后审模块
      bottomGroup: true, // 根据怕评标委员会是否分组 判断是否显示商务组人数和技术组人数
      isShowZSGroup: true // 根据资格审核委员会是否分组 判断是否显示商务组人数和技术组人数
    }
  },
  watch: {
    // 评标委员会--是否分组,00是，01否 控制商务组人数，技术组人数显示
    'evaluationCommittee.isGroup'(newval, oldval) {
      if (newval !== '00') {
        this.bottomGroup = false
      } else {
        this.bottomGroup = true
      }
    },
    // 资格审查委员会--是否分组,00是，01否 控制商务组人数，技术组人数显示
    'qualificationCommittee.isGroup'(newval, oldval) {
      if (newval !== '00') {
        this.isShowZSGroup = false
      } else {
        this.isShowZSGroup = true
      }
    },
    'process.qualificationCheckWay'(val) {
      // 根据资审后审处理页面显示隐藏（资格审查委员会，评标委员会显示）
      this.handlePageShow(val)
    }
  },
  created() {
    // 招标计划-字典信息
    this.initPurchaseSchemeWebTypeGroup()
  },
  methods: {
    // 根据资审后审处理页面显示隐藏
    handlePageShow(val) {
      /* 资格审查方式 qualificationCheckWay  00:单次资格预审 01:年度资格预审 02:资格后审
         若资格审查办法为资格后审，本页面只有评标委员会，一个模块 隐藏资格审查委员会信息模块
       * */
      if (val && val === '02') {
        this.isShowZSPage = false
        this.isShowPage = true
      }
      /*
        若资格审查办法为年度资格预审，本页面只显示资格审查委员会信息，无评标委员会
      * */
      if (val && val === '01') {
        this.isShowZSPage = true
        this.isShowPage = false
      }
    }
  }
}
</script>

<style scoped>

</style>
