Merge branch 'master' of http://118.219.150.34:50501/DBNT/kcscDev into thkim
commit
2e8e1f2f92
|
|
@ -4,7 +4,11 @@
|
||||||
NODE_PATH=src/
|
NODE_PATH=src/
|
||||||
|
|
||||||
## 절대경로 지정
|
## 절대경로 지정
|
||||||
REACT_APP_EGOV_CONTEXT_URL=https://back.kcsc.dbnt.co.kr
|
<<<<<<< HEAD
|
||||||
|
=======
|
||||||
|
## REACT_APP_EGOV_CONTEXT_URL=https://back.kcsc.dbnt.co.kr
|
||||||
|
>>>>>>> 6849850039413527a8e94951eb8b08586f5bdfe7
|
||||||
|
REACT_APP_EGOV_CONTEXT_URL=58.234.249.138:50688
|
||||||
|
|
||||||
## [보안] 소스맵 삭제
|
## [보안] 소스맵 삭제
|
||||||
GENERATE_SOURCEMAP=false
|
GENERATE_SOURCEMAP=false
|
||||||
|
|
|
||||||
|
|
@ -3,24 +3,22 @@ import React from 'react';
|
||||||
import { NavLink } from 'react-router-dom';
|
import { NavLink } from 'react-router-dom';
|
||||||
import URL from 'constants/url';
|
import URL from 'constants/url';
|
||||||
|
|
||||||
|
|
||||||
function EgovLeftNavInform() {
|
function EgovLeftNavInform() {
|
||||||
console.groupCollapsed("EgovLeftNavInform");
|
|
||||||
console.log("[Start] EgovLeftNavInform ------------------------------");
|
|
||||||
console.log("------------------------------EgovLeftNavInform [End]");
|
|
||||||
console.groupEnd("EgovLeftNavInform");
|
|
||||||
return (
|
return (
|
||||||
<div className="nav">
|
<div className="nav1">
|
||||||
<div className="inner">
|
<div className="inner">
|
||||||
<h2>알림마당</h2>
|
<h2 className={"nav_title"}>사이트 안내</h2>
|
||||||
<ul className="menu4">
|
<ul className="menu10">
|
||||||
<li><NavLink to={URL.INFORM_DAILY} className={({ isActive }) => (isActive ? "cur" : "")}>오늘의행사</NavLink></li>
|
<li><NavLink to={URL.ABOUT_SITEMAP} className={({ isActive }) => (isActive ? "cur" : "")}>사이트맵</NavLink></li>
|
||||||
<li><NavLink to={URL.INFORM_WEEKLY} className={({ isActive }) => (isActive ? "cur" : "")}>금주의행사</NavLink></li>
|
<li><NavLink to={URL.PRIVATE} className={({ isActive }) => (isActive ? "cur" : "")}>개인정보처리방침</NavLink></li>
|
||||||
<li><NavLink to={URL.INFORM_NOTICE} className={({ isActive }) => (isActive ? "cur" : "")}>공지사항</NavLink></li>
|
<li><NavLink to={URL.EMAIL} className={({ isActive }) => (isActive ? "cur" : "")}>이메일무단수집거부</NavLink></li>
|
||||||
<li><NavLink to={URL.INFORM_GALLERY} className={({ isActive }) => (isActive ? "cur" : "")}>사이트갤러리</NavLink></li>
|
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export default React.memo(EgovLeftNavInform);
|
// export default React.memo(EgovLeftNavInform);
|
||||||
|
export default EgovLeftNavInform;
|
||||||
|
|
@ -1,18 +1,96 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
|
||||||
import { NavLink } from 'react-router-dom';
|
import {NavLink, useLocation} from 'react-router-dom';
|
||||||
|
import {Accordion} from "react-bootstrap";
|
||||||
|
|
||||||
|
import Row from 'react-bootstrap/Row';
|
||||||
|
import Col from 'react-bootstrap/Col';
|
||||||
|
import Button from 'react-bootstrap/Button';
|
||||||
|
|
||||||
import URL from 'constants/url';
|
import URL from 'constants/url';
|
||||||
|
|
||||||
function EgovLeftNavIntro() {
|
function EgovLeftNavIntro() {
|
||||||
|
const location = useLocation();
|
||||||
return (
|
const getLastFolder = (url) => { // 중간 폴더를 가져오는 로직 추가
|
||||||
<div className="nav">
|
const parts = url.split('/').filter(Boolean); // '/'로 분할하고 빈 문자열을 필터링
|
||||||
|
if (parts.length >= 2) {
|
||||||
|
return parts[2]; // 3번째 폴더 반환
|
||||||
|
}
|
||||||
|
return null;
|
||||||
|
};
|
||||||
|
const activeFolder = getLastFolder(location.pathname);
|
||||||
|
|
||||||
|
let activeKey;
|
||||||
|
if (activeFolder === "3") {
|
||||||
|
activeKey = 1;
|
||||||
|
} else if (activeFolder === "4") {
|
||||||
|
activeKey = 2;
|
||||||
|
} else if (activeFolder === "5") {
|
||||||
|
activeKey = 3;
|
||||||
|
} else {
|
||||||
|
activeKey = 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<div className="nav2">
|
||||||
<div className="inner">
|
<div className="inner">
|
||||||
<h2>정보마당</h2>
|
<Row className={"pt-4 pb-2 mb-1"}>
|
||||||
<ul className="menu4">
|
<Col xs={10}><input type={"text"} className={"form-control shadow-none w-100 h_40"} placeholder={"구)건설기준 검색"} /></Col>
|
||||||
<li><NavLink to={URL.INTRO_WORKS} className={({ isActive }) => (isActive ? "cur" : "")}>주요사업 소개</NavLink></li>
|
<Col xs={2} className={"ps-0"}><Button className={"btn-22498E h_40"} type={"button"} >검색</Button></Col>
|
||||||
<li><NavLink to={URL.INTRO_SERVICE} className={({ isActive }) => (isActive ? "cur" : "")}>대표서비스 소개</NavLink></li>
|
</Row>
|
||||||
</ul>
|
<Accordion defaultActiveKey={activeKey}>
|
||||||
|
<Accordion.Item eventKey={0}>
|
||||||
|
<Accordion.Header>(구)설계기준(22)</Accordion.Header>
|
||||||
|
<Accordion.Body>
|
||||||
|
<ul className="menu5">
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>강구조 설계기준(2)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>강구조 설계기준(하중저항계수 설계법)(3)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설공사 비탈면 설계기준(4)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건축 구조기준(8)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건축기계설비 설계기준(4)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건축전기설비 설계기준(4)</NavLink></li>
|
||||||
|
{/*리스트 쭉 보여주세요*/}
|
||||||
|
</ul>
|
||||||
|
</Accordion.Body>
|
||||||
|
</Accordion.Item>
|
||||||
|
|
||||||
|
<Accordion.Item eventKey={1}>
|
||||||
|
<Accordion.Header>(구)표준시방서(21)</Accordion.Header>
|
||||||
|
<Accordion.Body>
|
||||||
|
<ul className="menu5">
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>가설공사 표준시방서(5)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>강구조공사 표준시방서(2)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설공사 비탈면 표준시방서(3)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설환경관리 표준시방서(1)</NavLink></li>
|
||||||
|
{/*리스트 쭉 보여주세요*/}
|
||||||
|
</ul>
|
||||||
|
</Accordion.Body>
|
||||||
|
</Accordion.Item>
|
||||||
|
|
||||||
|
<Accordion.Item eventKey={2}>
|
||||||
|
<Accordion.Header>(구)전문시방서(9)</Accordion.Header>
|
||||||
|
<Accordion.Body>
|
||||||
|
<ul className="menu5">
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>고속도로공사 전문시방서(10)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>농어촌정비공사 전문시방서(1)</NavLink></li>
|
||||||
|
{/*리스트 쭉 보여주세요*/}
|
||||||
|
</ul>
|
||||||
|
</Accordion.Body>
|
||||||
|
</Accordion.Item>
|
||||||
|
|
||||||
|
<Accordion.Item eventKey={3}>
|
||||||
|
<Accordion.Header>(구)훈령/예규/지침(11)</Accordion.Header>
|
||||||
|
<Accordion.Body>
|
||||||
|
<ul className="menu5">
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>건설정책(198)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>교통물류(77)</NavLink></li>
|
||||||
|
<li><NavLink to={URL.STANDARD_CODE_OLD} className={({ isActive }) => (isActive ? "cur" : "")}>국토도시(156)</NavLink></li>
|
||||||
|
{/*리스트 쭉 보여주세요*/}
|
||||||
|
</ul>
|
||||||
|
</Accordion.Body>
|
||||||
|
</Accordion.Item>
|
||||||
|
|
||||||
|
</Accordion>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|
|
||||||
|
|
@ -18,7 +18,7 @@ const URL = {
|
||||||
ABOUT_PROMOTE : "/about/promote", // 사이트소개/홍보자료
|
ABOUT_PROMOTE : "/about/promote", // 사이트소개/홍보자료
|
||||||
ABOUT_ORGANIZATION : "/about/organization", // 사이트소개/조직소개
|
ABOUT_ORGANIZATION : "/about/organization", // 사이트소개/조직소개
|
||||||
ABOUT_LOCATION : "/about/location", // 사이트소개/찾아오시는길
|
ABOUT_LOCATION : "/about/location", // 사이트소개/찾아오시는길
|
||||||
ABOUT_SITEMAP : "/about/sitemap", // 사이트소개/사이트맵
|
ABOUT_SITEMAP : "/inform/sitemap", // 사이트소개/사이트맵
|
||||||
|
|
||||||
//INTRO
|
//INTRO
|
||||||
// INTRO : "/intro", //정보마당
|
// INTRO : "/intro", //정보마당
|
||||||
|
|
@ -26,9 +26,10 @@ const URL = {
|
||||||
// INTRO_SERVICE : "/intro/service", // 정보마당/주요서비스소개
|
// INTRO_SERVICE : "/intro/service", // 정보마당/주요서비스소개
|
||||||
|
|
||||||
//COMMITTEE
|
//COMMITTEE
|
||||||
COMMITTEE : "/committee", //위원회
|
COMMITTEE : "/committee", //위원회
|
||||||
COMMITTEE_PROGRESS : "/committee/progress", // 위원회/진행현황
|
COMMITTEE_PROGRESS : "/committee/progress", // 위원회/진행현황
|
||||||
COMMITTEE_SCHEDULE : "/committee/schedule", // 위원회/위원회일정
|
COMMITTEE_PROGRESS_DETAIL : "/committee/progressdetail", // 위원회/진행현황 상세보기
|
||||||
|
COMMITTEE_SCHEDULE : "/committee/schedule", // 위원회/위원회일정
|
||||||
|
|
||||||
//SUPPORT
|
//SUPPORT
|
||||||
SUPPORT : "/support", // 고객지원
|
SUPPORT : "/support", // 고객지원
|
||||||
|
|
@ -43,6 +44,8 @@ const URL = {
|
||||||
SUPPORT_API : "/support/api", // API 서비스
|
SUPPORT_API : "/support/api", // API 서비스
|
||||||
SUPPORT_RESEARCH : "/support/research", // 건설기준 연구
|
SUPPORT_RESEARCH : "/support/research", // 건설기준 연구
|
||||||
SUPPORT_POLL : "/support/poll", // 설문조사
|
SUPPORT_POLL : "/support/poll", // 설문조사
|
||||||
|
SUPPORT_SURVEY : "/support/survey/:Id", // 설문조사 참여
|
||||||
|
SUPPORT_SURVEY_NOID : "/support/survey/", // 설문조사 참여
|
||||||
SUPPORT_DOWNLOAD : "/support/download", // 고객지원/자료실
|
SUPPORT_DOWNLOAD : "/support/download", // 고객지원/자료실
|
||||||
// SUPPORT_DOWNLOAD_DETAIL : "/support/download/detail", // 고객지원/자료실/상세
|
// SUPPORT_DOWNLOAD_DETAIL : "/support/download/detail", // 고객지원/자료실/상세
|
||||||
// SUPPORT_DOWNLOAD_CREATE : "/support/download/create", // 고객지원/자료실/등록
|
// SUPPORT_DOWNLOAD_CREATE : "/support/download/create", // 고객지원/자료실/등록
|
||||||
|
|
@ -54,7 +57,8 @@ const URL = {
|
||||||
STANDARD_CODE_INFO : "/standardCode/info", //건설기준코드/건설기준코드 안내
|
STANDARD_CODE_INFO : "/standardCode/info", //건설기준코드/건설기준코드 안내
|
||||||
STANDARD_CODE_TERM : "/standardCode/term", //건설기준코드/건설기준코드 용어
|
STANDARD_CODE_TERM : "/standardCode/term", //건설기준코드/건설기준코드 용어
|
||||||
STANDARD_CODE_ENG : "/standardCode/eng", //건설기준코드/영문 건설기준코드
|
STANDARD_CODE_ENG : "/standardCode/eng", //건설기준코드/영문 건설기준코드
|
||||||
STANDARD_CODE_OLD : "/standardCode/old", //건설기준코드/(구)건설기준코드
|
STANDARD_CODE_OLD : "/standardCode/old/:Code", //건설기준코드/(구)건설기준코드
|
||||||
|
STANDARD_CODE_OLD_NOCODE : "/standardCode/old", //건설기준코드/(구)건설기준코드
|
||||||
STANDARD_CODE_LIST : "/standardCode/list", //건설기준코드/리스트
|
STANDARD_CODE_LIST : "/standardCode/list", //건설기준코드/리스트
|
||||||
STANDARD_CODE_LIST_LINK : "/standardCode/list/:listCode", //건설기준코드/리스트
|
STANDARD_CODE_LIST_LINK : "/standardCode/list/:listCode", //건설기준코드/리스트
|
||||||
STANDARD_CODE_DETAIL : "/standardCode/detail", //건설기준코드/리스트
|
STANDARD_CODE_DETAIL : "/standardCode/detail", //건설기준코드/리스트
|
||||||
|
|
|
||||||
|
|
@ -84,10 +84,11 @@ button {cursor: pointer;}
|
||||||
|
|
||||||
.h_25 {height: 25px;}
|
.h_25 {height: 25px;}
|
||||||
.h_30 {height: 30px;}
|
.h_30 {height: 30px;}
|
||||||
|
.h_40 {height: 40px;}
|
||||||
.h_50 {height: 50px;}
|
.h_50 {height: 50px;}
|
||||||
.h_100 {height: 100px;}
|
.h_100 {height: 100px;}
|
||||||
.h_300 {height: 300px;}
|
.h_300 {height: 300px;}
|
||||||
.h-100 {height: 100%;}
|
/*.h-100 {height: 100%;}*/
|
||||||
|
|
||||||
.f_11 {font-size: 11px;}
|
.f_11 {font-size: 11px;}
|
||||||
.f_12 {font-size: 12px;}
|
.f_12 {font-size: 12px;}
|
||||||
|
|
@ -106,10 +107,11 @@ button {cursor: pointer;}
|
||||||
.pb10 {padding-bottom: 10px !important;}
|
.pb10 {padding-bottom: 10px !important;}
|
||||||
|
|
||||||
.bg-fa {background: #FAFAFA !important;}
|
.bg-fa {background: #FAFAFA !important;}
|
||||||
|
.bg-224 {background: #22498E !important;}
|
||||||
|
|
||||||
.text-4c6 {color: #4C6C84 !important;}
|
.text-4c6 {color: #4C6C84 !important;}
|
||||||
.text-224 {color: #22498E !important;}
|
.text-224 {color: #22498E !important;}
|
||||||
|
|
||||||
.clickable{cursor: pointer;}
|
.clickable{cursor: pointer;}
|
||||||
|
|
||||||
.MuiTab-root.Mui-selected { color: #22498E; }
|
/*.MuiTab-root.Mui-selected { color: #22498E; }*/
|
||||||
|
|
|
||||||
|
|
@ -82,7 +82,7 @@ body {min-width: 1400px;}
|
||||||
.c_wrap { margin: auto 0; } /* removed by lim width: 1400px; padding: 0 50px; */
|
.c_wrap { margin: auto 0; } /* removed by lim width: 1400px; padding: 0 50px; */
|
||||||
.c_wrap .layout {display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;} /* added by lim padding-bottom: 20px; */
|
.c_wrap .layout {display: table; width: 100%; table-layout: fixed; padding-bottom: 20px;} /* added by lim padding-bottom: 20px; */
|
||||||
|
|
||||||
/* sub navigation */
|
/* 관리자 (왼쪽메뉴) */
|
||||||
.c_wrap .layout .nav:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;} /* changed by lim width: 260px; */
|
.c_wrap .layout .nav:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;} /* changed by lim width: 260px; */
|
||||||
/*.c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;}*/
|
/*.c_wrap .layout .nav .inner {border: 1px solid #dde2e5; border-radius: 10px;}*/
|
||||||
.nav_title{padding: 35px 30px 26px 20px;} /* changed by lim border-bottom: 4px solid #dde2e5; */
|
.nav_title{padding: 35px 30px 26px 20px;} /* changed by lim border-bottom: 4px solid #dde2e5; */
|
||||||
|
|
@ -94,18 +94,28 @@ body {min-width: 1400px;}
|
||||||
.c_wrap .layout .nav ul li a:hover::after {content: ""; display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat;}
|
.c_wrap .layout .nav ul li a:hover::after {content: ""; display: block; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat;}
|
||||||
.c_wrap .layout .nav ul li a.cur {color: #222; font-weight: 700;}
|
.c_wrap .layout .nav ul li a.cur {color: #222; font-weight: 700;}
|
||||||
|
|
||||||
.c_wrap .layout .contents {display: table-cell; width: auto; vertical-align: top; padding-left: 30px;} /* changed by lim padding: 0 0 120px 70px; */
|
/* (구)건설기준 (왼쪽메뉴) */
|
||||||
|
.c_wrap .layout .nav2:not(.tabs) {display: table-cell; width: 350px; vertical-align: top;}
|
||||||
|
/*.c_wrap .layout .nav2 h2 {color: #222; font-size: 22px; font-weight: 700;}*/
|
||||||
|
.c_wrap .layout .nav2 button {font-size: 15px;}
|
||||||
|
.c_wrap .layout .nav2 .accordion-button {background: #FAFAFA;}
|
||||||
|
.c_wrap .layout .nav2 ul li a {display: block; position: relative; color: #666; font-size: 14px; }
|
||||||
|
.c_wrap .layout .nav2 ul li a.cur {color: #222; font-weight: 700; }
|
||||||
|
|
||||||
/* 센터소개 */
|
.c_wrap .layout .contents .border-secondary {border : 1px solid #6c757d;}
|
||||||
|
.c_wrap .layout .contents .border-secondary-no_top {border-left: 1px solid #6c757d; border-right: 1px solid #6c757d; border-bottom: 1px solid #6c757d; height: 500px; overflow-y: scroll;}
|
||||||
|
|
||||||
|
.c_wrap .layout .contents {display: table-cell; width: auto; vertical-align: top; padding-left: 30px;}
|
||||||
|
|
||||||
|
/* 센터소개 (왼쪽메뉴) */
|
||||||
.c_wrap .layout .nav1:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;}
|
.c_wrap .layout .nav1:not(.tabs) {display: table-cell; width: 220px; vertical-align: top;}
|
||||||
.c_wrap .layout .nav1 h2 {color: #222; font-size: 24px; font-weight: 700;}
|
.c_wrap .layout .nav1 h2 {color: #222; font-size: 24px; font-weight: 700;}
|
||||||
.c_wrap .layout .nav1 .menu10 {mnargin: 0; border: 1px solid #dde2e5;}
|
.c_wrap .layout .nav1 .menu10 {mnargin: 0; border: 1px solid #dde2e5;}
|
||||||
/*.c_wrap .layout .nav1 li {margin: 10px;}*/
|
|
||||||
.c_wrap .layout .nav1 .menu10 li + li {border-top: 1px solid #dde2e5; }
|
.c_wrap .layout .nav1 .menu10 li + li {border-top: 1px solid #dde2e5; }
|
||||||
.c_wrap .layout .nav1 ul li a {display: block; position: relative; color: #666; font-size: 14px; padding: 10px;} /* changed by lim font-size: 18px; */
|
.c_wrap .layout .nav1 ul li a {display: block; position: relative; color: #666; font-size: 14px; padding: 10px;}
|
||||||
/*.c_wrap .layout .nav1 ul li a:hover {}*/
|
|
||||||
.c_wrap .layout .nav1 ul li a:hover::after {content: ""; display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat; }
|
.c_wrap .layout .nav1 ul li a:hover::after {content: ""; display: block; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 9px; height: 15px; background: url(css/images/ico_arrow_r_gray_9x15.png) no-repeat; }
|
||||||
.c_wrap .layout .nav1 ul li a.cur {color: #fff; font-weight: 700; background-color: #004994; }
|
.c_wrap .layout .nav1 ul li a.cur {color: #fff; font-weight: 700; background-color: #004994; }
|
||||||
|
|
||||||
/* location */
|
/* location */
|
||||||
.location {height: 30px; padding-top: 23px; text-align: right;} /* chagned by lim height: 70px; padding-top: 43px; */
|
.location {height: 30px; padding-top: 23px; text-align: right;} /* chagned by lim height: 70px; padding-top: 43px; */
|
||||||
.location ul, .location ul li {display: inline-block; vertical-align: top;}
|
.location ul, .location ul li {display: inline-block; vertical-align: top;}
|
||||||
|
|
|
||||||
|
|
@ -434,6 +434,77 @@
|
||||||
.BRD014 .result .list_item1 > div:nth-child(2) {width: 35%; border-right: 2px solid #657E9E;}
|
.BRD014 .result .list_item1 > div:nth-child(2) {width: 35%; border-right: 2px solid #657E9E;}
|
||||||
.BRD014 .result .list_item1 > div:nth-child(3) {width: 35%; }
|
.BRD014 .result .list_item1 > div:nth-child(3) {width: 35%; }
|
||||||
|
|
||||||
|
/* 사용자 건설기준 용어 */
|
||||||
|
.BRD015 .head > span:nth-child(1) {position: relative; width: 20%; }
|
||||||
|
.BRD015 .head > span:nth-child(2) {position: relative; width: 20%; }
|
||||||
|
.BRD015 .head > span:nth-child(3) {position: relative; width: 30%; }
|
||||||
|
.BRD015 .head > span:nth-child(4) {position: relative; width: 30%; }
|
||||||
|
.BRD015 .head > span:nth-child(-n+3)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
|
||||||
|
.BRD015 .result .list_item > div:nth-child(1) {width: 20%; text-align: left; padding-left: 5px;}
|
||||||
|
.BRD015 .result .list_item > div:nth-child(2) {width: 20%; text-align: left; padding-left: 5px;}
|
||||||
|
.BRD015 .result .list_item > div:nth-child(3) {width: 30%; text-align: left; padding-left: 5px;}
|
||||||
|
.BRD015 .result .list_item > div:nth-child(4) {width: 30%; text-align: left; padding-left: 5px;}
|
||||||
|
|
||||||
|
/* API */
|
||||||
|
.BRD016 .head > span:nth-child(1) {position: relative; width: 20%; }
|
||||||
|
.BRD016 .head > span:nth-child(2) {position: relative; width: 50%; }
|
||||||
|
.BRD016 .head > span:nth-child(3) {position: relative; width: 30%; }
|
||||||
|
.BRD016 .head > span:nth-child(-n+2)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
|
||||||
|
.BRD016 .result .list_item > div:nth-child(1) {width: 20%; padding: 10px 0;}
|
||||||
|
.BRD016 .result .list_item > div:nth-child(2) {width: 50%; padding: 10px 0;}
|
||||||
|
.BRD016 .result .list_item > div:nth-child(3) {width: 30%; padding: 10px 0;}
|
||||||
|
|
||||||
|
.BRD017 .head > span:nth-child(1) {position: relative; width: 20%; }
|
||||||
|
.BRD017 .head > span:nth-child(2) {position: relative; width: 20%; }
|
||||||
|
.BRD017 .head > span:nth-child(3) {position: relative; width: 25%; }
|
||||||
|
.BRD017 .head > span:nth-child(4) {position: relative; width: 20%; }
|
||||||
|
.BRD017 .head > span:nth-child(5) {position: relative; width: 15%; }
|
||||||
|
.BRD017 .head > span:nth-child(-n+4)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(1) {width: 20%; padding: 10px 0;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(2) {width: 20%; padding: 10px 0;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(3) {width: 25%; padding: 10px 0;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(4) {width: 20%; padding: 10px 0;}
|
||||||
|
.BRD017 .result .list_item > div:nth-child(5) {width: 15%; padding: 10px 0;}
|
||||||
|
|
||||||
|
.BRD018 .head > span:nth-child(1) {position: relative; width: 15%; }
|
||||||
|
.BRD018 .head > span:nth-child(2) {position: relative; width: 85%; padding: 10px; text-align: left;}
|
||||||
|
.BRD018 .head > span:nth-child(1)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
|
||||||
|
.BRD018 .result .list_item > div:nth-child(1) {width: 15%; padding: 10px 0;}
|
||||||
|
.BRD018 .result .list_item > div:nth-child(2) {width: 85%; padding: 10px; text-align: left;}
|
||||||
|
|
||||||
|
.BRD019 .head > span:nth-child(1) {position: relative; width: 60%;}
|
||||||
|
.BRD019 .head > span:nth-child(2) {position: relative; width: 8%; text-align: center;}
|
||||||
|
.BRD019 .head > span:nth-child(3) {position: relative; width: 8%; text-align: center;}
|
||||||
|
.BRD019 .head > span:nth-child(4) {position: relative; width: 8%; text-align: center;}
|
||||||
|
.BRD019 .head > span:nth-child(5) {position: relative; width: 8%; text-align: center;}
|
||||||
|
.BRD019 .head > span:nth-child(6) {position: relative; width: 8%; text-align: center;}
|
||||||
|
.BRD019 .head > span:nth-child(-n+5)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
|
||||||
|
.BRD019 .result .list_item > div:nth-child(1) {width: 60%; text-align: left; padding-left: 10px;}
|
||||||
|
.BRD019 .result .list_item > div:nth-child(2) {width: 8%; text-align: center;}
|
||||||
|
.BRD019 .result .list_item > div:nth-child(3) {width: 8%; text-align: center;}
|
||||||
|
.BRD019 .result .list_item > div:nth-child(4) {width: 8%; text-align: center;}
|
||||||
|
.BRD019 .result .list_item > div:nth-child(5) {width: 8%; text-align: center;}
|
||||||
|
.BRD019 .result .list_item > div:nth-child(6) {width: 8%; text-align: center;}
|
||||||
|
.poll_title {font-size: 15px; padding-left: 10px;}
|
||||||
|
.poll_answer {padding-left: 20px;}
|
||||||
|
|
||||||
|
/* 위원회 진행현황 */
|
||||||
|
.BRD020 .head > span:nth-child(1) {position: relative; width: 60px;}
|
||||||
|
.BRD020 .head > span:nth-child(2) {position: relative; width: 80px;}
|
||||||
|
.BRD020 .head > span:nth-child(3) {position: relative; width: 180px;}
|
||||||
|
.BRD020 .head > span:nth-child(4) {position: relative; }
|
||||||
|
.BRD020 .head > span:nth-child(5) {position: relative; width: 120px;}
|
||||||
|
.BRD020 .head > span:nth-child(6) {position: relative; width: 120px;}
|
||||||
|
.BRD020 .head > span:nth-child(7) {position: relative; width: 100px;}
|
||||||
|
.BRD020 .head > span:nth-child(-n+6)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
|
||||||
|
.BRD020 .result .list_item > div:nth-child(1) {width: 60px;}
|
||||||
|
.BRD020 .result .list_item > div:nth-child(2) {width: 80px;}
|
||||||
|
.BRD020 .result .list_item > div:nth-child(3) {width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left;}
|
||||||
|
.BRD020 .result .list_item > div:nth-child(4) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; padding-left: 5px;}
|
||||||
|
.BRD020 .result .list_item > div:nth-child(5) {width: 120px;}
|
||||||
|
.BRD020 .result .list_item > div:nth-child(6) {width: 120px;}
|
||||||
|
.BRD020 .result .list_item > div:nth-child(7) {width: 100px;}
|
||||||
|
|
||||||
|
|
||||||
/* 찾아오시는길 */
|
/* 찾아오시는길 */
|
||||||
.SITE_CONTACT_US .map {margin-top: 43px;}
|
.SITE_CONTACT_US .map {margin-top: 43px;}
|
||||||
|
|
@ -543,3 +614,11 @@
|
||||||
.docInfoRow > div{--bs-gutter-x: 0.5rem;}
|
.docInfoRow > div{--bs-gutter-x: 0.5rem;}
|
||||||
.bookmarkModalHeader{--bs-modal-title-line-height:1;}
|
.bookmarkModalHeader{--bs-modal-title-line-height:1;}
|
||||||
.optionBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; margin-right: 7px;}
|
.optionBtn{--bs-btn-padding-y: 0.1rem;--bs-btn-padding-x: 0.25rem;--bs-btn-font-size: 0.7rem; margin-right: 7px;}
|
||||||
|
|
||||||
|
|
||||||
|
/* 건설기준코드 안내*/
|
||||||
|
.code_border {border: 1px solid #22498E;}
|
||||||
|
.code_circle {width: 100px; height: 100px; border-radius: 50%; background: #E2E9F6; text-align: center; }
|
||||||
|
.code_table {border: 1px solid #222;}
|
||||||
|
.code_table_bottom {border-bottom: 1px solid #EAEAEA;}
|
||||||
|
.code_table_right {border-right: 1px solid #EAEAEA;}
|
||||||
|
|
|
||||||
|
|
@ -48,6 +48,7 @@
|
||||||
.c_wrap .layout .nav h2 {position: absolute; top: -9999px;}
|
.c_wrap .layout .nav h2 {position: absolute; top: -9999px;}
|
||||||
.c_wrap .layout .nav ul {padding: 0 20px;}
|
.c_wrap .layout .nav ul {padding: 0 20px;}
|
||||||
.c_wrap .layout .nav ul.menu4 {max-width: 570px;}
|
.c_wrap .layout .nav ul.menu4 {max-width: 570px;}
|
||||||
|
.c_wrap .layout .nav div.menu5 {max-width: 570px;}
|
||||||
.c_wrap .layout .nav ul.menu6 {width: 1000px;}
|
.c_wrap .layout .nav ul.menu6 {width: 1000px;}
|
||||||
.c_wrap .layout .nav ul::after {content: ""; display: block; clear: both;}
|
.c_wrap .layout .nav ul::after {content: ""; display: block; clear: both;}
|
||||||
.c_wrap .layout .nav ul li {float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* added by lim width: 50%; ~~~~ overflow: hidden;*/
|
.c_wrap .layout .nav ul li {float: left; width: 50%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } /* added by lim width: 50%; ~~~~ overflow: hidden;*/
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@ import React from 'react';
|
||||||
import { Link } from 'react-router-dom';
|
import { Link } from 'react-router-dom';
|
||||||
|
|
||||||
import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAbout';
|
import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavAbout';
|
||||||
|
import URL from "constants/url";
|
||||||
|
|
||||||
function EgovAboutSite() {
|
function EgovAboutSite() {
|
||||||
return (
|
return (
|
||||||
|
|
@ -10,8 +11,8 @@ function EgovAboutSite() {
|
||||||
{/* <!-- Location --> */}
|
{/* <!-- Location --> */}
|
||||||
<div className="location">
|
<div className="location">
|
||||||
<ul>
|
<ul>
|
||||||
<li><Link to="" className="home">Home</Link></li>
|
<li><Link to={URL.MAIN} className="home">Home</Link></li>
|
||||||
<li><Link to="">센터 소개</Link></li>
|
<li><Link to={URL.ABOUT}>센터 소개</Link></li>
|
||||||
<li>인사말</li>
|
<li>인사말</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,14 +0,0 @@
|
||||||
import React, { useState } from 'react';
|
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
|
||||||
import * as EgovNet from 'api/egovFetch';
|
|
||||||
|
|
||||||
function Sitemap(){
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div>사이트맵</div>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
export default Sitemap;
|
|
||||||
|
|
@ -1,13 +1,134 @@
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
import URL from "constants/url";
|
||||||
|
import Row from "react-bootstrap/Row";
|
||||||
|
import Col from "react-bootstrap/Col";
|
||||||
|
|
||||||
function Progress(){
|
function Progress(){
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>위원회 - 진행현황</div>
|
<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.COMMITTEE}>건설기준위원회</Link></li>
|
||||||
|
<li>진행현황</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
|
||||||
|
<div className="contents" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
<h1 className="tit_3">진행현황</h1>
|
||||||
|
|
||||||
|
{/* <!-- 검색조건 --> */}
|
||||||
|
<div className="condition1">
|
||||||
|
<ul>
|
||||||
|
<li className="">
|
||||||
|
<label className="" htmlFor="search_select">
|
||||||
|
<select defaultValue={"0"} name="search_select" id="search_select" className="form-select shadow-none" >
|
||||||
|
<option value="0">전체</option>
|
||||||
|
<option value="1">제정</option>
|
||||||
|
<option value="2">개정</option>
|
||||||
|
<option value="3">제ㆍ개정 </option>
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
</li>
|
||||||
|
<li className="">
|
||||||
|
<input type="text" name="" placeholder="" className="form-control shadow-none rounded-2" />
|
||||||
|
</li>
|
||||||
|
<li className="">
|
||||||
|
<button type="button" className="btn btn-outline-secondary px-4">검색</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// 검색조건 --> */}
|
||||||
|
|
||||||
|
{/* <!-- 게시판목록 --> */}
|
||||||
|
<div className="board_list BRD020">
|
||||||
|
<div className="head">
|
||||||
|
<span>번호</span>
|
||||||
|
<span>구분</span>
|
||||||
|
<span>코드명</span>
|
||||||
|
<span>제목</span>
|
||||||
|
<span>진행위원회</span>
|
||||||
|
<span>진행상태</span>
|
||||||
|
<span>등록일</span>
|
||||||
|
</div>
|
||||||
|
<div className="result">
|
||||||
|
{/* <!-- case : 데이터 없을때 --> */}
|
||||||
|
{/* <p className="no_data" key="0">검색된 결과가 없습니다.</p> */}
|
||||||
|
|
||||||
|
{/* <!-- case : 데이터 있을때 --> */}
|
||||||
|
<Link to={URL.COMMITTEE_PROGRESS_DETAIL} className="list_item">
|
||||||
|
<div>3</div>
|
||||||
|
<div>개정</div>
|
||||||
|
<div>KDS 41 30 10 건축물 강구조 설계기준</div>
|
||||||
|
<div>KDS/KCS 41 00 00(건축구조기준/건축공사표준시방서) 부분개정 [3]</div>
|
||||||
|
<div>사전검토의견</div>
|
||||||
|
<div>중앙건설기술심의</div>
|
||||||
|
<div>2022-06-20</div>
|
||||||
|
</Link>
|
||||||
|
<Link to={URL.COMMITTEE_PROGRESS_DETAIL} className="list_item">
|
||||||
|
<div>3</div>
|
||||||
|
<div>개정</div>
|
||||||
|
<div>KDS 41 30 10 건축물 강구조 설계기준</div>
|
||||||
|
<div>KDS/KCS 41 00 00(건축구조기준/건축공사표준시방서) 부분개정</div>
|
||||||
|
<div>사전검토의견</div>
|
||||||
|
<div>중앙건설기술심의</div>
|
||||||
|
<div>2022-06-20</div>
|
||||||
|
</Link>
|
||||||
|
<Link to={URL.COMMITTEE_PROGRESS_DETAIL} className="list_item">
|
||||||
|
<div>3</div>
|
||||||
|
<div>개정</div>
|
||||||
|
<div>KDS 41 30 10 건축물 강구조 설계기준</div>
|
||||||
|
<div>KDS/KCS 41 00 00(건축구조기준/건축공사표준시방서) 부분개정 [5]</div>
|
||||||
|
<div>사전검토의견</div>
|
||||||
|
<div>중앙건설기술심의</div>
|
||||||
|
<div>2022-06-20</div>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* <!--// 게시판목록 --> */}
|
||||||
|
|
||||||
|
<Row className="board_bot justify-content-between">
|
||||||
|
<Col xs={3} className=""></Col>
|
||||||
|
{/* <!-- Paging --> */}
|
||||||
|
<Col xs={6} className="paging">
|
||||||
|
<ul>
|
||||||
|
<li className="btn"><button to="" className="first">처음</button></li>
|
||||||
|
<li className="btn"><button to="" className="prev">이전</button></li>
|
||||||
|
<li><button to="" className="cur">1</button></li>
|
||||||
|
<li><button to="">2</button></li>
|
||||||
|
<li><button to="">3</button></li>
|
||||||
|
<li><button to="">4</button></li>
|
||||||
|
<li><button to="">5</button></li>
|
||||||
|
<li><button to="">6</button></li>
|
||||||
|
<li><button to="">7</button></li>
|
||||||
|
<li><button to="">8</button></li>
|
||||||
|
<li><button to="">9</button></li>
|
||||||
|
<li><button to="">10</button></li>
|
||||||
|
<li className="btn"><button to="" className="next">다음</button></li>
|
||||||
|
<li className="btn"><button to="" className="last">마지막</button></li>
|
||||||
|
</ul>
|
||||||
|
</Col>
|
||||||
|
{/* <!--/ Paging --> */}
|
||||||
|
|
||||||
|
<Col xs={3} className="text-end"></Col>
|
||||||
|
</Row>
|
||||||
|
|
||||||
|
{/* <!--// 본문 --> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,180 @@
|
||||||
|
import React, { useState } from 'react';
|
||||||
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
|
||||||
|
import URL from "constants/url";
|
||||||
|
import Row from "react-bootstrap/Row";
|
||||||
|
import Col from "react-bootstrap/Col";
|
||||||
|
import Button from "react-bootstrap/Button";
|
||||||
|
|
||||||
|
function ProgressDetail(){
|
||||||
|
const navigate = useNavigate();
|
||||||
|
|
||||||
|
const goToList = () => {
|
||||||
|
navigate(URL.COMMITTEE_PROGRESS);
|
||||||
|
};
|
||||||
|
|
||||||
|
// const goToCreate = () => {
|
||||||
|
// navigate('/support/create/KCSC-QA');
|
||||||
|
// };
|
||||||
|
|
||||||
|
|
||||||
|
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.COMMITTEE}>건설기준위원회</Link></li>
|
||||||
|
<li>진행현황</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
|
||||||
|
<div className="contents" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
<h1 className="tit_3">진행현황</h1>
|
||||||
|
|
||||||
|
<div className="board_view2">
|
||||||
|
<dl>
|
||||||
|
<dd>[개정] 안건 제목 뿌려주세요.</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>기준코드</dt>
|
||||||
|
<dd>
|
||||||
|
KDS 41 30 10 건축물 강구조 설계기준
|
||||||
|
</dd>
|
||||||
|
<dt>등록일자</dt>
|
||||||
|
<dd>
|
||||||
|
2011-08-08 11:11:11
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>회의실 비밀번호</dt>
|
||||||
|
<dd>
|
||||||
|
#*23456234*
|
||||||
|
</dd>
|
||||||
|
<dt>회의일자</dt>
|
||||||
|
<dd>
|
||||||
|
2011-08-08 11:11
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>회의 담당자</dt>
|
||||||
|
<dd>
|
||||||
|
박성환
|
||||||
|
</dd>
|
||||||
|
<dt>등록자</dt>
|
||||||
|
<dd>
|
||||||
|
박성환
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>회의 안건</dt>
|
||||||
|
<dd>
|
||||||
|
<textarea className="f_txtar w-100 h-100" name="" id="" rows="4"></textarea>
|
||||||
|
{/*textarea 필요없으면 그냥 내용 뿌려주세요.*/}
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>사전검토자료</dt>
|
||||||
|
<dd>
|
||||||
|
<span className="file_attach">
|
||||||
|
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
|
||||||
|
</span>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>사전검토양식</dt>
|
||||||
|
<dd>
|
||||||
|
<span className="file_attach">
|
||||||
|
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
|
||||||
|
</span>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>관계기관의견</dt>
|
||||||
|
<dd>
|
||||||
|
<span className="file_attach">
|
||||||
|
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
|
||||||
|
</span>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>조치계획서</dt>
|
||||||
|
<dd>
|
||||||
|
<span className="file_attach">
|
||||||
|
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
|
||||||
|
</span>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>조치결과서</dt>
|
||||||
|
<dd>
|
||||||
|
<span className="file_attach">
|
||||||
|
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
|
||||||
|
</span>
|
||||||
|
</dd>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
<div className="qna_q">
|
||||||
|
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
|
||||||
|
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
|
||||||
|
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
|
||||||
|
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
|
||||||
|
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Row className={"py-3 justify-content-between"} >
|
||||||
|
<Col><Button type={"button"} className={"btn btn-22498E px-4"} onClick={goToList} >목록</Button></Col>
|
||||||
|
<Col className={"text-end"}>{/*<Button type={"button"} className={"btn btn-22498E px-4"} onClick={goToCreate} >수정</Button>*/}</Col>
|
||||||
|
</Row>
|
||||||
|
|
||||||
|
|
||||||
|
{/* <!-- 코멘트 등록으로 해서 바로바로 커뮤니케이션이 되도록 하실껀지 의논의 필요해보입니다.--> */}
|
||||||
|
<Row className="replay justify-content-between">
|
||||||
|
<Col xs={1} className="text-center">
|
||||||
|
<label htmlFor="replay_write">최종검토 종합의견</label>
|
||||||
|
</Col>
|
||||||
|
<Col xs={10} className="">
|
||||||
|
{/*파일업로드 및 최종검토결과, 최종검토 종합의견등 3개를 등록해야 하면 공간을 만들어서 더 추가해야 합니다.*/}
|
||||||
|
<textarea className="f_txtar w-100 h-100" name="" id="replay_write" rows="4"></textarea>
|
||||||
|
</Col>
|
||||||
|
<Col xs={1} className="">
|
||||||
|
<Button type={"button"} className="btn btn-22498E w-100 h-100" >등록</Button>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
{/* <!--// 답변달기 --> */}
|
||||||
|
<div className="qna_a">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<span>chanjin, 2011-08-08 12:33:33</span>
|
||||||
|
코멘트 달아주세요.<br />
|
||||||
|
코멘트 달아주세요.<br />
|
||||||
|
<Link to="#" className="btn delete">삭제</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>sunrise, 2011-08-07 11:11:11</span>
|
||||||
|
코멘트 달아주세요.<br />
|
||||||
|
<Link to="#" className="btn delete">삭제</Link>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span>auto, 2011-08-07 11:11:11</span>
|
||||||
|
제가 살펴볼께요 메일로 주세요. test@naver.com
|
||||||
|
<Link to="#" className="btn delete">삭제</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* <!--// 본문 --> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default ProgressDetail;
|
||||||
|
|
@ -2,12 +2,57 @@ import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
|
||||||
|
import URL from "constants/url";
|
||||||
|
|
||||||
function Schedule(){
|
function Schedule(){
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>위원회 - 위원회일정</div>
|
<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.COMMITTEE}>건설기준위원회</Link></li>
|
||||||
|
<li>위원회일정</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
|
||||||
|
<div className="contents" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
<h1 className="tit_3">위원회일정</h1>
|
||||||
|
|
||||||
|
{/* <!-- 검색조건 --> */}
|
||||||
|
<div className="condition">
|
||||||
|
<ul>
|
||||||
|
{/*이공간에 년도 및 월 검색기능 추가하시면 됩니다.*/}
|
||||||
|
{/*<li className="">*/}
|
||||||
|
{/* <label className="" htmlFor="search_select">*/}
|
||||||
|
{/* <select defaultValue={"0"} name="search_select" id="search_select" className="form-select shadow-none" >*/}
|
||||||
|
{/* <option value="0">전체</option>*/}
|
||||||
|
{/* </select>*/}
|
||||||
|
{/* </label>*/}
|
||||||
|
{/*</li>*/}
|
||||||
|
{/*<li className="">*/}
|
||||||
|
{/* <input type="text" name="" placeholder="" className="form-control shadow-none rounded-2" />*/}
|
||||||
|
{/*</li>*/}
|
||||||
|
<li className="">
|
||||||
|
<button type="button" className="btn btn-outline-secondary px-4">검색</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// 검색조건 --> */}
|
||||||
|
|
||||||
|
<div className="calendar_list">관리자에 있는 달력을 추가해주세요. 달력은 생략합니다.</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,41 @@
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
import URL from "constants/url";
|
||||||
|
|
||||||
|
import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavInform';
|
||||||
|
|
||||||
function Email(){
|
function Email(){
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>이메일 무단수집 거부</div>
|
<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.ABOUT_SITEMAP}>사이트 안내</Link></li>
|
||||||
|
<li>이메일 무단수집 거부</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
{/* <!-- Navigation --> */}
|
||||||
|
<EgovLeftNav></EgovLeftNav>
|
||||||
|
{/* <!--// Navigation --> */}
|
||||||
|
|
||||||
|
<div className="contents SITE_INTRO" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
|
||||||
|
<h1 className="tit_3">이메일 무단수집 거부</h1>
|
||||||
|
|
||||||
|
|
||||||
|
{/* <!--// 본문 --> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,43 @@
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
import URL from "constants/url";
|
||||||
|
|
||||||
|
import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavInform';
|
||||||
|
|
||||||
function Private(){
|
function Private(){
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>개인정보처리방침</div>
|
<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.ABOUT_SITEMAP}>사이트 안내</Link></li>
|
||||||
|
<li>개인정보처리방침</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
{/* <!-- Navigation --> */}
|
||||||
|
<EgovLeftNav></EgovLeftNav>
|
||||||
|
{/* <!--// Navigation --> */}
|
||||||
|
|
||||||
|
<div className="contents SITE_INTRO" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
|
||||||
|
<h1 className="tit_3">개인정보처리방침</h1>
|
||||||
|
|
||||||
|
|
||||||
|
{/* <!--// 본문 --> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,42 @@
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
import URL from "constants/url";
|
||||||
|
|
||||||
|
import { default as EgovLeftNav } from 'components/leftmenu/EgovLeftNavInform';
|
||||||
|
|
||||||
function Sitemap(){
|
function Sitemap(){
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>사이트맵</div>
|
<div className="container">
|
||||||
|
<div className="c_wrap">
|
||||||
|
{/* <!-- Location --> */}
|
||||||
|
<div className="location">
|
||||||
|
<ul>
|
||||||
|
<li><Link to={URL.MAIN} className="home">Home</Link></li>
|
||||||
|
<li>사이트맵</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
{/* <!-- Navigation --> */}
|
||||||
|
<EgovLeftNav></EgovLeftNav>
|
||||||
|
{/* <!--// Navigation --> */}
|
||||||
|
|
||||||
|
<div className="contents SITE_INTRO" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
|
||||||
|
<h1 className="tit_3">사이트맵</h1>
|
||||||
|
|
||||||
|
|
||||||
|
{/* <!--// 본문 --> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -274,31 +274,27 @@ function EgovMain(props) {
|
||||||
</Row>
|
</Row>
|
||||||
<Row>
|
<Row>
|
||||||
<Col>
|
<Col>
|
||||||
<Link to={URL.STANDARD_CODE_LIST} className="link-wrapper">
|
<Link to={URL.STANDARD_CODE_OLD_NOCODE+'/5'} className="link-wrapper">
|
||||||
<div className={"topbox_13"}><img src="/assets/images/ico-landing5.png" /></div>
|
<div className={"topbox_13"}><img src="/assets/images/ico-landing5.png" /></div>
|
||||||
<div className={"topbox_14"}>훈령/예규/지침</div>
|
<div className={"topbox_14"}>훈령/예규/지침</div>
|
||||||
{/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
|
|
||||||
</Link>
|
</Link>
|
||||||
</Col>
|
</Col>
|
||||||
<Col>
|
<Col>
|
||||||
<Link to={URL.STANDARD_CODE_INFO} className="link-wrapper">
|
<Link to={URL.STANDARD_CODE_ENG} className="link-wrapper">
|
||||||
<div className={"topbox_13"}><img src="/assets/images/ico-landing6.png" /></div>
|
<div className={"topbox_13"}><img src="/assets/images/ico-landing6.png" /></div>
|
||||||
<div className={"topbox_14"}>영문건설기준</div>
|
<div className={"topbox_14"}>영문건설기준</div>
|
||||||
{/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
|
|
||||||
</Link>
|
</Link>
|
||||||
</Col>
|
</Col>
|
||||||
<Col>
|
<Col>
|
||||||
<Link to={URL.COMMITTEE_SCHEDULE} className="link-wrapper">
|
<Link to={URL.STANDARD_CODE_TERM} className="link-wrapper">
|
||||||
<div className={"topbox_13"}><img src="/assets/images/ico-landing8.png" /></div>
|
<div className={"topbox_13"}><img src="/assets/images/ico-landing8.png" /></div>
|
||||||
<div className={"topbox_14"}>건설기준용어</div>
|
<div className={"topbox_14"}>건설기준용어</div>
|
||||||
{/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
|
|
||||||
</Link>
|
</Link>
|
||||||
</Col>
|
</Col>
|
||||||
<Col>
|
<Col>
|
||||||
<Link to={URL.STANDARD_CODE_LIST + '/5000'} className="link-wrapper">
|
<Link to={URL.SUPPORT_API} className="link-wrapper">
|
||||||
<div className={"topbox_13"}><img src="/assets/images/ico-landing10.png" /></div>
|
<div className={"topbox_13"}><img src="/assets/images/ico-landing10.png" /></div>
|
||||||
<div className={"topbox_14"}>API 서비스</div>
|
<div className={"topbox_14"}>API 서비스</div>
|
||||||
{/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
|
|
||||||
</Link>
|
</Link>
|
||||||
</Col>
|
</Col>
|
||||||
</Row>
|
</Row>
|
||||||
|
|
@ -346,14 +342,14 @@ function EgovMain(props) {
|
||||||
value={value}
|
value={value}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
indicatorColor="secondary"
|
indicatorColor="secondary"
|
||||||
textColor="secondary"
|
textColor="#22498E"
|
||||||
>
|
>
|
||||||
<Tab value={0} {...a11yProps(0)} sx={{ fontSize: value === 0 ? '1.5rem' : '1rem', fontWeight: 700}} label="건설기준고시" wrapped />
|
<Tab value={0} {...a11yProps(0)} sx={{ fontSize: value === 0 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 0 ? '#22498E' : 'secondary'}} label="건설기준고시" wrapped />
|
||||||
<Tab value={1} {...a11yProps(1)} sx={{ fontSize: value === 1 ? '1.5rem' : '1rem', fontWeight: 700}} label="공지사항" />
|
<Tab value={1} {...a11yProps(1)} sx={{ fontSize: value === 1 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 1 ? '#22498E' : 'secondary'}} label="공지사항" />
|
||||||
<Tab value={2} {...a11yProps(2)} sx={{ fontSize: value === 2 ? '1.5rem' : '1rem', fontWeight: 700}} label="위원회 진행현황" />
|
<Tab value={2} {...a11yProps(2)} sx={{ fontSize: value === 2 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 2 ? '#22498E' : 'secondary'}} label="위원회 진행현황" />
|
||||||
<Tab value={3} {...a11yProps(3)} sx={{ fontSize: value === 3 ? '1.5rem' : '1rem', fontWeight: 700}} label="건설기준연구" />
|
<Tab value={3} {...a11yProps(3)} sx={{ fontSize: value === 3 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 3 ? '#22498E' : 'secondary'}} label="건설기준연구" />
|
||||||
<Tab value={4} {...a11yProps(4)} sx={{ fontSize: value === 4 ? '1.5rem' : '1rem', fontWeight: 700}} label="기술자료" />
|
<Tab value={4} {...a11yProps(4)} sx={{ fontSize: value === 4 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 4 ? '#22498E' : 'secondary'}} label="기술자료" />
|
||||||
<Tab value={5} {...a11yProps(5)} sx={{ fontSize: value === 5 ? '1.5rem' : '1rem', fontWeight: 700}} label="보도자료" />
|
<Tab value={5} {...a11yProps(5)} sx={{ fontSize: value === 5 ? '1.5rem' : '1rem', fontWeight: 700, color: value === 5 ? '#22498E' : 'secondary'}} label="보도자료" />
|
||||||
<Tab value="" label="+" sx={{ fontSize: '1.75rem', ml: 'auto' }} onClick={handlePlusClick} />
|
<Tab value="" label="+" sx={{ fontSize: '1.75rem', ml: 'auto' }} onClick={handlePlusClick} />
|
||||||
</Tabs>
|
</Tabs>
|
||||||
</Box>
|
</Box>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,72 @@
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
import {default as EgovLeftNav} from 'components/leftmenu/EgovLeftNavIntro';
|
||||||
|
|
||||||
|
import URL from "constants/url";
|
||||||
|
import Row from 'react-bootstrap/Row';
|
||||||
|
import Col from 'react-bootstrap/Col';
|
||||||
|
import Button from 'react-bootstrap/Button';
|
||||||
|
|
||||||
function CodeOld(){
|
function CodeOld(){
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>12(구) 건설기준코드</div>
|
<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.STANDARD_CODE_LIST}>건설기준코드</Link></li>
|
||||||
|
<li>(구)건설기준</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
{/* <!-- Navigation --> */}
|
||||||
|
<EgovLeftNav></EgovLeftNav>
|
||||||
|
{/* <!--// Navigation --> */}
|
||||||
|
|
||||||
|
<div className="contents" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
<h1 className="tit_3">(구)건설기준</h1>
|
||||||
|
|
||||||
|
<Row className={"w-100 bg-fa p-3 m-0 border-secondary"}>
|
||||||
|
<Col className={"f_16"}>설계기준 > 강구조 설계기준(2)</Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"border-secondary-no_top m-0"}>
|
||||||
|
<Col className={"p-4"}>
|
||||||
|
<Row className={"py-2"}>
|
||||||
|
<Col>1 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"border-bottom pb-2"}>
|
||||||
|
<Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"py-2"}>
|
||||||
|
<Col>2 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"border-bottom pb-2"}>
|
||||||
|
<Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"py-2"}>
|
||||||
|
<Col>3 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"border-bottom pb-2"}>
|
||||||
|
<Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"py-2"}>
|
||||||
|
<Col>4 . 강구조설계기준, 2007(부분개정내용-관보)</Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"border-bottom pb-2"}>
|
||||||
|
<Col><Button variant={"outline-secondary"} type={"button"}>설계기준</Button></Col>
|
||||||
|
</Row>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,12 +2,182 @@ import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
|
||||||
|
import URL from "constants/url";
|
||||||
|
import Row from "react-bootstrap/Row";
|
||||||
|
import Col from "react-bootstrap/Col";
|
||||||
|
import Modal from 'react-bootstrap/Modal';
|
||||||
|
|
||||||
function CodeTerm(){
|
function CodeTerm(){
|
||||||
|
const [show, setShow] = useState(false);
|
||||||
|
const [modalContent, setModalContent] = useState({});
|
||||||
|
const handleClose = () => setShow(false);
|
||||||
|
const handleShow = (content) => {
|
||||||
|
setModalContent(content);
|
||||||
|
setShow(true);
|
||||||
|
};
|
||||||
|
|
||||||
|
const items = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
modalTitleKo: '약전설비',
|
||||||
|
modalTitleEn: 'small-power electric facilities',
|
||||||
|
modalTitleHan: '',
|
||||||
|
modalTitleSources: 'KCS 32 35 40',
|
||||||
|
modalContentKo: '사용전압이 50 V 이하(SLV: Safety Low Voltage)인 전기설비',
|
||||||
|
modalContentEn: 'Electrical facilities whose operating voltage is 50 V or less (SLV: Safety Low Voltage).',
|
||||||
|
modalTitleField: '전기설비',
|
||||||
|
modalTitleGroup: '한국조명전기설비학회',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
modalTitleKo: '약전설비',
|
||||||
|
modalTitleEn: 'small-power electric facilities',
|
||||||
|
modalTitleHan: '',
|
||||||
|
modalTitleSources: 'KCS 32 35 40',
|
||||||
|
modalContentKo: '예산절감을 위한 건설기준 개정 연구',
|
||||||
|
modalContentEn: '예산절감을 위한 건설기준 개정 연구',
|
||||||
|
modalTitleField: '전기설비',
|
||||||
|
modalTitleGroup: '한국조명전기설비학회',
|
||||||
|
},
|
||||||
|
// 더 많은 항목을 추가
|
||||||
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>건설기준코드 용어</div>
|
<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.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
|
||||||
|
<li>건설기준용어</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
<div className="contents QNA_LIST" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
<h1 className="tit_3">건설기준 용어</h1>
|
||||||
|
|
||||||
|
{/* <!-- 검색조건 --> */}
|
||||||
|
<div className="condition1">
|
||||||
|
<ul>
|
||||||
|
<li className="">
|
||||||
|
<label className="" htmlFor="search_select">
|
||||||
|
<select defaultValue={"0"} name="search_select" id="search_select" className="form-select shadow-none" >
|
||||||
|
<option value="0">전체</option>
|
||||||
|
<option value="1">가설</option>
|
||||||
|
<option value="2">건축</option>
|
||||||
|
<option value="3">공동구</option>
|
||||||
|
{/*기타등등....*/}
|
||||||
|
</select>
|
||||||
|
</label>
|
||||||
|
</li>
|
||||||
|
<li className="">
|
||||||
|
<input type="text" name="" placeholder="" className="form-control shadow-none rounded-2" />
|
||||||
|
</li>
|
||||||
|
<li className="">
|
||||||
|
<button type="button" className="btn btn-outline-secondary px-4">검색</button>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// 검색조건 --> */}
|
||||||
|
|
||||||
|
{/* <!-- 게시판목록 --> */}
|
||||||
|
<div className="board_list BRD015">
|
||||||
|
<div className="head">
|
||||||
|
<span>국문용어</span>
|
||||||
|
<span>영문용어</span>
|
||||||
|
<span>국문용어 정의</span>
|
||||||
|
<span>영문용어 정의</span>
|
||||||
|
</div>
|
||||||
|
<div className="result">
|
||||||
|
{/* <!-- case : 데이터 없을때 --> */}
|
||||||
|
{/* <p className="no_data" key="0">검색된 결과가 없습니다.</p> */}
|
||||||
|
|
||||||
|
{/* <!-- case : 데이터 있을때 --> */}
|
||||||
|
{items.map(item => (
|
||||||
|
<React.Fragment key={item.id}>
|
||||||
|
<Link to="" className="list_item" onClick={() => handleShow({ titleKo: item.modalTitleKo, titleEn: item.modalTitleEn, contentKo: item.modalContentKo, contentEn: item.modalContentEn })}>
|
||||||
|
<div>{item.modalTitleKo}</div>
|
||||||
|
<div>{item.modalTitleEn}</div>
|
||||||
|
<div>{item.modalContentKo}</div>
|
||||||
|
<div>{item.modalContentEn}</div>
|
||||||
|
</Link>
|
||||||
|
</React.Fragment>
|
||||||
|
))}
|
||||||
|
<Link to="" className="list_item">
|
||||||
|
<div>약전설비</div>
|
||||||
|
<div>small-power electric facilities</div>
|
||||||
|
<div>사용전압이 50 V 이하(SLV: Safety Low Voltage)인 전기설비</div>
|
||||||
|
<div>Electrical facilities whose operating voltage is 50 V or less (SLV: Safety Low Voltage).</div>
|
||||||
|
</Link>
|
||||||
|
<Link to="" className="list_item">
|
||||||
|
<div>약전설비</div>
|
||||||
|
<div>small-power electric facilities</div>
|
||||||
|
<div>사용전압이 50 V 이하(SLV: Safety Low Voltage)인 전기설비</div>
|
||||||
|
<div>Electrical facilities whose operating voltage is 50 V or less (SLV: Safety Low Voltage).</div>
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{/* <!--// 게시판목록 --> */}
|
||||||
|
|
||||||
|
<Row className="board_bot justify-content-between">
|
||||||
|
<Col xs={3} className=""></Col>
|
||||||
|
{/* <!-- Paging --> */}
|
||||||
|
<Col xs={6} className="paging">
|
||||||
|
<ul>
|
||||||
|
<li className="btn"><button to="" className="first">처음</button></li>
|
||||||
|
<li className="btn"><button to="" className="prev">이전</button></li>
|
||||||
|
<li><button to="" className="cur">1</button></li>
|
||||||
|
<li><button to="">2</button></li>
|
||||||
|
<li><button to="">3</button></li>
|
||||||
|
<li><button to="">4</button></li>
|
||||||
|
<li><button to="">5</button></li>
|
||||||
|
<li><button to="">6</button></li>
|
||||||
|
<li><button to="">7</button></li>
|
||||||
|
<li><button to="">8</button></li>
|
||||||
|
<li><button to="">9</button></li>
|
||||||
|
<li><button to="">10</button></li>
|
||||||
|
<li className="btn"><button to="" className="next">다음</button></li>
|
||||||
|
<li className="btn"><button to="" className="last">마지막</button></li>
|
||||||
|
</ul>
|
||||||
|
</Col>
|
||||||
|
{/* <!--/ Paging --> */}
|
||||||
|
|
||||||
|
<Col xs={3} className="text-end"></Col>
|
||||||
|
</Row>
|
||||||
|
|
||||||
|
{/* <!--// 본문 --> */}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Modal show={show} onHide={handleClose}>
|
||||||
|
<Modal.Header closeButton>
|
||||||
|
<Modal.Title>용어설명</Modal.Title>
|
||||||
|
</Modal.Header>
|
||||||
|
<Modal.Body className={"px-4"}>
|
||||||
|
<Row className={"py-2 border-bottom"}>
|
||||||
|
<Col xs={3} className="text-start">국문용어</Col>
|
||||||
|
<Col xs={9} className="text-start">{modalContent.titleKo}</Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"py-2 border-bottom"}>
|
||||||
|
<Col xs={3} className="text-start">영문용어</Col>
|
||||||
|
<Col xs={9} className="text-start">{modalContent.titleEn}</Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"py-2 border-bottom"}>
|
||||||
|
<Col xs={3} className="text-start">국문용어 정의</Col>
|
||||||
|
<Col xs={9} className="text-start">{modalContent.contentKo}</Col>
|
||||||
|
</Row>
|
||||||
|
<Row className={"py-2 border-bottom"}>
|
||||||
|
<Col xs={3} className="text-start">영문용어 정의</Col>
|
||||||
|
<Col xs={9} className="text-start">{modalContent.contentKo}</Col>
|
||||||
|
</Row>
|
||||||
|
</Modal.Body>
|
||||||
|
</Modal>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
File diff suppressed because one or more lines are too long
|
|
@ -2,12 +2,246 @@ import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
|
||||||
|
import URL from "constants/url";
|
||||||
|
import Row from 'react-bootstrap/Row';
|
||||||
|
import Col from 'react-bootstrap/Col';
|
||||||
|
import Button from 'react-bootstrap/Button';
|
||||||
|
import Modal from 'react-bootstrap/Modal';
|
||||||
|
|
||||||
function API(){
|
function API(){
|
||||||
|
const [show, setShow] = useState(false);
|
||||||
|
const [modalContent, setModalContent] = useState({});
|
||||||
|
const handleClose = () => setShow(false);
|
||||||
|
|
||||||
|
const goToCreate = () => {
|
||||||
|
// 모달창 띄우기
|
||||||
|
setModalContent();
|
||||||
|
setShow(true);
|
||||||
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>API 서비스</div>
|
<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.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
|
||||||
|
<li>API 서비스</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
|
||||||
|
<div className="contents" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
<h1 className="tit_3">API 서비스</h1>
|
||||||
|
|
||||||
|
<Row className={"pb-2 justify-content-between"} >
|
||||||
|
<Col className={"f_17 text-4c6 pt-3"}>1. API 기본정보</Col>
|
||||||
|
<Col className={"text-end"}><Button type={"button"} className={"btn btn-22498E px-4"} onClick={goToCreate} >인증키 발급신청</Button></Col>
|
||||||
|
</Row>
|
||||||
|
|
||||||
|
<div className="board_list BRD016">
|
||||||
|
<div className="head">
|
||||||
|
<span>Method</span>
|
||||||
|
<span>Request URL</span>
|
||||||
|
<span>형식</span>
|
||||||
|
</div>
|
||||||
|
<div className="result">
|
||||||
|
<div className="list_item">
|
||||||
|
<div>GET</div>
|
||||||
|
<div>https://kcsc.re.kr/OpenApi/CodeViewer</div>
|
||||||
|
<div>JSON</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>GET</div>
|
||||||
|
<div>https://kcsc.re.kr/OpenApi/CodeList</div>
|
||||||
|
<div>JSON</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Row className={"py-2"} >
|
||||||
|
<Col className={"f_17 text-4c6 pt-3"}>2. 요청 변수</Col>
|
||||||
|
</Row>
|
||||||
|
|
||||||
|
<div className="board_list BRD017">
|
||||||
|
<div className="head">
|
||||||
|
<span>요청 변수명</span>
|
||||||
|
<span>설명</span>
|
||||||
|
<span>예시</span>
|
||||||
|
<span>Type</span>
|
||||||
|
<span>필수 여부</span>
|
||||||
|
</div>
|
||||||
|
<div className="result">
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Type</div>
|
||||||
|
<div>문서 타입</div>
|
||||||
|
<div>KDS</div>
|
||||||
|
<div>string</div>
|
||||||
|
<div>Y</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Code</div>
|
||||||
|
<div>문서 번호</div>
|
||||||
|
<div>101000</div>
|
||||||
|
<div>string</div>
|
||||||
|
<div>Y</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Key</div>
|
||||||
|
<div>인증키</div>
|
||||||
|
<div>bdf239cd309cc876293ff3</div>
|
||||||
|
<div>string</div>
|
||||||
|
<div>Y</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Row className={"py-2"} >
|
||||||
|
<Col className={"f_17 text-4c6 pt-3"}>3. 출력 결과</Col>
|
||||||
|
</Row>
|
||||||
|
|
||||||
|
<div className="board_list BRD016">
|
||||||
|
<div className="head">
|
||||||
|
<span>필드</span>
|
||||||
|
<span>설명</span>
|
||||||
|
<span>Type</span>
|
||||||
|
</div>
|
||||||
|
<div className="result">
|
||||||
|
<div className="list_item">
|
||||||
|
<div>No</div>
|
||||||
|
<div>코드 고유번호입니다.</div>
|
||||||
|
<div>int</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>CodeType</div>
|
||||||
|
<div>코드 타입입니다.</div>
|
||||||
|
<div>string</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Code</div>
|
||||||
|
<div>코드 번호입니다.</div>
|
||||||
|
<div>string</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>FullCode</div>
|
||||||
|
<div>카테고리 타입이 있는 코드 번호입니다.</div>
|
||||||
|
<div>string</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Name</div>
|
||||||
|
<div>코드 이름입니다.</div>
|
||||||
|
<div>string</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Version</div>
|
||||||
|
<div>코드 버전입니다.</div>
|
||||||
|
<div>string</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>UpdateDate</div>
|
||||||
|
<div>코드 수정일자입니다.</div>
|
||||||
|
<div>datetime</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Sort</div>
|
||||||
|
<div>목차 정렬 순서 번호입니다.</div>
|
||||||
|
<div>int</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Title</div>
|
||||||
|
<div>목차 입니다.</div>
|
||||||
|
<div>string</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Contents</div>
|
||||||
|
<div>목차의 상세내용입니다.</div>
|
||||||
|
<div>string</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>List</div>
|
||||||
|
<div>특정코드 상세내용 리스트입니다.</div>
|
||||||
|
<div>list</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>ListParentCodes</div>
|
||||||
|
<div>카테고리 속성 리스트입니다.</div>
|
||||||
|
<div>list</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Message</div>
|
||||||
|
<div>에러 내용입니다.</div>
|
||||||
|
<div>string</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Row className={"py-2"} >
|
||||||
|
<Col className={"f_17 text-4c6 pt-3"}>4. 예시</Col>
|
||||||
|
</Row>
|
||||||
|
|
||||||
|
<div className="board_list BRD018">
|
||||||
|
<div className="head">
|
||||||
|
<span>Request</span>
|
||||||
|
<span>https://kcsc.re.kr/OpenApi/CodeViewer/KCS/114010?key=bdf239cd309cc876293ff3</span>
|
||||||
|
</div>
|
||||||
|
<div className="result">
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Response</div>
|
||||||
|
<div>
|
||||||
|
No : 30155<br />
|
||||||
|
CodeType : KCS<br />
|
||||||
|
Code : 114010<br />
|
||||||
|
FullCode : 2010114010<br />
|
||||||
|
Name : 파형강판 암거<br />
|
||||||
|
Version : 2019<br />
|
||||||
|
UpdateDate : {`{2019-06-27 오전 10:52:07}`}<br />
|
||||||
|
List : {`[{"No": 30155, "Sort": 4, "Title": "1.1 적용범위", "Contents": "<ρ>(1) 이 기준은 구조용 파형강판을 이용하여 통로암거, 수로암거, 소교량 및 가설 구조물 등의 파형강판 암거.."}, ...]`}<br />
|
||||||
|
ListParentCodes : null<br />
|
||||||
|
Message : null'
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="head">
|
||||||
|
<span>Request</span>
|
||||||
|
<span>https://kcsc.re.kr/OpenApi/CodeList?key=bdf239cd309cc876293ff3</span>
|
||||||
|
</div>
|
||||||
|
<div className="result">
|
||||||
|
<div className="list_item">
|
||||||
|
<div>Response</div>
|
||||||
|
<div>
|
||||||
|
{`[{No : 20256`}<br />
|
||||||
|
CodeType : KDS<br />
|
||||||
|
Code : 100000<br />
|
||||||
|
FullCode : 10101000<br />
|
||||||
|
Name : 공통설계기준<br />
|
||||||
|
Version : 2018<br />
|
||||||
|
UpdateDate : {`{2019-06-04 오전 10:52:07}`}<br />
|
||||||
|
List : null<br />
|
||||||
|
ListParentCodes : {`{"codeType":"KDS","fullCode":"10","name":"설계기준"},{"codeType":"KDS","fullCode":"1010","name":"공통편"},{"codeType":"KDS","fullCode":"101010","name":"공통 설계기준"}`}<br />
|
||||||
|
Message : {`null}, ...]`}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<Modal show={show} onHide={handleClose}>
|
||||||
|
<Modal.Header closeButton>
|
||||||
|
<Modal.Title>API 서비스 신청</Modal.Title>
|
||||||
|
</Modal.Header>
|
||||||
|
<Modal.Body>
|
||||||
|
<h6 className={"text-224"}>아이디 : ***1234</h6>
|
||||||
|
<div className={"py-3"}><Button type={"button"} className={"btn btn-22498E px-4 w-100"} onClick={""} >발급신청</Button></div>
|
||||||
|
<div className={"f_14 text-center"}>발급신청 완료 후 관리자 승인절차에 따라 발급됩니다.</div>
|
||||||
|
</Modal.Body>
|
||||||
|
</Modal>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -11,10 +11,38 @@ import Button from "react-bootstrap/Button";
|
||||||
function Poll(){
|
function Poll(){
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
|
||||||
const goToDetail = () => {
|
const goToDetail = (id, isClosed) => {
|
||||||
// navigate('/support/list/KCSC-QA');
|
if (isClosed) {
|
||||||
|
alert('마감된 설문조사입니다.');
|
||||||
|
} else {
|
||||||
|
// 로그인 한경우만 참여 가능하게
|
||||||
|
navigate(`${URL.SUPPORT_SURVEY_NOID}${id}`);
|
||||||
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const surveys = [
|
||||||
|
{
|
||||||
|
id: 1,
|
||||||
|
title: "2023년 건설기준 포털시스템 이용자 만족도 조사",
|
||||||
|
isClosed: false,
|
||||||
|
period: "2014-06-25 ~ 2015-09-17",
|
||||||
|
content: "본 연구의 목적은 “건설공사기준 코드체계(국토교통부 고시 제2013-640호, ‘13.10)” 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 및 상충 항목의 검토 정비하여 통합 코드(안) 마련."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 2,
|
||||||
|
title: "2022년 건설기준 포털시스템 이용자 만족도 조사",
|
||||||
|
isClosed: true,
|
||||||
|
period: "2013-12-26 ~ 2015-06-30",
|
||||||
|
content: "본 연구의 목적은 “건설공사기준 코드체계(국토교통부 고시 제2013-640호, ‘13.10)” 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 및 상충 항목의 검토 정비하여 통합 코드(안) 마련."
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 3,
|
||||||
|
title: "2021년 건설기준 포털시스템 이용자 만족도 조사",
|
||||||
|
isClosed: true,
|
||||||
|
period: "2013-03-01 ~ 2014-07-01",
|
||||||
|
content: "ㅇ 현장 여건 변화 및 민원 등에 따른 합리적 표준시방서 개정 ㅇ 2009년 개정 이후 민원 및 감사원 지적 등에 따른 시방서 내용 개정"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="container">
|
<div className="container">
|
||||||
|
|
@ -35,6 +63,32 @@ function Poll(){
|
||||||
<h1 className="tit_3">설문조사</h1>
|
<h1 className="tit_3">설문조사</h1>
|
||||||
|
|
||||||
{/* <!-- 건설기준연구 안내 (리스트 5개씩만 뿌려주세요.)--> */}
|
{/* <!-- 건설기준연구 안내 (리스트 5개씩만 뿌려주세요.)--> */}
|
||||||
|
{surveys.map((survey) => (
|
||||||
|
<React.Fragment key={survey.id}>
|
||||||
|
<Row className="py-3 justify-content-between align-items-end">
|
||||||
|
<Col className="fs-6 fw-bold text-4c6 ps-4">{survey.title}</Col>
|
||||||
|
<Col className="text-end">
|
||||||
|
<Button
|
||||||
|
type="button"
|
||||||
|
className={survey.isClosed ? "btn btn-secondary px-4" : "btn btn-22498E px-4"}
|
||||||
|
onClick={() => goToDetail(survey.id, survey.isClosed)}>
|
||||||
|
{survey.isClosed ? '설문마감' : '참여하기'}
|
||||||
|
</Button>
|
||||||
|
</Col>
|
||||||
|
</Row>
|
||||||
|
<div className="board_view2 pb-4">
|
||||||
|
<dl>
|
||||||
|
<dt>참여기간</dt>
|
||||||
|
<dd>{survey.period}</dd>
|
||||||
|
</dl>
|
||||||
|
<dl>
|
||||||
|
<dt>내용</dt>
|
||||||
|
<dd>{survey.content}</dd>
|
||||||
|
</dl>
|
||||||
|
</div>
|
||||||
|
</React.Fragment>
|
||||||
|
))}
|
||||||
|
|
||||||
<Row className={"py-3 justify-content-between align-items-end"} >
|
<Row className={"py-3 justify-content-between align-items-end"} >
|
||||||
<Col className={"fs-6 fw-bold text-4c6 ps-4"}>2023년 건설기준 포털시스템 이용자 만족도 조사</Col>
|
<Col className={"fs-6 fw-bold text-4c6 ps-4"}>2023년 건설기준 포털시스템 이용자 만족도 조사</Col>
|
||||||
<Col className={"text-end"}><Button type={"button"} className={"btn btn-22498E px-4"} onClick={goToDetail} >참여하기</Button></Col>
|
<Col className={"text-end"}><Button type={"button"} className={"btn btn-22498E px-4"} onClick={goToDetail} >참여하기</Button></Col>
|
||||||
|
|
|
||||||
|
|
@ -1,13 +1,34 @@
|
||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
import * as EgovNet from 'api/egovFetch';
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
import URL from "../../constants/url";
|
||||||
|
|
||||||
function Site(){
|
function Site(){
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>관련사이트</div>
|
<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.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
|
||||||
|
<li>관련 사이트</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
|
||||||
|
<div className="contents" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
<h1 className="tit_3">관련 사이트</h1>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,131 @@
|
||||||
|
import React, { useState } from 'react';
|
||||||
|
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||||
|
import * as EgovNet from 'api/egovFetch';
|
||||||
|
import URL from "constants/url";
|
||||||
|
|
||||||
|
import Row from "react-bootstrap/Row";
|
||||||
|
import Col from "react-bootstrap/Col";
|
||||||
|
import Button from "react-bootstrap/Button";
|
||||||
|
|
||||||
|
function Poll_Detail(){
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
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.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
|
||||||
|
<li><Link to={URL.SUPPORT_POLL}>설문조사</Link></li>
|
||||||
|
<li>설문조사 참여하기</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{/* <!--// Location --> */}
|
||||||
|
|
||||||
|
<div className="layout">
|
||||||
|
|
||||||
|
<div className="contents" id="contents">
|
||||||
|
{/* <!-- 본문 --> */}
|
||||||
|
<h1 className="tit_3">설문조사 참여하기</h1><div className="board_list BRD018">
|
||||||
|
<div className="head">
|
||||||
|
<span>설문조사명</span>
|
||||||
|
<span>건설기준 포털시스템 이용자 만족도 조사</span>
|
||||||
|
</div>
|
||||||
|
<div className="result">
|
||||||
|
<div className="list_item">
|
||||||
|
<div>목적</div>
|
||||||
|
<div>건설기준 포털시스템의 사용자 만족도를 조사하여 향후 시스템 개선에 반영</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>첨부파일</div>
|
||||||
|
<div></div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>설문기간</div>
|
||||||
|
<div>2023-12-15 ~ 2023-12-29</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} /> 건설기준 포털시스템 접속 목적(복수 응답 가능)</div>
|
||||||
|
<div className={"poll_title"}>1) 질문 문항입니다.</div>
|
||||||
|
<div className={"poll_answer"}><input type={"checkbox"} id={"c1"} /> <label htmlFor={"c1"}>국가건설기준코드 검색</label></div>
|
||||||
|
<div className={"poll_answer"}><input type={"checkbox"} id={"c2"} /> <label htmlFor={"c2"}>국가건설기준코드 검색</label></div>
|
||||||
|
<div className={"poll_answer"}><input type={"checkbox"} id={"c3"} /> <label htmlFor={"c3"}>국가건설기준코드 검색</label></div>
|
||||||
|
<div className={"poll_answer"}><input type={"checkbox"} id={"c4"} /> <label htmlFor={"c4"}>국가건설기준코드 검색</label></div>
|
||||||
|
<div className={"poll_answer"}><input type={"checkbox"} id={"c5"} /> <label htmlFor={"c5"}>국가건설기준코드 검색</label></div>
|
||||||
|
<div className={"poll_answer"}><input type={"checkbox"} id={"c6"} /> <label htmlFor={"c6"}>국가건설기준코드 검색</label></div>
|
||||||
|
<div className={"pt-4 ps-2"}>기타</div>
|
||||||
|
<div><textarea className={"w-100 h_50"}></textarea></div>
|
||||||
|
|
||||||
|
<div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} />이용자 만족도</div>
|
||||||
|
<div className={"poll_title"}>건설기준 포털시스템의 만족도에 대한 설문 입니다. 귀하의 의견과 일치되는 곳에 'O' 표해 주십시오.</div>
|
||||||
|
<div className="board_list BRD019">
|
||||||
|
<div className="head">
|
||||||
|
<span>질문내용</span>
|
||||||
|
<span>매우만족</span>
|
||||||
|
<span>다소만족</span>
|
||||||
|
<span>보통</span>
|
||||||
|
<span>다소불만족</span>
|
||||||
|
<span>매우불만족</span>
|
||||||
|
</div>
|
||||||
|
<div className="result">
|
||||||
|
<div className="list_item">
|
||||||
|
<div className={"text-center fw-bold"}>(정보제공)</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>(1) 업무와 관련된 정보를 제공하고 있습니까?</div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>(2) 업무와 관련된 정보를 제공하고 있습니까?</div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>(3) 업무와 관련된 정보를 제공하고 있습니까?</div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div className={"text-center fw-bold"}>(시스템 일반현황)</div>
|
||||||
|
</div>
|
||||||
|
<div className="list_item">
|
||||||
|
<div>(1) 시스템의 응답속도는 만족하십니까?</div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
<div><input type={"radio"}/></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} />건의사항 및 향후 발전방향</div>
|
||||||
|
<div className={"poll_title"}>건설기준 포털시스템에 개선이 필요한 부분이나 건의사항이 있으시면 기재해 주시기 바랍니다.</div>
|
||||||
|
<div><textarea className={"w-100 h_100"}></textarea></div>
|
||||||
|
|
||||||
|
<Row className={"py-3n"} >
|
||||||
|
<Col className={"text-center"}><Button type={"button"} className={"btn btn-22498E px-4"} onClick={""} >설문조사 최종 참여하기</Button></Col>
|
||||||
|
</Row>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Poll_Detail;
|
||||||
|
|
@ -24,7 +24,7 @@ import EgovAboutHistory from 'pages/about/EgovAboutHistory';
|
||||||
import EgovAboutPromote from 'pages/about/EgovAboutPromote';
|
import EgovAboutPromote from 'pages/about/EgovAboutPromote';
|
||||||
import EgovAboutOrganization from 'pages/about/EgovAboutOrganization';
|
import EgovAboutOrganization from 'pages/about/EgovAboutOrganization';
|
||||||
import EgovAboutLocation from 'pages/about/EgovAboutLocation';
|
import EgovAboutLocation from 'pages/about/EgovAboutLocation';
|
||||||
import EgovAboutSitemap from 'pages/about/EgovAboutSitemap';
|
import EgovAboutSitemap from 'pages/inform/Sitemap';
|
||||||
|
|
||||||
//INTRO
|
//INTRO
|
||||||
// import EgovIntroWork from 'pages/intro/EgovIntroWork';
|
// import EgovIntroWork from 'pages/intro/EgovIntroWork';
|
||||||
|
|
@ -32,6 +32,7 @@ import EgovAboutSitemap from 'pages/about/EgovAboutSitemap';
|
||||||
|
|
||||||
//COMMITTEE
|
//COMMITTEE
|
||||||
import CommitteeProgress from 'pages/committee/Progress';
|
import CommitteeProgress from 'pages/committee/Progress';
|
||||||
|
import CommitteeProgressDetail from 'pages/committee/ProgressDetail';
|
||||||
import CommitteeSchedule from 'pages/committee/Schedule';
|
import CommitteeSchedule from 'pages/committee/Schedule';
|
||||||
|
|
||||||
//SUPPORT
|
//SUPPORT
|
||||||
|
|
@ -44,6 +45,7 @@ import SupportSite from 'pages/support/Site';
|
||||||
import SupportApi from 'pages/support/Api';
|
import SupportApi from 'pages/support/Api';
|
||||||
import SupportResearch from 'pages/support/Research';
|
import SupportResearch from 'pages/support/Research';
|
||||||
import SupportPoll from 'pages/support/Poll';
|
import SupportPoll from 'pages/support/Poll';
|
||||||
|
import SupportSurvey from 'pages/support/Survey';
|
||||||
|
|
||||||
import EgovSupportDownloadList from 'pages/support/download/EgovDownloadList';
|
import EgovSupportDownloadList from 'pages/support/download/EgovDownloadList';
|
||||||
// import EgovSupportDownloadDetail from 'pages/support/download/EgovDownloadDetail';
|
// import EgovSupportDownloadDetail from 'pages/support/download/EgovDownloadDetail';
|
||||||
|
|
@ -254,6 +256,7 @@ const SecondRoutes = () => {
|
||||||
{/* COMMITTEE */}
|
{/* COMMITTEE */}
|
||||||
<Route path={URL.COMMITTEE} element={<Navigate to={URL.COMMITTEE_PROGRESS} />} />
|
<Route path={URL.COMMITTEE} element={<Navigate to={URL.COMMITTEE_PROGRESS} />} />
|
||||||
<Route path={URL.COMMITTEE_PROGRESS} element={<CommitteeProgress />} />
|
<Route path={URL.COMMITTEE_PROGRESS} element={<CommitteeProgress />} />
|
||||||
|
<Route path={URL.COMMITTEE_PROGRESS_DETAIL} element={<CommitteeProgressDetail />} />
|
||||||
<Route path={URL.COMMITTEE_SCHEDULE} element={<CommitteeSchedule />} />
|
<Route path={URL.COMMITTEE_SCHEDULE} element={<CommitteeSchedule />} />
|
||||||
|
|
||||||
{/* SUPPORT */}
|
{/* SUPPORT */}
|
||||||
|
|
@ -266,6 +269,7 @@ const SecondRoutes = () => {
|
||||||
<Route path={URL.SUPPORT_API} element={<SupportApi />} />
|
<Route path={URL.SUPPORT_API} element={<SupportApi />} />
|
||||||
<Route path={URL.SUPPORT_RESEARCH} element={<SupportResearch />} />
|
<Route path={URL.SUPPORT_RESEARCH} element={<SupportResearch />} />
|
||||||
<Route path={URL.SUPPORT_POLL} element={<SupportPoll />} />
|
<Route path={URL.SUPPORT_POLL} element={<SupportPoll />} />
|
||||||
|
<Route path={URL.SUPPORT_SURVEY} element={<SupportSurvey />} />
|
||||||
|
|
||||||
<Route path={URL.SUPPORT_DOWNLOAD} element={<EgovSupportDownloadList />} />
|
<Route path={URL.SUPPORT_DOWNLOAD} element={<EgovSupportDownloadList />} />
|
||||||
{/*<Route path={URL.SUPPORT_DOWNLOAD_DETAIL} element={<EgovSupportDownloadDetail />} />*/}
|
{/*<Route path={URL.SUPPORT_DOWNLOAD_DETAIL} element={<EgovSupportDownloadDetail />} />*/}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,8 @@
|
||||||
# ??? ? ?? ?? properties ?? ?? ? ?? ??.
|
# ??? ? ?? ?? properties ?? ?? ? ?? ??.
|
||||||
|
|
||||||
# Access-Control-Allow-Origin
|
# Access-Control-Allow-Origin
|
||||||
Globals.Allow.Origin = https://back.dbnt.co.kr
|
#Globals.Allow.Origin = https://back.dbnt.co.kr
|
||||||
|
Globals.Allow.Origin = http://58.234.249.138:50680/
|
||||||
|
|
||||||
server.port=50688
|
server.port=50688
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue