feat: 관리자 단에서 '위원회 관리' > '위원회 일정 관리'에 '등록' 버튼을 누른 후 '위원회 일정 등록' 페이지에서 항목 입력 후 '저장'을 버튼 누를 때 저장되도록 구현
parent
7376a86de3
commit
788c6787d3
|
|
@ -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') === "") {
|
||||
alert("일정명은 필수 값입니다.");
|
||||
if (formData.get('upCommittee') === null || formData.get('upCommittee') === "") {
|
||||
alert("심의위원회 첫 번째 값을 선택해 주세요.");
|
||||
return false;
|
||||
}
|
||||
if (formData.get('schdulCn') === null || formData.get('schdulCn') === "") {
|
||||
alert("일정내용은 필수 값입니다.");
|
||||
if (formData.get('committee') === null || formData.get('committee') === "") {
|
||||
alert("심의위원회 두 번째 값을 선택해 주세요.");
|
||||
return false;
|
||||
}
|
||||
if (formData.get('schdulIpcrCode') === null || formData.get('schdulIpcrCode') === "") {
|
||||
alert("중요도는 필수 값입니다.");
|
||||
if (formData.get('title') === null || formData.get('title') === "") {
|
||||
alert("제목을 입력해 주세요.");
|
||||
return false;
|
||||
}
|
||||
if (formData.get('reptitSeCode') === null ||formData.get('reptitSeCode') === "") {
|
||||
alert("반복구분은 필수 값입니다.");
|
||||
if (formData.get('location') === null ||formData.get('location') === "") {
|
||||
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());
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue