携程程曦项目产品系统

我要开发同款
purpleHaze2026年08月23日
5阅读

技术信息

语言技术
HTML5CSSJavaScriptVueTypeScript
系统类型
WebH5
行业分类
企业服务

作品详情

行业场景

1.统一入口,提升效率:内置机酒、火车、国际航班一站式预订,企业内部专属使用,简化出行全流程,减少员工垫付与多平台操作。
2.预订分散:员工多平台订机 / 酒 / 火车 / 国际航班,行程割裂、退改繁琐、垫付压力大,行政与财务协同成本高。
3.报销繁琐,财务低效:人工贴票、验真、对账、审核周期长,无法实时掌握成本与预算。

功能介绍

1.一站式差旅资源预订功能:系统内部集成国内机票、酒店、火车票、国际航班等出行资源,作为企业内部专属使用入口,员工可在 PC 端、移动端完成查询、比价、预订、退改全流程操作。
2.自定义差旅标准与职级额度管控功能:支持管理员按企业组织架构灵活配置差旅政策,可针对不同职级、部门、岗位、出差城市、出差项目分别设置机票舱位、酒店房价、交通报销额度上限。
3:出差申请与多级审批流转功能:内置线上出差申请流程,员工提交出差事由、目的地、时间、随行人员后,按照企业组织架构自动流转至对应主管、部门负责人审批。支持多级审批、会签、转审、驳回重提,审批通过后方可进行差旅预订

项目实现

技术栈:Vue3 + TypeScript + Vite
路由:Vue‑Router4
网络请求:Axios
模块(PC+H5):
1.负责国内机票、酒店、火车票、国际航班查询筛选、列表渲染、详情页、预订下单、退改页面开发;实现资源筛选、日期选择、乘客信息管理、协议价优先展示等交互;处理多条件复杂筛选、表单校验、订单提交交互,适配员工出差预订业务流程。
出差申请与多级审批模块
2.出差申请表单页面、审批列表、审批详情、驳回 / 通过操作;实现审批流转展示、会签转审界面;根据登录用户角色渲染不同操作按钮;处理审批状态联动,审批通过 / 驳回后页面状态更新,审批记录展示。
3.移动端 H5 适配与公共组件封装
封装项目通用业务组件:出差人员选择器、城市选择组件、日期范围组件、订单卡片、审批流程组件;完成 H5 端预订、申请、报销全流程页面适配;统一封装请求、全局弹窗、错误提示,提升项目复用性。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论