Mik-
前端开发工程师 · 2年经验 · 晟盾科技股份有限公司
0
累计接单
0
用户评价
0
被收藏
技术能力
本人是一名专注于 Web 前端开发的软件工程师，具备扎实的计算机基础和良好的工程化开发能力。熟悉 JavaScript、TypeScript、HTML5、CSS3 等前端核心技术，能够独立完成项目的设计、开发与上线工作。
技术栈方面，熟练掌握 Vue2/Vue3 全家桶、uni-app 跨端框架、微信小程序原生开发等主流技术，熟悉 Element UI / Element Plus / uView Plus 等组件库的使用与二次封装，掌握 Vuex/Pinia 状态管理、组件化开发、前端性能优化、Webpack/Vite 工程化配置以及多端适配开发。具备 Node.js 后端开发能力，了解 Express、MySQL、Redis 等技术栈，能够完成前后端联调及简单后端服务开发。熟悉 Git 等开发工具，具有良好的代码规范意识和团队协作能力。
可独立完成的工作包括：中后台管理系统开发、微信小程序及公众号 H5 开发、PC 及移动端页面开发、前端性能优化、项目维护与功能迭代、接口对接及前后端联调等。工作认真负责，沟通高效，能够根据业务需求快速交付高质量代码，并积极主动推动问题解决。
期待通过专业的技术能力和负责任的工作态度，为团队创造价值，实现个人与公司的共同成长。
技术栈方面，熟练掌握 Vue2/Vue3 全家桶、uni-app 跨端框架、微信小程序原生开发等主流技术，熟悉 Element UI / Element Plus / uView Plus 等组件库的使用与二次封装，掌握 Vuex/Pinia 状态管理、组件化开发、前端性能优化、Webpack/Vite 工程化配置以及多端适配开发。具备 Node.js 后端开发能力，了解 Express、MySQL、Redis 等技术栈，能够完成前后端联调及简单后端服务开发。熟悉 Git 等开发工具，具有良好的代码规范意识和团队协作能力。
可独立完成的工作包括：中后台管理系统开发、微信小程序及公众号 H5 开发、PC 及移动端页面开发、前端性能优化、项目维护与功能迭代、接口对接及前后端联调等。工作认真负责，沟通高效，能够根据业务需求快速交付高质量代码，并积极主动推动问题解决。
期待通过专业的技术能力和负责任的工作态度，为团队创造价值，实现个人与公司的共同成长。
项目经验
12345 呼叫中心热线系统
技术栈： Vue2 + Element UI + Ruoyi 框架 + SCSS + ECharts
项目时间： 2025.08 - 至今
行业场景
立项背景：
为贯彻落实国务院办公厅《关于进一步优化地方政务服务便民热线的指导意见》（国办发〔2020〕53号）要求，推进政务服务便民热线归并优化，实现"一号对外、集中受理、分类处置、统一协调、各方联动、限时办理"的工作目标，某市启动 12345 政务服务便民热线系统建设项目。旨在解决原有政务热线号码多、忙线率高、办理流程不统一、督办考核难量化等痛点问题，提升政务服务效能和群众满意度。
业务背景：
12345 热线是政府联系群众的"连心桥"，承担着全市政务咨询、投诉举报、意见建议等诉求的受理与转办工作。系统覆盖市、区县、街道（乡镇）、社区（村）四级政务体系，对接 50+ 市级部门和 10+ 区县政府，日均受理市民诉求 5000+ 件，年均处理工单 180 万+ 件，是城市基层治理的重要数字化枢纽。
功能介绍
核心功能模块：
模块
功能说明
话务受理模块
来电弹屏、智能 IVR 导航、坐席工作台、通话录音、话务质检
工单管理模块
工单创建、分类派单、流转审批、督办催办、办结归档、满意度评价
权限管理模块
用户管理、角色管理、菜单权限、数据权限、部门管理、操作日志
知识库模块
知识分类、全文检索、智能推荐、知识审核、知识统计
统计分析模块
话务统计、工单统计、效能分析、热点分析、可视化报表
督查考核模块
办理时限监控、超期预警、部门考核、红黄牌督办
系统管理模块
字典管理、参数配置、日志管理、消息通知
主要功能描述：
市民通过 12345 电话、微信公众号、小程序等多渠道提交诉求，坐席人员统一受理并生成标准化工单；系统根据诉求类型、所属区域自动分派至对应承办单位，承办单位在规定时限内办理并反馈；办理过程中支持多级督办、超期预警、退回重办等流程机制；办结后自动触发满意度回访，形成"受理-派单-办理-反馈-评价"的完整闭环。系统同时提供多维度数据统计分析，为政府决策提供数据支撑。
项目实现
个人职责：
- 负责权限管理模块的前端设计与开发，基于 RBAC 模型实现用户-角色-菜单-按钮四级权限体系，支持动态路由生成和数据权限隔离，覆盖 200+ 权限点配置
- 主导工单管理模块前端开发，实现工单全生命周期管理（创建/分派/流转/督办/归档），包含 15+ 种工单状态、30+ 个操作节点、多级审批流程
- 封装通用业务组件 10+ 个（工单选择器、流程时间线、附件上传、地址选择器等），减少重复代码 40%，提升团队开发效率
- 负责统计分析模块可视化报表开发，基于 ECharts 实现 20+ 种数据图表，支持多维度筛选和数据下钻
- 优化系统首屏加载性能，通过路由懒加载、组件按需引入、图片压缩、CDN 加速等手段，将首屏加载时间从 3.2s 降至 1.8s，提升 44%
- 使用 Cursor + Copilot 辅助开发，编码效率提升 40%，Bug 率降低 25%
技术架构：
- 前端架构： 采用 Vue2 + Element UI 技术栈，基于 Ruoyi 框架二次开发，使用 Vuex 状态管理、Vue Router 路由管理
- 后端架构： Spring Boot + Spring Security + MyBatis Plus，采用微服务架构，网关层使用 Spring Cloud Gateway
- 数据层： MySQL 主从 + Redis 缓存 + Elasticsearch 全文检索
- 部署架构： Nginx 反向代理 + Docker 容器化部署，支持横向扩展
技术亮点与难点：
- 动态权限路由： 基于后端返回的菜单树动态生成路由和侧边栏，实现按钮级权限控制，解决了不同角色页面差异化展示的问题
- 工单流程引擎： 设计通用的工单流转组件，支持可视化配置审批节点和条件分支，适配 10+ 种不同业务流程，避免硬编码
- 大数据量表格性能优化： 针对工单列表 10 万+ 数据量场景，采用虚拟滚动 + 分页加载方案，解决页面卡顿问题，滚动帧率稳定在 60fps
- 多系统数据对接： 对接 5+ 外部政务系统接口，统一封装请求拦截器和响应处理器，处理跨域、鉴权、异常等共性问题
技术栈： Vue2 + Element UI + Ruoyi 框架 + SCSS + ECharts
项目时间： 2025.08 - 至今
行业场景
立项背景：
为贯彻落实国务院办公厅《关于进一步优化地方政务服务便民热线的指导意见》（国办发〔2020〕53号）要求，推进政务服务便民热线归并优化，实现"一号对外、集中受理、分类处置、统一协调、各方联动、限时办理"的工作目标，某市启动 12345 政务服务便民热线系统建设项目。旨在解决原有政务热线号码多、忙线率高、办理流程不统一、督办考核难量化等痛点问题，提升政务服务效能和群众满意度。
业务背景：
12345 热线是政府联系群众的"连心桥"，承担着全市政务咨询、投诉举报、意见建议等诉求的受理与转办工作。系统覆盖市、区县、街道（乡镇）、社区（村）四级政务体系，对接 50+ 市级部门和 10+ 区县政府，日均受理市民诉求 5000+ 件，年均处理工单 180 万+ 件，是城市基层治理的重要数字化枢纽。
功能介绍
核心功能模块：
模块
功能说明
话务受理模块
来电弹屏、智能 IVR 导航、坐席工作台、通话录音、话务质检
工单管理模块
工单创建、分类派单、流转审批、督办催办、办结归档、满意度评价
权限管理模块
用户管理、角色管理、菜单权限、数据权限、部门管理、操作日志
知识库模块
知识分类、全文检索、智能推荐、知识审核、知识统计
统计分析模块
话务统计、工单统计、效能分析、热点分析、可视化报表
督查考核模块
办理时限监控、超期预警、部门考核、红黄牌督办
系统管理模块
字典管理、参数配置、日志管理、消息通知
主要功能描述：
市民通过 12345 电话、微信公众号、小程序等多渠道提交诉求，坐席人员统一受理并生成标准化工单；系统根据诉求类型、所属区域自动分派至对应承办单位，承办单位在规定时限内办理并反馈；办理过程中支持多级督办、超期预警、退回重办等流程机制；办结后自动触发满意度回访，形成"受理-派单-办理-反馈-评价"的完整闭环。系统同时提供多维度数据统计分析，为政府决策提供数据支撑。
项目实现
个人职责：
- 负责权限管理模块的前端设计与开发，基于 RBAC 模型实现用户-角色-菜单-按钮四级权限体系，支持动态路由生成和数据权限隔离，覆盖 200+ 权限点配置
- 主导工单管理模块前端开发，实现工单全生命周期管理（创建/分派/流转/督办/归档），包含 15+ 种工单状态、30+ 个操作节点、多级审批流程
- 封装通用业务组件 10+ 个（工单选择器、流程时间线、附件上传、地址选择器等），减少重复代码 40%，提升团队开发效率
- 负责统计分析模块可视化报表开发，基于 ECharts 实现 20+ 种数据图表，支持多维度筛选和数据下钻
- 优化系统首屏加载性能，通过路由懒加载、组件按需引入、图片压缩、CDN 加速等手段，将首屏加载时间从 3.2s 降至 1.8s，提升 44%
- 使用 Cursor + Copilot 辅助开发，编码效率提升 40%，Bug 率降低 25%
技术架构：
- 前端架构： 采用 Vue2 + Element UI 技术栈，基于 Ruoyi 框架二次开发，使用 Vuex 状态管理、Vue Router 路由管理
- 后端架构： Spring Boot + Spring Security + MyBatis Plus，采用微服务架构，网关层使用 Spring Cloud Gateway
- 数据层： MySQL 主从 + Redis 缓存 + Elasticsearch 全文检索
- 部署架构： Nginx 反向代理 + Docker 容器化部署，支持横向扩展
技术亮点与难点：
- 动态权限路由： 基于后端返回的菜单树动态生成路由和侧边栏，实现按钮级权限控制，解决了不同角色页面差异化展示的问题
- 工单流程引擎： 设计通用的工单流转组件，支持可视化配置审批节点和条件分支，适配 10+ 种不同业务流程，避免硬编码
- 大数据量表格性能优化： 针对工单列表 10 万+ 数据量场景，采用虚拟滚动 + 分页加载方案，解决页面卡顿问题，滚动帧率稳定在 60fps
- 多系统数据对接： 对接 5+ 外部政务系统接口，统一封装请求拦截器和响应处理器，处理跨域、鉴权、异常等共性问题
立即沟通
