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

  <!-- 月份选择弹窗 -->
  <view class="picker-mask" wx:if="{{showMonthPicker}}" bind:tap="closeMonthPicker"></view>
  <view class="picker-sheet {{showMonthPicker ? 'picker-sheet-show' : ''}}">
    <view class="picker-header">
      <text class="picker-cancel" bind:tap="closeMonthPicker">取消</text>
      <text class="picker-title">选择月份</text>
      <text class="picker-confirm" style="visibility:hidden">确定</text>
    </view>
    <view class="picker-year-row">
      <view class="picker-year-arrow" bind:tap="prevPickerYear">‹</view>
      <text class="picker-year-text">{{pickerYear}}年</text>
      <view class="picker-year-arrow {{pickerYear >= nowYear ? 'picker-year-arrow-disabled' : ''}}" bind:tap="nextPickerYear">›</view>
    </view>
    <view class="picker-month-grid">
      <view class="picker-month-item {{(item === selectedMonth && pickerYear === selectedYear) ? 'picker-item-active' : ''}} {{(pickerYear === nowYear && item > nowMonth) ? 'picker-item-disabled' : ''}}"
        wx:for="{{monthList}}" wx:key="*this" data-month="{{item}}" bind:tap="selectMonth">
        {{item}}月
      </view>
    </view>
  </view>

  <!-- 季度选择弹窗 -->
  <view class="picker-mask" wx:if="{{showQuarterPicker}}" bind:tap="closeQuarterPicker"></view>
  <view class="picker-sheet {{showQuarterPicker ? 'picker-sheet-show' : ''}}">
    <view class="picker-header">
      <text class="picker-cancel" bind:tap="closeQuarterPicker">取消</text>
      <text class="picker-title">选择季度</text>
      <text class="picker-confirm" style="visibility:hidden">确定</text>
    </view>
    <view class="picker-year-row">
      <view class="picker-year-arrow" bind:tap="prevPickerYear">‹</view>
      <text class="picker-year-text">{{pickerYear}}年</text>
      <view class="picker-year-arrow {{pickerYear >= nowYear ? 'picker-year-arrow-disabled' : ''}}" bind:tap="nextPickerYear">›</view>
    </view>
    <view class="picker-quarter-list">
      <view class="picker-quarter-item {{(item.value === selectedQuarter && pickerYear === selectedYear) ? 'picker-item-active' : ''}} {{(pickerYear === nowYear && item.value > nowQuarter) ? 'picker-item-disabled' : ''}}"
        wx:for="{{quarterList}}" wx:key="value" data-quarter="{{item.value}}" bind:tap="selectQuarter">
        <text class="picker-quarter-label">{{item.label}}</text>
        <text class="picker-quarter-months">{{item.months}}</text>
      </view>
    </view>
  </view>
  </view>