106 lines
3.4 KiB
Markdown
106 lines
3.4 KiB
Markdown
# 农事执行—操作录入功能更新
|
||
|
||
## 更新时间
|
||
2025-10-20
|
||
|
||
## 更新内容
|
||
|
||
### 1. 操作参数自动带出
|
||
- 选择农事类型后，系统自动加载该类型对应的操作参数模板
|
||
- 根据参数类型（文本、数字、选择、日期）动态渲染不同的表单控件
|
||
- 显示参数是否必填、单位、选项等信息
|
||
- 显示参数描述，帮助用户正确填写
|
||
|
||
### 2. 移除智能录入工具模块
|
||
- 去掉了"智能录入工具"卡片，包括：
|
||
- 扫描农资条码功能
|
||
- 获取GPS定位功能
|
||
- 拍摄现场照片按钮（已移至独立模块）
|
||
- 简化了对话框界面，使其更加清晰
|
||
|
||
### 3. 新增现场图片上传功能
|
||
- 新增独立的"现场图片"卡片
|
||
- 支持点击上传或拖拽上传图片
|
||
- 支持多图上传（最多10张）
|
||
- 提供图片预览功能
|
||
- 可以删除已上传的图片
|
||
- 显示图片序号便于管理
|
||
|
||
## 技术实现
|
||
|
||
### 新增状态变量
|
||
```typescript
|
||
const [selectedOperationType, setSelectedOperationType] = useState<OperationTypeTemplate | null>(null);
|
||
const [uploadedPhotos, setUploadedPhotos] = useState<string[]>([]);
|
||
```
|
||
|
||
### 新增处理函数
|
||
- `handleOperationTypeChange`: 处理农事类型选择，自动加载参数模板
|
||
- `handlePhotoUpload`: 处理图片上传
|
||
- `handlePhotoRemove`: 删除已上传的图片
|
||
|
||
### 动态参数渲染
|
||
根据选择的农事类型，系统会：
|
||
1. 读取该类型的参数配置（parameters数组）
|
||
2. 遍历每个参数
|
||
3. 根据参数类型（text/number/select/date）渲染对应的表单控件
|
||
4. 显示必填标记（*）
|
||
5. 显示单位（如：kg、cm、亩等）
|
||
6. 显示参数描述
|
||
|
||
## 使用说明
|
||
|
||
### 新增操作记录流程
|
||
1. 点击"新增记录"按钮
|
||
2. 选择农事类型（如：播种、施肥、灌溉等）
|
||
3. 系统自动显示该类型对应的操作参数表单
|
||
4. 填写基本信息（地块、执行人、日期等）
|
||
5. 填写自动生成的操作参数
|
||
6. 上传现场图片（可选）
|
||
7. 填写备注（可选）
|
||
8. 点击"保存记录"
|
||
|
||
### 图片上传
|
||
- 点击上传区域选择文件
|
||
- 或直接拖拽图片到上传区域
|
||
- 支持JPG、PNG格式
|
||
- 可上传多张图片
|
||
- 鼠标悬停在图片上可看到删除按钮
|
||
- 点击删除按钮可移除图片
|
||
|
||
## 参数模板示例
|
||
|
||
### 播种类型参数
|
||
- 作物品种（文本，必填）
|
||
- 种子品牌（文本，必填）
|
||
- 播种量（数字，必填，单位：kg）
|
||
- 播种方式（选择，必填，选项：条播/穴播/撒播/点播）
|
||
- 行距（数字，选填，单位：cm）
|
||
- 株距（数字，选填，单位：cm）
|
||
- 播种深度（数字，必填，单位：cm）
|
||
|
||
### 施肥类型参数
|
||
- 肥料类型（选择，必填）
|
||
- 肥料品牌（文本，必填）
|
||
- 施肥量（数字，必填，单位：kg/亩）
|
||
- 总用量（数字，必填，单位：kg）
|
||
- 施肥方法（选择，必填）
|
||
- 施肥位置（文本，选填）
|
||
|
||
### 灌溉类型参数
|
||
- 灌溉方式（选择，必填）
|
||
- 灌溉时长（数字，必填，单位：小时）
|
||
- 水量（数字，必填，单位：m³）
|
||
- 水源（选择，必填）
|
||
|
||
## 优势
|
||
|
||
1. **自动化程度高**：选择类型后自动加载参数，无需手动配置
|
||
2. **数据规范性强**：使用预定义的参数模板，确保数据完整性
|
||
3. **操作更简便**：界面简洁，操作流程清晰
|
||
4. **图片管理方便**：独立的图片上传模块，支持预览和删除
|
||
5. **灵活性好**：可以通过农事类型库自定义参数模板
|
||
|
||
## 文件位置
|
||
`/components/operation/OperationExecution.tsx`
|