[AI Generated]: chore(*): 统一页面后缀为TS+LESS并清理searchDevice页

2026-05-12 09:47:40 +08:00
parent 3b4a5e1b0d
commit 441baf66ad
12 changed files with 89 additions and 27 deletions
@@ -0,0 +1,179 @@
+/** WiFi 项模型 */
+interface WifiItem {
+    /** WiFi 唯一 id */
+    id: string
+    /** WiFi 名称(SSID) */
+    name: string
+    /** 是否已通过本页配网成功 */
+    connected: boolean
+}
+
+/** 当前已连接设备(顶部卡片) */
+interface CurrentDevice {
+    /** 设备唯一 id */
+    id: string
+    /** 设备名称 */
+    name: string
+}
+
+/** 密码态选中的 WiFi */
+interface SelectedWifi {
+    /** WiFi id,空字符串表示未选中 */
+    id: string
+    /** WiFi 名称 */
+    name: string
+}
+
+/** 页面状态 */
+type WifiStatus = 'idle' | 'searching' | 'list' | 'empty' | 'password'
+
+// 是否 mock 能搜索到 WiFi,false 则走空状态
+const MOCK_HAS_WIFI = true
+
+// 模拟搜索耗时(毫秒)
+const MOCK_SEARCH_DURATION = 600
+
+Page({
+    /* 搜索定时器引用,onUnload 时清理 */
+    _searchTimer: null as number | null,
+
+    data: {
+        /**
+         * 页面状态
+         *  - idle:      未搜索(进入页面默认态,onLoad 立即流转)
+         *  - searching: 搜索中
+         *  - list:      搜索完成且有 WiFi
+         *  - empty:     搜索完成但无 WiFi
+         *  - password:  从列表选中某项后进入密码输入态
+         */
+        status: 'idle' as WifiStatus,
+
+        /* 当前已连接的设备(从上一页带过来的固定卡片信息) */
+        currentDevice: {
+            id: 'mock-device',
+            name: '智能体重秤 Pro',
+        } as CurrentDevice,
+
+        /* WiFi 列表(connected: true 表示已通过本页配网成功的网络) */
+        wifiList: [] as WifiItem[],
+
+        /* 是否已有任一 WiFi 配网成功,决定底部「确认」按钮是否可点击 */
+        hasConnected: false,
+
+        /* 当前在密码态选中的 WiFi */
+        selectedWifi: {
+            id: '',
+            name: '',
+        } as SelectedWifi,
+
+        /* 密码输入框值 */
+        selectWifiPWD: '',
+
+        /* 密码框明文/密文切换:true 为密文(默认),false 为明文 */
+        type: true,
+    },
+
+    onLoad() {
+        /* 设计稿表达"进入页面立即搜索",但状态机仍由 idle 起步,
+         * 此处手动调用按钮事件,避免"自动逻辑"与"按钮逻辑"分叉 */
+        this.onStartSearch()
+    },
+
+    onUnload() {
+        /* 清除搜索定时器,防止页面卸载后还触发 setData */
+        if (this._searchTimer) {
+            clearTimeout(this._searchTimer)
+            this._searchTimer = null
+        }
+    },
+
+    /* 开始搜索:idle/empty/list → searching → list/empty */
+    onStartSearch() {
+        this.setData({ status: 'searching' })
+
+        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)
+    },
+
+    /* 空态「刷新」:重新进入搜索 */
+    onRefresh() {
+        this.onStartSearch()
+    },
+
+    /* 点击某个 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
+
+        this.setData({
+            status: 'password',
+            selectedWifi: { id: target.id, name: target.name },
+            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: '' },
+            selectWifiPWD: '',
+        })
+    },
+
+    /* 密码态「连接」:把对应项标 connected,回列表态 */
+    onConfirmPwd() {
+        const { selectedWifi, wifiList } = this.data
+        if (!selectedWifi.id) return
+
+        const next = wifiList.map(item => ({
+            ...item,
+            connected: item.id === selectedWifi.id,
+        }))
+
+        this.setData({
+            status: 'list',
+            wifiList: next,
+            hasConnected: true,
+            selectedWifi: { id: '', name: '' },
+            selectWifiPWD: '',
+        })
+    },
+
+    /* 列表底部「确认」:必须有连接成功的 WiFi 才可点击 */
+    onConfirm() {
+        if (!this.data.hasConnected) return
+
+        wx.navigateTo({
+            url: '/pages/supplementPersonal/supplementPersonal',
+        })
+    },
+})