wixon/jongryangje
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 표/패널 UI 전면 통일 + 화면설명 드로어·글씨크기·탭 개선

Browse Source 
표 디자인
- 모든 표를 가벼운 스타일로 통일(.data-table 경량화: 작은 회색 헤더·연한 구분선·hover)
- 표/패널 바깥 테두리 둥글게(rounded-lg) 일괄 적용, 표 래퍼에 패딩 카드(p-4) 통일
- 표 헤더·데이터 정렬을 전 화면 좌측 기준으로 통일
  - .data-table th/td text-align:left (전역), 흩어진 center/right 정렬 정리
  - 재디자인 Tailwind 표(포장단위·단가·기본코드·담당자·업체·판매대행소·무료대상자·지정판매소)도 셀 좌측화
- 기본정보관리 등 나머지 소메뉴 표를 기본 코드 관리 스타일(가벼운 표·상태 pill)로 재디자인

워크스페이스/공통
- "이 화면 설명" → 새 탭 대신 우측 드로어 팝업(현재 화면과 동시에 보기, Esc·드래그 폭조절)
- 상단바 글씨 크기 조절(A−/A+), 작업 내용에 zoom 적용
- 탭 최대치 도달 시 자동 삭제 대신 안내 토스트, "모두 닫기"(업무 현황 탭은 보존)

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
taekyoungc
2026-06-11 17:26:36 +09:00
parent 912ffdbe23
commit a8afaf4af2
108 changed files with 1198 additions and 965 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/Views/admin/sales_report/daily_summary.php
View File

@@ -80,12 +80,12 @@ $excelUrl = mgmt_url('reports/daily-summary?' . http_build_query($exportParams))
<p class="text-xs text-gray-500 m-0">누계(월): <?= esc(($monthStart ?? '') . ' ~ ' . ($date ?? '')) ?> · (단위: 매 / 원)</p>
</div>
<div class="border border-gray-300 overflow-auto">
<div class="border border-gray-300 rounded-lg p-4 overflow-auto">
<table class="w-full data-table text-sm" id="daily-summary-table">
<thead>
<tr>
<th rowspan="2" class="align-middle">구분</th>
<th rowspan="2" class="align-middle">봉투종류</th>
<th rowspan="2" class="align-middle text-left">구분</th>
<th rowspan="2" class="align-middle text-left">봉투종류</th>
<th colspan="4" class="text-center border-l border-gray-300">일계</th>
<th colspan="4" class="text-center border-l border-gray-300">누계(월)</th>
</tr>

2
app/Views/admin/sales_report/hometax_process.php
View File

