浙江省高速公路联网收费业务平台(103)  项目介绍: 浙江省高速公路联网收费业务平台是一个高度智能化、信息化的项目，通过电子收费和智能管理 提高高速公路的运行效率、降低管理成本，同时为车主提供更加便捷的通行体验。通过这个平台， 浙江省的高速公路实现了信息共享、数据互通与统一管理，是智能交通建设的重要组成部分。  岗位职责: 需求评审，按时完成需求开发;自测完善，保障上线成功率;  技术栈: Vue2, cts-ui, scss，axios，webpack，vuex,，echarts,，element，git，jenkins  项目优化: 1. 基于报表需求，和UI协作输出模板页面，提高了前端开发效率，减少重复开发工作 2. 优化Jenkins构建流程中的打包指令，将打包后的磁盘占用空间从1.3G降低至800M 3. 解决依赖版本未锁定导致的样式错乱问题 4. 实现了全屏功能，并成功解决了使用浏览器全屏API时，导致全局提示信息无法展示的问题; 并输出“全屏问题复盘”文档一份 5. 通过本地覆盖的自测技巧，保障路经比对自测的完整性，提高上线成功率，输出“本地覆盖” 文档一份 6. 解决车道日志的显示和无法选中复制的问题，并输出“CodeMirror问题复盘”文档一份 7. 解决路经比对中的图片对比功能，输出图片比对组件及文档一份 8. 复杂逻辑进行代码重构，优化代码逻辑，提高代码可读性和可扩展性 9. 通过Chrome devtools中的Performance和Lighthouse面板对形目进行性能评估和优化，页 面加载时间减少40%，包体积大小减少20%  模块介绍: 1. 公务卡管理:根据角色权限对跨路段和全路网下属站点树数据结构调整，结合vue-treeselect 组件 2. 收费业务:新增集装箱二次优惠查询和绿通二次优惠查询模块，绿通二次优惠查询主要展示的 是车辆通过出入口站后的账单信息，支持详情查看;集装箱二次优惠查询分为人工和浙沪两部分， 支持详情查看车辆关联流水以及该车的其他通行流水 3. 管理业务:新增清分结算可视化模块，首页依据通行日期、车牌*与颜色，以及流水号可查 询展示车辆通行信息明细，详情模块展示基础信息，业主收益信息以及收费、拆分分析内容;收 费分析支持行驶、收费路径两部分的路径表信息比对;拆分分析支持收费、行驶路径分别与拆分 路径进行比对;重新拆分明细计算，依据拆分方式分为OD拆分，门架拆分和省在线拆分，根据不 同的拆分方式对新旧单元拆分明细和新旧业主收益信息进行比对 4. 交易流水查询模块:新增牌识流水和流水查询，牌识流水展示的是识别车牌对应的路公司、 项目经验 断面、门架编号、交易时间等信息;流水查询展示的是车辆的车型、车种、出入口站的时间信息; 5. 统计分析:新增门架牌识合格率模块，分为门架车牌识别合格比例统计和门架车牌识别数据匹 配率明细，比例统计围绕日期、管理单位和路公司三个方面从牌似识别匹配率展示门架的信息， 包含管理单位、路公司和门架数量;匹配率明细从日期和路公司两个条件查询展示门架车牌识别 数据信息，支持数据的导入和导出

