logo
0
0
WeChat Login
Ubuntu<ubuntu@localhost.localdomain>
docs: README 质量升级 — 补充 FAQ、部署说明、云函数/数据库文档

宙雨化工 · 数字员工看板

集群监控与团队管理可视化系统(TDesign + SVG)

概述

单文件 HTML 应用,宙雨化工数字员工管理看板。展示集群状态、团队指标、任务监控等实时数据,采用深色主题和 SVG 可视化。

技术特点

  • 纯前端实现,无需构建工具
  • 单文件部署(index.html)
  • TDesign 设计语言
  • SVG 数据可视化
  • 响应式布局,移动端适配
  • CSS Grid + Flexbox 布局

快速使用

直接在浏览器中打开 index.html 即可运行:

# 本地预览 open index.html # 或 python3 -m http.server 8080

功能模块

模块说明
数据概览关键指标卡片展示
集群监控实时状态 SVG 可视化
团队管理成员状态与任务分配
任务监控任务进度与执行状态

部署

支持任何静态文件托管服务:

  • CNB Pages: 推送到 main 分支自动部署
  • 腾讯云 COS: 上传 index.html 至 COS 静态网站桶
  • Nginx: 将 index.html 放入 html 目录
  • EdgeOne Pages: 上传至 EdgeOne Pages 项目

直接上传 index.html 即可,无需构建步骤。

FAQ

Q: 数据从哪里获取? A: 当前为前端模拟数据展示。接入真实数据需要配置后端 API,将数据注入到 SVG 可视化组件中。

Q: 如何修改配色方案? A: 所有样式内联在 index.html<style> 标签中,搜索颜色值(如 #3b82f6#22c55e)进行替换。

Q: 支持移动端吗? A: 已做响应式适配,使用 auto-fill Grid 布局和 overflow-x: auto 导航栏,可在手机上正常浏览。

License

MIT

About

宙雨化工 · 数字员工看板 — 集群监控与团队管理可视化系统(TDesign + SVG)

Language
HTML100%