[AI Generated]: feat(*): 新增 lefu 蓝牙服务层、mock 业务数据层及 request 请求封装，接入各页面

2026-05-13 16:18:14 +08:00
parent 38d6f0867a
commit 3f12e34afd
18 changed files with 1222 additions and 540 deletions
@@ -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)
+            }
+        }
+    },
 })