king
1d3b97c8fc
- _nav 에 KO/EN 토글 버튼 + 공용 JS(data-ko/data-en 텍스트, data-*-ph placeholder 교체, localStorage 저장 → 전 페이지 공통, dsp:lang 이벤트 발행) - batches/new/detail/picking/handover 정적 라벨 이중언어화 - 동적 텍스트도 언어 반영: 완료 N/M 라벨, 일괄 토글 확인창, 업로드 안내/파일 라벨 - 카드 작업 버튼은 기존대로 한/영 동시 표기 유지 Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
82 lines
3.5 KiB
HTML
82 lines
3.5 KiB
HTML
{% extends "erp_base.html" %}
|
|
|
|
{% block head_extra %}
|
|
<style>
|
|
.dsp-ho-grid { display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:12px 0; }
|
|
.dsp-ho-stat { border:1px solid #e2e8f0;border-radius:10px;padding:12px;text-align:center;background:#fff; }
|
|
.dsp-ho-stat .n { font-size:26px;font-weight:700;color:#0f172a; }
|
|
.dsp-ho-stat .l { font-size:13px;color:#64748b; }
|
|
.dsp-track td { font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap; }
|
|
@media print {
|
|
.erp-sidebar, .erp-topbar, .erp-page-actions, .dsp-noprint { display:none !important; }
|
|
.erp-content, .erp-page, .erp-app { margin:0 !important;padding:0 !important;display:block !important; }
|
|
.erp-card { border:none !important;box-shadow:none !important;padding:0 !important; }
|
|
body { background:#fff !important; }
|
|
.dsp-print-head { display:block !important; }
|
|
@page { size:A4;margin:14mm; }
|
|
}
|
|
.dsp-print-head { display:none; }
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<section class="dsp">
|
|
{% include "dispatch/_nav.html" %}
|
|
|
|
<div class="dsp-noprint" style="margin:8px 0;">
|
|
<button class="erp-btn erp-btn-primary" type="button" onclick="window.print()" data-ko="🖨 인쇄하기" data-en="🖨 Print">🖨 인쇄하기</button>
|
|
</div>
|
|
|
|
<div class="erp-card">
|
|
<div class="dsp-print-head" style="margin-bottom:10px;">
|
|
<h2 style="margin:0;" data-ko="Kagayaku 전달 리스트" data-en="Kagayaku Handover List">Kagayaku 전달 리스트</h2>
|
|
</div>
|
|
<div class="cpg-card-head">
|
|
<h2>{{ batch.batch_name or 'TikTok 출고' }}</h2>
|
|
</div>
|
|
<p class="erp-muted" style="margin:4px 0 4px;">
|
|
<span data-ko="날짜" data-en="Date">날짜</span> <b>{{ batch.dispatch_date }}</b> ·
|
|
<span data-ko="플랫폼" data-en="Platform">플랫폼</span> <b>{{ batch.platform }}</b>
|
|
</p>
|
|
|
|
<div class="dsp-ho-grid">
|
|
<div class="dsp-ho-stat">
|
|
<div class="n">{{ handover.total_boxes }}</div>
|
|
<div class="l" data-ko="총 박스 수" data-en="Total Boxes">총 박스 수</div>
|
|
</div>
|
|
{% for pv in handover.by_provider %}
|
|
<div class="dsp-ho-stat">
|
|
{% set logo = pv.provider | courier_logo %}
|
|
{% if logo %}<img src="{{ logo }}" alt="{{ pv.provider }}" style="height:40px;width:auto;max-width:260px;margin:0 auto 4px;display:block;" />{% endif %}
|
|
<div class="n">{{ pv.box_count }}</div>
|
|
<div class="l">{{ pv.provider }}</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<h3 style="margin:16px 0 8px;"><span data-ko="Tracking ID 목록" data-en="Tracking ID List">Tracking ID 목록</span> ({{ handover.tracking_list|length }})</h3>
|
|
<div class="erp-table-wrap">
|
|
<table class="erp-table dsp-track">
|
|
<thead>
|
|
<tr><th style="text-align:right">No</th><th>Tracking ID</th>
|
|
<th data-ko="배송사" data-en="Courier">배송사</th><th>Order ID</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for t in handover.tracking_list %}
|
|
<tr>
|
|
<td style="text-align:right">{{ t.seq }}</td>
|
|
<td>{{ t.tracking_id or '—' }}</td>
|
|
<td>{{ t.shipping_provider or '—' }}</td>
|
|
<td>{{ t.order_id or '—' }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
{% if not handover.tracking_list %}
|
|
<tr><td colspan="4" class="erp-muted" data-ko="전달할 박스가 없습니다." data-en="No boxes to hand over.">전달할 박스가 없습니다.</td></tr>
|
|
{% endif %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{% endblock %}
|