fohow_xcx/packageWellness/pages/tcm/report/report.wxml

<view class="report-page">
  <view class="ai-banner">
    <view class="ai-banner-tag">AI生成</view>
    <view class="ai-banner-text">本页面分析报告由人工智能（AI）生成，仅供健康参考，不构成专业建议。</view>
  </view>

  <view wx:if="{{loading}}" class="state-box">报告加载中...</view>

  <view wx:elif="{{status == 'empty'}}" class="state-card">
    <view class="state-title">暂无评估报告</view>
    <view class="state-desc">完成一次 AI 健康评估后，这里会展示最新报告。</view>
    <view class="state-btn" bindtap="goDiagnosis">开始评估</view>
  </view>

  <view wx:elif="{{status == 'pending' || status == 'generating'}}" class="state-card generating-card">
    <view class="state-title">AI 正在生成报告</view>
    <view class="state-desc">系统已接收本次评估信息，通常需要几十秒，请耐心等待。</view>
    <view class="loading-dot"></view>
  </view>

  <view wx:elif="{{status == 'error' || status == 'failed'}}" class="state-card">
    <view class="state-title">报告暂时不可用</view>
    <view class="state-desc">{{errorMessage || '请稍后重试'}}</view>
    <view class="state-btn" bindtap="retryReport">重新加载</view>
  </view>

  <view wx:else class="report-content">
    <view class="hero-card">
      <view class="hero-top">
        <view class="hero-main">
          <view class="hero-badge-wrap">
            <image class="hero-badge-icon" src="/images/footer/wellnessc.png" mode="aspectFit"></image>
            <view class="hero-badge">AI健康评估</view>
          </view>
          <view class="hero-title">AI 分析报告</view>
          <view class="hero-sub">{{scaleUser ? scaleUser.nickName : '当前用户'}}<text wx:if="{{reportTime}}"> · {{reportTime}}</text></view>
        </view>
        <view class="hero-status">{{exam && exam.status == 'completed' ? '已完成' : '生成中'}}</view>
      </view>
      <view class="hero-stats" wx:if="{{statList.length}}">
        <view class="hero-stat" wx:for="{{statList}}" wx:key="label">
          <view class="hero-stat-label">{{item.label}}</view>
          <view class="hero-stat-value">{{item.value}}</view>
        </view>
      </view>
    </view>

    <view class="info-card" wx:if="{{latestScaleResult}}">
      <view class="card-head">
        <view class="card-accent"></view>
        <view class="card-title">最近体测数据</view>
      </view>
      <view class="data-list">
        <view class="data-item" wx:if="{{latestScaleResult.weight}}">
          <text class="data-key">体重</text>
          <text class="data-value">{{latestScaleResult.weight}}</text>
        </view>
        <view class="data-item" wx:if="{{latestScaleResult.bmi}}">
          <text class="data-key">BMI</text>
          <text class="data-value">{{latestScaleResult.bmi}}</text>
        </view>
        <view class="data-item" wx:if="{{latestScaleResult.bodyfat}}">
          <text class="data-key">体脂率</text>
          <text class="data-value">{{latestScaleResult.bodyfat}}</text>
        </view>
      </view>
    </view>

    <view class="info-card" wx:if="{{questionList.length}}">
      <view class="card-head">
        <view class="card-accent"></view>
        <view class="card-title">健康问答记录</view>
      </view>
      <view class="question-item" wx:for="{{questionList}}" wx:key="title">
        <view class="question-title">{{item.title}}</view>
        <view class="question-value">{{item.value}}</view>
      </view>
    </view>

    <view class="info-card" wx:if="{{imageList.length}}">
      <view class="card-head">
        <view class="card-accent"></view>
        <view class="card-title">上传图片</view>
      </view>
      <view class="image-list">
        <view class="image-item" wx:for="{{imageList}}" wx:key="title">
          <image class="report-image" src="{{item.url}}" mode="aspectFill" data-src="{{item.url}}" bindtap="previewReportImage"></image>
          <view class="image-title">{{item.title}}</view>
        </view>
      </view>
    </view>

    <view class="section-card" wx:for="{{sectionList}}" wx:key="title">
      <view class="section-head">
        <view class="section-badge">{{item.badge}}</view>
        <view class="card-title">{{item.title}}</view>
      </view>
      <view class="section-content">{{item.content}}</view>
    </view>

    <view class="disclaimer-card">
      <view class="card-head">
        <view class="card-accent warn"></view>
        <view class="card-title small">AI 生成内容提示</view>
      </view>
      <view class="section-content">本报告由人工智能技术辅助生成，分析结果仅供健康参考，不构成专业建议。如需进一步了解身体状态，请及时咨询专业健康顾问。</view>
    </view>
  </view>
</view>