[AI Generated]: feat(*): 新增 lefu 蓝牙服务层、mock 业务数据层及 request 请求封装,接入各页面
This commit is contained in:
@@ -162,6 +162,7 @@
|
||||
margin-right: 24rpx;
|
||||
box-sizing: border-box;
|
||||
border: 3rpx solid #50A6FF;
|
||||
background: var(--avatar-bg);
|
||||
}
|
||||
|
||||
.member-info {
|
||||
|
||||
@@ -1,135 +1,132 @@
|
||||
/** 成员项 */
|
||||
interface MemberItem {
|
||||
/** 唯一 ID */
|
||||
id: string
|
||||
/** 姓名 */
|
||||
name: string
|
||||
/** 性别 */
|
||||
gender: '男' | '女'
|
||||
/** 年龄 */
|
||||
age: number
|
||||
/** 身高(cm) */
|
||||
height: number
|
||||
/** 头像色块(无图片时使用) */
|
||||
avatar: string
|
||||
/** 是否本人 */
|
||||
isSelf: boolean
|
||||
/** 是否他人添加(只读,不显示编辑/删除) */
|
||||
isFromOther: boolean
|
||||
}
|
||||
import { lefuService } from '../../lefu/index'
|
||||
import type { DeviceMember } from '../../lefu/index'
|
||||
import { mockMembers } from '../../mock/member.mock'
|
||||
import type { MemberItem } from '../../mock/member.mock'
|
||||
|
||||
/** 设备卡片 */
|
||||
interface DeviceCard {
|
||||
/** 设备 ID */
|
||||
id: string
|
||||
/** 设备名称 */
|
||||
name: string
|
||||
/** 已使用容量(成员数) */
|
||||
capacityUsed: number
|
||||
/** 总容量 */
|
||||
capacityTotal: number
|
||||
id: string
|
||||
name: string
|
||||
capacityUsed: number
|
||||
capacityTotal: number
|
||||
}
|
||||
|
||||
/**
|
||||
* 设备成员页
|
||||
* 两态:已连接(connected=true) / 未连接(connected=false)
|
||||
* connected 为页面内部全局状态,后续接入真实设备状态时替换
|
||||
* MemberItem → DeviceMember 转换
|
||||
* lefu 层只认识 DeviceMember,业务层负责转换
|
||||
*/
|
||||
function toDeviceMember(m: MemberItem): DeviceMember {
|
||||
return {
|
||||
id: m.id,
|
||||
name: m.name,
|
||||
gender: m.gender === '男' ? 1 : 0,
|
||||
age: m.age,
|
||||
height: m.height,
|
||||
isSelf: m.isSelf,
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 将成员列表全量同步到设备
|
||||
* 成功/失败均给出 Toast 提示
|
||||
*/
|
||||
function syncToDevice(members: MemberItem[]): void {
|
||||
const deviceMembers = members.map(toDeviceMember)
|
||||
wx.showLoading({ title: '正在同步成员...', mask: true })
|
||||
lefuService.syncMembersToDevice(deviceMembers)
|
||||
.then(() => {
|
||||
wx.hideLoading()
|
||||
wx.showToast({ title: '成员同步成功', icon: 'success' })
|
||||
})
|
||||
.catch((err: Error) => {
|
||||
wx.hideLoading()
|
||||
wx.showToast({ title: err.message || '同步失败,请重试', icon: 'none' })
|
||||
})
|
||||
}
|
||||
|
||||
Page({
|
||||
data: {
|
||||
// 设备连接状态(全局,内部控制)
|
||||
connected: true,
|
||||
data: {
|
||||
/** 设备连接状态(后续接入 lefuService.onConnectState 替换) */
|
||||
connected: true,
|
||||
|
||||
// 设备卡片
|
||||
deviceCard: {
|
||||
id: 'device-001',
|
||||
name: 'MX-W30A1',
|
||||
capacityUsed: 4,
|
||||
capacityTotal: 10
|
||||
} as DeviceCard,
|
||||
deviceCard: {
|
||||
id: 'device-001',
|
||||
name: 'MX-W30A1',
|
||||
capacityUsed: 0,
|
||||
capacityTotal: 10,
|
||||
} as DeviceCard,
|
||||
|
||||
// 成员列表(色块占位头像)
|
||||
memberList: [
|
||||
{
|
||||
id: 'm-001',
|
||||
name: '陈小飞',
|
||||
gender: '男',
|
||||
age: 28,
|
||||
height: 175,
|
||||
avatar: '#1385FA',
|
||||
isSelf: true,
|
||||
isFromOther: false
|
||||
},
|
||||
{
|
||||
id: 'm-002',
|
||||
name: '李镇南',
|
||||
gender: '男',
|
||||
age: 32,
|
||||
height: 178,
|
||||
avatar: '#2AC79F',
|
||||
isSelf: false,
|
||||
isFromOther: false
|
||||
},
|
||||
{
|
||||
id: 'm-003',
|
||||
name: '张颖',
|
||||
gender: '女',
|
||||
age: 26,
|
||||
height: 165,
|
||||
avatar: '#FF8FAB',
|
||||
isSelf: false,
|
||||
isFromOther: false
|
||||
},
|
||||
{
|
||||
id: 'm-004',
|
||||
name: '李镇南',
|
||||
gender: '男',
|
||||
age: 60,
|
||||
height: 170,
|
||||
avatar: '#FFB347',
|
||||
isSelf: false,
|
||||
isFromOther: true
|
||||
}
|
||||
] as MemberItem[]
|
||||
},
|
||||
memberList: [] as MemberItem[],
|
||||
},
|
||||
|
||||
/**
|
||||
* 编辑成员
|
||||
*/
|
||||
onTapEdit(e: WechatMiniprogram.TouchEvent) {
|
||||
const id = e.currentTarget.dataset.id as string
|
||||
// TODO: 后续接入编辑成员浮层/页面
|
||||
wx.showToast({ title: `编辑 ${id}`, icon: 'none' })
|
||||
},
|
||||
onLoad() {
|
||||
this._loadMembers()
|
||||
},
|
||||
|
||||
/**
|
||||
* 删除成员
|
||||
*/
|
||||
onTapDelete(e: WechatMiniprogram.TouchEvent) {
|
||||
const id = e.currentTarget.dataset.id as string
|
||||
wx.showModal({
|
||||
title: '提示',
|
||||
content: '确定删除该成员?',
|
||||
success: (res) => {
|
||||
if (!res.confirm) return
|
||||
// TODO: 后续接入删除成员接口
|
||||
const list = this.data.memberList.filter(m => m.id !== id)
|
||||
this.setData({
|
||||
memberList: list,
|
||||
'deviceCard.capacityUsed': list.length
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
/** 从 storage / mock 加载成员列表 */
|
||||
_loadMembers() {
|
||||
const list: MemberItem[] = wx.getStorageSync('memberList') || mockMembers
|
||||
this.setData({
|
||||
memberList: list,
|
||||
'deviceCard.capacityUsed': list.length,
|
||||
})
|
||||
},
|
||||
|
||||
/**
|
||||
* 添加成员:跳转到 addMember 页
|
||||
* 未连接态禁用
|
||||
*/
|
||||
onTapAddMember() {
|
||||
if (!this.data.connected) return
|
||||
wx.navigateTo({
|
||||
url: '/pages/addMember/addMember'
|
||||
})
|
||||
}
|
||||
/** 编辑成员 */
|
||||
onTapEdit(e: WechatMiniprogram.TouchEvent) {
|
||||
const id = e.currentTarget.dataset.id as string
|
||||
// TODO: 跳转编辑成员页面,编辑完成后同样需要调用 syncToDevice
|
||||
wx.showToast({ title: `编辑 ${id}`, icon: 'none' })
|
||||
},
|
||||
|
||||
/** 删除成员:更新本地 → 同步设备 */
|
||||
onTapDelete(e: WechatMiniprogram.TouchEvent) {
|
||||
const id = e.currentTarget.dataset.id as string
|
||||
wx.showModal({
|
||||
title: '提示',
|
||||
content: '确定删除该成员?',
|
||||
success: (res) => {
|
||||
if (!res.confirm) return
|
||||
|
||||
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() {
|
||||
if (!this.data.connected) return
|
||||
wx.navigateTo({
|
||||
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)
|
||||
}
|
||||
}
|
||||
},
|
||||
})
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
<block wx:for="{{ memberList }}" wx:key="id">
|
||||
<view class="member-item">
|
||||
<!-- 头像色块 -->
|
||||
<view class="member-avatar" style="background: {{ item.avatar }};"></view>
|
||||
<view class="member-avatar" style="--avatar-bg: {{ item.avatar }};"></view>
|
||||
|
||||
<!-- 信息列 -->
|
||||
<view class="member-info">
|
||||
|
||||
Reference in New Issue
Block a user