diff --git a/track-uniapp/src/pages/scan/components/WorkspaceArea.vue b/track-uniapp/src/pages/scan/components/WorkspaceArea.vue index fa0d0f5..fa58475 100644 --- a/track-uniapp/src/pages/scan/components/WorkspaceArea.vue +++ b/track-uniapp/src/pages/scan/components/WorkspaceArea.vue @@ -44,6 +44,10 @@ 🔒 沉浸工作区 + + ⚠️ 正在以管理员身份代 [{{ formatUserName(lockedTask.assignee_id) || lockedTask.assignee_id }}] 操作 + + {{ branchLabelsMap[lockedTask.id] || '' }} @@ -78,9 +82,6 @@ {{ formatTaskTime(lockedTask) }} - - ⚠️ 正在以管理员身份代 [{{ formatUserName(lockedTask.assignee_id) || lockedTask.assignee_id }}] 操作 - @@ -270,7 +271,7 @@ export default { .lock-title { font-size: 14px; font-weight: 700; color: #1f2937; } .branch-done { font-size: 11px; font-weight: 600; color: #16a34a; } .task-count { font-size: 12px; color: #9ca3af; display: block; margin-top: 4px; } -.focus-card { height: 100%; margin: 0 4px; padding: 20px 16px; border-radius: 16px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.08); overflow-y: auto; border-top: 5px solid #3b82f6; } +.focus-card { flex: 1; min-height: 0; margin: 0 4px; padding: 20px 16px calc(160rpx + env(safe-area-inset-bottom)); border-radius: 16px; background: #fff; box-shadow: 0 2px 12px rgba(0,0,0,0.08); overflow-y: auto; border-top: 5px solid #3b82f6; } .focus-card.s-yellow { border-top-color: #f59e0b; } .focus-card.s-blue { border-top-color: #3b82f6; } .focus-card.s-green { border-top-color: #22c55e; } @@ -292,13 +293,13 @@ export default { .zero-task { display: flex; flex-direction: column; align-items: center; padding: 24px 0; } .zero-icon { font-size: 40px; margin-bottom: 8px; } .zero-text { font-size: 14px; color: #9ca3af; } -.footer-actions { display: flex; gap: 12rpx; padding: 16rpx 20rpx; padding-bottom: calc(16rpx + env(safe-area-inset-bottom)); background: #ffffff; box-shadow: 0 -2rpx 10rpx rgba(0,0,0,0.05); flex-shrink: 0; } +.footer-actions { position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; display: flex; gap: 12rpx; padding: 16rpx 20rpx; padding-bottom: calc(16rpx + env(safe-area-inset-bottom)); background: #ffffff; border-top: 1px solid #e5e7eb; box-shadow: 0 -2rpx 10rpx rgba(0,0,0,0.05); } .footer-btn { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100rpx; border: none; border-radius: 16rpx; line-height: 1.2; padding: 0; } .footer-btn::after { border: none; } .btn-icon { font-size: 36rpx; margin-bottom: 6rpx; } .btn-txt { font-size: 24rpx; font-weight: 700; } .footer-readonly { justify-content: center; background: #fef2f2; } -.admin-proxy-notice { padding: 10rpx 20rpx; background: #fef9e7; border-top: 2rpx solid #fde68a; flex-shrink: 0; } +.admin-proxy-notice { padding: 10rpx 20rpx; background: #fef9e7; border-bottom: 2rpx solid #fde68a; flex-shrink: 0; } .proxy-text { font-size: 22rpx; color: #b45309; font-weight: 600; } .readonly-hint { font-size: 24rpx; color: #dc2626; font-weight: 600; } .footer-transfer { background: #dcfce7; color: #16a34a; }