feat(WEB): 리스트 페이지 UI 레이아웃 표준화

- 공통 레이아웃 패턴 적용: [달력] → [프리셋] → [검색창] → [버튼들]
- beforeTableContent → headerActions + createButton 마이그레이션
- DateRangeSelector extraActions prop 활용하여 검색창 통합
- PricingListClient 테이블 행 클릭 → 상세 이동 기능 추가
- 회계 관련 페이지 (입금/출금/매입/매출/어음/카드/예상지출 등) 정리
- 건설 관련 페이지 검색 영역 정리
- 부모 메뉴 리다이렉트 컴포넌트 추가

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
유병철
2026-01-26 22:04:36 +09:00
parent ff93ab7fa2
commit 1f6b592b9f
65 changed files with 1974 additions and 503 deletions

View File

@@ -75,6 +75,7 @@ export default function ProgressBillingManagementListClient({
const [startDate, setStartDate] = useState<string>('');
const [endDate, setEndDate] = useState<string>('');
const [stats, setStats] = useState<ProgressBillingStats | null>(initialStats || null);
const [searchQuery, setSearchQuery] = useState('');
// Stats 로드
useEffect(() => {
@@ -188,6 +189,7 @@ export default function ProgressBillingManagementListClient({
// 커스텀 필터 함수
customFilterFn: (items, filterValues) => {
if (!items || items.length === 0) return items;
return items.filter((item) => {
// Stats 탭 필터
if (activeStatTab === 'contractWaiting' &&
@@ -239,6 +241,11 @@ export default function ProgressBillingManagementListClient({
return sorted;
},
// 검색창 (공통 컴포넌트에서 자동 생성)
hideSearch: true,
searchValue: searchQuery,
onSearchChange: setSearchQuery,
// 공통 헤더 옵션
dateRangeSelector: {
enabled: true,
@@ -350,8 +357,8 @@ export default function ProgressBillingManagementListClient({
/>
),
}),
[startDate, endDate, activeStatTab, stats, handleRowClick, handleEdit]
[startDate, endDate, searchQuery, activeStatTab, stats, handleRowClick, handleEdit]
);
return <UniversalListPage config={config} initialData={initialData} />;
return <UniversalListPage config={config} initialData={initialData} onSearchChange={setSearchQuery} />;
}