Browse Source

.

feature/flight-area
junh_eee(이준희) 2 years ago
parent
commit
ca450f2a18
  1. 299
      src/components/basis/flight/plan/FlightPlanAreaDetailForm.js

299
src/components/basis/flight/plan/FlightPlanAreaDetailForm.js

@ -39,154 +39,167 @@ const FlightPlanAreaDetailForm = (props) => {
// } // }
return ( return (
<Card className='mb-0'> // <Card className='mb-0'>
<CardBody> <Row>
<div className='search-cont search-info pd-0'> <Col sm='12'>
<div className='cont-ti mb-1 d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> <Card>
<div> <CardBody className='pt-2 card-body-tab-cont'>
<h4>비행 구역 상세 정보</h4> <Row>
</div> <Col>
</div> <Card>
<CardBody className='pal-card-body'>
<div className='search-cont search-info pd-0'>
<div className='cont-ti mb-1 d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
<div>
<h4>비행 구역 상세 정보</h4>
</div>
</div>
<dl> <dl>
<dt> <dt>
<div className='search-info-ti d-flex justify-content-between'> <div className='search-info-ti d-flex justify-content-between'>
<h4>좌표</h4> <h4>좌표</h4>
</div> </div>
<div className='search-info-box'> <div className='search-info-box'>
<Row> <Row>
<Col className='list-input' lg={4} md={6} sm={12}> <Col className='list-input' lg={4} md={6} sm={12}>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>1</Label> <Label for='test'><span className='necessary'>*</span>1</Label>
<Input <Input
type='text' type='text'
id='coord' id='coord'
name='coord' name='coord'
bsSize='sm' bsSize='sm'
placeholdeer='' placeholdeer=''
readOnly readOnly
/> />
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' lg={4} md={6} sm={12}> <Col className='list-input' lg={4} md={6} sm={12}>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>2</Label> <Label for='test'><span className='necessary'>*</span>2</Label>
<Input <Input
type='text' type='text'
id='coord' id='coord'
name='coord' name='coord'
bsSize='sm' bsSize='sm'
placeholdeer='' placeholdeer=''
readOnly readOnly
/> />
</FormGroup> </FormGroup>
</Col> </Col>
</Row> </Row>
</div> </div>
<div className='search-info-box'> <div className='search-info-box'>
<Row> <Row>
<Col className='list-input' lg={4} md={6} sm={12}> <Col className='list-input' lg={4} md={6} sm={12}>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>3</Label> <Label for='test'><span className='necessary'>*</span>3</Label>
<Input <Input
type='text' type='text'
id='coord' id='coord'
name='coord' name='coord'
bsSize='sm' bsSize='sm'
placeholdeer='' placeholdeer=''
readOnly readOnly
/> />
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' lg={4} md={6} sm={12}> <Col className='list-input' lg={4} md={6} sm={12}>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>4</Label> <Label for='test'><span className='necessary'>*</span>4</Label>
<Input <Input
type='text' type='text'
id='coord' id='coord'
name='coord' name='coord'
bsSize='sm' bsSize='sm'
placeholdeer='' placeholdeer=''
readOnly readOnly
/> />
</FormGroup> </FormGroup>
</Col> </Col>
</Row> </Row>
</div> </div>
</dt> </dt>
<dt> <dt>
<div className='search-info-ti d-flex justify-content-between'> <div className='search-info-ti d-flex justify-content-between'>
<h4>기타정보</h4> <h4>기타정보</h4>
</div> </div>
<div className='search-info-box'> <div className='search-info-box'>
<Row> <Row>
<Col className='list-input' lg={5} md={7} sm={12}> <Col className='list-input' lg={5} md={7} sm={12}>
<FormGroup className='m_ft'> <FormGroup className='m_ft'>
<div className='m_ft_box'> <div className='m_ft_box'>
<Label for='test'> <Label for='test'>
<span className='necessary'>*</span> 반경 / 고도 <span className='necessary'>*</span> 반경 / 고도
</Label> </Label>
<Input <Input
type='text' type='text'
id='ownerNm' id='ownerNm'
name='ownerNm' name='ownerNm'
size='sm' bsSize='sm'
placeholder='반경' placeholder='반경'
readOnly readOnly
/> />
</div> </div>
<div className='m_ft_box'> <div className='m_ft_box'>
<Input <Input
type='text' type='text'
id='ownerNm' id='ownerNm'
name='ownerNm' name='ownerNm'
size='sm' bsSize='sm'
placeholder='고도' placeholder='고도'
readOnly readOnly
/> />
</div> </div>
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' lg={4} md={6} sm={12}> <Col className='list-input' lg={4} md={6} sm={12}>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span></Label> <Label for='test'><span className='necessary'>*</span></Label>
<Input <Input
type='text' type='text'
id='ownerNm' id='ownerNm'
name='ownerNm' name='ownerNm'
size='sm' bsSize='sm'
placeholder='' placeholder=''
readOnly readOnly
/> />
</FormGroup> </FormGroup>
</Col> </Col>
</Row> </Row>
</div> </div>
</dt> </dt>
</dl> </dl>
</div> </div>
<div className='d-flex align-items-center mt-2'> <div className='d-flex align-items-center mt-2'>
<Button.Ripple <Button.Ripple
type='submit' type='submit'
className='mr-1' className='mr-1'
color='primary' color='primary'
> >
등록 등록
</Button.Ripple> </Button.Ripple>
<Button.Ripple <Button.Ripple
className='mr-1' className='mr-1'
color='primary' color='primary'
> >
닫기 닫기
</Button.Ripple> </Button.Ripple>
</div> </div>
</CardBody> </CardBody>
</Card> </Card>
</Col>
</Row>
</CardBody>
</Card>
</Col>
</Row>
) )
} }

Loading…
Cancel
Save