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

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

egovframe-template-simple-react-contribution/src/css/component.css

@@ -247,7 +247,8 @@ select::-ms-expand {display:none;}
 
 
 /* Title */
-.tit_1 {position: relative; padding-bottom: 20px; color: #222; font-size: 38px; font-weight: 500; letter-spacing: -2px; line-height: 48px;}     /* changed by lim   padding-bottom: 50px; font-size: 48px;*/
+/* changed by lim   padding-bottom: 50px; font-size: 48px;      added by lim  margin-top: 10px;*/
+.tit_1 {position: relative; padding-bottom: 10px; margin-top: 10px; color: #222; font-size: 38px; font-weight: 500; letter-spacing: -2px; line-height: 48px;}
 .tit_1::after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 2px; background: #0465be;}
 
 .tit_2 {font-size: 30px; font-weight: 700;}

egovframe-template-simple-react-contribution/src/css/layout.css

@@ -46,7 +46,7 @@ body {min-width: 1400px;}
 
 
 .container {min-height: calc(100vh - 300px);}
-.c_wrap {width: 1400px; margin: 0 auto; padding: 0 50px;}
+.c_wrap {margin: 0 auto;}      /* removed by lim       width: 1400px; padding: 0 50px; */
 .c_wrap .layout {display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;}       /* added by lim   padding-bottom: 20px; */
 
 /* sub navigation */

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 retrieveDetail = () => {
-
-        const requestOptions = {
-            method: "GET",
-            headers: {
-                'Content-type': 'application/json'
-            }
+    const requestOptions = {
+        method: "GET",
+        headers: {
+            'Content-type': 'application/json'
         }
+    }
+
+    const retrieveDetail = () => {
+        
 
         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>