diff --git a/src/pages/integrated/meeting/detail.vue b/src/pages/integrated/meeting/detail.vue
index 2d1ec77..b9e144d 100644
--- a/src/pages/integrated/meeting/detail.vue
+++ b/src/pages/integrated/meeting/detail.vue
@@ -53,7 +53,57 @@
     </view>
 
     <!-- 预约按钮 -->
-    <view class="reserve-btn" @tap="reserveMeeting">发起会议</view>
+    <view class="reserve-btn" @tap="showReserveModal">发起会议</view>
+
+    <!-- 预约弹窗 -->
+    <view v-if="showModal" class="modal-overlay" @tap="hideModal">
+      <view class="modal-content" @tap.stop>
+        <view class="modal-header">
+          <text class="modal-title">会议预约</text>
+          <text class="modal-close" @tap="hideModal">×</text>
+        </view>
+        
+        <view class="modal-body">
+          <!-- 会务服务选择 -->
+          <view class="form-item">
+            <text class="form-label">是否需要会务服务</text>
+            <view class="service-options">
+              <view 
+                v-for="option in serviceOptions" 
+                :key="option.value"
+                :class="['service-option', needService === option.value ? 'active' : '']"
+                @tap="selectService(option.value)"
+              >
+                <text class="option-text">{{ option.label }}</text>
+              </view>
+            </view>
+          </view>
+
+          <!-- 桌子摆放形态选择 -->
+          <view class="form-item">
+            <text class="form-label">桌子摆放形态</text>
+            <view class="layout-options">
+              <view 
+                v-for="layout in deskLayouts" 
+                :key="layout.id"
+                :class="['layout-option', selectedLayout === layout.id ? 'active' : '']"
+                @tap="selectLayout(layout.id)"
+              >
+                <text class="layout-name">{{ layout.name }}</text>
+                <text class="layout-desc">{{ layout.description }}</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <view class="modal-footer">
+          <view class="modal-btn cancel-btn" @tap="hideModal" :class="{ disabled: isBooking }">取消</view>
+          <view class="modal-btn confirm-btn" @tap="confirmReserve" :class="{ disabled: isBooking }">
+            {{ isBooking ? '预约中...' : '确认预约' }}
+          </view>
+        </view>
+      </view>
+    </view>
   </view>
 </template>
 
@@ -120,6 +170,19 @@ const selectedTimeText = computed(() => {
 })
 const selectedDuration = computed(() => selectedTime.value.length * 30)
 
+// 弹窗相关数据
+const showModal = ref(false)
+const needService = ref('0') // 默认不需要会务服务
+const selectedLayout = ref('') // 选中的桌子摆放形态ID
+const deskLayouts = ref<any[]>([]) // 桌子摆放形态列表
+const isBooking = ref(false) // 预约中状态
+
+// 会务服务选项
+const serviceOptions = [
+  { value: '0', label: '不需要' },
+  { value: '1', label: '需要' }
+]
+
 // 获取日期字符串
 const getDateString = (index: number) => {
   const date = new Date()
@@ -172,6 +235,24 @@ const fetchTimeSlots = async (date: string) => {
   }
 }
 
+// 获取桌子摆放形态数据
+const fetchDeskLayouts = async () => {
+  try {
+    const res = await meetingRoomApi.getMeetingDeskLayout('')
+    console.log('Desk layouts response:', res)
+    
+    const response = res as unknown as ApiResponse<any[]>
+    if (response.code === 0 && response.data) {
+      deskLayouts.value = response.data
+      console.log('Desk layouts data:', deskLayouts.value)
+    } else {
+      console.error('Failed to fetch desk layouts:', response)
+    }
+  } catch (error) {
+    console.error('API request failed:', error)
+  }
+}
+
 // 选择时间
 function selectTime(index: number) {
   const slot = timeSlots.value[index]
@@ -200,20 +281,52 @@ function selectTime(index: number) {
   }
 }
 
