<!--
 @description: 评审大厅-符合性评审-评审汇总
 @author: yf
 @routerPath:
 @date: 2020-8-6 14:36:58
-->
<template>
  <el-dialog
    :visible.sync="dialogData.dialogReview"
    :modal-append-to-body="true"
    :close-on-click-modal="false"
    title="评审意见"
    append-to-body
    top="20vh"
    width="600px"
  >
    <div class="dialogReview">
      <el-scrollbar class="scrollbar-x-none" style="min-height:300px">
        <span style="display:block">
          {{ dialogData.opinionSupplier }}，初步评审结果
          <span v-if="dialogData.conclusion==='00'" style="color:red">不合格</span>
          <span v-if="dialogData.conclusion==='01'">合格</span>。
        </span>
        <span style="display:block">{{ dialogData.allAccessment }}</span>
        <table class="tableData">
          <!--<tr><td>我的评审</td><td>12</td></tr>-->
          <tr v-for="(item,index) in dialogData.supplierOpinionList" :key="index">
            <td>{{ item.expertName }}</td>
            <td>
              <div class="text-wrapper" v-html="keepTextStyle(item.supplierOpinion)" />
            </td>
          </tr>
        </table>
      </el-scrollbar>
    </div>
  </el-dialog>
</template>

<script>
export default {
  name: 'EvaluationOpinionsDialog',
  props: {
    // 弹框展示状态
    dialogData: {
      type: Object,
      default: function() {
        return {}
      }
    },
    // getTenderBase参数
    getTenderBase: {
      type: Object,
      default: function() {
        return {}
      }
    }
  },
  data() {
    return {
    }
  },
  methods: {
    keepTextStyle(val) {
      return (val + '').replace(/\n/g, '<br/>')
    }
  }
}

</script>
<style lang="less" scoped>
  /*评审意见*/
  .dialogReview{
    padding-bottom: 10px;
    p {
      font-size: 14px;
      font-weight: bold;
      color: #000;
      span {
        margin-left: 6px;
        line-height: 30px;
      }
    }
  }
  .text-wrapper {
    white-space: pre-wrap;
  }
</style>
