diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css index 60fcde3..e52dc10 100644 --- a/egovframe-template-simple-react-contribution/src/css/page.css +++ b/egovframe-template-simple-react-contribution/src/css/page.css @@ -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;} diff --git a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx index 5449a29..8dc06bf 100644 --- a/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx +++ b/egovframe-template-simple-react-contribution/src/pages/main/EgovMain.jsx @@ -274,28 +274,28 @@ function EgovMain(props) { - +
훈령/예규/지침
{/*
*/} - +
영문건설기준
{/*
*/} - +
건설기준용어
{/*
*/} - +
API 서비스
{/*
*/} diff --git a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeTerm.jsx b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeTerm.jsx index dc92530..89f85e4 100644 --- a/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeTerm.jsx +++ b/egovframe-template-simple-react-contribution/src/pages/standardCode/StandardCodeTerm.jsx @@ -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 ( -
건설기준코드 용어
+
+
+ {/* */} +
+
    +
  • Home
  • +
  • 정보제공
  • +
  • 건설기준용어
  • +
+
+ {/* */} + +
+
+ {/* */} +

건설기준 용어

+ + {/* */} +
+
    +
  • + +
  • +
  • + +
  • +
  • + +
  • +
+
+ {/* */} + + {/* */} +
+
+ 국문용어 + 영문용어 + 국문용어 정의 + 영문용어 정의 +
+
+ {/* */} + {/*

검색된 결과가 없습니다.

*/} + + {/* */} + {items.map(item => ( + + handleShow({ titleKo: item.modalTitleKo, titleEn: item.modalTitleEn, contentKo: item.modalContentKo, contentEn: item.modalContentEn })}> +
{item.modalTitleKo}
+
{item.modalTitleEn}
+
{item.modalContentKo}
+
{item.modalContentEn}
+ +
+ ))} + +
약전설비
+
small-power electric facilities
+
사용전압이 50 V 이하(SLV: Safety Low Voltage)인 전기설비
+
Electrical facilities whose operating voltage is 50 V or less (SLV: Safety Low Voltage).
+ + +
약전설비
+
small-power electric facilities
+
사용전압이 50 V 이하(SLV: Safety Low Voltage)인 전기설비
+
Electrical facilities whose operating voltage is 50 V or less (SLV: Safety Low Voltage).
+ +
+
+ {/* */} + + + + {/* */} + +
    +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
  • +
+ + {/* */} + + +
+ + {/* */} +
+
+
+ + + + 용어설명 + + + + 국문용어 + {modalContent.titleKo} + + + 영문용어 + {modalContent.titleEn} + + + 국문용어 정의 + {modalContent.contentKo} + + + 영문용어 정의 + {modalContent.contentKo} + + + +
); }