<!--
  @description: 历史评标记录查看-弹框
  @Modifier: qrf
  @routerPath:
  @date: 2020/10/18-15:56
-->
<template>
  <el-dialog
    v-dialogDrag
    :visible.sync="dialogData.dialog"
    :close-on-click-modal="false"
    title="查看历史评标记录"
    width="650px"
    append-to-body
    custom-class="el-dialog__body-p8 el-dialog_table"
  >
    <div class="main mb10">
      <table class="tableData">
        <tr>
          <td>项目名称</td>
          <td>
            {{ expertHistorEvaluationInfo.projectName }}
          </td>
        </tr>
        <tr>
          <td>金额（元）</td>
          <td>
            {{ expertHistorEvaluationInfo.money }}
          </td>
        </tr>
        <tr>
          <td>评标时间</td>
          <td>
            {{ expertHistorEvaluationInfo.theDate }}
          </td>
        </tr>
        <tr>
          <td>证明人</td>
          <td>
            {{ expertHistorEvaluationInfo.certifier }}
          </td>
        </tr>
        <tr>
          <td>证明人联系方式</td>
          <td>
            {{ expertHistorEvaluationInfo.certifierPhone }}
          </td>
        </tr>
      </table>
    </div>
  </el-dialog>
</template>

<script>
/* api */
import { queryTBExpertEvaluationHistoryById } from '@/api/expert/expertscloud'
/* 公共方法 */
import { expertWorkPerience } from '@/views/expert/expertInfo/expertWorkPerience/mixins/expertWorkPerience'
import { filterDictText } from '@/assets/js/utils'
export default {
  name: 'ExpertHistorEvaluationDetailDialog',
  mixins: [expertWorkPerience],
  props: {
    // 弹框展示状态
    dialogData: {
      type: Object,
      default: function() {
        return {
          dialog: false, // 展示状态
          id: ''// 编辑时才会有财务状况id
        }
      }
    }
  },
  data() {
    return {
      expertHistorEvaluationInfo: {}
    }
  },
  created() {
    // 获取数据
    const data = {
      id: this.dialogData.id
    }
    this.expertHistorEvaluationDetail(data)
  },
  methods: {
    filterDictText,
    // 获取任职经历详情
    expertHistorEvaluationDetail(data) {
      queryTBExpertEvaluationHistoryById(data).then(res => {
        this.expertHistorEvaluationInfo = res.data
      })
    }
  }
}
</script>
