health.applet/miniprogram/module/order/pages/offline-evaluateDetail/offline-evaluateDetail.wxml

<!-- 线下评价详情：整页只读，不允许用户修改，仅支持查看与返回 -->
<t-navbar title="评价" left-arrow />
<scroll-view class="page-scroll__container" type="list" scroll-y style="{{containerStyle}}">
  <view class="evaluate-container evaluate-container--readonly">
    <!-- 商品信息：仅展示 -->
    <view class="service-card" wx:if="{{service.name}}">
      <image class="service-img" src="{{service.image}}" mode="aspectFill" />
      <view class="service-info">
        <view class="service-name-row">
          <text class="service-name">{{service.name}}</text>
          <text class="service-divider">|</text>
          <text class="service-date">{{service.date}}</text>
          <text class="service-time">{{service.time}}</text>
        </view>
        <view class="service-row" wx:if="{{service.operator}}">操作人: {{service.operator}}</view>
        <view class="service-row" wx:if="{{service.institution}}">机构: {{service.institution}}</view>
      </view>
    </view>

 <!-- 服务质量 评分（只读） -->
    <view class="rate-row">
      <text class="rate-label">服务质量</text>
      <view class="rate-wrap">
        <t-rate
          value="{{scoreServiceQuality}}"
          count="{{5}}"
          color="{{rateColor}}"
          placement=""
          disabled="{{true}}"
        />
        <text class="rate-score">{{scoreServiceQuality || '0'}}分</text>
      </view>
    </view>

    <!-- 服务态度 评分（只读） -->
    <view class="rate-row">
      <text class="rate-label">服务态度</text>
      <view class="rate-wrap">
        <t-rate
          value="{{scoreAttitude}}"
          count="{{5}}"
          color="{{rateColor}}"
          placement=""
          disabled="{{true}}"
        />
        <text class="rate-score">{{scoreAttitude || '0'}}分</text>
      </view>
    </view>

    <!-- 环境 评分（只读） -->
    <view class="rate-row">
      <text class="rate-label">环   境</text>
      <view class="rate-wrap">
        <t-rate
          value="{{scoreEnvironment}}"
          count="{{5}}"
          color="{{rateColor}}"
          placement=""
          disabled="{{true}}"
        />
        <text class="rate-score">{{scoreEnvironment || '0'}}分</text>
      </view>
    </view>

    <!-- 评价内容：只读展示 -->
    <view class="comment-section">
      <view class="comment-display">{{content || '暂无评价内容'}}</view>
    </view>

    <!-- 图片/视频：一行4个，点击进入统一轮播，轮播到视频自动播放 -->
    <view class="upload-section">
      <view class="media-grid media-list--readonly" wx:if="{{mediaList.length > 0}}">
        <view class="media-item" wx:for="{{mediaList}}" wx:key="path">
          <image wx:if="{{item.type === 'image'}}" class="media-thumb" src="{{item.path}}" mode="aspectFill" bindtap="onPreviewMedia" data-index="{{index}}" />
          <view wx:else class="media-item-video" bindtap="onPreviewMedia" data-index="{{index}}">
            <video id="offline-detail-video-{{index}}" class="media-thumb" src="{{item.path}}" show-center-play-btn="{{true}}" object-fit="cover" controls="{{true}}" />
            <view class="media-item-play"><t-icon name="play-circle-filled" size="56rpx" color="rgba(255,255,255,0.95)" /></view>
          </view>
        </view>
      </view>
    </view>
  </view>
</scroll-view>

<!-- 底部返回 -->
<view class="publish-footer" style="padding-bottom: {{container.safeBottomOffset}}px;">
  <view class="publish-btn" bindtap="onBack">返回</view>
</view>

<!-- 全屏轮播：图片+视频一起，轮播到视频自动播放 -->
<view class="media-carousel-overlay" wx:if="{{showMediaCarousel}}">
  <swiper
    class="media-carousel-swiper"
    current="{{mediaCarouselCurrent}}"
    duration="300"
    circular="{{true}}"
    bindchange="onMediaCarouselChange"
  >
    <swiper-item wx:for="{{mediaList}}" wx:key="path" class="media-carousel-item">
      <view wx:if="{{item.type === 'image'}}" class="media-carousel-image-wrap">
        <image class="media-carousel-image" src="{{item.path}}" mode="aspectFit" />
      </view>
      <view wx:else class="media-carousel-video-wrap">
        <video
          id="preview-video-{{index}}"
          class="media-carousel-video"
          src="{{item.path}}"
          controls="{{true}}"
          object-fit="contain"
          show-center-play-btn="{{true}}"
        />
      </view>
    </swiper-item>
  </swiper>
  <view class="media-carousel-close" bindtap="onCloseMediaCarousel">
    <t-icon name="close" size="48rpx" color="#fff" />
  </view>
</view>