junh_eee(이준희)
8 months ago
17 changed files with 4 additions and 328 deletions
@ -1,136 +0,0 @@ |
|||||||
import { Row, Col, Card, CardBody, Button, Input } from 'reactstrap'; |
|
||||||
|
|
||||||
export const BasisDronSearch = props => { |
|
||||||
return ( |
|
||||||
<div className='pal-card-box'> |
|
||||||
<Row> |
|
||||||
<Col> |
|
||||||
<div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> |
|
||||||
<div> |
|
||||||
<h4>검색조건</h4> |
|
||||||
</div> |
|
||||||
<div className='d-flex align-items-center'> |
|
||||||
<Button.Ripple |
|
||||||
color='primary' |
|
||||||
size='sm' |
|
||||||
onClick={e => props.handlerSearch()} |
|
||||||
> |
|
||||||
<Search size={16} /> |
|
||||||
검색 |
|
||||||
</Button.Ripple> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<Card> |
|
||||||
<CardBody className='pal-card-body'> |
|
||||||
<div className='search-cont'> |
|
||||||
<dl> |
|
||||||
<dt> |
|
||||||
<div className='search-box'> |
|
||||||
<div className='search-list-ti'>식별번호</div> |
|
||||||
<div className='search-list'> |
|
||||||
<div className='search-list-cont'> |
|
||||||
<Row> |
|
||||||
<Col className='list-input' xl='4' md='6' sm='12'> |
|
||||||
<Input |
|
||||||
value={props.params.search1} |
|
||||||
type='email' |
|
||||||
id='search1' |
|
||||||
size='sm' |
|
||||||
onChange={e => |
|
||||||
props.handlerInput('search1', e.target.value) |
|
||||||
} |
|
||||||
placeholder='식별번호를 입력하세요' |
|
||||||
/> |
|
||||||
</Col> |
|
||||||
{/* <Col className='list-input' xl='4' md='4' sm='12'> |
|
||||||
<Input |
|
||||||
type='email' |
|
||||||
id='basicInput' |
|
||||||
size='sm' |
|
||||||
placeholder='input이 2개' |
|
||||||
/> |
|
||||||
</Col> |
|
||||||
<Col className='list-input' xl='4' md='4' sm='12'> |
|
||||||
<Input |
|
||||||
type='email' |
|
||||||
id='basicInput' |
|
||||||
size='sm' |
|
||||||
placeholder='input이 3개' |
|
||||||
/> |
|
||||||
</Col> */} |
|
||||||
</Row> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</dt> |
|
||||||
<dt> |
|
||||||
<div className='search-box'> |
|
||||||
<div className='search-list-ti'>모델명</div> |
|
||||||
<div className='search-list'> |
|
||||||
<div className='search-list-cont'> |
|
||||||
<Row> |
|
||||||
<Col className='list-input' xl='4' md='6' sm='12'> |
|
||||||
<Input |
|
||||||
value={props.params.search1} |
|
||||||
type='email' |
|
||||||
id='search1' |
|
||||||
size='sm' |
|
||||||
onChange={e => |
|
||||||
props.handlerInput('search1', e.target.value) |
|
||||||
} |
|
||||||
placeholder='모델명을 입력하세요' |
|
||||||
/> |
|
||||||
</Col> |
|
||||||
{/* <Col className='list-input' xl='4' md='4' sm='12'> |
|
||||||
<Input |
|
||||||
type='email' |
|
||||||
id='basicInput' |
|
||||||
size='sm' |
|
||||||
placeholder='input이 2개' |
|
||||||
/> |
|
||||||
</Col> |
|
||||||
<Col className='list-input' xl='4' md='4' sm='12'> |
|
||||||
<Input |
|
||||||
type='email' |
|
||||||
id='basicInput' |
|
||||||
size='sm' |
|
||||||
placeholder='input이 3개' |
|
||||||
/> |
|
||||||
</Col> */} |
|
||||||
</Row> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</dt> |
|
||||||
{/* <dt> |
|
||||||
<div className='search-box'> |
|
||||||
<div className='search-list-ti'>종류</div> |
|
||||||
<div className='search-list'> |
|
||||||
<div className='search-list-cont'> |
|
||||||
<Row> |
|
||||||
<Col className='list-input' xl='4' md='6' sm='12'> |
|
||||||
<Input |
|
||||||
value={props.params.search1} |
|
||||||
type='email' |
|
||||||
id='search1' |
|
||||||
size='sm' |
|
||||||
onChange={e => |
|
||||||
props.handlerInput('search1', e.target.value) |
|
||||||
} |
|
||||||
placeholder='식별번호를 입력하세요' |
|
||||||
/> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</dt> */} |
|
||||||
</dl> |
|
||||||
</div> |
|
||||||
</CardBody> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</div> |
|
||||||
); |
|
||||||
}; |
|
@ -1,75 +0,0 @@ |
|||||||
import { Row, Col, Card, CardBody, Button, Input } from 'reactstrap'; |
|
||||||
import { Search } from 'react-feather'; |
|
||||||
import { useEffect, useState } from 'react'; |
|
||||||
import dayjs from 'dayjs'; |
|
||||||
|
|
||||||
export const BasisGroupSearch = props => { |
|
||||||
const [isClick, setIsClick] = useState(1); |
|
||||||
const [dateType, setDateType] = useState(1); |
|
||||||
|
|
||||||
useEffect(() => { |
|
||||||
props.setParams({ |
|
||||||
...props.params, |
|
||||||
stDate: dayjs().subtract(dateType, 'day').format('YYYY-MM-DD') |
|
||||||
}); |
|
||||||
}, [dateType]); |
|
||||||
|
|
||||||
const handlerClickDate = val => { |
|
||||||
setDateType(val); |
|
||||||
setIsClick(val); |
|
||||||
}; |
|
||||||
return ( |
|
||||||
<div className='pal-card-box'> |
|
||||||
<Row> |
|
||||||
<Col> |
|
||||||
<div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> |
|
||||||
<div> |
|
||||||
<h4>검색조건</h4> |
|
||||||
</div> |
|
||||||
<div className='d-flex align-items-center'> |
|
||||||
<Button.Ripple |
|
||||||
color='primary' |
|
||||||
size='sm' |
|
||||||
onClick={e => props.handlerSearch()} |
|
||||||
> |
|
||||||
<Search size={16} /> |
|
||||||
검색 |
|
||||||
</Button.Ripple> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
<Card> |
|
||||||
<CardBody className='pal-card-body'> |
|
||||||
<div className='search-cont'> |
|
||||||
<dl> |
|
||||||
<dt> |
|
||||||
<div className='search-box'> |
|
||||||
<div className='search-list-ti'>그룹명</div> |
|
||||||
<div className='search-list'> |
|
||||||
<div className='search-list-cont'> |
|
||||||
<Row> |
|
||||||
<Col className='list-input' xl='4' md='4' sm='12'> |
|
||||||
<Input |
|
||||||
value={props.params.search1} |
|
||||||
type='email' |
|
||||||
id='search1' |
|
||||||
size='sm' |
|
||||||
onChange={e => |
|
||||||
props.handlerInput('search1', e.target.value) |
|
||||||
} |
|
||||||
placeholder='그룹명을 입력하세요' |
|
||||||
/> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</dt> |
|
||||||
</dl> |
|
||||||
</div> |
|
||||||
</CardBody> |
|
||||||
</Card> |
|
||||||
</Col> |
|
||||||
</Row> |
|
||||||
</div> |
|
||||||
); |
|
||||||
}; |
|
Loading…
Reference in new issue