ui(cupang): 박스룰 폼 3행 배치 + 목록 컬럼 정리/하드삭제

- 폼: 1행 제품명180/제품코드100, 2행 박스이름/박스당입수량, 3행 메모(전체폭)
- 목록 순서 제품명·제품코드·박스명·입수량·메모, 상태열/비활성 제거
- 삭제 버튼=완전삭제(delete_box_rule, 참조 라인 box_rule_id NULL 처리)
- 캐시 버전 f

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-05-30 06:11:57 +09:00
parent 2e3ea610b7
commit 90e286dc4d
10 changed files with 66 additions and 44 deletions
+9 -8
View File
@@ -246,20 +246,21 @@
@media (max-width: 1420px) { .cpg-brule-list { flex-basis: auto; width: 100%; } }
@media (max-width: 540px) { .cpg-brule-add { flex-basis: 100%; width: 100%; } }
.cpg-brule-fields { display: flex; flex-wrap: wrap; gap: 12px 16px; }
/* 제품명·제품코드·박스이름 140px 고정 (erp.css min-width:240 오버라이드) */
.cpg .cpg-brule-fields .erp-field > .erp-input,
.cpg .cpg-brule-fields .erp-field > .erp-select {
width: 140px; min-width: 140px; max-width: 140px; box-sizing: border-box;
}
.cpg-brule-fields { display: flex; flex-direction: column; gap: 12px; }
.cpg-brule-row { display: flex; gap: 16px; align-items: flex-end; }
.cpg-brule-memo-field { flex: 1 1 auto; min-width: 0; }
/* 필드별 고정 폭 (erp.css min-width:240 오버라이드) */
.cpg .cpg-brule-fields .cpg-brule-name { width: 180px; min-width: 180px; max-width: 180px; box-sizing: border-box; }
.cpg .cpg-brule-fields .cpg-brule-code { width: 100px; min-width: 100px; max-width: 100px; box-sizing: border-box; }
.cpg .cpg-brule-fields .cpg-brule-box { width: 140px; min-width: 140px; max-width: 140px; box-sizing: border-box; }
/* 박스당 입수량 60px + "개" */
.cpg-upb-wrap { display: inline-flex; align-items: center; gap: 4px; }
.cpg .cpg-brule-fields .cpg-upb-wrap > .cpg-brule-upb {
width: 60px; min-width: 60px; max-width: 60px; box-sizing: border-box;
}
.cpg-upb-unit { font-size: 13px; color: var(--color-midtone-gray); }
/* 메모는 넓게 */
.cpg .cpg-brule-fields .cpg-brule-memo { width: 300px; min-width: 300px; max-width: 300px; }
/* 메모: 프레임 전체 너비 */
.cpg .cpg-brule-fields .cpg-brule-memo { width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
/* ── 상품 검색 드롭다운 ── */
.cpg-search-pop {