YD_WeChatApplet/subpackage/teacher/student-fitness-detail/student-fitness-detail.wxml

<!--subpackage/teacher/student-fitness-detail/student-fitness-detail.wxml-->
<view class="page-wrap" style="padding: 0 30rpx; padding-bottom: 300rpx; box-sizing: border-box;">
  <mp-bar background="linear-gradient(190deg, #49a5fc 0%, #f5f8ff 700rpx, #f5f8ff 100%)" title="体测报告" color="#fff" back="{{true}}"></mp-bar>

  <!-- 体测报告主体 -->
  <view class="fitness-card">
    <view class="fitness-chart-title">体测成绩对比</view>
    <view class="radar-wrap" style="width:{{radarCWidth}}px;height:{{radarCHeight}}px;">
      <canvas
        type="2d"
        id="radarCanvas"
        canvas-id="radarCanvas"
        style="width:{{radarCWidth}}px;height:{{radarCHeight}}px;"
      />
    </view>
  </view>

  <!-- 六项指标卡片 -->
  <view class="fitness-grid">
    <view
      class="fitness-item"
      wx:for="{{fitnessItems}}"
      wx:key="categoryValue"
      data-item="{{item}}"
      bind:tap="showFitnessScore"
    >
      <image src="{{item.imgUrl}}" class="fitness-icon" mode="aspectFit" />
      <view class="fitness-name">{{item.name}}</view>
      <view class="fitness-score">{{item.lastScore}}<text class="fitness-unit"> {{item.unit}}</text></view>
    </view>
  </view>

  <!-- 空状态 -->
  <view wx:if="{{fitnessItems.length === 0}}" class="empty-tip">暂无体测数据</view>

  <!-- 成绩弹窗遮罩 -->
  <view class="popup-mask" wx:if="{{showFitnessPopup}}" bind:tap="closeFitnessPopup"></view>

  <!-- 成绩弹窗 -->
  <view class="score-popup {{showFitnessPopup ? 'popup-show' : ''}}">
    <view class="popup-header">
      <image src="{{selectedFitnessItem.imgUrl}}" class="popup-icon" mode="aspectFit" />
      <text class="popup-title">{{selectedFitnessItem.name}}</text>
      <view class="popup-close" bind:tap="closeFitnessPopup">✕</view>
    </view>

    <view class="score-rows">
      <view class="score-row">
        <view class="score-label">本次成绩</view>
        <view class="score-value score-highlight">{{selectedFitnessItem.lastScore}}<text class="score-unit"> {{selectedFitnessItem.unit}}</text></view>
      </view>
      <view class="score-row">
        <view class="score-label">上次成绩</view>
        <view class="score-value">{{selectedFitnessItem.prevScore}}<text class="score-unit"> {{selectedFitnessItem.unit}}</text></view>
      </view>
      <!-- <view class="score-divider"></view>
      <view class="score-row">
        <view class="score-label">班级平均</view>
        <view class="score-value">{{selectedFitnessItem.classAvgScore}}<text class="score-unit"> {{selectedFitnessItem.unit}}</text></view>
      </view>
      <view class="score-row">
        <view class="score-label">机构平均</view>
        <view class="score-value">{{selectedFitnessItem.schoolAvgScore}}<text class="score-unit"> {{selectedFitnessItem.unit}}</text></view>
      </view> -->
    </view>

    <view class="popup-btn" bind:tap="goFitnessDetail">查看详细趋势</view>
  </view>
</view>