面向航空物流行业的企业级中后台管理运营平台,采用现代化的前端技术栈构建,整体设计遵循模块化架构理念,支持多平台权限精细化管控,覆盖配置管理、分发规则、消息队列、系统管理等核心业务场景。
前端采用 Vue 3.5 搭配 TypeScript 5.7 开发,全面使用 Composition API 提升代码复用性与可维护性,构建工具选用 Vite 6.3 实现快速冷启动与模块热更新。UI 层面基于 Element Plus 与企业级 CSUI 组件库构建界面,状态管理采用 Pinia 3.0 替代传统 Vuex,路由方案使用 Vue Router 4.5 实现动态路由加载与权限拦截。为满足国际化需求,系统集成 Vue I18n 11.1 实现多语言切换。表格组件选用 Vxe-table 4.17 保障大数据量场景下的流畅渲染体验,图表可视化基于 ECharts 6.0 实现,HTTP 通信层使用 Axios 1.9 并封装了统一的请求拦截与错误处理机制。工程化方面,项目采用 pnpm 作为包管理工具,配置 ESLint、Stylelint、Prettier 保障代码规范,结合 Husky、lint-staged、Commitizen 与 Commitlint 实现 Git 提交前的自动化检查,开发环境支持 MockJS 模拟数据。
系统设计充分考虑了前端扩展性,支持多平台模块的动态切换与独立部署能力。权限管控方面实现了菜单、按钮、接口三级细粒度控制,路由资源由后端驱动生成,实现权限与视图的联动渲染适用于航空运价管理、分销系统管控、消息中间件运维等中后台业务场景。
平台围绕航空运价与分销业务构建了完整的配置中心体系,涵盖航线、机场、舱位、渠道、市场等基础数据的管理模块,同时提供运价日报功能支撑日常价格数据维护。在业务分发层面,系统支持底价保护规则、影响规则、替换规则以及数据上传规范等策略配置,确保业务分发的灵活性与准确性。针对技术基础设施,平台集成了 Netty 路由管理模块,提供集群配置、连接状态监控、服务节点管理以及流量可视化分析能力,同时内置 RocketMQ 消息队列的连接器、插件与任务管理功能,满足高并发场景下的消息处理需求。此外,系统还配备了完善的规则引擎与组织架构管理,支持基础规则、航段级规则的配置,以及部门、角色、用户等权限体系的精细化管理。