@@ -254,7 +254,7 @@ $hometaxRenderTable = static function (
}
</style>
<div class="text-sm font-semibold text-gray-700 mb-2 no-print">조회결과</div>
<div class="hometax-screen-only hometax-scroll-wrap overflow-x-auto border border-gray-300" style="max-width: 100%;">
<div class="hometax-screen-only hometax-scroll-wrap overflow-x-auto border border-gray-300 rounded-lg" style="max-width: 100%;">
<?php
$hometaxRenderTable(
range(0, max(0, $colCount - 1)),

6
app/Views/admin/sales_report/lot_flow.php
View File

@@ -114,7 +114,7 @@ if ($bagName !== '' || $bagCode !== '') {
<div class="lot-flow-layout m-2 flex flex-col lg:flex-row gap-3 min-h-[320px]">
<!-- 좌: 품목·단위 요약 (레거시 BOX/PACK/낱장) -->
<div class="lot-flow-summary border border-gray-300 bg-gray-50 p-3 lg:w-64 shrink-0">
<div class="lot-flow-summary border border-gray-300 rounded-lg bg-gray-50 p-3 lg:w-64 shrink-0">
<h3 class="text-sm font-bold text-gray-700 mb-2">봉투 정보</h3>
<?php if ($ok): ?>
<dl class="text-sm space-y-1.5">
@@ -157,7 +157,7 @@ if ($bagName !== '' || $bagCode !== '') {
</div>
<!-- 우: LOT 수불 현황 -->
<div class="lot-flow-table-wrap flex-1 border border-gray-300 flex flex-col min-w-0">
<div class="lot-flow-table-wrap flex-1 border border-gray-300 rounded-lg flex flex-col min-w-0">
<div class="bg-gray-100 border-b border-gray-300 px-3 py-1.5">
<span class="text-sm font-bold text-gray-700">LOT 수불 현황</span>
</div>
@@ -165,7 +165,7 @@ if ($bagName !== '' || $bagCode !== '') {
<table class="w-full data-table text-sm">
<thead>
<tr>
<th class="w-28">일자</th>
<th class="w-28 text-center">일자</th>
<th>입출고처</th>
<th class="w-24 text-center">구분</th>
</tr>

24
app/Views/admin/sales_report/misc_flow.php
View File

@@ -111,15 +111,15 @@ $registerReason = $selectedGroup ? (string) ($selectedGroup['reason'] ?? '') : '
<div class="grid grid-cols-1 xl:grid-cols-4 gap-2 p-2">
<!-- 입출고 리스트 -->
<section class="border border-gray-300 bg-white xl:col-span-1">
<section class="border border-gray-300 rounded-lg bg-white xl:col-span-1">
<div class="border-b border-gray-300 bg-gray-50 px-2 py-1 text-sm font-bold text-gray-700">입출고 리스트</div>
<div class="overflow-auto max-h-[520px]">
<table class="w-full data-table text-sm">
<thead>
<tr>
<th class="w-24">수불일자</th>
<th class="w-16">수량</th>
<th class="w-14">구분</th>
<th class="w-24 text-center">수불일자</th>
<th class="w-16 text-right">수량</th>
<th class="w-14 text-center">구분</th>
<th>메모</th>
</tr>
</thead>
@@ -187,7 +187,7 @@ $registerReason = $selectedGroup ? (string) ($selectedGroup['reason'] ?? '') : '
</form>
<!-- 입출고 일자 (상세) -->
<section class="border border-gray-300 bg-white">
<section class="border border-gray-300 rounded-lg bg-white">
<div class="border-b border-gray-300 bg-gray-50 px-2 py-1 text-sm font-bold text-gray-700">입출고 일자</div>
<div class="p-2 grid grid-cols-1 md:grid-cols-2 gap-3 text-sm">
<?php if ($selectedGroup): ?>
@@ -216,17 +216,17 @@ $registerReason = $selectedGroup ? (string) ($selectedGroup['reason'] ?? '') : '
</section>
<!-- 입출고 봉투 코드 -->
<section class="border border-gray-300 bg-white">
<section class="border border-gray-300 rounded-lg bg-white">
<div class="border-b border-gray-300 bg-gray-50 px-2 py-1 text-sm font-bold text-gray-700">입출고 봉투 코드</div>
<div class="overflow-auto max-h-[280px]">
<table class="w-full data-table text-sm">
<thead>
<tr>
<th class="w-10">No</th>
<th>봉투 코드</th>
<th>봉투 종류</th>
<th class="w-20">수량</th>
<th class="w-14">단위</th>
<th class="w-10 text-center">No</th>
<th class="text-center">봉투 코드</th>
<th class="text-left">봉투 종류</th>
<th class="w-20 text-right">수량</th>
<th class="w-14 text-center">단위</th>
</tr>
</thead>
<tbody class="text-right">
@@ -265,7 +265,7 @@ $registerReason = $selectedGroup ? (string) ($selectedGroup['reason'] ?? '') : '
<!-- 품목 등록 (동일 수불일자·구분·비고로 묶임) -->
<?php if ($tableExists ?? false): ?>
<section class="border border-gray-300 bg-white no-print">
<section class="border border-gray-300 rounded-lg bg-white no-print">
<div class="border-b border-gray-300 bg-gray-50 px-2 py-1 text-sm font-bold text-gray-700">품목 등록</div>
<form method="post" action="<?= mgmt_url('reports/misc-flow') ?>" class="p-2 flex flex-wrap items-end gap-2 text-sm">
<?= csrf_field() ?>

4
app/Views/admin/sales_report/period_sales.php
View File

@@ -116,12 +116,12 @@ $rowClass = static function (string $kind): string {
<p class="text-xs text-gray-500 m-0">집계: <?= $byDaily ? '일자별' : '기간별' ?> · (단위: 매 / 원)</p>
</div>
<div class="border border-gray-300 overflow-auto">
<div class="border border-gray-300 rounded-lg p-4 overflow-auto">
<table class="w-full data-table text-sm" id="period-sales-table">
<thead>
<tr>
<?php if ($byDaily): ?>
<th rowspan="2" class="align-middle whitespace-nowrap">일자</th>
<th rowspan="2" class="align-middle whitespace-nowrap text-center">일자</th>
<?php endif; ?>
<th rowspan="2" class="align-middle text-left pl-2">품목</th>
<th colspan="4" class="text-center border-l border-gray-300">판매</th>

4
app/Views/admin/sales_report/returns.php
View File

@@ -114,11 +114,11 @@ $tipPage = "지정판매소 반품·물류 입고분 파기 내역을 기간·
</div>
<?php endif; ?>
<div class="border border-gray-300 overflow-auto m-2 print:m-0">
<div class="border border-gray-300 rounded-lg p-4 overflow-auto m-2 print:m-0">
<table class="w-full data-table text-sm">
<thead>
<tr>
<th class="w-28">일자</th>
<th class="w-28 text-center">일자</th>
<th>반품처</th>
<th>종류</th>
<th class="w-24 text-right">수량</th>

8
app/Views/admin/sales_report/sales_ledger.php
View File

@@ -188,16 +188,16 @@ $excelUrl = mgmt_url('reports/sales-ledger?' . http_build_query($exportParams));
<p class="text-xs text-gray-500 m-0">(단위: 매 / 원) · <?= esc($startDate) ?> ~ <?= esc($endDate) ?></p>
</div>
<div class="sales-ledger-scroll-wrap border border-gray-300 overflow-auto">
<div class="sales-ledger-scroll-wrap border border-gray-300 rounded-lg p-4 overflow-auto">
<table class="w-full data-table text-sm <?= ($mode ?? 'daily') === 'period' ? 'sl-period' : '' ?>" id="sales-ledger-table">
<thead>
<tr>
<?php if (($mode ?? 'daily') === 'daily'): ?>
<th class="sl-col-date">일자</th>
<th class="sl-col-date text-center">일자</th>
<?php endif; ?>
<th class="sl-col-designation">지정번호</th>
<th class="sl-col-designation text-center">지정번호</th>
<th class="sl-col-shop text-left">판매소명</th>
<th class="sl-col-rep">대표자</th>
<th class="sl-col-rep text-center">대표자</th>
<th class="sl-col-addr text-left">소재지</th>
<th class="sl-col-product text-left">품명</th>
<th class="text-right sl-col-num">판매량</th>

8
app/Views/admin/sales_report/shop_sales.php
View File

@@ -154,7 +154,7 @@ $colCount = 16;
<p class="text-xs text-gray-500 m-0"><?= $isAmt ? '(단위: 원)' : '(단위: 매)' ?></p>
</div>
<div class="shop-sales-scroll-wrap border border-gray-300 overflow-x-auto">
<div class="shop-sales-scroll-wrap border border-gray-300 rounded-lg p-4 overflow-x-auto">
<table class="w-full data-table text-xs" id="shop-sales-table">
<colgroup>
<col style="width: 14%;"/>
@@ -168,11 +168,11 @@ $colCount = 16;
<thead>
<tr>
<th class="text-left pl-2">지정판매소</th>
<th>대표자명</th>
<th class="text-center">대표자명</th>
<th class="text-left pl-1">주소</th>
<th>합계</th>
<th class="text-right">합계</th>
<?php for ($m = 1; $m <= 12; $m++): ?>
<th><?= $m ?>월</th>
<th class="text-right"><?= $m ?>월</th>
<?php endfor; ?>
</tr>
</thead>

2
app/Views/admin/sales_report/supply_demand.php
View File

@@ -106,7 +106,7 @@ $printExtraLines = [
<?php endif; ?>
<div class="supply-plan-print-sheet">
<div class="supply-plan-print m-2 border border-gray-300 overflow-auto print:m-0">
<div class="supply-plan-print m-2 border border-gray-300 rounded-lg p-4 overflow-auto print:m-0">
<table class="w-full data-table text-sm supply-plan-table">
<thead>
<tr class="bg-gray-100">

4
app/Views/admin/sales_report/yearly_sales.php
View File

@@ -144,7 +144,7 @@ $fmtMeasureCell = static function (array $cell, string $measureKey, bool $hasBsF
<p class="text-xs text-gray-500 m-0">(단위: 매 / 원)</p>
</div>
<div class="yearly-sales-scroll-wrap border border-gray-300 overflow-x-auto">
<div class="yearly-sales-scroll-wrap border border-gray-300 rounded-lg p-4 overflow-x-auto">
<table class="w-full data-table text-xs sm:text-sm" id="yearly-sales-table">
<colgroup>
<col style="width: 9%;"/>
@@ -158,7 +158,7 @@ $fmtMeasureCell = static function (array $cell, string $measureKey, bool $hasBsF
<th class="align-middle min-w-0 sm:min-w-[7rem] max-w-[10rem] sm:max-w-[12rem] text-left pl-2">품목</th>
<th class="align-middle min-w-0 sm:min-w-[4.5rem]">구분</th>
<?php foreach ($colSpec ?? [] as $col): ?>
<th class="align-middle text-center min-w-0 sm:min-w-[4.5rem] border-l border-gray-200"><?= esc((string) ($col['label'] ?? '')) ?></th>
<th class="align-middle text-right min-w-0 sm:min-w-[4.5rem] border-l border-gray-200"><?= esc((string) ($col['label'] ?? '')) ?></th>
<?php endforeach; ?>
</tr>
</thead>