a8afaf4af2
표 디자인 - 모든 표를 가벼운 스타일로 통일(.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>
201 lines
8.1 KiB
PHP
201 lines
8.1 KiB
PHP
<?php
|
|
declare(strict_types=1);
|
|
helper('admin');
|
|
$siteNavTree = get_site_nav_tree();
|
|
$currentPath = current_nav_request_path();
|
|
$mbLevel = (int) session()->get('mb_level');
|
|
$isAdmin = ($mbLevel === \Config\Roles::LEVEL_SUPER_ADMIN || $mbLevel === \Config\Roles::LEVEL_LOCAL_ADMIN);
|
|
$dashboardPathAliases = ['dashboard', 'dashboard/blend'];
|
|
$effectiveLgIdx = admin_effective_lg_idx();
|
|
$effectiveLgName = null;
|
|
if ($effectiveLgIdx) {
|
|
$lgRow = model(\App\Models\LocalGovernmentModel::class)->find($effectiveLgIdx);
|
|
$effectiveLgName = $lgRow ? $lgRow->lg_name : null;
|
|
}
|
|
$userNav = session_user_nav_display();
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
|
|
<title><?= esc($title ?? 'GBLS') ?></title>
|
|
<script src="https://cdn.tailwindcss.com?plugins=forms,container-queries"></script>
|
|
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap" rel="stylesheet"/>
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
fontFamily: { sans: ['"Malgun Gothic"', '"Noto Sans KR"', 'sans-serif'] },
|
|
colors: {
|
|
'system-header': '#ffffff',
|
|
'title-bar': '#1a2b4b',
|
|
'control-panel': '#f8f9fa',
|
|
'btn-search': '#243a5e',
|
|
'btn-excel-border': '#28a745',
|
|
'btn-excel-text': '#28a745',
|
|
'btn-print-border': '#ced4da',
|
|
'btn-exit': '#d9534f',
|
|
},
|
|
fontSize: { 'xxs': '0.65rem' }
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style data-purpose="global-font-scale">
|
|
/* 전체 텍스트 +2px 확대 (요청). rem 기반 텍스트는 비례 확대된다.
|
|
다만 헤더 로고(.app-brand)는 원래 크기 유지하기 위해 root 기준 16px 로 reset. */
|
|
html { font-size: 18px; }
|
|
.app-brand, .app-brand * { font-size: 16px; }
|
|
</style>
|
|
<style data-purpose="table-layout">
|
|
.data-table { width: 100%; border-collapse: collapse; font-family: 'Malgun Gothic', 'Noto Sans KR', sans-serif; }
|
|
.data-table { font-size: 13px; }
|
|
.data-table th, .data-table td { text-align: left; padding: 0.55rem 0.5rem; white-space: nowrap; border: 0; border-bottom: 1px solid #e5e7eb; }
|
|
.data-table thead th { font-size: 0.6875rem; font-weight: 600; color: #6b7280; background: transparent; vertical-align: middle; }
|
|
.data-table tbody td { color: #374151; }
|
|
.data-table tbody tr:last-child td { border-bottom: 0; }
|
|
.data-table tbody tr:hover td { background-color: #f9fafb; }
|
|
.main-content-area { height: calc(100vh - 130px); overflow: auto; }
|
|
body { overflow: hidden; }
|
|
@media print {
|
|
header, footer, .no-print, nav { display: none !important; }
|
|
.main-content-area { height: auto !important; overflow: visible !important; }
|
|
body { overflow: visible !important; }
|
|
.bg-title-bar { display: none !important; }
|
|
.bg-control-panel { break-inside: avoid; }
|
|
.print-header { display: block !important; }
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-100 text-gray-800 flex flex-col h-screen font-sans antialiased">
|
|
<!-- BEGIN: Top Navigation -->
|
|
<header class="relative bg-white border-b border-gray-300 h-12 flex items-center justify-between px-4 shrink-0 z-[100]">
|
|
<div class="flex items-center gap-4">
|
|
<?= view('components/header_brand') ?>
|
|
</div>
|
|
<nav class="hidden md:flex gap-5 text-sm font-medium text-gray-600">
|
|
<?php if (! empty($siteNavTree)): ?>
|
|
<?php foreach ($siteNavTree as $navItem): ?>
|
|
<?php
|
|
$navLink = menu_link_preferred_href_path($navItem->mm_link ?? null, $currentPath);
|
|
$activeChild = ! empty($navItem->children)
|
|
? menu_active_child_for_parent($navItem, $currentPath, $dashboardPathAliases)
|
|
: null;
|
|
$isActive = site_nav_link_matches_current($navItem->mm_link ?? null, $currentPath, $dashboardPathAliases);
|
|
if (! $isActive && $activeChild !== null) {
|
|
$isActive = true;
|
|
}
|
|
?>
|
|
<div class="relative group">
|
|
<a class="<?= $isActive ? 'text-blue-700 font-bold border-b-2 border-blue-700 pb-3 -mb-3' : 'hover:text-blue-600' ?>"
|
|
href="<?= $navLink !== '' ? base_url($navLink) : '#' ?>">
|
|
<?= esc($navItem->mm_name) ?>
|
|
</a>
|
|
<?php if (! empty($navItem->children)): ?>
|
|
<?php /* -mt-1 + pt-2: 부모 링크와 패널이 살짝 겹쳐 호버가 끊기지 않게 함. z-index: 드롭다운 클릭 우선 */ ?>
|
|
<div class="absolute left-0 top-full z-[200] -mt-1 pt-2 min-w-[12rem] hidden group-hover:block group-focus-within:block">
|
|
<div class="bg-white border border-gray-200 rounded shadow-lg py-1">
|
|
<?php foreach ($navItem->children as $child): ?>
|
|
<?php
|
|
$childLink = menu_link_preferred_href_path($child->mm_link ?? null, $currentPath);
|
|
$childCurrent = $activeChild !== null
|
|
&& (int) ($child->mm_idx ?? 0) === (int) ($activeChild->mm_idx ?? -1);
|
|
?>
|
|
<?php if ($childLink !== ''): ?>
|
|
<a href="<?= base_url($childLink) ?>"
|
|
class="block px-3 py-1.5 text-sm hover:bg-blue-50 whitespace-nowrap <?= $childCurrent ? 'text-blue-700 font-semibold bg-blue-50' : 'text-gray-700' ?>">
|
|
<?= esc($child->mm_name) ?>
|
|
</a>
|
|
<?php else: ?>
|
|
<span class="block px-3 py-1.5 text-sm text-gray-400 cursor-default whitespace-nowrap" title="관리자 메뉴 관리에서 링크를 설정해 주세요">
|
|
<?= esc($child->mm_name) ?>
|
|
</span>
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
<?php endif; ?>
|
|
</nav>
|
|
<?= view('components/header_user_tools', [
|
|
'userNav' => $userNav,
|
|
'effectiveLgName' => $effectiveLgName,
|
|
'showSiteLink' => false,
|
|
'showAdminLink' => $isAdmin,
|
|
]) ?>
|
|
</header>
|
|
<!-- END: Top Navigation -->
|
|
<div class="bg-title-bar text-white px-4 py-2 text-sm font-medium shrink-0">
|
|
<?= esc($title ?? '') ?>
|
|
</div>
|
|
<?php if (session()->getFlashdata('success')): ?>
|
|
<div class="mx-4 mt-2 p-3 rounded-lg bg-green-50 text-green-700 text-sm" role="alert"><?= esc(session()->getFlashdata('success')) ?></div>
|
|
<?php endif; ?>
|
|
<?php if (session()->getFlashdata('error')): ?>
|
|
<div class="mx-4 mt-2 p-3 rounded-lg bg-red-50 text-red-700 text-sm" role="alert"><?= esc(session()->getFlashdata('error')) ?></div>
|
|
<?php endif; ?>
|
|
<main class="main-content-area flex-grow bg-white p-4">
|
|
<?= $content ?>
|
|
</main>
|
|
<footer class="bg-gray-200 border-t border-gray-300 px-4 py-1 text-xs text-gray-600 flex items-center justify-between shrink-0">
|
|
<span>GBLS</span>
|
|
<span><?= date('Y.m.d (D) g:i:sA') ?></span>
|
|
</footer>
|
|
<script>
|
|
(() => {
|
|
const normalize = (s) => String(s || '').replace(/\s+/g, '').trim();
|
|
const renumberTable = (table) => {
|
|
const headRow = table.querySelector('thead tr');
|
|
if (!headRow) return;
|
|
const headers = Array.from(headRow.querySelectorAll('th'));
|
|
const numberCol = headers.findIndex((th) => normalize(th.textContent) === '번호');
|
|
if (numberCol < 0) return;
|
|
|
|
const body = table.querySelector('tbody');
|
|
if (!body) return;
|
|
const rows = Array.from(body.querySelectorAll(':scope > tr')).filter((tr) => {
|
|
const cells = tr.querySelectorAll('td');
|
|
if (cells.length === 0) return false;
|
|
if (cells.length === 1 && Number(cells[0].getAttribute('colspan') || '1') > 1) return false;
|
|
return true;
|
|
});
|
|
|
|
let no = rows.length;
|
|
rows.forEach((tr) => {
|
|
const cells = tr.querySelectorAll('td');
|
|
if (cells[numberCol]) {
|
|
cells[numberCol].textContent = String(no--);
|
|
}
|
|
});
|
|
};
|
|
|
|
const run = () => {
|
|
document.querySelectorAll('table').forEach(renumberTable);
|
|
};
|
|
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', run, { once: true });
|
|
} else {
|
|
run();
|
|
}
|
|
})();
|
|
</script>
|
|
<script>
|
|
(function () {
|
|
// bfcache 복원 시 열린 채 남은 모달/팝업으로 회색 레이어가 클릭을 막는 문제 방지
|
|
function closeStuckOverlays() {
|
|
document.querySelectorAll('.fixed.inset-0[id$="-modal"], .fixed.inset-0[id$="-popup"]').forEach(function (el) {
|
|
el.classList.add('hidden'); el.setAttribute('aria-hidden', 'true');
|
|
});
|
|
document.body.style.overflow = '';
|
|
}
|
|
window.addEventListener('pageshow', function (e) { if (e.persisted) closeStuckOverlays(); });
|
|
window.addEventListener('pagehide', closeStuckOverlays);
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|