퍼블 업뎃
parent
ea6f251d16
commit
0f48281a0c
|
|
@ -434,6 +434,17 @@
|
|||
.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%; }
|
||||
|
||||
/* 사용자 건설기준 용어 */
|
||||
.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;}
|
||||
|
||||
|
||||
/* 찾아오시는길 */
|
||||
.SITE_CONTACT_US .map {margin-top: 43px;}
|
||||
|
|
|
|||
|
|
@ -274,28 +274,28 @@ function EgovMain(props) {
|
|||
</Row>
|
||||
<Row>
|
||||
<Col>
|
||||
<Link to={URL.STANDARD_CODE_LIST} className="link-wrapper">
|
||||
<Link to={URL.STANDARD_CODE_OLD} className="link-wrapper">
|
||||
<div className={"topbox_13"}><img src="/assets/images/ico-landing5.png" /></div>
|
||||
<div className={"topbox_14"}>훈령/예규/지침</div>
|
||||
{/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
|
||||
</Link>
|
||||
</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_14"}>영문건설기준</div>
|
||||
{/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
|
||||
</Link>
|
||||
</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_14"}>건설기준용어</div>
|
||||
{/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
|
||||
</Link>
|
||||
</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_14"}>API 서비스</div>
|
||||
{/*<div className={"topbox_15"}><Button type={"button"} className={"btn btn-22498E px-3"}>바로가기</Button> </div>*/}
|
||||
|
|
|
|||
|
|
@ -2,12 +2,182 @@ 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 Modal from 'react-bootstrap/Modal';
|
||||
|
||||
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 (
|
||||
<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>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue