86 lines
3.1 KiB
TypeScript
86 lines
3.1 KiB
TypeScript
"use client";
|
|
|
|
import { useState } from 'react';
|
|
|
|
import { CodeSelect } from '@/entities/code';
|
|
import {
|
|
Button,
|
|
Label,
|
|
Table,
|
|
TableBody,
|
|
TableCell,
|
|
TableHead,
|
|
TableRow,
|
|
} from "@common/components";
|
|
|
|
const GeneralVerificationManagement = () => {
|
|
const [statsCd, setStatsCd] = useState('');
|
|
|
|
return (
|
|
<div className="relative">
|
|
<div className="card card-border">
|
|
<form>
|
|
<div className="flex items-center gap-8 p-2">
|
|
<div className="flex items-center gap-2">
|
|
<Label className="text-label">
|
|
통계항목
|
|
</Label>
|
|
<CodeSelect
|
|
upCd="STITEM"
|
|
value={statsCd}
|
|
onValueChange={setStatsCd}
|
|
placeholder="선택"
|
|
className="w-[16rem]"
|
|
/>
|
|
</div>
|
|
<div className="flex items-center gap-2 ml-auto">
|
|
<Button color="green" className="h-[3.2rem] w-[96px]" type="button">
|
|
초기화
|
|
</Button>
|
|
<Button className="h-[3.2rem] w-[96px]" type="submit">
|
|
조회
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div className='card !mb-0 flex gap-5 !p-0'>
|
|
<div className='card card-border w-1/2 !mx-0 flex flex-col'>
|
|
<Table variant="default">
|
|
<TableRow>
|
|
<TableHead>No</TableHead>
|
|
<TableHead>검증항목</TableHead>
|
|
<TableHead>등록자</TableHead>
|
|
<TableHead>등록일</TableHead>
|
|
<TableHead>사용여부</TableHead>
|
|
</TableRow>
|
|
<TableBody className='text-center'>
|
|
<TableRow>
|
|
<TableCell>
|
|
1
|
|
</TableCell>
|
|
<TableCell>
|
|
인구수검증
|
|
</TableCell>
|
|
<TableCell>
|
|
관리자
|
|
</TableCell>
|
|
<TableCell>
|
|
2026-02-09
|
|
</TableCell>
|
|
<TableCell>
|
|
Y
|
|
</TableCell>
|
|
</TableRow>
|
|
</TableBody>
|
|
</Table>
|
|
</div>
|
|
<div className='w-1/2'>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default GeneralVerificationManagement; |