StandardCodeList 분리
parent
720033ece6
commit
a7bdd5093f
|
|
@ -1,195 +1,85 @@
|
||||||
import React, {useState, useEffect, useCallback, useRef} from 'react';
|
import React from 'react';
|
||||||
import {Link, useLocation, useParams} from 'react-router-dom';
|
|
||||||
|
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import {AiFillStar} from "react-icons/ai";
|
||||||
import URL from 'constants/url';
|
|
||||||
import {StandardCodeListModal, StandardCodeListModalTable} from './StandardCodeListModal'
|
|
||||||
import {AiFillFileMarkdown, AiFillStar} from "react-icons/ai";
|
|
||||||
import StandardCodeSearchForm from "./StandardCodeSearchForm";
|
|
||||||
import Col from "react-bootstrap/Col";
|
import Col from "react-bootstrap/Col";
|
||||||
import Row from "react-bootstrap/Row";
|
import Row from "react-bootstrap/Row";
|
||||||
import Loading from "../../../components/Loading";
|
|
||||||
|
|
||||||
function StandardCodeList({}) {
|
|
||||||
const {listCode} = useParams();
|
|
||||||
const [listData, setListData] = useState([])
|
|
||||||
const [listLoading, setListLoading] = useState(true);
|
|
||||||
const [filterData, setFilterData] = useState('');
|
|
||||||
const [resultCnt, setResultCnt] = useState(0);
|
|
||||||
const [remarkCnt, setRemarkCnt] = useState(0);
|
|
||||||
const [groupSeq, setGroupSeq] = useState();
|
|
||||||
|
|
||||||
const [show, setShow] = useState(false);
|
|
||||||
function close() {
|
|
||||||
setShow(false);
|
|
||||||
}
|
|
||||||
|
|
||||||
function showHandling(e) {
|
|
||||||
const param = e.currentTarget.dataset;
|
|
||||||
const groupSeq = param.groupSeq;
|
|
||||||
console.log(groupSeq);
|
|
||||||
EgovNet.requestFetch(
|
|
||||||
'/standardCode/codeListModal.do',
|
|
||||||
{
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json'
|
|
||||||
},
|
|
||||||
body: JSON.stringify(
|
|
||||||
groupSeq
|
|
||||||
)
|
|
||||||
}, (resp) => {
|
|
||||||
console.log(resp + "------------------------resp")
|
|
||||||
const body = [];
|
|
||||||
const head = [];
|
|
||||||
if (resp.length > 0) {
|
|
||||||
resp.forEach(function (item, index) {
|
|
||||||
const formattedDate = item.aplcnBgngYmd.match(/\d{4}-\d{2}-\d{2}/)[0];
|
|
||||||
const url = "https://www.kcsc.re.kr/file/DownloadGrp/" + item.docFileGrpId;
|
|
||||||
body.push(
|
|
||||||
<tr>
|
|
||||||
<td>{formattedDate}</td>
|
|
||||||
<td><a href={url}><AiFillFileMarkdown/></a></td>
|
|
||||||
<td></td>
|
|
||||||
</tr>)
|
|
||||||
})
|
|
||||||
head.push(
|
|
||||||
<tr>
|
|
||||||
<td>년도</td>
|
|
||||||
<td>기준코드</td>
|
|
||||||
<td>신구건설기준비교</td>
|
|
||||||
</tr>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
setGroupSeq(<StandardCodeListModalTable head={head} content={body}/>);
|
|
||||||
}
|
|
||||||
)
|
|
||||||
setShow(true);
|
|
||||||
}
|
|
||||||
|
|
||||||
const retrieveList = useCallback((searchCondition) => {
|
|
||||||
setListLoading(true)
|
|
||||||
EgovNet.requestFetch('/standardCode/standard-code-list'+EgovNet.convParams(searchCondition),
|
|
||||||
{
|
|
||||||
method: "GET",
|
|
||||||
headers: {
|
|
||||||
'Content-type': 'application/json',
|
|
||||||
}
|
|
||||||
},
|
|
||||||
(resp) => {
|
|
||||||
setListData(resp.result.resultList);
|
|
||||||
setResultCnt(resp.result.resultCnt.allCnt);
|
|
||||||
setRemarkCnt(resp.result.resultCnt.remarkCnt);
|
|
||||||
setListLoading(false)
|
|
||||||
},
|
|
||||||
function (resp) {
|
|
||||||
console.log("err response : ", resp);
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
}, []);
|
|
||||||
|
|
||||||
|
function StandardCodeList({listData, filterData}) {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="StandardCodeList container">
|
<div className={"result"}>
|
||||||
<div className="c_wrap codeListContent">
|
{listData.filter(item => {
|
||||||
<div className="layout">
|
if (item.groupNm.includes(filterData)) {
|
||||||
<div className="contents NOTICE_LIST listTableDiv">
|
return item
|
||||||
<StandardCodeSearchForm param={listCode?listCode:'10'} reloadFunction={retrieveList} resultCnt={resultCnt} remarkCnt={remarkCnt}/>
|
}
|
||||||
<div className="board_list code_list">
|
return null
|
||||||
<div className="head">
|
}).map(item => {
|
||||||
<span>대분류</span>
|
return (
|
||||||
<span>중분류</span>
|
<div className="list_item List_Codes">
|
||||||
<span>코드번호</span>
|
<div className="mainCategory">{item.mainCategory}</div>
|
||||||
<span>코드명</span>
|
<div className="middleCategory">{item.middleCategory}</div>
|
||||||
<span className={"text-start"}>개정이력</span>
|
<div className="kcscCd">{item.kcscCd}</div>
|
||||||
<span className={"text-start"}>보기</span>
|
<div className="groupNm">{item.groupNm}<br/><span className={"text-danger"}>{item.rvsnRemark}</span></div>
|
||||||
<span>즐겨찾기</span>
|
<div className="Revisionhistory">
|
||||||
</div>
|
<Row className={"justify-content-start"}>
|
||||||
{
|
{item.historyList.filter(history => {
|
||||||
listLoading?(<Loading/>):(
|
return history;
|
||||||
<div className="result">
|
}).map(history => {
|
||||||
{listData.filter(item => {
|
let buttonClass = "btn btn-sm docInfoBtn docInfoActive "
|
||||||
if (item.groupNm.includes(filterData)) {
|
let pClass = "yearInfo yearInfoActive";
|
||||||
return item
|
if(history.docEr === 'E'){
|
||||||
}
|
buttonClass += "btn-success "
|
||||||
return null
|
}else{
|
||||||
}).map(item => {
|
buttonClass += "btn-primary "
|
||||||
return (
|
}
|
||||||
<div className="list_item List_Codes">
|
return (
|
||||||
<div className="mainCategory">{item.mainCategory}</div>
|
<Col xs={"auto"} className={"px-1"}>
|
||||||
<div className="middleCategory">{item.middleCategory}</div>
|
<input type="button"
|
||||||
<div className="kcscCd">{item.kcscCd}</div>
|
className={buttonClass}
|
||||||
<div className="groupNm">{item.groupNm}<br/><span className={"text-danger"}>{item.rvsnRemark}</span></div>
|
value={history.docEr==='E'?'제':'개'}
|
||||||
<div className="Revisionhistory">
|
onClick={()=>{
|
||||||
<Row className={"justify-content-start"}>
|
/*window.open("/standardCode/viewer/"+history.kcscCd+":"+history.rvsnYmd.split('T')[0]);*/
|
||||||
{item.historyList.filter(history => {
|
}}
|
||||||
return history;
|
/>
|
||||||
}).map(history => {
|
<br/>
|
||||||
let buttonClass = "btn btn-sm docInfoBtn docInfoActive "
|
<p className={pClass}>{history.docYr}</p>
|
||||||
let pClass = "yearInfo yearInfoActive";
|
</Col>
|
||||||
if(history.docEr === 'E'){
|
)
|
||||||
buttonClass += "btn-success "
|
})}
|
||||||
}else{
|
</Row>
|
||||||
buttonClass += "btn-primary "
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<Col xs={"auto"} className={"px-1"}>
|
|
||||||
<input type="button"
|
|
||||||
className={buttonClass}
|
|
||||||
value={history.docEr==='E'?'제':'개'}
|
|
||||||
onClick={()=>{
|
|
||||||
/*window.open("/standardCode/viewer/"+history.kcscCd+":"+history.rvsnYmd.split('T')[0]);*/
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<br/>
|
|
||||||
<p className={pClass}>{history.docYr}</p>
|
|
||||||
</Col>
|
|
||||||
)
|
|
||||||
})}
|
|
||||||
</Row>
|
|
||||||
</div>
|
|
||||||
<div className="fille">
|
|
||||||
<Row className={"justify-content-start"}>
|
|
||||||
{item.historyList.filter(history => {
|
|
||||||
return history;
|
|
||||||
}).map(history => {
|
|
||||||
let buttonClass = "btn btn-sm docInfoBtn docInfoActive "
|
|
||||||
let pClass = "yearInfo yearInfoActive";
|
|
||||||
if(history.docEr === 'E'){
|
|
||||||
buttonClass += "btn-success "
|
|
||||||
}else{
|
|
||||||
buttonClass += "btn-primary "
|
|
||||||
}
|
|
||||||
return (
|
|
||||||
<Col xs={"auto"} className={"px-1"}>
|
|
||||||
<input type="button"
|
|
||||||
className={buttonClass}
|
|
||||||
value={history.docEr==='E'?'제':'개'}
|
|
||||||
onClick={()=>{
|
|
||||||
window.open("/standardCode/viewer/"+history.kcscCd+":"+history.rvsnYmd.split('T')[0]);
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<br/>
|
|
||||||
<p className={pClass}>{history.docYr}</p>
|
|
||||||
</Col>
|
|
||||||
)
|
|
||||||
})}
|
|
||||||
</Row>
|
|
||||||
</div>
|
|
||||||
<div className="star"><AiFillStar/></div>
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
})}
|
|
||||||
</div>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
</div>
|
</div>
|
||||||
<StandardCodeListModal size={"lg"} show={show} content={groupSeq} onClose={close} title={"개정이력"}/>
|
<div className="fille">
|
||||||
|
<Row className={"justify-content-start"}>
|
||||||
|
{item.historyList.filter(history => {
|
||||||
|
return history;
|
||||||
|
}).map(history => {
|
||||||
|
let buttonClass = "btn btn-sm docInfoBtn docInfoActive "
|
||||||
|
let pClass = "yearInfo yearInfoActive";
|
||||||
|
if(history.docEr === 'E'){
|
||||||
|
buttonClass += "btn-success "
|
||||||
|
}else{
|
||||||
|
buttonClass += "btn-primary "
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<Col xs={"auto"} className={"px-1"}>
|
||||||
|
<input type="button"
|
||||||
|
className={buttonClass}
|
||||||
|
value={history.docEr==='E'?'제':'개'}
|
||||||
|
onClick={()=>{
|
||||||
|
window.open("/standardCode/viewer/"+history.kcscCd+":"+history.rvsnYmd.split('T')[0]);
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
<br/>
|
||||||
|
<p className={pClass}>{history.docYr}</p>
|
||||||
|
</Col>
|
||||||
|
)
|
||||||
|
})}
|
||||||
|
</Row>
|
||||||
|
</div>
|
||||||
|
<div className="star"><AiFillStar/></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
)
|
||||||
</div>
|
})}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,124 @@
|
||||||
|
import React, {useState, useCallback} from 'react';
|
||||||
|
import {useParams} from 'react-router-dom';
|
||||||
|
|
||||||
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
import {StandardCodeListModal, StandardCodeListModalTable} from './StandardCodeListModal'
|
||||||
|
import {AiFillFileMarkdown} from "react-icons/ai";
|
||||||
|
import StandardCodeSearchForm from "./StandardCodeSearchForm";
|
||||||
|
import Loading from "../../../components/Loading";
|
||||||
|
import StandardCodeList from "./StandardCodeList";
|
||||||
|
|
||||||
|
function StandardCodePage({}) {
|
||||||
|
const {listCode} = useParams();
|
||||||
|
const [listData, setListData] = useState([])
|
||||||
|
const [listLoading, setListLoading] = useState(true);
|
||||||
|
const [filterData, setFilterData] = useState('');
|
||||||
|
const [resultCnt, setResultCnt] = useState(0);
|
||||||
|
const [remarkCnt, setRemarkCnt] = useState(0);
|
||||||
|
const [groupSeq, setGroupSeq] = useState();
|
||||||
|
|
||||||
|
const [show, setShow] = useState(false);
|
||||||
|
function close() {
|
||||||
|
setShow(false);
|
||||||
|
}
|
||||||
|
|
||||||
|
function showHandling(e) {
|
||||||
|
const param = e.currentTarget.dataset;
|
||||||
|
const groupSeq = param.groupSeq;
|
||||||
|
console.log(groupSeq);
|
||||||
|
EgovNet.requestFetch(
|
||||||
|
'/standardCode/codeListModal.do',
|
||||||
|
{
|
||||||
|
method: "POST",
|
||||||
|
headers: {
|
||||||
|
'Content-type': 'application/json'
|
||||||
|
},
|
||||||
|
body: JSON.stringify(
|
||||||
|
groupSeq
|
||||||
|
)
|
||||||
|
}, (resp) => {
|
||||||
|
console.log(resp + "------------------------resp")
|
||||||
|
const body = [];
|
||||||
|
const head = [];
|
||||||
|
if (resp.length > 0) {
|
||||||
|
resp.forEach(function (item, index) {
|
||||||
|
const formattedDate = item.aplcnBgngYmd.match(/\d{4}-\d{2}-\d{2}/)[0];
|
||||||
|
const url = "https://www.kcsc.re.kr/file/DownloadGrp/" + item.docFileGrpId;
|
||||||
|
body.push(
|
||||||
|
<tr>
|
||||||
|
<td>{formattedDate}</td>
|
||||||
|
<td><a href={url}><AiFillFileMarkdown/></a></td>
|
||||||
|
<td></td>
|
||||||
|
</tr>)
|
||||||
|
})
|
||||||
|
head.push(
|
||||||
|
<tr>
|
||||||
|
<td>년도</td>
|
||||||
|
<td>기준코드</td>
|
||||||
|
<td>신구건설기준비교</td>
|
||||||
|
</tr>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
setGroupSeq(<StandardCodeListModalTable head={head} content={body}/>);
|
||||||
|
}
|
||||||
|
)
|
||||||
|
setShow(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
const retrieveList = useCallback((searchCondition) => {
|
||||||
|
setListLoading(true)
|
||||||
|
EgovNet.requestFetch('/standardCode/standard-code-list'+EgovNet.convParams(searchCondition),
|
||||||
|
{
|
||||||
|
method: "GET",
|
||||||
|
headers: {
|
||||||
|
'Content-type': 'application/json',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
(resp) => {
|
||||||
|
setListData(resp.result.resultList);
|
||||||
|
setResultCnt(resp.result.resultCnt.allCnt);
|
||||||
|
setRemarkCnt(resp.result.resultCnt.remarkCnt);
|
||||||
|
setListLoading(false)
|
||||||
|
},
|
||||||
|
function (resp) {
|
||||||
|
console.log("err response : ", resp);
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="StandardCodeList container">
|
||||||
|
<div className="c_wrap codeListContent">
|
||||||
|
<div className="layout">
|
||||||
|
<div className="contents NOTICE_LIST listTableDiv">
|
||||||
|
<StandardCodeSearchForm param={listCode?listCode:'10'} reloadFunction={retrieveList} resultCnt={resultCnt} remarkCnt={remarkCnt}/>
|
||||||
|
<div className="board_list code_list">
|
||||||
|
<div className="head">
|
||||||
|
<span>대분류</span>
|
||||||
|
<span>중분류</span>
|
||||||
|
<span>코드번호</span>
|
||||||
|
<span>코드명</span>
|
||||||
|
<span className={"text-start"}>개정이력</span>
|
||||||
|
<span className={"text-start"}>보기</span>
|
||||||
|
<span>즐겨찾기</span>
|
||||||
|
</div>
|
||||||
|
{
|
||||||
|
listLoading?(<Loading/>):(
|
||||||
|
<StandardCodeList listData={listData} filterData={filterData}/>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
<StandardCodeListModal size={"lg"} show={show} content={groupSeq} onClose={close} title={"개정이력"}/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
export default StandardCodePage;
|
||||||
|
|
||||||
|
|
@ -111,10 +111,11 @@ import AdminLogsFileDownloadStatus from 'pages/admin/logs/FileDownloadStatus';
|
||||||
|
|
||||||
//건설기준코드
|
//건설기준코드
|
||||||
import CodeViewer from 'pages/standardCode/viewer/viewer';
|
import CodeViewer from 'pages/standardCode/viewer/viewer';
|
||||||
|
import StandardCodePage from "../pages/standardCode/list/StandardCodePage";
|
||||||
|
|
||||||
|
|
||||||
import * as EgovNet from 'api/egovFetch'; // jwt토큰 위조 검사 때문에 추가
|
import * as EgovNet from 'api/egovFetch'; // jwt토큰 위조 검사 때문에 추가
|
||||||
import initPage from 'js/ui';
|
import initPage from 'js/ui';
|
||||||
import StandardCodeList from "../pages/standardCode/list/StandardCodeList";
|
|
||||||
|
|
||||||
const RootRoutes = () => {
|
const RootRoutes = () => {
|
||||||
//useLocation객체를 이용하여 정규표현식을 사용한 /admin/~ 으로 시작하는 경로와 비교에 사용(아래 1줄) */}
|
//useLocation객체를 이용하여 정규표현식을 사용한 /admin/~ 으로 시작하는 경로와 비교에 사용(아래 1줄) */}
|
||||||
|
|
@ -330,8 +331,8 @@ const SecondRoutes = () => {
|
||||||
<Route path={URL.STANDARD_CODE_VIEWER_LINK} element={<CodeViewer mode={CODE.MODE_READ} />} />
|
<Route path={URL.STANDARD_CODE_VIEWER_LINK} element={<CodeViewer mode={CODE.MODE_READ} />} />
|
||||||
|
|
||||||
{/*기준코드리스트*/}
|
{/*기준코드리스트*/}
|
||||||
<Route path={URL.STANDARD_CODE_LIST} element={<StandardCodeList />} />
|
<Route path={URL.STANDARD_CODE_LIST} element={<StandardCodePage />} />
|
||||||
<Route path={URL.STANDARD_CODE_LIST_LINK} element={<StandardCodeList />} />
|
<Route path={URL.STANDARD_CODE_LIST_LINK} element={<StandardCodePage />} />
|
||||||
|
|
||||||
</Routes>
|
</Routes>
|
||||||
<EgovFooter />
|
<EgovFooter />
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue