面向足球赛事现场的裁判及赛事工作人员,提供适合平板操作的赛事管理界面。业务涉及赛事与赛程查看、参赛球队信息核对、比赛事件记录和赛后报告确认。项目围绕现场信息录入与报告整理的工作流程,将分散的比赛信息组织到统一界面,便于工作人员按比赛进程完成操作。
点击空白处退出提示
面向足球赛事现场的裁判及赛事工作人员,提供适合平板操作的赛事管理界面。业务涉及赛事与赛程查看、参赛球队信息核对、比赛事件记录和赛后报告确认。项目围绕现场信息录入与报告整理的工作流程,将分散的比赛信息组织到统一界面,便于工作人员按比赛进程完成操作。
实际项目功能包括赛事列表与详情、赛程及球队信息查看;比赛过程中进球、换人、红黄牌等事件的记录与展示;赛后报告汇总、裁判手写签名和报告图片生成。前端通过原生桥接对接 App 容器,处理比赛数据读写与报告保存。配图仅展示赛事详情、事件录入和首发选择三个场景的概念界面,使用模拟数据。
实际项目中负责全部前端实现,包括页面开发、业务交互、状态管理、接口对接以及与原生 App 容器的联调。使用 Vue 2、Vue Router、Vuex、Vant、Axios、手写签名组件、html2canvas 和 DSBridge,完成赛事信息展示、比赛事件记录及报告相关界面。
展示说明:配图为 AI 辅助重新设计的界面概念稿,使用虚构赛事和人员数据,不是原客户项目截图,也不代表配图中的新界面已完成开发。




评论