diff --git a/backend/templates/pmr.html b/backend/templates/pmr.html index a1c7be2..fea09f6 100644 --- a/backend/templates/pmr.html +++ b/backend/templates/pmr.html @@ -311,6 +311,66 @@ text-align: center; color: #94a3b8; } + + /* 처방 비교 상태 */ + .med-status { + display: inline-block; + padding: 2px 8px; + border-radius: 4px; + font-size: 0.7rem; + font-weight: 600; + margin-left: 8px; + } + .status-added { background: #dcfce7; color: #166534; } + .status-removed { background: #fee2e2; color: #991b1b; } + .status-changed { background: #fef3c7; color: #92400e; } + .status-same { background: #f1f5f9; color: #64748b; } + + tr.row-added { background: #f0fdf4 !important; } + tr.row-removed { background: #fef2f2 !important; opacity: 0.7; } + tr.row-changed { background: #fffbeb !important; } + + .change-arrow { + color: #94a3b8; + margin: 0 4px; + } + .change-from { + text-decoration: line-through; + color: #94a3b8; + } + .change-to { + background: #fbbf24; + padding: 2px 6px; + border-radius: 4px; + font-weight: 600; + } + + /* 비교 모드 토글 */ + .compare-toggle { + display: flex; + align-items: center; + gap: 8px; + padding: 8px 15px; + background: #f8fafc; + border-bottom: 1px solid #e2e8f0; + font-size: 0.85rem; + } + .compare-toggle input[type="checkbox"] { + width: 18px; + height: 18px; + cursor: pointer; + } + .compare-legend { + display: flex; + gap: 12px; + margin-left: auto; + font-size: 0.75rem; + } + .compare-legend span { + display: flex; + align-items: center; + gap: 4px; + }
@@ -362,6 +422,16 @@