传统PC端系统无法满足外勤人员实时提交申请、查看进度、接收通知的需求,亟需构建跨平台移动应用。目标:打造统一入口的移动内控门户,支持差旅/会议/采购等事前申请在线填报、状态追踪、转报销单及消息提醒,实现“随时随地办业务”。核心模块包括事前申请列表与详情、预算指标关联、待办事项聚合、公告制度推送、个人报销统计图表等。业务流程覆盖用户登录→选择申请类型→填写表单→提交审批→查看进度→转报销;功能路径为首页快捷入口→分类导航→表单编辑→审核流跟踪→数据统计看板,全面适配iOS/Android/H5三端,保障体验一致性与操作便捷性。
整体架构基于 UniApp 框架 + Vue2 语法体系 + uView UI 组件库 + TypeScript 类型增强,采用“一套代码多端编译”策略,通过条件编译区分 H5/APK 特性(如原生相机调用、推送通知)。我主导前端架构搭建、核心页面开发与性能优化,负责事前申请全流程(列表/详情/表单)、差旅预算指标动态配置、首页数据可视化(环形图+状态分布)、消息中心聚合展示等关键模块,上线后移动端日均活跃提升 300%,表单提交成功率达 99.2%,首屏加载<1.5s。主要难点在于复杂表单在小程序/H5 端的兼容性差异与长列表滚动卡顿——通过封装通用 FormContainer 组件统一校验逻辑,使用虚拟列表(recycle-list)优化千级数据渲染,并借助 uni.request 拦截器统一处理 Token 刷新与错误提示,最终实现稳定流畅的跨平台用户体验。