change(cupang): 출고 상세를 읽기 전용 3열 보기로 교체, 수정 기능 제거
- detail.html / form.html 삭제, GET·POST /{id}/edit 라우트와
_form_context / _parse_lines 헬퍼 제거
- GET /{id} → view.html: ① 품목 / ② 박스 요약(서버 재계산) / ③ 센터
(박스 계산 화면과 같은 3열 구성, 편집 불가)
- 박스 계산 로직을 _compute_boxes 로 분리해 API 와 보기 화면이 공유
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -1,76 +0,0 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901m" />{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section class="cpg">
|
||||
|
||||
<div class="erp-page-actions cpg-actions">
|
||||
<a class="erp-btn erp-btn-primary" href="/cupang/?date={{ shipment.ship_date }}">◀◀ 달력</a>
|
||||
|
||||
<form method="post" action="/cupang/{{ shipment.id }}/delete" class="cpg-inline-form"
|
||||
onsubmit="return confirm('이 출고 묶음을 취소 처리합니다(상태=취소). 계속할까요?');">
|
||||
<button type="submit" class="erp-btn erp-btn-outline">취소 처리</button>
|
||||
</form>
|
||||
|
||||
<form method="post" action="/cupang/{{ shipment.id }}/hard-delete" class="cpg-inline-form"
|
||||
onsubmit="return confirm('이 출고를 완전 삭제합니다(복구 불가, 품목 포함). 계속할까요?');">
|
||||
<button type="submit" class="erp-btn erp-btn-danger">삭제</button>
|
||||
</form>
|
||||
|
||||
<a class="erp-btn erp-btn-primary cpg-push-right" href="/cupang/{{ shipment.id }}/edit">수정</a>
|
||||
</div>
|
||||
|
||||
<!-- 헤더 -->
|
||||
<div class="erp-card cpg-form-card">
|
||||
<div class="cpg-card-head">
|
||||
<h2>출고 #{{ shipment.id }}
|
||||
{% set badge = 'erp-badge-neutral' %}
|
||||
{% if shipment.status == '출고완료' %}{% set badge = 'erp-badge-inverse' %}
|
||||
{% elif shipment.status == '센터입고완료' %}{% set badge = 'erp-badge-success' %}
|
||||
{% elif shipment.status == '취소' %}{% set badge = 'erp-badge-danger' %}{% endif %}
|
||||
<span class="erp-badge {{ badge }}">{{ shipment.status }}</span>
|
||||
</h2>
|
||||
</div>
|
||||
<dl class="cpg-detail-grid">
|
||||
<div><dt>작성일</dt><dd>{{ shipment.document_date }}</dd></div>
|
||||
<div><dt>출고일</dt><dd>{{ shipment.ship_date }}</dd></div>
|
||||
<div><dt>센터입고일</dt><dd>{{ shipment.center_arrival_date }}</dd></div>
|
||||
<div><dt>입고센터</dt><dd>{{ shipment.center_name_snapshot or '—' }}</dd></div>
|
||||
<div><dt>출고방식</dt><dd>{{ shipment.ship_method }}</dd></div>
|
||||
<div><dt>작업자</dt><dd>{{ shipment.worker or '—' }}</dd></div>
|
||||
<div class="cpg-full"><dt>출고/박스 요약</dt><dd>{{ shipment.outbound_summary or '—' }}</dd></div>
|
||||
<div class="cpg-full"><dt>메모</dt><dd>{{ shipment.memo or '—' }}</dd></div>
|
||||
</dl>
|
||||
</div>
|
||||
|
||||
<!-- 라인 -->
|
||||
<div class="erp-card cpg-form-card">
|
||||
<div class="cpg-card-head"><h2>품목 ({{ shipment.lines|length }})</h2></div>
|
||||
<div class="erp-table-wrap">
|
||||
<table class="erp-table">
|
||||
<thead>
|
||||
<tr><th>#</th><th>제품코드</th><th>제품명</th><th>수량</th>
|
||||
<th>입수량</th><th>필요박스</th><th>잔량</th><th>수동보정</th><th>메모</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for ln in shipment.lines %}
|
||||
<tr>
|
||||
<td>{{ ln.line_no }}</td>
|
||||
<td>{{ ln.product_code }}</td>
|
||||
<td>{{ ln.product_name_snapshot }}</td>
|
||||
<td>{{ ln.quantity }}</td>
|
||||
<td>{{ ln.units_per_box if ln.units_per_box else '미설정' }}</td>
|
||||
<td>{{ ln.calculated_boxes if ln.calculated_boxes is not none else '—' }}</td>
|
||||
<td>{{ ln.remainder_units if ln.remainder_units is not none else '—' }}</td>
|
||||
<td>{{ ln.manual_box_text or '—' }}</td>
|
||||
<td>{{ ln.memo or '—' }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
{% endblock %}
|
||||
@@ -1,112 +0,0 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901m" />{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<section class="cpg">
|
||||
|
||||
{% set action = '/cupang/new' if mode == 'new' else '/cupang/' ~ shipment.id ~ '/edit' %}
|
||||
<form id="cpg-form" method="post" action="{{ action }}">
|
||||
<input type="hidden" name="lines_json" id="cpg-lines-json" value="[]" />
|
||||
|
||||
<div class="cpg-form-2col">
|
||||
|
||||
<!-- ── 공통 헤더 (왼쪽) ── -->
|
||||
<div class="erp-card cpg-form-card cpg-form-head">
|
||||
<div class="cpg-card-head"><h2>공통 헤더</h2></div>
|
||||
<div class="cpg-header-grid">
|
||||
<label class="erp-field"><span>작성일 *</span>
|
||||
<input class="erp-input" type="date" name="document_date" required
|
||||
value="{{ shipment.document_date if shipment else default_date }}" /></label>
|
||||
<label class="erp-field"><span>출고일 *</span>
|
||||
<input class="erp-input" type="date" name="ship_date" required
|
||||
value="{{ shipment.ship_date if shipment else default_date }}" /></label>
|
||||
<label class="erp-field"><span>센터입고일 *</span>
|
||||
<input class="erp-input" type="date" name="center_arrival_date" required
|
||||
value="{{ shipment.center_arrival_date if shipment else default_date }}" /></label>
|
||||
|
||||
<label class="erp-field"><span>입고센터</span>
|
||||
<select class="erp-select" name="center_id" id="cpg-center-select">
|
||||
<option value="">— 선택 —</option>
|
||||
{% for c in centers %}
|
||||
<option value="{{ c.id }}" data-name="{{ c.name }}"
|
||||
{% if shipment and shipment.center_id == c.id %}selected{% endif %}>{{ c.name }}</option>
|
||||
{% endfor %}
|
||||
</select></label>
|
||||
<!-- 센터 스냅샷(자유 입력 허용: 과거 명칭 보존/센터 미등록 시) -->
|
||||
<input type="hidden" name="center_name_snapshot" id="cpg-center-name"
|
||||
value="{{ shipment.center_name_snapshot if shipment else '' }}" />
|
||||
|
||||
<label class="erp-field"><span>출고방식</span>
|
||||
<select class="erp-select" name="ship_method">
|
||||
{% for m in ship_methods %}
|
||||
<option value="{{ m }}" {% if shipment and shipment.ship_method == m %}selected{% endif %}>{{ m }}</option>
|
||||
{% endfor %}
|
||||
</select></label>
|
||||
|
||||
<label class="erp-field"><span>작업자</span>
|
||||
<input class="erp-input" type="text" name="worker"
|
||||
value="{{ shipment.worker if shipment else '' }}" /></label>
|
||||
</div>
|
||||
|
||||
<label class="erp-field cpg-full"><span>출고/박스 요약 (수동 보정 메모)</span>
|
||||
<input class="erp-input" type="text" name="outbound_summary"
|
||||
placeholder="예: 쿠팡박스 50, 6호상자 1, (50번 박스)"
|
||||
value="{{ shipment.outbound_summary if shipment else '' }}" /></label>
|
||||
<label class="erp-field cpg-full"><span>메모</span>
|
||||
<textarea class="erp-input" name="memo" rows="2">{{ shipment.memo if shipment else '' }}</textarea></label>
|
||||
|
||||
<div class="erp-page-actions cpg-form-actions">
|
||||
<button type="submit" class="erp-btn erp-btn-primary">저장</button>
|
||||
{% if mode == 'edit' %}
|
||||
<a class="erp-btn erp-btn-outline" href="/cupang/{{ shipment.id }}">취소</a>
|
||||
{% else %}
|
||||
<a class="erp-btn erp-btn-outline" href="/cupang/">취소</a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ── 품목 라인 (오른쪽) ── -->
|
||||
<div class="erp-card cpg-form-card cpg-form-lines">
|
||||
<div class="cpg-card-head cpg-lines-head">
|
||||
<h2>품목 라인</h2>
|
||||
<span class="erp-muted">
|
||||
제품명 선택 시 제품코드 자동 입력. 수량 입력 시 박스 수 자동 계산.
|
||||
{% if not products %}<a href="/cupang/products">설정에서 제품명 먼저 등록</a>{% endif %}
|
||||
</span>
|
||||
<div class="cpg-lines-btns">
|
||||
<button type="button" class="erp-btn erp-btn-outline" id="cpg-add-line">+ 라인 추가</button>
|
||||
<button type="button" class="erp-btn erp-btn-danger" id="cpg-del-line">선택 라인 삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="erp-table-wrap cpg-lines-scroll">
|
||||
<table class="erp-table cpg-lines">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="cpg-check-col"><input type="checkbox" id="cpg-check-all" title="전체 선택" /></th>
|
||||
<th>제품명</th><th>제품코드</th><th>수량</th>
|
||||
<th>입수량</th><th>박스 계산</th><th>라인메모</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="cpg-lines-body"><!-- JS 렌더 --></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /cpg-form-2col -->
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<script type="application/json" id="cpg-init-lines">
|
||||
{% if shipment and shipment.lines %}{{ shipment.lines | tojson }}{% else %}[]{% endif %}
|
||||
</script>
|
||||
<script type="application/json" id="cpg-box-rules">
|
||||
{{ box_rules | tojson }}
|
||||
</script>
|
||||
<script type="application/json" id="cpg-products">
|
||||
{{ products | tojson }}
|
||||
</script>
|
||||
{% endblock %}
|
||||
|
||||
{% block scripts %}<script src="/static/cupang.js?v=20260530p" defer></script>{% endblock %}
|
||||
@@ -0,0 +1,166 @@
|
||||
{% extends "erp_base.html" %}
|
||||
|
||||
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260901m" />{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
{# 출고 묶음 보기 — 박스 계산 화면과 같은 3열 구성. 읽기 전용(수정 없음). #}
|
||||
<section class="cpg">
|
||||
|
||||
<div class="erp-page-actions">
|
||||
<a class="erp-btn erp-btn-primary" href="/cupang/?date={{ shipment.ship_date }}">◀◀ 달력</a>
|
||||
<span class="erp-badge erp-badge-neutral">{{ shipment.status }}</span>
|
||||
</div>
|
||||
|
||||
<div class="cpg-calc3">
|
||||
|
||||
<!-- ① 품목 -->
|
||||
<div class="erp-card cpg-form-card cpg-calc-card">
|
||||
<div class="cpg-card-head">
|
||||
<h2>① 품목</h2>
|
||||
<span class="erp-muted">{{ items|length }}종 · {{ total_qty }}개</span>
|
||||
</div>
|
||||
|
||||
<div class="erp-table-wrap">
|
||||
<table class="erp-table cpg-calc-table">
|
||||
<colgroup>
|
||||
<col class="cpg-col-name" />
|
||||
<col class="cpg-col-qty" />
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr><th>제품명</th><th>수량</th></tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for it in items %}
|
||||
<tr class="cpg-view-row">
|
||||
<td title="{{ it.product_name }}">{{ it.product_name }}</td>
|
||||
<td class="cpg-calc-num">{{ it.quantity }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
{% if not items %}
|
||||
<tr><td colspan="2" class="erp-muted">품목이 없습니다.</td></tr>
|
||||
{% endif %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ② 박스 요약 -->
|
||||
<div class="erp-card cpg-form-card cpg-calc-sum">
|
||||
<div class="cpg-card-head">
|
||||
<h2>② 박스 요약</h2>
|
||||
<span class="erp-muted">확정 당시 수량 기준으로 다시 계산한 값</span>
|
||||
</div>
|
||||
|
||||
<div id="cpg-sum-body">
|
||||
<div class="cpg-sum-kpis">
|
||||
<div class="cpg-kpi">
|
||||
<span class="cpg-kpi-label">총 박스</span>
|
||||
<strong class="cpg-kpi-value">{{ calc.grand_total_boxes }}박스</strong>
|
||||
<span class="cpg-kpi-hint">제품별 + 혼합</span>
|
||||
</div>
|
||||
<div class="cpg-kpi">
|
||||
<span class="cpg-kpi-label">출고</span>
|
||||
<strong class="cpg-kpi-value">{{ shipment.outbound_summary or '—' }}</strong>
|
||||
<span class="cpg-kpi-hint">확정 시 기록</span>
|
||||
</div>
|
||||
<div class="cpg-kpi">
|
||||
<span class="cpg-kpi-label">총 수량</span>
|
||||
<strong class="cpg-kpi-value">{{ total_qty }}개</strong>
|
||||
<span class="cpg-kpi-hint">{{ items|length }}종</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cpg-sum-scroll">
|
||||
<h3 class="cpg-sum-h3">제품별 박스</h3>
|
||||
<div class="cpg-sum-prods">
|
||||
{% for r in calc.results if r.configured %}
|
||||
<div class="cpg-sum-prod is-done">
|
||||
<div class="cpg-sum-prod-head">
|
||||
<span class="cpg-sum-prod-name">{{ r.product_name }}</span>
|
||||
</div>
|
||||
<div class="cpg-sum-prod-nums">
|
||||
<strong>{{ r.full_boxes }}박스</strong>
|
||||
<span class="erp-muted">{{ r.quantity }}개 · 입수량 {{ r.units_per_box }}</span>
|
||||
{% if r.remainder_units %}
|
||||
<span class="cpg-sum-left">자투리 {{ r.remainder_units }}개</span>
|
||||
{% else %}
|
||||
<span class="cpg-sum-exact">딱 맞음</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% set unconfigured = calc.results | rejectattr('configured') | list %}
|
||||
{% if unconfigured %}
|
||||
<p class="erp-muted">박스 입수량 미설정:
|
||||
{% for r in unconfigured %}{{ r.product_name }}{% if not loop.last %}, {% endif %}{% endfor %}
|
||||
</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<h3 class="cpg-sum-h3">자투리 혼합 박스
|
||||
<span class="erp-muted">{% if not calc.mixes %}— 자투리 없음{% else %}— 1장 = 1박스{% endif %}</span>
|
||||
</h3>
|
||||
<div class="cpg-sum-boxes">
|
||||
{% for m in calc.mixes %}
|
||||
{% for b in m.boxes %}
|
||||
<div class="cpg-box-card is-done">
|
||||
<div class="cpg-box-info">
|
||||
<div class="cpg-box-title">{{ m.box_name }} 혼합 #{{ loop.index }}</div>
|
||||
<ul class="cpg-box-items">
|
||||
{% for it in b['items'] %}
|
||||
<li><span>{{ it.product_name }}</span><b>{{ it.quantity }}개</b></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div class="cpg-box-bar"><span style="width:{{ b.fill_percent }}%"></span></div>
|
||||
<div class="cpg-box-fillnum">{{ b.fill_percent }}% 채움</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ③ 센터 -->
|
||||
<div class="erp-card cpg-form-card cpg-dist-card">
|
||||
<div class="cpg-card-head">
|
||||
<h2>③ 센터</h2>
|
||||
<span class="erp-muted">출고 #{{ shipment.id }}</span>
|
||||
</div>
|
||||
|
||||
<div class="cpg-dist-list">
|
||||
<div class="cpg-dist-center has-items">
|
||||
<div class="cpg-dist-head">
|
||||
<strong>{{ shipment.center_name_snapshot or '센터 미지정' }}</strong>
|
||||
<span class="erp-badge erp-badge-neutral">{{ shipment.ship_method }}</span>
|
||||
<span class="cpg-dist-sum">
|
||||
<span class="erp-badge erp-badge-neutral">{{ calc.grand_total_boxes }}박스</span>
|
||||
<span class="erp-badge erp-badge-neutral">{{ total_qty }}개</span>
|
||||
</span>
|
||||
</div>
|
||||
<ul class="cpg-dist-items">
|
||||
{% for it in items %}
|
||||
<li class="cpg-dist-item">
|
||||
<div class="cpg-dist-line">
|
||||
<span class="cpg-dist-name">{{ it.product_name }}</span>
|
||||
<span class="cpg-dist-unit">{{ it.quantity }}개</span>
|
||||
</div>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<dl class="cpg-view-meta">
|
||||
<div><dt>작성일</dt><dd>{{ shipment.document_date }}</dd></div>
|
||||
<div><dt>출고일</dt><dd>{{ shipment.ship_date }}</dd></div>
|
||||
<div><dt>센터입고일</dt><dd>{{ shipment.center_arrival_date }}</dd></div>
|
||||
<div><dt>작업자</dt><dd>{{ shipment.worker or '—' }}</dd></div>
|
||||
{% if shipment.memo %}<div><dt>메모</dt><dd>{{ shipment.memo }}</dd></div>{% endif %}
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div><!-- /cpg-calc3 -->
|
||||
</section>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user