diff --git a/emergency-app/professional/doc/screenshots/work-order-detail.jpg b/emergency-app/professional/doc/screenshots/work-order-detail.jpg index e455b65..c64f5a0 100644 Binary files a/emergency-app/professional/doc/screenshots/work-order-detail.jpg and b/emergency-app/professional/doc/screenshots/work-order-detail.jpg differ diff --git a/emergency-app/professional/workbench/work-order-detail.html b/emergency-app/professional/workbench/work-order-detail.html index c8e1ba1..a8054e6 100644 --- a/emergency-app/professional/workbench/work-order-detail.html +++ b/emergency-app/professional/workbench/work-order-detail.html @@ -35,6 +35,19 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: .summary-item__idx { color: #999; flex-shrink: 0; } .footer-bar { padding: 12px 16px 18px; background: #fff; border-top: 1px solid #f0f0f0; flex-shrink: 0; } .action-btn { width: 100%; height: 44px; border: none; border-radius: 10px; background: #1677ff; color: #fff; font-size: 15px; font-weight: 600; cursor: pointer; } +/* 编辑按钮 */ +.edit-btn { background: none; border: none; color: #1677ff; font-size: 13px; cursor: pointer; padding: 0; margin-left: 8px; } +/* 编辑弹窗 */ +.edit-mask { position: absolute; inset: 0; background: rgba(0,0,0,0.45); display: none; align-items: center; justify-content: center; z-index: 30; padding: 24px; } +.edit-mask.show { display: flex; } +.edit-dialog { width: 100%; background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,0.2); max-height: 80vh; display: flex; flex-direction: column; } +.edit-dialog__head { padding: 18px 20px; font-size: 17px; font-weight: 700; color: #1a1a1a; border-bottom: 1px solid #f0f0f0; } +.edit-dialog__body { flex: 1; overflow-y: auto; padding: 20px; } +.edit-dialog__textarea { width: 100%; min-height: 120px; padding: 12px; border: 1px solid #d9d9d9; border-radius: 8px; font-size: 14px; font-family: inherit; resize: vertical; } +.edit-dialog__actions { display: flex; gap: 8px; padding: 16px 20px; border-top: 1px solid #f0f0f0; } +.edit-dialog__btn { flex: 1; height: 40px; border: none; border-radius: 8px; font-size: 15px; cursor: pointer; font-weight: 600; } +.edit-dialog__btn--cancel { background: #f5f5f5; color: #666; } +.edit-dialog__btn--confirm { background: #1677ff; color: #fff; }
@@ -45,8 +58,8 @@ body { background: #f0f2f5; display: flex; justify-content: center; align-items: