|
|
|
@ -19,7 +19,7 @@ import {
|
|
|
|
|
import classnames from 'classnames'; |
|
|
|
|
import { X } from 'react-feather'; |
|
|
|
|
|
|
|
|
|
function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) { |
|
|
|
|
function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal, detail }) { |
|
|
|
|
const fileInputRef = useRef(null); |
|
|
|
|
const [value, setValue] = useState(''); |
|
|
|
|
const [selectedFile, setSelectedFile] = useState(null); |
|
|
|
@ -33,6 +33,7 @@ function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) {
|
|
|
|
|
setSelectedFile(null); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
console.log('데이터 보시겟습니당', detail); |
|
|
|
|
return ( |
|
|
|
|
<Modal |
|
|
|
|
isOpen={isInquiryModalOpen} |
|
|
|
@ -48,12 +49,17 @@ function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) {
|
|
|
|
|
<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 |
|
|
|
|
type='select' |
|
|
|
|
bsSize='sm' |
|
|
|
|
value={detail.category} |
|
|
|
|
onChange={() => {}} |
|
|
|
|
> |
|
|
|
|
<option value='칭찬'>칭찬</option> |
|
|
|
|
<option value='불만'>불만</option> |
|
|
|
|
<option value='문의'>문의</option> |
|
|
|
|
<option value='제안'>제안</option> |
|
|
|
|
<option value='기타'>기타</option> |
|
|
|
|
</Input> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
@ -62,8 +68,12 @@ function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) {
|
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>연락처 |
|
|
|
|
</Label> |
|
|
|
|
<Input type='number' size='sm' placeholder='' /> |
|
|
|
|
<div class='feedback'> |
|
|
|
|
<Input |
|
|
|
|
type='number' |
|
|
|
|
bsSize='sm' |
|
|
|
|
defaultValue={detail.contact || ''} |
|
|
|
|
/> |
|
|
|
|
<div className='feedback'> |
|
|
|
|
<p> |
|
|
|
|
* 확인이 필요할 경우 연락을 드릴 수 있으니, 정확히 입력 |
|
|
|
|
부탁드립니다. |
|
|
|
@ -76,9 +86,9 @@ function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) {
|
|
|
|
|
<Label for='test'>생성 사용자</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
size='sm' |
|
|
|
|
bsSize='sm' |
|
|
|
|
placeholder='' |
|
|
|
|
value='홍길동' |
|
|
|
|
defaultValue={detail.createUserNm || ''} |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</FormGroup> |
|
|
|
@ -88,9 +98,8 @@ function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) {
|
|
|
|
|
<Label for='test'>생성 일자</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
size='sm' |
|
|
|
|
placeholder='' |
|
|
|
|
value='2023-10-15 00:00' |
|
|
|
|
bsSize='sm' |
|
|
|
|
defaultValue={detail.createDt.slice(0, -3) || ''} |
|
|
|
|
disabled |
|
|
|
|
/> |
|
|
|
|
</FormGroup> |
|
|
|
@ -100,7 +109,7 @@ function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) {
|
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>제목 |
|
|
|
|
</Label> |
|
|
|
|
<Input type='text' size='sm' placeholder='' /> |
|
|
|
|
<Input type='text' bsSize='sm' defaultValue={detail.title} /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='12'> |
|
|
|
@ -111,8 +120,8 @@ function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) {
|
|
|
|
|
<Input |
|
|
|
|
className='faq-textarea' |
|
|
|
|
type='textarea' |
|
|
|
|
placeholder='' |
|
|
|
|
onChange={e => setValue(e.target.value)} |
|
|
|
|
defaultValue={detail.content} |
|
|
|
|
/> |
|
|
|
|
{/* 하단 필요없으면제거 */} |
|
|
|
|
<span |
|
|
|
@ -122,7 +131,7 @@ function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) {
|
|
|
|
|
> |
|
|
|
|
{`${value.length}/300`} |
|
|
|
|
</span> |
|
|
|
|
<div class='feedback'> |
|
|
|
|
<div className='feedback'> |
|
|
|
|
<p> |
|
|
|
|
* 주민번호, 이메일 등 불필요한 개인정보는 기재하지 마시기 |
|
|
|
|
바랍니다. |
|
|
|
@ -163,7 +172,7 @@ function InquiryWrite({ isInquiryModalOpen, handlerInquiryModal }) {
|
|
|
|
|
: '선택된 파일이 없습니다.'} |
|
|
|
|
</Label> |
|
|
|
|
</div> |
|
|
|
|
<div class='feedback'> |
|
|
|
|
<div className='feedback'> |
|
|
|
|
<p> |
|
|
|
|
* 파일 형식은 jpg, png, jpeg, gif 형식만 가능합니다. |
|
|
|
|
<br />* 최대 허용 용량 : 3MB까지 가능합니다. |
|
|
|
|