<!-- /**
 * zzx
 * 2020.07.28
 * 评价查看
 */ -->
<style>
  #evaluation .no-border .dhxform_textarea.plg-input {
    border: none;
  }

  #evaluation_details_flex {
    display: flex;
  }

  #evaluation_details_form {
    flex: 1;
  }

  #evaluation_details_star {
    flex: 1;
    display: flex;
    flex-direction: column;
  }

  #evaluation_details_star .goodsReview_flex {
    height: 40px;
    line-height: 40px;
    display: flex;
  }

  #evaluation_details_star .line {
    border-bottom: 1px solid #666;
    box-sizing: border-box;
  }

  #evaluation_details_star .goodsReview_title {
    width: 100px;
  }

  #evaluation_details_star .goodsReview_star {
    flex: 1;
  }

  #evaluation_details_star .layui-rate {
    padding: 0;
  }

  #evaluation_details_star .layui-rate>.layui-inline {
    font-size: 100%;
  }

  #evaluation_goodsDetails {
    height: 80px;
    border: 1px solid #666;
    box-sizing: border-box;
    margin: 5px 0;
  }

  #evaluation_imageList {
    padding: 20px;
    border: 1px solid #666;
    box-sizing: border-box;
  }

  #evaluation_imageList img {
    height: 100px;
    margin-right: 20px;
  }
</style>
<div id="evaluation" class="layui-carousel">
  <div carousel-item>
    <div id="evaluation_master"></div>
    <div id="evaluation_details" class="grid-container-full">
      <div class="tc-title">
        <a href="#" id="evaluation_details_return" class="back-link"><i
            class="layui-icon layui-icon-return"></i></a>
        <span id="evaluation_details_title">客户评价</span>
      </div>
      <div class="tc-panel" id="evaluation_details_flex" style="height: calc(100% - 47.5px);">
        <div id="evaluation_details_form"></div>
        <div id="evaluation_details_star">
          <div class="goodsReview_flex line">
            <div class="goodsReview_title">商品评价</div>
            <div class="goodsReview_star" id="evaluation_goodsReview"></div>
          </div>
          <div id="evaluation_goodsDetails"></div>
          <div id="evaluation_imageList"></div>
          <div class="goodsReview_flex line">
            <div class="goodsReview_title">物流服务评价</div>
          </div>
          <div class="goodsReview_flex">
            <div class="goodsReview_title">包装快递</div>
            <div class="goodsReview_star" id="evaluation_packageExpress"></div>
          </div>
          <div class="goodsReview_flex">
            <div class="goodsReview_title">送货速度</div>
            <div class="goodsReview_star" id="evaluation_deliverySpeed"></div>
          </div>
          <div class="goodsReview_flex">
            <div class="goodsReview_title">配送服务</div>
            <div class="goodsReview_star" id="evaluation_deliveryService"></div>
          </div>

        </div>
      </div>
    </div>
  </div>
</div>
