김장현
10 months ago
10 changed files with 642 additions and 206 deletions
@ -0,0 +1,99 @@
|
||||
import { Plus } from 'react-feather'; |
||||
import { Card, CardBody, CardHeader, CardTitle, Input, Col } from 'reactstrap'; |
||||
import { GridDatabase } from '../../components/crud/grid/GridDatatable'; |
||||
|
||||
const columns = [ |
||||
{ |
||||
id: 'a', |
||||
name: '그룹 몇', |
||||
minWidth: '50px', |
||||
center: true, |
||||
cell: (row, i) => <div>{row.a}</div> |
||||
}, |
||||
{ |
||||
id: 'b', |
||||
name: '조종자', |
||||
minWidth: '50px', |
||||
center: true, |
||||
cell: (row, i) => <div>{row.b}</div> |
||||
}, |
||||
{ |
||||
id: 'c', |
||||
name: '기체 신고 번호', |
||||
minWidth: '50px', |
||||
center: true, |
||||
cell: row => { |
||||
return <div>{row.c}</div>; |
||||
} |
||||
}, |
||||
{ |
||||
id: 'd', |
||||
name: '비행 시작 시간', |
||||
minWidth: '50px', |
||||
center: true, |
||||
cell: row => { |
||||
return <div>{row.d}</div>; |
||||
} |
||||
}, |
||||
{ |
||||
id: 'e', |
||||
name: '비행 종료 시간', |
||||
left: true, |
||||
cell: row => { |
||||
return <div>{row.e}</div>; |
||||
} |
||||
}, |
||||
{ |
||||
id: 'e', |
||||
name: '총 예상 비행시간', |
||||
left: true, |
||||
cell: row => { |
||||
return <div>{row.f}</div>; |
||||
} |
||||
}, |
||||
{ |
||||
id: 'e', |
||||
name: '상태', |
||||
left: true, |
||||
cell: row => { |
||||
return <div>{row.g}</div>; |
||||
} |
||||
} |
||||
]; |
||||
|
||||
const dummyData = [ |
||||
{ |
||||
a: '공항공사', |
||||
b: '홍길동', |
||||
c: 'PA123456', |
||||
d: '2023-11-11 10:00', |
||||
e: '2023-11-11 11:00', |
||||
f: '01:00', |
||||
g: '비행완료' |
||||
} |
||||
]; |
||||
|
||||
export default function DroneFlightSchedule({ pageMove, data }) { |
||||
return ( |
||||
<Card> |
||||
<CardHeader className=''> |
||||
<CardTitle tag='h4'>드론 별 비행운항 목록</CardTitle> |
||||
<Col className='list-input' xs='2'> |
||||
<Input type='select'> |
||||
<option>그룹선택</option> |
||||
</Input> |
||||
<button onClick={e => {}}> |
||||
<Plus /> |
||||
</button> |
||||
</Col> |
||||
</CardHeader> |
||||
<CardBody> |
||||
<GridDatabase |
||||
data={dummyData} |
||||
count={dummyData.length} |
||||
columns={columns} |
||||
/> |
||||
</CardBody> |
||||
</Card> |
||||
); |
||||
} |
Loading…
Reference in new issue