# 快速派单页面分离修复

> 创建时间：2026-02-26  
> 问题：管理师首页的"快速派单"按钮跳转到 tabBar 的"快速预约"页面，导致功能混乱

---

## 问题描述

用户反馈：
- 管理师首页点击"快速派单"按钮 → 跳转到底部导航栏的"快速预约"页面
- 底部导航栏的"快速预约" → 应该显示家长端预约界面
- 两个入口功能混淆，需要分离

---

## 解决方案

### 1. 创建独立的管理师派单页面

**新建文件：** `peidu/uniapp/manager-package/pages/manager/quick-assign.vue`

```vue
<template>
  <view class="container">
    <!-- 管理师派单界面 -->
    <ManagerBooking />
  </view>
</template>

<script>
import ManagerBooking from '@/pages/booking/components/ManagerBooking.vue'

export default {
  components: {
    ManagerBooking
  }
}
</script>
```

### 2. 修改管理师首页跳转逻辑

**文件：** `peidu/uniapp/src/pages/index/components/ManagerHome.vue`

**修改前：**
```javascript
goQuickBooking() {
  uni.switchTab({ 
    url: '/pages/booking/quick-booking'
  })
}
```

**修改后：**
```javascript
goQuickBooking() {
  // 跳转到管理师派单页面（独立页面）
  uni.navigateTo({ 
    url: '/manager-package/pages/manager/quick-assign'
  })
}
```

### 3. 恢复快速预约页面为家长端

**文件：** `peidu/uniapp/src/pages/booking/quick-booking.vue`

**修改前：** 根据角色显示不同组件（管理师、陪伴员、分销员等）

**修改后：** 只显示家长端预约界面
```vue
<template>
  <view class="container">
    <!-- 快速预约页面：显示家长端预约界面 -->
    <!-- 游客模式：可浏览，点击预约时拦截登录 -->
    <ParentBooking :isGuestMode="!isLoggedIn" />
  </view>
</template>
```

### 4. 修复返回按钮路径

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

**修复：**
```javascript
goBack() {
  // 返回到管理师首页
  uni.switchTab({
    url: '/pages/index/index'  // 修复：之前是 '/pages/index'
  })
}
```

### 5. 标题居中显示

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

**修改样式：**
```scss
.header {
  position: relative;  // 添加相对定位
  
  .back-button {
    position: absolute;  // 改为绝对定位
    left: 30rpx;
    z-index: 10;
    // 移除 margin-right: 20rpx
  }
  
  .header-content {
    flex: 1;
    text-align: center;  // 标题居中
  }
}
```

### 6. 注册新页面

**文件：** `peidu/uniapp/pages.json`

在 `manager-package` 分包中添加：
```json
{
  "path": "pages/manager/quick-assign",
  "style": {
    "navigationBarTitleText": "快速派单",
    "navigationStyle": "custom"
  }
}
```

---

## 修改文件清单

1. ✅ 新建：`manager-package/pages/manager/quick-assign.vue`
2. ✅ 修改：`src/pages/index/components/ManagerHome.vue`
3. ✅ 修改：`src/pages/booking/quick-booking.vue`
4. ✅ 修改：`src/pages/booking/components/ManagerBooking.vue`
5. ✅ 修改：`pages.json`

---

## 功能说明

### 管理师首页 → 快速派单
- 点击"快速派单"按钮
- 跳转到独立的派单页面（`/manager-package/pages/manager/quick-assign`）
- 显示管理师派单界面，包含：
  - 返回按钮（左上角）
  - 标题居中显示
  - 待派单统计
  - 待派单订单列表

### 底部导航栏 → 快速预约
- 点击"快速预约" tab
- 显示家长端预约界面
- 游客可浏览，点击预约时拦截登录

---

## 测试步骤

1. 以管理师身份登录
2. 在首页点击"快速派单"按钮
3. 验证跳转到独立的派单页面
4. 验证标题居中显示
5. 点击左上角返回按钮，验证返回首页
6. 点击底部导航栏"快速预约"
7. 验证显示家长端预约界面

---

## 完成状态

✅ 已完成所有修改  
✅ 页面分离成功  
✅ 返回按钮正常  
✅ 标题居中显示  

---

**修复完成时间：** 2026-02-26