<template>
  <div>
    <el-descriptions class="margin-top" title="" :column="2" border style="width: 100%">
      <el-descriptions-item label="供应商状态" :label-style="labelStyle" span="2">{{ reviewInfo.supplierStatusName }}</el-descriptions-item>
      <el-descriptions-item label="资料预审结果" :label-style="labelStyle">{{ reviewInfo.preReviewResultName }}</el-descriptions-item>
      <el-descriptions-item label="录库评审结果" :label-style="labelStyle">{{ reviewInfo.inputReviewResultName }}</el-descriptions-item>
    </el-descriptions>

    <div style="margin-top: 30px; font-size: 1rem">季度评价记录</div>
    <el-table :data="quarterlyEvaluateList" style="width: 100%" max-height="400px" :highlight-current-row="true">
      <el-table-column label="序号" width="75">
        <template scope="scope">
          <span>{{ scope.$index + 1 }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="evaluateQuarterly" label="评价季度" width="200" >
        <template slot-scope="scope">
          {{ scope.row.evaluateYearName }}年 {{ scope.row.evaluateQuarterlyName }}
        </template>
      </el-table-column>
      <el-table-column prop="quarterlyEvaluateResultName" label="评价结果" width="100"></el-table-column>
      <el-table-column prop="quarterlyEvaluateIllustration" label="评价说明"></el-table-column>
      <el-table-column prop="quarterlyEvaluateDate" label="评价日期" width="100" />
      <el-table-column prop="quarterlyEvaluateFile" label="评价附件" width="400">
        <template slot-scope="scope">
          <el-link v-for="(item, index) in scope.row.quarterlyEvaluateFileList" :href="baseUrl + item" :disabled="item === ''" type="primary" target="_blank" style="margin-right: 10px;">附件{{ index + 1 }}</el-link>
        </template>
      </el-table-column>
    </el-table>

    <div style="margin-top: 30px; font-size: 1rem">年度考核记录</div>
    <el-table :data="annualAssessList" style="width: 100%" max-height="400px" :highlight-current-row="true">
      <el-table-column label="序号" width="75">
        <template scope="scope">
          <span>{{ scope.$index + 1 }}</span>
        </template>
      </el-table-column>
      <el-table-column prop="assessAnnualName" label="考核年度" width="200" ></el-table-column>
      <el-table-column prop="annualAssessResultName" label="考核结果" width="100"></el-table-column>
      <el-table-column prop="annualAssessIllustration" label="考核说明"></el-table-column>
      <el-table-column prop="annualAssessDate" label="考核日期" width="100" />
      <el-table-column prop="annualAssessFile" label="考核附件" width="400">
        <template slot-scope="scope">
          <el-link v-for="(item, index) in scope.row.annualAssessFileList" :href="baseUrl + item" :disabled="item === ''" type="primary" target="_blank" style="margin-right: 10px;">附件{{ index + 1 }}</el-link>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'ReviewInfoDetail',
  data() {
    return {
      reviewInfo: {
        supplierStatusName: '',
        preReviewResultName: '',
        inputReviewResultName: ''
      },
      quarterlyEvaluateList: [],
      annualAssessList: [],
      baseUrl: '',
      labelStyle: {
        width: '15%'
      }
    }
  },
  methods: {
    showReviewDetail(review) {
      this.reviewInfo = review
      this.quarterlyEvaluateList = review.quarterlyEvaluateList
      this.quarterlyEvaluateList.forEach(item => {
        if (item.quarterlyEvaluateDate !== '' && item.quarterlyEvaluateDate.length > 10) {
          item.quarterlyEvaluateDate = item.quarterlyEvaluateDate.substring(0, 10)
        }

        if (item.quarterlyEvaluateFile !== '') {
          item.quarterlyEvaluateFileList = item.quarterlyEvaluateFile.split(',')
        }
      })

      this.annualAssessList = review.annualAssessList
      this.annualAssessList.forEach(item => {
        if (item.annualAssessDate !== '' && item.annualAssessDate.length > 10) {
          item.annualAssessDate = item.annualAssessDate.substring(0, 10)
        }
        if (item.annualAssessFile !== '') {
          item.annualAssessFileList = item.annualAssessFile.split(',')
        }
      })

      this.baseUrl = this.baseConfig.baseUrl + '/static/'
    }
  }
}
</script>

<style scoped>

</style>