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

This commit is contained in:
17792275749
2026-05-13 16:18:14 +08:00
parent 38d6f0867a
commit 3f12e34afd
18 changed files with 1222 additions and 540 deletions
@@ -1,179 +1,167 @@
/** WiFi 项模型 */
import { lefuService } from '../../lefu/index'
import type { LeFuWifiItem, WifiVersion } from '../../lefu/index'
/** WiFi 展示项 */
interface WifiItem {
/** WiFi 唯一 id */
id: string
/** WiFi 名称(SSID) */
name: string
ssid: string
/** 是否已通过本页配网成功 */
connected: boolean
}
/** 当前已连接设备(顶部卡片) */
/** 当前已连接设备顶部卡片 */
interface CurrentDevice {
/** 设备唯一 id */
id: string
/** 设备名称 */
name: string
}
/** 密码态选中的 WiFi */
interface SelectedWifi {
/** WiFi id,空字符串表示未选中 */
id: string
/** WiFi 名称 */
name: string
ssid: string
}
/** 页面状态 */
type WifiStatus = 'idle' | 'searching' | 'list' | 'empty' | 'password'
// 是否 mock 能搜索到 WiFi,false 则走空状态
const MOCK_HAS_WIFI = true
// 模拟搜索耗时(毫秒)
const MOCK_SEARCH_DURATION = 600
type WifiStatus = 'idle' | 'searching' | 'list' | 'empty' | 'password' | 'configuring'
Page({
/* 搜索定时器引用,onUnload 时清理 */
_searchTimer: null as number | null,
/** 配网协议版本,两种都支持,默认 domain2(有鉴权) */
_wifiVersion: 'domain2' as WifiVersion,
data: {
/**
* 页面状态
* - idle: 未搜索(进入页面默认态,onLoad 立即流转)
* - searching: 搜索中
* - list: 搜索完成且有 WiFi
* - empty: 搜索完成但无 WiFi
* - password: 从列表选中某项后进入密码输入态
* - idle: 未搜索
* - searching: 正在从设备获取 WiFi 列表
* - list: 列表已就绪
* - empty: 设备未扫描到任何 WiFi
* - password: 选中某项,正在输入密码
* - configuring: 正在将 WiFi 写入设备
*/
status: 'idle' as WifiStatus,
/* 当前已连接的设备(从上一页带过来的固定卡片信息) */
/** 顶部固定卡片(从上一页状态中读取,当前先用占位) */
currentDevice: {
id: 'mock-device',
name: '智能体重秤 Pro',
id: '',
name: '智能体重秤',
} as CurrentDevice,
/* WiFi 列表(connected: true 表示已通过本页配网成功的网络) */
/** WiFi 列表 */
wifiList: [] as WifiItem[],
/* 是否已有任一 WiFi 配网成功,决定底部「确认」按钮是否可点击 */
/** 是否已有任一 WiFi 配网成功 */
hasConnected: false,
/* 当前密码态选中的 WiFi */
selectedWifi: {
id: '',
name: '',
} as SelectedWifi,
/** 当前密码态选中的 WiFi */
selectedWifi: { ssid: '' } as SelectedWifi,
/* 密码输入框值 */
/** 密码输入框值 */
selectWifiPWD: '',
/* 密码框明文/密文切换:true 为密文(默认),false 为明文 */
/** 密码框明文/密文切换true 为密文默认 */
type: true,
},
onLoad() {
/* 设计稿表达"进入页面立即搜索",但状态机仍由 idle 起步,
* 此处手动调用按钮事件,避免"自动逻辑"与"按钮逻辑"分叉 */
// idle 起步,通过统一入口触发搜索
this.onStartSearch()
},
onUnload() {
/* 清除搜索定时器,防止页面卸载后还触发 setData */
if (this._searchTimer) {
clearTimeout(this._searchTimer)
this._searchTimer = null
}
// 页面卸载时不调用 stopScan,蓝牙连接由 home 页维持
},
/* 开始搜索:idle/empty/list → searching → list/empty */
/** 从设备获取 WiFi 列表 */
onStartSearch() {
this.setData({ status: 'searching' })
this.setData({ status: 'searching', wifiList: [] })
this._searchTimer = setTimeout(() => {
if (MOCK_HAS_WIFI) {
this.setData({
status: 'list',
wifiList: [
{ id: 'wifi-1', name: 'Rk-Health-5G', connected: false },
{ id: 'wifi-2', name: 'Rk-Guest', connected: false },
{ id: 'wifi-3', name: 'ChinaNet-7Hk2', connected: false },
{ id: 'wifi-4', name: 'TP-LINK_8899', connected: false },
],
})
} else {
this.setData({ status: 'empty', wifiList: [] })
}
}, MOCK_SEARCH_DURATION)
lefuService.getWifiList()
.then((items: LeFuWifiItem[]) => {
if (!items.length) {
this.setData({ status: 'empty' })
return
}
const list: WifiItem[] = items.map(item => ({
ssid: item.ssid,
connected: false,
}))
this.setData({ status: 'list', wifiList: list })
})
.catch(() => {
this.setData({ status: 'empty' })
})
},
/* 空态刷新」:重新进入搜索 */
/** 空态刷新 */
onRefresh() {
this.onStartSearch()
},
/* 点击某个 WiFi 项 → 进密码态 */
/** 点击 WiFi 项 → 进密码态 */
onTapWifi(e: WechatMiniprogram.TouchEvent) {
const id = e.currentTarget.dataset.id as string
const target = this.data.wifiList.find(item => item.id === id)
if (!target) return
/* 已连接项再次点击不进入密码态 */
if (target.connected) return
const ssid = e.currentTarget.dataset.ssid as string
const target = this.data.wifiList.find(item => item.ssid === ssid)
if (!target || target.connected) return
this.setData({
status: 'password',
selectedWifi: { id: target.id, name: target.name },
selectedWifi: { ssid },
selectWifiPWD: '',
type: true,
})
},
/* 密码输入 */
/** 密码输入 */
passwordInput(e: WechatMiniprogram.Input) {
this.setData({ selectWifiPWD: e.detail.value })
},
/* 密码明文/密文切换 */
/** 明文/密文切换 */
inputTypeChange() {
this.setData({ type: !this.data.type })
},
/* 密码态「取消」:回列表态,清空当前选中 */
/** 密码态「取消」回列表 */
onCancelPwd() {
this.setData({
status: 'list',
selectedWifi: { id: '', name: '' },
selectedWifi: { ssid: '' },
selectWifiPWD: '',
})
},
/* 密码态「连接」:把对应项标 connected,回列表态 */
/** 密码态「连接」→ 将 WiFi 写入设备 */
onConfirmPwd() {
const { selectedWifi, wifiList } = this.data
if (!selectedWifi.id) return
const { selectedWifi, selectWifiPWD } = this.data
if (!selectedWifi.ssid) return
const next = wifiList.map(item => ({
...item,
connected: item.id === selectedWifi.id,
}))
this.setData({ status: 'configuring' })
wx.showLoading({ title: '正在配网...', mask: true })
this.setData({
status: 'list',
wifiList: next,
hasConnected: true,
selectedWifi: { id: '', name: '' },
selectWifiPWD: '',
})
lefuService.configWifi(selectedWifi.ssid, selectWifiPWD, this._wifiVersion)
.then(() => {
wx.hideLoading()
// 配网成功:标记该 WiFi,回列表态
const next = this.data.wifiList.map(item => ({
...item,
connected: item.ssid === selectedWifi.ssid,
}))
this.setData({
status: 'list',
wifiList: next,
hasConnected: true,
selectedWifi: { ssid: '' },
selectWifiPWD: '',
})
})
.catch((err: Error) => {
wx.hideLoading()
wx.showToast({ title: err.message || '配网失败,请重试', icon: 'none' })
this.setData({ status: 'password' })
})
},
/* 列表底部「确认」:必须有连接成功的 WiFi 才可点击 */
/** 底部「确认」:已有 WiFi 配网成功才可点击 */
onConfirm() {
if (!this.data.hasConnected) return
wx.navigateTo({
url: '/pages/supplementPersonal/supplementPersonal',
})
wx.navigateTo({ url: '/pages/supplementPersonal/supplementPersonal' })
},
})