MVPTeam/DABEEO-DETECTION-APPLICATION
Template
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 항공영상관리

Browse Source
This commit is contained in:
JoohyunKim(Lucy)
2026-04-09 17:03:06 +09:00
parent 76dab1c6a9
commit 839901d663
2 changed files with 11 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web-app/app/features/imagery/components/AerialList.tsx
View File

@@ -4,13 +4,6 @@ import { Section } from '~/shared/components/section/Section';
import { Table } from '~/shared/components/table'; import { Table } from '~/shared/components/table';
import type { AerialItem } from '../types/aerial'; import type { AerialItem } from '../types/aerial';
const statusColors: Record<string, string> = {
대기: 'text-dabeeo-gray-99',
처리중: 'text-primary',
완료: 'text-dabeeo-navy-tertiary',
실패: 'text-red-500',
};
export function AerialList() { export function AerialList() {
const [selectedId, setSelectedId] = useState<string | null>(null); const [selectedId, setSelectedId] = useState<string | null>(null);
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(false);
@@ -46,7 +39,7 @@ export function AerialList() {
return ( return (
<Section className="w-full pb-4" variant="list"> <Section className="w-full pb-4" variant="list">
<div className="flex flex-col h-full p-4 gap-4"> <div className="flex flex-col h-full p-4 gap-4">
<h1 className="text-xl font-bold">항공영상 데이터 관리</h1> <h1 className="text-xl font-bold">항공영상관리</h1>
<Table isLayoutFixed isFullHeight> <Table isLayoutFixed isFullHeight>
<Table.Caption> <Table.Caption>
@@ -75,12 +68,12 @@ export function AerialList() {
<Table.Header> <Table.Header>
<Table.HeaderRow> <Table.HeaderRow>
<Table.HeaderCell align="center">No</Table.HeaderCell> <Table.HeaderCell align="center">No</Table.HeaderCell>
<Table.HeaderCell>영상명</Table.HeaderCell> <Table.HeaderCell>파일명</Table.HeaderCell>
<Table.HeaderCell>촬영 지역</Table.HeaderCell> <Table.HeaderCell>지역</Table.HeaderCell>
<Table.HeaderCell align="center">촬영일</Table.HeaderCell> <Table.HeaderCell align="center">촬영일시</Table.HeaderCell>
<Table.HeaderCell align="center">해상도</Table.HeaderCell> <Table.HeaderCell align="center">축적</Table.HeaderCell>
<Table.HeaderCell align="right">파일크기(MB)</Table.HeaderCell> <Table.HeaderCell align="right">용량</Table.HeaderCell>
<Table.HeaderCell align="center">상태</Table.HeaderCell> <Table.HeaderCell align="center">전처리</Table.HeaderCell>
</Table.HeaderRow> </Table.HeaderRow>
</Table.Header> </Table.Header>
@@ -103,9 +96,7 @@ export function AerialList() {
<Table.Cell align="center">{item.scale}</Table.Cell> <Table.Cell align="center">{item.scale}</Table.Cell>
<Table.Cell align="right">{item.fileSize}</Table.Cell> <Table.Cell align="right">{item.fileSize}</Table.Cell>
<Table.Cell align="center"> <Table.Cell align="center">
<span className={statusColors[item.status] ?? 'text-dabeeo-gray-99'}> {item.status}
{item.status}
</span>
</Table.Cell> </Table.Cell>
</Table.Row> </Table.Row>
)) ))

4
web-app/app/routes/imagery/aerial/page.tsx
View File

@@ -1,5 +1,7 @@
import { AerialList } from '~/features/imagery/components/AerialList';
export default function Page() { export default function Page() {
return ( return (
<div>항공영상관리 목록</div> <AerialList></AerialList>
); );
} }