• 技术栈 ：Vue3 、Element-plus 、Typescript 、Pinia 、Echarts 、百度谷歌地图等。• 项目简述 ：物联网用户端 ，一套全面的智能家居控制系统 ，实现对家中灯光 、窗帘 、空调 、安防等设备的远程控制和智能化管理 。提供多协议 ，多设备的接入功能 ，模拟场景功能与车联网功能。• 项目职责 : 1、负责车联网、反馈工单、拓扑图操作设备、智能家居等模块的实现与维护 。2、封装智能安防进度条，封装智能家居详情页、消息中心等组件，实现车联网的电子围栏与区域检测功能。3、重构项目的场景模块：拆分代码大于400行的组件、完善ts工具类型、函数命名、scss的函数复用等。• 项目难点 : 实现车辆区域检测功能时，百度地图多了一个二次确认步骤，且与谷歌地图样式不统一，但又不支持自定义。• 解决方案 : 先通过阅读源码了解了实现思路，随后自己实现了区域检测功能。可以兼容百度与谷歌地图，实时计算区域面积、拖拽到地图边缘移动地图。通过创建Mask遮罩层解决在禁用地图拖拽事件时，依旧可以监听鼠标事件，并实时绘制区域状态。