DOPJAVA/caigou

采购执行系统 - 物料交货计划管理

项目概述

这是一个基于SCOR供应链模型的物料交货计划管理系统，旨在实现客户与供应商之间的高效交互。系统提供了Excel上传、ERP数据刷新、交货计划列表管理、过滤搜索和统计分析等功能，帮助企业更有效地管理采购执行过程。

文件说明

• index.html: 普通HTML版本的Excel分析工具
• vue-index.html: Vue 3版本的Excel分析工具，提供更丰富的交互体验
• material-delivery-plan.html: 基于SCOR模型的物料交货计划管理系统
• styles.css: 全局样式表
• script.js: 通用JavaScript功能
• 供应商交货计划.xlsx: 示例数据文件

功能特点

1. 物料交货计划管理

• 14个关键字段展示: 工厂代码、物料号、物料描述、采购订单号、订单行号、订单数量、已交数量、在途数量、待交数量、交货数量、交货日期、供应商回复数量、供应商回复交期、备注
• 供应商交互功能: 供应商可以直接编辑和保存"供应商回复数量"和"供应商回复交期"字段
• 数据获取方式: 支持通过Excel文件上传或模拟ERP接口获取数据

2. 过滤和搜索功能

• 支持按工厂代码、物料号、采购订单号进行快速筛选
• 提供供应商和日期范围的筛选选项

3. 统计分析

• 实时显示计划总数、已完成数量、逾期数量等关键指标
• 提供完成率、准时率等绩效指标

使用方法

1. 打开 material-delivery-plan.html 文件
2. 点击"上传Excel"按钮选择并上传包含交货计划数据的Excel文件
3. 系统会自动解析并展示交货计划列表
4. 供应商可以点击"编辑"按钮修改"供应商回复数量"和"供应商回复交期"字段
5. 修改完成后点击"保存"按钮提交更改，或点击"取消"按钮放弃修改
6. 使用左侧的过滤控件进行数据筛选
7. 查看统计区域了解整体交货计划状态

技术说明

• 前端框架: 使用原生JavaScript实现，同时兼容Vue.js组件
• 数据处理: 集成SheetJS库处理Excel文件解析
• 样式设计: 采用现代化UI设计，支持响应式布局
• 浏览器兼容性: 支持Chrome、Firefox、Safari、Edge等主流浏览器

项目升级指南

如需升级或扩展项目功能，请遵循以下步骤：

1. 保持代码风格一致性
2. 确保新功能与现有功能兼容
3. 为新功能添加适当的注释说明
4. 验证所有功能在不同浏览器中正常运行

注意事项

• 上传的Excel文件必须包含系统所需的所有字段
• 供应商只能修改指定的两个字段，确保数据安全性
• 为获得最佳体验，建议使用最新版本的Chrome或Firefox浏览器
• 系统支持离线使用，但数据仅保存在浏览器内存中，刷新页面会丢失