面向外部客户交付的可视化绘图B端平台,核心实现画布编辑、节点锚点连线、流程建模、图纸导出等功能,支撑客户业务流程可视化设计,配套文档协作、权限管理模块。
点击空白处退出提示
面向外部客户交付的可视化绘图B端平台,核心实现画布编辑、节点锚点连线、流程建模、图纸导出等功能,支撑客户业务流程可视化设计,配套文档协作、权限管理模块。
1. 画布绘图能力:支持节点拖拽放置、自定义锚点、连线绘制、调整节点/连线样式;可绘制业务流程图、架构拓扑图,支持画布缩放、平移、多选、撤销重做;
2. 图纸属性编辑:节点可自定义填写业务属性、备注信息,支持弹窗表单编辑;图纸支持保存、另存、JSON导出、图片导出,图纸数据持久化回传后端;
3. 权限管控:区分客户用户角色,实现图纸查看、编辑、复制、删除权限隔离;图纸分类归档管理;
4. 文档联动:对接WPS WebOffice,绘图模型可关联附件文档,在线预览、编辑配套资料;
5. 业务联动:绘制好的流程图纸可绑定业务表单,完成流程填报、提交归档,实现绘图业务一体化;
6. 适配交付:画布适配PC端大屏,兼容客户浏览器环境,做操作容错、异常处理,满足企业客户日常建模使用。
基于 Vue3 + TypeScript + Vite 搭建整套可视化绘图系统架构,采用 Canvas 2D 实现二维流程图、拓扑图、业务架构图的自由绘制,结合 Three.js 实现三维场景、立体模型、3D节点渲染与空间交互,面向外部客户交付完整在线可视化绘图产品。



评论