06765f99db
- 使用 Taro + React 重写 H5 用户端（替换旧的 React+Vite+H5 实现）
- 6 个页面：登录、首页、设备列表、设备详情、仓体详情、个人中心
- Zustand 状态管理 + API 层封装 11 个接口
- 后端 H5 路由：新增仪表盘/项目/设备/充电控制接口，组织数据隔离
- 扫码入口：/h5/{abstract_id} → 免认证查设备 + 登录后跳转
- 管理端：新增绑定码管理、二维码展示下载、设备绑定/替换 IMEI
- 产品落地页更新（hero-bg + logo 替换）
- 接口对齐修复：修正 action 路径/请求体，DashboardData 和 CabinetItem 字段匹配后端
- 布局兼容性：grid → flex，提升移动浏览器兼容性
- 移除旧 H5 项目 software/h5/
45 lines
1.4 KiB
TypeScript
45 lines
1.4 KiB
TypeScript
import React, { useEffect } from 'react'
|
|
import { useDidShow, useDidHide } from '@tarojs/taro'
|
|
import Taro from '@tarojs/taro'
|
|
import { useH5AuthStore } from './store/auth'
|
|
import './app.css'
|
|
|
|
function App(props: { children: React.ReactNode }) {
|
|
const restore = useH5AuthStore((s) => s.restore)
|
|
const isAuthenticated = useH5AuthStore((s) => s.isAuthenticated)
|
|
|
|
useEffect(() => {
|
|
restore()
|
|
}, [restore])
|
|
|
|
// Handle QR scan entry: URL rewritten by index.html script
|
|
useEffect(() => {
|
|
const abstractId: string | undefined = (window as any).__SCAN_ABSTRACT_ID__
|
|
if (!abstractId) return
|
|
|
|
if (isAuthenticated) {
|
|
import('./api').then(({ h5Api }) => {
|
|
h5Api.getCabinetByAbstract(abstractId)
|
|
.then((res) => Taro.navigateTo({ url: `/pages/device-detail/index?id=${res.data.id}` }))
|
|
.catch(() => Taro.redirectTo({ url: `/pages/login/index?abstract_id=${abstractId}` }))
|
|
})
|
|
} else {
|
|
Taro.redirectTo({ url: `/pages/login/index?abstract_id=${abstractId}` })
|
|
}
|
|
// ponytail: runs once on mount, auth changes handled by redirect
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}, [isAuthenticated])
|
|
|
|
useDidShow(() => {
|
|
// ponytail: analytics hook, add when needed
|
|
})
|
|
|
|
useDidHide(() => {
|
|
// ponytail: cleanup hook, add when needed
|
|
})
|
|
|
|
return <>{props.children}</>
|
|
}
|
|
|
|
export default App
|