买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！

龙图腾网获悉中国人民解放军国防科技大学申请的专利基于VUE构建可拖拽的个性化布局页面的方法和系统获国家发明授权专利权，本发明授权专利权由国家知识产权局授予，授权公告号为：CN115878933B 。

龙图腾网通过国家知识产权局官网在2026-04-03发布的发明授权授权公告中获悉：该发明授权的专利申请号/专利号为：202211591035.8，技术领域涉及：G06F16/958；该发明授权基于VUE构建可拖拽的个性化布局页面的方法和系统是由李璇;肖开明;黄宏斌;刘丽华;吴继冰;周华春;姚萍设计研发完成，并于2022-12-12向国家知识产权局提交的专利申请。

本基于VUE构建可拖拽的个性化布局页面的方法和系统在说明书摘要公布了：本发明提供一种基于VUE构建可拖拽的个性化布局页面的方法和、系统、存储介质和电子设备，涉及可视化建模技术领域。本发明包括，创建VUE可视化图表组件并初始化配置；创建一个echarts的图表容器；添加前台对对应的图表组件名页面配置的属性项；并在公共配置属性页面引入该图表组件；引入配置的属性项页面；将注册组件的option配置属性页面统一暴露；注册echart图表组件并暴露；封装拖拽移动的组件，进行组件注册的数据传入；保存大屏，将所有配置好的相关数据；同时通过html2canvas生成大屏图片并保存至本地。方便用户配置个人首页内容的展现形式，以拖拽的方式实现用户自己工作台的布局。

本发明授权基于VUE构建可拖拽的个性化布局页面的方法和系统在权利要求书中公布了：1.一种基于VUE构建可拖拽的个性化布局页面的方法，其特征在于，包括： S1、创建VUE可视化图表组件并初始化配置； S2、创建一个echarts的图表容器； S3、添加前台对对应的图表组件名页面配置的属性项；并在公共配置属性页面引入该图表组件；引入配置的属性项页面；将注册组件的option配置属性页面统一暴露； S4、注册echart图表组件并暴露； S5、封装拖拽移动的组件，进行组件注册的数据传入； S6、保存大屏，将所有配置好的相关数据；同时通过html2canvas生成大屏图片并保存至本地； 所述S5中通过注入劫持和混入方法进行组件注册的数据传入，包括该组件拖拽位置和组件缩放大小； 所述S5中还包括： 页面加载时候初始化判断是否引入echart包，以此作为组件拖拽生成echart图表的依赖； 监听每次updateChart方法用来更新每次修改的图表属性，再通过props传参给父组件去监听触发该方法； 封装拖拽组件通过父子传参，父组件通过mixins方法引入的数据传给子组件，子组件通过props接收； 通过props接收拖拽组件各个属性配置的传参； 拖拽组件包括盒子失去焦点时所触发的事件，将拖拽组件的宽、高以及定位赋值封装； 以及鼠标拖拽放下事件，组件位置定位于鼠标相对于浏览器的topbar宽度；将每个组件的定位都保存在nav列表。

如需购买、转让、实施、许可或投资类似专利技术，可联系本专利的申请人或专利权人中国人民解放军国防科技大学，其通讯地址为：410073 湖南省长沙市开福区德元西路109号；或者联系龙图腾网官方客服，联系龙图腾网可拨打电话0551-65771310或微信搜索“龙图腾网”。

以上内容由龙图腾AI智能生成。