퍼블 업뎃
parent
087131d0c8
commit
9cd309c4db
|
|
@ -1,18 +1,78 @@
|
|||
import React from 'react';
|
||||
|
||||
import { NavLink } 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';
|
||||
|
||||
function EgovLeftNavIntro() {
|
||||
// 활성화 임시키 (상황에 맞게 사용하세요)
|
||||
let activeKey = 0;
|
||||
|
||||
return (
|
||||
<div className="nav">
|
||||
<div className="nav2">
|
||||
<div className="inner">
|
||||
<h2>정보마당</h2>
|
||||
<ul className="menu4">
|
||||
<li><NavLink to={URL.INTRO_WORKS} className={({ isActive }) => (isActive ? "cur" : "")}>주요사업 소개</NavLink></li>
|
||||
<li><NavLink to={URL.INTRO_SERVICE} className={({ isActive }) => (isActive ? "cur" : "")}>대표서비스 소개</NavLink></li>
|
||||
</ul>
|
||||
<Row className={"pt-4 pb-2 mb-1"}>
|
||||
<Col xs={10}><input type={"text"} className={"form-control shadow-none w-100 h_40"} placeholder={"구)건설기준 검색"} /></Col>
|
||||
<Col xs={2} className={"ps-0"}><Button className={"btn-22498E h_40"} type={"button"} >검색</Button></Col>
|
||||
</Row>
|
||||
<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>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -84,6 +84,7 @@ button {cursor: pointer;}
|
|||
|
||||
.h_25 {height: 25px;}
|
||||
.h_30 {height: 30px;}
|
||||
.h_40 {height: 40px;}
|
||||
.h_50 {height: 50px;}
|
||||
.h_100 {height: 100px;}
|
||||
.h_300 {height: 300px;}
|
||||
|
|
|
|||
|
|
@ -82,7 +82,7 @@ body {min-width: 1400px;}
|
|||
.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; */
|
||||
|
||||
/* 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 .inner {border: 1px solid #dde2e5; border-radius: 10px;}*/
|
||||
.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.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: 400px; 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 h2 {color: #222; font-size: 24px; font-weight: 700;}
|
||||
.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 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:hover {}*/
|
||||
.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::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; }
|
||||
|
||||
/* location */
|
||||
.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;}
|
||||
|
|
|
|||
|
|
@ -48,6 +48,7 @@
|
|||
.c_wrap .layout .nav h2 {position: absolute; top: -9999px;}
|
||||
.c_wrap .layout .nav ul {padding: 0 20px;}
|
||||
.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::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;*/
|
||||
|
|
|
|||
|
|
@ -1,8 +1,12 @@
|
|||
import React, { useState } from 'react';
|
||||
import {Link, useLocation, useNavigate} from 'react-router-dom';
|
||||
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(){
|
||||
|
||||
|
|
@ -22,10 +26,45 @@ function CodeOld(){
|
|||
{/* <!--// 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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue