<!--
  @description: 开评标计划-查看详情
  @author:肖文龙
  @date: 2020年3月11日15:15:13
-->
<template>
  <div>
    <el-dialog
      :visible.sync="dialogData.dialog"
      :close-on-click-modal="false"
      append-to-body
      title="查看详情"
      width="1080px"
      custom-class="el-dialog__body-p0"
      top="calc((100vh - 501px) / 2)"
    >
      <section class="main" style="margin-bottom: 10px;">
        <table class="tableData">
          <tr>
            <td>招标项目名称</td>
            <td>{{ formData.tenderName }}</td>
            <td>标段（包）编号</td>
            <td>{{ formData.packNo }}</td>
          </tr>
          <tr>
            <td>采购单位</td>
            <td>{{ formData.purchaseDepartment }}</td>
            <td>项目单位</td>
            <td>{{ formData.projectDepart }}</td>
          </tr>
          <tr>
            <td>评标委员会组建方式</td>
            <td>
              {{ filterDictText(juryOrganizeWayList, formData.juryBuildType) }}
            </td>
            <td>采购级别</td>
            <td>
              {{ filterDictText(purchaseLevelList, formData.purchaseLevel) }}
            </td>
          </tr>
          <tr>
            <td>招标项目类型</td>
            <td>
              {{ filterDictText(projectClassificationList, formData.projectClassification) }}
            </td>
            <td>概算（元）</td>
            <td>{{ formData.budgetEstimate }}</td>
          </tr>
          <tr>
            <td>超过法定限额</td>
            <td>
              {{ filterDictText(exceedingLegalLimitList, formData.beyondLegalLimit) }}
            </td>
            <td>入库专业</td>
            <td>{{ formData.libraryProfessional }}</td>
          </tr>
          <tr>
            <td>所属部门</td>
            <td>{{ formData.department }}</td>
            <td>
              项目经理
            </td>
            <td>{{ formData.tenderManager }}</td>
          </tr>
          <tr>
            <td>评标办法</td>
            <td>
              {{ filterDictText(evaluationTypeList, formData.reviewWay) }}
            </td>
            <td>开标日期</td>
            <td>
              {{ formData.openBidStartTime && $Moment(formData.openBidStartTime).format(momentDateTime) }}
            </td>
          </tr>
          <tr>
            <td>项目行业</td>
            <td>
              {{ filterDictText(projectIndustryList, formData.industryName) }}
            </td>
            <td>资格预审项目</td>
            <td>
              {{ filterDictText(prequalificationProgramList, formData.isQualificationProject) }}
            </td>
          </tr>
          <tr>
            <td>分组情况</td>
            <td>
              {{ filterDictText(judgingPanelTypeList, formData.judgesGroupedStatus) }}
            </td>
            <!--分组时-->
            <template v-if="formData.judgesGroupedStatus==='01'">
              <td>商务组人数</td>
              <td>{{ formData.businessExpertsSelectedNumber }}</td>
            </template>
            <!--不分组时-->
            <template v-if="formData.judgesGroupedStatus==='00'">
              <td>商务技术组人数</td>
              <td>{{ formData.expertsSelectedNumber }}</td>
            </template>
          </tr>
          <tr>
            <!--分组时-->
            <template v-if="formData.judgesGroupedStatus==='01'">
              <td>技术组人数</td>
              <td>{{ formData.technicalExpertsSelectedNumber }}</td>
            </template>
            <td> 分组名称</td>
            <td>{{ formData.groupName }}</td>
          </tr>
        </table>
      </section>
    </el-dialog>
  </div>
</template>

<script>
/* api*/
import { queryIntensiveevalPlanById } from
  '@/api/intensiveeval/intensiveeval'
/* 公共方法*/
import { restoreInitialValue } from '@/assets/js/utils'// 将JSon对象已输入的参数初始化
/* 混合开发*/
import { groupMixin } from '@/views/intensiveeval/mixins/intensiveevalGroupMixin'// 字典信息
export default {
  name: 'BidEvaluationPlanDetailDialog',
  mixins: [groupMixin],
  props: {
    dialogData: {
      type: Object,
      default: function() {
        return {
          dialog: false // 弹窗状态
        }
      }
    }
  },
  data() {
    return {
      formData: {
        purchaseDepartment: '', // 采购单位
        beyondLegalLimit: '', // 超过法定限额(00否 01是)
        budgetEstimate: '', // 概算
        department: '', // 所属部门
        groupName: '', // 集约化评标分组名称
        groupedStatus: '', // 分组状态(00未分组 01评标分组待编辑 02评标分组已保存 03评标分组待审批 04评标分组审批通过 05评标分组审批驳回 06已指定牵头人 07已创建评委会申请 08已抽取完成)
        id: '', // 主键id
        industryName: '', // 项目行业
        isQualificationProject: '', // 资格预审项目
        judgesGroupedStatus: '', // 评委会是否分组(00不分组 01分组)
        juryBuildType: '', // 评标委员会组建方式
        libraryProfessional: '', // 入库专业
        openBidPlanStatus: '', // 开评标计划状态（00减少 01正常 02增加）
        openBidStartTime: '', // 开标日期
        packId: '', // 标段(包)id
        packNo: '', // 标段（包）编号
        planId: '', // 计划id
        projectClassification: '', // 招标项目类型
        projectDepart: '', // 项目单位
        purchaseLevel: '', // 采购级别（01一级采购 02二级采购 03三级采购）
        reviewWay: '', // 评标方式 00: 有效最低价 01:综合评估法
        technicalExpertsSelectedNumber: 0, // 技术组人数
        businessExpertsSelectedNumber: 0, // 商务组人数
        expertsSelectedNumber: 0, // 商务技术组人数
        tenderManager: '', // 项目经理
        tenderName: '' // 招标项目名称
      }
    }
  },
  watch: {
    // 弹框状态
    'dialogData.dialog'(val) {
      if (val) {
        this.loadData()// 初始化数据-回显
      } else {
        restoreInitialValue(this.formData)// 将JSon对象已输入的参数初始化
      }
    }
  },
  created() {
    this.initWebTypeGroup()// 集约化评标计划-集约化评标明细(立项-字典信息)
    this.getQueryAllDepartPage()// 查询集约化评标所有的部门
  },
  methods: {
    // 初始化数据-回显
    loadData() {
      const planId = this.dialogData.planId// 评标计划Id
      queryIntensiveevalPlanById(planId).then(res => {
        this.formData = res.data
      })
    }
  }
}
</script>

<style lang="less" scoped>

</style>
