设计一个实验室管理系统的后台页面，模块名称为“实验设备管理子系统”。页面结构包含顶部页头、左侧导航栏、右侧为主内容区。页面风格专业、扁平化、蓝白色调。 --- ### 1. 顶部页头 - 左侧显示系统名称：“实验室管理系统” - 中部模块标题：“实验设备管理子系统” - 右上角显示用户信息：“admin”，带头像和下拉菜单（含退出登录） - 页头为深蓝色背景，白色字体 --- ### 2. 左侧导航菜单（竖向排列，灰色背景） 菜单项包括： - 实验计划管理 - 实验任务管理 - 实验协同规划设计 - ✅ 实验设备管理（当前高亮） - 实验场地管理 - 系统设置 --- ### 3. 主工作区（右侧页面）：实验设备管理功能界面 #### 3.1 页面顶部操作栏 - 页面标题：“实验设备总览与台账管理” - 操作按钮： - “+ 添加设备”（蓝色主按钮） - “批量导入设备” - “导出设备列表” - 搜索框 + 放大镜图标 --- #### 3.2 筛选区（横向排列） - 设备分类：下拉框（仪器、工装、传感器、平台、易耗品） - 所属部门：下拉框 - 当前状态：多选（在用、空闲、维修中、校验中、报废） - 计量状态筛选：是否到期 - 查询按钮（蓝色） --- #### 3.3 设备列表区域（表格展示） 字段包括： - 设备编号（唯一） - 设备名称 - 型号/规格 - 所属部门 - 当前状态（彩色标签） - 启用日期 - 最近计量时间 - 校验有效期 - 使用次数 - 操作（查看 / 编辑 / 维修 / 报废） 示例数据： - DEV-001 / 精密温控箱 / WT-X100 / 环境试验部 / 🟢 在用 / 2022-05-01 / 2024-07-01 / 2025-07-01 / 18次 - DEV-023 / 电磁兼容测试仪 / EMC-8K / 电测组 / 🔴 校验中 / 2023-01-01 / 2025-01-15 / 2026-01-15 / 42次 --- #### 3.4 设备状态看板（可视化展示区域，位于列表上方或右侧） - 图形方式展示设备状态分布： - 仪表盘或饼图显示当前设备状态占比（在用、空闲、维修中等） - 条形图展示各部门设备使用数量、故障次数 - 提供计量到期提醒条数、维修中设备数量高亮显示 --- #### 3.5 设备详情弹窗（点击“查看”按钮弹出） 展示完整设备信息： - 基本信息：编号、名称、规格、分类、状态、所属部门、启用时间 - 计量信息：周期、最近校验时间、下次提醒时间 - 保养信息：周期设置、维修记录、保养记录（时间、人员、内容） - 使用日志：被哪个任务使用、时间段、使用人 --- #### 3.6 分页器 - 位于列表底部，支持每页显示10/20/50条记录 --- ### 页面样式要求： - 所有状态使用彩色标签区分（绿色=在用、灰色=空闲、红色=维修中、蓝色=校验中、黑色=报废） - 图标统一风格，支持图形化与表格混合展示 - 支持响应式布局，可适配大屏设备管理后台场景 - Initial Deployment

initial commit