项目描述:
该项目作为光伏运维管理中的重要一环,通过智能图像自动巡检光伏组件,诊断光伏组件的热斑、灰尘等故障,形成诊断报告,供运维人员分析。
技术栈:
Vue、ES6、Swiper、Vue Compare Image、SSE、Html2canvas、jspdf、elementUI
责任描述:
二次封装elemenUI组件并快速搭建页面;
使用SSE功能上传多张图片,并实时查看相应状态;
选用 Vue Compare Image 组件库来实现图片对比功能;
封装指令解决el-button点击不失焦 + 用户重复点击问题;
封装指令解决按钮权限问题;
解决导出PDF时出现切割内容的问题。
项目收获:
通过遍历DOM元素,比较高度与A4纸高度,若超过则插入空白占位DOM,将元素推至第二页,解决页面切割内容问题,确保打印/导出内容与A4纸高度对齐,提升布局准确性和可读性;
在选择第三方组件库时,需要综合考虑兼容性、性能、体积、文档、社区支持、定制性和授权等因素。通过充分的调研和试用,选择适合项目需求的高质量组件库,提升开发效率;
将与特定的 DOM 元素、事件、表单、权限控制或动画