[AI Generated]: feat(*): 新增 lefu 蓝牙服务层、mock 业务数据层及 request 请求封装,接入各页面
This commit is contained in:
@@ -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' })
|
||||
},
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user