king
47e09b94d7
Pointer Events 기반으로 바꾸고(터치·펜 지원, setPointerCapture 로 창 밖 이동에도 이벤트 유실 없음) 업무툴 수준의 조작 피드백을 붙였다. - 드래그 핸들(⠿)에서만 드래그 시작 → 카드 클릭/텍스트 선택과 충돌 없음 - 커서를 따라오는 고스트에 "잔여 N박스" 배지, 담을 수 없는 위치에서는 빨간 테두리로 금지 표시 - 대상 센터에 "○○ — 여기에 담기" 플레이스홀더를 끼워 놓일 자리를 보여줌 - 센터 목록 위/아래 44px 안에 커서가 오면 자동 스크롤(센터가 많을 때 필수) - pointermove 처리는 requestAnimationFrame 으로 1프레임 1회만 실행 - pointercancel / 창 blur / Esc 에서 드래그를 안전하게 취소 SortableJS 도입은 보류했다. 웨일에서 네이티브 DnD 가 시작조차 되지 않아 어차피 fallback 모드로만 동작하고, 브라우저 실측 검증 수단이 없는 상태에서 의존성만 늘어난다. tests/js: 핸들 밖 드래그 차단·고스트 배지·플레이스홀더·금지 표시·Esc 취소 시나리오 추가(rAF 지연을 고려해 프레임 대기). 전체 통과. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
77 lines
3.4 KiB
HTML
77 lines
3.4 KiB
HTML
{% extends "erp_base.html" %}
|
|
|
|
{% block head_extra %}<link rel="stylesheet" href="/static/cupang.css?v=20260829f" />{% 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 %}
|