<!--
  @description:变更采购方式查看组件
  @Modifier: 肖文龙
  @routerPath:
  @date: 2020-12-24
-->
<template>
  <table class="tableData">
    <tr class="singleRow">
      <td>
        标段（包）
      </td>
      <td colspan="3">
        {{ formData.packInfoList }}
      </td>
    </tr>
    <tr class="singleRow">
      <td>
        原采购方式
      </td>
      <td colspan="3">
        {{ filterDictText(bidTypeList,formData.oldProcurementMethod) }}
      </td>
    </tr>
    <tr class="singleRow">
      <td>
        拟变更采购方式
      </td>
      <td colspan="3">
        {{ filterDictText(newProcurementMethodTypeList,formData.newProcurementMethod) }}
      </td>
    </tr>
    <tr class="singleRow">
      <td>
        采购方式变更原因
      </td>
      <td colspan="3">
        {{ formData.reason }}
      </td>
    </tr>
    <tr class="singleRow">
      <td>
        说明附件
      </td>
      <td colspan="3">
        <downloadFile
          :data="changePurchaseData"
        />
      </td>
    </tr>
  </table>
</template>

<script>
/* 接口*/
import { getExceptionByExceptionId } from '@/api/bidding/changePurchase'
/* 公用方法*/
import { filterDictText } from '@assets/js/utils' // 常用方法
/* 混入开发 */
import { changePurchase } from '../mixins/changePurchaseMixin.js' // 常用方法
import downloadFile from '@comp/common/updownload/downloadFile' // 附件查看
export default {
  name: 'ChangeBulletinAdd',
  components: {
    downloadFile// 附件查看
  },
  props: {
    // 变更采购方式id
    exceptionId: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      /* 字典信息-start */
      bidTypeList: [], // 招标方式
      newProcurementMethodTypeList: [], // 变更采购方式
      /* 字典信息-end */
      ...changePurchase, // 变更采购方式-公共方法
      formData: {
        tenderId: '', // 项目id
        title: '', // 公告标题
        exceptionId: '', // 变更采购方式 id
        packInfoList: '', // 标段包信息
        exceptionType: '01', // 异常类型 01 变更采购方式
        oldProcurementMethod: '', // 原采购方式 00公开招标 01 邀请招标
        newProcurementMethod: '', // 新采购方式 12:单一来源 13:竞争性谈判
        reason: '', // 原因
        useStatus: ''// 状态 00 保存 01提交
      }
    }
  },
  created() {
    this.initData()// 查询采购方式信息
    this.initGroup()// 获取字典方法
  },
  methods: {
    filterDictText,
    // 获取字典方法
    initGroup() {
      const data = [
        'bidType', // 招标方式
        'newProcurementMethodType' // 变更采购方式
      ]
      this.$store.dispatch('getGroupType', data).then(res => {
        Object.keys(res.bidTypeData).forEach((key) => {
          this[key] = res.bidTypeData[key]
        })
      })
    },
    // 查询采购方式信息
    initData() {
    // 判断是否有变更采购id
      if (this.exceptionId) {
        getExceptionByExceptionId({ exceptionId: this.exceptionId }).then(res => {
          this.changePurchaseData.bizId = this.formData.exceptionId // 附件主键id
          const packInfoList = []
          // 处理标段（包）展示文字
          res.data.packInfoList.forEach(item => {
            packInfoList.push('【' + item.packNo + '】' + item.packName)
          })
          this.formData = {
            ...res.data,
            packInfoList: packInfoList.join(',')
          }
        })
      }
    }
  }
}
</script>

<style scoped lang="less">
  /deep/.file-list {
    .fileBtn,
    li {
      margin-bottom: 0 !important;
    }
    .name {
      margin-right: 0 !important;
    }
  }
</style>
