[AI Generated]: feat(*): 对接v3设备列表及成员管理接口,补全字段并接入蓝牙连接状态
This commit is contained in:
@@ -30,6 +30,8 @@ interface DeviceRecord {
|
|||||||
remark: string | null
|
remark: string | null
|
||||||
relationType: string | null
|
relationType: string | null
|
||||||
sex_dictText: string
|
sex_dictText: string
|
||||||
|
/** 设备连接信息 JSON 字符串,与登录接口返回格式一致 */
|
||||||
|
connectDeviceInfo: string
|
||||||
}
|
}
|
||||||
|
|
||||||
/** 展示用设备项 */
|
/** 展示用设备项 */
|
||||||
@@ -76,11 +78,11 @@ Page({
|
|||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
/* 点击「成员管理」→ 跳转成员管理页 */
|
/* 点击「成员管理」→ 跳转成员管理页,传 SN;userId 由目标页从缓存读取 */
|
||||||
onTapMember(e: WechatMiniprogram.TouchEvent) {
|
onTapMember(e: WechatMiniprogram.TouchEvent) {
|
||||||
const id = e.currentTarget.dataset.id as string
|
const sn = e.currentTarget.dataset.sn as string
|
||||||
wx.navigateTo({
|
wx.navigateTo({
|
||||||
url: `/pages/equipmentMember/equipmentMember?id=${id}`
|
url: `/pages/equipmentMember/equipmentMember?sn=${sn}`
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|||||||
@@ -36,14 +36,14 @@
|
|||||||
<block wx:if="{{ item.connected }}">
|
<block wx:if="{{ item.connected }}">
|
||||||
<!-- 已连接:单按钮居中 -->
|
<!-- 已连接:单按钮居中 -->
|
||||||
<view class="card-actions card-actions-single">
|
<view class="card-actions card-actions-single">
|
||||||
<view class="btn-ghost-full" data-id="{{ item.id }}" bind:tap="onTapMember">成员管理</view>
|
<view class="btn-ghost-full" data-sn="{{ item.scaleDeviceId }}" bind:tap="onTapMember">成员管理</view>
|
||||||
</view>
|
</view>
|
||||||
</block>
|
</block>
|
||||||
<block wx:else>
|
<block wx:else>
|
||||||
<!-- 未连接:双按钮 连接 / 成员管理 -->
|
<!-- 未连接:双按钮 连接 / 成员管理 -->
|
||||||
<view class="card-actions card-actions-double">
|
<view class="card-actions card-actions-double">
|
||||||
<view class="btn-ghost-half" data-id="{{ item.id }}" bind:tap="onTapConnect">连接</view>
|
<view class="btn-ghost-half" data-id="{{ item.id }}" bind:tap="onTapConnect">连接</view>
|
||||||
<view class="btn-ghost-half" data-id="{{ item.id }}" bind:tap="onTapMember">成员管理</view>
|
<view class="btn-ghost-half" data-sn="{{ item.scaleDeviceId }}" bind:tap="onTapMember">成员管理</view>
|
||||||
</view>
|
</view>
|
||||||
</block>
|
</block>
|
||||||
|
|
||||||
|
|||||||
@@ -1,36 +1,106 @@
|
|||||||
|
import { get } from '../../utils/request/index'
|
||||||
import { lefuService } from '../../lefu/index'
|
import { lefuService } from '../../lefu/index'
|
||||||
import type { DeviceMember } from '../../lefu/index'
|
import type { DeviceMember } from '../../lefu/index'
|
||||||
import { mockMembers } from '../../mock/member.mock'
|
|
||||||
import type { MemberItem } from '../../mock/member.mock'
|
|
||||||
|
|
||||||
/** 设备卡片 */
|
/** GET /weighingScale/v3/selectUserBySn/user 返回的 result 单条结构 */
|
||||||
interface DeviceCard {
|
interface SysUserDevice {
|
||||||
id: string
|
id: string
|
||||||
|
userId: string
|
||||||
|
parentUserId: string | null
|
||||||
|
scaleDeviceId: string
|
||||||
|
deviceId: string | null
|
||||||
|
deviceType: string
|
||||||
|
dataType: number
|
||||||
|
/** 用户类型:1=主用户 0=子用户 */
|
||||||
|
userType: number
|
||||||
|
idCard: string
|
||||||
|
height: number
|
||||||
|
weight: number
|
||||||
|
birthday: string
|
||||||
|
/** 性别:1=男 2=女 */
|
||||||
|
sex: number
|
||||||
|
avatar: string | null
|
||||||
|
phone: string | null
|
||||||
|
thirdId: string | null
|
||||||
|
realname: string
|
||||||
|
bmi: number
|
||||||
|
createBy: string | null
|
||||||
|
createTime: string | null
|
||||||
|
updateBy: string | null
|
||||||
|
updateTime: string | null
|
||||||
|
delFlag: number
|
||||||
|
sn: string | null
|
||||||
|
workNo: string | null
|
||||||
|
remark: string | null
|
||||||
|
connectDeviceInfo: string | null
|
||||||
|
/** 关系标记:1=本人 2=自己添加 3=他人添加 */
|
||||||
|
relationType: number | null
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 页面展示用成员模型 */
|
||||||
|
interface MemberDisplay {
|
||||||
|
id: string
|
||||||
|
realname: string
|
||||||
|
/** '男' | '女' */
|
||||||
|
sex_dictText: string
|
||||||
|
/** 周岁,由 birthday 计算而来 */
|
||||||
|
ageDisplay: string
|
||||||
|
height: number
|
||||||
|
/** 1=本人 2=自己添加 3=他人添加 */
|
||||||
|
relationType: number
|
||||||
|
userType: number
|
||||||
|
avatar: string | null
|
||||||
|
/** 原始 sex 数值,供 lefu 层转换使用 */
|
||||||
|
sex: number
|
||||||
|
/** 周岁数值,供 lefu 层使用 */
|
||||||
|
age: number
|
||||||
|
}
|
||||||
|
|
||||||
|
/** 设备卡展示模型 */
|
||||||
|
interface DeviceCard {
|
||||||
|
/** 设备 SN,来自接口返回的 scaleDeviceId */
|
||||||
name: string
|
name: string
|
||||||
capacityUsed: number
|
capacityUsed: number
|
||||||
capacityTotal: number
|
capacityTotal: number
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* MemberItem → DeviceMember 转换
|
* 从生日字符串(YYYY-MM-DD)计算周岁
|
||||||
* lefu 层只认识 DeviceMember,业务层负责转换
|
* @param birthday 生日字符串
|
||||||
*/
|
*/
|
||||||
function toDeviceMember(m: MemberItem): DeviceMember {
|
function calcAge(birthday: string): number {
|
||||||
|
if (!birthday) return 0
|
||||||
|
const parts = birthday.split('-').map(Number)
|
||||||
|
const [year, month, day] = parts
|
||||||
|
if (!year || !month || !day) return 0
|
||||||
|
const now = new Date()
|
||||||
|
let age = now.getFullYear() - year
|
||||||
|
const nowMonth = now.getMonth() + 1
|
||||||
|
const nowDay = now.getDate()
|
||||||
|
if (nowMonth < month || (nowMonth === month && nowDay < day)) age -= 1
|
||||||
|
return Math.max(0, age)
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* MemberDisplay → DeviceMember 转换,供 lefu 同步层使用
|
||||||
|
* @param m 展示用成员
|
||||||
|
*/
|
||||||
|
function toDeviceMember(m: MemberDisplay): DeviceMember {
|
||||||
return {
|
return {
|
||||||
id: m.id,
|
id: m.id,
|
||||||
name: m.name,
|
name: m.realname,
|
||||||
gender: m.gender === '男' ? 1 : 0,
|
gender: m.sex === 1 ? 1 : 0,
|
||||||
age: m.age,
|
age: m.age,
|
||||||
height: m.height,
|
height: m.height,
|
||||||
isSelf: m.isSelf,
|
isSelf: m.relationType === 1,
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 将成员列表全量同步到设备
|
* 将成员列表全量同步到设备
|
||||||
* 成功/失败均给出 Toast 提示
|
* @param members 展示用成员列表
|
||||||
*/
|
*/
|
||||||
function syncToDevice(members: MemberItem[]): void {
|
function syncToDevice(members: MemberDisplay[]): void {
|
||||||
const deviceMembers = members.map(toDeviceMember)
|
const deviceMembers = members.map(toDeviceMember)
|
||||||
wx.showLoading({ title: '正在同步成员...', mask: true })
|
wx.showLoading({ title: '正在同步成员...', mask: true })
|
||||||
lefuService.syncMembersToDevice(deviceMembers)
|
lefuService.syncMembersToDevice(deviceMembers)
|
||||||
@@ -44,42 +114,105 @@ function syncToDevice(members: MemberItem[]): void {
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 设备成员管理页
|
||||||
|
* 通过 URL 参数 sn + 缓存中的 userId 拉取成员列表
|
||||||
|
* 连接状态实时读取 lefuService
|
||||||
|
*/
|
||||||
Page({
|
Page({
|
||||||
data: {
|
data: {
|
||||||
/** 设备连接状态(后续接入 lefuService.onConnectState 替换) */
|
connected: false,
|
||||||
connected: true,
|
/** 当前设备 SN,由 onLoad 从 URL 参数写入 */
|
||||||
|
sn: '',
|
||||||
|
loading: false,
|
||||||
deviceCard: {
|
deviceCard: {
|
||||||
id: 'device-001',
|
name: '',
|
||||||
name: 'MX-W30A1',
|
|
||||||
capacityUsed: 0,
|
capacityUsed: 0,
|
||||||
capacityTotal: 10,
|
capacityTotal: 10,
|
||||||
} as DeviceCard,
|
} as DeviceCard,
|
||||||
|
memberList: [] as MemberDisplay[],
|
||||||
memberList: [] as MemberItem[],
|
|
||||||
},
|
},
|
||||||
|
|
||||||
onLoad() {
|
onLoad(options: Record<string, string>) {
|
||||||
this._loadMembers()
|
const sn = options.sn ?? ''
|
||||||
},
|
|
||||||
|
|
||||||
/** 从 storage / mock 加载成员列表 */
|
|
||||||
_loadMembers() {
|
|
||||||
const list: MemberItem[] = wx.getStorageSync('memberList') || mockMembers
|
|
||||||
this.setData({
|
this.setData({
|
||||||
memberList: list,
|
sn,
|
||||||
'deviceCard.capacityUsed': list.length,
|
// 读取 lefuService 当前连接状态作为初始值
|
||||||
|
connected: lefuService.isConnected,
|
||||||
|
})
|
||||||
|
// 监听蓝牙连接/断连,实时更新状态
|
||||||
|
lefuService.onDeviceConnect(() => {
|
||||||
|
this.setData({ connected: true })
|
||||||
|
})
|
||||||
|
lefuService.onDisconnected(() => {
|
||||||
|
this.setData({ connected: false })
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 编辑成员 */
|
onShow() {
|
||||||
|
// 每次页面显示(含首次进入和从子页返回)均刷新列表
|
||||||
|
if (this.data.sn) {
|
||||||
|
this._loadData(this.data.sn)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
onUnload() {
|
||||||
|
// 页面销毁时清空回调,避免对已卸载页面调用 setData
|
||||||
|
lefuService.onDeviceConnect(() => {})
|
||||||
|
lefuService.onDisconnected(() => {})
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 调 v3 接口拉取成员列表,成功后更新设备名与成员数据
|
||||||
|
* @param sn 设备 SN
|
||||||
|
*/
|
||||||
|
_loadData(sn: string) {
|
||||||
|
const userInfo = wx.getStorageSync('userInfo') as { userId?: string } | null
|
||||||
|
const userId = userInfo?.userId ?? ''
|
||||||
|
this.setData({ loading: true })
|
||||||
|
|
||||||
|
get<SysUserDevice[]>('weighingScale/v3/selectUserBySn/user', { sn, userId })
|
||||||
|
.then(res => {
|
||||||
|
const list = res.result.map<MemberDisplay>(item => {
|
||||||
|
const age = calcAge(item.birthday)
|
||||||
|
return {
|
||||||
|
id: item.id,
|
||||||
|
realname: item.realname,
|
||||||
|
sex_dictText: item.sex === 1 ? '男' : '女',
|
||||||
|
ageDisplay: String(age),
|
||||||
|
height: item.height,
|
||||||
|
relationType: item.relationType ?? 2,
|
||||||
|
userType: item.userType,
|
||||||
|
avatar: item.avatar,
|
||||||
|
sex: item.sex,
|
||||||
|
age,
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// 设备名取首条记录的 scaleDeviceId,兜底用传入的 sn
|
||||||
|
const name = res.result[0]?.scaleDeviceId ?? sn
|
||||||
|
this.setData({
|
||||||
|
memberList: list,
|
||||||
|
'deviceCard.name': name,
|
||||||
|
'deviceCard.capacityUsed': list.length,
|
||||||
|
})
|
||||||
|
// 列表有变更且已连接时才同步到设备
|
||||||
|
const hasChange = JSON.stringify(this.data.memberList) !== JSON.stringify(list)
|
||||||
|
if (this.data.connected && hasChange) {
|
||||||
|
syncToDevice(list)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
.finally(() => {
|
||||||
|
this.setData({ loading: false })
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
/** 编辑成员(接口待接入) */
|
||||||
onTapEdit(e: WechatMiniprogram.TouchEvent) {
|
onTapEdit(e: WechatMiniprogram.TouchEvent) {
|
||||||
const id = e.currentTarget.dataset.id as string
|
const id = e.currentTarget.dataset.id as string
|
||||||
// TODO: 跳转编辑成员页面,编辑完成后同样需要调用 syncToDevice
|
|
||||||
wx.showToast({ title: `编辑 ${id}`, icon: 'none' })
|
wx.showToast({ title: `编辑 ${id}`, icon: 'none' })
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 删除成员:更新本地 → 同步设备 */
|
/** 删除成员(接口待接入) */
|
||||||
onTapDelete(e: WechatMiniprogram.TouchEvent) {
|
onTapDelete(e: WechatMiniprogram.TouchEvent) {
|
||||||
const id = e.currentTarget.dataset.id as string
|
const id = e.currentTarget.dataset.id as string
|
||||||
wx.showModal({
|
wx.showModal({
|
||||||
@@ -87,46 +220,14 @@ Page({
|
|||||||
content: '确定删除该成员?',
|
content: '确定删除该成员?',
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (!res.confirm) return
|
if (!res.confirm) return
|
||||||
|
wx.showToast({ title: '删除功能待接入', icon: 'none' })
|
||||||
const list = this.data.memberList.filter(m => m.id !== id)
|
|
||||||
wx.setStorageSync('memberList', list)
|
|
||||||
this.setData({
|
|
||||||
memberList: list,
|
|
||||||
'deviceCard.capacityUsed': list.length,
|
|
||||||
})
|
|
||||||
|
|
||||||
// 删除后立即同步到设备
|
|
||||||
if (this.data.connected) {
|
|
||||||
syncToDevice(list)
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 添加成员:跳转 addMember 页(未连接态禁用) */
|
/** 添加成员:未连接态禁用 */
|
||||||
onTapAddMember() {
|
onTapAddMember() {
|
||||||
if (!this.data.connected) return
|
if (!this.data.connected) return
|
||||||
wx.navigateTo({
|
wx.navigateTo({ url: '/pages/addMember/addMember' })
|
||||||
url: '/pages/addMember/addMember',
|
|
||||||
})
|
|
||||||
},
|
|
||||||
|
|
||||||
/**
|
|
||||||
* addMember 页保存成功后返回时刷新列表并同步设备
|
|
||||||
* 在 onShow 中检测 storage 变化
|
|
||||||
*/
|
|
||||||
onShow() {
|
|
||||||
const stored: MemberItem[] = wx.getStorageSync('memberList') || []
|
|
||||||
const current = this.data.memberList
|
|
||||||
// 数量有变化说明刚刚新增了成员
|
|
||||||
if (stored.length !== current.length) {
|
|
||||||
this.setData({
|
|
||||||
memberList: stored,
|
|
||||||
'deviceCard.capacityUsed': stored.length,
|
|
||||||
})
|
|
||||||
if (this.data.connected) {
|
|
||||||
syncToDevice(stored)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -43,26 +43,29 @@
|
|||||||
<!-- 信息列 -->
|
<!-- 信息列 -->
|
||||||
<view class="member-info">
|
<view class="member-info">
|
||||||
<view class="member-name-row">
|
<view class="member-name-row">
|
||||||
<view class="member-name">{{ item.name }}</view>
|
<view class="member-name">{{ item.realname }}</view>
|
||||||
<block wx:if="{{ item.isSelf }}">
|
<!-- 本人 badge -->
|
||||||
|
<block wx:if="{{ item.relationType == 1 }}">
|
||||||
<view class="badge badge-self">本人</view>
|
<view class="badge badge-self">本人</view>
|
||||||
</block>
|
</block>
|
||||||
</view>
|
</view>
|
||||||
<view class="member-meta">
|
<view class="member-meta">
|
||||||
<text class="meta-text">{{ item.gender }}</text>
|
<text class="meta-text">{{ item.sex_dictText }}</text>
|
||||||
<text class="meta-divider">·</text>
|
<text class="meta-divider">·</text>
|
||||||
<text class="meta-text">{{ item.age }}岁</text>
|
<text class="meta-text">{{ item.ageDisplay }}岁</text>
|
||||||
<text class="meta-divider">|</text>
|
<text class="meta-divider">|</text>
|
||||||
<text class="meta-text">{{ item.height }}cm</text>
|
<text class="meta-text">{{ item.height }}cm</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 右侧:他人添加 badge 或 纯文字编辑/删除 -->
|
<!-- 右侧:他人添加 badge 或 编辑/删除按钮 -->
|
||||||
<view class="member-actions">
|
<view class="member-actions">
|
||||||
<block wx:if="{{ item.isFromOther }}">
|
<!-- 他人添加:仅展示 badge -->
|
||||||
|
<block wx:if="{{ item.relationType == 3 }}">
|
||||||
<view class="badge badge-other">他人添加</view>
|
<view class="badge badge-other">他人添加</view>
|
||||||
</block>
|
</block>
|
||||||
<block wx:elif="{{ !item.isSelf }}">
|
<!-- 自己添加(relationType == 2):显示编辑/删除 -->
|
||||||
|
<block wx:elif="{{ item.relationType != 1 }}">
|
||||||
<view class="action-text" data-id="{{ item.id }}" bind:tap="onTapEdit">编辑</view>
|
<view class="action-text" data-id="{{ item.id }}" bind:tap="onTapEdit">编辑</view>
|
||||||
<view class="action-text action-text-danger" data-id="{{ item.id }}" bind:tap="onTapDelete">删除</view>
|
<view class="action-text action-text-danger" data-id="{{ item.id }}" bind:tap="onTapDelete">删除</view>
|
||||||
</block>
|
</block>
|
||||||
|
|||||||
Reference in New Issue
Block a user