214 lines
11 KiB
JavaScript
214 lines
11 KiB
JavaScript
import React, { useState, useEffect, useCallback } from 'react';
|
|
import { Link, useLocation } from 'react-router-dom';
|
|
import Row from 'react-bootstrap/Row';
|
|
import Col from 'react-bootstrap/Col';
|
|
import Button from 'react-bootstrap/Button';
|
|
import * as EgovNet from 'api/egovFetch';
|
|
import URL from 'constants/url';
|
|
|
|
function EgovMain(props) {
|
|
console.group("EgovMain");
|
|
console.log("[Start] EgovMain ------------------------------");
|
|
console.log("EgovMain [props] : ", props);
|
|
|
|
const location = useLocation();
|
|
console.log("EgovMain [location] : ", location);
|
|
|
|
// eslint-disable-next-line no-unused-vars
|
|
const [noticeBoard, setNoticeBoard] = useState();
|
|
// eslint-disable-next-line no-unused-vars
|
|
const [gallaryBoard, setGallaryBoard] = useState();
|
|
const [noticeListTag, setNoticeListTag] = useState();
|
|
const [gallaryListTag, setGallaryListTag] = useState();
|
|
|
|
const retrieveList = useCallback(() => {
|
|
console.groupCollapsed("EgovMain.retrieveList()");
|
|
|
|
const retrieveListURL = '/cmm/main/mainPageAPI.do';
|
|
const requestOptions = {
|
|
method: "POST",
|
|
headers: {
|
|
'Content-type': 'application/json'
|
|
},
|
|
body: JSON.stringify()
|
|
}
|
|
|
|
EgovNet.requestFetch(retrieveListURL,
|
|
requestOptions,
|
|
(resp) => {
|
|
|
|
setNoticeBoard(resp.result.notiList);
|
|
setGallaryBoard(resp.result.galList);
|
|
|
|
let mutNotiListTag = [];
|
|
mutNotiListTag.push(<li key="0">검색된 결과가 없습니다.</li>); // 게시판 목록 초기값
|
|
|
|
// 리스트 항목 구성
|
|
resp.result.notiList.forEach(function (item, index) {
|
|
if (index === 0) mutNotiListTag = []; // 목록 초기화
|
|
mutNotiListTag.push(
|
|
<li key={item.nttId}>
|
|
<Link
|
|
to={{pathname: URL.INFORM_NOTICE_DETAIL}}
|
|
state={{
|
|
nttId: item.nttId,
|
|
bbsId: item.bbsId
|
|
}}
|
|
>
|
|
{item.nttSj}
|
|
<span>{item.frstRegisterPnttm}</span>
|
|
</Link>
|
|
</li>
|
|
);
|
|
});
|
|
setNoticeListTag(mutNotiListTag);
|
|
|
|
let mutGallaryListTag = [];
|
|
mutGallaryListTag.push(<li key="0">검색된 결과가 없습니다.</li>); // 게시판 목록 초기값
|
|
|
|
// 리스트 항목 구성
|
|
resp.result.galList.forEach(function (item, index) {
|
|
if (index === 0) mutGallaryListTag = []; // 목록 초기화
|
|
mutGallaryListTag.push(
|
|
<li key={index}>
|
|
<Link
|
|
to={{pathname: URL.INFORM_GALLERY_DETAIL}}
|
|
state={{
|
|
nttId: item.nttId,
|
|
bbsId: item.bbsId
|
|
}}
|
|
>
|
|
{item.nttSj}
|
|
<span>{item.frstRegisterPnttm}</span>
|
|
</Link>
|
|
</li>
|
|
);
|
|
});
|
|
setGallaryListTag(mutGallaryListTag);
|
|
},
|
|
function (resp) {
|
|
console.log("err response : ", resp);
|
|
}
|
|
);
|
|
console.groupEnd("EgovMain.retrieveList()");
|
|
},[]);
|
|
|
|
useEffect(() => {
|
|
retrieveList();
|
|
}, [retrieveList]);
|
|
|
|
console.log("------------------------------EgovMain [End]");
|
|
console.groupEnd("EgovMain");
|
|
|
|
return (
|
|
<div className="container P_MAIN">
|
|
<div className="c_wrap">
|
|
<div className="colbox">
|
|
<div className="left_col">
|
|
{/*<img src="/assets/images/img_simple_main.png" alt="단순 홈페이지 전자정부 국가건설기준센터의 경량환경 내부업무에 대한 최신 정보와 기술을 제공하고 있습니다." />*/}
|
|
<h3>건설기준코드 검색</h3>
|
|
<Row>
|
|
<Col xs={3}><a href="/standardCode/list/1010" title="공통코드" className={"mainbnt"}>공통코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/101011" title="공통코드" className={"mainbnt"}>지반코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/101014" title="공통코드" className={"mainbnt"}>구조코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/101017" title="공통코드" className={"mainbnt"}>내진코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102021" title="공통코드" className={"mainbnt"}>가설코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102024" title="공통코드" className={"mainbnt"}>교량코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102027" title="공통코드" className={"mainbnt"}>터널코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102029" title="공통코드" className={"mainbnt"}>공동구코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102031" title="공통코드" className={"mainbnt"}>설비코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102034" title="공통코드" className={"mainbnt"}>조경코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102041" title="공통코드" className={"mainbnt"}>건축코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102044" title="공통코드" className={"mainbnt"}>도로코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102047" title="공통코드" className={"mainbnt"}>철도코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102051" title="공통코드" className={"mainbnt"}>하천코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102054" title="공통코드" className={"mainbnt"}>댐코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102057" title="공통코드" className={"mainbnt"}>상수도코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102061" title="공통코드" className={"mainbnt"}>하수도코드</a></Col>
|
|
<Col xs={3}><a href="/standardCode/list/102067" title="공통코드" className={"mainbnt"}>농업기반코드</a></Col>
|
|
</Row>
|
|
</div>
|
|
|
|
{/*<div className="right_col">*/}
|
|
{/* <div className="mini_board">*/}
|
|
{/* <ul className="tab">*/}
|
|
{/* <li><a href="#공지사항" className="on">공지사항</a></li>*/}
|
|
{/* <li><a href="#갤러리">갤러리</a></li>*/}
|
|
{/* </ul>*/}
|
|
{/* <div className="list">*/}
|
|
{/* <div className="notice">*/}
|
|
{/* <h2 className="blind">공지사항</h2>*/}
|
|
{/* <ul>*/}
|
|
{/* {noticeListTag}*/}
|
|
{/* </ul>*/}
|
|
{/* <Link to={URL.INFORM_NOTICE} className="more">더보기</Link>*/}
|
|
{/* </div>*/}
|
|
|
|
{/* <div className="gallary">*/}
|
|
{/* <h2 className="blind">갤러리</h2>*/}
|
|
{/* <ul>*/}
|
|
{/* {gallaryListTag}*/}
|
|
{/* </ul>*/}
|
|
{/* <Link to={URL.INFORM_GALLERY} className="more">더보기</Link>*/}
|
|
{/* </div>*/}
|
|
{/* </div>*/}
|
|
{/* </div>*/}
|
|
|
|
{/* <div className="banner">*/}
|
|
{/* <Link to={URL.SUPPORT_DOWNLOAD} className="bn1">*/}
|
|
{/* <strong>자료실</strong>*/}
|
|
{/* <span>다양한 자료를<br />다운로드 받으실 수 있습니다.</span>*/}
|
|
{/* </Link>*/}
|
|
{/* <Link to={URL.ABOUT} className="bn2">*/}
|
|
{/* <strong>국가건설기준센터</strong>*/}
|
|
{/* <span>국가건설기준센터의<br />약도 등의 정보를 제공합니다.</span>*/}
|
|
{/* </Link>*/}
|
|
{/* </div>*/}
|
|
{/*</div>*/}
|
|
</div>
|
|
|
|
{/*<div className="banner_bot">*/}
|
|
{/* <div className="b1">*/}
|
|
{/* <div>*/}
|
|
{/* <h2>주요사업 소개</h2>*/}
|
|
{/* <p>국가건설기준센터가 제공하는<br />*/}
|
|
{/* 주요 사업을 소개합니다.</p>*/}
|
|
{/* </div>*/}
|
|
{/* <Link to={URL.INTRO_WORKS}>자세히 보기</Link>*/}
|
|
{/* </div>*/}
|
|
{/* <div className="b2">*/}
|
|
{/* <div>*/}
|
|
{/* <h2>대표서비스 소개</h2>*/}
|
|
{/* <p>국가건설기준센터 실행환경의<br />*/}
|
|
{/* 서비스 그룹에서 제공하는<br />*/}
|
|
{/* 대표서비스입니다.</p>*/}
|
|
{/* </div>*/}
|
|
{/* <Link to={URL.INTRO_SERVICE}>자세히 보기</Link>*/}
|
|
{/* </div>*/}
|
|
{/* <div className="b3">*/}
|
|
{/* <div>*/}
|
|
{/* <h2>서비스 신청</h2>*/}
|
|
{/* <p>국가건설기준센터 경량환경<br />*/}
|
|
{/* 홈페이지의 다양한 서비스를<br />*/}
|
|
{/* 신청 하실 수 있습니다.</p>*/}
|
|
{/* </div>*/}
|
|
{/* <Link to={URL.SUPPORT_APPLY}>자세히 보기</Link>*/}
|
|
{/* </div>*/}
|
|
{/* <div className="b4">*/}
|
|
{/* <div>*/}
|
|
{/* <h2>일정 현황</h2>*/}
|
|
{/* <p>국가건설기준센터 경량환경<br />*/}
|
|
{/* 홈페이지의 전체적인 일정<br />*/}
|
|
{/* 현황을 조회하실 수 있습니다.</p>*/}
|
|
{/* </div>*/}
|
|
{/* <Link to={URL.INFORM}>자세히 보기</Link>*/}
|
|
{/* </div>*/}
|
|
{/*</div>*/}
|
|
</div>
|
|
</div>
|
|
|
|
);
|
|
}
|
|
|
|
export default EgovMain;
|