thug0bin/pharmacy-pos-qr-system
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 대시보드 모달에 조제 이력 탭 추가

Browse Source 
- /admin/user/<id> API에 prescriptions 필드 추가
- 전화번호 → CD_PERSON(CUSCODE) → PS_main 연동
- 모달에 💊 조제 탭 추가 (admin_members.html 스타일 적용)
- 병원명, 의사명, 투약일수, 처방품목 표시
This commit is contained in:
thug0bin
2026-02-27 17:07:41 +09:00
parent c33d857fa6
commit 3fc9bbaf8e
2 changed files with 120 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
backend/templates/admin.html
View File

@@ -896,10 +896,13 @@
<!-- 탭 메뉴 -->
<div style="display: flex; gap: 16px; margin-bottom: 16px; border-bottom: 2px solid #e9ecef;">
<button onclick="switchTab('purchases')" id="tab-purchases" class="tab-btn" style="padding: 12px 20px; border: none; background: none; font-size: 15px; font-weight: 600; cursor: pointer; border-bottom: 3px solid #6366f1; color: #6366f1;">
구매 이력 (${purchases.length})
🛒 구매 (${purchases.length})
</button>
<button onclick="switchTab('mileage')" id="tab-mileage" class="tab-btn" style="padding: 12px 20px; border: none; background: none; font-size: 15px; font-weight: 600; cursor: pointer; border-bottom: 3px solid transparent; color: #868e96;">
적립 이력 (${mileageHistory.length})
💰 적립 (${mileageHistory.length})
</button>
<button onclick="switchTab('prescriptions')" id="tab-prescriptions" class="tab-btn" style="padding: 12px 20px; border: none; background: none; font-size: 15px; font-weight: 600; cursor: pointer; border-bottom: 3px solid transparent; color: #868e96;">
💊 조제 (${data.prescriptions ? data.prescriptions.length : 0})
</button>
</div>
@@ -956,6 +959,56 @@
html += '<p style="text-align: center; padding: 40px; color: #868e96;">적립 이력이 없습니다.</p>';
}
html += `
</div>
<!-- 조제 이력 탭 -->
<div id="tab-content-prescriptions" class="tab-content" style="display: none;">
`;
// 조제 이력 렌더링
const prescriptions = data.prescriptions || [];
if (prescriptions.length > 0) {
prescriptions.forEach(rx => {
// 날짜 포맷
const dateStr = rx.date || '';
let formattedDate = dateStr;
if (dateStr.length === 8) {
formattedDate = `${dateStr.slice(0,4)}.${dateStr.slice(4,6)}.${dateStr.slice(6,8)}`;
}
// 처방 품목
const itemsHtml = (rx.items || []).map(item => {
const dosage = item.quantity || 1;
const freq = item.times_per_day || 1;
const days = item.days || 0;
return `
<div style="display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #f1f3f5;">
<span style="color: #495057; font-size: 14px;">${item.name}</span>
<span style="color: #6366f1; font-size: 13px; font-weight: 600;">${dosage}정 × ${freq}회 × ${days}일</span>
</div>
`;
}).join('');
html += `
<div style="border: 1px solid #e9ecef; border-radius: 12px; margin-bottom: 12px; padding: 16px; border-left: 4px solid #6366f1;">
<div style="display: flex; justify-content: space-between; margin-bottom: 8px;">
<span style="font-size: 15px; font-weight: 600; color: #212529;">📅 ${formattedDate}</span>
<span style="font-size: 13px; color: #6366f1; font-weight: 600;">${rx.total_days || ''}일분</span>
</div>
<div style="font-size: 13px; color: #64748b; margin-bottom: 12px;">
🏥 ${rx.hospital || ''} · ${rx.doctor || ''}
</div>
${rx.items && rx.items.length > 0 ? `<div style="background: #f8f9fa; border-radius: 8px; padding: 12px;">${itemsHtml}</div>` : ''}
</div>
`;
});
} else if (!data.pos_customer) {
html += '<p style="text-align: center; padding: 40px; color: #868e96;">📭 POS 회원으로 등록되지 않았습니다<br><small>전화번호가 POS에 등록되면 조제 이력이 표시됩니다</small></p>';
} else {
html += '<p style="text-align: center; padding: 40px; color: #868e96;">📭 조제 이력이 없습니다</p>';
}
html += `
</div>
`;