Pine/DPM
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity
40 Commits 1 Branch 1 Tag
29bdad316f8ae8c309be4bca63eaabdbd311ba8d
Commit Graph

14 Commits

Author SHA1 Message Date
Pine 29bdad316f feat: 播放控制移入页眉 + 媒体铺满智能裁切 
页眉播放控制（仅媒体轮播页）：
- 新增 MediaHeaderControls：播放/暂停、上一段/下一段、序号、当前文件名（点击进后台）、声音解锁
- 新增 mediaControl 共享状态桥：媒体页同步播放状态，页眉订阅渲染并下发指令
- 移除媒体页底部控制区，媒体区保持纯净全屏

媒体展示：
- .ms-media 改为 object-fit: cover，填满整个容器并智能居中裁切（原 contain 留黑边）

修复：
- MediaScreen useEffect 依赖数组引用后声明函数导致的 TDZ 崩溃
- 清理 MediaScreen 中不再使用的 Icon/cleanName/togglePlayPause
 2026-08-17 22:45:46 +08:00
Pine 07dbd404a9 refactor: 弱化媒体播放控制区 + MQTT 客户端 ID 唯一化 
播放控制区：
- 从底部中央移到右下角，整体缩小（播放键 42→30px、导航键 34→26px）
- 背景更透（0.8→0.55）、阴影更轻，视觉弱化不抢内容
- 播放名不再显示完整地址：URL 媒体只显示文件名（cleanName 清洗，去掉协议/路径/查询）

MQTT 客户端 ID：
- 后端 client_id 由固定 dpm-backend 改为 dpm-backend-{pid}-{随机}，多实例不互踢
- 前端 client_id 增加时间戳 + 更高熵随机，避免多屏/多标签竞争
 2026-08-17 22:16:22 +08:00
Pine 7bb0e9024a fix: 修复大屏播放控制链路 
前端：
- useMqttControl 指令分发补上 play_target（此前被静默丢弃，立即播放无法触发大屏跳转）
- MediaScreen 重构 playTarget：pendingTargetRef 统一刷新播放列表路径，
  消除与 playlist_changed 重载的竞态（避免跳转被旧索引覆盖）

后端：
- storage.add_to_playlist 自动识别 URL 来源（source=url），
  修复 URL 媒体加入播放列表后被当本地文件过滤、永远无法播放的问题
- _load 时规范化旧数据（source=None 的 http 条目自动补 url）
 2026-08-17 21:59:13 +08:00
Pine c55835fb7d fix: 管理后台连接状态 + 修复按钮无响应 
连接状态（正式）：
- /api/display/state 扩展：screens_online（大屏心跳统计，opc/display/heartbeat）+ last_command（最近指令与发布结果）
- 前端大屏每 10s 上报心跳（稳定 client_id），后端 30s TTL 统计在线大屏数
- 管理台新增「连接状态」卡片：后端/MQTT/在线大屏/最近指令，3s 轮询刷新

按钮无响应根治：
- admin.js 改为 document 事件委托（data-nav/data-control/data-action/复制/预览），不再依赖逐个绑定
- /static 与 /admin 响应加 no-cache 头，杜绝旧 JS/CSS 缓存导致的按钮失效
- SSE 不再自动重载页面（避免与操作回调双重重载清掉反馈）；立即播放改为 toast 不重载
 2026-08-17 21:54:28 +08:00
Pine 856ff88440 feat: 拆出 FastAPI 独立后端 + MQTT 控制 + 阿里云 AI 
后端（backend/，FastAPI :10085）：
- 全部数据 REST 接口：dashboard 快照 / 企业分区 / 播放列表 / 媒体 / 设置
- MQTT 控制通道：opc/display/command（切页/播放/卡片/通知），
  管理端 POST /api/display/command → MQTT 广播 → 所有大屏同步响应
- 阿里云 DashScope：通义千问 LLM + 函数调用（工具经 MQTT 广播），
  paraformer-realtime-v2 语音识别 /api/ai/asr
- 媒体资源统一由后端存储返回（上传/列表/静态服务）
- SSE /api/events 保留作 MQTT 不可用时的兼容回退

前端：
- config.js + .env.local 配置后端地址与 MQTT 账号（前端 dpm / 服务端 dpmserver）
- mqtt.js 客户端 + useMqttControl（MQTT 驱动切页/媒体/卡片/通知）
- DpmOverlays 全局覆盖层（通知 toast + 企业/分区/总览卡片）
- useParkSim 改为后端 API 数据源（离线回退本地模拟）
- AiChatPanel：对话走后端 LLM（工具调用），语音走本地录音 + 后端 ASR
- MediaScreen：媒体控制走 MQTT（保留 SSE 回退），修复 useEffect TDZ

Rust：lib.rs 移除内嵌 HTTP 服务器，只保留薄壳（窗口/权限/自启/npc 隧道）
安全：backend/.env、.env.local、media、data.json 已 gitignore
 2026-08-17 21:26:16 +08:00
Pine 7da9749953 feat: 新增 AI 智能助手对话页面（/ai） 
- 布局沿用数字孪生页接口：左侧 AI 对话区 + 右侧企业分布面板
- 新增共享 ParkSidePanel 组件（分区/企业名录/详情/实时动态），
  数字孪生与 AI 助手页右侧完全一致
- 新增 AiChatPanel 对话组件：欢迎语 + 消息流 + 快捷提问 + 输入发送，
  内置园区知识库模拟回复（入驻/政策/场地/AI 赋能/分区/企业/融资/就业/导师）
- 路由与导航循环加入 /ai（数据大屏 → 数字孪生 → AI 助手 → 媒体轮播）
- usePageNav 忽略输入框/文本域按键，避免输入方向键误切页面
- 新增 send/eraser/headset/circle-dot 图标，全部遵守 bd- 浅色科技 UI 规范
 2026-08-17 20:26:16 +08:00
Pine 84b3f12146 refactor: 页眉由 App 统一注入（ScreenLayout），三页共用一致页眉 
- 新增 ScreenLayout 布局路由：注入共享 PageHeader + 全局左右键循环导航
- PageHeader 无 props，按路由自动识别状态（数据实时/3D 实时/媒体播放）
- DataScreen / DigitalTwin / MediaScreen 移除各自页眉，避免重复
- 页脚按页面按需保留（数据大屏 + 媒体轮播，数字孪生无）
- 管理后台不参与导航循环；旧 /screen2 路由移除
- 补齐 MediaScreen 音量/播放/翻页图标与浅色主题样式
 2026-08-17 20:08:45 +08:00
Pine af326571da - 更新前端支持触控操作 2026-05-14 15:07:41 +08:00
Pine 1f3bd690f0 - 优化界面全屏、视频上传进度条、视频自动裁切铺满屏幕 2026-05-13 02:21:29 +08:00
Pine 9590d5916f - 修复局域网访问 2026-05-13 02:01:52 +08:00
Pine ba737e18bd - 修复win的协议支持 2026-05-13 01:49:19 +08:00
Pine d9b0aa27e5 - 图标优化、视频缩略图 2026-05-13 01:19:41 +08:00
Pine 2bd68815fd - 端口修复 2026-05-13 00:18:13 +08:00
Pine 4ad266f6c4 - tauri 设计完成 2026-05-12 23:19:37 +08:00