<!--
  @description: 反馈管理---反馈人---查看详情
  @Modifier: 张慢慢
  @routerPath:
  @date: 2021-11-18 15:02
-->
<template>
  <div>
    <table v-for="(item,k) in feedbackList" :key="k" class="tableData mb16">
      <p class="page-title">
        1.反馈申请函
      </p>
      <tr>
        <td>
          反馈类型
        </td>
        <td>
          {{ filterDictText( complaintsTypeList, item.complaintsType ) }}
        </td>
        <td>
          <span v-if="item.complaintsType === '01'">订单编号</span>
          <span v-if="item.complaintsType === '00'">采购单编号</span>
        </td>
        <td>
          {{ item.complaintsNo }}
        </td>
      </tr>
      <tr>
        <td>
          反馈方名称
        </td>
        <td>
          {{ item.departName }}
        </td>
        <td>
          法定代表人
        </td>
        <td>
          {{ item.corporation }}
        </td>
      </tr>
      <tr>
        <td>地址</td>
        <td>
          {{ item.address }}
        </td>
        <td>
          法定代表人邮箱
        </td>
        <td>
          {{ item.corporateMail }}
        </td>
      </tr>
      <tr>
        <td>
          联系人
        </td>
        <td>
          {{ item.replyUserName }}
        </td>
        <td>
          联系电话
        </td>
        <td>
          {{ item.replyPhone }}
        </td>
      </tr>
      <tr>
        <td>
          反馈主要内容
        </td>
        <td colspan="3">
          {{ item.replyContents }}
        </td>
      </tr>
      <tr>
        <td>
          相关证明材料
        </td>
        <td colspan="3">
          <downloadFile :data="item.fileData" />
        </td>
      </tr>
      <!-- 回复人回复信息 -->
      <template v-if="item.replyVo.id">
        <p class="page-title">
          2.反馈受理
        </p>
        <tr>
          <td>
            反馈回复标题
          </td>
          <td colspan="3">
            {{ item.replyVo.replyTitle }}
          </td>
        </tr>
        <tr>
          <td>
            反馈回复内容
          </td>
          <td colspan="3">
            {{ item.replyVo.replyContents }}
          </td>
        </tr>
        <tr>
          <td>
            反馈回复附件
          </td>
          <td colspan="3">
            <downloadFile :data="item.replyVo.fileData" />
          </td>
        </tr>
      </template>
    </table>
  </div>
</template>

<script>
/* 接口 */
import { queryComplaintsSuggestionsInfo } from '@/api/procurement/procurementProject'
/* 公用方法*/
import { filterDictText } from '@/assets/js/utils' // 常用方法
import { compaintsSuggestionsGroupMixins } from '../mixins/complaintsSuggestionsGroupMixins' // 公共字典
/* 组件 */
import downloadFile from '@/components/common/updownload/downloadFile'
export default {
  name: 'ComplaintsSuggestionsCom',
  components: { downloadFile },
  mixins: [compaintsSuggestionsGroupMixins],
  props: {
    // 获取详情id
    id: {
      type: String,
      default: function() {
        return ''
      }
    }
  },
  data() {
    return {
      feedbackList: [] // 反馈信息
    }
  },
  mounted() {
    // 获取单条信息
    this.getData()
  },
  methods: {
    filterDictText,
    // 获取详情信息
    getData() {
      const _this = this
      queryComplaintsSuggestionsInfo(this.id).then(res => {
        this.feedbackList = res.data
        this.feedbackList.forEach((v) => {
          // 问题反馈人附件信息
          v.fileData = {
            fileType: _this.fileData.fileType,
            bizId: v.id
          }
          // 判断是否有回复信息 如果回复信息id存在表示该条数据已被回复，设置回复人附件信息
          if (v.replyVo.replyId) {
            v.replyVo.fileData = {
              fileType: _this.fileData.fileType,
              bizId: v.replyVo.replyId
            }
          }
        })
        this.$emit('successInfo', res.data[res.data.length - 1])
      })
    }
  }
}
</script>
