项目描述:畅游公园管理后台系统是面向景区运营方的统一管理平台,覆盖从园区信息维护、票务订单管理、数据统计分析到开放平台接入的全业务链路。系统支持多公园隔离、多语言(中/英)内容管理、细粒度权限控制,为市属公园、区属公园及运营中心提供差异化的数据看板与运营工具,助力景区数字化运营与决策。
主要职责:园区管理模块、订单与统计模块、数据预警模块、封装通用业务组件、权限与安全
技术实现:
1. 从 0 到 1 搭建项目架构,基于 Vite + Vue 3 + TS 配置自动导入、代码规范、环境变量等工程化体系,团队开发效率提升约 35%
2. 设计并实现细粒度 RBAC 权限系统,通过 v-permission / v-hasRole 指令 + hasPerm / hasRole 工具函数,支持页面级与按钮级权限控制
3. 封装 useTable / useRequest / useDict 等 8+ 业务 Hook,统一表格、分页、字典等通用逻辑,重复代码减少约 30%
4. 实现多语言字典管理模块,基于 useDict Hook 做缓存与并发请求去重,支持中/英一键同步
5. 集成 ECharts 打造多维数据看板(订单统计、客流分析、销售排行等),使用ResizeObserver 实现自适应响应式布局
6. 使用 crypto-js + jsencrypt 实现 AES + RSA 混合加密传输,保障接口请求与敏感数据安全
7. 基于 aieditor 实现富文本编辑,封装 compressRichTextImages 工具使用 Canvas 对富文本中的 base64 图片进行压缩(默认 maxWidth 400px、quality 0.5),优化存储与加载性能。
8. 基于 diff-match-patch 封装 DiffHtml 文本差异对比组件,新增内容绿色高亮、删除内容红色删除线,用于审核内容比对。
9. 基于 @vue-office/pdf、@vue-office/docx、@vue-office/excel 封装 FilePreview 文件预览组件,支持 PDF/Word/Excel 在线预览,关闭时自动释放 Blob URL。