feat(home): 首页接入最新测量数据与空态

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-08-25 11:00:58 +08:00
co-authored by Claude Opus 4.7
parent e69db66eab
commit 76879270ba
3 changed files with 176 additions and 59 deletions
+34
View File
@@ -211,6 +211,14 @@
font-weight: bolder;
line-height: 48rpx;
margin-right: 10rpx;
&.diff-up {
color: #FF4D4F;
}
&.diff-neutral {
color: #252535;
}
}
> view:nth-of-type(2) {
@@ -315,6 +323,32 @@
}
}
.empty-state {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding-top: 160rpx;
.empty-icon {
width: 193rpx;
height: 138rpx;
margin-bottom: 40rpx;
image {
width: 100%;
height: 100%;
}
}
.empty-text {
color: #808080;
height: 30rpx;
font-size: 30rpx;
line-height: 30rpx;
}
}
.detailedData {
width: 100%;
border-radius: 24rpx;
+78 -1
View File
@@ -10,6 +10,42 @@ interface PageUserInfo {
height: number
}
/** 身体成分单项指标 */
interface LefuBodyDatum {
bodyParamKey: string
currentValue: string
[key: string]: any
}
/** 测量历史详情 */
interface MeasureHistoryVO {
recordId?: string
height?: number
weight?: number
weightChange?: number
bmi?: number
bmiType?: string
fatRate?: number
fatValue?: number
examTime?: string
bodyDataList?: LefuBodyDatum[]
}
/** 页面展示用最近测量记录 */
interface WeightRecord {
weight: number
weightDecimal: string
date: string
diff: number
height: number
bmi: number
bmiLabel: string
bodyFat: number
bodyFatMass: number
bodyWater: number
protein: number
}
/** 将体重数字拆成整数 + 小数字符串 */
const splitWeight = (weight: number): { int: number; decimal: string } => {
const str = weight.toFixed(2)
@@ -17,14 +53,23 @@ const splitWeight = (weight: number): { int: number; decimal: string } => {
return { int: Number(intPart), decimal: `.${decPart}` }
}
/** 从 bodyDataList 提取指标数值 */
const pickValue = (list: LefuBodyDatum[] = [], key: string): number => {
const item = list.find((d) => d?.bodyParamKey === key)
const v = parseFloat(item?.currentValue ?? '')
return isNaN(v) ? 0 : v
}
Page({
data: {
record: null,
hasData: false,
record: null as WeightRecord | null,
userInfo: null as PageUserInfo | null,
},
onShow() {
this._loadUserInfo()
this.loadData()
},
// 从缓存回显用户信息
@@ -41,6 +86,38 @@ Page({
})
},
// 拉取最新一次测量记录
loadData() {
const raw = wx.getStorageSync('userInfo') as UserInfo | null
if (!raw?.userId) return
get<MeasureHistoryVO>('weighingScale/v3/getMeasureHistory', {
userId: raw.userId,
}, { loading: false })
.then((res: any) => {
const d: MeasureHistoryVO = res.result
if (!d) {
this.setData({ hasData: false, record: null })
return
}
const { int, decimal } = splitWeight(d.weight ?? 0)
const record: WeightRecord = {
weight: int,
weightDecimal: decimal,
date: d.examTime ?? '',
diff: d.weightChange ?? 0,
height: d.height ?? 0,
bmi: d.bmi ?? 0,
bmiLabel: d.bmiType ?? '',
bodyFat: d.fatRate ?? 0,
bodyFatMass: d.fatValue ?? 0,
bodyWater: pickValue(d.bodyDataList, 'ppWaterKg'),
protein: pickValue(d.bodyDataList, 'ppProteinKg'),
}
this.setData({ hasData: true, record })
})
.catch(() => {})
},
onShareAppMessage(): WechatMiniprogram.Page.ICustomShareContent {
return {
title: '智能蓝牙秤',
+64 -58
View File
@@ -17,76 +17,82 @@
</view>
</view>
<view class="recentMeasurements">
<view class="recentMeasurementsTitle">
<view></view>
<view>最近测量</view>
<view class="arrow" bind:tap="onTapDetailedReport">详细报告</view>
</view>
<view class="recentMeasurementsContent">
<view class="recentMeasurementsContentTop">
<view class="recentMeasurementsContentTopL">
<view>
<view>68</view>
<view>.20</view>
<view>kg</view>
</view>
<view>07-22 09:30</view>
</view>
<view class="recentMeasurementsContentTopR">
<view>
<view>2.6</view>
<block wx:if="{{ hasData }}">
<view class="recentMeasurements">
<view class="recentMeasurementsTitle">
<view></view>
<view>最近测量</view>
<view class="arrow" bind:tap="onTapDetailedReport">详细报告</view>
</view>
<view class="recentMeasurementsContent">
<view class="recentMeasurementsContentTop">
<view class="recentMeasurementsContentTopL">
<view>
<view></view>
<view>{{ record.weight }}</view>
<view>{{ record.weightDecimal }}</view>
<view>kg</view>
</view>
<view>{{ record.date }}</view>
</view>
<view class="recentMeasurementsContentTopR">
<view>
<view class="{{ record.diff < 0 ? 'diff-down' : (record.diff > 0 ? 'diff-up' : 'diff-neutral') }}">{{ record.diff < 0 ? -record.diff : record.diff }}</view>
<view>
<view>{{ record.diff < 0 ? '↓' : (record.diff > 0 ? '↑' : '') }}</view>
<view>kg</view>
</view>
</view>
<view>{{ record.diff < 0 ? '体重较上次减轻' : (record.diff > 0 ? '体重较上次增加' : '与上次持平') }}</view>
</view>
<view>体重较上次减轻</view>
</view>
</view>
<view class="recentMeasurementsContentLine"></view>
<view class="recentMeasurementsContentBottom">
<view>
<view>身高</view>
<view>172<text>cm</text></view>
</view>
<view>
<view>BMI<text>标准</text></view>
<view>22.4</view>
</view>
<view>
<view>体脂率</view>
<view>22.1<text>%</text></view>
<view class="recentMeasurementsContentLine"></view>
<view class="recentMeasurementsContentBottom">
<view>
<view>身高</view>
<view>{{ record.height }}<text>cm</text></view>
</view>
<view>
<view>BMI<text>{{ record.bmiLabel }}</text></view>
<view>{{ record.bmi }}</view>
</view>
<view>
<view>体脂率</view>
<view>{{ record.bodyFat }}<text>%</text></view>
</view>
</view>
</view>
</view>
</view>
<view class="connect">
<view>
<image src="/images/home/lianjie.png" mode="aspectFit" />
<view class="connect">
<view>
<image src="/images/home/lianjie.png" mode="aspectFit" />
</view>
</view>
</view>
<view class="detailedData">
<view class="detailedDataTitle">
<view></view>
<view>详细数据</view>
</view>
<view class="detailedDataContent">
<view>
<view>体脂肪量</view>
<view>16.0<text>kg</text></view>
<view class="detailedData">
<view class="detailedDataTitle">
<view></view>
<view>详细数据</view>
</view>
<view>
<view>体水分量</view>
<view>39.8<text>kg</text></view>
</view>
<view>
<view>蛋白质量</view>
<view>1680<text>kcal</text></view>
<view class="detailedDataContent">
<view>
<view>体脂肪量</view>
<view>{{ record.bodyFatMass }}<text>kg</text></view>
</view>
<view>
<view>体水分量</view>
<view>{{ record.bodyWater }}<text>kg</text></view>
</view>
<view>
<view>蛋白质量</view>
<view>{{ record.protein }}<text>kg</text></view>
</view>
</view>
</view>
</view>
</block>
<block wx:else>
<empty-data containerStyle="margin: 100rpx 0 200rpx;" />
</block>
</view>
</view>
</view>