[AI Generated]: feat(*): 对接数据页/测量报告真实接口,完善成员管理、蓝牙连接及成员选择抽屉逻辑

This commit is contained in:
17792275749
2026-05-15 14:10:27 +08:00
parent 5f9232572f
commit e0573857e0
16 changed files with 612 additions and 283 deletions
+1 -1
View File
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="ClaudeCodeTabState"> <component name="ClaudeCodeTabState">
<option name="tabCount" value="4" /> <option name="tabCount" value="3" />
</component> </component>
</project> </project>
+8 -9
View File
@@ -5,15 +5,14 @@ App<IAppOption>({
}, },
onLaunch() { onLaunch() {
// 已登录则跳过登录页 // 已登录则跳过登录页
// const userInfo = wx.getStorageSync('userInfo') const userInfo = wx.getStorageSync('userInfo')
// if (userInfo) { if (userInfo) {
// const connectDeviceInfo = wx.getStorageSync('connectDeviceInfo') const connectDeviceInfo = wx.getStorageSync('connectDeviceInfo')
// const hasDevice = connectDeviceInfo && Object.keys(connectDeviceInfo).length > 0 const hasDevice = connectDeviceInfo && Object.keys(connectDeviceInfo).length > 0
// wx.reLaunch({ wx.reLaunch({
// url: hasDevice ? '/pages/home/home' : '/pages/connectedDevice/connectedDevice' url: hasDevice ? '/pages/home/home' : '/pages/connectedDevice/connectedDevice'
// }) })
// } }
}, },
}) })
@@ -1,25 +1,35 @@
/** 成员数据项 */ import { get } from '../../utils/request/index'
interface SelectMemberItem { import { lefuService } from '../../lefu/index'
/** 唯一标识 */
/** GET /weighingScale/v3/select/addMembers/user 返回的单条结构 */
interface AddMemberApiItem {
id: string id: string
/** 姓名 */ realname: string
name: string sex_dictText: '男' | '女'
/** 性别 */ birthday: string
gender: '男' | '女'
/** 年龄 */
age: number
/** 身高(cm) */
height: number height: number
/** 头像 URL,无则显示彩色占位圆 */ weight: number
idCard: string | null
avatar: string | null
}
/** 抽屉内部成员项(含回填所需全量字段) */
interface ExistingMember {
id: string
name: string
gender: '男' | '女'
age: number
height: number
weight: number
idCard: string
avatar?: string avatar?: string
/** 是否已选中 */
selected?: boolean selected?: boolean
} }
/** /**
* 选择已有成员抽屉组件 * 选择已有成员抽屉组件
* Properties: show(控制显示), members(成员列表) * Properties: show(控制显示)
* Events: close(关闭), select(选中成员,携带 SelectMemberItem) * Events: close(关闭), select(选中成员,携带 ExistingMember)
*/ */
Component({ Component({
properties: { properties: {
@@ -27,11 +37,6 @@ Component({
show: { show: {
type: Boolean, type: Boolean,
value: false value: false
},
/** 成员列表 */
members: {
type: Array,
value: [] as SelectMemberItem[]
} }
}, },
@@ -39,25 +44,25 @@ Component({
/** 控制 wx:ifDOM 是否存在 */ /** 控制 wx:ifDOM 是否存在 */
innerShow: false, innerShow: false,
/** 控制 --visible 类,触发 CSS transition */ /** 控制 --visible 类,触发 CSS transition */
animVisible: false animVisible: false,
/** 成员列表(组件内部拉取) */
members: [] as ExistingMember[]
}, },
observers: { observers: {
/** /**
* 监听外部 show 变化,错开两帧 * 监听外部 show 变化:
* 打开:先插入 DOM,下一帧加动画类 * 打开时先拉数据再展示抽屉;关闭时移除动画类后移除 DOM
* 关闭:先移除动画类,等 transition 结束再移除 DOM
*/ */
show(val: boolean) { show(val: boolean) {
if (val) { if (val) {
this._fetchMembers()
this.setData({ innerShow: true }) this.setData({ innerShow: true })
// 延迟一帧,让 DOM 先以初始状态渲染,再触发 transition
setTimeout(() => { setTimeout(() => {
this.setData({ animVisible: true }) this.setData({ animVisible: true })
}, 20) }, 20)
} else { } else {
this.setData({ animVisible: false }) this.setData({ animVisible: false })
// 等 CSS transition 结束(0.3s)再移除 DOM
setTimeout(() => { setTimeout(() => {
this.setData({ innerShow: false }) this.setData({ innerShow: false })
}, 300) }, 300)
@@ -66,6 +71,40 @@ Component({
}, },
methods: { methods: {
/** 从生日字符串(YYYY-MM-DD)计算周岁 */
_calcAge(birthday: string): number {
if (!birthday) return 0
const [year, month, day] = birthday.split('-').map(Number)
if (!year || !month || !day) return 0
const now = new Date()
let age = now.getFullYear() - year
if (now.getMonth() + 1 < month || (now.getMonth() + 1 === month && now.getDate() < day)) age -= 1
return Math.max(0, age)
},
/** 调接口获取可选成员列表 */
_fetchMembers() {
const userInfo = wx.getStorageSync('userInfo') as { userId?: string } | null
const sn = lefuService.deviceInfo?.serialNumber ?? ''
get<AddMemberApiItem[]>('weighingScale/v3/select/addMembers/user', {
userId: userInfo?.userId ?? '',
sn,
}, { loading: false })
.then((res: any) => {
const members: ExistingMember[] = (res.result ?? []).map((item: AddMemberApiItem) => ({
id: item.id,
name: item.realname,
gender: item.sex_dictText,
age: this._calcAge(item.birthday),
height: item.height,
weight: item.weight,
idCard: item.idCard ?? '',
avatar: item.avatar ?? '',
}))
this.setData({ members })
})
},
/** 点击遮罩关闭 */ /** 点击遮罩关闭 */
onTapMask() { onTapMask() {
this.triggerEvent('close') this.triggerEvent('close')
@@ -81,7 +120,7 @@ Component({
* @param e 携带 data-member 的点击事件 * @param e 携带 data-member 的点击事件
*/ */
onTapMember(e: WechatMiniprogram.TouchEvent) { onTapMember(e: WechatMiniprogram.TouchEvent) {
const member = e.currentTarget.dataset.member as SelectMemberItem const member = e.currentTarget.dataset.member as ExistingMember
this.triggerEvent('select', member) this.triggerEvent('select', member)
} }
} }
+7 -4
View File
@@ -124,7 +124,7 @@ class LeFuService {
this._busSubscribed = true this._busSubscribed = true
plugin.bus.subscribe('devicesList', (devList: RawDevice[]) => { plugin.bus.subscribe('devicesList', (devList: RawDevice[]) => {
console.log(TAG, 'bus[devicesList],设备数:', devList?.length) console.log(TAG, 'bus[devicesList],设备数:', devList?.length, devList)
if (!devList?.length) { if (!devList?.length) {
this._onDevicesListCb?.([]) this._onDevicesListCb?.([])
return return
@@ -190,8 +190,8 @@ class LeFuService {
}) })
} }
connect(device: ScannedDevice): void { connect(rawDevice: RawDevice): void {
console.log(TAG, 'connect():', device.name) console.log(TAG, 'connect():', rawDevice.name)
this._intentionalConnect = true this._intentionalConnect = true
this._stopKeepAlive() this._stopKeepAlive()
this._stopReconnectTimer() this._stopReconnectTimer()
@@ -200,8 +200,11 @@ class LeFuService {
this._deviceInfo = null this._deviceInfo = null
this._onDeviceInfoCb = null this._onDeviceInfoCb = null
this._onDeviceConnectCb = null this._onDeviceConnectCb = null
// 直连缓存设备时不走 startScan,需手动初始化插件设备配置和总线订阅
plugin.Blue.setDeviceSetting(DEVICE_SETTINGS)
this._subscribeBus()
plugin.Blue.stopBluetoothDevicesDiscovery() plugin.Blue.stopBluetoothDevicesDiscovery()
plugin.Blue.createBLEConnection(device.raw) plugin.Blue.createBLEConnection(rawDevice)
} }
disconnect(): void { disconnect(): void {
+115 -98
View File
@@ -1,3 +1,16 @@
import { get, put } from '../../utils/request/index'
import { lefuService } from '../../lefu/index'
/** GET /weighingScale/v3/selectUserBySn/user 返回的单条结构(编辑回填用) */
interface SysUserDevice {
id: string
realname: string
idCard: string
height: number
sex: number
birthday: string
}
/** 表单数据模型 */ /** 表单数据模型 */
interface MemberForm { interface MemberForm {
/** 姓名 */ /** 姓名 */
@@ -10,80 +23,77 @@ interface MemberForm {
age: string age: string
/** 身高(cm) */ /** 身高(cm) */
height: string height: string
/** 体重(kg) */
weight: string
} }
/** 身份证解析结果 */ /** 身份证解析结果 */
interface IdCardParsed { interface IdCardParsed {
/** 性别,空字符串表示解析失败 */
gender: string gender: string
/** 年龄,空字符串表示解析失败 */
age: string age: string
sex: number
birthday: string
} }
/** 已有成员数据 */ /** 从抽屉组件 select 事件接收的成员数据 */
interface SelectMemberItem { interface ExistingMember {
/** 唯一标识 */
id: string
/** 姓名 */
name: string name: string
/** 性别 */
gender: '男' | '女' gender: '男' | '女'
/** 年龄 */
age: number age: number
/** 身高(cm) */
height: number height: number
/** 头像 URL,无则显示彩色占位圆 */ weight: number
avatar?: string idCard: string
/** 是否已选中 */
selected?: boolean
} }
/** /**
* 添加成员页 * 添加/编辑成员页
* 收集姓名、身份证号、身高,并根据身份证自动解析性别与年龄 * URL 参数含 userId 时为编辑模式,隐藏「从已有成员中选择」按钮并预填表单
* 保存后返回设备成员列表页
*/ */
Page({ Page({
data: { data: {
// 表单数据 /** 编辑模式标记 */
isEdit: false,
/** 编辑时的用户 ID */
userId: '',
form: { form: {
name: '', name: '',
idCard: '', idCard: '',
gender: '', gender: '',
age: '', age: '',
height: '' height: '',
weight: ''
} as MemberForm, } as MemberForm,
// 抽屉显示状态
showSelectDrawer: false, showSelectDrawer: false,
// TODO: 后续替换为接口数据
existingMembers: [
{ id: '1', name: '陈小飞', gender: '男', age: 32, height: 172, avatar: '' },
{ id: '2', name: '李镇南', gender: '男', age: 35, height: 185, avatar: '' },
{ id: '3', name: '张颖', gender: '女', age: 35, height: 185, avatar: '' },
{ id: '4', name: '李镇南', gender: '男', age: 35, height: 185, avatar: '' },
{ id: '5', name: '赵雪', gender: '女', age: 31, height: 165, avatar: '' }
] as SelectMemberItem[]
}, },
/** onLoad(options: Record<string, string>) {
* 姓名输入 const { userId } = options
*/ if (!userId) return
onNameInput(e: WechatMiniprogram.Input) { this.setData({ isEdit: true, userId })
get<SysUserDevice>('weighingScale/v2/getUserInfo', { id: userId }, { loading: false })
.then((res: any) => {
const u: SysUserDevice = res.result
if (!u) return
const parsed = this.parseIdCard(u.idCard ?? '')
this.setData({ this.setData({
'form.name': e.detail.value 'form.name': u.realname ?? '',
'form.idCard': u.idCard ?? '',
'form.gender': parsed.gender,
'form.age': parsed.age,
'form.height': String(u.height ?? ''),
})
}) })
}, },
/** onNameInput(e: WechatMiniprogram.Input) {
* 身份证号输入 this.setData({ 'form.name': e.detail.value })
* 长度满 18 位时自动解析性别与年龄,否则清空 },
*/
onIdCardInput(e: WechatMiniprogram.Input) { onIdCardInput(e: WechatMiniprogram.Input) {
const idCard = (e.detail.value || '').trim().toUpperCase() const idCard = (e.detail.value || '').trim().toUpperCase()
const parsed = this.parseIdCard(idCard) const parsed = this.parseIdCard(idCard)
this.setData({ this.setData({
'form.idCard': idCard, 'form.idCard': idCard,
'form.gender': parsed.gender, 'form.gender': parsed.gender,
@@ -91,102 +101,69 @@ Page({
}) })
}, },
/**
* 身高输入
*/
onHeightInput(e: WechatMiniprogram.Input) { onHeightInput(e: WechatMiniprogram.Input) {
this.setData({ this.setData({ 'form.height': e.detail.value })
'form.height': e.detail.value },
})
onWeightInput(e: WechatMiniprogram.Input) {
this.setData({ 'form.weight': e.detail.value })
}, },
/** /**
* 解析身份证号,返回性别年龄 * 解析身份证返回性别年龄、sex 数值、出生日期
* @param idCard 18 位身份证号
*/ */
parseIdCard(idCard: string): IdCardParsed { parseIdCard(idCard: string): IdCardParsed {
// 简单校验:18 位且前 17 位为数字 const empty: IdCardParsed = { gender: '', age: '', sex: 0, birthday: '' }
const reg = /^\d{17}[\dX]$/ if (!/^\d{17}[\dX]$/.test(idCard)) return empty
if (!reg.test(idCard)) {
return { gender: '', age: '' }
}
// 性别:第 17 位奇数为男,偶数为女
const genderCode = parseInt(idCard.charAt(16), 10) const genderCode = parseInt(idCard.charAt(16), 10)
const gender = genderCode % 2 === 1 ? '男' : '女' const sex = genderCode % 2 === 1 ? 1 : 2
const gender = sex === 1 ? '男' : '女'
// 出生日期:第 7-14 位
const year = parseInt(idCard.substr(6, 4), 10) const year = parseInt(idCard.substr(6, 4), 10)
const month = parseInt(idCard.substr(10, 2), 10) const month = parseInt(idCard.substr(10, 2), 10)
const day = parseInt(idCard.substr(12, 2), 10) const day = parseInt(idCard.substr(12, 2), 10)
if (!year || month < 1 || month > 12 || day < 1 || day > 31) return empty
// 基本合法性校验
if (
!year || !month || !day ||
month < 1 || month > 12 ||
day < 1 || day > 31
) {
return { gender: '', age: '' }
}
// 计算周岁(看是否过了今年生日)
const now = new Date() const now = new Date()
let age = now.getFullYear() - year let age = now.getFullYear() - year
const nowMonth = now.getMonth() + 1 if (now.getMonth() + 1 < month || (now.getMonth() + 1 === month && now.getDate() < day)) age -= 1
const nowDay = now.getDate() if (age < 0 || age > 150) return empty
if (nowMonth < month || (nowMonth === month && nowDay < day)) {
age -= 1
}
if (age < 0 || age > 150) { const mm = String(month).padStart(2, '0')
return { gender: '', age: '' } const dd = String(day).padStart(2, '0')
} return { gender, age: String(age), sex, birthday: `${year}-${mm}-${dd}` }
return { gender, age: String(age) }
}, },
/**
* 从已有成员中选择 — 打开抽屉
*/
onTapSelectExisting() { onTapSelectExisting() {
this.setData({ showSelectDrawer: true }) this.setData({ showSelectDrawer: true })
}, },
/** 关闭选择成员抽屉 */
onSelectMemberClose() { onSelectMemberClose() {
this.setData({ showSelectDrawer: false }) this.setData({ showSelectDrawer: false })
}, },
/** onSelectMember(e: WechatMiniprogram.CustomEvent<ExistingMember>) {
* 选中成员后填充表单 const { name, gender, age, height, weight, idCard } = e.detail
* @param e 携带 detail(SelectMemberItem) 的自定义事件
*/
onSelectMember(e: WechatMiniprogram.CustomEvent<SelectMemberItem>) {
const { name, gender, age, height } = e.detail
this.setData({ this.setData({
showSelectDrawer: false, showSelectDrawer: false,
'form.name': name, 'form.name': name,
'form.idCard': idCard,
'form.gender': gender, 'form.gender': gender,
'form.age': String(age), 'form.age': String(age),
'form.height': String(height) 'form.height': String(height),
'form.weight': String(weight),
}) })
}, },
/** onCancel() {
* 取消:直接返回上一页
*/
onCancel() {
wx.navigateBack() wx.navigateBack()
}, },
/**
* 保存成员信息
* 必填:姓名、身份证号(18 位且解析成功)、身高
* 未通过时 toast 提示,通过后返回上一页
*/
onSubmit() { onSubmit() {
const { name, idCard, gender, age, height } = this.data.form const { name, idCard, gender, age, height, weight } = this.data.form
const heightNum = parseFloat(height) const heightNum = parseFloat(height)
const weightNum = parseFloat(weight)
if (!name.trim()) { if (!name.trim()) {
wx.showToast({ title: '请填写姓名', icon: 'none' }) wx.showToast({ title: '请填写姓名', icon: 'none' })
@@ -197,15 +174,55 @@ Page({
return return
} }
if (!gender || !age) { if (!gender || !age) {
wx.showToast({ title: '身份证号有误,请检查', icon: 'none' }) wx.showToast({ title: '身份证号有误请检查', icon: 'none' })
return return
} }
if (!height || isNaN(heightNum) || heightNum <= 0) { if (!height || isNaN(heightNum) || heightNum <= 0) {
wx.showToast({ title: '请填写身高', icon: 'none' }) wx.showToast({ title: '请填写身高', icon: 'none' })
return return
} }
if (!weight || isNaN(weightNum) || weightNum <= 0) {
wx.showToast({ title: '请填写体重', icon: 'none' })
return
}
// TODO: 此处后续接入成员保存接口 const parsed = this.parseIdCard(idCard)
const userInfo = wx.getStorageSync('userInfo')
const connectDeviceInfoRaw = wx.getStorageSync('connectDeviceInfo')
const payload: Record<string, any> = {
parentUserId: userInfo?.userId ?? '',
scaleDeviceId: lefuService.deviceInfo?.serialNumber ?? '',
realname: name.trim(),
idCard,
sex: parsed.sex,
birthday: parsed.birthday,
height: heightNum,
weight: weightNum,
connectDeviceInfo: connectDeviceInfoRaw ? JSON.stringify(connectDeviceInfoRaw) : '',
}
if (this.data.isEdit) {
payload.id = this.data.userId
}
const successMsg = this.data.isEdit ? '保存成功' : '添加成功'
const failMsg = this.data.isEdit ? '保存失败,请重试' : '添加失败,请重试'
put('weighingScale/v3/edit/user', payload)
.then(() => {
wx.showToast({ title: successMsg, icon: 'success' })
setTimeout(() => {
// 通知上一页(equipmentMember)刷新成员列表
const pages = getCurrentPages()
const prevPage = pages[pages.length - 2] as any
if (prevPage && prevPage.data?.sn) {
prevPage._loadData(prevPage.data.sn)
}
wx.navigateBack() wx.navigateBack()
}, 1500)
})
.catch(() => {
wx.showToast({ title: failMsg, icon: 'none' })
})
} }
}) })
+23 -2
View File
@@ -98,10 +98,32 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 体重 -->
<view class="form-row">
<view class="form-label">
<text class="label-text">体重</text>
<text class="label-star">*</text>
</view>
<view class="form-control">
<view class="form-input-wrap">
<input class="form-input form-input-with-suffix"
type="digit"
maxlength="6"
placeholder="请填写体重"
placeholder-class="form-placeholder"
value="{{ form.weight }}"
bind:input="onWeightInput" />
<text class="form-suffix form-suffix-inside">kg</text>
</view>
</view>
</view>
</view> </view>
<!-- 从已有成员中选择(蓝色描边幽灵按钮) --> <!-- 从已有成员中选择(编辑模式隐藏) -->
<block wx:if="{{ !isEdit }}">
<view class="ghost-btn" bind:tap="onTapSelectExisting">从已有成员中选择</view> <view class="ghost-btn" bind:tap="onTapSelectExisting">从已有成员中选择</view>
</block>
</view> </view>
<!-- 底部双按钮:取消 / 保存成员信息 --> <!-- 底部双按钮:取消 / 保存成员信息 -->
@@ -113,7 +135,6 @@
<!-- 选择已有成员抽屉 --> <!-- 选择已有成员抽屉 -->
<select-member-drawer <select-member-drawer
show="{{ showSelectDrawer }}" show="{{ showSelectDrawer }}"
members="{{ existingMembers }}"
bind:close="onSelectMemberClose" bind:close="onSelectMemberClose"
bind:select="onSelectMember"> bind:select="onSelectMember">
</select-member-drawer> </select-member-drawer>
@@ -170,7 +170,7 @@ Page({
} }
wx.showLoading({ title: '连接中...', mask: true }) wx.showLoading({ title: '连接中...', mask: true })
lefuService.connect(raw) lefuService.connect(raw.raw)
lefuService.onConnectState((state) => { lefuService.onConnectState((state) => {
if (state === lefuService.BLUE_STATE.CONNECTFAILED) { if (state === lefuService.BLUE_STATE.CONNECTFAILED) {
wx.hideLoading() wx.hideLoading()
+34 -2
View File
@@ -34,13 +34,18 @@
align-items: center; align-items: center;
margin-bottom: 30rpx; margin-bottom: 30rpx;
/* 头像色块 */ /* 头像色块(展示姓名首字) */
.avatar { .avatar {
width: 90rpx; width: 90rpx;
height: 90rpx; height: 90rpx;
margin-right: 24rpx; margin-right: 24rpx;
border-radius: 18rpx; border-radius: 18rpx;
background: var(--avatar-bg); color: #FFFFFF;
font-size: 36rpx;
font-weight: bold;
line-height: 90rpx;
text-align: center;
background-color: #1385FA;
} }
/* 姓名 + meta */ /* 姓名 + meta */
@@ -269,4 +274,31 @@
} }
} }
} }
/* ===== 空态 ===== */
.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;
}
}
} }
+184 -37
View File
@@ -1,72 +1,219 @@
import { getMockRecords, calcStats } from '../../mock/data.mock' import { get } from '../../utils/request/index'
import type { TimeRange, RecordItem, StatsData } from '../../mock/data.mock'
import type { MemberItem } from '../../mock/member.mock'
import { mockMembers } from '../../mock/member.mock'
/** 加载状态机 */ /** 加载状态机 */
type LoadStatus = 'idle' | 'loading' | 'loaded' type LoadStatus = 'idle' | 'loading' | 'loaded'
/** 接口 type 参数:0=全部 1=近7天 2=近30天 3=近3月 */
type RangeType = 0 | 1 | 2 | 3
/** 时间范围 Tab 项 */ /** 时间范围 Tab 项 */
interface RangeTab { interface RangeTab {
key: TimeRange key: RangeType
label: string label: string
} }
/** 缓存中的用户信息 */
interface StorageUserInfo {
userId: string
realname: string
sex: number
height: number
birthday: string
avatar: string | null
relationType: number | string | null
[key: string]: any
}
/** 页面展示用用户信息 */
interface PageUserInfo extends StorageUserInfo {
sex_dictText: '男' | '女' | ''
age: number
isSelf: boolean
}
/** GET /weighingScale/v3/getMeasureStatistics 返回结构 */
interface MeasureStatistics {
maxWeight: number
minWeight: number
avgWeight: number
weightChange: number
}
/** GET /weighingScale/v3/getMeasureHistoryPage records 单条 */
interface MeasureRecord {
recordId: string
examTime: string
weight: number
bmi: number
fatRate: number
}
/** 统计空态默认值 */
const EMPTY_STATS: MeasureStatistics = {
maxWeight: 0,
minWeight: 0,
avgWeight: 0,
weightChange: 0,
}
/** 从生日字符串(YYYY-MM-DD)计算周岁 */
function calcAge(birthday: string): number {
if (!birthday) return 0
const [year, month, day] = birthday.split('-').map(Number)
if (!year || !month || !day) return 0
const now = new Date()
let age = now.getFullYear() - year
if (now.getMonth() + 1 < month || (now.getMonth() + 1 === month && now.getDate() < day)) age -= 1
return Math.max(0, age)
}
Page({ Page({
data: { data: {
status: 'idle' as LoadStatus, status: 'idle' as LoadStatus,
activeRange: '7d' as TimeRange, activeType: 1 as RangeType,
rangeTabs: [ rangeTabs: [
{ key: '7d', label: '近7天' }, { key: 1, label: '近7天' },
{ key: '30d', label: '近30天' }, { key: 2, label: '近30天' },
{ key: '3m', label: '近3月' }, { key: 3, label: '近3月' },
] as RangeTab[], ] as RangeTab[],
/** 当前查看的成员(默认本人) */ userInfo: null as PageUserInfo | null,
currentMember: null as MemberItem | null,
stats: null as StatsData | null, stats: EMPTY_STATS as MeasureStatistics,
recordList: [] as RecordItem[],
records: [] as MeasureRecord[],
pageNo: 1,
total: 0,
hasMore: false,
hasData: false,
refresherTriggered: false,
}, },
onLoad() { onLoad() {
// 默认选本人(isSelf=true),后备取第一个 const raw = wx.getStorageSync('userInfo') as StorageUserInfo | null
const members: MemberItem[] = wx.getStorageSync('memberList') || mockMembers if (!raw?.userId) return
const self = members.find(m => m.isSelf) || members[0] || null const userInfo: PageUserInfo = {
this.setData({ currentMember: self }) ...raw,
sex_dictText: raw.sex === 1 ? '男' : raw.sex === 2 ? '女' : '',
age: calcAge(raw.birthday),
isSelf: String(raw.relationType ?? '') === '1',
}
this.setData({ userInfo })
this.loadData() this.loadData()
}, },
onReady() {}, /** 重置分页,并行拉统计 + 第一页列表 */
onShow() {}, loadData() {
onHide() {}, const userInfo = this.data.userInfo
onUnload() {}, if (!userInfo?.userId) return
onPullDownRefresh() {}, this.setData({ status: 'loading', pageNo: 1, records: [] })
onReachBottom() {},
onShareAppMessage(): WechatMiniprogram.Page.ICustomShareContent { const statsReq = get<MeasureStatistics>('weighingScale/v3/getMeasureStatistics', {
return {} userId: userInfo.userId,
type: this.data.activeType,
}, { loading: false })
const pageReq = get('weighingScale/v3/getMeasureHistoryPage', {
userId: userInfo.userId,
type: this.data.activeType,
pageNo: 1,
pageSize: 10,
}, { loading: false })
wx.showLoading({ title: '加载中...', mask: true })
Promise.all([statsReq, pageReq])
.then(([statsRes, pageRes]: any[]) => {
const rawStats = statsRes.result
const stats: MeasureStatistics = rawStats ? {
maxWeight: rawStats.maxWeight ?? 0,
minWeight: rawStats.minWeight ?? 0,
avgWeight: rawStats.avgWeight ?? 0,
weightChange: rawStats.weightChange ?? 0,
} : EMPTY_STATS
const page = pageRes.result ?? {}
const records: MeasureRecord[] = (page.records ?? []).map((r: any) => ({
recordId: r.recordId ?? '',
examTime: r.examTime ?? '',
weight: r.weight ?? 0,
bmi: r.bmi ?? 0,
fatRate: r.fatRate ?? 0,
}))
const total = page.total ?? 0
this.setData({
stats,
records,
total,
hasMore: records.length < total,
hasData: records.length > 0,
})
})
.finally(() => {
wx.hideLoading()
this.setData({ status: 'loaded', refresherTriggered: false })
})
}, },
/** 加载数据(切 Tab / 切成员 复用同一入口) */ /** scroll-view 触底,加载下一页 */
loadData() { onScrollToLower() {
this.setData({ status: 'loading' }) if (!this.data.hasMore) return
setTimeout(() => { const userInfo = this.data.userInfo
const records = getMockRecords(this.data.activeRange) if (!userInfo?.userId) return
const stats = calcStats(records) const nextPage = this.data.pageNo + 1
this.setData({ recordList: records, stats, status: 'loaded' })
}, 300) wx.showLoading({ title: '加载中...', mask: true })
get('weighingScale/v3/getMeasureHistoryPage', {
userId: userInfo.userId,
type: this.data.activeType,
pageNo: nextPage,
pageSize: 10,
}, { loading: false })
.then((res: any) => {
const page = res.result ?? {}
const newRecords: MeasureRecord[] = (page.records ?? []).map((r: any) => ({
recordId: r.recordId ?? '',
examTime: r.examTime ?? '',
weight: r.weight ?? 0,
bmi: r.bmi ?? 0,
fatRate: r.fatRate ?? 0,
}))
const allRecords = [...this.data.records, ...newRecords]
this.setData({
records: allRecords,
pageNo: nextPage,
hasMore: allRecords.length < this.data.total,
})
})
.finally(() => {
wx.hideLoading()
})
},
/** scroll-view 下拉刷新 */
onRefresh() {
this.setData({ refresherTriggered: true })
this.loadData()
}, },
/** 切换时间范围 Tab */ /** 切换时间范围 Tab */
onTapRange(e: WechatMiniprogram.TouchEvent) { onTapRange(e: WechatMiniprogram.TouchEvent) {
const key = e.currentTarget.dataset.key as TimeRange const key = Number(e.currentTarget.dataset.key) as RangeType
if (key === this.data.activeRange) return if (key === this.data.activeType) return
this.setData({ activeRange: key }) this.setData({ activeType: key })
this.loadData() this.loadData()
}, },
/** 切换成员 */ /** 点击记录行,携带 recordId + userId 跳转测量报告 */
onTapRecord(e: WechatMiniprogram.TouchEvent) {
const recordId = e.currentTarget.dataset.recordId as string
const userId = this.data.userInfo?.userId ?? ''
wx.navigateTo({
url: `/pages/measurementReport/measurementReport?recordId=${recordId}&userId=${userId}`,
})
},
/** 切换成员占位 */
onTapSwitchMember() { onTapSwitchMember() {
wx.showToast({ title: '切换成员', icon: 'none' }) wx.showToast({ title: '切换成员', icon: 'none' })
}, },
+34 -15
View File
@@ -1,4 +1,11 @@
<scroll-view class="scrollView" scroll-y> <scroll-view
class="scrollView"
scroll-y
refresher-enabled
refresher-triggered="{{ refresherTriggered }}"
bind:refresherrefresh="onRefresh"
bind:scrolltolower="onScrollToLower"
>
<view class="scrollViewContent"> <view class="scrollViewContent">
<!-- 数据卡(成员信息 + 时间 Tab + 统计) --> <!-- 数据卡(成员信息 + 时间 Tab + 统计) -->
@@ -6,20 +13,20 @@
<!-- 成员信息 --> <!-- 成员信息 -->
<view class="userInfo"> <view class="userInfo">
<view class="avatar" style="--avatar-bg: {{ currentMember.avatar }};"></view> <view class="avatar">{{ userInfo.realname[0] }}</view>
<view class="info"> <view class="info">
<view class="info-name-row"> <view class="info-name-row">
<view class="info-name">{{ currentMember.name }}</view> <view class="info-name">{{ userInfo.realname }}</view>
<block wx:if="{{ currentMember.isSelf }}"> <block wx:if="{{ userInfo.isSelf }}">
<view class="badge-self">本人</view> <view class="badge-self">本人</view>
</block> </block>
</view> </view>
<view class="info-meta"> <view class="info-meta">
<view class="meta-text">{{ currentMember.gender }}</view> <view class="meta-text">{{ userInfo.sex_dictText }}</view>
<view class="meta-divider">·</view> <view class="meta-divider">·</view>
<view class="meta-text">{{ currentMember.age }}岁</view> <view class="meta-text">{{ userInfo.age }}岁</view>
<view class="meta-divider">|</view> <view class="meta-divider">|</view>
<view class="meta-text">{{ currentMember.height }}cm</view> <view class="meta-text">{{ userInfo.height }}cm</view>
</view> </view>
</view> </view>
<view class="btn" bind:tap="onTapSwitchMember">切换成员</view> <view class="btn" bind:tap="onTapSwitchMember">切换成员</view>
@@ -31,7 +38,7 @@
<view class="nav"> <view class="nav">
<block wx:for="{{ rangeTabs }}" wx:key="key"> <block wx:for="{{ rangeTabs }}" wx:key="key">
<view <view
class="{{ activeRange === item.key ? 'active' : '' }}" class="{{ activeType === item.key ? 'active' : '' }}"
data-key="{{ item.key }}" data-key="{{ item.key }}"
bind:tap="onTapRange" bind:tap="onTapRange"
>{{ item.label }}</view> >{{ item.label }}</view>
@@ -54,26 +61,38 @@
</view> </view>
<view class="summary-item"> <view class="summary-item">
<view class="summary-label">体重变化</view> <view class="summary-label">体重变化</view>
<view class="summary-value {{ stats.weightDiff < 0 ? 'value-down' : 'value-up' }}"> <view class="summary-value {{ stats.weightChange < 0 ? 'value-down' : 'value-up' }}">
{{ stats.weightDiff > 0 ? '+' : '' }}{{ stats.weightDiff }}<text>kg</text> {{ stats.weightChange > 0 ? '+' : '' }}{{ stats.weightChange }}<text>kg</text>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 历史记录列表 --> <!-- 有数据:记录列表 -->
<block wx:if="{{ hasData }}">
<view class="data-list"> <view class="data-list">
<block wx:for="{{ recordList }}" wx:key="id"> <block wx:for="{{ records }}" wx:key="recordId">
<view class="list"> <view class="list" bind:tap="onTapRecord" data-record-id="{{ item.recordId }}">
<view>{{ item.time }}</view> <view>{{ item.examTime }}</view>
<view class="arrow"> <view class="arrow">
<view>体重:<text>{{ item.weight }}kg</text></view> <view>体重:<text>{{ item.weight }}kg</text></view>
<view>BMI<text>{{ item.bmi }}</text></view> <view>BMI<text>{{ item.bmi }}</text></view>
<view>体脂率:<text>{{ item.bodyFat }}%</text></view> <view>体脂率:<text>{{ item.fatRate }}%</text></view>
</view> </view>
</view> </view>
</block> </block>
</view> </view>
</block>
<!-- 无数据:占位 -->
<block wx:elif="{{ status === 'loaded' }}">
<view class="empty-state">
<view class="empty-icon">
<image src="/images/home/noData.png" mode="aspectFit"/>
</view>
<view class="empty-text">暂无称重数据</view>
</view>
</block>
</view> </view>
</scroll-view> </scroll-view>
+2 -4
View File
@@ -108,8 +108,7 @@ Page({
wx.showLoading({ title: '连接中...', mask: true }) wx.showLoading({ title: '连接中...', mask: true })
wx.openBluetoothAdapter({ wx.openBluetoothAdapter({
success: () => { success: () => {
const target = { name: cachedRaw.scaleDeviceName ?? cachedRaw.name ?? '', raw: cachedRaw, model: {} } lefuService.connect(cachedRaw)
lefuService.connect(target)
lefuService.onDeviceConnect(() => { lefuService.onDeviceConnect(() => {
wx.hideLoading() wx.hideLoading()
}) })
@@ -150,8 +149,7 @@ Page({
wx.showLoading({ title: '连接中...', mask: true }) wx.showLoading({ title: '连接中...', mask: true })
wx.openBluetoothAdapter({ wx.openBluetoothAdapter({
success: () => { success: () => {
const target = { name: rawDevice!.scaleDeviceName ?? rawDevice!.name ?? '', raw: rawDevice!, model: {} } lefuService.connect(rawDevice!)
lefuService.connect(target)
lefuService.onDeviceConnect(() => { lefuService.onDeviceConnect(() => {
wx.hideLoading() wx.hideLoading()
wx.setStorageSync('connectDeviceInfo', rawDevice) wx.setStorageSync('connectDeviceInfo', rawDevice)
@@ -139,6 +139,9 @@ Page({
connected: lefuService.isConnected, connected: lefuService.isConnected,
'deviceCard.name': deviceInfo?.name ?? '', 'deviceCard.name': deviceInfo?.name ?? '',
}) })
if (deviceInfo?.serialNumber) {
this._loadData(deviceInfo.serialNumber)
}
// deviceInfo 实时同步:进页面时可能还未到达 // deviceInfo 实时同步:进页面时可能还未到达
lefuService.onDeviceInfo((info) => { lefuService.onDeviceInfo((info) => {
this.setData({ this.setData({
@@ -157,12 +160,6 @@ Page({
}) })
}, },
onShow() {
if (this.data.sn) {
this._loadData(this.data.sn)
}
},
onUnload() { onUnload() {
lefuService.onDeviceConnect(() => {}) lefuService.onDeviceConnect(() => {})
lefuService.onDisconnected(() => {}) lefuService.onDisconnected(() => {})
@@ -205,10 +202,10 @@ Page({
}) })
}, },
/** 编辑成员(接口待接入) */ /** 编辑成员:仅携带 userId 跳转,详情由目标页自行查询 */
onTapEdit(e: WechatMiniprogram.TouchEvent) { onTapEdit(e: WechatMiniprogram.TouchEvent) {
const id = e.currentTarget.dataset.id as string const id = e.currentTarget.dataset.id as string
wx.showToast({ title: `编辑 ${id}`, icon: 'none' }) wx.navigateTo({ url: `/pages/addMember/addMember?userId=${id}` })
}, },
/** 删除成员 */ /** 删除成员 */
@@ -18,11 +18,14 @@
.info-avatar { .info-avatar {
width: 90rpx; width: 90rpx;
height: 90rpx; height: 90rpx;
border-radius: 24rpx;
margin-right: 24rpx; margin-right: 24rpx;
box-sizing: border-box; border-radius: 18rpx;
background-color: #C6E6FF; color: #FFFFFF;
border: 3rpx solid #50A6FF; font-size: 36rpx;
font-weight: bold;
line-height: 90rpx;
text-align: center;
background-color: #1385FA;
} }
.info-meta { .info-meta {
@@ -1,70 +1,122 @@
/** 测量报告数据 */ import { get } from '../../utils/request/index'
/** GET /weighingScale/v3/getMeasureHistory result 结构 */
interface MeasureHistoryVO {
recordId: string
height: number
weight: number
weightChange: number
bmi: number
bmiType: string
standardWeight: number
fatRate: number
fatValue: number
basalMetabolism: number
examTime: string
sn: string
userInfo: {
realname: string
sex: number
[key: string]: any
} | null
}
/** 页面渲染用测量记录 */
interface WeightRecord { interface WeightRecord {
/** 体重整数部分 */ /** 体重整数部分 */
weight: number weight: number
/** 体重小数部分,含小数点,如 ".20" */ /** 体重小数部分含小数点如 ".20" */
weightDecimal: string weightDecimal: string
/** 测量时间显示,如 "今日 07:30" */ /** 测量时间 */
date: string date: string
/** 与上次相比差值(负=减轻,正=增重) */ /** 与上次体重差值负=减轻正=增重 */
diff: number diff: number
/** 身高(cm) */ /** 身高(cm) */
height: number height: number
/** BMI 值 */ /** BMI 值 */
bmi: number bmi: number
/** BMI 评级标签,如 "标准" */ /** BMI 评级文本(来自接口 bmiType */
bmiLabel: string bmiLabel: string
/** 标准体重(kg) */ /** 标准体重(kg) */
stdWeight: number stdWeight: number
/** 体脂率(%) */ /** 体脂率(%) */
bodyFat: number bodyFat: number
/** 体脂肪(kg) */ /** 体脂肪(kg) */
bodyFatMass: number bodyFatMass: number
/** 基础代谢(kcal) */ /** 基础代谢(kcal) */
bmr: number bmr: number
} }
/** 空态默认值,避免页面展示 null */
const EMPTY_RECORD: WeightRecord = {
weight: 0,
weightDecimal: '',
date: '',
diff: 0,
height: 0,
bmi: 0,
bmiLabel: '',
stdWeight: 0,
bodyFat: 0,
bodyFatMass: 0,
bmr: 0,
}
/** 将体重数字拆成整数 + 小数字符串 */
function splitWeight(weight: number): { int: number; decimal: string } {
const str = weight.toFixed(2)
const [intPart, decPart] = str.split('.')
return { int: Number(intPart), decimal: `.${decPart}` }
}
/** /**
* 测量报告页 * 测量报告页
* 展示单次测量的详细数据报告 * URL 参数:recordId(记录 ID)、userId(用户 ID
*/ */
Page({ Page({
data: { data: {
// 报告数据 record: EMPTY_RECORD as WeightRecord,
record: { /** 被查看用户的姓名(来自接口 userInfo.realname */
weight: 68, realname: '',
weightDecimal: '.20',
date: '今日 07:30',
diff: -0.3,
height: 176,
bmi: 22.4,
bmiLabel: '标准',
stdWeight: 67.2,
bodyFat: 22.3,
bodyFatMass: 52.1,
bmr: 1652
} as WeightRecord
}, },
onLoad(options) { onLoad(options: Record<string, string>) {
// TODO: 根据 options.id 获取报告详情 const { recordId, userId } = options
if (!recordId || !userId) return
get<MeasureHistoryVO>('weighingScale/v3/getMeasureHistory', {
userId,
recordId,
}, { loading: true })
.then((res: any) => {
const d: MeasureHistoryVO = res.result
if (!d) 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 ?? '',
stdWeight: d.standardWeight ?? 0,
bodyFat: d.fatRate ?? 0,
bodyFatMass: d.fatValue ?? 0,
bmr: d.basalMetabolism ?? 0,
}
this.setData({
record,
realname: d.userInfo?.realname ?? '',
})
})
}, },
onReady() {},
onShow() {},
onHide() {},
onUnload() {},
/**
* 分享报告
*/
onShareAppMessage(): WechatMiniprogram.Page.ICustomShareContent { onShareAppMessage(): WechatMiniprogram.Page.ICustomShareContent {
return { return {
title: `${this.data.report.userName}的测量报告`, title: `${this.data.realname}的测量报告`,
path: '/pages/measurementReport/measurementReport' path: '/pages/measurementReport/measurementReport',
}
} }
},
}) })
@@ -2,10 +2,10 @@
<view class="scrollViewContent"> <view class="scrollViewContent">
<!-- 测量信息卡片 --> <!-- 测量信息卡片 -->
<view class="info-card"> <view class="info-card">
<view class="info-avatar"></view> <view class="info-avatar">{{ realname[0] }}</view>
<view class="info-meta"> <view class="info-meta">
<view class="info-name">陈万宁</view> <view class="info-name">{{ realname }}</view>
<view class="info-time">2026-05-06 09:30</view> <view class="info-time">{{ record.date }}</view>
</view> </view>
</view> </view>
@@ -259,8 +259,10 @@ Page({
connectDeviceInfo connectDeviceInfo
} }
put<unknown>('weighingScale/v3/update/user', payload) put<UpdateUserPayload>('weighingScale/v3/update/user', payload)
.then(() => { .then(res => {
const { connectDeviceInfo: _, ...userInfo } = res.result
wx.setStorageSync('userInfo', userInfo)
wx.switchTab({ url: '/pages/home/home' }) wx.switchTab({ url: '/pages/home/home' })
}) })
} }