仲裁智能引导登记 H5 系统
项目介绍:面向劳动仲裁群众的移动端线上办事平台,支持语音 / 文字提交诉求、AI 智能匹
配案由、线上申请、文书签署,实现仲裁业务 “线上办”,覆盖全市办事群众。 项目经历
专业技能
技术栈:Vite + TypeScript + Vue3 + Vant + Less + Axios + pdf-vue3 + marked
完成全页面移动端兼容适配,基于 Less 定义全局样式变量,统一页面视觉规范。
引入 vite-plugin-svg-icons 实现 SVG 图标按需自动引入。
二次封装 Axios,统一全局请求拦截、异常捕获、响应处理逻辑,减少重复代码。
使用 Fetch 流式请求对接 AI 接口,实现 AI 文本逐行动态展示,优化交互体验;通过
marked 将 Markdown 文本转为结构化 HTML 渲染。
封装递归动态表单,根据用户选择案由自动渲染对应申请字段。
基于 pdf-vue3 实现 PDF 在线预览与电子签署功能。
集成录音转文字、文字语音播报能力,降低群众文字输入门槛,提升线上办事效率。
数字庭审集成管理终端
项目介绍:劳动仲裁庭审一体化硬件管理系统,集成摄像控制、身份核验、证据上传、实时语
音转写、电子笔录签字、录像回放等功能,实现庭审全流程数字化。
技术栈:Vite + TS + Vue3 + Pinia + Element Plus + Axios + WebSocket
使用 Pinia 统一管理庭审全局状态、语音转写内容,解决多页面数据同步错乱问题,保
障业务数据一致性. 通过 WebSocket 对接外部硬件设备:扫描仪、电子签字屏、海康摄像头,实现摄像头调
焦、画面马赛克、设备状态实时监听。
原生 JS 开发虚拟列表组件,解决庭审海量笔录长列表卡顿问题,显著降低内存占用。
Canvas 绘制实时麦克风音量可视化面板,直观展示设备收音状态;实现录像文字检索定
位播放功能。
对接在线文档 API,庭审转写内容实时同步写入 Word 文档,支持证据材料在线预览、下
载。
湘潭工资支付协调服务多端系统
项目介绍:湘潭市劳动监察多端办公平台,包含管理端、业务后台、移动端,实现人员权限、
任务分配、项目监管、数据统计一体化管理。
技术栈:Vue-Cli + Element Plus + Vant + ECharts + 百度地图 API
通过 VueRouter 路由守卫全局拦截 Token,实现统一登录授权校验;搭建 RBAC 角色权
限体系,动态渲染侧边栏、操作按钮权限。
改造 Vue-Cli 构建配置,采用多入口分包构建方案,将管理端、业务端、移动端拆分为
独立入口分别打包,各端资源隔离,减少单包体积,单独部署、按需发布。
集成百度地图 API,实现建设项目点位标记、经纬度存储、地址精准检索、区域筛选。
使用 ECharts 搭建数据统计看板,可视化展示欠薪预警、项目数量、工资发放等业务指
标。
完成全业务模块增删改查开发,统一封装附件下载、表单校验工具方法。
人社政务可视化大屏集群
项目介绍:包含农民工工资监控预警、劳动关系管控、仲裁业务管控多套省级大屏,面向人社
监管部门,实现全省用工、欠薪、仲裁案件数据实时可视化监控与分级风险预警。
技术栈:Vue3 + ElementUI + ECharts + 百度地图 API
统一封装大屏图表、地图组件,使用 ECharts Geo 湖南省级地图,划分三级预警等级,
切换省市区域自动同步全页面数据。
通过折线图、柱状图、环形图展示用工备案、结案率、欠薪预警等核心指标,使用 CSS3D
动画提升大屏视觉效果。
利用百度地图 Marker、信息弹窗展示全省在建项目点位,支持区县区域遮罩筛选;使用
Dialog 弹窗展示明细多级页面。
适配大屏自适应布局,支持视频背景动态渲染,统一全局 UI 样式,保证多套大屏视觉规
范统一。
金保二期劳动关系管理子系统
项目介绍:湖南省人社一体化系统核心子系统,覆盖工资支付、监控预警、报表统计、文书管
理、硬件 OCR 识别等业务模块。
技术栈:vue-cli + vue-router + axios + element UI + echarts + 百度地图 API
原生 JS 开发穿梭框组件,递归封装无限层级动态表格,支撑复杂报表统计展示。
封装可复用 WebSocket 硬件组件,统一实现身份证读取、OCR 识别、证据上传、电子签
字功能,多页面复用。
地图模