feat: '위원회 일정 등록' 페이지에서 '심의위원회'을 서버로 부터 목록 받도록 기능 추가

관리자 단에서 '위원회 관리' > '위원회 일정 관리'에 '등록' 버튼을 누른 후 '위원회 일정 등록' 페이지에서 '심의위원회'을 서버로 부터 목록 받도록 기능 추가

egovframe-template-simple-react-contribution/src/pages/admin/committee/Schedules/Edit.jsx

@@ -21,6 +21,18 @@ const StyledDiv = styled.div`
             margin-top: 20px;
         }
     }
+
+    .f_select.w_250 {
+        @media only screen and (max-width: 768px) {
+            width: 100%;
+        }
+    }
+
+    .f_input {
+        @media only screen and (max-width: 768px) {
+            width: 100%;
+        }
+    }
 `;
 
 function SchedulesEdit(props) {
@@ -79,14 +91,15 @@ function SchedulesEdit(props) {
         return new Date(year, month - 1, date, hour, minute)
     }
 
+    const requestOptions = {
+        method: "GET",
+        headers: {
+            'Content-type': 'application/json'
+        }
+    }
+
     const retrieveDetail = () => {
         
-        const requestOptions = {
-            method: "GET",
-            headers: {
-                'Content-type': 'application/json'
-            }
-        }
 
         EgovNet.requestFetch("/schedule/init",
             requestOptions,
@@ -97,15 +110,6 @@ function SchedulesEdit(props) {
             }
         );
 
-        EgovNet.requestFetch("/schedule/api/org-api/depth/list?paramCodeGroup=5",
-            requestOptions,
-            function (resp) {
-                setScheduleApiOrgApiDepthList(
-                    resp
-                );                
-            }
-        );
-
         if (modeInfo.mode === CODE.MODE_CREATE) {// 조회/등록이면 조회 안함
             setScheduleDetail({
                 ...scheduleDetail
@@ -208,6 +212,22 @@ function SchedulesEdit(props) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
 
+    useEffect(function () {        
+
+        EgovNet.requestFetch(`/schedule/api/org-api/depth/list?paramCodeGroup=${scheduleDetail.orgGroupId}`,
+            requestOptions,
+            function (resp) {
+                setScheduleApiOrgApiDepthList(
+                    resp
+                );                
+            }
+        );
+
+        console.log( `kimtheho %o`, scheduleDetail);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [scheduleDetail && scheduleDetail.orgGroupId]);
+    
+
     console.log("------------------------------EgovAdminScheduleEdit [End]");
     console.groupEnd("EgovAdminScheduleEdit");
     return (
@@ -243,18 +263,17 @@ function SchedulesEdit(props) {
                             <dl>
                                 <dt>구분<span className="req">필수</span></dt>
                                 <dd>
-                                    <label className="f_select w_130" htmlFor="schdulSe">
+                                    <label className="f_select w_150" htmlFor="schdulSe">
                                         <select id="schdulSe" name="schdulSe" title="일정구분"
                                             value={scheduleDetail.schdulSe}
                                             onChange={(e) => setScheduleDetail({ ...scheduleDetail, schdulSe: e.target.value })}>
-                                            <option value="">선택</option>
+                                            <option key={"none"} value="">선택</option>
                                             {scheduleInit && scheduleInit.result && scheduleInit.result.listCodes
                                             && scheduleInit.result.listCodes.map((item) => (
-                                                <option value={item.id}><span >{item.name}</span></option>
+                                                <option key={item.id} value={item.id}>{item.name}</option>
                                             ))}
                                         </select>
                                     </label>
-
                                 </dd>
                             </dl>
                             <dl>
@@ -267,7 +286,7 @@ function SchedulesEdit(props) {
                                             <option value="">선택</option>
                                             {scheduleInit && scheduleInit.result && scheduleInit.result.listTopOrg
                                             && scheduleInit.result.listTopOrg.map((item) => (
-                                                <option value={item.id}><span >{item.name}</span></option>
+                                                <option key={item.id} value={item.id}>{item.name}</option>
                                             ))}
                                         </select>
                                     </label>
@@ -278,7 +297,7 @@ function SchedulesEdit(props) {
                                             <option value="">선택</option>
                                             {scheduleApiOrgApiDepthList && scheduleApiOrgApiDepthList.result && scheduleApiOrgApiDepthList.result.list
                                             && scheduleApiOrgApiDepthList.result.list.map((item) => (
-                                                <option value={item.id}><span >{item.name}</span></option>
+                                                <option key={item.id} value={item.id}>{item.name}</option>
                                             ))}
                                         </select>
                                     </label>