yuchunlei/bodyWeight
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
2e07a7fcee27aae8f4874432abee843e824e1190
bodyWeight/miniprogram/pages/detailedReport/detailedReport.wxml
T
17792275749andClaude Opus 4.7 d6e59df4e9 feat: 详细报告接入 v3 测量历史接口，设备列表接入设备接口 
- 详细报告按 scaleType 区分 4/8 电极渲染，节段卡片 8 电极专属
- 设备列表改为接口驱动并新增空态
- 登录后统一跳首页，请求层兼容 code 0 返回风格

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-08-20 17:20:07 +08:00

221 lines
12 KiB
Plaintext
Raw Blame History

<navBar title="详细报告" fixed="{{true}}" bgColor="{{navBgColor}}"/>
<view class="detailedReport">
<scroll-view class="scrollView" scroll-y bindscroll="onScroll">
<view class="scrollViewContent">
<view class="bg">
<image src="/images/home/bg.jpg" mode="aspectFit" />
</view>
<view class="detailedReport-container page-container">
<view class="title">
<view class="title_1">设备智联 · 掌握健康</view>
<view class="title_2">留存测量记录，见证身形变化</view>
</view>
<!-- 顶部头部 -->
<view class="header">
<view class="header-top">
<view>
<image src="/images/detailedReport/calendar.png" mode="aspectFit" />
</view>
<view>{{ header.date }}</view>
</view>
<view class="header-bottom">
<view class="header-weight">
<view class="weight-num1">{{ header.weightInt }}</view>
<view class="weight-num2">{{ header.weightDecimal }}</view>
<view class="weight-unit">kg</view>
</view>
<view class="header-info">
<view class="header-bmi" wx:if="{{ header.bmiText }}">{{ header.bmiText }}</view>
<view class="header-change" wx:if="{{ header.changeText }}">{{ header.changeText }}</view>
</view>
</view>
</view>
<!-- 基础指标 -->
<view class="basicIndicators">
<view class="basicIndicatorsTitle">
<view class="basicIndicatorsBar"></view>
<view class="basicIndicatorsTitleText">基础指标</view>
</view>
<view class="basicIndicatorsGrid">
<view class="basicIndicatorsRow" wx:for="{{ basicRows }}" wx:for-item="row" wx:key="index">
<view class="basicIndicatorsCell" wx:for="{{ row }}" wx:for-item="cell" wx:key="label">
<block wx:if="{{ cell.label }}">
<view class="basicIndicatorsLabel">{{ cell.label }}</view>
<view class="basicIndicatorsValueRow">
<view class="basicIndicatorsValue">{{ cell.value }}</view>
<view class="basicIndicatorsUnit" wx:if="{{ cell.unit }}">{{ cell.unit }}</view>
</view>
</block>
</view>
</view>
</view>
<view class="basicIndicatorsScale">
<view class="basicIndicatorsTrack">
<view class="basicIndicatorsBlock basicIndicatorsBlock--low"></view>
<view class="basicIndicatorsBlock basicIndicatorsBlock--normal"></view>
<view class="basicIndicatorsBlock basicIndicatorsBlock--over"></view>
<view class="basicIndicatorsBlock basicIndicatorsBlock--obese"></view>
<view class="basicIndicatorsCircle" style="left: {{ bmiCircleLeft }}%;"></view>
</view>
<view class="basicIndicatorsScaleRow">
<view>消瘦</view>
<view>正常</view>
<view>超重</view>
<view>肥胖</view>
</view>
<view class="basicIndicatorsScaleRow basicIndicatorsScaleRow--range">
<view>BMI&lt;18.5</view>
<view>18.5≤BMI&lt;24</view>
<view>24≤BMI&lt;28</view>
<view>BMI≥28</view>
</view>
</view>
</view>
<!-- 身体成分 -->
<view class="metricCard">
<view class="metricCardTitle">
<view class="metricCardBar"></view>
<view class="metricCardTitleText">{{ bodyComposition.title }}</view>
</view>
<view class="metricCardList">
<view class="metricCardRow" wx:for="{{ bodyComposition.rows }}" wx:key="label">
<view class="metricCardLabel">{{ item.label }}</view>
<view class="metricCardValue">{{ item.value }}{{ item.unit }}</view>
<view class="metricCardStatus" wx:if="{{ item.status }}" style="background-color: {{ item.color }};">{{ item.status }}</view>
</view>
</view>
</view>
<!-- 脂肪分析 -->
<view class="metricCard">
<view class="metricCardTitle">
<view class="metricCardBar"></view>
<view class="metricCardTitleText">{{ fatAnalysis.title }}</view>
</view>
<view class="metricCardList">
<view class="metricCardRow" wx:for="{{ fatAnalysis.rows }}" wx:key="label">
<view class="metricCardLabel">{{ item.label }}</view>
<view class="metricCardValue">{{ item.value }}{{ item.unit }}</view>
<view class="metricCardStatus" wx:if="{{ item.status }}" style="background-color: {{ item.color }};">{{ item.status }}</view>
</view>
</view>
</view>
<!-- 体态管理 -->
<view class="metricCard">
<view class="metricCardTitle">
<view class="metricCardBar"></view>
<view class="metricCardTitleText">{{ physique.title }}</view>
</view>
<view class="metricCardList">
<view class="metricCardRow" wx:for="{{ physique.rows }}" wx:key="label">
<view class="metricCardLabel">{{ item.label }}</view>
<view class="metricCardValue">{{ item.value }}{{ item.unit }}</view>
<view class="metricCardStatus" wx:if="{{ item.status }}" style="background-color: {{ item.color }};">{{ item.status }}</view>
</view>
</view>
</view>
<!-- 体重管控 -->
<view class="metricCard">
<view class="metricCardTitle">
<view class="metricCardBar"></view>
<view class="metricCardTitleText">{{ weightControl.title }}</view>
</view>
<view class="metricCardList">
<view class="metricCardRow" wx:for="{{ weightControl.rows }}" wx:key="label">
<view class="metricCardLabel">{{ item.label }}</view>
<view class="metricCardValue">{{ item.value }}{{ item.unit }}</view>
<view class="metricCardStatus" wx:if="{{ item.status }}" style="background-color: {{ item.color }};">{{ item.status }}</view>
</view>
</view>
</view>
<block wx:if="{{ isEightElectrode }}">
<!-- 细胞液分析 -->
<view class="metricCard">
<view class="metricCardTitle">
<view class="metricCardBar"></view>
<view class="metricCardTitleText">{{ cellWater.title }}</view>
</view>
<view class="metricCardList">
<view class="metricCardRow" wx:for="{{ cellWater.rows }}" wx:key="label">
<view class="metricCardLabel">{{ item.label }}</view>
<view class="metricCardValue">{{ item.value }}{{ item.unit }}</view>
<view class="metricCardStatus" wx:if="{{ item.status }}" style="background-color: {{ item.color }};">{{ item.status }}</view>
</view>
</view>
</view>
<!-- 进阶成分 -->
<view class="metricCard">
<view class="metricCardTitle">
<view class="metricCardBar"></view>
<view class="metricCardTitleText">{{ advancedComposition.title }}</view>
</view>
<view class="metricCardList">
<view class="metricCardRow" wx:for="{{ advancedComposition.rows }}" wx:key="label">
<view class="metricCardLabel">{{ item.label }}</view>
<view class="metricCardValue">{{ item.value }}{{ item.unit }}</view>
<view class="metricCardStatus" wx:if="{{ item.status }}" style="background-color: {{ item.color }};">{{ item.status }}</view>
</view>
</view>
</view>
<!-- 躯干/四肢脂肪 -->
<view class="metricCard">
<view class="metricCardTitle">
<view class="metricCardBar"></view>
<view class="metricCardTitleText">{{ bodyFat.title }}</view>
</view>
<view class="bodyPartsList">
<view class="bodyPartsRow" wx:for="{{ bodyFat.rows }}" wx:key="index" wx:for-item="row">
<view class="bodyPartCell" wx:for="{{ row }}" wx:key="label" wx:for-item="part">
<view class="bodyPartLabel">{{ part.label }}</view>
<view class="bodyPartValue">
<view class="bodyPartNum">{{ part.massValue }}</view>
<view class="bodyPartUnit">{{ part.massUnit }}</view>
<view class="bodyPartSep">丨</view>
<view class="bodyPartNum">{{ part.rateValue }}</view>
<view class="bodyPartUnit">{{ part.rateUnit }}</view>
</view>
</view>
</view>
</view>
</view>
<!-- 躯干/四肢肌肉 -->
<view class="metricCard">
<view class="metricCardTitle">
<view class="metricCardBar"></view>
<view class="metricCardTitleText">{{ bodyMuscle.title }}</view>
</view>
<view class="bodyPartsList">
<view class="bodyPartsRow" wx:for="{{ bodyMuscle.rows }}" wx:key="index" wx:for-item="row">
<view class="bodyPartCell" wx:for="{{ row }}" wx:key="label" wx:for-item="part">
<view class="bodyPartLabel">{{ part.label }}</view>
<view class="bodyPartValue">
<view class="bodyPartNum">{{ part.massValue }}</view>
<view class="bodyPartUnit">{{ part.massUnit }}</view>
<view class="bodyPartSep">丨</view>
<view class="bodyPartNum">{{ part.rateValue }}</view>
<view class="bodyPartUnit">{{ part.rateUnit }}</view>
</view>
</view>
</view>
</view>
</view>
</block>
</view>
</view>
</scroll-view>
</view>
Reference in New Issue View Git Blame Copy Permalink