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