设计一个“实验室管理系统”的后台页面,模块名称为“数据分析决策子系统”。页面用于展示实验运行的多维度数据统计和趋势分析,支持图表展示、维度切换、关键指标查看等功能。页面风格专业蓝白色,支持大屏查看。 --- ### 1. 顶部页头 - 系统名称:“实验室管理系统” - 当前模块标题:“数据分析决策子系统” - 页头右侧显示当前用户:admin,带头像和退出菜单 - 背景为深蓝色,白色字体,科技感强 --- ### 2. 左侧导航菜单(灰色背景) 菜单项包括: - 实验计划管理 - 实验任务管理 - 实验设备管理 - 实验场地管理 - ✅ 数据分析决策(当前高亮) - 系统设置 --- ### 3. 主页面内容(右侧) 页面布局为多个**统计卡片 + 图表面板 + 数据维度切换区**组合,分模块展示。 --- #### 3.1 核心指标统计卡片区(顶部四个横向卡片) 每个卡片以图标 + 主要数字 + 简短描述组成: - 📅 本月新增实验计划:32 项 - ✅ 当前进行中任务:14 个 - 🧪 本季度使用设备次数:216 次 - 🧱 实验场地利用率:78.4% 卡片背景为浅蓝、浅绿、浅紫、浅橙,视觉对比强,图标美观 --- #### 3.2 数据分析图表区(中部主模块) 采用 2 行 × 2 列布局,共 4 个核心图表区域: **图表1:任务完成趋势(折线图)** - X轴为月份,Y轴为已完成任务数量 - 显示近12个月的变化趋势 - 可切换查看不同实验类别趋势(环境、电磁、计量) **图表2:实验计划状态分布(饼图)** - 展示当前计划状态占比(未开始、进行中、已完成、暂停) - 彩色标签高对比显示 **图表3:设备使用强度(柱状图)** - 横轴为设备名称或类别(最多前10项) - 纵轴为使用频次 - 可切换为“按部门分类”或“按类型分类” **图表4:场地利用时段热力图(时间热力图)** - 横轴为小时(0~24),纵轴为实验场地 - 颜色越深表示利用率越高,适用于资源调度优化 --- #### 3.3 数据维度筛选区(可选上方浮动筛选栏) - 日期范围选择器(默认显示最近30天) - 筛选条件:实验类别 / 所属部门 / 负责人 - 筛选按钮(蓝色),重置按钮 --- #### 3.4 页面底部:数据导出与报告功能 - 导出按钮:支持导出当前筛选数据为PDF/Excel - 生成月度统计报告按钮(灰色) - 按钮组右侧备注:“统计结果来源于系统各模块,支持自定义模板” --- ### 页面风格要求: - 全页面响应式设计,适配大屏、笔记本 - 图表样式统一(ECharts风格),色彩有序不跳色 - 使用现代仪表盘风格布局,卡片+图表混排 - 文字简洁,图表说明清晰,交互友好 - Initial Deployment
2c2d3f7
verified