deotalandAi/.trae/documents/修改发货弹窗功能.md

36 lines
1.9 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

## 修改发货弹窗功能
### 需求分析
1. 在发货弹窗中显示当前订单ID、订单编号和客户名称
2. 调整表单字段名称以匹配后端API要求
- trackingNo物流单号
- logisticsCompanyCode物流商代码
- logisticsCompany物流公司
- remark发货备注
### 修改内容
1. **修改AdminOrders.vue文件**路径d:\work\Aiproject\DeotalandAi\apps\FrontendDesigner\src\views\admin\AdminOrders\AdminOrders.vue
- 在发货弹窗第244-279行中添加订单信息显示区域
- 修改表单字段名称使其与后端API一致
- 调整表单验证规则
- 更新提交逻辑,确保发送正确的字段到后端
2. **修改发货表单数据结构**
- 将shippingForm中的字段从trackingNumber、carrier、note改为trackingNo、logisticsCompanyCode、logisticsCompany、remark
3. **修改发货提交逻辑**
- 确保提交的数据包含后端API所需的所有字段
- 更新confirmShipOrder方法调用正确的后端API
### 具体实现步骤
1. **添加订单信息显示**在发货弹窗中添加订单基本信息展示区域包括订单ID、订单编号和客户名称
2. **调整表单字段**修改表单字段名称和绑定的数据确保与后端API一致
3. **更新表单验证**:确保所有必填字段都有正确的验证规则
4. **修改提交逻辑**更新confirmShipOrder方法调用LogistIcsService.ship方法并传递正确的参数
5. **测试验证**:确保修改后的弹窗功能正常,表单提交数据正确
### 预期效果
1. 发货弹窗打开时显示当前订单的基本信息订单ID、订单编号、客户名称
2. 表单字段名称与后端API一致确保数据正确提交
3. 表单验证规则完整,确保必填字段都已填写
4. 提交功能正常能够成功调用后端API进行发货操作