-// 预约会议
-async function reserveMeeting() {
+// 显示预约弹窗
+function showReserveModal() {
   if (selectedTime.value.length === 0) {
     uni.showToast({ title: '请选择时间', icon: 'none' })
     return
   }
+  showModal.value = true
+}
 
+// 隐藏弹窗
+function hideModal() {
+  showModal.value = false
+}
+
+// 选择会务服务
+function selectService(value: string) {
+  needService.value = value
+}
+
+// 选择桌子摆放形态
+function selectLayout(layoutId: string) {
+  selectedLayout.value = layoutId
+}
+
+// 确认预约
+async function confirmReserve() {
   if (!roomId.value) {
     uni.showToast({ title: '会议室ID不存在', icon: 'none' })
     return
   }
 
+  // 防止重复点击
+  if (isBooking.value) {
+    return
+  }
+
+  // 设置预约中状态
+  isBooking.value = true
+
+  // 显示loading
+  uni.showLoading({ 
+    title: '预约中...', 
+    mask: true 
+  })
+
   try {
-    uni.showLoading({ title: '预约中...', mask: true })
     const date = getDateString(activeDate.value)
     const startSlot = timeSlots.value[selectedTime.value[0]]
     const endSlot = timeSlots.value[selectedTime.value[selectedTime.value.length - 1]]
@@ -224,29 +337,83 @@ async function reserveMeeting() {
       endTime: endSlot.endTime,
       title: room.value.name || '会议',
       description: '',
-      attendees: []
+      attendees: [],
+      need_service: needService.value,
+      desk_layout: selectedLayout.value
     })
 
-    const response = res as unknown as ApiResponse<any>
-    if (response.code === 0) {
-      uni.hideLoading()
-      uni.showToast({ title: '预约成功', icon: 'success' })
-      setTimeout(() => {
-        uni.navigateBack()
-      }, 1500)
+    console.log('预约接口响应:', res)
+    console.log('响应类型:', typeof res)
+    console.log('响应内容:', JSON.stringify(res))
+    
+    // 处理响应数据
+    const responseData = res as any
+    
+    // 检查业务错误（HTTP 200 但 code !== 0）
+    if (responseData && responseData.code !== undefined) {
+      console.log('检测到响应码:', responseData.code)
+      console.log('检测到响应消息:', responseData.msg)
+      
+      if (responseData.code === 0) {
+        // 成功：隐藏loading，显示成功提示
+        uni.hideLoading()
+        isBooking.value = false
+        uni.showToast({ title: '预约成功', icon: 'success' })
+        hideModal()
+        setTimeout(() => {
+          uni.navigateBack()
+        }, 1500)
+      } else {
+        // 失败：隐藏loading，关闭弹窗，显示错误信息
+        uni.hideLoading()
+        isBooking.value = false
+        console.log('预约失败，错误信息:', responseData.msg)
+        
+        // 先关闭弹窗，再显示错误信息
+        hideModal()
+        
+        // 延迟显示错误信息，确保弹窗完全关闭
+        setTimeout(() => {
+          uni.showToast({
+            title: responseData.msg || '预约失败',
+            icon: 'none',
+            duration: 3000
+          })
+        }, 300)
+      }
     } else {
+      // 响应格式异常：隐藏loading，显示错误信息
       uni.hideLoading()
+      isBooking.value = false
+      console.log('响应格式异常:', responseData)
       uni.showToast({
-        title: response.msg || '预约失败',
-        icon: 'none'
+        title: '预约失败，响应格式异常',
+        icon: 'none',
+        duration: 3000
       })
     }
   } catch (error) {
+    // 确保在异常情况下也隐藏loading
     uni.hideLoading()
-    uni.showToast({
-      title: '预约失败',
-      icon: 'none'
-    })
+    isBooking.value = false
+    console.error('预约失败:', error)
+    
+    // 处理HTTP错误（如500错误）
+    const errorData = error as any
+    if (errorData?.data?.msg) {
+      console.log('HTTP错误信息:', errorData.data.msg)
+      uni.showToast({
+        title: errorData.data.msg,
+        icon: 'none',
+        duration: 3000
+      })
+    } else {
+      uni.showToast({
+        title: '预约失败，请重试',
+        icon: 'none',
+        duration: 3000
+      })
+    }
   }
 }
 
@@ -284,6 +451,9 @@ onMounted(() => {
   console.log('Fetching time slots for date:', today)
   fetchTimeSlots(today)
 
+  // 获取桌子摆放形态数据
+  fetchDeskLayouts()
+
   // 从 localStorage 获取用户信息
   try {
     const userInfoString = localStorage.getItem('user_info')
@@ -489,4 +659,160 @@ const goBack = () => {
   padding: 24rpx 0;
   font-weight: 600;
 }
+
+/* 弹窗样式 */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+.modal-content {
+  width: 90%;
+  max-width: 600rpx;
+  background: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+}
+
+.modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 32rpx;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.modal-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #222;
+}
+
+.modal-close {
+  font-size: 40rpx;
+  color: #999;
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.modal-body {
+  padding: 32rpx;
+}
+
+.form-item {
+  margin-bottom: 32rpx;
+}
+
+.form-label {
+  display: block;
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 16rpx;
+  font-weight: 500;
+}
+
+.service-options {
+  display: flex;
+  gap: 16rpx;
+}
+
+.service-option {
+  flex: 1;
+  padding: 20rpx;
+  border: 2rpx solid #e0e0e0;
+  border-radius: 8rpx;
+  text-align: center;
+  background: #fff;
+  transition: all 0.3s;
+}
+
+.service-option.active {
+  border-color: #1777FF;
+  background: #e6f0ff;
+  color: #1777FF;
+}
+
+.option-text {
+  font-size: 26rpx;
+}
+
+.layout-options {
+  display: flex;
+  flex-direction: column;
+  gap: 12rpx;
+}
+
+.layout-option {
+  padding: 20rpx;
+  border: 2rpx solid #e0e0e0;
+  border-radius: 8rpx;
+  background: #fff;
+  transition: all 0.3s;
+}
+
+.layout-option.active {
+  border-color: #1777FF;
+  background: #e6f0ff;
+}
+
+.layout-name {
+  display: block;
+  font-size: 26rpx;
+  color: #333;
+  font-weight: 500;
+  margin-bottom: 4rpx;
+}
+
+.layout-option.active .layout-name {
+  color: #1777FF;
+}
+
+.layout-desc {
+  display: block;
+  font-size: 22rpx;
+  color: #666;
+}
+
+.layout-option.active .layout-desc {
+  color: #1777FF;
+}
+
+.modal-footer {
+  display: flex;
+  border-top: 1px solid #f0f0f0;
+}
+
+.modal-btn {
+  flex: 1;
+  padding: 24rpx;
+  text-align: center;
+  font-size: 28rpx;
+  font-weight: 500;
+}
+
+.cancel-btn {
+  color: #666;
+  border-right: 1px solid #f0f0f0;
+}
+
+.confirm-btn {
+  color: #1777FF;
+  font-weight: 600;
+}
+
+.modal-btn.disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
 </style> 
\ No newline at end of file
diff --git a/src/pages/integrated/todo/index.vue b/src/pages/integrated/todo/index.vue
index 174e854..5278d5e 100644
--- a/src/pages/integrated/todo/index.vue
+++ b/src/pages/integrated/todo/index.vue
@@ -4,10 +4,10 @@
       <view class="back-btn" @click="goBack">
         <text class="iconfont icon-fanhui"></text>
       </view>
-      <view class="todo-title">工作待办</view>
+      <view class="todo-title">我的待办</view>
     </view>
     <view class="todo-tabs">
-      <view :class="['tab-item', activeTab === 0 ? 'active' : '']" @click="switchTab(0)">工作待办</view>
+      <view :class="['tab-item', activeTab === 0 ? 'active' : '']" @click="switchTab(0)">我的待办</view>
       <view :class="['tab-item', activeTab === 1 ? 'active' : '']" @click="switchTab(1)">我的已办</view>
     </view>
     <view class="todo-list">
@@ -34,8 +34,8 @@
               </view>
             </view>
             <view class="todo-card-actions">
-              <button v-if="activeTab === 0" class="todo-btn refuse">拒绝</button>
-              <button v-if="activeTab === 0" class="todo-btn agree">同意</button>
+              <button v-if="activeTab === 0" class="todo-btn process" @click="startProcess(item)">开始处理</button>
+              <button v-if="activeTab === 1" class="todo-btn view" @click="viewProcess(item)">查看</button>
             </view>
           </view>
         </view>
@@ -43,6 +43,335 @@
         <view v-else-if="finished" class="no-more-tip">没有更多了</view>
       </view>
     </view>
+
+    <!-- 审核意见弹窗 -->
+    <view v-if="showCommentModal" class="modal-overlay comment-modal" @tap="hideCommentModal">
+      <view class="modal-content" @tap.stop>
+        <view class="modal-header">
+          <text class="modal-title">提交审核</text>
+          <text class="modal-close" @tap="hideCommentModal">×</text>
+        </view>
+        
+        <view class="modal-body">
+          <view class="comment-section">
+            <text class="comment-label">审核意见</text>
+            <textarea 
+              v-model="approvalComment" 
+              class="comment-textarea" 
+              placeholder="请输入审核意见..."
+              maxlength="100"
+            ></textarea>
+            <view class="char-count">{{ approvalComment.length }}/100</view>
+          </view>
+        </view>
+
+        <view class="modal-footer">
+          <view class="modal-btn cancel-btn" @tap="hideCommentModal">取消</view>
+          <view class="modal-btn confirm-btn" @tap="confirmApproval">确定</view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 转办人员选择弹窗 -->
+    <view v-if="showDelegateModal" class="modal-overlay delegate-modal" @tap="hideDelegateModal">
+      <view class="modal-content delegate-modal" @tap.stop>
+        <view class="modal-header">
+          <text class="modal-title">选择转办人员</text>
+          <text class="modal-close" @tap="hideDelegateModal">×</text>
+        </view>
+        
+        <view class="modal-body">
+          <!-- 搜索框 -->
+          <view class="search-section">
+            <input 
+              v-model="searchKeyword" 
+              class="search-input" 
+              placeholder="搜索"
+              @input="filterUsers"
+            />
+          </view>
+
+          <!-- 面包屑导航 -->
+          <view v-if="breadcrumbPath.length > 1" class="breadcrumb-section">
+            <view class="breadcrumb">
+              <view 
+                v-for="(item, index) in breadcrumbPath" 
+                :key="item.id"
+                class="breadcrumb-item"
+                @tap="navigateToBreadcrumb(index)"
+              >
+                <text class="breadcrumb-text">{{ item.name }}</text>
+                <text v-if="index < breadcrumbPath.length - 1" class="breadcrumb-separator">></text>
+              </view>
+            </view>
+          </view>
+
+          <!-- 用户列表 -->
+          <view class="user-list">
+            <!-- 部门列表 -->
+            <view class="section-title">部门</view>
+            <view v-for="dept in filteredDepartments" :key="dept.id" class="user-item" @tap="selectUser(dept)">
+              <view class="user-checkbox" :class="{ checked: selectedUser?.id === dept.id }">
+                <text v-if="selectedUser?.id === dept.id" class="check-icon">✓</text>
+              </view>
+              <view class="user-icon dept-icon">🏢</view>
+              <view class="user-info">
+                <text class="user-name">{{ dept.name }}</text>
+                <text class="user-type">部门</text>
+              </view>
+              <text class="subordinate-link">下级</text>
+            </view>
+
+            <!-- 员工列表 -->
+            <view class="section-title">员工</view>
+            <view v-for="employee in filteredEmployees" :key="employee.id" class="user-item" @tap="selectUser(employee)">
+              <view class="user-checkbox" :class="{ checked: selectedUser?.id === employee.id }">
+                <text v-if="selectedUser?.id === employee.id" class="check-icon">✓</text>
+              </view>
+              <view class="user-icon employee-icon">
+                <image v-if="employee.avatar" :src="employee.avatar" class="avatar-img" />
+                <text v-else class="avatar-text">{{ employee.name.charAt(0) }}</text>
+              </view>
+              <view class="user-info">
+                <text class="user-name">{{ employee.name }}</text>
+                <text class="user-type">员工</text>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <view class="modal-footer">
+          <view class="modal-btn cancel-btn" @tap="hideDelegateModal">取消</view>
+          <view class="modal-btn confirm-btn" @tap="confirmDelegateUser">确定</view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 转办确认弹窗 -->
+    <view v-if="showDelegateConfirmModal" class="modal-overlay delegate-confirm-modal" @tap="hideDelegateConfirmModal">
+      <view class="modal-content" @tap.stop>
+        <view class="modal-header">
+          <text class="modal-title">转办确认</text>
+          <text class="modal-close" @tap="hideDelegateConfirmModal">×</text>
+        </view>
+        
+        <view class="modal-body">
+          <view class="delegate-info">
+            <view class="info-item">
+              <text class="info-label">转办给：</text>
+              <text class="info-value">{{ selectedUser?.name }}</text>
+            </view>
+          </view>
+          
+          <view class="comment-section">
+            <text class="comment-label">审核意见 *</text>
+            <textarea 
+              v-model="delegateComment" 
+              class="comment-textarea" 
+              placeholder="请输入审核意见 (2-100字)"
+              maxlength="100"
+            ></textarea>
+            <view class="char-count">{{ delegateComment.length }}/100</view>
+          </view>
+        </view>
+
+        <view class="modal-footer">
+          <view class="modal-btn cancel-btn" @tap="hideDelegateConfirmModal">取消</view>
+          <view class="modal-btn confirm-btn" @tap="confirmDelegate">确定</view>
+        </view>
+      </view>
+    </view>
+
+    <!-- 审批弹窗 -->
+    <view v-if="showApprovalModal" class="modal-overlay" @tap="hideApprovalModal">
+      <view class="modal-content" @tap.stop>
+        <view class="modal-header">
+          <text class="modal-title">审批处理</text>
+          <text class="modal-close" @tap="hideApprovalModal">×</text>
+        </view>
+        
+        <view class="modal-body">
+          <!-- 动态字段渲染 - 根据 formItems 渲染 -->
+          <view v-if="currentTask.formItems && currentTask.formItems.length > 0">
+            <view v-for="field in currentTask.formItems" :key="field.id" class="form-item">
+              <text class="form-label">{{ field.name }}{{ field.required ? ' *' : '' }}</text>
+              <view v-if="field.type === 'Textarea'" class="form-textarea">
+                {{ field.props?.value || '' }}
+              </view>
+              <view v-else-if="field.type === 'Sequence'" class="form-sequence">
+                {{ field.props?.value || field.placeholder || '未知' }}
+              </view>
+              <view v-else class="form-input">{{ field.props?.value || '未知' }}</view>
+            </view>
+          </view>
+          
+          <!-- 如果没有动态字段，显示默认字段 -->
+          <view v-else>
+            <!-- 流水号 -->
+            <view class="form-item">
+              <text class="form-label">流水号</text>
+              <view class="form-value">{{ currentTask.serialNumber || '未知流水号' }}</view>
+            </view>
+
+            <!-- 会议室 -->
+            <view class="form-item">
+              <text class="form-label">* 会议室</text>
+              <view class="form-input">{{ currentTask.roomName || '未知会议室' }}</view>
+            </view>
+
+            <!-- 预约人 -->
+            <view class="form-item">
+              <text class="form-label">* 预约人</text>
+              <view class="form-input">{{ currentTask.applicantName || '未知申请人' }}</view>
+            </view>
+
+            <!-- 预约时间 -->
+            <view class="form-item">
+              <text class="form-label">* 预约时间</text>
+              <view class="form-input">{{ currentTask.meetingTime || '未知时间' }}</view>
+            </view>
+          </view>
+          
+
+          <!-- 动态审批流程 - 根据 approvalFlow 渲染 -->
+          <view class="approval-flow">
+            <view v-if="currentTask.approvalFlow && currentTask.approvalFlow.length > 0">
+              <view v-for="(flow, index) in currentTask.approvalFlow" :key="flow.id" class="flow-item">
+                <view class="flow-icon" :class="flow.status === 2 ? 'completed' : 'pending'">
+                  {{ flow.status === 2 ? '✓' : '⟲' }}
+                </view>
+                <view class="flow-content">
+                  <text class="flow-label">{{ flow.name }}{{ flow.placeholder ? ` [${flow.placeholder}]` : '' }}</text>
+                  <view v-if="flow.userVoList && flow.userVoList.length > 0" class="flow-users">
+                    <view v-for="user in flow.userVoList" :key="user.id" class="flow-user">
+                      <view class="user-avatar">
+                        <image v-if="user.avatar" :src="user.avatar" class="avatar-img" />
+                        <text v-else class="avatar-text">{{ user.name?.charAt(0) || '?' }}</text>
+                      </view>
+                      <text class="user-name">{{ user.name || '未知用户' }}</text>
+                    </view>
+                  </view>
+                  <view v-else class="flow-user">
+                    <view class="user-avatar"></view>
+                    <text class="user-name">待分配</text>
+                  </view>
+                </view>
+                <view v-if="index < currentTask.approvalFlow.length - 1" class="flow-line"></view>
+              </view>
+            </view>
+            
+            <!-- 如果没有动态审批流程，显示默认流程 -->
+            <view v-else>
+              <view class="flow-item">
+                <view class="flow-icon completed">✓</view>
+                <view class="flow-content">
+                  <text class="flow-label">发起人</text>
+                  <view class="flow-user">
+                    <view class="user-avatar"></view>
+                    <text class="user-name">{{ currentTask.applicantName || '未知申请人' }}</text>
+                  </view>
+                </view>
+              </view>
+              <view class="flow-line"></view>
+              <view class="flow-item">
+                <view class="flow-icon pending">⟲</view>
+                <view class="flow-content">
+                  <text class="flow-label">审批人</text>
+                  <view class="flow-user">
+                    <view class="user-avatar"></view>
+                    <text class="user-name">当前用户</text>
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+
+        <view class="modal-footer">
+          <!-- 查看模式下只显示关闭按钮 -->
+          <view v-if="currentTask.isViewMode" class="modal-btn close-btn" @tap="hideApprovalModal">
+            <text class="btn-icon">×</text>
+            <text class="btn-text">关闭</text>
+          </view>
+          
+          <!-- 审批模式下显示操作按钮 -->
+          <template v-else>
+            <view class="modal-btn reject-btn" @tap="handleReject">
+              <text class="btn-icon">✕</text>
+              <text class="btn-text">拒绝</text>
+            </view>
+            <view class="modal-btn submit-btn" @tap="handleSubmit">
+              <text class="btn-icon">✓</text>
+              <text class="btn-text">同意</text>
+            </view>
+            <view class="modal-btn transfer-btn" @tap="handleTransfer">
+              <text class="btn-icon">↗</text>
+              <text class="btn-text">转办</text>
+            </view>
+          </template>
+        </view>
+      </view>
+    </view>
+
+    <!-- 转办表单弹窗 -->
+    <view v-if="showDelegateFormModal" class="modal-overlay delegate-form-modal" @tap="hideDelegateFormModal">
+      <view class="modal-content delegate-form-content" @tap.stop>
+        <view class="modal-header">
+          <text class="modal-title">转办</text>
+          <view class="close-btn" @tap="hideDelegateFormModal">
+            <text class="iconfont icon-guanbi"></text>
+          </view>
+        </view>
+        
+        <view class="delegate-form">
+          <!-- 选择转办人员 -->
+          <view class="form-section">
+            <view class="section-title">
+              <text class="title-text">选择转办人员</text>
+              <text class="required">*</text>
+            </view>
+            <view class="user-selector" @tap="showUserSelection">
+              <view v-if="selectedUser" class="selected-user-tag">
+                <text class="user-tag-name">{{ selectedUser.name }}</text>
+                <text class="user-tag-remove" @tap.stop="removeSelectedUser">×</text>
+              </view>
+              <view class="add-user-btn">
+                <text class="add-icon">+</text>
+              </view>
+            </view>
+            <view v-if="userSelectError" class="error-message">{{ userSelectError }}</view>
+          </view>
+          
+          <!-- 审核意见 -->
+          <view class="form-section">
+            <view class="section-title">
+              <text class="title-text">审核意见</text>
+              <text class="required">*</text>
+            </view>
+            <view class="comment-input-wrapper">
+              <textarea 
+                v-model="delegateFormComment"
+                class="comment-textarea"
+                placeholder="请输入审核意见 (2-100字)"
+                :maxlength="100"
+                auto-height
+              />
+              <view class="char-count">{{ delegateFormComment.length }}/100</view>
+            </view>
+            <view v-if="commentError" class="error-message">{{ commentError }}</view>
+          </view>
+        </view>
+        
+        <view class="modal-footer">
+          <view class="modal-btn cancel-btn" @tap="hideDelegateFormModal">
+            <text class="btn-text">取消</text>
+          </view>
+          <view class="modal-btn confirm-btn" @tap="confirmDelegateForm">
+            <text class="btn-text">确定</text>
+          </view>
+        </view>
+      </view>
+    </view>
   </view>
 </template>
 
@@ -50,6 +379,7 @@
 import { ref, onMounted } from 'vue'
 import { onPullDownRefresh, onReachBottom } from '@dcloudio/uni-app'
 import integratedApi from '@/sheep/api/integrated'
+import taskApi from '@/sheep/api/task'
 
 const todoList = ref<any[]>([])
 const current = ref(1)
@@ -59,6 +389,39 @@ const loading = ref(false)
 const finished = ref(false)
 const activeTab = ref(0)
 
+// 审批弹窗相关
+const showApprovalModal = ref(false)
+const currentTask = ref<any>({})
+const isProcessing = ref(false)
+
+// 审核意见弹窗相关
+const showCommentModal = ref(false)
+const approvalComment = ref('')
+const pendingApproval = ref<boolean | null>(null) // true: 同意, false: 拒绝
+
+// 转办相关
+const showDelegateModal = ref(false)
+const showDelegateConfirmModal = ref(false)
+const selectedUser = ref<any>(null)
+const delegateComment = ref('')
+const searchKeyword = ref('')
+
+// 用户选择数据
+const userSelectionData = ref<any>({})
+const filteredDepartments = ref<any[]>([])
+const filteredEmployees = ref<any[]>([])
+
+// 转办表单弹窗
+const showDelegateFormModal = ref(false)
+const delegateFormComment = ref('')
+
+// 面包屑导航
+const breadcrumbPath = ref<any[]>([])
+
+// 表单验证错误提示
+const userSelectError = ref('')
+const commentError = ref('')
+
 function fetchTodoList(isRefresh = false) {
   if (loading.value) return
   loading.value = true
@@ -109,6 +472,603 @@ onReachBottom(() => {
   current.value += 1
   fetchTodoList()
 })
+
+// 查看已办任务
+async function viewProcess(item: any) {
+  if (isProcessing.value) return
+  
+  isProcessing.value = true
+  uni.showLoading({ title: '加载中...', mask: true })
+  
+  try {
+    // 调用第一个接口：查询任务详情 (view=true)
+    const taskRes = await taskApi.queryTask(item.taskId, true)
+    console.log('任务详情(view=true):', taskRes)
+    
+    // 调用第二个接口：格式化开始节点显示
+    const formatData = {
+      flowId: item.flowId,
+      processInstanceId: item.processInstanceId,
+      paramMap: {
+        mcmxfktv1b0zg: null,
+        roomName: item.roomName,
+        applicantName: item.applicantName,
+        meetingTime: item.meetingTime
+      },
+      taskId: item.taskId
+    }
+    
+    console.log('发送给formatStartNodeShow的数据:', formatData)
+    
+    const formatRes = await taskApi.formatStartNodeShow(formatData)
+    console.log('格式化显示:', formatRes)
+    
+    // 从接口返回的数据中提取动态字段和审批流程
+    const taskData = taskRes as any
+    const formatData_result = formatRes as any
+    
+    let formItems = []
+    let approvalFlow = []
+    
+    if (taskData.code === 0 && taskData.data) {
+      // 从 queryTask 接口获取表单字段
+      formItems = taskData.data.formItems || []
+    }
+    
+    if (formatData_result.code === 0 && formatData_result.data) {
+      // 从 formatStartNodeShow 接口获取审批流程
+      approvalFlow = formatData_result.data || []
+    }
+    
+    // 设置当前任务数据 - 使用实际的任务数据和接口返回的动态数据
+    currentTask.value = {
+      ...item,
+      serialNumber: item.serialNumber || item.taskId?.substring(0, 13) || '未知流水号',
+      roomName: item.roomName || '未知会议室',
+      applicantName: item.applicantName || item.rootUserName || '未知申请人',
+      meetingTime: item.meetingTime || item.startTime || '未知时间',
+      flowId: item.flowId,
+      processInstanceId: item.processInstanceId,
+      taskId: item.taskId,
+      // 添加动态数据
+      formItems: formItems,
+      approvalFlow: approvalFlow,
+      // 标记为查看模式
+      isViewMode: true
+    }
+    
+    console.log('设置的任务数据(查看模式):', currentTask.value)
+    
+    // 显示审批弹窗
+    showApprovalModal.value = true
+    
+  } catch (error) {
+    console.error('加载查看信息失败:', error)
+    uni.showToast({
+      title: '加载失败，请重试',
+      icon: 'none'
+    })
+  } finally {
+    uni.hideLoading()
+    isProcessing.value = false
+  }
+}
+
+// 开始处理审批
+async function startProcess(item: any) {
+  if (isProcessing.value) return
+  
+  isProcessing.value = true
+  uni.showLoading({ title: '加载中...', mask: true })
+  
+  try {
+    // 调用第一个接口：查询任务详情
+    const taskRes = await taskApi.queryTask(item.taskId, false)
+    console.log('任务详情:', taskRes)
+    
+    // 调用第二个接口：格式化开始节点显示
+    const formatData = {
+      flowId: item.flowId,
+      processInstanceId: item.processInstanceId,
+      paramMap: {
+        mcmxfktv1b0zg: null,
+        roomName: item.roomName,
+        applicantName: item.applicantName,
+        meetingTime: item.meetingTime
+      },
+      taskId: item.taskId
+    }
+    
+    console.log('发送给formatStartNodeShow的数据:', formatData)
+    
+    const formatRes = await taskApi.formatStartNodeShow(formatData)
+    console.log('格式化显示:', formatRes)
+    
+    // 从接口返回的数据中提取动态字段和审批流程
+    const taskData = taskRes as any
+    const formatData_result = formatRes as any
+    
+    let formItems = []
+    let approvalFlow = []
+    
+    if (taskData.code === 0 && taskData.data) {
+      // 从 queryTask 接口获取表单字段
+      formItems = taskData.data.formItems || []
+    }
+    
+    if (formatData_result.code === 0 && formatData_result.data) {
+      // 从 formatStartNodeShow 接口获取审批流程
+      approvalFlow = formatData_result.data || []
+    }
+    
+    // 设置当前任务数据 - 使用实际的任务数据和接口返回的动态数据
+    currentTask.value = {
+      ...item,
+      serialNumber: item.serialNumber || item.taskId?.substring(0, 13) || '未知流水号',
+      roomName: item.roomName || '未知会议室',
+      applicantName: item.applicantName || item.rootUserName || '未知申请人',
+      meetingTime: item.meetingTime || item.startTime || '未知时间',
+      flowId: item.flowId,
+      processInstanceId: item.processInstanceId,
+      taskId: item.taskId,
+      // 添加动态数据
+      formItems: formItems,
+      approvalFlow: approvalFlow
+    }
+    
+    console.log('设置的任务数据:', currentTask.value)
+    
+    // 显示审批弹窗
+    showApprovalModal.value = true
+    
+  } catch (error) {
+    console.error('加载审批信息失败:', error)
+    uni.showToast({
+      title: '加载失败，请重试',
+      icon: 'none'
+    })
+  } finally {
+    uni.hideLoading()
+    isProcessing.value = false
+  }
+}
+
+// 隐藏审批弹窗
+function hideApprovalModal() {
+  showApprovalModal.value = false
+  currentTask.value = {}
+}
+
+// 处理拒绝
+function handleReject() {
+  console.log('handleReject - 设置 pendingApproval.value = false')
+  pendingApproval.value = false
+  approvalComment.value = ''
+  showCommentModal.value = true
+}
+
+// 处理提交（同意）
+function handleSubmit() {
+  console.log('handleSubmit - 设置 pendingApproval.value = true')
+  pendingApproval.value = true
+  approvalComment.value = ''
+  showCommentModal.value = true
+}
+
+// 处理转办
+async function handleTransfer() {
+  // 先显示转办表单弹窗
+  delegateFormComment.value = ''
+  selectedUser.value = null
+  showDelegateFormModal.value = true
+}
+
+// 提交审批结果
+async function submitApproval(approved: boolean) {
+  console.log('submitApproval 被调用，参数 approved:', approved, '类型:', typeof approved)
+  
+  if (isProcessing.value) return
+  
+  isProcessing.value = true
+  uni.showLoading({ 
+    title: approved ? '提交中...' : '拒绝中...', 
+    mask: true 
+  })
+  
+  try {
+    // 检查任务数据
+    console.log('当前任务数据:', currentTask.value)
+    console.log('审核意见:', approvalComment.value)
+    
+    if (!currentTask.value.taskId) {
+      throw new Error('任务ID不存在')
+    }
+    
+    // 构建审批参数
+    const paramMap = {
+      mcmxfktv1b0zg: null,
+      roomName: currentTask.value.roomName,
+      applicantName: currentTask.value.applicantName,
+      meetingTime: currentTask.value.meetingTime,
+      mcmxoxqvzau0u_approve_condition: approved
+    }
+    
+    console.log('approved 值:', approved)
+    console.log('mcmxoxqvzau0u_approve_condition 值:', paramMap.mcmxoxqvzau0u_approve_condition)
+    
+    const taskLocalParamMap = {
+      approveDesc: approvalComment.value || (approved ? '同意申请' : '拒绝申请')
+    }
+    
+    const requestData = {
+      taskId: currentTask.value.taskId,
+      paramMap: paramMap,
+      taskLocalParamMap: taskLocalParamMap
+    }
+    
+    console.log('构建的paramMap:', paramMap)
+    console.log('构建的taskLocalParamMap:', taskLocalParamMap)
+    console.log('审批请求参数:', requestData)
+    
+    const res = await taskApi.completeTask(requestData)
+    
+    console.log('审批结果:', res)
+    
+    uni.showToast({
+      title: approved ? '提交成功' : '拒绝成功',
+      icon: 'success'
+    })
+    
+    // 关闭弹窗并刷新列表
+    hideApprovalModal()
+    setTimeout(() => {
+      fetchTodoList(true)
+    }, 1000)
+    
+  } catch (error) {
+    console.error('审批失败:', error)
+    uni.showToast({
+      title: '操作失败，请重试',
+      icon: 'none'
+    })
+  } finally {
+    uni.hideLoading()
+    isProcessing.value = false
+  }
+}
+
+// 审核意见弹窗相关方法
+function hideCommentModal() {
+  showCommentModal.value = false
+  approvalComment.value = ''
+  pendingApproval.value = null
+}
+
+function confirmApproval() {
+  if (!approvalComment.value.trim()) {
+    uni.showToast({
+      title: '请输入审核意见',
+      icon: 'none'
+    })
+    return
+  }
+  
+  console.log('confirmApproval - pendingApproval.value:', pendingApproval.value)
+  console.log('confirmApproval - approvalComment.value:', approvalComment.value)
+  
+  // 先保存 pendingApproval 的值，因为 hideCommentModal 会重置它
+  const approvalValue = pendingApproval.value
+  
+  hideCommentModal()
+  submitApproval(approvalValue!)
+}
+
+// 转办表单弹窗相关方法
+function hideDelegateFormModal() {
+  showDelegateFormModal.value = false
+  delegateFormComment.value = ''
+  selectedUser.value = null
+}
+
+async function showUserSelection() {
+  try {
+    // 获取用户选择列表 - 使用抽取的API
+    const res = await taskApi.getDeptOrgUsers(0)
+    console.log('用户选择列表:', res)
+    
+    const responseData = res as any
+    if (responseData.code === 0 && responseData.data) {
+      // 处理接口返回的数据结构
+      const apiData = responseData.data
+      userSelectionData.value = {
+        titleDepartments: apiData.titleDepartments || [],
+        employees: apiData.employees || [],
+        childDepartments: apiData.childDepartments || []
+      }
+      filteredDepartments.value = apiData.childDepartments || []
+      filteredEmployees.value = apiData.employees || []
+      searchKeyword.value = ''
+      // 初始化面包屑导航
+      breadcrumbPath.value = [{ id: 0, name: '全部', type: 'root' }]
+      showDelegateModal.value = true
+    } else {
+      uni.showToast({
+        title: '获取用户列表失败',
+        icon: 'none'
+      })
+    }
+  } catch (error) {
+    console.error('获取用户列表失败:', error)
+    uni.showToast({
+      title: '获取用户列表失败',
+      icon: 'none'
+    })
+  }
+}
+
+function removeSelectedUser() {
+  selectedUser.value = null
+}
+
+function confirmDelegateForm() {
+  console.log('confirmDelegateForm 被调用')
+  console.log('selectedUser.value:', selectedUser.value)
+  console.log('delegateFormComment.value:', delegateFormComment.value)
+  
+  // 清除之前的错误提示
+  userSelectError.value = ''
+  commentError.value = ''
+  
+  let hasError = false
+  
+  // 验证表单
+  if (!selectedUser.value) {
+    console.log('验证失败：未选择转办人员')
+    userSelectError.value = '请选择转办人员'
+    hasError = true
+  }
+  
+  if (!delegateFormComment.value || delegateFormComment.value.length < 2) {
+    console.log('验证失败：审核意见太短')
+    commentError.value = '请输入审核意见（至少2字）'
+    hasError = true
+  } else if (delegateFormComment.value.length > 100) {
+    console.log('验证失败：审核意见太长')
+    commentError.value = '审核意见不能超过100字'
+    hasError = true
+  }
+  
+  if (hasError) {
+    return
+  }
+  
+  console.log('验证通过，准备提交转办')
+  // 设置转办数据并提交
+  delegateComment.value = delegateFormComment.value
+  // 先提交转办，再关闭弹窗
+  submitDelegate()
+}
+
+// 转办相关方法
+function hideDelegateModal() {
+  showDelegateModal.value = false
+  // 不要清空 selectedUser，因为用户可能已经选择了
+  searchKeyword.value = ''
+}
+
+function hideDelegateConfirmModal() {
+  showDelegateConfirmModal.value = false
+  delegateComment.value = ''
+}
+
+async function selectUser(user: any) {
+  // 如果是部门类型，请求下级数据
+  if (user.type === 'dept') {
+    try {
+      uni.showLoading({ title: '加载中...', mask: true })
+      
+      const res = await taskApi.getDeptOrgUsers(user.id)
+      console.log('下级部门数据:', res)
+      
+      const responseData = res as any
+      if (responseData.code === 0 && responseData.data) {
+        const apiData = responseData.data
+        
+        // 更新数据，显示下级部门和员工
+        userSelectionData.value = {
+          titleDepartments: [...(userSelectionData.value.titleDepartments || []), user],
+          employees: apiData.employees || [],
+          childDepartments: apiData.childDepartments || []
+        }
+        filteredDepartments.value = apiData.childDepartments || []
+        filteredEmployees.value = apiData.employees || []
+        searchKeyword.value = ''
+        
+        // 更新面包屑导航
+        breadcrumbPath.value.push(user)
+      } else {
+        uni.showToast({
+          title: '获取下级数据失败',
+          icon: 'none'
+        })
+      }
+    } catch (error) {
+      console.error('获取下级数据失败:', error)
+      uni.showToast({
+        title: '获取下级数据失败',
+        icon: 'none'
+      })
+    } finally {
+      uni.hideLoading()
+    }
+  } else {
+    // 如果是员工，直接选择并关闭弹窗
+    console.log('选择员工:', user)
+    selectedUser.value = user
+    console.log('selectedUser.value:', selectedUser.value)
+    hideDelegateModal()
+    // 返回到转办表单弹窗
+    showDelegateFormModal.value = true
+  }
+}
+
+function confirmDelegateUser() {
+  if (!selectedUser.value) {
+    uni.showToast({
+      title: '请选择转办人员',
+      icon: 'none'
+    })
+    return
+  }
+  
+  hideDelegateModal()
+  // 返回到转办表单弹窗
+  showDelegateFormModal.value = true
+}
+
+// 面包屑导航点击
+async function navigateToBreadcrumb(index: number) {
+  if (index === breadcrumbPath.value.length - 1) {
+    // 点击当前层级，不执行任何操作
+    return
+  }
+  
+  try {
+    uni.showLoading({ title: '加载中...', mask: true })
+    
+    // 截取面包屑路径到指定层级
+    breadcrumbPath.value = breadcrumbPath.value.slice(0, index + 1)
+    
+    // 获取目标层级的数据
+    const targetItem = breadcrumbPath.value[index]
+    const res = await taskApi.getDeptOrgUsers(targetItem.id)
+    
+    const responseData = res as any
+    if (responseData.code === 0 && responseData.data) {
+      const apiData = responseData.data
+      
+      // 更新数据
+      filteredDepartments.value = apiData.childDepartments || []
+      filteredEmployees.value = apiData.employees || []
+      searchKeyword.value = ''
+    } else {
+      uni.showToast({
+        title: '获取数据失败',
+        icon: 'none'
+      })
+    }
+  } catch (error) {
+    console.error('获取数据失败:', error)
+    uni.showToast({
+      title: '获取数据失败',
+      icon: 'none'
+    })
+  } finally {
+    uni.hideLoading()
+  }
+}
+
+function confirmDelegate() {
+  if (!delegateComment.value.trim()) {
+    uni.showToast({
+      title: '请输入审核意见',
+      icon: 'none'
+    })
+    return
+  }
+  
+  if (delegateComment.value.length < 2) {
+    uni.showToast({
+      title: '审核意见至少2个字符',
+      icon: 'none'
+    })
+    return
+  }
+  
+  submitDelegate()
+}
+
+async function submitDelegate() {
+  console.log('submitDelegate 被调用')
+  console.log('isProcessing.value:', isProcessing.value)
+  
+  if (isProcessing.value) {
+    console.log('正在处理中，跳过')
+    return
+  }
+  
+  isProcessing.value = true
+  uni.showLoading({ title: '转办中...', mask: true })
+  
+  try {
+    // 使用抽取的转办接口
+    const res = await taskApi.setAssignee({
+      paramMap: {
+        mcmxfktv1b0zg: null,
+        roomName: currentTask.value.roomName,
+        applicantName: currentTask.value.applicantName,
+        meetingTime: currentTask.value.meetingTime,
+        mcmxoxqvzau0u_approve_condition: true
+      },
+      taskId: currentTask.value.taskId,
+      targetUserIdList: [selectedUser.value.id],
+      taskLocalParamMap: {
+        approveDesc: delegateComment.value
+      }
+    })
+    
+    console.log('转办结果:', res)
+    
+    const responseData = res as any
+    if (responseData.code === 0) {
+      uni.showToast({
+        title: '转办成功',
+        icon: 'success'
+      })
+      
+      // 关闭弹窗并刷新列表
+      hideDelegateFormModal()
+      hideApprovalModal()
+      setTimeout(() => {
+        fetchTodoList(true)
+      }, 1000)
+    } else {
+      uni.showToast({
+        title: responseData.msg || '转办失败',
+        icon: 'none'
+      })
+    }
+    
+  } catch (error) {
+    console.error('转办失败:', error)
+    uni.showToast({
+      title: '转办失败，请重试',
+      icon: 'none'
+    })
+  } finally {
+    uni.hideLoading()
+    isProcessing.value = false
+  }
+}
+
+// 搜索过滤
+function filterUsers() {
+  const keyword = searchKeyword.value.toLowerCase()
+  
+  if (!keyword) {
+    filteredDepartments.value = userSelectionData.value.childDepartments || []
+    filteredEmployees.value = userSelectionData.value.employees || []
+    return
+  }
+  
+  filteredDepartments.value = (userSelectionData.value.childDepartments || []).filter((dept: any) => 
+    dept.name.toLowerCase().includes(keyword)
+  )
+  
+  filteredEmployees.value = (userSelectionData.value.employees || []).filter((emp: any) => 
+    emp.name.toLowerCase().includes(keyword)
+  )
+}
 </script>
 
 <style scoped lang="less">
@@ -266,18 +1226,653 @@ onReachBottom(() => {
   transition: background 0.2s, box-shadow 0.2s;
   box-shadow: 0 2rpx 8rpx rgba(25,118,210,0.08);
 }
-.todo-btn.refuse {
-  background: linear-gradient(90deg, #f5f5f5 60%, #fbe9e7 100%);
-  color: #f44336;
-}
-.todo-btn.agree {
+.todo-btn.process {
   background: linear-gradient(90deg, #1976d2 60%, #42a5f5 100%);
   color: #fff;
 }
+
+.todo-btn.view {
+  background: linear-gradient(90deg, #4caf50 60%, #66bb6a 100%);
+  color: #fff;
+}
 .loading-tip, .no-more-tip {
   text-align: center;
   color: #bbb;
   font-size: 28rpx;
   padding: 40rpx 0 0 0;
 }
+
+/* 审批弹窗样式 */
+.modal-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+}
+
+/* 审核意见弹窗 - 更高层级 */
+.modal-overlay.comment-modal {
+  z-index: 1100;
+}
+
+/* 转办人员选择弹窗 - 最高层级 */
+.modal-overlay.delegate-modal {
+  z-index: 1500;
+}
+
+/* 转办确认弹窗 - 更高层级 */
+.modal-overlay.delegate-confirm-modal {
+  z-index: 1300;
+}
+
+.modal-content {
+  width: 90%;
+  max-width: 600rpx;
+  background: #fff;
+  border-radius: 16rpx;
+  overflow: hidden;
+  max-height: 80vh;
+}
+
+.modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 32rpx;
+  border-bottom: 1px solid #f0f0f0;
+  background: linear-gradient(90deg, #1976d2 0%, #42a5f5 100%);
+}
+
+.modal-title {
+  font-size: 32rpx;
+  font-weight: 600;
+  color: #fff;
+}
+
+.modal-close {
+  font-size: 40rpx;
+  color: #fff;
+  width: 60rpx;
+  height: 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.modal-body {
+  padding: 32rpx;
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+.form-item {
+  margin-bottom: 24rpx;
+}
+
+.form-label {
+  display: block;
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 8rpx;
+  font-weight: 500;
+}
+
+.form-value {
+  font-size: 26rpx;
+  color: #666;
+  padding: 12rpx 0;
+}
+
+.form-input {
+  font-size: 26rpx;
+  color: #333;
+  padding: 16rpx;
+  background: #f5f5f5;
+  border-radius: 8rpx;
+  border: 1px solid #e0e0e0;
+}
+
+.form-textarea {
+  font-size: 26rpx;
+  color: #333;
+  padding: 16rpx;
+  background: #f5f5f5;
+  border-radius: 8rpx;
+  border: 1px solid #e0e0e0;
+  min-height: 120rpx;
+  line-height: 1.5;
+}
+
+.form-sequence {
+  font-size: 26rpx;
+  color: #1976d2;
+  padding: 16rpx;
+  background: #f0f8ff;
+  border-radius: 8rpx;
+  border: 1px solid #d0e7ff;
+  font-weight: 500;
+  font-family: monospace;
+}
+
+.approval-flow {
+  margin-top: 32rpx;
+  padding: 24rpx;
+  background: #f8f9fa;
+  border-radius: 12rpx;
+}
+
+.flow-item {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: 16rpx;
+}
+
+.flow-item:last-child {
+  margin-bottom: 0;
+}
+
+.flow-icon {
+  width: 48rpx;
+  height: 48rpx;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  font-weight: bold;
+  margin-right: 16rpx;
+  flex-shrink: 0;
+}
+
+.flow-icon.completed {
+  background: #4caf50;
+  color: #fff;
+}
+
+.flow-icon.pending {
+  background: #ff9800;
+  color: #fff;
+}
+
+.flow-line {
+  width: 2rpx;
+  height: 32rpx;
+  background: #e0e0e0;
+  margin-left: 23rpx;
+  margin-bottom: 16rpx;
+}
+
+.flow-content {
+  flex: 1;
+}
+
+.flow-label {
+  display: block;
+  font-size: 26rpx;
+  color: #333;
+  font-weight: 500;
+  margin-bottom: 8rpx;
+}
+
+.flow-user {
+  display: flex;
+  align-items: center;
+}
+
+.flow-users {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8rpx;
+}
+
+.user-avatar {
+  width: 32rpx;
+  height: 32rpx;
+  background: #e0e0e0;
+  border-radius: 50%;
+  margin-right: 8rpx;
+}
+
+.user-name {
+  font-size: 24rpx;
+  color: #666;
+}
+
+.modal-footer {
+  display: flex;
+  border-top: 1px solid #f0f0f0;
+}
+
+.modal-btn {
+  flex: 1;
+  padding: 24rpx;
+  text-align: center;
+  font-size: 26rpx;
+  font-weight: 500;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8rpx;
+}
+
+.reject-btn {
+  color: #f44336;
+  background: #fff;
+}
+
+.submit-btn {
+  color: #4caf50;
+  background: #fff;
+}
+
+.transfer-btn {
+  color: #666;
+  background: #fff;
+}
+
+.close-btn {
+  color: #666;
+  background: #fff;
+  flex: none;
+  width: 200rpx;
+  margin: 0 auto;
+}
+
+.btn-icon {
+  font-size: 24rpx;
+  font-weight: bold;
+}
+
+.btn-text {
+  font-size: 26rpx;
+}
+
+/* 审核意见弹窗样式 */
+.comment-section {
+  margin-bottom: 24rpx;
+}
+
+.comment-label {
+  display: block;
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 12rpx;
+  font-weight: 500;
+}
+
+.comment-textarea {
+  width: 100%;
+  min-height: 200rpx;
+  padding: 16rpx;
+  border: 1px solid #e0e0e0;
+  border-radius: 8rpx;
+  font-size: 26rpx;
+  color: #333;
+  background: #fff;
+  resize: none;
+  box-sizing: border-box;
+}
+
+.char-count {
+  text-align: right;
+  font-size: 22rpx;
+  color: #999;
+  margin-top: 8rpx;
+}
+
+/* 转办人员选择弹窗样式 */
+.delegate-modal {
+  max-height: 80vh;
+}
+
+.search-section {
+  margin-bottom: 24rpx;
+}
+
+.breadcrumb-section {
+  margin-bottom: 24rpx;
+  padding: 16rpx 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.breadcrumb {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.breadcrumb-item {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.breadcrumb-text {
+  font-size: 26rpx;
+  color: #1976d2;
+  padding: 4rpx 8rpx;
+  border-radius: 4rpx;
+  transition: background-color 0.2s;
+}
+
+.breadcrumb-text:active {
+  background-color: #f0f8ff;
+}
+
+.breadcrumb-separator {
+  font-size: 24rpx;
+  color: #999;
+  margin: 0 8rpx;
+}
+
+.search-input {
+  width: 100%;
+  padding: 16rpx;
+  border: 1px solid #e0e0e0;
+  border-radius: 8rpx;
+  font-size: 26rpx;
+  color: #333;
+  background: #fff;
+}
+
+.user-list {
+  max-height: 400rpx;
+  overflow-y: auto;
+}
+
+.section-title {
+  font-size: 24rpx;
+  color: #666;
+  margin-bottom: 12rpx;
+  padding: 8rpx 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.user-item {
+  display: flex;
+  align-items: center;
+  padding: 16rpx 0;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+.user-item:last-child {
+  border-bottom: none;
+}
+
+.user-checkbox {
+  width: 32rpx;
+  height: 32rpx;
+  border: 2rpx solid #e0e0e0;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 16rpx;
+  flex-shrink: 0;
+}
+
+.user-checkbox.checked {
+  background: #1976d2;
+  border-color: #1976d2;
+}
+
+.check-icon {
+  color: #fff;
+  font-size: 20rpx;
+  font-weight: bold;
+}
+
+.user-icon {
+  width: 48rpx;
+  height: 48rpx;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 16rpx;
+  flex-shrink: 0;
+}
+
+.dept-icon {
+  background: #e3f2fd;
+  font-size: 24rpx;
+}
+
+.employee-icon {
+  background: #f3e5f5;
+  position: relative;
+}
+
+.avatar-img {
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  object-fit: cover;
+}
+
+.avatar-text {
+  font-size: 20rpx;
+  color: #1976d2;
+  font-weight: bold;
+}
+
+.user-info {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.user-name {
+  font-size: 26rpx;
+  color: #333;
+  font-weight: 500;
+  margin-bottom: 4rpx;
+}
+
+.user-type {
+  font-size: 22rpx;
+  color: #666;
+}
+
+.subordinate-link {
+  font-size: 22rpx;
+  color: #1976d2;
+  padding: 8rpx 16rpx;
+  border: 1px solid #1976d2;
+  border-radius: 16rpx;
+}
+
+/* 转办确认弹窗样式 */
+.delegate-info {
+  margin-bottom: 24rpx;
+  padding: 16rpx;
+  background: #f8f9fa;
+  border-radius: 8rpx;
+}
+
+.info-item {
+  display: flex;
+  align-items: center;
+}
+
+.info-label {
+  font-size: 26rpx;
+  color: #666;
+  margin-right: 8rpx;
+}
+
+.info-value {
+  font-size: 26rpx;
+  color: #333;
+  font-weight: 500;
+}
+
+/* 转办表单弹窗样式 */
+.delegate-form-modal {
+  z-index: 1400;
+}
+
+.delegate-form-content {
+  width: 600rpx;
+  max-height: 80vh;
+  padding: 0;
+}
+
+.delegate-form {
+  padding: 32rpx;
+}
+
+.form-section {
+  margin-bottom: 32rpx;
+}
+
+.form-section:last-child {
+  margin-bottom: 0;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  margin-bottom: 16rpx;
+}
+
+.title-text {
+  font-size: 28rpx;
+  color: #333;
+  font-weight: 500;
+}
+
+.required {
+  color: #f44336;
+  font-size: 28rpx;
+  margin-left: 4rpx;
+}
+
+.user-selector {
+  border: 1px solid #ddd;
+  border-radius: 8rpx;
+  padding: 16rpx;
+  background: #fff;
+  cursor: pointer;
+  transition: border-color 0.2s;
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12rpx;
+}
+
+.user-selector:active {
+  border-color: #1976d2;
+}
+
+.selected-user-tag {
+  display: flex;
+  align-items: center;
+  background: #ff9800;
+  color: #fff;
+  padding: 8rpx 12rpx;
+  border-radius: 16rpx;
+  font-size: 26rpx;
+}
+
+.user-tag-name {
+  margin-right: 8rpx;
+}
+
+.user-tag-remove {
+  font-size: 24rpx;
+  font-weight: bold;
+  cursor: pointer;
+  padding: 2rpx;
+  border-radius: 50%;
+  width: 24rpx;
+  height: 24rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: background-color 0.2s;
+}
+
+.user-tag-remove:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.add-user-btn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 48rpx;
+  height: 48rpx;
+  border: 1px solid #ddd;
+  border-radius: 50%;
+  background: #f5f5f5;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+
+.add-user-btn:active {
+  background: #e0e0e0;
+  border-color: #1976d2;
+}
+
+.add-icon {
+  font-size: 24rpx;
+  color: #666;
+  font-weight: bold;
+}
+
+.comment-input-wrapper {
+  position: relative;
+}
+
+.comment-textarea {
+  width: 100%;
+  min-height: 120rpx;
+  padding: 16rpx;
+  border: 1px solid #ddd;
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  color: #333;
+  background: #fff;
+  resize: none;
+  box-sizing: border-box;
+}
+
+.comment-textarea:focus {
+  border-color: #1976d2;
+  outline: none;
+}
+
+.char-count {
+  position: absolute;
+  bottom: 8rpx;
+  right: 16rpx;
+  font-size: 24rpx;
+  color: #999;
+}
+
+.cancel-btn {
+  color: #666;
+  background: #fff;
+  border: 1px solid #ddd;
+}
+
+.confirm-btn {
+  color: #fff;
+  background: #1976d2;
+}
+
+.error-message {
+  font-size: 24rpx;
+  color: #f44336;
+  margin-top: 8rpx;
+  padding-left: 4rpx;
+}
+
 </style>
diff --git a/src/pages/tabbar/integrated.vue b/src/pages/tabbar/integrated.vue
index 3cde773..49c8280 100644
--- a/src/pages/tabbar/integrated.vue
+++ b/src/pages/tabbar/integrated.vue
@@ -7,7 +7,10 @@
 			<div class="service-container">
 				<div class="service-grid">
 					<div v-for="item in services" :key="item.name" class="service-item" @click="goPage(item)">
-						<image :src="item.icon" class="service-icon" />
+						<div class="service-icon-wrapper">
+							<image :src="item.icon" class="service-icon" />
+							<view v-if="item.name === 'todo' && todoCount > 0" class="badge">{{ todoCount > 99 ? '99+' : todoCount }}</view>
+						</div>
 						<div class="service-label">{{ item.label }}</div>
 					</div>
 				</div>
@@ -18,6 +21,10 @@
 
 <script setup lang="ts">
 import { onLoad } from "@dcloudio/uni-app"
+import { ref, onMounted } from "vue"
+import integratedApi from "@/sheep/api/integrated"
+
+const todoCount = ref(0)
 
 const services = [
 	{
@@ -64,11 +71,29 @@ const services = [
 	},
 ]
 
+// 获取待办数量
+async function fetchTodoCount() {
+	try {
+		const res = await integratedApi.getTodoList({ current: 1, size: 1 })
+		const responseData = res as any
+		if (responseData.code === 0 && responseData.data) {
+			todoCount.value = responseData.data.total || 0
+		}
+	} catch (error) {
+		console.error('获取待办数量失败:', error)
+		todoCount.value = 0
+	}
+}
+
 onLoad(() => {
 	const app = getApp()
 	app._initTabbar()
 })
 
+onMounted(() => {
+	fetchTodoCount()
+})
+
 function goPage(item) {
 	if (item.url) {
 		uni.navigateTo({ url: item.url })
@@ -122,15 +147,51 @@ function goPage(item) {
 	transform: translateY(-6rpx) scale(1.06);
 	box-shadow: 0 2rpx 12rpx rgba(25, 118, 210, 0.08);
 }
+.service-icon-wrapper {
+	position: relative;
+	margin-bottom: 14rpx;
+}
+
 .service-icon {
 	width: 92rpx;
 	height: 92rpx;
-	margin-bottom: 14rpx;
 	border-radius: 16rpx;
 	background: #f5f7fa;
 	box-shadow: 0 2rpx 8rpx rgba(25, 118, 210, 0.04);
 	transition: box-shadow 0.2s;
 }
+
+.badge {
+	position: absolute;
+	top: -8rpx;
+	right: -8rpx;
+	background: #ff6b35;
+	color: #fff;
+	font-size: 20rpx;
+	font-weight: bold;
+	min-width: 32rpx;
+	height: 32rpx;
+	border-radius: 16rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 0 8rpx;
+	box-shadow: 0 2rpx 8rpx rgba(255, 107, 53, 0.4);
+	border: 2rpx solid #fff;
+	animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+	0% {
+		transform: scale(1);
+	}
+	50% {
+		transform: scale(1.1);
+	}
+	100% {
+		transform: scale(1);
+	}
+}
 .service-label {
 	font-size: 28rpx;
 	color: #333;
diff --git a/src/sheep/api/meetingRoom.ts b/src/sheep/api/meetingRoom.ts
index c090901..055d4f4 100644
--- a/src/sheep/api/meetingRoom.ts
+++ b/src/sheep/api/meetingRoom.ts
@@ -31,6 +31,8 @@ export default {
     title: string;
     description: string;
     attendees: string[];
+    need_service?: string;
+    desk_layout?: string;
   }) =>
     request({
       url: `/integrated/meetingRoom/${roomId}/book`,
@@ -57,154 +59,16 @@ export default {
       method: 'GET',
     }),
 
-  // ========== 意见反馈相关接口 ==========
-  /**
-   * 提交意见反馈
-   */
-  submitFeedback: (data: {
-    title: string;
-    description: string;
-    picUrl?: string;
-    type: string;
-    contact?: string;
-  }) =>
-    request({
-      url: '/integrated/feedback/app/save',
-      method: 'POST',
-      data,
-    }),
 
-  /**
-   * 获取我的反馈列表
-   */
-  getFeedbackList: (params: { current: number; size: number }) =>
-    request({
-      url: '/integrated/feedback/app/page',
-      method: 'GET',
-      params,
-    }),
+    /**
+     * 获取桌子拜访形态
+     */
+    getMeetingDeskLayout: (id: string) =>
+        request({
+            url: `/integrated/meetingDeskLayout/app/list`,
+            method: 'GET',
+        }),
 
-  /**
-   * 获取反馈详情
-   */
-  getFeedbackDetail: (id: string) =>
-    request({
-      url: '/integrated/feedback/app/getDetails',
-      method: 'GET',
-      params: { id },
-    }),
+}
 
-  /**
-   * 获取反馈类型字典
-   */
-  getFeedbackType: () =>
-    request({
-      url: '/integrated/feedback/app/getFeedbackType',
-      method: 'GET',
-    }),
 
-  // ========== 维修上报相关接口 ==========
-  /**
-   * 提交维修申请
-   */
-  submitRepair: (data: {
-    title: string;
-    picUrl?: string;
-    description: string;
-    dateFound: string;
-    location: string;
-    urgency: string;
-    maintainType: number;
-  }) =>
-    request({
-      url: '/integrated/maintenanceOrder/app/apply',
-      method: 'POST',
-      data,
-    }),
-
-  /**
-   * 获取我的维修记录列表
-   */
-  getRepairList: (params: { current: number; size: number }) =>
-    request({
-      url: '/integrated/maintenanceOrder/app/my',
-      method: 'GET',
-      params,
-    }),
-
-  /**
-   * 获取维修详情
-   */
-  getRepairDetail: (id: string | number) =>
-    request({
-      url: `/integrated/maintenanceOrder/app/my/${id}`,
-      method: 'GET',
-    }),
-
-  // ========== 通知公告相关接口 ==========
-  /**
-   * 获取公告列表
-   */
-  getNoticeList: (params: { current: number; size: number; type?: string }) =>
-    request({
-      url: '/integrated/notice/list',
-      method: 'GET',
-      params,
-    }),
-
-  /**
-   * 获取公告详情
-   */
-  getNoticeDetail: (id: string) =>
-    request({
-      url: `/integrated/notice/detail/${id}`,
-      method: 'GET',
-    }),
-
-  /**
-   * 标记公告已读
-   */
-  markNoticeRead: (id: string) =>
-    request({
-      url: `/integrated/notice/read/${id}`,
-      method: 'POST',
-    }),
-
-  // ========== 访客管理相关接口 ==========
-  /**
-   * 提交访客申请
-   */
-  submitVisitor: (data: {
-    visitorName: string;
-    visitorPhone: string;
-    purpose: string;
-    visitDate: string;
-    visitTime: string;
-    hostName: string;
-    remark?: string;
-  }) =>
-    request({
-      url: '/integrated/visitor/submit',
-      method: 'POST',
-      data,
-    }),
-
-  /**
-   * 获取访客记录列表
-   */
-  getVisitorList: (params: { current: number; size: number }) =>
-    request({
-      url: '/integrated/visitor/my-list',
-      method: 'GET',
-      params,
-    }),
-
-  /**
-   * 获取访客详情
-   */
-  getVisitorDetail: (id: string) =>
-    request({
-      url: `/integrated/visitor/detail/${id}`,
-      method: 'GET',
-    }),
-} 
\ No newline at end of file
diff --git a/src/sheep/api/notice.ts b/src/sheep/api/notice.ts
index 754c268..922b7f5 100644
--- a/src/sheep/api/notice.ts
+++ b/src/sheep/api/notice.ts
@@ -20,4 +20,33 @@ export default {
       url: `/integrated/notice/app/view/${id}`,
       method: 'POST',
     }),
+
+  // ========== 通知公告相关接口 ==========
+  /**
+   * 获取公告列表
+   */
+  getNoticeList: (params: { current: number; size: number; type?: string }) =>
+    request({
+      url: '/integrated/notice/list',
+      method: 'GET',
+      params,
+    }),
+
+  /**
+   * 获取公告详情
+   */
+  getNoticeDetailById: (id: string) =>
+    request({
+      url: `/integrated/notice/detail/${id}`,
+      method: 'GET',
+    }),
+
+  /**
+   * 标记公告已读
+   */
+  markNoticeRead: (id: string) =>
+    request({
+      url: `/integrated/notice/read/${id}`,
+      method: 'POST',
+    }),
 } 
\ No newline at end of file