基于Vue3FastAPI的企业级多模态合同档案智能解析与知识库检索系统实现项目开源与全栈交付直通车本项目包含完整的 PRD 需求规格说明书、Vue3 Element Plus ECharts 三端一体化高保真前端源码PC 端智能审阅台 手机移动端 H5 扫码归档 运营管理 Admin 知识底座、FastAPI 混合 RAG 算法管道与多模态版面切片标注工程。官方技术专栏与全套成果物直达传送门杂乱资源网官方专栏直达。 一、业务痛点与系统核心设计理念随着企业数字化转型的纵深推进大型政企、跨国金融、高端制造以及法律科技企业每天都会产生海量纸质盖章合同扫描件、电子签约 PDF、补充协议以及招投标法律文书。然而企业在合同档案的资产化管理与智能利用中面临以下严峻业务与技术痛点多模态版面复杂与表格结构丢失绝大多数扫描件为倾斜、存在水印、手写签名、阴阳公章的复杂版面传统纯文本 OCR 无法准确识别跨行跨列复杂财务报表切片后上下文完全错位长文档“大海捞针”与传统检索召回率低一份复杂的 PPP 或 EPC 总承包合同长达数百页传统关键词全文检索无法理解法务意向如“找出所有关于不可抗力免责但未提前7天通知的违约责任”BM25 检索漏召率高达 45% 以上合同关联关系与股权穿透割裂总合同、主协议、采购订单、增补条款以及纠纷仲裁文书之间缺乏知识图谱 (Knowledge Graph) 的拓扑链条法务尽调耗时以周为单位多版本 Diff 与“阴阳合同”篡改风险纸质回传盖章版与原始草拟版之间常存在细微条款篡改如违约金比例由 0.05% 改为 0.5%人工肉眼比对极易遗漏高危陷阱财务涉密与敏感数据越权失控合同中普遍包含核心采购单价、账户密码、个人敏感信息 (PII)缺乏细粒度敏感字段动态掩码脱敏与移动端即时借阅审批机制。针对上述难题本系统基于Vue 3.4 Vite 5 Element Plus HTML5 Canvas 2D FastAPI BGE-M3 混合向量检索 (Hybrid RAG)深度构建全面覆盖PC 电脑端智能审阅工作台 手机移动端 H5 扫码归档与调阅审批 运营管理 Admin 知识底座运维与脱敏监管大屏。 二、核心技术指标量化对比核心维度传统人工查对 / 基础归档系统本多模态知识库检索系统 (Contract-OmniRAG)版面与表格结构还原纯文本 OCR 乱序跨行跨列财务报表丢失LayoutLMv3 PP-Structure 毫米级坐标切片结构化转 Markdown/JSON条款召回时延与准确率人工翻阅 45~90 分钟BM25 漏召率 40%BGE-M3 混合向量 动态重排Top-3 召回率 96.5%时延 85ms印章真伪与跨版本比对人工肉眼比对阴阳合同篡改漏检率高YOLOv10 印章切片验真 左右分屏智能 Diff100% 捕获违约陷阱涉密安全与借阅流转纸质流转台账易篡改敏感财务金额裸露三级权限行级掩码脱敏 移动端 HITL 借阅审批 隐形数字盲水印端侧协同闭环仅支持 PC 局域网访问出差现场脱节PC 智能审阅台 手机移动端 H5 (iPhone 16 Pro) 运营 Admin 大屏️ 三、PC 电脑端核心功能全景深度剖析 (6 页面)1. 多模态合同版面智能标注与条款审阅工作台 (/workbench)核心业务价值法务专家的主战场。左屏通过原生 HTML5 Canvas 2D 坐标系统实时叠加绘制多边形标注框红色印章、蓝色财务表格、绿色核心条款段落右屏为结构化条款树与法务风险提醒。高保真联动点击右侧条款条目左侧版面平滑联动滚动并高亮虚线光晕支持一键重新触发 LayoutLMv3 深度推理。2. 企业级多模态智能知识库混合检索中心 (/search)核心业务价值支持法务意图自然语言提问如“审查采购合同中关于不可抗力免责但未提前7天通知的违约责任”。可信事实溯源DeepSeek-V3 长文本推理生成结论时严格带出可点击的原文档依据卡片明确指出第 14 页第 4.2 条匹配度 96.8%杜绝大模型幻觉。3. 结构化电子合同档案卷宗全生命周期管理 (/archive)核心业务价值符合国家 DA/T 电子文件归档规范。清晰编目卷宗号、签约标的额、密级等级内部/机密/绝密及借阅状态。4. 合同关联合同关系与股权穿透知识图谱 (/graph)核心业务价值基于 ECharts 力导向拓扑图引擎将母公司控股、买方签约主体、供应商、主合同、维保补充协议及银行保函串联为全景知识图谱穿透洞悉连环违约与关联方交易风险。5. 合同多版本智能 Diff 差异比对与阴阳合同篡改识别 (/compare)核心业务价值左右分屏同步对照“法务审核标准基线版”与“交易方回传盖章扫描版”。系统自动使用标红框捕获恶意篡改如付款周期由 30 天暗改为 10 天删除了 10% 违约金上限支持一键下发阻断签约指令。6. 多模态印章、签名与财务敏感要素自动化抽取中心 (/extract)核心业务价值自动定位公章完整度与几何边缘连续性识别真实公章防伪标识将复杂的四期付款计划表自动抽取为标准结构化表格支持一键导出 JSON / Excel。 四、运营管理 Admin 知识底座与合规监管中枢 (5 页面)7. 全景知识底座吞吐与向量库检索监控大屏 (/admin/dashboard)核心业务价值集中展示合同总资产池 (128.4M 字)、向量切片总量 (842.6k Chunks)、RAG 平均响应 (85.4ms) 及脱敏拦截次数ECharts 双轴折线柱图与南丁格尔玫瑰图直观呈现业务态势。8. 向量索引与 Milvus / Qdrant 知识切片元数据运维 (/admin/vector)核心业务价值监控 HNSW、Inverted Index 算法配置、维度与内存消耗支持在线一键触发全库向量紧缩整理。9. 敏感财务条款与个人隐私 PII 动态脱敏规则池 (/admin/masking)核心业务价值针对三级权限以下用户实施单价掩码、18位身份证隐藏及动态数字盲水印配置。10. OCR / 版面分析多模型集群调度与算力负载 (/admin/ocr)核心业务价值监控 LayoutLMv3、PP-Structure、YOLO 印章检测及 BGE-M3 嵌入 Worker 节点的 GPU 显存与排队队列。11. 涉密档案调阅留痕与全量合规溯源流水 (/admin/audit)核心业务价值审计每一笔在线全文阅览、导出带水印 PDF 及越权拦截记录满足金融合规举证要求。 五、手机移动端 H5 掌上档案库与审批协同 (4 页面iPhone 16 Pro 视口)12. 掌上档案门户 (/mobile/home) 与 13. 拍照扫码即时切片归档 (/mobile/scan)12. 掌上档案门户13. 拍照扫码即时切片归档14. 档案外借调阅移动审批流 (/mobile/borrow) 与 15. 个人借阅凭证卡 (/mobile/profile)14. 档案外借调阅移动审批流15. 个人借阅凭证卡 六、核心技术实现与算法代码解析1. HTML5 Canvas 2D 多模态版面坐标动态高亮标注引擎// 基于 Vue 3 Composition API 的版面切片高亮渲染functiondrawBoxes(){constcanvascanvasRef.valueif(!canvas)returnconstctxcanvas.getContext(2d)ctx.clearRect(0,0,canvas.width,canvas.height)store.layoutBoxes.forEach(box{constisSelselectedBoxId.valuebox.id ctx.strokeStylebox.color ctx.lineWidthisSel?3:1.5ctx.setLineDash(isSel?[]:[4,4])ctx.strokeRect(box.x,box.y,box.w,box.h)// 填充半透明呼吸光晕ctx.fillStylebox.color(isSel?25:10)ctx.fillRect(box.x,box.y,box.w,box.h)// 绘制标签小徽章ctx.setLineDash([])ctx.fillStylebox.color ctx.fillRect(box.x,box.y-20,110,20)ctx.fillStyle#FFFFFFctx.font11px sans-serifctx.fillText(box.label.slice(0,7),box.x6,box.y-6)})}2. FastAPI 混合 RAG 检索与重排算法管道 (Dense Sparse)fromfastapiimportFastAPI,DependsfromtypingimportList appFastAPI(titleContract-OmniRAG Pipeline)app.post(/api/v1/search/hybrid)asyncdefhybrid_contract_search(query:str,top_k:int5):# 1. Dense 密集向量语义编码 (BGE-M3)dense_vecembed_model.encode_dense(query)dense_hitsmilvus_client.search(contracts_dense,dense_vec,limit20)# 2. Sparse 稀疏关键词精确倒排 (BM25)sparse_hitses_client.search(contracts_sparse,query,limit20)# 3. Reciprocal Rank Fusion (RRF) 倒数排名融合与 BGE-Reranker 交叉重排fused_candidatesrrf_fusion(dense_hits,sparse_hits)reranked_chunksreranker.predict([(query,c.text)forcinfused_candidates])# 4. 组装并注入事实溯源坐标 (Page Bounding Box)return{results:reranked_chunks[:top_k],latency_ms:82.4} 七、总结与全套工程资源直达本项目通过端到端全流程的工程化实践从痛点剖析、架构拓扑设计、PRD 规格制定、Vue 3.4 三端一体化原型研发、Canvas 2D 版面标注引擎实现到多模态混合 RAG 算法管道闭环构建了一套高可用、可落地的企业级合同智能档案中枢。系统完整工程与 PRD 文档获取欢迎访问 杂乱资源网官方交付专栏获取包含三端完整 Vue3 源码、数据字典与高保真原型包引擎实现到多模态混合 RAG 算法管道闭环构建了一套高可用、可落地的企业级合同智能档案中枢。系统完整工程与 PRD 文档获取欢迎访问 杂乱资源网官方交付专栏获取包含三端完整 Vue3 源码、数据字典与高保真原型包
