项目描述：

该项目作为光伏运维管理中的重要一环，通过智能图像自动巡检光伏组件，诊断光伏组件的热斑、灰尘等故障，形成诊断报告，供运维人员分析。

技术栈：

Vue、ES6、Swiper、Vue Compare Image、SSE、Html2canvas、jspdf、elementUI

责任描述：

二次封装elemenUI组件并快速搭建页面；
使用SSE功能上传多张图片，并实时查看相应状态；
选用 Vue Compare Image 组件库来实现图片对比功能；
封装指令解决el-button点击不失焦 + 用户重复点击问题；
封装指令解决按钮权限问题；
解决导出PDF时出现切割内容的问题。
项目收获：

通过遍历DOM元素，比较高度与A4纸高度，若超过则插入空白占位DOM，将元素推至第二页，解决页面切割内容问题，确保打印/导出内容与A4纸高度对齐，提升布局准确性和可读性；
在选择第三方组件库时，需要综合考虑兼容性、性能、体积、文档、社区支持、定制性和授权等因素。通过充分的调研和试用，选择适合项目需求的高质量组件库，提升开发效率；
将与特定的 DOM 元素、事件、表单、权限控制或动画效果相关的功能或操作封装成指令，可以提高代码的复用性、可维护性和可读性。