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

@@ -21,18 +21,6 @@ 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) {
@@ -91,15 +79,14 @@ 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,
@@ -110,6 +97,15 @@ 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
@@ -212,22 +208,6 @@ 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 (
@@ -263,17 +243,18 @@ function SchedulesEdit(props) {
                             <dl>
                                 <dt>구분<span className="req">필수</span></dt>
                                 <dd>
-                                    <label className="f_select w_150" htmlFor="schdulSe">
+                                    <label className="f_select w_130" htmlFor="schdulSe">
                                         <select id="schdulSe" name="schdulSe" title="일정구분"
                                             value={scheduleDetail.schdulSe}
                                             onChange={(e) => setScheduleDetail({ ...scheduleDetail, schdulSe: e.target.value })}>
-                                            <option key={"none"} value="">선택</option>
+                                            <option value="">선택</option>
                                             {scheduleInit && scheduleInit.result && scheduleInit.result.listCodes
                                             && scheduleInit.result.listCodes.map((item) => (
-                                                <option key={item.id} value={item.id}>{item.name}</option>
+                                                <option value={item.id}><span >{item.name}</span></option>
                                             ))}
                                         </select>
                                     </label>
+
                                 </dd>
                             </dl>
                             <dl>
@@ -286,7 +267,7 @@ function SchedulesEdit(props) {
                                             <option value="">선택</option>
                                             {scheduleInit && scheduleInit.result && scheduleInit.result.listTopOrg
                                             && scheduleInit.result.listTopOrg.map((item) => (
-                                                <option key={item.id} value={item.id}>{item.name}</option>
+                                                <option value={item.id}><span >{item.name}</span></option>
                                             ))}
                                         </select>
                                     </label>
@@ -297,7 +278,7 @@ function SchedulesEdit(props) {
                                             <option value="">선택</option>
                                             {scheduleApiOrgApiDepthList && scheduleApiOrgApiDepthList.result && scheduleApiOrgApiDepthList.result.list
                                             && scheduleApiOrgApiDepthList.result.list.map((item) => (
-                                                <option key={item.id} value={item.id}>{item.name}</option>
+                                                <option value={item.id}><span >{item.name}</span></option>
                                             ))}
                                         </select>
                                     </label>