数据模型 / 图层 / 控制台

数据面板 DataModel · Layers · Outline · Console

编辑器 / 数据面板
DataModel 驱动 SelectionModel 统一 实时联动
数据模型 DataModel 12
⤢
⤡
📄 网络拓扑 (DataModel) 12
📦 group_核心区 3
🔲 core-sw-01 Node
🔲 core-sw-02 Node
🔗 edge_core1_2 Edge
📦 group_生产区 5
🔲 agg-sw-02 Node
🔲 acc-sw-03 Node
🔀 router-01 Node
🔲 srv-01 Node
🔗 edge_acc_srv Edge
🛡️ fw-01 Node
🔗 edge_core_fw Edge
🔗 edge_fw_prod Edge
图层 Layers 4
+ 新建
🗑
↑
↓
背景层2 L4
拓扑节点层8 L3
连线层6 L2
标注层3 L1

背景层可见
拓扑节点层可见
连线层隐藏
标注层锁定
控制台 Console ● 运行
🗑 清空
⬇
10:24:01.012[load] 已加载图纸「网络拓扑.json」,共 12 个图元
10:24:01.045[init] DataModel 初始化完成,SelectionModel 就绪
10:24:02.118[render] GraphView 渲染完成,耗时 12ms
10:24:15.332[select] 选中节点 router-01 (id: node1024)
10:24:30.001[prop] 属性「border.width」超出推荐范围 [0, 10],当前值: 12
10:24:45.667[data] 数据源 REST 请求成功,更新 8 个节点属性
10:24:50.123[data] 数据源 MQTT 连接超时,已切换为本地 Mock
10:25:01.000[save] 自动保存成功 → autosave/网络拓扑_20260930.json
10:25:02.500[anim] 动画「呼吸」已应用到 router-01,循环播放
10:25:10.200[export] 导出图片 network.png 成功 (1920×1080)
数据模型: 12 个图元
图层: 4 层
选中: router-01
控制台: 10 条日志