36 lines
1.9 KiB
Markdown
36 lines
1.9 KiB
Markdown
## 修改发货弹窗功能
|
||
|
||
### 需求分析
|
||
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进行发货操作 |