83 行
3.7 KiB
Plaintext
83 行
3.7 KiB
Plaintext
<view class="page">
|
||
<view class="page-header page-header-gradient" style="padding-top:{{statusBarHeight + 8}}px;">
|
||
<view class="nav-back nav-back-light" bindtap="onBack">‹ {{i18n.common.back}}</view>
|
||
<view class="page-header-title">{{i18n.report.title}}</view>
|
||
<view class="page-header-subtitle">{{i18n.report.subtitle}}</view>
|
||
</view>
|
||
|
||
<view class="loading-container" wx:if="{{loading}}">
|
||
<view class="loading-spinner"></view>
|
||
<text class="loading-text">{{i18n.common.loading}}</text>
|
||
</view>
|
||
|
||
<view class="page-content" wx:if="{{!loading}}">
|
||
<view class="concept-banner" wx:if="{{!calibrated}}">
|
||
<text class="concept-icon">ⓘ</text>
|
||
<text class="concept-text">{{i18n.report.conceptNotice}}</text>
|
||
</view>
|
||
|
||
<view class="scan-time">{{i18n.report.scannedAt}}：{{scannedAtText}}</view>
|
||
|
||
<!-- Overall -->
|
||
<view class="card">
|
||
<view class="card-title">{{i18n.report.overallTitle}}</view>
|
||
<view class="chip-row" wx:if="{{hasProblem}}">
|
||
<view class="chip chip-lv{{item.level}}" wx:for="{{overallList}}" wx:key="label">
|
||
<text class="chip-name">{{item.label}}</text>
|
||
<text class="chip-lv">{{item.levelLabel}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="empty-hint" wx:else>{{i18n.report.noProblem}}</view>
|
||
</view>
|
||
|
||
<!-- Face zones — 卡片栅格，与「使用设置」模式选择同款布局（果果 2026-07-28 要求，弃面罩大矩形） -->
|
||
<view class="card">
|
||
<view class="card-title">{{i18n.report.faceTitle}}</view>
|
||
<view class="zone-grid">
|
||
<view class="zone-card {{item.colorClass}}" wx:for="{{faceZones}}" wx:key="key"
|
||
bindtap="onTapZone" data-wave="{{item.waveKey}}">
|
||
<view class="zone-card-name">{{item.name}}</view>
|
||
<view class="zone-card-mode" wx:if="{{item.hasProblem}}">{{item.modeLabel}}</view>
|
||
<view class="zone-card-level" wx:if="{{item.hasProblem}}">{{item.levelLabel}}</view>
|
||
<view class="zone-card-mode" wx:if="{{!item.hasProblem}}">{{i18n.report.noProblem}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="face-tap-hint">{{i18n.report.faceTapHint}}</view>
|
||
<view class="face-all-normal-hint" wx:if="{{!hasProblem}}">{{i18n.report.allNormalHint}}</view>
|
||
</view>
|
||
|
||
<!-- Per-region -->
|
||
<view class="card">
|
||
<view class="card-title">{{i18n.report.regionTitle}}</view>
|
||
<view class="region-row" wx:for="{{regionList}}" wx:key="name">
|
||
<text class="region-name">{{item.name}}</text>
|
||
<view class="region-right">
|
||
<text class="region-problem {{item.hasProblem ? '' : 'region-problem-none'}}">{{item.problemLabel}}</text>
|
||
<text class="region-lv region-lv{{item.level}}" wx:if="{{item.hasProblem}}">{{item.levelLabel}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- Recommendation -->
|
||
<view class="card" wx:if="{{recommendList.length > 0}}">
|
||
<view class="card-title">{{i18n.report.recommendTitle}}</view>
|
||
<view class="rec-row" wx:for="{{recommendList}}" wx:key="mask">
|
||
<view class="rec-dot"></view>
|
||
<view class="rec-body">
|
||
<text class="rec-label">{{item.modeLabel}}</text>
|
||
<text class="rec-meta">{{item.wavelengthLabel}} · {{item.regionsLabel}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="error-text" wx:if="{{error}}">{{error}}</view>
|
||
|
||
<view class="actions">
|
||
<button class="btn-primary" bindtap="onStartRecommend" disabled="{{starting}}" loading="{{starting}}" wx:if="{{recommendList.length > 0}}">{{i18n.report.startTreatment}}</button>
|
||
<button class="btn-secondary" bindtap="onManual">{{i18n.report.manualInstead}}</button>
|
||
</view>
|
||
|
||
<view class="disclaimer">{{i18n.report.disclaimer}}</view>
|
||
</view>
|
||
</view>
|