企业费用报支与票证智能识别 Web 管理平台-报支前端
2026-03-25 16:06:32
行业：企业内部管理、人工智能
载体：网站、安卓APP
技术：JavaScript、axios、Vue
业务和功能介绍
项目背景与目标
企业在费用报支、发票与附件管理中，存在票证种类多、手工录入慢、海外主体多币种场景与合规检核成本高等问题。本项目作为面向员工与财务的企业级 Web 前端，目标是统一报支入口、缩短填单时间、降低错票率，并在海外账套下安全沿用国内流程，同时不破坏原有国内账套行为。
软件功能
涵盖登录与权限、首页与业务入口、费用/业务报支与单据维护、票证上传与识别结果展示、发票类型与费用用途等主数据联动、附件调阅与预览（含 PDF 等）、报表与列表类能力；并与后端协同完成识别结果回填、检核与保存。针对海外账套，提供支付币种、本位币与汇率相关的交互与确认流程，保证多币种业务可配置、可审计。
业务流程
用户从门户进入报支或票证相关功能 → 上传 PDF/图片/OFD 等 → 系统识别并结构化票证字段 → 用户核对并补充业务信息 → 触发后端规则检核 → 通过后进入明细与汇总、审批流（与贵司后端衔接）。附件场景中支持按源/目标语言等参数发起翻译，并可切换「是否走 OCR」以改善扫描版 PDF 的效果，形成「采集 → 理解（识别/翻译）→ 填报 → 检核」的闭环。
票证侧依托 OCR/智能文档理解 将非结构化影像转为结构化字段；翻译侧结合 OCR 与机器翻译/NLP 服务 提升跨境附件可读性；整体通过 流式进度（SSE） 向用户反馈识别与后续步骤状态，改善长耗时任务的体验。
企业在费用报支、发票与附件管理中，存在票证种类多、手工录入慢、海外主体多币种场景与合规检核成本高等问题。本项目作为面向员工与财务的企业级 Web 前端，目标是统一报支入口、缩短填单时间、降低错票率，并在海外账套下安全沿用国内流程，同时不破坏原有国内账套行为。
软件功能
涵盖登录与权限、首页与业务入口、费用/业务报支与单据维护、票证上传与识别结果展示、发票类型与费用用途等主数据联动、附件调阅与预览（含 PDF 等）、报表与列表类能力；并与后端协同完成识别结果回填、检核与保存。针对海外账套，提供支付币种、本位币与汇率相关的交互与确认流程，保证多币种业务可配置、可审计。
业务流程
用户从门户进入报支或票证相关功能 → 上传 PDF/图片/OFD 等 → 系统识别并结构化票证字段 → 用户核对并补充业务信息 → 触发后端规则检核 → 通过后进入明细与汇总、审批流（与贵司后端衔接）。附件场景中支持按源/目标语言等参数发起翻译，并可切换「是否走 OCR」以改善扫描版 PDF 的效果，形成「采集 → 理解（识别/翻译）→ 填报 → 检核」的闭环。
票证侧依托 OCR/智能文档理解 将非结构化影像转为结构化字段；翻译侧结合 OCR 与机器翻译/NLP 服务 提升跨境附件可读性；整体通过 流式进度（SSE） 向用户反馈识别与后续步骤状态，改善长耗时任务的体验。
项目实现
架构与设计
前端采用 Vue 2 + Vue Router + Vuex 的单页应用结构，UI 使用 TDesign Vue，请求层使用 Axios，复杂票据与报表使用 ECharts 等展示。票证识别模块将上传、预览、进度展示与结果列表解耦，识别长链路通过 Server-Sent Events（如 @microsoft/fetch-event-source） 推送阶段事件，便于区分 OCR、保存、检核等步骤并更新进度。海外汇率能力通过账套标识（如海外公司/海外账套）分支启用，与国内路径隔离，避免影响原有逻辑。
个人贡献
本人主要负责报支主流程页面 / 票证识别抽屉与导入 / 海外汇率弹窗与明细联动 / 附件翻译表单与参数对接等模块的需求分析、组件实现与联调；推动识别失败时的手工录入跳转、多文件批量体验、国际化文案等优化；在3 个迭代内将发票识别平均操作时长降低约47%，错填率下降降低12%。
前端采用 Vue 2 + Vue Router + Vuex 的单页应用结构，UI 使用 TDesign Vue，请求层使用 Axios，复杂票据与报表使用 ECharts 等展示。票证识别模块将上传、预览、进度展示与结果列表解耦，识别长链路通过 Server-Sent Events（如 @microsoft/fetch-event-source） 推送阶段事件，便于区分 OCR、保存、检核等步骤并更新进度。海外汇率能力通过账套标识（如海外公司/海外账套）分支启用，与国内路径隔离，避免影响原有逻辑。
个人贡献
本人主要负责报支主流程页面 / 票证识别抽屉与导入 / 海外汇率弹窗与明细联动 / 附件翻译表单与参数对接等模块的需求分析、组件实现与联调；推动识别失败时的手工录入跳转、多文件批量体验、国际化文案等优化；在3 个迭代内将发票识别平均操作时长降低约47%，错填率下降降低12%。
示例图片视频
相似推荐
售后服务管理系统
本套售后管理系统，是深度贴合制造业一线业务场景的轻量化协同工具。它无需推翻企业现有管理体系，不依赖高额定制开发，无缝衔接金蝶ERP，精准填补现场业务与后端管理系统的衔接空白，用最小成本实现售后管理数字化升级。
系统适用对象覆盖全生态售后相关角色，包括企业售后部全体人员、销售人员、授权经销商及合作电工，不同角色配备专属操作入口与功能权限，操作简单易上手，无需复杂培训即可快速落地使用。
在登录方式上，系统采用双端适配模式：内部售后、销售人员通过企业微信工作台登录，实现PC+移动端协同办公；外部经销商、合作电工通过微信小程序登录，扫码即用、无需安装额外软件，真正做到随时随地办业务，一键操作提效率。
内部AI问答平台
系统集成 AI 知识助手、多模态助手、企业知识库三大核心能力，支持仪表板快速生成、拖拽式大屏搭建、智能报告生成与剧本化编辑，并提供 AI 机器人聊天及自定义指标配置，打造覆盖智能交互、数据分析与可视化应用的全链路企业级平台。
证券H5积分商城系统
作为前端核心开发，我的任务是主导积分商城的前端架构设计，并独立负责商品展示、积分兑换、订单管理等核心模块的开发。关键目标是打造一个稳定、流畅且用户体验良好的H5应用，并确保与券商APP原生环境无缝集成。
批量数据处理与自动化运维脚本开发
本项目为批量数据处理与自动化运维脚本工具，旨在解决企业日常工作中大量重复的数据处理、运维操作问题，通过 Python 自动化脚本，实现数据采集、批量导出、定时任务、日志监控等功能。工具核心功能包括：1. 多源数据采集，支持 Excel/CSV/ 数据库等多格式数据自动提取；2. 批量数据处理，支持数据清洗、格式转换、报表生成；3. 自动化运维，支持定时任务、服务器监控、日志分析；4. 可视化配置，用户可通过简单配置实现自定义自动化流程，无需代码。工具可广泛应用于财务、行政、运维等多个岗位，大幅提升工作效率，减少人工错误。
AI 多 Agent 自动化办公系统开发
本项目为 AI 多 Agent 自动化办公系统，旨在解决企业日常办公中重复、繁琐的流程化工作，通过大模型驱动的多智能体协同，实现文档处理、智能问答、流程自动化等核心功能。系统核心模块包括：1. 智能文档解析 Agent，支持 PDF/Word/Excel 等多格式文件自动提取关键信息、生成摘要；2. 流程自动化 Agent，可自定义工作流，自动执行数据录入、报表生成等任务；3. 智能问答 Agent，基于企业私有知识库，提供精准的业务咨询服务。用户可通过可视化界面快速配置 Agent，无需代码即可搭建专属自动化办公系统，大幅提升办公效率，降低人力成本。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服