<template>
<div class="supplier">
  <div class="search-supplier i">
    <div class="project-detail-list-inner">
      <div class="sup-miantitle">
        <span class="on" @click="cooperateList">评价结果</span>
        <span> <i class="el-icon-arrow-right"></i> 详情</span>
      </div>
    </div>
    <div class="title_wrap i j">
      <div class="enterprise_title">
        基本信息
      </div>
      <div class="access-content">
        <div class="main3-box">
          <p>
            <label class="label">分供方所属项目</label>
            <span>大兴新城西片区起步区（八村安置房）北区DX00-0408-0003地块R2二类居住用地项目</span>
            <label class="label">分供方所属组织</label>
            <span>中建一局集团第二建筑有限公司第一事业部</span>
          </p>
          <p>
            <label class="label">考核分供方名称</label>
            <span>北京达三江电器设备厂</span>
            <label class="label">品类</label>
            <span>物资-周转材料</span>
          </p>
          <p>
            <label class="label">评分周期</label>
            <span>2024年03月</span>
          </p>
          <p>
            <label class="label">发起人</label>
            <span>刘叔旺</span>
            <label class="label">发起日期</label>
            <span>2024-03-13 16:07:00</span>
          </p>
        </div>
      </div>
    </div>

    <div class="title_wrap i j">
      <div class="enterprise_title">
        评价详情
      </div>
    </div>
    <div style="padding: 0 16px 16px">
      <div class="acc-title i"><strong>结算及时性-结算相应</strong></div>
      <div class="table-item" >
        <el-table :data="datatable1" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}">
          <el-table-column type="index" label="指标规则" align="center">
            <el-table-column label="规则类型" prop="name1"></el-table-column>
            <el-table-column label="指标规则" prop="name2"></el-table-column>
            <el-table-column label="考核周期" prop="name3"></el-table-column>
            <el-table-column label="评分说明" prop="name4">
              <template slot-scope="scope">
                <div v-html="scope.row.name4"></div>
              </template>
            </el-table-column>
          </el-table-column>
        </el-table>
        <el-table style="margin-top: -1px" :data="datatable2" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}">
          <el-table-column type="index" label="供应商表现" align="center">
            <el-table-column label="结算及时类型" prop="name1"></el-table-column>
            <el-table-column label="规则得分" prop="name2"></el-table-column>
            <el-table-column label="实际得分" prop="name3"></el-table-column>
            <el-table-column label="评价说明" prop="name4"></el-table-column>
            <el-table-column label="证明材料" prop="name5"></el-table-column>
          </el-table-column>
        </el-table>
      </div>
    </div>
    <div style="padding: 0 16px 16px">
      <div class="acc-title i"><strong>卸货配合度-结算相应</strong></div>
      <div class="table-item" >
        <el-table :data="datatable1" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}">
          <el-table-column type="index" label="指标规则" align="center">
            <el-table-column label="规则类型" prop="name1"></el-table-column>
            <el-table-column label="指标规则" prop="name2"></el-table-column>
            <el-table-column label="考核周期" prop="name3"></el-table-column>
            <el-table-column label="评分说明" prop="name4">
              <template slot-scope="scope">
                <div v-html="scope.row.name4"></div>
              </template>
            </el-table-column>
          </el-table-column>
        </el-table>
        <el-table style="margin-top: -1px" :data="datatable2" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}">
          <el-table-column type="index" label="供应商表现" align="center">
            <el-table-column label="结算及时类型" prop="name1"></el-table-column>
            <el-table-column label="规则得分" prop="name2"></el-table-column>
            <el-table-column label="实际得分" prop="name3"></el-table-column>
            <el-table-column label="评价说明" prop="name4"></el-table-column>
            <el-table-column label="证明材料" prop="name5"></el-table-column>
          </el-table-column>
        </el-table>
      </div>
    </div>
    <div style="padding: 0 16px 16px">
      <div class="acc-title i"><strong>退场配合度-现场配合</strong></div>
      <div class="table-item" >
        <el-table :data="datatable1" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}">
          <el-table-column type="index" label="指标规则" align="center">
            <el-table-column label="规则类型" prop="name1"></el-table-column>
            <el-table-column label="指标规则" prop="name2"></el-table-column>
            <el-table-column label="考核周期" prop="name3"></el-table-column>
            <el-table-column label="评分说明" prop="name4">
              <template slot-scope="scope">
                <div v-html="scope.row.name4"></div>
              </template>
            </el-table-column>
          </el-table-column>
        </el-table>
        <el-table style="margin-top: -1px" :data="datatable2" :header-cell-style="{ background:'#f0f3fa',color: 'rgba(35,35,35,0.8)'}">
          <el-table-column type="index" label="供应商表现" align="center">
            <el-table-column label="结算及时类型" prop="name1"></el-table-column>
            <el-table-column label="规则得分" prop="name2"></el-table-column>
            <el-table-column label="实际得分" prop="name3"></el-table-column>
            <el-table-column label="评价说明" prop="name4"></el-table-column>
            <el-table-column label="证明材料" prop="name5"></el-table-column>
          </el-table-column>
        </el-table>
      </div>
    </div>
  </div>
</div>
</template>

<script>
  export default {
    name: 'resultdetail',
    data(){
      return{
        custmerInfo:[],
        datatable1:[{name1:'履约',name2:'1.发起结算后，分供方在24小时内确认结算，则为结算及时；',name3:'实时',name4:'1. 结算及时加0.5<br>2. 结算不及时扣5分'}],
        datatable2:[{name1:'结算及时',name2:'0.5',name3:'0.5',name4:'--',name5:'--'}]
      }
    },
    methods:{
      cooperateList(){
        this.$emit('closedetail')
      },
    }
  }
</script>

<style lang="scss" scoped>
  .title_wrap.j{
    padding: 16px;
  }
.search-supplier.i{
  background: #fff;
  border-radius: 4px;
}
  .acc-title.i{
    font-size: 14px;
    color: #232323;
    margin-bottom: 16px;
  }
 ::v-deep .table-item .el-table .is-group{
    tr:first-child{
      .cell{
        font-weight: 700;
      }
    }
  }
  /*.el-table::before{*/
    /*display: none;*/
  /*}*/
</style>