建德封控拦截系统  项目介绍: 本系统可通过配置页面实现卡点增删改查功能，并在布控页面下新建并下发布控任务，新建布控 任务时可以建立布控任务、卡点、民警之间1:N:N的对应关系;在实时预警页面，会有整个建德的 地图展示，地图上主要显示最新的一条预警、民警定位、卡点定位、卡点关联的设备定位，并可 在此页面实现预警详情查看、设备视频预览、单兵视频预览。对卡点、布控任务、历史预警同样 支持分页查询。  资源配置: 1个后端+2个前端+1个视觉+1个交互  岗位职责: 作为该项目前端的负责人，分配开发任务，统筹项目进度，帮助项目负责人协调资源解决项目需 求;后期现场驻场，与用户积极沟通，并针对用户提出的新需求或需求变更及时响应，从而保障 项目顺利验收。  技术栈: vue3，vuex，vue-router，ant-design，webpack，echarts，AR，极简播放器，json-server  项目优化: 1. 公安网门户驾驶舱的针对不同分辨率显示器的自适应问题 2. 极简播放器对于Vue2和vue3的兼容问题 3. 地图撒点的设备点位弹窗偏移以及地图无法初始化问题 4. 使用zTree异步加载设备树的卡顿问题以及勾选节点的回显卡顿问题 5. 地图hmap2.5.0版本在现场电脑加载失败和现场公安电脑配置的问题 6. 解决极简播放器视频窗口无法叠加放大按钮，多窗口视频预览放大其中一个，其他小屏视频窗 口叠在全屏之上的问题 7. 优化低配电脑对于地图加载、移动缩放、打点画轨迹的卡顿问题 8. 解决hmap(地图引擎)结合zTree插件使用过程中遇到的数组方法flat重写问题 项目经验  项目优化: 9. 输出预警卡片组件、异步树解决方案  模块介绍: 1. 系统管理模块:主要用于实现卡点配置的功能:配置页面配置卡点位置、卡点半径、关联设 备等信息，配置完成点击保存存入系统，以便后续布控任务关联 2. 动态布控模块:实现布控任务下发与历史布控任务管理，布控任务分为人脸布控，车辆布控 和多维布控。人脸布控可对单人脸或人员名单库进行布控;车辆布控可对单车辆或车辆名单库; 多维布控可对单人脸和车牌同时进行布控;布控列表可查看历史建立的布控任务，可以在此页面 点选布控任务进行启用、关闭以及查看详情 3. 实时预警模块:实时预警的展示，页面上已建德市地图为背景，在地图上撒点展示卡点信息、 卡点关联设备信息，卡点关联民警信息等，点击卡点可以推送距离卡点最近的四个点位视频，点 击地图上设备图标展示设备信息，点击设备信息中的视频预览按钮，可选择替换正在预览中的视 频。点击地图上民警标志可展示民警信息和单兵视频预览

易网办共享平台(*小程序)  项目描述: 远程取证应用平台面向涉案公众以及案审和法制部门的民警，通过视频会议的形式连接民警和涉 案公众，结合线上做笔录以及签字确认笔录、法律文书和证据的能力，实现远程取证。远程取证 应用平台将取证流程线上化，解决“取证地域跨度大而协调难”〞疫情原因无法接触性取 证”“证明文件等纸质材料的提交和修改不便”“证明件忘携带而多跑”等问题，降低民警的取 证成本，提升取证效率，让公众办事“少跑一趟”。  功能要点: 人脸核验，图片上传，人体定位，视频会议，websocket通信，用户签字，OCR身份证扫描， 小程序内部跳转其他小程序以及跳转其他链接等功能。  岗位职责: 跨部门协作开发，此项目由总部牵头，微影传感部门，业务中心两个部门进行资源支撑，个人主 要负责小程序侧开发。作为部门内第一个*小程序的开发者，在开发过程中独立解决所有遇到 的问题。根据用户提出的需求，协助产品设计师实现交互逻辑，从而实现需求落地。  技术难点: 1. 封装自适应头部导航栏 2. 原生canvas进行多内容签字IOS和Android的兼容问题 3. 解决背景图的显示问题:在*开发者工具中可以使用绝对路径的背景图进行展示，但在真 项目经验 机上无法显示 4. 解决小程序video组件无法播放视频，页面滑动底部出现白条，*开发者工具调试器不显 示wxml的问题 5. 解决小程序无法跳转*端设置选项窗口的问题 6. 跨部门协商解决视频会议取流、推流、视频显示比例的问题 7. 解决*小程序图片上传api存在兼容性问题 8. 通过CDN、删除无用的组件和插件、开启组件懒注入、懒加载等方式优化小程序的性能