feat: 관리자 단에서 '위원회 관리' > '위원회 일정 관리'에 '등록' 버튼을 누른 후 '위원회 일정 등록' 페이지에서 항목 입력 후 '저장'을 버튼 누를 때 저장되도록 구현

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

@@ -61,12 +61,32 @@ function SchedulesEdit(props) {
     const classes = useStyles();
     const [isShake, setShake] = useState(false);
 
+
+    
+    const getDateFourteenDigit = (date) => {
+        return `${getYYYY_MM_DD(date).toString()} ${makeTwoDigit(date.getHours())}:${makeTwoDigit(date.getMinutes())}:${makeTwoDigit(date.getSeconds())}`;
+    }
+    const getYYYY_MM_DD = (date) => {
+        return `${date.getFullYear().toString()}-${makeTwoDigit(Number(date.getMonth() + 1))}-${makeTwoDigit(date.getDate())}`;
+    }
+    const makeTwoDigit = (number) => {
+        return number < 10 ? "0" + number : number.toString();
+    }
+
+
     const navigate = useNavigate();
     const location = useLocation();
     console.log("EgovAdminScheduleEdit [location] : ", location);
 
     const [modeInfo, setModeInfo] = useState({ mode: props.mode });
-    const [scheduleDetail, setScheduleDetail] = useState({ startDate: new Date(), endDate: new Date() });
+    const [scheduleDetail, setScheduleDetail] = useState
+        (
+            {
+                startDate: new Date(),
+                endDate: new Date(),            
+                eventId : 0,
+            }
+        );
 
     const [schdulBgndeHH, setSchdulBgndeHH] = useState();
     const [schdulBgndeMM, setSchdulBgndeMM] = useState();
@@ -138,37 +158,24 @@ function SchedulesEdit(props) {
             return;
         }
         
-        const retrieveDetailURL = `/schedule/${location.state?.schdulId}`;
-        
-        EgovNet.requestFetch(retrieveDetailURL,
-            requestOptions,
-            function (resp) {
-                let rawScheduleDetail = resp.result.scheduleDetail;
-                //기본값 설정
-                setScheduleDetail({
-                    ...scheduleDetail,
-                    ...rawScheduleDetail,
-                    startDate: convertDate(rawScheduleDetail.schdulBgnde),
-                    endDate: convertDate(rawScheduleDetail.schdulEndde),
-					atchFileId : rawScheduleDetail.atchFileId.trim(),
-                    schdulIpcrCode : "B",
-                });
-            }
-        );
-
-
-        
     }
 
     const updateSchedule = () => {
         const formData = new FormData();
         
         for (let key in scheduleDetail) {
-            formData.append(key, scheduleDetail[key]);
+            if ( key === 'startDate' ) {
+                formData.append(key, getDateFourteenDigit( scheduleDetail[key] ));
+            } else if( key === 'endDate' ) {
+                formData.append(key, getDateFourteenDigit( scheduleDetail[key] ));
+            } else {
+                formData.append(key, scheduleDetail[key]);
+            }
+            
             console.log("scheduleDetail [%s] ", key, scheduleDetail[key]);
         }
 
-        if (formValidator(formData)) {
+        if ( formValidator(formData) ) {
             const requestOptions = {
                 method: modeInfo.method,
                 body: formData
@@ -194,40 +201,38 @@ function SchedulesEdit(props) {
     const formValidator = (formData) => {
         
         if (formData.get('divMeet') === null || formData.get('divMeet') === "") {
-            alert("일정구분은 필수 값입니다.");
+            alert("구분을 선택해 주세요.");
             return false;
         }
-        if (formData.get('schdulNm') === null || formData.get('schdulNm') === "") {
+        if (formData.get('upCommittee') === null || formData.get('upCommittee') === "") {
-            alert("일정명은 필수 값입니다.");
+            alert("심의위원회 첫 번째 값을 선택해 주세요.");
             return false;
         }
-        if (formData.get('schdulCn') === null || formData.get('schdulCn') === "") {
+        if (formData.get('committee') === null || formData.get('committee') === "") {
-            alert("일정내용은 필수 값입니다.");
+            alert("심의위원회 두 번째 값을 선택해 주세요.");
             return false;
         }
-        if (formData.get('schdulIpcrCode') === null || formData.get('schdulIpcrCode') === "") {
+        if (formData.get('title') === null || formData.get('title') === "") {
-            alert("중요도는 필수 값입니다.");
+            alert("제목을 입력해 주세요.");
             return false;
         }
-        if (formData.get('reptitSeCode') === null ||formData.get('reptitSeCode') === "") {
+        if (formData.get('location') === null ||formData.get('location') === "") {
-            alert("반복구분은 필수 값입니다.");
+            alert("장소를 입력해 주세요.");
             return false;
         }
-        if (formData.get('schdulBgnde') > formData.get('schdulEndde')) {
+        if (formData.get('contents') === null ||formData.get('contents') === "") {
+            alert("내용을 입력해 주세요.");
+            return false;
+        }
+        
+        /*
+        if (formData.get('contents') > formData.get('schdulEndde')) {
             alert("종료일시는 시작일시보다 앞 설 수 없습니다.");
             return false;
         }
+        */
         return true;
     }
-    const getDateFourteenDigit = (date) => {
-        return getYYYYMMDD(date).toString() + makeTwoDigit(date.getHours()) + makeTwoDigit(date.getMinutes()) + makeTwoDigit(date.getSeconds());
-    }
-    const getYYYYMMDD = (date) => {
-        return date.getFullYear().toString() + makeTwoDigit(Number(date.getMonth() + 1)) + makeTwoDigit(date.getDate());
-    }
-    const makeTwoDigit = (number) => {
-        return number < 10 ? "0" + number : number.toString();
-    }
 
     useEffect(function () {
         initMode();
@@ -236,7 +241,7 @@ function SchedulesEdit(props) {
 
     useEffect(function () {        
 
-        EgovNet.requestFetch(`/schedule/api/org-api/depth/list?paramCodeGroup=${scheduleDetail.orgGroupId}`,
+        EgovNet.requestFetch(`/schedule/api/org-api/depth/list?paramCodeGroup=${scheduleDetail.upCommittee}`,
             requestOptions,
             function (resp) {
                 setScheduleApiOrgApiDepthList(
@@ -245,9 +250,8 @@ function SchedulesEdit(props) {
             }
         );
 
-        console.log( `kimtheho %o`, scheduleDetail);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [scheduleDetail && scheduleDetail.orgGroupId]);
+    }, [scheduleDetail && scheduleDetail.upCommittee]);
     
 
     console.log("------------------------------EgovAdminScheduleEdit [End]");
@@ -354,7 +358,7 @@ function SchedulesEdit(props) {
                                             showTimeInput
                                             onChange={(date) => {
                                                 console.log("setStartDate : ", date);
-                                                setScheduleDetail({ ...scheduleDetail, schdulBgnde: getDateFourteenDigit(date), schdulBgndeYYYMMDD: getYYYYMMDD(date), schdulBgndeHH: date.getHours(), schdulBgndeMM: date.getMinutes(), startDate: date });
+                                                setScheduleDetail({ ...scheduleDetail, startDate: date });
                                                 setSchdulBgndeHH(date.getHours());
                                                 setSchdulBgndeMM(date.getMinutes());
                                             }} />
@@ -372,7 +376,7 @@ function SchedulesEdit(props) {
                                             minDate={scheduleDetail.startDate}
                                             onChange={(date) => {
                                                 console.log("setEndDate: ", date);
-                                                setScheduleDetail({ ...scheduleDetail, schdulEndde: getDateFourteenDigit(date), schdulEnddeYYYMMDD: getYYYYMMDD(date), schdulEnddeHH: date.getHours(), schdulEnddeMM: date.getMinutes(), endDate: date });
+                                                setScheduleDetail({ ...scheduleDetail, endDate: date });
                                                 setSchdulEnddeHH(date.getHours());
                                                 setSchdulEnddeMM(date.getMinutes());
                                             }