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

@@ -247,8 +247,7 @@ select::-ms-expand {display:none;}
 
 
 /* Title */
-/* changed by lim   padding-bottom: 50px; font-size: 48px;      added by lim  margin-top: 10px;*/
+.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;*/
-.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 {margin: 0 auto;}      /* removed by lim       width: 1400px; padding: 0 50px; */
+.c_wrap {width: 1400px; margin: 0 auto; 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,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,6 +79,8 @@ function SchedulesEdit(props) {
         return new Date(year, month - 1, date, hour, minute)
     }
 
+    const retrieveDetail = () => {
+
         const requestOptions = {
             method: "GET",
             headers: {
@@ -98,9 +88,6 @@ function SchedulesEdit(props) {
             }
         }
 
-    const retrieveDetail = () => {
-        
-
         EgovNet.requestFetch("/schedule/init",
             requestOptions,
             function (resp) {
@@ -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>