퍼블 업뎃

thkim
Lim\jun 2024-06-07 13:45:12 +09:00
parent f384901f3b
commit 450d57195d
7 changed files with 410 additions and 10 deletions

View File

@ -106,4 +106,7 @@ button {cursor: pointer;}
.bg-fa {background: #FAFAFA;}
.text-4c6 {color: #4C6C84;}
.text-224 {color: #22498E;}
.clickable{cursor: pointer;}

View File

@ -51,7 +51,7 @@
.board_list {border-top: 2px solid #222;}
.board_list .head {display: table; table-layout: fixed; width: 100%;}
/* changed by lim padding: 25px 0 27px 0; */
.board_list .head > span {display: table-cell; padding: 10px 0 10px 0; border-bottom: 1px solid #888; font-size: 16px; font-weight: 500px; text-align: center;}
.board_list .head > span {display: table-cell; padding: 10px 0 10px 0; border-bottom: 1px solid #888; font-size: 16px; font-weight: 500; text-align: center;}
.logs_list .result {max-height: 430px;} /* added by lim .logs_list .result {max-height: 430px;} */
.board_list .result .list_item {display: table; width: 100%; table-layout: fixed;}
/* changed by lim padding: 18px 0 20px 0; */
@ -62,6 +62,10 @@
.board_list .result .list_item > div.reply::before {content: ""; display: block; position: absolute; left: 27px; top: 24px; width: 22px; height: 14px; background: url(css/images/ico_reply.png) no-repeat;}
.board_list .no_data {height: 60px; border-bottom: 1px solid #dde2e5; color: #666; font-size: 16px; line-height: 60px; text-align: center;}
/* 영문건설기준 리스트 */
.board_list .result .list_item1 {display: table; width: 100%; table-layout: fixed; margin-left: 0px;}
.board_list .result .list_item1 > div {display: table-cell; padding: 5px 0; border-bottom: 1px solid #dde2e5; color: #666; font-size: 14px; text-align: center; vertical-align: middle; }
.board_bot {margin-top: 40px;}
.paging {text-align: center;}
@ -202,6 +206,8 @@
.condition1 {padding: 10px; border: 1px solid #dde2e5; border-radius: 10px; text-align: right; background: #FAFAFA; margin-bottom: 20px;}
.condition1 > ul,
.condition1 > ul li {display: inline-block; vertical-align: top; padding-left: 20px;}
.condition2 {padding: 20px; border: 1px solid #000; background: #FFF; margin-bottom: 20px; line-height: 25px; box-shadow: 3px 4px 5px #ccc;}
/* Icon */
.ico {display: inline-block; font-size: 0; vertical-align: top;}

View File

@ -405,6 +405,15 @@
.BRD013 .result .list_item > div:nth-child(5) {width: 120px;}
.BRD013 .result .list_item > div:nth-child(6) {width: 80px;}
/* 사용자 영문건설기준 */
.BRD014 .head > span:nth-child(1) {position: relative; width: 30%; background: #22498E; color: #fff; border-right: 2px solid #657E9E;}
.BRD014 .head > span:nth-child(2) {position: relative; width: 35%; background: #22498E; color: #fff; border-right: 2px solid #657E9E;}
.BRD014 .head > span:nth-child(3) {position: relative; width: 35%; background: #22498E; color: #fff; border-right: 2px solid #657E9E;}
.BRD014 .result .list_item1 > div:nth-child(1) {width: 30%; 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%; }
/* 찾아오시는길 */
.SITE_CONTACT_US .map {margin-top: 43px;}
.SITE_CONTACT_US .map img {max-width: 100%;}

View File

@ -82,12 +82,14 @@ function Promote(){
<div className="pdslist">
<ul>
{items.map(item => (
<li>
<img src="/assets/images/nanae-1.png" alt="" className={"promotion"} onClick={() => handleShow({ title: item.modalTitle, body: item.modalBody })} />
<Link to="">
<img src="/assets/images/pdf.png" alt=""/> <strong>{item.linkText}</strong>
</Link>
</li>
<React.Fragment key={item.id}>
<li>
<img src="/assets/images/nanae-1.png" alt="" className={"promotion"} onClick={() => handleShow({ title: item.modalTitle, body: item.modalBody })} />
<Link to="">
<img src="/assets/images/pdf.png" alt=""/> <strong>{item.linkText}</strong>
</Link>
</li>
</React.Fragment>
))}
<li>
<img src="/assets/images/nanae-1.png" alt="" className={"promotion"} />

View File

@ -1,13 +1,106 @@
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 CodeEng(){
const navigate = useNavigate();
const goToDown = () => {
// navigate('/support/create/KCSC-QA');
alert('다운로드 진행중입니다.') // .
};
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="condition2">
<ul>
<li className="">
- 건설산업의 해외진출 참고자료로 활용 있도록 영문 건설기준을 단계적으로 제공 예정입니다.
</li>
<li className="">
- 영문 건설기준은 영문화 시점에서의 국문 건설기준을 번역한 것으로 현행 국문 건설기준의 최신 내용을 반영하지 못한 부분이 있음을 알려드리오니, 영문화된 건설기준 활용 유의하여 주시기 바랍니다.
</li>
<li className="">
- 그리고, 법령, 표준 등의 영문 명칭과 건설용어 등은 검토와 협의를 통해 수정하고 있으며 이를 비롯하여 영문 건설기준에 대한 의견을 남겨주시면 검토 반영할 있도록 하겠습니다.
</li>
</ul>
</div>
<div className={"text-end w-100 py-3 fw-bold"}> 대표메일 : kcsc@kict.re.kr</div>
{/* <!-- 게시판목록 --> */}
<div className="board_list BRD014">
<div className="head">
<span>기준명</span>
<span>설계기준(KDS)</span>
<span>표준시방서(KCS)</span>
</div>
<div className="result">
{/* <!-- case : 데이터 없을때 --> */}
{/* <p className="no_data" key="0">검색된 결과가 없습니다.</p> */}
{/* <!-- case : 데이터 있을때 --> */}
<Row className="list_item1">
<div>공통 (KDS 10 00 00)</div>
<div className="">
<Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드</Button>
</div>
<div>
<Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드</Button>
</div>
</Row>
<Row className="list_item1">
<div>지반 (KDS 11 00 00)</div>
<div className="">
<Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드(콘크리트 구조))</Button>
<Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드(강구조))</Button>
</div>
<div>
<Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드</Button>
</div>
</Row>
<Row className="list_item1">
<div>구조 (KDS 14 00 00)</div>
<div className="">
<Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드</Button>
</div>
<div>
<Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드(콘크리트 구조))</Button>
<Button type={"button"} variant={"outline-secondary btn-sm mx-1"} onClick={goToDown}>다운로드(강구조))</Button>
</div>
</Row>
</div>
</div>
{/* <!--// 게시판목록 --> */}
{/* <!--// 본문 --> */}
</div>
</div>
</div>
</div>
);
}

View File

@ -1,13 +1,130 @@
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(){
const navigate = useNavigate();
const goToDetail = () => {
// navigate('/support/list/KCSC-QA');
};
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>
{/* <!-- 건설기준연구 안내 (리스트 5개씩만 뿌려주세요.)--> */}
<Row className={"py-3 justify-content-between align-items-end"} >
<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>
</Row>
<div className="board_view2 pb-4">
<dl>
<dt>참여기간</dt>
<dd>
2014-06-25 ~ 2015-09-17
</dd>
</dl>
<dl>
<dt>내용</dt>
<dd>
연구의 목적은 건설공사기준 코드체계(국토교통부 고시 제2013-640, 13.10) 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 상충 항목의 검토 정비하여 통합 코드() 마련.
</dd>
</dl>
</div>
<Row className={"py-3 justify-content-between align-items-end"} >
<Col className={"fs-6 fw-bold text-4c6 ps-4"}>2022 건설기준 포털시스템 이용자 만족도 조사</Col>
<Col className={"text-end"}><Button type={"button"} className={"btn btn-secondary px-4"} onClick={goToDetail} >설문마감</Button></Col>
</Row>
<div className="board_view2 pb-4">
<dl>
<dt>참여기간</dt>
<dd>
2013-12-26 ~ 2015-06-30
</dd>
</dl>
<dl>
<dt>내용</dt>
<dd>
연구의 목적은 건설공사기준 코드체계(국토교통부 고시 제2013-640, 13.10) 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 상충 항목의 검토 정비하여 통합 코드() 마련.
</dd>
</dl>
</div>
<Row className={"py-3 justify-content-between align-items-end"} >
<Col className={"fs-6 fw-bold text-4c6 ps-4"}>2021 건설기준 포털시스템 이용자 만족도 조사</Col>
<Col className={"text-end"}><Button type={"button"} className={"btn btn-secondary px-4"} onClick={goToDetail} >설문마감</Button></Col>
</Row>
<div className="board_view2 pb-4">
<dl>
<dt>참여기간</dt>
<dd>
2013-03-01 ~ 2014-07-01
</dd>
</dl>
<dl>
<dt>내용</dt>
<dd>
현장 여건 변화 민원 등에 따른 합리적 표준시방서 개정
2009 개정 이후 민원 감사원 지적 등에 따른 시방서 내용 개정
</dd>
</dl>
</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 --> */}
{/* 수요조사는 버튼명 "의견 접수" 수요조사와 QNA만 작성가능하게 관리자 세팅되어야 함/관리자 쓰기권한만 작성가능 */}
<Col xs={3} className="text-end"></Col>
</Row>
</div>
</div>
</div>
</div>
);
}

View File

@ -1,13 +1,183 @@
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";
import Modal from 'react-bootstrap/Modal';
function Research(){
const [show, setShow] = useState(false);
const [modalContent, setModalContent] = useState({});
const handleClose = () => setShow(false);
const handleShow = (content) => {
setModalContent(content);
setShow(true);
};
const items = [
{
id: 1,
modalPeriod: '2014-06-25 ~ 2015-09-17',
modalCharge: '이영호 연구위원',
modalGoal: '본 연구의 목적은 “건설공사기준 코드체계(국토교통부 고시 제2013-640호, 13.10)” 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 및 상충 항목의 검토 정비하여 통합 코드(안) 마련.',
modalTitle: '예산절감을 위한 건설기준 개정 연구',
modalBody: `
- 교량 건설기준 국제 통용성 분석 연구<br />
- [기고문]건설산업 변화와 디지털 건설기준 도입<br />
- [기고문]인공지능 기술을 활용한 건설기준 중복 상충부 검토<br />
- 건설산업 디지털 전환 동향 파악을 위한 국외출장 결과<br />
- 건설기준 주요 민원사례 소개<br />
- 2023 건설기준위원회 중앙건설기술심의위원회 개최 현황<br />
- 2023 건설기준 ·개정 고시 현황
`,
modalEffect: `
- 교량 건설기준 국제 통용성 분석 연구<br />
- [기고문]건설산업 변화와 디지털 건설기준 도입
`
},
{
id: 2,
modalPeriod: '2013-12-26 ~ 2015-06-30',
moadalCharge: '이영호 연구위원',
modalGoal: '본 연구의 목적은 “건설공사기준 코드체계(국토교통부 고시 제2013-640호, 13.10)” 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 및 상충 항목의 검토 정비하여 통합 코드(안) 마련.',
modalTitle: '건설공사 설계·시공 표준화 연구(도로 및 수자원 시설분야)(국가 R&D)',
modalBody: `
- 다른 내용1<br />
- 다른 내용2<br />
- 다른 내용3<br />
- 다른 내용4<br />
`,
modalEffect: `
- 교량 건설기준 국제 통용성 분석 연구<br />
- [기고문]건설산업 변화와 디지털 건설기준 도입
`
},
//
];
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>
{/* <!-- 건설기준연구 안내 (리스트가 많이 없으니 5개씩만 뿌려주세요.)--> */}
{items.map(item => (
<React.Fragment key={item.id}>
<Row className={"py-3 justify-content-between align-items-end"} >
<Col className={"fs-6 fw-bold text-4c6 ps-4"}>{item.modalTitle}</Col>
<Col className={"text-end"}><Button type={"button"} className={"btn btn-22498E px-4"} onClick={() => handleShow({ title: item.modalTitle, body: item.modalBody, effect: item.modalEffect })} >상세보기</Button></Col>
</Row>
<div className="board_view2 pb-4">
<dl>
<dt>연구기간</dt>
<dd>
{item.modalPeriod}
</dd>
</dl>
<dl>
<dt>연구책임자</dt>
<dd>
{item.modalCharge}
</dd>
</dl>
<dl>
<dt>연구목적</dt>
<dd>
{item.modalGoal}
</dd>
</dl>
</div>
</React.Fragment>
))}
<Row className={"py-3 justify-content-between align-items-end"} >
<Col className={"fs-6 fw-bold text-4c6 ps-4"}>도로공사표준시방서 개정(국고보조금사업)</Col>
<Col className={"text-end"}><Button type={"button"} className={"btn btn-22498E px-4"} >상세보기</Button></Col>
</Row>
<div className="board_view2 pb-4">
<dl>
<dt>연구기간</dt>
<dd>
2013-03-01 ~ 2014-07-01
</dd>
</dl>
<dl>
<dt>연구책임자</dt>
<dd>
한국도로교통협회
</dd>
</dl>
<dl>
<dt>연구목적</dt>
<dd>
현장 여건 변화 민원 등에 따른 합리적 표준시방서 개정<br />
2009 개정 이후 민원 감사원 지적 등에 따른 시방서 내용 개정
</dd>
</dl>
</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 --> */}
{/* 수요조사는 버튼명 "의견 접수" 수요조사와 QNA만 작성가능하게 관리자 세팅되어야 함/관리자 쓰기권한만 작성가능 */}
<Col xs={3} className="text-end"></Col>
</Row>
</div>
</div>
</div>
<Modal show={show} onHide={handleClose}>
<Modal.Header closeButton>
<Modal.Title>{modalContent.title}</Modal.Title>
</Modal.Header>
<Modal.Body>
<h6 className={"text-224"}>연구내용</h6>
<hr />
<div dangerouslySetInnerHTML={{ __html: modalContent.body }} className={"f_12"}></div>
<br />
<h6 className={"text-224"}>기대효과</h6>
<hr />
<div dangerouslySetInnerHTML={{ __html: modalContent.effect }} className={"f_12"}></div>
</Modal.Body>
</Modal>
</div>
);
}