## 功能特性 - 可视化楼层展示：根路径首页直接展示整层布局，支持缩放、平移、区域点击和工位详情查看。 - 管理端画布编排：`/admin` 页面支持拖拽创建区域、移动区域、调整大小，并实时刷新区域列表和统计数据。 - 座位区域与功能区域并存：既能创建批量工位区域，也能创建会议室、茶水间等无工位的功能区域。 - 灵活工位编号：支持多种编号顺序，可清空工位号，允许工位处于“未分配编号”状态。 - 人员与网络信息维护：每个工位可维护姓名、部门、工号、电话、备注，以及 S/W 网口和 IP 信息。 - 区域图片标注：支持为区域上传平面图或参考图片，展示端和管理端都会同步显示。 - JSON / XLSX 数据处理：管理端支持导入导出 JSON、下载 XLSX 模板、批量导入工位数据。 - 网络 IP 批量导入导出：支持按模板导入网口 IP，并导出当前全量网口信息表。 - WebSocket 实时同步：展示端和管理端可同时打开，区域与工位更新会实时广播。 - MongoDB 持久化与本地兜底：服务端 MongoDB 作为主数据源，浏览器 localStorage 作为临时缓存与断线兜底。 ### 第一次打开应用 安装应用时，配置向导现在会直接显示 `楼层显示名称` 参数，建议按真实楼层命名。楼层 ID 不再放进安装向导，避免把 `7层` 这类展示名称误填进内部 ID 后导致启动失败。 1. 部署完成后，打开 `https://seat-manager.<你的设备域名>` 进入展示端。 2. 首次安装会自动初始化一个默认楼层；如果安装向导填写了 `楼层显示名称`，首页标题和管理端标题会直接显示该值。 3. 如需维护布局，请打开 `https://seat-manager.<你的设备域名>/admin` 进入管理端。 4. 如果想修改首页左上角显示的楼层名，进入管理端后点击 `⚙️ 楼层设置`，可直接更新 `楼层显示名称`、`画布宽度 (px)` 和 `画布高度 (px)`；`楼层 ID（只读）` 仅用于展示内部标识。 ### 首次使用流程 1. 在管理端点击 `➕ 添加区域`，界面会进入 `💬 在画布上拖拽绘制新区域...` 模式。 2. 在中间画布拖出一个矩形区域后，系统会先生成一个默认 `新区域`，同时打开 `区域配置`，你可以继续修改区域名称、编码和工位参数。 3. 如果是座位区，填写 `区域名称`、`区域编码`、`工位数`、`行数`、`列数` 和 `显示顺序` 后点击 `保存`。 4. 如需标注会议室、机房、茶水间等位置，可把 `区域类型` 切换为 `功能区域（会议室、茶水间等）`。 5. 创建完区域后，可在画布上点击对应区域，或在右侧点击 `📊 查看工位分布`，直接打开 `工位分布` 弹窗。 6. 在 `工位分布` 中点击具体工位号，例如 `001`，会打开 `编辑工位：001` 面板，可录入姓名、部门/项目组、工号、电话、备注和网络接口信息。 7. 如需展示平面图，可在 `区域配置` 里的 `区域图片` 一项点击 `Choose File` 上传图片，保存后首页会同步显示。