状态图例
在线 / 正常
告警 / 延迟高
离线 / 中断
未知
端口号与链路的「本端接口名」一致时会自动关联，行首圆点显示该链路通断（实心=已连线，空心=仅台账登记）。
连接对象可以直接填画布上的设备名（点击端口行可跳转），也可以填墙面面板、备用等任意文字。
纯前端单文件工具，无需联网；工程自动保存在本机浏览器中。
| 添加设备 | 从左侧设备库拖拽到画布，或双击设备库图标放到画布中心 |
| 连接设备 | 鼠标悬停设备，拖出边缘蓝色圆点到目标设备；或按 L 进入连线模式后依次点击两台设备 |
| 框选 / 多选 | 空白处按住左键拖动框选；Shift+点击 增减选中；Ctrl+A 全选 |
| 平移 / 缩放 | 滚轮缩放；空格或鼠标中键/右键拖动平移；Ctrl+0 适应画布 |
| 复制 / 粘贴 | Ctrl+C / Ctrl+V / Ctrl+D 再制；方向键微调位置 |
| 删除 | 选中后按 Delete，或在设备上右键 → 删除 |
| 重命名 / 改 IP | 选中后在右侧属性面板编辑，画布标签实时更新 |
| 实时监控 | 开启后模拟设备状态变化与链路流量动画，可手动指定每台设备状态 |
| 导出 | 导出 PNG（2 倍高清）/ SVG 矢量图 / PDF 文档（可选贴合内容尺寸或 A4）/ 工程 JSON（可再次导入继续编辑） |
| 自动布局 | 以选中设备（或第一台）为根，按连接层级自动排列，可切换横/纵布局 |
| 自定义设备 | 点顶部「自定义设备」或设备库底部「＋ 新建」：可命名、归到新分类，图标支持内置图标／表情文字／上传自己的 SVG，建好后与内置设备一样可拖拽连线 |
| 单台设备换外观 | 选中设备后在「外观」区单独改图标、显示尺寸（小/标准/大）、强调色、是否隐藏 IP，不影响同类型的其他设备 |
| 维护记录 | 选中主机、打印机等设备后，在属性面板「维护记录」区登记：维护类型、日期、内容、责任人、费用、计划下次维护。填了「下次维护」后，到期前 30 天节点左上角显示黄色扳手，超期变红色并标注超期天数 |
| 维护台账 | 设备属性里「导出 CSV」导出单台记录；顶部「维护台账」或画布设置里的按钮可导出全园区台账（Excel 可直接打开） |
| 主机配置 | 选中设备后「主机配置」三块可折叠：硬件配置（CPU/内存/硬盘/显卡/系统）、资产信息（资产编号/使用人/部门/位置/购入日期/保修至）、网络配置（掩码/网关/DNS/VLAN）。硬盘每行填一块 |
| 保修提醒 | 填了「保修至」后，过期显示红色盾牌，到期前 60 天显示黄色盾牌；维护到期则是扳手图标，两者以形状区分 |
| 资产清单 | 点空白处 → 画布设置 →「导出资产配置清单」，把全园区的硬件、资产、网络配置汇总成一张 Excel 表 |
| 端口面板 | 交换机 / 路由器 / 防火墙 / 光猫下方自动列出每个端口接了哪台设备（默认开启）。端口名取链路的「本端/对端接口名」，没填则按连接顺序自动编号；行首圆点显示该链路通断。点击端口面板里的任意一行，可跳转到对端设备 |
| 端口名怎么填 | 选中两台设备之间的连线 → 右侧链路属性「本端接口名 / 对端接口名」，填 GE1/0/1、E0/2 这类真实接口号。在「画布设置」里可随时关闭端口面板 |
| 自定义端口表 | 选中交换机 / 路由器 →「端口表」→「编辑端口表…」，可手动维护完整端口清单：端口号、连接对象、备注。支持按接口数批量生成（如 24 口一次性建号）、从连线导入、拖拽排序外的上移下移、导出单台端口表 |
| 未连线的端口 | 端口表里的行如果没画对应连线，会显示空心圆点和灰色文字，表示"仅台账登记"——适合登记墙面面板、备用端口、电话机等不画进拓扑的连接 |