diff --git a/backend/templates/admin_return_management.html b/backend/templates/admin_return_management.html index 39baeec..f4b1566 100644 --- a/backend/templates/admin_return_management.html +++ b/backend/templates/admin_return_management.html @@ -544,6 +544,138 @@ .filter-group select, .filter-group input { width: 100%; } .urgency-tabs { flex-wrap: wrap; } } + + /* ══════════════════ 입고이력 모달 ══════════════════ */ + .purchase-modal { + position: fixed; + inset: 0; + background: rgba(0,0,0,0.8); + display: none; + align-items: center; + justify-content: center; + z-index: 1100; + backdrop-filter: blur(4px); + } + .purchase-modal.open { display: flex; } + .purchase-modal-content { + background: var(--bg-card); + border-radius: 20px; + width: 95%; + max-width: 650px; + max-height: 80vh; + overflow: hidden; + display: flex; + flex-direction: column; + border: 1px solid var(--border); + box-shadow: 0 20px 60px rgba(0,0,0,0.5); + } + .purchase-modal-header { + padding: 20px 24px; + background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); + color: #fff; + } + .purchase-modal-header h3 { + margin: 0 0 6px 0; + font-size: 18px; + display: flex; + align-items: center; + gap: 8px; + } + .purchase-modal-header .drug-name { + font-size: 14px; + opacity: 0.9; + } + .purchase-modal-body { + padding: 16px 24px 24px; + overflow-y: auto; + flex: 1; + } + .purchase-history-table { + width: 100%; + border-collapse: collapse; + } + .purchase-history-table th { + background: var(--bg-secondary); + padding: 12px 10px; + font-size: 12px; + font-weight: 600; + color: var(--text-secondary); + text-align: left; + border-bottom: 2px solid var(--border); + position: sticky; + top: 0; + } + .purchase-history-table td { + padding: 14px 10px; + font-size: 13px; + border-bottom: 1px solid var(--border); + color: var(--text-primary); + } + .purchase-history-table tr:hover td { + background: var(--bg-card-hover); + } + .supplier-name { + font-weight: 600; + color: var(--accent-cyan); + } + .supplier-tel { + font-size: 12px; + color: var(--accent-blue); + cursor: pointer; + } + .supplier-tel:hover { + text-decoration: underline; + } + .purchase-date { + color: var(--text-secondary); + font-family: 'JetBrains Mono', monospace; + font-size: 12px; + } + .purchase-qty { + font-weight: 600; + color: var(--accent-emerald); + } + .purchase-price { + color: var(--accent-gold); + font-family: 'JetBrains Mono', monospace; + } + .purchase-empty { + text-align: center; + padding: 40px 20px; + color: var(--text-muted); + } + .purchase-empty .icon { + font-size: 40px; + margin-bottom: 12px; + } + .purchase-modal-footer { + padding: 16px 24px; + border-top: 1px solid var(--border); + display: flex; + justify-content: flex-end; + } + .purchase-modal-btn { + padding: 10px 24px; + border: none; + border-radius: 8px; + cursor: pointer; + font-weight: 500; + font-size: 14px; + background: var(--bg-secondary); + color: var(--text-secondary); + transition: all 0.15s; + } + .purchase-modal-btn:hover { + background: var(--bg-card-hover); + color: var(--text-primary); + } + /* 테이블 행 더블클릭 가능 표시 */ + #dataTableBody tr { + cursor: pointer; + } + #dataTableBody tr:active { + background: var(--bg-card-hover) !important; + } @@ -673,6 +805,9 @@ +
+ 💡 행 더블클릭 → 입고이력 확인 (도매상 연락처) +
@@ -742,6 +877,34 @@
+ +
+
+
+

📦 입고 이력

+
-
+
+
+
+ + + + + + + + + + + +
도매상입고일수량단가
📭

로딩 중...

+
+ + + +