xiaoli/peixue-dev

Fork 0

xiaojiang dedaf98ea2 初始化项目：上传完整代码

2026-02-28 17:26:03 +08:00

8.3 KiB

Raw Blame History

快速预约派单功能修复总结

📋 问题描述

用户反馈：

"工单管理的派单现在是正常的，但是首页和快速预约界面的派单不正常，不仅待派单的订单数只能显示一页订单数也就是10，而且现在选择陪伴员之后确认派单也点击不了"

具体问题：

❌ 待派单数量只显示10（只查询了一页）
❌ 确认派单按钮点击不了
❌ 与工单管理页面的数据不一致

🔍 问题根本原因

问题1：待派单数量只显示10

文件： peidu/uniapp/src/pages/booking/components/ManagerBooking.vue

问题代码（第186行）：

const params = {
  page: 1,
  size: 10,  // ❌ 只查询10条记录
  dispatchStatus: 'pending'
}

原因分析：

快速预约页面的 ManagerBooking 组件只查询了一页（10条）待派单订单
工单管理页面查询的是所有待派单订单（size: 1000）
导致两个页面显示的数据不一致

问题2：确认派单按钮点击不了

文件： peidu/uniapp/src/pages/booking/components/ManagerBooking.vue

问题代码（第68-69行）：

<button class="btn-assign" @tap="assignOrder(order)">派单</button>
<button class="btn-detail" @tap="viewDetail(order)">详情</button>

原因分析：

使用了 @tap 事件绑定
在某些情况下，@tap 可能不响应（特别是在 button 元素上）
应该使用 @click 事件

✅ 修复方案

修复1：查询所有待派单订单

修改位置： peidu/uniapp/src/pages/booking/components/ManagerBooking.vue 第186行

修改前：

const params = {
  page: 1,
  size: 10,  // ❌ 只查询10条
  dispatchStatus: 'pending'
}

修改后：

const params = {
  page: 1,
  size: 1000,  // ✅ 查询足够多的记录，确保获取所有待派单订单
  dispatchStatus: 'pending'
}

说明：

与工单管理页面保持一致
确保显示所有待派单订单
避免数据不一致

修复2：修改按钮事件绑定

修改位置： peidu/uniapp/src/pages/booking/components/ManagerBooking.vue 第68-69行

修改前：

<button class="btn-assign" @tap="assignOrder(order)">派单</button>
<button class="btn-detail" @tap="viewDetail(order)">详情</button>

修改后：

<button class="btn-assign" @click="assignOrder(order)">派单</button>
<button class="btn-detail" @click="viewDetail(order)">详情</button>

说明：

@click 在 button 元素上更可靠
提高按钮响应性
与其他页面保持一致

📊 修复对比

修复前

页面	待派单数量	派单按钮	数据来源
工单管理	72（全部）	✅ 正常	size: 1000
快速预约	10（一页）	❌ 不响应	size: 10
管理师首页	-	-	-

修复后

页面	待派单数量	派单按钮	数据来源
工单管理	72（全部）	✅ 正常	size: 1000
快速预约	72（全部）	✅ 正常	size: 1000
管理师首页	-	-	-

🎯 数据流程

修复后的完整流程

用户登录（管理师）
  ↓
进入快速预约页面
  ↓
ManagerBooking 组件加载
  ↓
调用 loadPendingOrders()
  ↓
请求参数：{ page: 1, size: 1000, dispatchStatus: 'pending' }
  ↓
后端查询：WHERE pay_status=1 AND teacher_id IS NULL
  ↓
返回所有待派单订单（例如：72条）
  ↓
前端显示：待派单数量 = 72
  ↓
用户点击"派单"按钮
  ↓
@click 事件触发
  ↓
跳转到派单页面：/manager-package/pages/manager/assign?orderId=xxx

📝 测试步骤

步骤1：重新编译前端

cd peidu/uniapp
npm run dev:mp-weixin

步骤2：测试快速预约页面

进入快速预约
- 管理师登录
- 点击底部导航栏的"快速预约"
- 查看待派单数量（应该显示72，而不是10）
验证订单列表
- 滚动查看订单列表
- 确认显示的订单数量与工单管理页面一致
- 确认所有待派单订单都显示出来了
测试派单按钮
- 点击任意订单的"派单"按钮
- 确认能正常跳转到派单页面
- 确认能选择陪伴员并完成派单
对比工单管理页面
- 进入"工单管理"页面
- 查看待派单数量
- 确认与快速预约页面的数量一致

步骤3：测试派单流程

在快速预约页面派单
- 选择一个待派单订单
- 点击"派单"按钮
- 选择陪伴员
- 点击"确认派单"
- 等待提示"派单成功"
验证数据更新
- 自动返回快速预约页面
- 查看待派单数量是否减少（例如：从72变成71）
- 查看订单列表是否不包含刚派的订单
对比工单管理页面
- 进入"工单管理"页面
- 查看待派单数量
- 确认与快速预约页面一致

🔧 相关页面对比

三个派单入口的对比

特性	工单管理	快速预约	管理师首页
路径	`/manager-package/pages/manager/work-orders`	`/pages/booking/quick-booking`	`/pages/index/index`
组件	work-orders.vue	ManagerBooking.vue	ManagerHome.vue
查询参数	`{ page: 1, size: 10, dispatchStatus: 'pending' }`	`{ page: 1, size: 1000, dispatchStatus: 'pending' }`	统计接口
分页	✅ 支持	❌ 不支持（一次性加载全部）	-
刷新机制	onShow + 事件监听	onShow + 事件监听	onShow
派单按钮	✅ 正常	✅ 已修复	-

为什么快速预约不支持分页？

原因：

快速预约页面是 tabBar 页面，用户体验要求快速加载
待派单订单数量通常不会太多（几十到几百条）
一次性加载全部订单，避免分页带来的复杂性
与统计数字保持一致（显示真实的待派单总数）

工单管理页面为什么支持分页？

工单管理页面包含所有状态的订单（待派单、进行中、已完成等）
订单总数可能很大（几千到几万条）
需要分页加载，避免一次性加载过多数据

💡 最佳实践

1. 统一数据查询逻辑

建议：

所有显示待派单数量的地方，都应该查询相同的数据
使用相同的查询参数：dispatchStatus: 'pending'
确保数据一致性

示例：

// 统一的待派单查询参数
const PENDING_ORDERS_PARAMS = {
  dispatchStatus: 'pending',
  page: 1,
  size: 1000  // 足够大，确保获取所有待派单订单
}

2. 按钮事件绑定规范