김지은
11 months ago
7 changed files with 1315 additions and 18 deletions
@ -0,0 +1,482 @@
|
||||
import '../../assets/css/custom.css'; |
||||
import '@styles/react/libs/flatpickr/flatpickr.scss'; |
||||
import '@styles/react/libs/tables/react-dataTable-component.scss'; |
||||
import { useState, useEffect } from 'react' |
||||
import { useParams, Link } from 'react-router-dom' |
||||
import { useSelector, useDispatch } from 'react-redux' |
||||
import { CustomMainLayout } from '../../components/layout/CustomMainLayout'; |
||||
import { |
||||
Card, |
||||
CardBody, |
||||
CardText, |
||||
Button, |
||||
ButtonGroup, |
||||
Input, |
||||
InputGroup, |
||||
InputGroupAddon, |
||||
InputGroupText, |
||||
Modal, |
||||
ModalHeader, |
||||
ModalBody, |
||||
ModalFooter, |
||||
Nav, |
||||
NavItem, |
||||
NavLink, |
||||
TabContent, |
||||
TabPane, |
||||
Row, |
||||
Col, |
||||
FormGroup, |
||||
Label, |
||||
CustomInput, |
||||
Badge
|
||||
} from 'reactstrap'; |
||||
|
||||
import AppCollapse from '@components/app-collapse' |
||||
import Select from 'react-select' |
||||
import { selectThemeColors } from '@utils' |
||||
import classnames from 'classnames' |
||||
|
||||
import { Search, HelpCircle, Info } from 'react-feather'; |
||||
|
||||
const data = [ |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-secondary'>답변대기</Badge> |
||||
<span className='ti'><span>[불만]</span>드론을 구매했는데 기체신고를 해야하나요?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
{/* br처리? 줄바꿈.. 추후에 생각 */} |
||||
네 그렇습니다.<br/><br/> |
||||
- 사용용도가 영리 목적인 경우 : 무게에 상관없이 모두 신고<br/> |
||||
- 사용용도가 비영리 목적인 경우<br/> |
||||
· (무인멀티콥터, 무인비행기, 무인헬리콥터) 최대이륙중량 2kg 초과 시 신고<br/> |
||||
· (무인비행선) 연료의 무게를 제외한 자체무게가 12kg 초과, 길이 7m 초과 시 신고 <br/> |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
}, |
||||
{ |
||||
title: ( |
||||
<div className='faq-q'> |
||||
<h5> |
||||
<Badge color='light-primary'>답변완료</Badge> |
||||
<span className='ti'><span>[문의]</span>실내에서 비행할 때에도 비행승인을 받아야 할까?</span> |
||||
</h5> |
||||
<div> |
||||
<Button.Ripple color='flat-primary'>수정하기</Button.Ripple> |
||||
<span className='date'>2022-02-02</span> |
||||
</div> |
||||
</div> |
||||
), |
||||
content: ( |
||||
<div className='faq-a'> |
||||
<span className='faq-a-text'> |
||||
사방/천장이 막혀있는 밀폐된 실내 공간에서의 비행은 승인을 필요로 하지 않습니다. |
||||
또한, 적절한 조명장치가 있는 실내 공간이라면 야간에도 비행이 가능합니다. 다면 어떠한 경우에도 인명과 재산에 위험을 초래할 우려가 없도록 주의하여 비행하여야 합니다. |
||||
</span> |
||||
</div> |
||||
) |
||||
} |
||||
] |
||||
function AdminInquiryList() { |
||||
return <> |
||||
<CustomMainLayout title={'문의 목록'}> |
||||
<div className='faq'> |
||||
<div className='my-faq'> |
||||
<AppCollapse data={data} accordion type='margin' /> |
||||
</div> |
||||
<div className='inquiry-btn'> |
||||
{/* 링크 연결 임시 하드코딩 */} |
||||
<Button color='primary' size='lg' onClick={() => { window.location.href = '/cstmrService/InquiryWrite'; }}>1:1 문의하기</Button> |
||||
</div> |
||||
</div> |
||||
</CustomMainLayout> |
||||
</>; |
||||
} |
||||
|
||||
export default AdminInquiryList; |
@ -0,0 +1,198 @@
|
||||
import '../../assets/css/custom.css'; |
||||
import '@styles/react/libs/flatpickr/flatpickr.scss'; |
||||
import '@styles/react/libs/tables/react-dataTable-component.scss'; |
||||
import { useState, useEffect, useRef } from 'react' |
||||
import { useParams, Link } from 'react-router-dom' |
||||
import { useSelector, useDispatch } from 'react-redux' |
||||
import { CustomMainLayout } from '../../components/layout/CustomMainLayout'; |
||||
import { |
||||
Card, |
||||
CardBody, |
||||
CardText, |
||||
Button, |
||||
ButtonGroup, |
||||
Input, |
||||
InputGroup, |
||||
InputGroupAddon, |
||||
InputGroupText, |
||||
Modal, |
||||
ModalHeader, |
||||
ModalBody, |
||||
ModalFooter, |
||||
Nav, |
||||
NavItem, |
||||
NavLink, |
||||
TabContent, |
||||
TabPane, |
||||
Row, |
||||
Col, |
||||
FormGroup, |
||||
Label, |
||||
CustomInput |
||||
} from 'reactstrap'; |
||||
|
||||
import AppCollapse from '@components/app-collapse' |
||||
import Select from 'react-select' |
||||
import { selectThemeColors } from '@utils' |
||||
import classnames from 'classnames' |
||||
|
||||
import { Search, HelpCircle, Info, X } from 'react-feather'; |
||||
|
||||
|
||||
function AdminInquiryWrite() { |
||||
const fileInputRef = useRef(null); |
||||
const [value, setValue] = useState('') |
||||
const [selectedFile, setSelectedFile] = useState(null); |
||||
|
||||
const handleFileChange = (event) => { |
||||
const file = event.target.files[0]; |
||||
setSelectedFile(file); |
||||
}; |
||||
|
||||
const handleFileClear = () => { |
||||
setSelectedFile(null); |
||||
}; |
||||
|
||||
return <> |
||||
<CustomMainLayout title={'문의내역 답변'}> |
||||
<div className='pal-form'> |
||||
<Row> |
||||
<Col className='list-input' md='3'> |
||||
<FormGroup> |
||||
<Label for='test'> |
||||
<span className='necessary'>*</span>문의유형 |
||||
</Label> |
||||
<Input |
||||
type='select' |
||||
size='sm' |
||||
> |
||||
<option value=''>칭찬</option> |
||||
<option value=''>불만</option> |
||||
<option value=''>문의</option> |
||||
<option value=''>제안</option> |
||||
<option value=''>기타</option> |
||||
</Input> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3'> |
||||
<FormGroup className='feedback-input'> |
||||
<Label for='test'> |
||||
<span className='necessary'>*</span>연락처 |
||||
</Label> |
||||
<Input |
||||
type='number' |
||||
size='sm' |
||||
placeholder='' |
||||
/> |
||||
<div class="feedback"><p>* 확인이 필요할 경우 연락을 드릴 수 있으니, 정확히 입력 부탁드립니다.</p></div> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3'> |
||||
<FormGroup> |
||||
<Label for='test'> |
||||
생성 사용자 |
||||
</Label> |
||||
<Input |
||||
type='text' |
||||
size='sm' |
||||
placeholder='' |
||||
value='홍길동' |
||||
disabled |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3'> |
||||
<FormGroup> |
||||
<Label for='test'> |
||||
생성 일자 |
||||
</Label> |
||||
<Input |
||||
type='text' |
||||
size='sm' |
||||
placeholder='' |
||||
value='2023-10-15 00:00' |
||||
disabled |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='12'> |
||||
<FormGroup> |
||||
<Label for='test'> |
||||
<span className='necessary'>*</span>제목 |
||||
</Label> |
||||
<Input |
||||
type='text' |
||||
size='sm' |
||||
placeholder='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='12'> |
||||
<FormGroup className='feedback-input'> |
||||
<Label for='test'> |
||||
<span className='necessary'>*</span>내용 |
||||
</Label> |
||||
<Input |
||||
className='faq-textarea' |
||||
type='textarea' |
||||
placeholder='' |
||||
onChange={e => setValue(e.target.value)} |
||||
/> |
||||
{/* 하단 필요없으면제거 */} |
||||
<span |
||||
className={classnames('textarea-counter-value float-right', { |
||||
'bg-danger': value.length > 300 |
||||
})} |
||||
> |
||||
{`${value.length}/300`} |
||||
</span> |
||||
<div class="feedback"><p>* 주민번호, 이메일 등 불필요한 개인정보는 기재하지 마시기 바랍니다.</p></div> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input mt-1' md='12'> |
||||
<FormGroup className='feedback-input'>
|
||||
<Label for='test'> |
||||
<span className='necessary'></span>첨부파일 |
||||
</Label> |
||||
<div className={`custom-file ${selectedFile ? 'file-selected' : ''}`}> |
||||
<Input
|
||||
type='file'
|
||||
id='inputFile'
|
||||
name=''
|
||||
className='custom-file-input pal'
|
||||
onChange={handleFileChange} |
||||
ref={fileInputRef} |
||||
/> |
||||
{/* 현재는 text만 바뀌는상태! input 초기화 작업해주세용 */} |
||||
{selectedFile && ( // Display the trash icon only if a file is selected
|
||||
<span className='custom-file-control'> |
||||
<X // Display a trash icon
|
||||
className='clear-file-button' |
||||
onClick={handleFileClear} |
||||
/> |
||||
</span> |
||||
)} |
||||
<Label for='inputFile' className='custom-file-label'> |
||||
{selectedFile ? selectedFile.name : '선택된 파일이 없습니다.'} |
||||
</Label> |
||||
</div> |
||||
<div class="feedback"> |
||||
<p> |
||||
* 파일 형식은 jpg, png, jpeg, gif 형식만 가능합니다.<br/> |
||||
* 최대 허용 용량 : 3MB까지 가능합니다. |
||||
</p> |
||||
</div> |
||||
</FormGroup> |
||||
</Col> |
||||
</Row> |
||||
<div className='pal-form-btn'> |
||||
<Button color='danger'>삭제</Button> |
||||
<Button color='secondary'>취소</Button> |
||||
<Button color='primary'>저장</Button> |
||||
</div> |
||||
</div> |
||||
</CustomMainLayout> |
||||
</>; |
||||
} |
||||
|
||||
export default AdminInquiryWrite; |
Loading…
Reference in new issue