红叮当管理系统（react pc 端）项目地址 https://perm.qinghotel.com项目概述：酒店后台管理系统，服务合作的酒店、自家酒店品牌，为公司长期迭代的一款产品项目内容：财务处理模块、销售统计模块、房态管理模块、自主促销活动模块、订单模块、报表模块、评论模块项目详情：➢ 参加技术选型讨论，最终确定 react+TS+webpack+Ant Design➢ 使用 react 全家桶进行开发，并使用 redux 作为状态管理工具➢ 负责 http 请求的 axios 封装➢ 将 Ant Design 表单组件二次封装，使之更符合业务需求➢ 动态路由进行路由鉴权，自定义指令进行鉴权显隐某些组件➢ 将酒店财务处理模块拆分为不同的模块，每个模块处理特定的任务。这些模块可以根据需要进行添加、删除或替换，以满足不同酒店的需求➢ 将数据进行预处理优化大数据渲染，提升可视化图表渲染速度；对百万级数据，使用 ECharts 提供的sampling 功能里的 lttb 降采样点，在保留很多细节同时能有效的提升渲染速度。➢ 使用 XLSX.js 插件导出报表➢ 组件通过 lazy、Suspense 实现路由懒加载，vant 组件的样式通过 CDN 引入，图片处理向图 片服务器请求或者使用精灵图➢ 对项目进行打包优化，使用 cdn、缓存，多进程打包压缩等措施➢ 房态的实时更新，房态的多维度管理（客房的类型、价格、房间数量、预订状态、入住状态），房态的冲突处理（实时更新房间状态、先到先得的机制）➢ 使用 WebSocket 协议实现客户端和服务端之间的双向通信，服务端实时推送房间状态的变化给客户端，比轮询方式更加高效