Compare commits
No commits in common. "e358d5acaa5050e13e7875eabca701a500f18701" and "fba3342c696df6e6e6827f903f487badff1f3a2c" have entirely different histories.
e358d5acaa
...
fba3342c69
|
|
@ -109,9 +109,6 @@ const URL = {
|
||||||
|
|
||||||
// 관리자 - 위원회 관리
|
// 관리자 - 위원회 관리
|
||||||
ADMIN__COMMITTEE__PROGRESS_STATUS : "/admin/committee/progress-status", // 위원회 관리/진행현황 관리
|
ADMIN__COMMITTEE__PROGRESS_STATUS : "/admin/committee/progress-status", // 위원회 관리/진행현황 관리
|
||||||
ADMIN__COMMITTEE__PROGRESS_STATUS__DETAIL : "/admin/committee/progress-status/detail", // 위원회 관리/진행현황 관리/진행현황 관리 상세
|
|
||||||
ADMIN__COMMITTEE__PROGRESS_STATUS__CREATE : "/admin/committee/progress-status/create", // 위원회 관리/진행현황 관리/진행현황 관리 생성
|
|
||||||
ADMIN__COMMITTEE__PROGRESS_STATUS__MODIFY : "/admin/committee/progress-status/modify", // 위원회 관리/진행현황 관리/진행현황 관리 수정
|
|
||||||
ADMIN__COMMITTEE__SCHEDULES : "/admin/committee/schedules", // 위원회 관리/위원회 일정 관리
|
ADMIN__COMMITTEE__SCHEDULES : "/admin/committee/schedules", // 위원회 관리/위원회 일정 관리
|
||||||
ADMIN__COMMITTEE__SCHEDULES__DETAIL : "/admin/committee/schedules/detail", // 위원회 관리/위원회 일정 관리/일정관리상세
|
ADMIN__COMMITTEE__SCHEDULES__DETAIL : "/admin/committee/schedules/detail", // 위원회 관리/위원회 일정 관리/일정관리상세
|
||||||
ADMIN__COMMITTEE__SCHEDULES__CREATE : "/admin/committee/schedules/create", // 위원회 관리/위원회 일정 관리/일정관리생성
|
ADMIN__COMMITTEE__SCHEDULES__CREATE : "/admin/committee/schedules/create", // 위원회 관리/위원회 일정 관리/일정관리생성
|
||||||
|
|
|
||||||
|
|
@ -1,187 +0,0 @@
|
||||||
import React, {useState, useEffect, useRef} from 'react';
|
|
||||||
import {Link, useNavigate, useLocation, useParams} from 'react-router-dom';
|
|
||||||
import Modal from "react-bootstrap/Modal";
|
|
||||||
|
|
||||||
import * as EgovNet from 'api/egovFetch';
|
|
||||||
import URL from 'constants/url';
|
|
||||||
import CODE from 'constants/code';
|
|
||||||
|
|
||||||
import {default as EgovLeftNav} from 'components/leftmenu/EgovLeftNavAdmin';
|
|
||||||
import EgovRadioButtonGroup from 'components/EgovRadioButtonGroup';
|
|
||||||
import {Form} from "react-bootstrap";
|
|
||||||
|
|
||||||
|
|
||||||
function AdminPostMgtEdit({props, reloadFunction}) {
|
|
||||||
console.group("AdminPostMgtEdit");
|
|
||||||
console.log("[Start] AdminPostMgtEdit ------------------------------");
|
|
||||||
console.log("AdminPostMgtEdit [props] : ", props);
|
|
||||||
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const location = useLocation();
|
|
||||||
const checkRef = useRef([]);
|
|
||||||
|
|
||||||
console.log("AdminPostMgtEdit [location] : ", location);
|
|
||||||
|
|
||||||
let item = null;
|
|
||||||
item = props;
|
|
||||||
console.log("@@@ item : " + JSON.stringify(item));
|
|
||||||
|
|
||||||
const [modeInfo, setModeInfo] = useState(item != null ? {mode: props.mode} : {mode: CODE.MODE_CREATE});
|
|
||||||
const [boardDetail, setBoardDetail] = useState({});
|
|
||||||
console.log("@@@ mode : " + modeInfo.mode);
|
|
||||||
|
|
||||||
useEffect(() => {
|
|
||||||
initMode();
|
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
const initMode = () => {
|
|
||||||
if (modeInfo.mode === CODE.MODE_MODIFY) {
|
|
||||||
setBoardDetail(item);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function editPartnerSite(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
e.stopPropagation();
|
|
||||||
const form = e.target;
|
|
||||||
const info = {
|
|
||||||
siteTitle: form.siteTitle.value,
|
|
||||||
siteUrl: form.siteUrl.value,
|
|
||||||
fileGrpId: form.fileGrpId.value,
|
|
||||||
siteOrder: form.siteOrder.value,
|
|
||||||
useYn: form.useYn.value
|
|
||||||
}
|
|
||||||
if (modeInfo.mode === CODE.MODE_MODIFY) {
|
|
||||||
info.siteSeq = props.siteSeq;
|
|
||||||
}
|
|
||||||
EgovNet.requestFetch(
|
|
||||||
'/admin/config/partner-site-mgt',
|
|
||||||
{
|
|
||||||
method: "PUT",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json'
|
|
||||||
},
|
|
||||||
body: JSON.stringify(info)
|
|
||||||
},
|
|
||||||
(resp) => {
|
|
||||||
if (Number(resp.resultCode) === Number(CODE.RCV_SUCCESS)) {
|
|
||||||
alert("저장되었습니다.");
|
|
||||||
reloadFunction();
|
|
||||||
} else if (Number(resp.resultCode) === Number(CODE.RCV_ERROR_AUTH)) {
|
|
||||||
console.log("토큰 갱신중.")
|
|
||||||
} else {
|
|
||||||
alert(resp.result.resultMessage)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
function deletePartnerSite(partnerSite){
|
|
||||||
if(window.confirm("삭제하시겠습니까?")) {
|
|
||||||
EgovNet.requestFetch(
|
|
||||||
'/admin/config/partner-site-mgt',
|
|
||||||
{
|
|
||||||
method: "DELETE",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json'
|
|
||||||
},
|
|
||||||
body: JSON.stringify(partnerSite)
|
|
||||||
},
|
|
||||||
(resp) => {
|
|
||||||
if (Number(resp.resultCode) === Number(CODE.RCV_SUCCESS)) {
|
|
||||||
alert("삭제되었습니다.")
|
|
||||||
reloadFunction();
|
|
||||||
} else if (Number(resp.resultCode) === Number(CODE.RCV_ERROR_AUTH)) {
|
|
||||||
console.log("토큰 갱신중.")
|
|
||||||
} else {
|
|
||||||
alert(resp.result.resultMessage)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log("------------------------------AdminPostMgtEdit [End]");
|
|
||||||
console.groupEnd("AdminPostMgtEdit");
|
|
||||||
|
|
||||||
const [defaultFixedYn, setDefaultFixedYn] = useState(props?.fixedYn || "N");
|
|
||||||
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
{/* <!-- 본문 --> */}
|
|
||||||
<Modal.Header closeButton>
|
|
||||||
<Modal.Title>
|
|
||||||
{modeInfo.mode === CODE.MODE_CREATE && '글 작성'}
|
|
||||||
{modeInfo.mode === CODE.MODE_MODIFY && '글 수정'}
|
|
||||||
</Modal.Title>
|
|
||||||
</Modal.Header>
|
|
||||||
|
|
||||||
<Modal.Body>
|
|
||||||
<div className="board_view2">
|
|
||||||
<Form onSubmit={(e) => {editPartnerSite(e)}} noValidate>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="siteTitle">상단고정</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Check
|
|
||||||
type="checkbox"
|
|
||||||
id="siteTitleCheckbox"
|
|
||||||
label="상단고정"
|
|
||||||
checked={defaultFixedYn === 'Y'}
|
|
||||||
onChange={(e) => setDefaultFixedYn(e.target.checked ? 'Y' : 'N')}
|
|
||||||
/>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="siteTitle">비밀글</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Control className="f_input2 w_full" type="text" name="siteTitle" placeholder="비밀글" required
|
|
||||||
defaultValue={props?.siteTitle} readOnly={props!==undefined}/>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="siteTitle">제목</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Control className="f_input2 w_full" type="text" name="siteTitle" placeholder="제목" required
|
|
||||||
defaultValue={props?.siteTitle} readOnly={props!==undefined}/>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="siteUrl">파일</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Control className="f_input2 w_full" type="text" name="siteUrl" placeholder="파일" required
|
|
||||||
defaultValue={props?.siteUrl}/>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="fileGrpId">내용</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Control className="f_txtar w_full" type="text" name="fileGrpId" placeholder="내용" required
|
|
||||||
defaultValue={props?.fileGrpId}/>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
{/* <!-- 버튼영역 --> */}
|
|
||||||
<div className="board_btn_area">
|
|
||||||
<div className="left_col btn1">
|
|
||||||
<button type="submit" className="btn btn_skyblue_h46 w_100">저장
|
|
||||||
</button>
|
|
||||||
{modeInfo.mode === CODE.MODE_MODIFY &&
|
|
||||||
<button type={"button"} className="btn btn_skyblue_h46 w_100" onClick={()=>{deletePartnerSite(props)}}>삭제</button>
|
|
||||||
}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="right_col btn1">
|
|
||||||
<button type={"button"} className="btn btn_blue_h46 w_100" onClick={()=>{reloadFunction()}}>목록</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* <!--// 버튼영역 --> */}
|
|
||||||
</Form>
|
|
||||||
</div>
|
|
||||||
</Modal.Body>
|
|
||||||
</>
|
|
||||||
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default AdminPostMgtEdit;
|
|
||||||
|
|
@ -8,18 +8,14 @@ import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
|
||||||
import EgovPaging from 'components/EgovPaging';
|
import EgovPaging from 'components/EgovPaging';
|
||||||
|
|
||||||
import { itemIdxByPage } from 'utils/calc';
|
import { itemIdxByPage } from 'utils/calc';
|
||||||
import CODE from "../../../constants/code";
|
|
||||||
import AboutSiteModal from "../config/aboutSiteMgt/AboutSiteModal";
|
|
||||||
import AdminPostMgtEdit from "./AdminPostMgtEdit";
|
|
||||||
import Modal from "react-bootstrap/Modal";
|
|
||||||
|
|
||||||
function AdminPostMgtList(props) {
|
function AdminPostMgtList(props) {
|
||||||
console.group("EgovAdminPostList");
|
console.group("EgovAdminBoardList");
|
||||||
console.log("[Start] EgovAdminPostList ------------------------------");
|
console.log("[Start] EgovAdminBoardList ------------------------------");
|
||||||
console.log("EgovAdminPostList [props] : ", props);
|
console.log("EgovAdminBoardList [props] : ", props);
|
||||||
|
|
||||||
const location = useLocation();
|
const location = useLocation();
|
||||||
console.log("EgovAdminPostList [location] : ", location);
|
console.log("EgovAdminBoardList [location] : ", location);
|
||||||
|
|
||||||
// eslint-disable-next-line no-unused-vars
|
// eslint-disable-next-line no-unused-vars
|
||||||
const [searchCondition, setSearchCondition] = useState(location.state?.searchCondition || { pageIndex: 1, searchCnd: '0', searchWrd: '' });// 기존 조회에서 접근 했을 시 || 신규로 접근 했을 시
|
const [searchCondition, setSearchCondition] = useState(location.state?.searchCondition || { pageIndex: 1, searchCnd: '0', searchWrd: '' });// 기존 조회에서 접근 했을 시 || 신규로 접근 했을 시
|
||||||
|
|
@ -30,23 +26,18 @@ function AdminPostMgtList(props) {
|
||||||
|
|
||||||
const [listTag, setListTag] = useState([]);
|
const [listTag, setListTag] = useState([]);
|
||||||
|
|
||||||
const [show, setShow] = useState(false);
|
const retrieveList = useCallback((srchCnd) => {
|
||||||
const [modalBody, setModalBody] = useState();
|
console.groupCollapsed("EgovAdminBoardList.retrieveList()");
|
||||||
const handleClose = () => setShow(false);
|
|
||||||
const handleShow = () => setShow(true);
|
|
||||||
|
|
||||||
const retrieveList = useCallback(() => {
|
const retrieveListURL = '/cop/bbs/selectBBSMasterInfsAPI.do';
|
||||||
console.groupCollapsed("EgovAdminPostList.retrieveList()");
|
|
||||||
|
|
||||||
const retrieveListURL = '/admin/boards/post-list';
|
|
||||||
|
|
||||||
const requestOptions = {
|
const requestOptions = {
|
||||||
method: "GET",
|
method: "POST",
|
||||||
headers: {
|
headers: {
|
||||||
'Content-type': 'application/json',
|
'Content-type': 'application/json',
|
||||||
|
|
||||||
},
|
},
|
||||||
body: JSON.stringify()
|
body: JSON.stringify(srchCnd)
|
||||||
}
|
}
|
||||||
|
|
||||||
EgovNet.requestFetch(retrieveListURL,
|
EgovNet.requestFetch(retrieveListURL,
|
||||||
|
|
@ -57,19 +48,31 @@ function AdminPostMgtList(props) {
|
||||||
let mutListTag = [];
|
let mutListTag = [];
|
||||||
listTag.push(<p className="no_data" key="0">검색된 결과가 없습니다.</p>); // 게시판 목록 초기값
|
listTag.push(<p className="no_data" key="0">검색된 결과가 없습니다.</p>); // 게시판 목록 초기값
|
||||||
|
|
||||||
|
const resultCnt = parseInt(resp.result.resultCnt);
|
||||||
|
const currentPageNo = resp.result.paginationInfo.currentPageNo;
|
||||||
|
const pageSize = resp.result.paginationInfo.pageSize;
|
||||||
|
|
||||||
// 리스트 항목 구성
|
// 리스트 항목 구성
|
||||||
resp.result.postList.forEach(function (item, index) {
|
resp.result.resultList.forEach(function (item, index) {
|
||||||
if (index === 0) mutListTag = []; // 목록 초기화
|
if (index === 0) mutListTag = []; // 목록 초기화
|
||||||
|
const listIdx = itemIdxByPage(resultCnt , currentPageNo, pageSize, index);
|
||||||
|
|
||||||
mutListTag.push(
|
mutListTag.push(
|
||||||
<div className="list_item">
|
<Link
|
||||||
<div>{item.bbsContSeq}</div>
|
to={{pathname: URL.ADMIN_BOARD_MODIFY}}
|
||||||
<div>{item.bbsSeq}</div>
|
state={{
|
||||||
<div>{item.bbsContTitle}</div>
|
bbsId: item.bbsId,
|
||||||
<div>{item.bbsContents}</div>
|
searchCondition: searchCondition
|
||||||
<div>{item.bbsReadCnt}</div>
|
}}
|
||||||
<div>{item.bbsContLevel}</div>
|
key={listIdx}
|
||||||
</div>
|
className="list_item">
|
||||||
|
<div>{listIdx}</div>
|
||||||
|
<div>{item.bbsNm}</div>
|
||||||
|
<div>{item.bbsTyCodeNm}</div>
|
||||||
|
<div>{item.bbsAttrbCodeNm}</div>
|
||||||
|
<div>{item.frstRegisterPnttm}</div>
|
||||||
|
<div>{item.useAt === "Y" ? "사용" : "사용안함"}</div>
|
||||||
|
</Link>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
@ -79,7 +82,7 @@ function AdminPostMgtList(props) {
|
||||||
console.log("err response : ", resp);
|
console.log("err response : ", resp);
|
||||||
}
|
}
|
||||||
);
|
);
|
||||||
console.groupEnd("EgovAdminPostList.retrieveList()");
|
console.groupEnd("EgovAdminBoardList.retrieveList()");
|
||||||
},[listTag, searchCondition]);
|
},[listTag, searchCondition]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
|
@ -87,16 +90,8 @@ function AdminPostMgtList(props) {
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
function editPost(item){
|
console.log("------------------------------EgovAdminBoardList [End]");
|
||||||
handleShow();
|
console.groupEnd("EgovAdminBoardList");
|
||||||
if(item != undefined) {
|
|
||||||
item.mode = CODE.MODE_MODIFY;
|
|
||||||
}
|
|
||||||
setModalBody(<AdminPostMgtEdit props={item} reloadFunction={retrieveList}/>)
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log("------------------------------EgovAdminPostList [End]");
|
|
||||||
console.groupEnd("EgovAdminPostList");
|
|
||||||
return (
|
return (
|
||||||
<div className="container">
|
<div className="container">
|
||||||
<div className="c_wrap">
|
<div className="c_wrap">
|
||||||
|
|
@ -104,8 +99,7 @@ function AdminPostMgtList(props) {
|
||||||
<div className="location">
|
<div className="location">
|
||||||
<ul>
|
<ul>
|
||||||
<li><Link to={URL.MAIN} className="home">Home</Link></li>
|
<li><Link to={URL.MAIN} className="home">Home</Link></li>
|
||||||
<li>사이트관리</li>
|
<li><Link to={URL.ADMIN}>사이트관리</Link></li>
|
||||||
<li>게시판현황</li>
|
|
||||||
<li>게시물 관리</li>
|
<li>게시물 관리</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -120,9 +114,11 @@ function AdminPostMgtList(props) {
|
||||||
{/* <!-- 본문 --> */}
|
{/* <!-- 본문 --> */}
|
||||||
|
|
||||||
<div className="top_tit">
|
<div className="top_tit">
|
||||||
<h1 className="tit_1">게시물 관리</h1>
|
<h1 className="tit_1">사이트관리</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<h2 className="tit_2">게시물 관리</h2>
|
||||||
|
|
||||||
{/* <!-- 검색조건 --> */}
|
{/* <!-- 검색조건 --> */}
|
||||||
<div className="condition">
|
<div className="condition">
|
||||||
<ul>
|
<ul>
|
||||||
|
|
@ -163,13 +159,12 @@ function AdminPostMgtList(props) {
|
||||||
{/* <!-- 게시판목록 --> */}
|
{/* <!-- 게시판목록 --> */}
|
||||||
<div className="board_list BRD006">
|
<div className="board_list BRD006">
|
||||||
<div className="head">
|
<div className="head">
|
||||||
<span></span>
|
<span>번호</span>
|
||||||
<span>제목</span>
|
<span>게시판명</span>
|
||||||
<span>작성자</span>
|
<span>게시판유형</span>
|
||||||
<span>작성일</span>
|
<span>게시판속성</span>
|
||||||
<span>조회수</span>
|
<span>생성일</span>
|
||||||
<span>파일</span>
|
<span>사용여부</span>
|
||||||
<span><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editPost(undefined)}}>추가</button></span>
|
|
||||||
</div>
|
</div>
|
||||||
<div className="result">
|
<div className="result">
|
||||||
{listTag}
|
{listTag}
|
||||||
|
|
@ -189,9 +184,6 @@ function AdminPostMgtList(props) {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Modal show={show} onHide={handleClose} keyboard={false}>
|
|
||||||
{modalBody}
|
|
||||||
</Modal>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import React, {useState, useEffect, useRef, useCallback} from 'react';
|
import React, {useState, useEffect, useRef} from 'react';
|
||||||
import {Link, useNavigate, useLocation, useParams} from 'react-router-dom';
|
import {Link, useNavigate, useLocation, useParams} from 'react-router-dom';
|
||||||
import Modal from "react-bootstrap/Modal";
|
import Modal from "react-bootstrap/Modal";
|
||||||
|
|
||||||
|
|
@ -30,35 +30,7 @@ function EgovAdminBoardEdit({props, reloadFunction}) {
|
||||||
const [boardDetail, setBoardDetail] = useState({});
|
const [boardDetail, setBoardDetail] = useState({});
|
||||||
console.log("@@@ mode : " + modeInfo.mode);
|
console.log("@@@ mode : " + modeInfo.mode);
|
||||||
|
|
||||||
const [bbsTypeList, setBbsTypeList] = useState([]);
|
|
||||||
const [roleList, setRoleList] = useState([]);
|
|
||||||
|
|
||||||
const retrieveList = useCallback(() => {
|
|
||||||
const retrieveListURL = '/admin/boards/get-option-list';
|
|
||||||
|
|
||||||
const requestOptions = {
|
|
||||||
method: "GET",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json',
|
|
||||||
},
|
|
||||||
body: JSON.stringify()
|
|
||||||
}
|
|
||||||
|
|
||||||
EgovNet.requestFetch(retrieveListURL,
|
|
||||||
requestOptions,
|
|
||||||
(resp) => {
|
|
||||||
setBbsTypeList(resp.result.bbsTypeList);
|
|
||||||
setRoleList(resp.result.roleList);
|
|
||||||
console.log("@@@ bbsTypeList : " + JSON.stringify(resp.result.bbsTypeList));
|
|
||||||
},
|
|
||||||
function (resp) {
|
|
||||||
console.log("err response : ", resp);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
},[]);
|
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
retrieveList();
|
|
||||||
initMode();
|
initMode();
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
}, []);
|
}, []);
|
||||||
|
|
@ -76,13 +48,7 @@ function EgovAdminBoardEdit({props, reloadFunction}) {
|
||||||
const info = {
|
const info = {
|
||||||
bbsId: form.bbsId.value,
|
bbsId: form.bbsId.value,
|
||||||
bbsTitle: form.bbsTitle.value,
|
bbsTitle: form.bbsTitle.value,
|
||||||
bbsDesc: form.bbsDesc.value,
|
bbsDesc: form.bbsDesc.value
|
||||||
bbsType: form.bbsType.value,
|
|
||||||
bbsAnsYn: bbsAnsYn,
|
|
||||||
bbsReplYn: bbsReplYn,
|
|
||||||
useYn: useYn,
|
|
||||||
readRole: form.readRole.value,
|
|
||||||
writeRole: form.writeRole.value
|
|
||||||
}
|
}
|
||||||
if (modeInfo.mode === CODE.MODE_MODIFY) {
|
if (modeInfo.mode === CODE.MODE_MODIFY) {
|
||||||
info.bbsSeq = props.bbsSeq;
|
info.bbsSeq = props.bbsSeq;
|
||||||
|
|
@ -137,10 +103,6 @@ function EgovAdminBoardEdit({props, reloadFunction}) {
|
||||||
console.log("------------------------------EgovAdminBoardEdit [End]");
|
console.log("------------------------------EgovAdminBoardEdit [End]");
|
||||||
console.groupEnd("EgovAdminBoardEdit");
|
console.groupEnd("EgovAdminBoardEdit");
|
||||||
|
|
||||||
const [bbsAnsYn, setBbsAnsYn] = useState(props?.bbsAnsYn || "N");
|
|
||||||
const [bbsReplYn, setBbsReplYn] = useState(props?.bbsReplYn || "N");
|
|
||||||
const [useYn, setUseYn] = useState(props?.useYn || "N");
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{/* <!-- 본문 --> */}
|
{/* <!-- 본문 --> */}
|
||||||
|
|
@ -175,75 +137,6 @@ function EgovAdminBoardEdit({props, reloadFunction}) {
|
||||||
defaultValue={props?.bbsDesc}/>
|
defaultValue={props?.bbsDesc}/>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="bbsTitle">게시판 타입</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Select id="select1" name="bbsType">
|
|
||||||
<option value="">선택</option>
|
|
||||||
{bbsTypeList.map((item) => (
|
|
||||||
<option key={item.itemCd} value={item.itemCd} selected={props?.bbsType === item.itemCd}>{item.itemNm}</option>
|
|
||||||
))}
|
|
||||||
</Form.Select>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="bbsTitle">답글 여부</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Check
|
|
||||||
type="checkbox"
|
|
||||||
id="siteTitleCheckbox"
|
|
||||||
label="사용"
|
|
||||||
checked={bbsAnsYn === 'Y'}
|
|
||||||
onChange={(e) => setBbsAnsYn(e.target.checked ? 'Y' : 'N')}
|
|
||||||
/>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="bbsTitle">댓글 여부</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Check
|
|
||||||
type="checkbox"
|
|
||||||
id="siteTitleCheckbox"
|
|
||||||
label="사용"
|
|
||||||
checked={bbsReplYn === 'Y'}
|
|
||||||
onChange={(e) => setBbsReplYn(e.target.checked ? 'Y' : 'N')}
|
|
||||||
/>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="bbsTitle">사용 여부</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Check
|
|
||||||
type="checkbox"
|
|
||||||
id="siteTitleCheckbox"
|
|
||||||
label="사용"
|
|
||||||
checked={useYn === 'Y'}
|
|
||||||
onChange={(e) => setUseYn(e.target.checked ? 'Y' : 'N')}
|
|
||||||
/>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="bbsTitle">읽기 권한</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Select id="select1" name="readRole">
|
|
||||||
<option value="">선택</option>
|
|
||||||
{roleList.map((item) => (
|
|
||||||
<option key={item.itemCd} value={item.grpOrder} selected={props?.readRole === item.grpOrder}>{item.itemNm}</option>
|
|
||||||
))}
|
|
||||||
</Form.Select>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="bbsTitle">쓰기 권한</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<Form.Select id="select1" name="writeRole">
|
|
||||||
<option value="">선택</option>
|
|
||||||
{roleList.map((item) => (
|
|
||||||
<option key={item.itemCd} value={item.grpOrder} selected={props?.writeRole === item.grpOrder}>{item.itemNm}</option>
|
|
||||||
))}
|
|
||||||
</Form.Select>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
{/* <!-- 버튼영역 --> */}
|
{/* <!-- 버튼영역 --> */}
|
||||||
<div className="board_btn_area">
|
<div className="board_btn_area">
|
||||||
|
|
|
||||||
|
|
@ -53,17 +53,15 @@ function EgovAdminBoardList(props) {
|
||||||
// 리스트 항목 구성
|
// 리스트 항목 구성
|
||||||
resp.result.boardList.forEach(function (item, index) {
|
resp.result.boardList.forEach(function (item, index) {
|
||||||
if (index === 0) mutListTag = []; // 목록 초기화
|
if (index === 0) mutListTag = []; // 목록 초기화
|
||||||
const finalModifiedDate = item.lastChgDt ? item.lastChgDt : item.frstCrtDt;
|
|
||||||
const formattedDate = finalModifiedDate ? format(finalModifiedDate, "yyyy-MM-dd HH:mm") : "";
|
|
||||||
|
|
||||||
mutListTag.push(
|
mutListTag.push(
|
||||||
<div className="list_item">
|
<div className="list_item">
|
||||||
<div></div>
|
<div>{item.bbsSeq}</div>
|
||||||
<div>{item.bbsId}</div>
|
<div>{item.bbsId}</div>
|
||||||
<div>{item.bbsTitle}</div>
|
<div>{item.bbsTitle}</div>
|
||||||
<div>{item.frstCrtId}</div>
|
<div>{item.frstCrtId}</div>
|
||||||
<div>{formattedDate}</div>
|
<div>{item.frstCrtDt ? format(item.frstCrtDt, "yyyy-MM-dd HH:mm") : ""}</div>
|
||||||
<div>{item.useYn}</div>
|
<div>{item.lastChgDt ? format(item.lastChgDt, "yyyy-MM-dd HH:mm") : ""}</div>
|
||||||
<div><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editBoard(item)}}>수정</button></div>
|
<div><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editBoard(item)}}>수정</button></div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
@ -81,6 +79,7 @@ function EgovAdminBoardList(props) {
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
retrieveList(searchCondition);
|
retrieveList(searchCondition);
|
||||||
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
function editBoard(item){
|
function editBoard(item){
|
||||||
|
|
@ -100,8 +99,7 @@ function EgovAdminBoardList(props) {
|
||||||
<div className="location">
|
<div className="location">
|
||||||
<ul>
|
<ul>
|
||||||
<li><Link to={URL.MAIN} className="home">Home</Link></li>
|
<li><Link to={URL.MAIN} className="home">Home</Link></li>
|
||||||
<li>사이트관리</li>
|
<li><Link to={URL.ADMIN}>사이트관리</Link></li>
|
||||||
<li>게시판현황</li>
|
|
||||||
<li>게시판 관리</li>
|
<li>게시판 관리</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -116,18 +114,57 @@ function EgovAdminBoardList(props) {
|
||||||
{/* <!-- 본문 --> */}
|
{/* <!-- 본문 --> */}
|
||||||
|
|
||||||
<div className="top_tit">
|
<div className="top_tit">
|
||||||
<h1 className="tit_1">게시판 관리</h1>
|
<h1 className="tit_1">사이트관리</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<h2 className="tit_2">게시판 관리</h2>
|
||||||
|
|
||||||
|
{/* <!-- 검색조건 --> */}
|
||||||
|
{/*<div className="condition">
|
||||||
|
<ul>
|
||||||
|
<li className="third_1 L">
|
||||||
|
<span className="lb">검색유형선택</span>
|
||||||
|
<label className="f_select" htmlFor="searchCnd">
|
||||||
|
<select id="searchCnd" name="searchCnd" title="검색유형선택" ref={cndRef}
|
||||||
|
onChange={e => {
|
||||||
|
cndRef.current.value = e.target.value;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<option value="0">게시판명</option>
|
||||||
|
<option value="1">게시판유형</option>
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
</li>
|
||||||
|
<li className="third_2 R">
|
||||||
|
<span className="lb">검색어</span>
|
||||||
|
<span className="f_search w_400">
|
||||||
|
<input type="text" name="" defaultValue={searchCondition && searchCondition.searchWrd} placeholder="" ref={wrdRef}
|
||||||
|
onChange={e => {
|
||||||
|
wrdRef.current.value = e.target.value;
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<button type="button"
|
||||||
|
onClick={() => {
|
||||||
|
retrieveList({ ...searchCondition, pageIndex: 1, searchCnd: cndRef.current.value, searchWrd: wrdRef.current.value });
|
||||||
|
}}>조회</button>
|
||||||
|
</span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link to={URL.ADMIN_BOARD_CREATE} className="btn btn_blue_h46 pd35">등록</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>*/}
|
||||||
|
{/* <!--// 검색조건 --> */}
|
||||||
|
|
||||||
{/* <!-- 게시판목록 --> */}
|
{/* <!-- 게시판목록 --> */}
|
||||||
<div className="board_list BRD006">
|
<div className="board_list BRD006">
|
||||||
<div className="head">
|
<div className="head">
|
||||||
<span></span>
|
<span>번호</span>
|
||||||
<span>아이디</span>
|
<span>아이디</span>
|
||||||
<span>제목</span>
|
<span>제목</span>
|
||||||
<span>작성자</span>
|
<span>작성자</span>
|
||||||
<span>최종수정일</span>
|
<span>작성일</span>
|
||||||
<span>사용여부</span>
|
<span>수정일</span>
|
||||||
<span><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editBoard(undefined)}}>추가</button></span>
|
<span><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editBoard(undefined)}}>추가</button></span>
|
||||||
</div>
|
</div>
|
||||||
<div className="result">
|
<div className="result">
|
||||||
|
|
@ -137,6 +174,11 @@ function EgovAdminBoardList(props) {
|
||||||
{/* <!--// 게시판목록 --> */}
|
{/* <!--// 게시판목록 --> */}
|
||||||
|
|
||||||
<div className="board_bot">
|
<div className="board_bot">
|
||||||
|
{/* <!-- Paging --> */}
|
||||||
|
{/*<EgovPaging pagination={paginationInfo} moveToPage={passedPage => {
|
||||||
|
retrieveList({ ...searchCondition, pageIndex: passedPage, searchCnd: cndRef.current.value, searchWrd: wrdRef.current.value })
|
||||||
|
}} />*/}
|
||||||
|
{/* <!--/ Paging --> */}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* <!--// 본문 --> */}
|
{/* <!--// 본문 --> */}
|
||||||
|
|
|
||||||
|
|
@ -190,7 +190,7 @@ function ProgressStatus(props) {
|
||||||
<div className='list_item' key={it.seq}>
|
<div className='list_item' key={it.seq}>
|
||||||
<div>{it.number}</div>
|
<div>{it.number}</div>
|
||||||
<div>{it.drftTypeNm}</div>
|
<div>{it.drftTypeNm}</div>
|
||||||
<div>{it.categoryNm}<br /><Link to={URL.ADMIN__COMMITTEE__PROGRESS_STATUS__DETAIL} state={{drftSeq: it.seq}} className="home">{it.title}</Link></div>
|
<div>{it.categoryNm}<br /><Link to={URL.MAIN} className="home">{it.title}</Link></div>
|
||||||
<div>{it.orgNm}</div>
|
<div>{it.orgNm}</div>
|
||||||
<div>진행단계표시</div>
|
<div>진행단계표시</div>
|
||||||
<div>{it.regDate}</div>
|
<div>{it.regDate}</div>
|
||||||
|
|
|
||||||
|
|
@ -1,173 +0,0 @@
|
||||||
import React, { useState, useEffect } from 'react';
|
|
||||||
import { Link, useLocation, useNavigate } from 'react-router-dom';
|
|
||||||
|
|
||||||
import * as EgovNet from 'api/egovFetch';
|
|
||||||
import URL from 'constants/url';
|
|
||||||
import CODE from 'constants/code';
|
|
||||||
|
|
||||||
import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
|
|
||||||
|
|
||||||
function SchedulesDetail(props) {
|
|
||||||
console.group("EgovAdmindetailItem");
|
|
||||||
console.log("EgovAdmindetailItem [props] : ", props);
|
|
||||||
|
|
||||||
const navigate = useNavigate();
|
|
||||||
const location = useLocation();
|
|
||||||
|
|
||||||
const [detailItem, setDetailItem] = useState({});
|
|
||||||
|
|
||||||
const retrieveDetail = () => {
|
|
||||||
|
|
||||||
const retrieveDetailURL = `/admin/committee/progress-status/${location.state?.drftSeq}`;
|
|
||||||
const requestOptions = {
|
|
||||||
method: "GET",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
EgovNet.requestFetch(retrieveDetailURL,
|
|
||||||
requestOptions,
|
|
||||||
function (resp) {
|
|
||||||
setDetailItem(resp.result.item);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
const onClickDeleteSchedule = (drftSeq) => {
|
|
||||||
const deleteBoardURL = `/admin/committee/progress-status/${drftSeq}`;
|
|
||||||
|
|
||||||
const requestOptions = {
|
|
||||||
method: "DELETE",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
EgovNet.requestFetch(deleteBoardURL,
|
|
||||||
requestOptions,
|
|
||||||
(resp) => {
|
|
||||||
console.log("====>>> Schdule delete= ", resp);
|
|
||||||
if (Number(resp.resultCode) === Number(CODE.RCV_SUCCESS)) {
|
|
||||||
alert("게시글이 삭제되었습니다.")
|
|
||||||
navigate(URL.ADMIN__COMMITTEE__SCHEDULES ,{ replace: true });
|
|
||||||
} else {
|
|
||||||
// alert("ERR : " + resp.message);
|
|
||||||
navigate({pathname: URL.ERROR}, {state: {msg : resp.resultMessage}});
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
useEffect(function () {
|
|
||||||
retrieveDetail();
|
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
console.groupEnd("EgovAdmindetailItem");
|
|
||||||
return (
|
|
||||||
<div className="container">
|
|
||||||
<div className="c_wrap">
|
|
||||||
{/* <!-- Location --> */}
|
|
||||||
<div className="location">
|
|
||||||
<ul>
|
|
||||||
<li><Link to={URL.MAIN} className="home">Home</Link></li>
|
|
||||||
<li><Link to={URL.ADMIN}>사이트관리</Link></li>
|
|
||||||
<li>위원회관리</li>
|
|
||||||
<li>진행현황 관리</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{/* <!--// Location --> */}
|
|
||||||
|
|
||||||
<div className="layout">
|
|
||||||
{/* <!-- Navigation --> */}
|
|
||||||
<EgovLeftNav></EgovLeftNav>
|
|
||||||
{/* <!--// Navigation --> */}
|
|
||||||
|
|
||||||
<div className="contents SITE_GALLARY_VIEW" id="contents">
|
|
||||||
{/* <!-- 본문 --> */}
|
|
||||||
|
|
||||||
<div className="top_tit">
|
|
||||||
<h1 className="tit_1">진행현황 관리</h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* <!-- 게시판 상세보기 --> */}
|
|
||||||
<div className="board_view2">
|
|
||||||
<dl>
|
|
||||||
<dt>안건</dt>
|
|
||||||
<dd>{detailItem.title}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>기준코드</dt>
|
|
||||||
<dd>{detailItem.standardCode}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>구분</dt>
|
|
||||||
<dd>{detailItem.drftTypeNm}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>회의일자</dt>
|
|
||||||
<dd>{detailItem.regDate}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>위원회</dt>
|
|
||||||
<dd> {detailItem.orgNm}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>회의담당자</dt>
|
|
||||||
<dd>{detailItem.drftConfeCharger}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>회의실 비밀번호</dt>
|
|
||||||
<dd>{detailItem.drftConfePw}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>사전검토자료</dt>
|
|
||||||
<dd>{detailItem.seq}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>사전검토양식</dt>
|
|
||||||
<dd>{detailItem.seq}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>관계기관의견</dt>
|
|
||||||
<dd>{detailItem.seq}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>조치계획서</dt>
|
|
||||||
<dd>{detailItem.seq}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>조치결과서</dt>
|
|
||||||
<dd>{detailItem.seq}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>회의 안건</dt>
|
|
||||||
<dd>{detailItem.drftSummery}</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>회의 내용</dt>
|
|
||||||
<dd>{detailItem.seq}</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
{/* <!-- 버튼영역 --> */}
|
|
||||||
<div className="board_btn_area">
|
|
||||||
<div className="right_col btn1">
|
|
||||||
<Link to={URL.ADMIN__COMMITTEE__PROGRESS_STATUS} className="btn btn_blue_h46 w_100">목록</Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* <!--// 버튼영역 --> */}
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
{/* <!-- 게시판 상세보기 --> */}
|
|
||||||
|
|
||||||
{/* <!--// 본문 --> */}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default SchedulesDetail;
|
|
||||||
|
|
@ -1,483 +0,0 @@
|
||||||
import React, { useState, useEffect } from 'react';
|
|
||||||
import { Link, useLocation, useNavigate } from 'react-router-dom';
|
|
||||||
import DatePicker from "react-datepicker";
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
import * as EgovNet from 'api/egovFetch';
|
|
||||||
import URL from 'constants/url';
|
|
||||||
import CODE from 'constants/code';
|
|
||||||
|
|
||||||
import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAdmin';
|
|
||||||
|
|
||||||
import 'react-datepicker/dist/react-datepicker.css';
|
|
||||||
|
|
||||||
import styled from "styled-components";
|
|
||||||
import { makeStyles } from "@mui/styles";
|
|
||||||
|
|
||||||
const useStyles = makeStyles(() => ({
|
|
||||||
shake: {
|
|
||||||
animation: "$description 15s",
|
|
||||||
animationIterationCount: "1"
|
|
||||||
},
|
|
||||||
"@keyframes description": {
|
|
||||||
"0%": { opacity: 0, transform: "translateY(0)" },
|
|
||||||
"15%": { transform: "translateY(-4px, 0)" },
|
|
||||||
"30%": { transform: "translateY(6px, 0)" },
|
|
||||||
"45%": { transform: "translateY(-4px, 0)" },
|
|
||||||
"60%": { transform: "translateY(6px, 0)" },
|
|
||||||
"100%": { opacity: 1, transform: "translateY(0)" }
|
|
||||||
}
|
|
||||||
}));
|
|
||||||
|
|
||||||
const StyledDiv = styled.div`
|
|
||||||
.org-under-id {
|
|
||||||
margin-left: 20px;
|
|
||||||
@media only screen and (max-width: 768px) {
|
|
||||||
display: block;
|
|
||||||
margin-left: 0px;
|
|
||||||
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) {
|
|
||||||
console.group("EgovAdminScheduleEdit");
|
|
||||||
console.log("[Start] EgovAdminScheduleEdit ------------------------------");
|
|
||||||
console.log("EgovAdminScheduleEdit [props] : ", props);
|
|
||||||
|
|
||||||
const classes = useStyles();
|
|
||||||
const [isShake, setShake] = useState(false);
|
|
||||||
|
|
||||||
//${location.state?.schdulId
|
|
||||||
|
|
||||||
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();
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
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(),
|
|
||||||
eventId : 0,
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
const [schdulBgndeHH, setSchdulBgndeHH] = useState();
|
|
||||||
const [schdulBgndeMM, setSchdulBgndeMM] = useState();
|
|
||||||
const [schdulEnddeHH, setSchdulEnddeHH] = useState();
|
|
||||||
const [schdulEnddeMM, setSchdulEnddeMM] = useState();
|
|
||||||
|
|
||||||
const [scheduleInit, setScheduleInit] = useState({});
|
|
||||||
const [scheduleApiOrgApiDepthList, setScheduleApiOrgApiDepthList] = useState({ });
|
|
||||||
|
|
||||||
|
|
||||||
const initMode = () => {
|
|
||||||
|
|
||||||
// props.mode 값이 없으면 에러가 발생한다.
|
|
||||||
switch (props.mode) {
|
|
||||||
case CODE.MODE_CREATE:
|
|
||||||
setModeInfo({
|
|
||||||
...modeInfo,
|
|
||||||
modeTitle: "등록",
|
|
||||||
method : "POST",
|
|
||||||
editURL: '/schedule'
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
case CODE.MODE_MODIFY:
|
|
||||||
setModeInfo({
|
|
||||||
...modeInfo,
|
|
||||||
modeTitle: "수정",
|
|
||||||
method : "PUT",
|
|
||||||
editURL: '/schedule'
|
|
||||||
});
|
|
||||||
break;
|
|
||||||
default:
|
|
||||||
navigate({pathname: URL.ERROR}, {state: {msg : ""}});
|
|
||||||
}
|
|
||||||
retrieveDetail();
|
|
||||||
}
|
|
||||||
|
|
||||||
const convertDate = (str) => {
|
|
||||||
let year = str.substring(0, 4);
|
|
||||||
let month = str.substring(4, 6);
|
|
||||||
let date = str.substring(6, 8);
|
|
||||||
let hour = str.substring(8, 10);
|
|
||||||
let minute = str.substring(10, 12);
|
|
||||||
return new Date(year, month - 1, date, hour, minute)
|
|
||||||
}
|
|
||||||
|
|
||||||
const requestOptions = {
|
|
||||||
method: "GET",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const retrieveDetail = () => {
|
|
||||||
|
|
||||||
EgovNet.requestFetch("/schedule/init",
|
|
||||||
requestOptions,
|
|
||||||
function (resp) {
|
|
||||||
setScheduleInit(
|
|
||||||
resp
|
|
||||||
);
|
|
||||||
|
|
||||||
if (modeInfo.mode === CODE.MODE_CREATE) {// 조회/등록이면 조회 안함
|
|
||||||
setScheduleDetail({
|
|
||||||
...scheduleDetail,
|
|
||||||
schdulBgnde: location.state.iUseDate,
|
|
||||||
schdulEndde: location.state.iUseDate,
|
|
||||||
startDate: convertDate(location.state.iUseDate),
|
|
||||||
endDate: convertDate(location.state.iUseDate),
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const retrieveDetailURL = `/schedule/${location.state?.schdulId}`;
|
|
||||||
const requestOptions = {
|
|
||||||
method: "GET",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
EgovNet.requestFetch(retrieveDetailURL,
|
|
||||||
requestOptions,
|
|
||||||
function (resp) {
|
|
||||||
|
|
||||||
let rawScheduleDetail = resp.result;
|
|
||||||
//기본값 설정
|
|
||||||
setScheduleDetail({
|
|
||||||
...scheduleDetail,
|
|
||||||
...rawScheduleDetail,
|
|
||||||
startDate: convertDate(rawScheduleDetail.schdulBgnde),
|
|
||||||
endDate: convertDate(rawScheduleDetail.schdulEndde),
|
|
||||||
});
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
const updateSchedule = () => {
|
|
||||||
const formData = new FormData();
|
|
||||||
|
|
||||||
for (let key in scheduleDetail) {
|
|
||||||
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) ) {
|
|
||||||
const requestOptions = {
|
|
||||||
method: modeInfo.method,
|
|
||||||
body: formData
|
|
||||||
}
|
|
||||||
|
|
||||||
if (modeInfo.mode === CODE.MODE_MODIFY) {
|
|
||||||
modeInfo.editURL = `${modeInfo.editURL}/${location.state?.schdulId}`;
|
|
||||||
}
|
|
||||||
EgovNet.requestFetch(modeInfo.editURL,
|
|
||||||
requestOptions,
|
|
||||||
(resp) => {
|
|
||||||
if (Number(resp.resultCode) === Number(CODE.RCV_SUCCESS)) {
|
|
||||||
alert('일정이 등록되었습니다.');
|
|
||||||
navigate({ pathname: URL.ADMIN__COMMITTEE__SCHEDULES__DETAIL }, {state: {schdulId : resp.result?.schdulId}});
|
|
||||||
} else {
|
|
||||||
navigate({pathname: URL.ERROR}, {state: {msg : resp.resultMessage}});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
const formValidator = (formData) => {
|
|
||||||
|
|
||||||
if (formData.get('divMeet') === null || formData.get('divMeet') === "") {
|
|
||||||
alert("구분을 선택해 주세요.");
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (formData.get('upCommittee') === null || formData.get('upCommittee') === "") {
|
|
||||||
alert("심의위원회 첫 번째 값을 선택해 주세요.");
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (formData.get('committee') === null || formData.get('committee') === "") {
|
|
||||||
alert("심의위원회 두 번째 값을 선택해 주세요.");
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (formData.get('title') === null || formData.get('title') === "") {
|
|
||||||
alert("제목을 입력해 주세요.");
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (formData.get('location') === null ||formData.get('location') === "") {
|
|
||||||
alert("장소를 입력해 주세요.");
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (formData.get('contents') === null ||formData.get('contents') === "") {
|
|
||||||
alert("내용을 입력해 주세요.");
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
if (formData.get('schdulBgnde') > formData.get('schdulEndde')) {
|
|
||||||
alert("종료일시는 시작일시보다 앞 설 수 없습니다.");
|
|
||||||
//return false;
|
|
||||||
}
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
useEffect(function () {
|
|
||||||
initMode();
|
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
useEffect(function () {
|
|
||||||
console.log("------------------------------EgovAdminScheduleEdit [%o]", scheduleDetail);
|
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
||||||
}, [scheduleDetail]);
|
|
||||||
|
|
||||||
useEffect(function () {
|
|
||||||
|
|
||||||
EgovNet.requestFetch(`/schedule/api/org-api/depth/list?paramCodeGroup=${scheduleDetail.upCommittee}`,
|
|
||||||
requestOptions,
|
|
||||||
function (resp) {
|
|
||||||
setScheduleApiOrgApiDepthList(
|
|
||||||
resp
|
|
||||||
);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
console.log("------------------------------EgovAdminScheduleEdit [%o]", scheduleDetail);
|
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
||||||
}, [scheduleDetail && scheduleDetail.upCommittee]);
|
|
||||||
|
|
||||||
|
|
||||||
const onClickDeleteSchedule = (schdulId) => {
|
|
||||||
const deleteBoardURL = `/schedule/${schdulId}`;
|
|
||||||
|
|
||||||
const requestOptions = {
|
|
||||||
method: "DELETE",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
EgovNet.requestFetch(deleteBoardURL,
|
|
||||||
requestOptions,
|
|
||||||
(resp) => {
|
|
||||||
console.log("====>>> Schdule delete= ", resp);
|
|
||||||
if (Number(resp.resultCode) === Number(CODE.RCV_SUCCESS)) {
|
|
||||||
alert("게시글이 삭제되었습니다.")
|
|
||||||
navigate(URL.ADMIN__COMMITTEE__SCHEDULES ,{ replace: true });
|
|
||||||
} else {
|
|
||||||
navigate({pathname: URL.ERROR}, {state: {msg : resp.resultMessage}});
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log("------------------------------EgovAdminScheduleEdit [End]");
|
|
||||||
console.groupEnd("EgovAdminScheduleEdit");
|
|
||||||
return (
|
|
||||||
<div className="container">
|
|
||||||
<div className="c_wrap">
|
|
||||||
{/* <!-- Location --> */}
|
|
||||||
<div className="location">
|
|
||||||
<ul>
|
|
||||||
<li><Link to={URL.MAIN} className="home">Home</Link></li>
|
|
||||||
<li><Link to={URL.ADMIN}>사이트 관리</Link></li>
|
|
||||||
<li>위원회 관리</li>
|
|
||||||
<li>위원회 일정 관리</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{/* <!--// Location --> */}
|
|
||||||
|
|
||||||
<div className="layout">
|
|
||||||
{/* <!-- Navigation --> */}
|
|
||||||
<EgovLeftNav></EgovLeftNav>
|
|
||||||
{/* <!--// Navigation --> */}
|
|
||||||
|
|
||||||
<div className="contents SITE_SCHDULE_REG" id="contents">
|
|
||||||
{/* <!-- 본문 --> */}
|
|
||||||
|
|
||||||
<div className="top_tit">
|
|
||||||
<h1 className="tit_1">위원회 일정 관리</h1>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{/* <!-- <h2 className="tit_2">위원회 일정 추가</h2> --> */}
|
|
||||||
|
|
||||||
{/* <!-- 게시판 상세보기 --> */}
|
|
||||||
<StyledDiv className="board_view2">
|
|
||||||
<dl>
|
|
||||||
<dt>구분<span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<label className="f_select w_150" htmlFor="div-meet">
|
|
||||||
<select id="div-meet" name="div-meet" title="일정구분"
|
|
||||||
value={scheduleDetail.divMeet}
|
|
||||||
onChange={(e) => setScheduleDetail({ ...scheduleDetail, divMeet: e.target.value })}>
|
|
||||||
<option key={"none"} value="">선택</option>
|
|
||||||
{scheduleInit && scheduleInit.result && scheduleInit.result.listCodes
|
|
||||||
&& scheduleInit.result.listCodes.map((item) => (
|
|
||||||
<option key={item.id} value={item.id}>{item.name}</option>
|
|
||||||
))}
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>심의위원회<span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<label className="f_select w_250 up-committe" htmlFor="up-committee">
|
|
||||||
<select id="up-committe" name="up-committe" title="심의위원회-상위"
|
|
||||||
value={scheduleDetail.upCommittee}
|
|
||||||
onChange={(e) => setScheduleDetail({ ...scheduleDetail, upCommittee: e.target.value })}>
|
|
||||||
<option value="">선택</option>
|
|
||||||
{scheduleInit && scheduleInit.result && scheduleInit.result.listTopOrg
|
|
||||||
&& scheduleInit.result.listTopOrg.map((item) => (
|
|
||||||
<option key={item.id} value={item.id}>{item.name}</option>
|
|
||||||
))}
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
<label className="f_select w_250 org-under-id" htmlFor="committee">
|
|
||||||
<select id="committee" name="committee" title="심의위원회-하위"
|
|
||||||
value={scheduleDetail.committee}
|
|
||||||
onChange={(e) => setScheduleDetail({ ...scheduleDetail, committee: e.target.value })}>
|
|
||||||
<option value="">선택</option>
|
|
||||||
{scheduleApiOrgApiDepthList && scheduleApiOrgApiDepthList.result && scheduleApiOrgApiDepthList.result.list
|
|
||||||
&& scheduleApiOrgApiDepthList.result.list.map((item) => (
|
|
||||||
<option key={item.id} value={item.id}>{item.name}</option>
|
|
||||||
))}
|
|
||||||
</select>
|
|
||||||
</label>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="title">제목</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<input className="f_input2 w_full" type="text" name="title" title="제목" id="title" placeholder="제목을 입력하세요."
|
|
||||||
value={scheduleDetail.title}
|
|
||||||
onChange={(e) => setScheduleDetail({ ...scheduleDetail, title: e.target.value })}
|
|
||||||
/>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="location">장소</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<input className="f_input2 w_full" type="text" name="location" title="장소" id="location" placeholder="장소를 입력하세요."
|
|
||||||
defaultValue={scheduleDetail.location}
|
|
||||||
onChange={(e) => setScheduleDetail({ ...scheduleDetail, location: e.target.value })} />
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt>날짜/시간<span className="req">필수</span></dt>
|
|
||||||
<dd className="datetime">
|
|
||||||
<span className="line_break">
|
|
||||||
<DatePicker
|
|
||||||
selected={scheduleDetail.startDate}
|
|
||||||
name="schdulBgnde"
|
|
||||||
className="f_input"
|
|
||||||
dateFormat="yyyy-MM-dd HH:mm"
|
|
||||||
showTimeInput
|
|
||||||
onChange={(date) => {
|
|
||||||
console.log("setStartDate : ", date);
|
|
||||||
setScheduleDetail({ ...scheduleDetail, schdulBgnde: getDateFourteenDigit(date), schdulBgndeYYYMMDD: getYYYYMMDD(date), schdulBgndeHH: date.getHours(), schdulBgndeMM: date.getMinutes(), startDate: date });
|
|
||||||
setSchdulBgndeHH(date.getHours());
|
|
||||||
setSchdulBgndeMM(date.getMinutes());
|
|
||||||
}} />
|
|
||||||
<input type="hidden" name="schdulBgndeHH" defaultValue={schdulBgndeHH} readOnly />
|
|
||||||
<input type="hidden" name="schdulBgndeMM" defaultValue={schdulBgndeMM} readOnly />
|
|
||||||
<span className="f_inn_txt">~</span>
|
|
||||||
</span>
|
|
||||||
<span className="line_break">
|
|
||||||
<DatePicker
|
|
||||||
selected={scheduleDetail.endDate}
|
|
||||||
name="schdulEndde"
|
|
||||||
className="f_input"
|
|
||||||
dateFormat="yyyy-MM-dd HH:mm"
|
|
||||||
showTimeInput
|
|
||||||
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 });
|
|
||||||
setSchdulEnddeHH(date.getHours());
|
|
||||||
setSchdulEnddeMM(date.getMinutes());
|
|
||||||
}
|
|
||||||
} />
|
|
||||||
<input type="hidden" name="schdulEnddeHH" defaultValue={schdulEnddeHH} readOnly />
|
|
||||||
<input type="hidden" name="schdulEnddeMM" defaultValue={schdulEnddeMM} readOnly />
|
|
||||||
</span>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
<dl>
|
|
||||||
<dt><label htmlFor="contents">내용</label><span className="req">필수</span></dt>
|
|
||||||
<dd>
|
|
||||||
<textarea className="f_txtar w_full h_100" name="contents" id="contents" cols="30" rows="10" placeholder="일정 내용을 입력하세요."
|
|
||||||
defaultValue={scheduleDetail.contents}
|
|
||||||
onChange={(e) => setScheduleDetail({ ...scheduleDetail, contents: e.target.value })}
|
|
||||||
></textarea>
|
|
||||||
</dd>
|
|
||||||
</dl>
|
|
||||||
|
|
||||||
{/* <!-- 버튼영역 --> */}
|
|
||||||
<div className="board_btn_area">
|
|
||||||
<div className="left_col btn1">
|
|
||||||
<button className="btn btn_skyblue_h46 w_100"
|
|
||||||
onClick={() => updateSchedule()}
|
|
||||||
> 저장</button>
|
|
||||||
{modeInfo.mode === CODE.MODE_MODIFY &&
|
|
||||||
<button className="btn btn_skyblue_h46 w_100"
|
|
||||||
onClick={(e) => {
|
|
||||||
onClickDeleteSchedule(location.state?.schdulId);
|
|
||||||
}}>삭제</button>
|
|
||||||
}
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div className="right_col btn1">
|
|
||||||
<Link to={URL.ADMIN__COMMITTEE__SCHEDULES} className="btn btn_blue_h46 w_100">목록</Link>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{/* <!--// 버튼영역 --> */}
|
|
||||||
</StyledDiv>
|
|
||||||
{/* <!-- 게시판 상세보기 --> */}
|
|
||||||
|
|
||||||
{/* <!--// 본문 --> */}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div >
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default SchedulesEdit;
|
|
||||||
|
|
@ -50,13 +50,13 @@ function StandardCodeMgt(props) {
|
||||||
|
|
||||||
mutListTag.push(
|
mutListTag.push(
|
||||||
<div className="list_item">
|
<div className="list_item">
|
||||||
<div></div>
|
<div>{item.siteSeq}</div>
|
||||||
<div>{item.siteTitle}</div>
|
<div>{item.siteTitle}</div>
|
||||||
<div>{item.siteUrl}</div>
|
<div>{item.siteUrl}</div>
|
||||||
<div>{item.fileGrpId}</div>
|
<div>{item.fileGrpId}</div>
|
||||||
<div>{item.siteOrder}</div>
|
<div>{item.siteOrder}</div>
|
||||||
<div>{item.useYn}</div>
|
<div>{item.useYn}</div>
|
||||||
<div><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editPartnerSite(item)}}>수정</button></div>
|
<div><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editBoard(item)}}>수정</button></div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
@ -76,7 +76,7 @@ function StandardCodeMgt(props) {
|
||||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
function editPartnerSite(item){
|
function editBoard(item){
|
||||||
handleShow();
|
handleShow();
|
||||||
if(item != undefined) {
|
if(item != undefined) {
|
||||||
item.mode = CODE.MODE_MODIFY;
|
item.mode = CODE.MODE_MODIFY;
|
||||||
|
|
@ -147,13 +147,13 @@ function StandardCodeMgt(props) {
|
||||||
{/* <!-- 게시판목록 --> */}
|
{/* <!-- 게시판목록 --> */}
|
||||||
<div className="board_list BRD006">
|
<div className="board_list BRD006">
|
||||||
<div className="head">
|
<div className="head">
|
||||||
<span></span>
|
<span>번호</span>
|
||||||
<span>사이트명</span>
|
<span>사이트명</span>
|
||||||
<span>URL</span>
|
<span>URL</span>
|
||||||
<span>배너이미지</span>
|
<span>배너이미지</span>
|
||||||
<span>정렬순서</span>
|
<span>정렬순서</span>
|
||||||
<span>사용여부</span>
|
<span>사용여부</span>
|
||||||
<span><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editPartnerSite(undefined)}}>추가</button></span>
|
<span><button className={"btn btn_blue_h31 px-1"} onClick={()=>{editBoard(undefined)}}>추가</button></span>
|
||||||
</div>
|
</div>
|
||||||
<div className="result">
|
<div className="result">
|
||||||
{listTag}
|
{listTag}
|
||||||
|
|
|
||||||
|
|
@ -8,8 +8,8 @@ import * as EgovNet from "api/egovFetch";
|
||||||
|
|
||||||
function QuestionModal({svySeq}){
|
function QuestionModal({svySeq}){
|
||||||
|
|
||||||
const [qtList, setQtList] = useState([]);
|
const [qtTag, setQtTag] = useState([]);
|
||||||
const [selectedQt, setSelectedQt] = useState(null);
|
const [itemTag, setItemTag] = useState([]);
|
||||||
|
|
||||||
function getSurveyQt(){
|
function getSurveyQt(){
|
||||||
EgovNet.requestFetch(
|
EgovNet.requestFetch(
|
||||||
|
|
@ -18,7 +18,19 @@ function QuestionModal({svySeq}){
|
||||||
method: "GET"
|
method: "GET"
|
||||||
},
|
},
|
||||||
(resp) => {
|
(resp) => {
|
||||||
setQtList(resp.result.qtList)
|
|
||||||
|
const temp = [];
|
||||||
|
resp.result.qtList.forEach(function (qt, index){
|
||||||
|
temp.push(
|
||||||
|
<tr>
|
||||||
|
<td className={"clickable"} onClick={()=>selectQt(qt.itemList)}>
|
||||||
|
<Form.Control type={"text"} defaultValue={qt.qtTitle}/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
)
|
||||||
|
})
|
||||||
|
setQtTag(temp);
|
||||||
|
|
||||||
},
|
},
|
||||||
function (resp) {
|
function (resp) {
|
||||||
console.log("err response : ", resp);
|
console.log("err response : ", resp);
|
||||||
|
|
@ -26,12 +38,42 @@ function QuestionModal({svySeq}){
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function addQt(){
|
function selectQt(itemList){
|
||||||
|
const temp = [];
|
||||||
|
itemList.forEach(function (item, index){
|
||||||
|
temp.push(
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<Form.Control type={"text"} defaultValue={item.itemNm}/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
)
|
||||||
|
})
|
||||||
|
setItemTag(temp);
|
||||||
|
}
|
||||||
|
|
||||||
|
function addQt(){
|
||||||
|
const temp = [...qtTag]
|
||||||
|
temp.push(
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<Form.Control type={"text"}/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
)
|
||||||
|
setQtTag(temp)
|
||||||
}
|
}
|
||||||
|
|
||||||
function addItem(){
|
function addItem(){
|
||||||
|
const temp = [...itemTag]
|
||||||
|
temp.push(
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<Form.Control type={"text"}/>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
)
|
||||||
|
setItemTag(temp)
|
||||||
}
|
}
|
||||||
|
|
||||||
function editSurveyQt(e){
|
function editSurveyQt(e){
|
||||||
|
|
@ -49,7 +91,7 @@ function QuestionModal({svySeq}){
|
||||||
</Modal.Header>
|
</Modal.Header>
|
||||||
<Modal.Body>
|
<Modal.Body>
|
||||||
<Row>
|
<Row>
|
||||||
<Col xs={5}>
|
<Col xs={6}>
|
||||||
<Table>
|
<Table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
@ -57,15 +99,7 @@ function QuestionModal({svySeq}){
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{qtList.map(qt=>{
|
{qtTag}
|
||||||
return (
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<Form.Control type={"text"} defaultValue={qt.qtTitle} onClick={()=>{setSelectedQt(qt)}}/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</tbody>
|
</tbody>
|
||||||
<tfoot>
|
<tfoot>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
@ -76,32 +110,7 @@ function QuestionModal({svySeq}){
|
||||||
</tfoot>
|
</tfoot>
|
||||||
</Table>
|
</Table>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs={7}>
|
<Col xs={6}>
|
||||||
<Form.Group as={Row} className="mb-3">
|
|
||||||
<Form.Label column sm={3}>
|
|
||||||
질문유형
|
|
||||||
</Form.Label>
|
|
||||||
<Col sm={9} key={`inline-radio`} className={'my-auto'}>
|
|
||||||
<Form.Check inline label="체크박스" name="qtType" type={'radio'} value={1} checked={selectedQt?.qtType === 1} onClick={()=>{setSelectedQt({...selectedQt, qtType:1})}}/>
|
|
||||||
<Form.Check inline label="라디오버튼" name="qtType" type={'radio'} value={2} checked={selectedQt?.qtType === 2} onClick={()=>{setSelectedQt({...selectedQt, qtType:2})}}/>
|
|
||||||
<Form.Check inline label="직접입력" name="qtType" type={'radio'} value={3} checked={selectedQt?.qtType === 3} onClick={()=>{setSelectedQt({...selectedQt, qtType:3})}}/>
|
|
||||||
<Form.Check inline label="이용자만족도" name="qtType" type={'radio'} value={4} checked={selectedQt?.qtType === 4} onClick={()=>{setSelectedQt({...selectedQt, qtType:4})}}/>
|
|
||||||
</Col>
|
|
||||||
</Form.Group>
|
|
||||||
<Form.Group as={Row} className={`mb-3 ${selectedQt?.qtType!==1?'d-none':''}`}>
|
|
||||||
<Form.Label column sm={3}>
|
|
||||||
최대 선택 개수
|
|
||||||
</Form.Label>
|
|
||||||
<Col sm={3}>
|
|
||||||
<Form.Control type="text" name="maxNo" defaultValue={selectedQt?.maxNo}/>
|
|
||||||
</Col>
|
|
||||||
<Form.Label column sm={'auto'}>
|
|
||||||
기타 여부
|
|
||||||
</Form.Label>
|
|
||||||
<Col sm={3} className={'my-auto'}>
|
|
||||||
<Form.Check type="checkbox" name="mandatoryYn" checked={selectedQt?.mandatoryYn==='Y'}/>
|
|
||||||
</Col>
|
|
||||||
</Form.Group>
|
|
||||||
<Table>
|
<Table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
@ -109,15 +118,7 @@ function QuestionModal({svySeq}){
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
{selectedQt?.itemList.map(item=>{
|
{itemTag}
|
||||||
return (
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<Form.Control type={"text"} defaultValue={item.itemNm}/>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
</tbody>
|
</tbody>
|
||||||
<tfoot>
|
<tfoot>
|
||||||
<tr>
|
<tr>
|
||||||
|
|
|
||||||
|
|
@ -98,10 +98,6 @@ import AdminContentsStandardResearchEditor from 'pages/admin/contents/StandardRe
|
||||||
|
|
||||||
// 관리자 - 위원회 관리
|
// 관리자 - 위원회 관리
|
||||||
import AdminCommitteeProgressStatus from 'pages/admin/committee/ProgressStatus'; // 관리자 - 위원회 관리/진행현황 관리
|
import AdminCommitteeProgressStatus from 'pages/admin/committee/ProgressStatus'; // 관리자 - 위원회 관리/진행현황 관리
|
||||||
import AdminCommitteeProgressStatusDetail from 'pages/admin/committee/ProgressStatus/Detail'; // 관리자 - 위원회 관리/진행현황 관리/진행현황 관리 상세
|
|
||||||
import AdminCommitteeProgressStatusEdit from 'pages/admin/committee/ProgressStatus/Edit'; // 관리자 - 위원회 관리/진행현황 관리/진행현황 관리 생성 또는 수정
|
|
||||||
|
|
||||||
|
|
||||||
import AdminCommitteeSchedules from 'pages/admin/committee/Schedules'; // 관리자 - 위원회 관리/위원회 일정 관리
|
import AdminCommitteeSchedules from 'pages/admin/committee/Schedules'; // 관리자 - 위원회 관리/위원회 일정 관리
|
||||||
import AdminCommitteeSchedulesDetail from 'pages/admin/committee/Schedules/Detail'; // 관리자 - 위원회 관리/위원회 일정 관리/일정관리상세
|
import AdminCommitteeSchedulesDetail from 'pages/admin/committee/Schedules/Detail'; // 관리자 - 위원회 관리/위원회 일정 관리/일정관리상세
|
||||||
import AdminCommitteeSchedulesEdit from 'pages/admin/committee/Schedules/Edit'; // 관리자 - 위원회 관리/위원회 일정 관리/일정관리생성 또는 수정
|
import AdminCommitteeSchedulesEdit from 'pages/admin/committee/Schedules/Edit'; // 관리자 - 위원회 관리/위원회 일정 관리/일정관리생성 또는 수정
|
||||||
|
|
@ -317,10 +313,6 @@ const SecondRoutes = () => {
|
||||||
|
|
||||||
{/* 관리자 - 위원회 관리 */}
|
{/* 관리자 - 위원회 관리 */}
|
||||||
<Route path={URL.ADMIN__COMMITTEE__PROGRESS_STATUS} element={<AdminCommitteeProgressStatus />} />
|
<Route path={URL.ADMIN__COMMITTEE__PROGRESS_STATUS} element={<AdminCommitteeProgressStatus />} />
|
||||||
<Route path={URL.ADMIN__COMMITTEE__PROGRESS_STATUS__DETAIL} element={<AdminCommitteeProgressStatusDetail />} />
|
|
||||||
<Route path={URL.ADMIN__COMMITTEE__PROGRESS_STATUS__CREATE} element={<AdminCommitteeProgressStatusEdit mode={CODE.MODE_CREATE} />} />
|
|
||||||
<Route path={URL.ADMIN__COMMITTEE__PROGRESS_STATUS__MODIFY} element={<AdminCommitteeProgressStatusEdit mode={CODE.MODE_MODIFY} />} />
|
|
||||||
|
|
||||||
<Route path={URL.ADMIN__COMMITTEE__SCHEDULES} element={<AdminCommitteeSchedules />} />
|
<Route path={URL.ADMIN__COMMITTEE__SCHEDULES} element={<AdminCommitteeSchedules />} />
|
||||||
<Route path={URL.ADMIN__COMMITTEE__SCHEDULES__DETAIL} element={<AdminCommitteeSchedulesDetail />} />
|
<Route path={URL.ADMIN__COMMITTEE__SCHEDULES__DETAIL} element={<AdminCommitteeSchedulesDetail />} />
|
||||||
<Route path={URL.ADMIN__COMMITTEE__SCHEDULES__CREATE} element={<AdminCommitteeSchedulesEdit mode={CODE.MODE_CREATE} />} />
|
<Route path={URL.ADMIN__COMMITTEE__SCHEDULES__CREATE} element={<AdminCommitteeSchedulesEdit mode={CODE.MODE_CREATE} />} />
|
||||||
|
|
|
||||||
|
|
@ -4,8 +4,6 @@ import com.dbnt.kcscbackend.admin.boards.entity.TnBbs;
|
||||||
import com.dbnt.kcscbackend.admin.boards.service.AdminBoardsService;
|
import com.dbnt.kcscbackend.admin.boards.service.AdminBoardsService;
|
||||||
import com.dbnt.kcscbackend.admin.config.entity.TcMenu;
|
import com.dbnt.kcscbackend.admin.config.entity.TcMenu;
|
||||||
import com.dbnt.kcscbackend.auth.entity.LoginVO;
|
import com.dbnt.kcscbackend.auth.entity.LoginVO;
|
||||||
import com.dbnt.kcscbackend.commonCode.CommonCodeController;
|
|
||||||
import com.dbnt.kcscbackend.commonCode.service.CommonCodeService;
|
|
||||||
import com.dbnt.kcscbackend.config.common.BaseController;
|
import com.dbnt.kcscbackend.config.common.BaseController;
|
||||||
import com.dbnt.kcscbackend.config.common.ResponseCode;
|
import com.dbnt.kcscbackend.config.common.ResponseCode;
|
||||||
import com.dbnt.kcscbackend.config.common.ResultVO;
|
import com.dbnt.kcscbackend.config.common.ResultVO;
|
||||||
|
|
@ -34,7 +32,6 @@ import java.util.Map;
|
||||||
public class AdminBoardsController extends BaseController {
|
public class AdminBoardsController extends BaseController {
|
||||||
|
|
||||||
private final AdminBoardsService adminBoardsService;
|
private final AdminBoardsService adminBoardsService;
|
||||||
private final CommonCodeService commonCodeService;
|
|
||||||
|
|
||||||
/* ---- 게시판관리 ----- */
|
/* ---- 게시판관리 ----- */
|
||||||
@Operation(
|
@Operation(
|
||||||
|
|
@ -56,26 +53,6 @@ public class AdminBoardsController extends BaseController {
|
||||||
return resultVO;
|
return resultVO;
|
||||||
}
|
}
|
||||||
|
|
||||||
@Operation(
|
|
||||||
summary = "게시판 셀렉트박스 옵션 조회",
|
|
||||||
description = "게시판 셀렉트박스 옵션 조회",
|
|
||||||
tags = {"AdminBoardsController"}
|
|
||||||
)
|
|
||||||
@ApiResponses(value = {
|
|
||||||
@ApiResponse(responseCode = "200", description = "조회 성공"),
|
|
||||||
@ApiResponse(responseCode = "403", description = "인가된 사용자가 아님")
|
|
||||||
})
|
|
||||||
@RequestMapping(method = RequestMethod.GET, value = "/get-option-list", consumes = MediaType.APPLICATION_JSON_VALUE)
|
|
||||||
public ResultVO getOptionList() throws Exception {
|
|
||||||
ResultVO resultVO = new ResultVO();
|
|
||||||
Map<String, Object> resultMap = new HashMap<>();
|
|
||||||
|
|
||||||
resultMap.put("bbsTypeList", commonCodeService.selectCodeItemList("BBS_TYPE"));
|
|
||||||
resultMap.put("roleList", commonCodeService.selectCodeItemList("ROLE"));
|
|
||||||
resultVO.setResult(resultMap);
|
|
||||||
return resultVO;
|
|
||||||
}
|
|
||||||
|
|
||||||
@Operation(
|
@Operation(
|
||||||
summary = "게시판 저장",
|
summary = "게시판 저장",
|
||||||
description = "게시판 저장",
|
description = "게시판 저장",
|
||||||
|
|
@ -149,7 +126,7 @@ public class AdminBoardsController extends BaseController {
|
||||||
ResultVO resultVO = new ResultVO();
|
ResultVO resultVO = new ResultVO();
|
||||||
Map<String, Object> resultMap = new HashMap<>();
|
Map<String, Object> resultMap = new HashMap<>();
|
||||||
|
|
||||||
resultMap.put("postList", adminBoardsService.selectPostList());
|
resultMap.put("boardList", adminBoardsService.selectBoardList());
|
||||||
resultVO.setResult(resultMap);
|
resultVO.setResult(resultMap);
|
||||||
return resultVO;
|
return resultVO;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -70,10 +70,4 @@ public class TnBbs {
|
||||||
@Column(name = "oldd_seq")
|
@Column(name = "oldd_seq")
|
||||||
private Long olddSeq;
|
private Long olddSeq;
|
||||||
|
|
||||||
@Column(name = "read_role")
|
|
||||||
private Long readRole;
|
|
||||||
|
|
||||||
@Column(name = "write_role")
|
|
||||||
private Long writeRole;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -8,7 +8,7 @@ import java.util.List;
|
||||||
|
|
||||||
public interface TnBbsRepository extends JpaRepository<TnBbs, Long> {
|
public interface TnBbsRepository extends JpaRepository<TnBbs, Long> {
|
||||||
|
|
||||||
@Query(value = "SELECT * FROM tn_bbs ORDER BY bbs_seq DESC", nativeQuery = true)
|
@Query(value = "SELECT * FROM tn_bbs WHERE use_yn = 'Y' ORDER BY bbs_seq DESC", nativeQuery = true)
|
||||||
List<TnBbs> findAllByOrderByBbsSeqDesc();
|
List<TnBbs> findAllByOrderByBbsSeqDesc();
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -34,18 +34,16 @@ public class AdminBoardsService extends EgovAbstractServiceImpl {
|
||||||
if (bbs.getBbsSeq() == null) {
|
if (bbs.getBbsSeq() == null) {
|
||||||
bbs.setFrstCrtDt(LocalDateTime.now());
|
bbs.setFrstCrtDt(LocalDateTime.now());
|
||||||
bbs.setFrstCrtId(userId);
|
bbs.setFrstCrtId(userId);
|
||||||
|
bbs.setBbsAnsYn("N");
|
||||||
|
bbs.setBbsReplYn("N");
|
||||||
|
bbs.setUseYn("Y");
|
||||||
tnBbsRepository.save(bbs);
|
tnBbsRepository.save(bbs);
|
||||||
} else {
|
} else {
|
||||||
TnBbs savedBoard = tnBbsRepository.findById(bbs.getBbsSeq()).orElse(null);
|
TnBbs savedBoard = tnBbsRepository.findById(bbs.getBbsSeq()).orElse(null);
|
||||||
savedBoard.setBbsId(bbs.getBbsId());
|
savedBoard.setBbsId(bbs.getBbsId());
|
||||||
savedBoard.setBbsTitle(bbs.getBbsTitle());
|
savedBoard.setBbsTitle(bbs.getBbsTitle());
|
||||||
savedBoard.setBbsDesc(bbs.getBbsDesc());
|
savedBoard.setBbsDesc(bbs.getBbsDesc());
|
||||||
savedBoard.setBbsType(bbs.getBbsType());
|
//savedBoard.setUseYn("Y");
|
||||||
savedBoard.setBbsAnsYn(bbs.getBbsAnsYn());
|
|
||||||
savedBoard.setBbsReplYn(bbs.getBbsReplYn());
|
|
||||||
savedBoard.setUseYn(bbs.getUseYn());
|
|
||||||
savedBoard.setReadRole(bbs.getReadRole());
|
|
||||||
savedBoard.setWriteRole(bbs.getWriteRole());
|
|
||||||
savedBoard.setLastChgId(userId);
|
savedBoard.setLastChgId(userId);
|
||||||
savedBoard.setLastChgDt(LocalDateTime.now());
|
savedBoard.setLastChgDt(LocalDateTime.now());
|
||||||
tnBbsRepository.save(savedBoard);
|
tnBbsRepository.save(savedBoard);
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue