荣盛稽查项目免登录上传资料系统

项目简介

这是一个基于React的前端系统，用于荣盛稽查项目的免登录资料上传功能。系统包含两个主要页面：

1. 稽查项目资料上传页面（免登录）
2. 稽查资料上传表单页面

技术栈

• React 18.2.0
• React Router 6.8.0
• Ant Design 5.0.0
• Axios 1.3.0
• Day.js 1.11.0

项目结构

src/
├── pages/
│   ├── AuditUploadPage.js    # 稽查项目资料上传页面
│   └── AuditFormPage.js      # 稽查资料上传表单页面
├── App.js                    # 主应用组件
├── index.js                  # 应用入口
└── index.css                 # 全局样式

后端接口说明

1. 查询稽查项目信息

接口地址： GET http://localhost:8190/seeyon/rest/noLogin/project?code=JC2024001

请求参数：

• code: 稽查码（必填）

请求示例：

GET http://localhost:8190/seeyon/rest/noLogin/project?code=JC2024001

响应格式：

{
  "success": true,
  "data": {
    "auditCode": "JC2024001",
    "projectName": "某项目稽查",
    "status": "active"
  },
  "message": "查询成功"
}

2. 文件上传

接口地址： POST /api/audit/upload-file

请求参数：

• file: 文件对象（必填）
• auditCode: 稽查码（必填）

请求示例：

const formData = new FormData();
formData.append('file', file);
formData.append('auditCode', 'JC2024001');

fetch('/api/audit/upload-file', {
  method: 'POST',
  body: formData
});

响应格式：

{
  "success": true,
  "data": {
    "fileId": "file_123456",
    "fileName": "document.pdf",
    "fileSize": 1024000
  },
  "message": "文件上传成功"
}

3. 提交稽查资料

接口地址： POST /api/audit/submit

请求参数：

{
  "auditCode": "JC2024001",
  "projectName": "某项目稽查",
  "uploadList": [
    {
      "department": "财务部",
      "uploader": "张三",
      "fileName": "document.pdf",
      "remarks": "财务报表",
      "uploadTime": "2024-01-15 10:30:00"
    }
  ]
}

响应格式：

{
  "success": true,
  "data": {
    "submitId": "submit_123456",
    "submitTime": "2024-01-15 10:30:00"
  },
  "message": "资料提交成功"
}

数据库表结构

主表：formmain_0465（稽查项目档案）

• field0004: 项目名称 (VARCHAR(100))
• field0085: 稽查编号 (VARCHAR(100))
• field0146: 文件上传标识 (VARCHAR(100))

明细表：formson_0600（稽查资料上传明细）

• field0136: 序号 (DECIMAL(20,0))
• field0139: 资料上传所属单位部门 (VARCHAR(20))
• field0141: 资料文件 (VARCHAR(20))
• field0142: 文件备注 (VARCHAR(255))
• field0143: 资料上传时间 (DATETIME)
• field0144: 上传人所属单位部门 (VARCHAR(255))
• field0145: 资料上传人 (VARCHAR(100))

安装和运行

1. 安装依赖：

npm install

2. 启动开发服务器：

npm start

3. 构建生产版本：

npm run build

功能特性

• ✅ 免登录稽查码查询
• ✅ 项目信息自动填充
• ✅ 多文件批量上传
• ✅ 动态添加/删除上传项
• ✅ 表单验证和错误提示
• ✅ 响应式设计
• ✅ 现代化UI界面

注意事项

1. 确保后端接口正确配置CORS
2. 文件上传大小限制需要后端配置
3. 稽查码有效期验证需要后端实现
4. 建议添加文件类型和大小前端验证