[AI Generated]: feat(device): 设备卡片整张可点击,波纹按状态播放,配网/OTA 日志与状态判断完善

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
17792275749
2026-05-21 17:36:05 +08:00
co-authored by Claude Opus 4.7
parent ea52c495f6
commit b94ffb7995
5 changed files with 43 additions and 38 deletions
+11 -7
View File
@@ -285,24 +285,27 @@ class LeFuService {
configWifi(ssid: string, password: string): Promise<void> { configWifi(ssid: string, password: string): Promise<void> {
const version = (this._deviceInfo?.modelNumber ?? '').split('-').length === 5 ? 'domain2' : 'domain1' const version = (this._deviceInfo?.modelNumber ?? '').split('-').length === 5 ? 'domain2' : 'domain1'
console.log(TAG, 'configWifi():', ssid, version) const startTs = Date.now()
console.log(TAG, 'configNetWork():',this._deviceInfo?.modelNumber, version) console.log(TAG, 'configWifi():', ssid, version, 'ts=', startTs, 'activeProtocol=', !!this._activeProtocol)
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
if (!this._activeProtocol) { if (!this._activeProtocol) {
console.warn(TAG, 'configWifi 早期 reject_activeProtocol 为空')
reject(new Error('[LeFu] 设备未连接,无法配网')) reject(new Error('[LeFu] 设备未连接,无法配网'))
return return
} }
let settled = false let settled = false
const timer = setTimeout(() => { const timer = setTimeout(() => {
console.warn(TAG, 'configWifi 超时触发 elapsed=', Date.now() - startTs, 'settled=', settled)
if (settled) return if (settled) return
settled = true settled = true
reject(new Error('[LeFu] 配网超时,请重试')) reject(new Error('[LeFu] 配网超时,请重试'))
}, 20000) }, 20000)
const callback = (res: number) => { console.log(TAG, 'configWifi 已注册 20s 定时器 timerId=', timer)
const callback = (res: number, ...extra: any[]) => {
console.log(TAG, 'configWifi 回调 res=', res, 'extra=', extra, 'elapsed=', Date.now() - startTs, 'settled=', settled)
if (settled) return if (settled) return
settled = true settled = true
clearTimeout(timer) clearTimeout(timer)
console.log(TAG, 'configWifi 回调:', res)
res === 23 ? resolve() : reject(new Error(`[LeFu] 配网失败,错误码:${res}`)) res === 23 ? resolve() : reject(new Error(`[LeFu] 配网失败,错误码:${res}`))
} }
if (version === 'domain1') { if (version === 'domain1') {
@@ -347,8 +350,9 @@ class LeFuService {
const needUpdate = isServerNewer(mcuVer, mcuVersion) || isServerNewer(bleVer, bleVersion) const needUpdate = isServerNewer(mcuVer, mcuVersion) || isServerNewer(bleVer, bleVersion)
|| isServerNewer(wifiVer, wifiVersion) || isServerNewer(resVer, resVersion) || isServerNewer(wifiVer, wifiVersion) || isServerNewer(resVer, resVersion)
if (!needUpdate) { resolve(false); return } if (!needUpdate) { resolve(false); return }
this._activeProtocol.codeOtaUpdate((status: boolean) => { this._activeProtocol.codeOtaUpdate((status: number) => {
status ? reject(new Error('[LeFu] OTA 升级失败')) : resolve(true) console.log(`codeOtaUpdatecodeOtaUpdatecodeOtaUpdate ${status}`)
status != 0 ? reject(new Error('[LeFu] OTA 升级失败')) : resolve(true)
}) })
}) })
.catch(reject) .catch(reject)
@@ -405,7 +409,7 @@ class LeFuService {
const clearTimer = setTimeout(() => reject(new Error('[LeFu] 清除设备成员超时')), 15000) const clearTimer = setTimeout(() => reject(new Error('[LeFu] 清除设备成员超时')), 15000)
this._activeProtocol.codeClearDeviceData('01', (clearRes: number) => { this._activeProtocol.codeClearDeviceData('01', (clearRes: number) => {
clearTimeout(clearTimer) clearTimeout(clearTimer)
if (clearRes !== 0x00) { reject(new Error('[LeFu] 清除设备成员失败')); return } if (clearRes != 0) { reject(new Error('[LeFu] 清除设备成员失败')); return }
let index = 0 let index = 0
let syncTimer: number | null = null let syncTimer: number | null = null
@@ -16,22 +16,28 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
/* 波纹圆环 */ /* 波纹圆环:默认隐藏,仅在 .ripple--active 时播放动画 */
.ripple-ring { .ripple-ring {
position: absolute; position: absolute;
width: 300rpx; width: 300rpx;
height: 300rpx; height: 300rpx;
border-radius: 50%; border-radius: 50%;
background-color: #1385FA; background-color: #1385FA;
animation: ripple-expand 2.4s ease-out infinite; opacity: 0;
} }
.ripple-ring--delay1 { &.ripple--active {
animation-delay: 0.8s; .ripple-ring {
} animation: ripple-expand 2.4s ease-out infinite;
}
.ripple-ring--delay2 { .ripple-ring--delay1 {
animation-delay: 1.6s; animation-delay: 0.8s;
}
.ripple-ring--delay2 {
animation-delay: 1.6s;
}
} }
/* 中心实心圆 + 图标 */ /* 中心实心圆 + 图标 */
@@ -159,6 +159,16 @@ Page({
console.log(TAG, 'lefuService.startScan() 已调用') console.log(TAG, 'lefuService.startScan() 已调用')
}, },
/** 点击整张卡片:已连接 → 跳转配网页;未连接 → 走连接流程 */
onTapCard(e: WechatMiniprogram.TouchEvent) {
const connected = e.currentTarget.dataset.connected as boolean
if (connected) {
wx.navigateTo({ url: '/pages/connectedWifi/connectedWifi' })
return
}
this.onConnect(e)
},
/** 连接指定设备 */ /** 连接指定设备 */
onConnect(e: WechatMiniprogram.TouchEvent) { onConnect(e: WechatMiniprogram.TouchEvent) {
const index = e.currentTarget.dataset.index as number const index = e.currentTarget.dataset.index as number
@@ -1,7 +1,7 @@
<view class="connected-device"> <view class="connected-device">
<!-- 三层同心圆波纹动画 --> <!-- 三层同心圆波纹动画:仅在非 idle(已点击开始搜索)时播放 -->
<view class="ripple"> <view class="ripple {{ status === 'idle' ? '' : 'ripple--active' }}">
<view class="ripple-ring"></view> <view class="ripple-ring"></view>
<view class="ripple-ring ripple-ring--delay1"></view> <view class="ripple-ring ripple-ring--delay1"></view>
<view class="ripple-ring ripple-ring--delay2"></view> <view class="ripple-ring ripple-ring--delay2"></view>
@@ -55,7 +55,7 @@
<block wx:if="{{ status === 'found' }}"> <block wx:if="{{ status === 'found' }}">
<view class="device-list"> <view class="device-list">
<block wx:for="{{ deviceList }}" wx:key="name"> <block wx:for="{{ deviceList }}" wx:key="name">
<view class="device-card"> <view class="device-card" data-index="{{ index }}" data-connected="{{ item.connected }}" bind:tap="onTapCard">
<view class="card-icon"> <view class="card-icon">
<image src="/images/device/{{ item.name }}.png" mode="aspectFit" style="width:100%;height:100%;"></image> <image src="/images/device/{{ item.name }}.png" mode="aspectFit" style="width:100%;height:100%;"></image>
</view> </view>
@@ -69,10 +69,10 @@
</block> </block>
</view> </view>
<block wx:if="{{ item.connected }}"> <block wx:if="{{ item.connected }}">
<view class="card-btn-danger" bind:tap="onDisconnect">断开连接</view> <view class="card-btn-danger" catch:tap="onDisconnect">断开连接</view>
</block> </block>
<block wx:else> <block wx:else>
<view class="card-btn-primary" data-index="{{ index }}" bind:tap="onConnect">连接</view> <view class="card-btn-primary" data-index="{{ index }}" catch:tap="onConnect">连接</view>
</block> </block>
</view> </view>
</block> </block>
+4 -19
View File
@@ -118,7 +118,6 @@ Page({
const raw = wx.getStorageSync('userInfo') as StorageUserInfo | null const raw = wx.getStorageSync('userInfo') as StorageUserInfo | null
if (!raw?.userId) return if (!raw?.userId) return
wx.showLoading({ title: '加载中...', mask: true })
get<MeasureHistoryVO>('weighingScale/v3/getMeasureHistory', { get<MeasureHistoryVO>('weighingScale/v3/getMeasureHistory', {
userId: raw.userId, userId: raw.userId,
}, { loading: false }) }, { loading: false })
@@ -144,9 +143,6 @@ Page({
} }
this.setData({ hasData: true, record }) this.setData({ hasData: true, record })
}) })
.finally(() => {
wx.hideLoading()
})
}, },
/** OTA 固件检测,连接成功后自动调用,有新版本直接升级,整个页面生命周期只触发一次 */ /** OTA 固件检测,连接成功后自动调用,有新版本直接升级,整个页面生命周期只触发一次 */
@@ -154,22 +150,11 @@ Page({
if (this._otaChecked) return if (this._otaChecked) return
this._otaChecked = true this._otaChecked = true
lefuService.checkAndUpgrade() lefuService.checkAndUpgrade()
.then(needUpdate => { .then(() => {
if (!needUpdate) return
wx.showLoading({ title: '固件升级中...', mask: true }) wx.showLoading({ title: '固件升级中...', mask: true })
lefuService.checkAndUpgrade() setTimeout(() => {
.then(() => { wx.hideLoading()
wx.hideLoading() }, 15000)
wx.showModal({
title: '升级完成',
content: '固件升级成功,请重新开启设备',
showCancel: false,
})
})
.catch((err: Error) => {
wx.hideLoading()
wx.showToast({ title: err.message || '升级失败,请重试', icon: 'none' })
})
}) })
.catch(() => {}) .catch(() => {})
}, },