主要职责：
· 负责爱鱼后台管理系统全流程前端开发、迭代更新与线上稳定运维，支撑商户、订单、会员、财务全业务模块落地
· 基于 Vue3 + Vite 技术栈完成页面搭建、通用业务组件封装、全局工具函数开发，独立完成前后端 Axios 接口联调与异
常处理
· 持续开展页面加载、渲染、接口请求性能优化，修复线上 UI 兼容、交互 bug，优化后台操作体验，保障商户业务流程高
效运转
· 配合产品、后端、测试团队评审需求，输出前端开发方案，同步更新项目开发文档与组件使用说明
技术成果：
· 主导旧版爱鱼后台 Vue3 重构，拆分高复用业务组件，实现完整组件化体系，团队新增页面开发效率提升 32%
· 搭建统一全局请求拦截、错误捕获、Loading 封装体系，接口报错率降低 45%，大幅减少线上反馈问题
· 制定统一前端代码规范、组件命名规范、Git 提交规范，落地 ESLint 校验，项目可维护性显著提升
· 优化后台列表、报表大数据渲染逻辑，分页懒加载 + 虚拟滚动落地，百万级数据页面渲染速度提升 60%
主要功能：
· 商户管理：商户入驻审核、信息编辑、状态冻结 / 启用、资质文件上传预览、商户分级标签管理
· 订单全链路：订单创建、支付、退款、售后工单处理、批量导出订单、订单状态筛选查询
· 会员体系：用户注册信息、积分增减、优惠券发放核销、会员等级配置、用户行为数据查询
· 财务报表：营收统计、对账明细、收支图表可视化、月度财务数据导出、手续费核算
· 权限管控：RBAC 角色权限模型，菜单、按钮、接口三级权限分配，员工账号分级管理
· 系统运维：全局操作日志记
技术亮点：
· 基于 Vue3+Element Plus 封装通用表格、弹窗、搜索、上传等 20 + 公共组件，组件复用度提升 42%，减少重复编码
· 封装全局 Axios 请求层，统一处理 token 续期、接口报错、重复请求防抖，接口稳定性大幅提升
· 针对后台海量订单报表实现虚拟滚动 + 分页懒加载，解决大数据页面卡顿、白屏问题，页面加载耗时缩短 60%
· 基于 ECharts 封装统一可视化图表组件，完成营收、会员、订单多维度数据看板，支持多图表自适应适配
· 落地前端全局异常监控，捕获 JS 报错、接口异常、资源加载失败，自动上报日志，快速定位线上故障
· 搭建 ESLint+Prettier 代码校验规范，统一团队编码风格，降低代码合并冲突，提升项目迭代维护效率
· 基于 RBAC 权限模型封装动态路由 + 动态按钮权限，实现精细化权限控制，满足多岗位员工分级操作需求
评论