航空收益管理系统产品系统

民航客运收益管理场景。航司收益管理员要在航班起飞前的长周期里，对几十条航线的数百个航班、每个航班十多个舱位的可售库存和最低可卖价（BP，即某舱位允许出售的最低价格）做滚动调整，目标是既不超售、也不虚耗座位。

过去这类工作依赖多套后台系统加 Excel 台账：库存、已订（BKD）、BP 分散在不同系统里，一次航线级调价要在几十个页面之间来回切换，跨天数据靠人工拼接，响应慢、易出错；遇到节假日、团队配额、临时加班机时，更难以及时决策。

本项目即为此立项：把航班计划、舱位库存、BP、超售与告警集中到一张“航班库存雷达表”，让收益员在一屏内看到未来多天、多条航线的库存全景，并支持批量调价与舱位开关；同时为管理员提供航线、机场、舱位、参数、权限等基础配置，以及 No-show 复盘、报表和操作留痕能力。

系统面向航空公司总部与分公司多租户使用，需支持简体中文、繁体中文、英文三语，以桌面端为主、移动端可查。

系统按业务域分为六大模块：

航班库存雷达（核心）：按航线、航班号、日期区间、节假日、星期组合筛选，在一屏内横向展示未来多天库存；表格包含航班号、机型、时刻、BKD（已订）、BP（最低可卖价）、开放/关闭舱位、告警灯等数十列，支持单元格直接编辑、区域拖拽批量填充、行内展开明细、列显隐配置、Excel 导出。
舱位与规则：舱位设置、舱位开放/关闭、超售与 No-show 规则配置。
基础数据：城市机场、航线与区域管理、区域航段、航班接入、公共参数、值列表、日期对照表、机型与节假日维护。
报表复盘：No-show 报表与规则、TR 报表、国际航班历史数据查询。
系统管理：用户、角色、菜单、部门、岗位、字典、参数、通知公告、文件上传、登录/操作/错误日志、在线用户。
协作与扩展：消息中心、BPMN 工作流、日志追溯；另有移动端航班查询页面，适配手机巡查场景。
所有页面统一走 i18n 三语文案，支持一键切换语言；菜单与按钮按角色权限动态渲染，多租户可切换数据域。

职责：前端核心开发，负责前端架构落地与核心模块交付，包括技术方案选型、目录与编码规范制定、公共组件沉淀、接口层封装、国际化方案、性能优化及线上问题排查；其中航班库存雷达表、BP（最低可卖价，即某舱位允许出售的最低价格）批量编辑、告警联动、移动端页面为本人主要负责部分。

技术栈：Vue 3.5（Composition API）+ TypeScript + Vite 5 + Pinia + Vue Router 4 + Element Plus + vue-i18n + Axios + Less；图表 ECharts、AntV G6，流程图 BPMN.js，代码编辑器 Monaco，移动端 Vant，核心表格采用自研虚拟滚动实现。

亮点与难点：

海量单元格性能：多天、多舱位、数十列叠加可达数万单元格，常规表格直接渲染会明显卡顿。方案是自研表头与表体分离，并对行做虚拟滚动（只渲染可视区，并上下各预留 30 行缓冲），横向滚动时用 transform 同步表头，列宽按屏宽等比缩放，滚动帧率保持稳定。
BP 批量编辑与拖拽填充：封装单元格编辑态、区域选择、拖拽复制、批量提交；结合服务端逐格校验结果，把失败单元格高亮定位并支持回滚，避免误改价格导致超售或收益损失。
两层分页与实时数据合并：先渲染分页缓存数据保证首屏速度，再异步拉取实时库存做差量替换；接口失败时降级为缓存并提示，刷新与页签监控做了节流和竞态处理，防止旧请求覆盖新数据。
告警联动：按规则聚合黄/红/绿三色灯及数量，支持按灯色筛选、点击定位异常航班并弹窗提示。
工程化：按业务域拆分为 7 个 composable（数据加载、表格状态、筛选、刷新、告警、弹窗、监控）降低耦合；接口统一收敛到 service 层；ESLint + lint-staged + 分支/提交规范保障多人协作。