BX_MEDIA产品系统

大型跨国企业集团的年度领导峰会，是会务运营中复杂度最高的一类场景。以本项目为例，2026 太古可口可乐全球领导峰会在 6 月 1—6 日横跨深圳、香港两地举行，参会嘉宾来自中国大陆、中国香港、中国台湾、泰国、柬埔寨、越南、老挝、美国等多个国家和地区，既有集团总部高管，也有各区域业务负责人及随行家属。这类峰会的会务链条极长：从电子邀请函发放、来华签证邀请函申请，到跨国航班与接送巴士、酒店住宿、会场座位、议程选择、着装与饮食偏好登记，再到现场答题竞赛、投票互动、观众提问与图片直播，任何一个环节掉链子都会影响峰会体验。
传统会务通常依赖邮件往返、Excel 汇总与现场纸质单据：报名信息靠人工逐条录入，跨国嘉宾的签证与行程字段差异大，容易漏项错项；中英文资料靠人工维护，外籍嘉宾常常拿不到本地化信息；座位号、接送车次要逐个通知；现场互动靠人工统计票数与分数，无法实时同步到大屏，节奏完全受制于人力；摄影师照片散落在群聊里，嘉宾很难找到自己出镜的画面。
对快消品集团而言，峰会既是战略对齐的场合，也是品牌形象的展示窗口，会务体验本身就是品牌体验的一部分。因此行业需要一套覆盖“会前邀请与报名、会中导航与互动、会后内容沉淀”全流程的数字化会务系统：既要能承载跨国、多语言、多城市的复杂业务规则，也要让嘉宾在一部手机上完成所有操作，免安装、免培训、即扫即用。

系统面向峰会全体嘉宾与会务运营团队，以“邀请函 & 报名、会务、答题比赛、问答收集”四大业务域、17 个功能模块构建完整闭环，并配套全局中英文双语能力。
邀请函与报名域：电子邀请函集中呈现活动信息、会议日期、住宿安排与酒店官网，底部提供“会议议程、报名、不参加”三个入口；会议议程以弹层形式按日期分组展示跨行合并的完整日程；拒绝参加支持登记姓名、邮箱与原因并统一管理名单；报名模块提供 8 步分步登记（个人信息、邀请函/签证、行程安排、会议议程、服装尺码、饮食偏好、额外会务支持、确认提交），同一嘉宾可多次提交并逐条编辑、删除。
会务域：会务导航以“中心辐射式六瓣”为骨架，是嘉宾使用频率最高的工具页，包含座位安排（按会议/晚宴分场景给出个人座位号与座位图）、深圳旅游指南、接送安排（接机、住宿、巴士、返程四类卡片，车牌与联系人可一键拨打）、参会须知、6 月 6 日香港活动、图片直播（按场次浏览高清原图，支持“找我”人脸定位），以及全页悬浮的“需要帮助”求助入口。
现场互动域：答题比赛由控制端统一控制，向大屏幕与玩家端同步下发待机、答题、排行榜、投票四个状态，支持倒计时参数配置、单选作答、个人积分排名与七个地区的实时投票；问答收集由用户端提交问题、管理端双面板筛选与排序、大屏幕沉浸式逐条公布，三端数据实时联动。全站支持中英一键切换，所有文案集中维护。

项目采用“多端前端 + 一体化后端 + 实时通信”的架构。前端基于 uni-app（Vue 3 + TypeScript + Vite），一套代码同时输出移动端 H5 与微信小程序，共 35 个页面路由，通过分包与图片预加载保证弱网环境下的首屏速度；借助 vue-i18n 建立中英文双语文案库（中文 763 条、英文 762 条，覆盖 22 个业务域）实现全站实时切换；同时沉淀水墨背景、品牌色与手机壳、大屏壳等统一组件，保证 17 个模块视觉一致。
后端基于 RuoYi 框架（Spring Boot + MyBatis + MySQL）按业务域拆分控制器与服务：报名表单以 JSON 整体落库，适配多次提交与字段演进；座位、接送、分组等强查询字段结构化存储；管理后台复用 RuoYi-UI 管理报名与拒绝名单、问答数据并支持导出。
实时能力上，答题比赛与问答收集通过 WebSocket 服务端广播，前端封装心跳保活、断线自动重连与消息订阅，使控制端一次点击即可驱动大屏与全部玩家端同步切换，票数与排行榜实时刷新。图片直播使用腾讯云对象存储完成图片上传、压缩与分发；登录结合邮箱验证码与微信小程序授权实现嘉宾免注册识别；系统经 Docker + Nginx 部署，区分开发、预发、生产环境，以 HTTPS + WSS 保障现场网络稳定。