From 47e443e000c90bef4917d0506688708abfe97450 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B0=95=EC=84=9D=20=EC=B5=9C?= <cks0504_p@daum.net>
Date: Thu, 7 Mar 2024 18:06:17 +0900
Subject: [PATCH] =?UTF-8?q?=EC=84=A4=EB=AC=B8=EA=B4=80=EB=A6=AC=20?=
 =?UTF-8?q?=EC=9E=91=EC=97=85=EC=A4=91.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/contents/survey/QuestionModal.jsx   | 101 +++++++++---------
 1 file changed, 50 insertions(+), 51 deletions(-)

diff --git a/egovframe-template-simple-react-contribution/src/pages/admin/contents/survey/QuestionModal.jsx b/egovframe-template-simple-react-contribution/src/pages/admin/contents/survey/QuestionModal.jsx
index 66e22ad..7cc790d 100644
--- a/egovframe-template-simple-react-contribution/src/pages/admin/contents/survey/QuestionModal.jsx
+++ b/egovframe-template-simple-react-contribution/src/pages/admin/contents/survey/QuestionModal.jsx
@@ -8,8 +8,8 @@ import * as EgovNet from "api/egovFetch";
 
 function QuestionModal({svySeq}){
 
-    const [qtTag, setQtTag] = useState([]);
-    const [itemTag, setItemTag] = useState([]);
+    const [qtList, setQtList] = useState([]);
+    const [selectedQt, setSelectedQt] = useState(null);
 
     function getSurveyQt(){
         EgovNet.requestFetch(
@@ -18,19 +18,7 @@ function QuestionModal({svySeq}){
                 method: "GET"
             },
             (resp) => {
-
-                const temp = [];
-                resp.result.qtList.forEach(function (qt, index){
-                    temp.push(
-                        <tr>
-                            <td className={"clickable"} onClick={()=>selectQt(qt.itemList)}>
-                                <Form.Control type={"text"} defaultValue={qt.qtTitle}/>
-                            </td>
-                        </tr>
-                    )
-                })
-                setQtTag(temp);
-
+                setQtList(resp.result.qtList)
             },
             function (resp) {
                 console.log("err response : ", resp);
@@ -38,42 +26,12 @@ function QuestionModal({svySeq}){
         );
     }
 
-    function selectQt(itemList){
-        const temp = [];
-        itemList.forEach(function (item, index){
-            temp.push(
-                <tr>
-                    <td>
-                        <Form.Control type={"text"} defaultValue={item.itemNm}/>
-                    </td>
-                </tr>
-            )
-        })
-        setItemTag(temp);
-    }
-
     function addQt(){
-        const temp = [...qtTag]
-        temp.push(
-            <tr>
-                <td>
-                    <Form.Control type={"text"}/>
-                </td>
-            </tr>
-        )
-        setQtTag(temp)
+
     }
 
     function addItem(){
-        const temp = [...itemTag]
-        temp.push(
-            <tr>
-                <td>
-                    <Form.Control type={"text"}/>
-                </td>
-            </tr>
-        )
-        setItemTag(temp)
+
     }
 
     function editSurveyQt(e){
@@ -91,7 +49,7 @@ function QuestionModal({svySeq}){
             </Modal.Header>
             <Modal.Body>
                 <Row>
-                    <Col xs={6}>
+                    <Col xs={5}>
                         <Table>
                             <thead>
                             <tr>
@@ -99,7 +57,15 @@ function QuestionModal({svySeq}){
                             </tr>
                             </thead>
                             <tbody>
-                            {qtTag}
+                            {qtList.map(qt=>{
+                                return (
+                                    <tr>
+                                        <td>
+                                            <Form.Control type={"text"} defaultValue={qt.qtTitle} onClick={()=>{setSelectedQt(qt)}}/>
+                                        </td>
+                                    </tr>
+                                );
+                            })}
                             </tbody>
                             <tfoot>
                             <tr>
@@ -110,7 +76,32 @@ function QuestionModal({svySeq}){
                             </tfoot>
                         </Table>
                     </Col>
-                    <Col xs={6}>
+                    <Col xs={7}>
+                        <Form.Group as={Row} className="mb-3">
+                            <Form.Label column sm={3}>
+                                질문유형
+                            </Form.Label>
+                            <Col sm={9} key={`inline-radio`} className={'my-auto'}>
+                                <Form.Check inline label="체크박스" name="qtType" type={'radio'} value={1} checked={selectedQt?.qtType === 1} onClick={()=>{setSelectedQt({...selectedQt, qtType:1})}}/>
+                                <Form.Check inline label="라디오버튼" name="qtType" type={'radio'} value={2} checked={selectedQt?.qtType === 2} onClick={()=>{setSelectedQt({...selectedQt, qtType:2})}}/>
+                                <Form.Check inline label="직접입력" name="qtType" type={'radio'} value={3} checked={selectedQt?.qtType === 3} onClick={()=>{setSelectedQt({...selectedQt, qtType:3})}}/>
+                                <Form.Check inline label="이용자만족도" name="qtType" type={'radio'} value={4} checked={selectedQt?.qtType === 4} onClick={()=>{setSelectedQt({...selectedQt, qtType:4})}}/>
+                            </Col>
+                        </Form.Group>
+                        <Form.Group as={Row} className={`mb-3 ${selectedQt?.qtType!==1?'d-none':''}`}>
+                            <Form.Label column sm={3}>
+                                최대 선택 개수
+                            </Form.Label>
+                            <Col sm={3}>
+                                <Form.Control type="text" name="maxNo" defaultValue={selectedQt?.maxNo}/>
+                            </Col>
+                            <Form.Label column sm={'auto'}>
+                                기타 여부
+                            </Form.Label>
+                            <Col sm={3} className={'my-auto'}>
+                                <Form.Check type="checkbox" name="mandatoryYn" checked={selectedQt?.mandatoryYn==='Y'}/>
+                            </Col>
+                        </Form.Group>
                         <Table>
                             <thead>
                             <tr>
@@ -118,7 +109,15 @@ function QuestionModal({svySeq}){
                             </tr>
                             </thead>
                             <tbody>
-                            {itemTag}
+                            {selectedQt?.itemList.map(item=>{
+                                return (
+                                    <tr>
+                                        <td>
+                                            <Form.Control type={"text"} defaultValue={item.itemNm}/>
+                                        </td>
+                                    </tr>
+                                );
+                            })}
                             </tbody>
                             <tfoot>
                             <tr>