퍼블 업뎃

thkim
Lim\jun 2024-06-13 17:43:34 +09:00
parent 4eba33b6ec
commit 78969ae87e
4 changed files with 310 additions and 21 deletions

View File

@ -87,7 +87,7 @@ button {cursor: pointer;}
.h_50 {height: 50px;}
.h_100 {height: 100px;}
.h_300 {height: 300px;}
.h-100 {height: 100%;}
/*.h-100 {height: 100%;}*/
.f_11 {font-size: 11px;}
.f_12 {font-size: 12px;}
@ -106,10 +106,11 @@ button {cursor: pointer;}
.pb10 {padding-bottom: 10px !important;}
.bg-fa {background: #FAFAFA !important;}
.bg-224 {background: #22498E !important;}
.text-4c6 {color: #4C6C84 !important;}
.text-224 {color: #22498E !important;}
.clickable{cursor: pointer;}
.MuiTab-root.Mui-selected { color: #22498E; }
/*.MuiTab-root.Mui-selected { color: #22498E; }*/

View File

@ -543,3 +543,11 @@
.docInfoRow > div{--bs-gutter-x: 0.5rem;}
.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;}
/* 건설기준코드 안내*/
.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;}

View File

@ -346,14 +346,14 @@ function EgovMain(props) {
value={value}
onChange={handleChange}
indicatorColor="secondary"
textColor="secondary"
textColor="#22498E"
>
<Tab value={0} {...a11yProps(0)} sx={{ fontSize: value === 0 ? '1.5rem' : '1rem', fontWeight: 700}} label="건설기준고시" wrapped />
<Tab value={1} {...a11yProps(1)} sx={{ fontSize: value === 1 ? '1.5rem' : '1rem', fontWeight: 700}} label="공지사항" />
<Tab value={2} {...a11yProps(2)} sx={{ fontSize: value === 2 ? '1.5rem' : '1rem', fontWeight: 700}} label="위원회 진행현황" />
<Tab value={3} {...a11yProps(3)} sx={{ fontSize: value === 3 ? '1.5rem' : '1rem', fontWeight: 700}} label="건설기준연구" />
<Tab value={4} {...a11yProps(4)} sx={{ fontSize: value === 4 ? '1.5rem' : '1rem', fontWeight: 700}} label="기술자료" />
<Tab value={5} {...a11yProps(5)} sx={{ fontSize: value === 5 ? '1.5rem' : '1rem', fontWeight: 700}} label="보도자료" />
<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, color: value === 1 ? '#22498E' : 'secondary'}} 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, color: value === 3 ? '#22498E' : 'secondary'}} 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, color: value === 5 ? '#22498E' : 'secondary'}} label="보도자료" />
<Tab value="" label="+" sx={{ fontSize: '1.75rem', ml: 'auto' }} onClick={handlePlusClick} />
</Tabs>
</Box>

View File

@ -34,23 +34,23 @@ function StandardCodeInfo({}){
<div className="layout">
<div className="contents NOTICE_LIST" id="contents">
<div className="contents" id="contents">
{/* <!-- 본문 --> */}
<h1 className="tit_3">건설기준코드 안내</h1>
<div className="">
<div className="">
<Box sx={{ borderBottom: 2, borderColor: 'divider' }}>
<Box sx={{ borderBottom: 2, borderColor: '#22498E' }}>
<Tabs
value={value}
onChange={handleChange}
indicatorColor="secondary"
textColor="secondary"
textColor="#fff"
>
<Tab value={0} {...a11yProps(0)} sx={{ fontWeight: 700, backgroundColor: value === 3 ? 'primary.main' : 'transparent', color: value === 3 ? 'white' : 'text.primary', }} label="건설기준 코드체계 표준화" wrapped />
<Tab value={1} {...a11yProps(1)} sx={{ fontWeight: 700 }} label="건설기준코드 개편 효과" />
<Tab value={2} {...a11yProps(2)} sx={{ fontWeight: 700 }} label="건설기준 코드체계로 개편" />
<Tab value={3} {...a11yProps(3)} sx={{ fontWeight: 700 }} label="건설기준 코드 현황" />
<Tab value={0} {...a11yProps(0)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 0 ? '#22498E' : '#fff', color: value === 0 ? '#fff' : 'secondary', }} label="건설기준 코드체계 표준화" wrapped />
<Tab value={1} {...a11yProps(1)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 1 ? '#22498E' : '#fff', color: value === 1 ? '#fff' : 'secondary', }} label="건설기준코드 개편 효과" />
<Tab value={2} {...a11yProps(2)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 2 ? '#22498E' : '#fff', color: value === 2 ? '#fff' : 'secondary', }} label="건설기준 코드체계로 개편" />
<Tab value={3} {...a11yProps(3)} sx={{ fontWeight: 700, border: '1px solid #EAEAEA', backgroundColor: value === 3 ? '#22498E' : '#fff', color: value === 3 ? '#fff' : 'secondary', }} label="건설기준 코드 현황" />
</Tabs>
</Box>
<TabPanel value={value} index={0}>
@ -68,7 +68,7 @@ function StandardCodeInfo({}){
<Col>설계기준코드, 표준시방서 분류로 코드 통폐합</Col>
</Row>
</Col>
<Col xs={1}><img src={"/assets/images/arrow_right.png"} /></Col>
<Col xs={1} className={"text-center"}><img src={"/assets/images/arrow_right.png"} /></Col>
<Col xs={3} className={"text-center"}>
<Row className={"h_300 align-items-center"}>
<Col><img src={"/assets/images/code_2.png"} /></Col>
@ -77,7 +77,7 @@ function StandardCodeInfo({}){
<Col>공통편, 시설물편, 사업 분야편으로 구분</Col>
</Row>
</Col>
<Col xs={1}><img src={"/assets/images/arrow_right.png"} /></Col>
<Col xs={1} className={"text-center"}><img src={"/assets/images/arrow_right.png"} /></Col>
<Col xs={4} className={"text-center"}>
<Row className={"h_300 align-items-center"}>
<Col><img src={"/assets/images/code_3.png"} /></Col>
@ -90,9 +90,289 @@ function StandardCodeInfo({}){
</Col>
</Row>
</TabPanel>
<TabPanel value={value} index={1}>222</TabPanel>
<TabPanel value={value} index={2}>건설기준고시 리스트 출력</TabPanel>
<TabPanel value={value} index={3}>건설기준연구 리스트 출력</TabPanel>
<TabPanel value={value} index={1}>
<Row className={"h_100 pt-5 mt-5"}>
<Col xs={2} className={"h-100 pt-5"}>
<Row>
<Col className={"code_border"}></Col>
</Row>
</Col>
<Col xs={8} className={"h-100"}>
<Row>
<Col xs={2}>
<Row>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
<Col xs={8} className={"code_circle py-4"}>개정 <br />용이성</Col>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
</Row>
</Col>
<Col xs={2}>
<Row>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
<Col xs={8} className={"code_circle py-4"}>중복성 <br />최소화</Col>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
</Row>
</Col>
<Col xs={2}>
<Row>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
<Col xs={8} className={"code_circle py-4"}>상층성 <br />해결</Col>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
</Row>
</Col>
<Col xs={2}>
<Row>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
<Col xs={8} className={"code_circle py-4"}>사용자 <br />편의성</Col>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
</Row>
</Col>
<Col xs={2}>
<Row>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
<Col xs={8} className={"code_circle py-4"}>코드추가 <br />확장성</Col>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
</Row>
</Col>
<Col xs={2}>
<Row>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
<Col xs={8} className={"code_circle py-4"}>성능 <br />중심지향</Col>
<Col xs={1}>
<Row className={"pt-5"}>
<Col className={"code_border"}></Col>
</Row>
</Col>
</Row>
</Col>
</Row>
</Col>
<Col xs={2} className={"h-100 pt-5"}>
<Row>
<Col className={"code_border"}></Col>
</Row>
</Col>
</Row>
</TabPanel>
<TabPanel value={value} index={2}>
<Row className={"pt-5 mt-5"} className={"text-center align-items-center"}>
<Col xs={5}>
<Row>
<Col className={"f_16 fw-bold py-2"}>코드체계 개편 </Col>
</Row>
<Row>
<Col className={"code_table"}>
<Row className={"code_table_bottom"}>
<Col className={"code_table_right p-2"}>현행설계기준 21</Col>
<Col className={"p-2"}>현행시공기준 21</Col>
</Row>
<Row className={"text-start"}>
<Col className={"code_table_right p-3"}>콘크리트구조 설계기준<br />강구조설계기준 (허용응력설계법)<br />강구조설계기준 (하중저항설계법)<br />구조물기초설계기준<br />
건설공사비탈면 설계기준<br />건축구조 설계기준<br />도로교 설계기준 (일반설계법)<br />도로교 설계기준 (한계상태설계법)<br />터널 설계기준<br />
도로 설계기준<br />공동구 설계기준<br />철도 설계기준<br />하천 설계기준<br /> 설계기준<br />항만 어항 설계기준<br />건축전기설비 설계기준<br />
건축기계설비 설계기준<br />조경 설계기준<br />상수도 시설기준<br />하수도 시설기준<br />농업생산기반정비사업계획 설계기준</Col>
<Col className={"p-3"}>가설공사 표준시방서<br />강구조공사 표준시방서<br />건설공사 비탈면 표준시방서<br />건설환경관리 표준시방서<br />건축공사 표준시방서<br />
건축기계설비공사 표준시방서 건축전기설비공사 표준시방서<br />공동구 표준시방서<br />농업토목공사 표준시방서<br />도로공사 표준시방서<br />도로교 표준시방서<br />
도시철도공사(지하철) 표준시방서<br />산업환경설비공사 표준시방서<br />상수도공사 표준시방서<br />조경공사 표준시방서<br />콘크리트 표준시방서<br />
터널 표준시방서<br />토목공사 표준일반시<br />방서하수관거공사 표준시방서<br />하천공사 표준시방서<br />항만 어항공사 표준시방서</Col>
</Row>
</Col>
</Row>
</Col>
<Col xs={2}><img src={"/assets/images/arrow_up_right.png"} className={"img-fluid w-25"}/></Col>
<Col xs={5}>
<Row>
<Col className={"f_16 fw-bold py-2"}>코드체계 개편 </Col>
</Row>
<Row>
<Col className={"code_table"}>
<Row className={"code_table_bottom bg-224 text-white"}>
<Col xs={2} className={"code_table_right p-2"}></Col>
<Col xs={5} className={"code_table_right p-2"}>현행설계기준 21</Col>
<Col xs={5} className={"p-2"}>현행시공기준 21</Col>
</Row>
<Row className={"code_table_bottom text-start"}>
<Col xs={2} className={"code_table_right p-3 text-center"}>공통편</Col>
<Col xs={5} className={"code_table_right p-0"}>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
</Col>
<Col xs={5} className={"p-0"}>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>&nbsp;</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>&nbsp;</div>
</Col>
</Row>
<Row className={"code_table_bottom text-start"}>
<Col xs={2} className={"code_table_right p-3 text-center"}>시설물편</Col>
<Col xs={5} className={"code_table_right p-0"}>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
</Col>
<Col xs={5} className={"p-0"}>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
</Col>
</Row>
<Row className={"text-start"}>
<Col xs={2} className={"code_table_right p-3 text-center"}>사업편</Col>
<Col xs={5} className={"code_table_right p-0"}>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
</Col>
<Col xs={5} className={"p-0"}>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>&nbsp;</div>
<div className={"code_table_bottom p-1"}>&nbsp;</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
<div className={"code_table_bottom p-1"}>공통 설계기준 (KDS 10 00 00)</div>
</Col>
</Row>
</Col>
</Row>
</Col>
</Row>
</TabPanel>
<TabPanel value={value} index={3}>
<Row>
<Col className={"f_16 fw-bold py-2 text-center"}>코드체계 개편 </Col>
</Row>
<Row>
<Col className={"code_table text-center"}>
<Row className={"code_table_bottom bg-224 text-white"}>
<Col xs={2} className={"code_table_right p-2"}>기준명</Col>
<Col xs={5} className={"code_table_right p-2"}>현행설계기준 21</Col>
<Col xs={5} className={"p-2"}>현행시공기준 21</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
<Col xs={5} className={"code_table_right py-2"}>1</Col>
<Col xs={5} className={"py-2"}>19</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
<Col xs={5} className={"code_table_right py-2"}>1</Col>
<Col xs={5} className={"py-2"}>19</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
<Col xs={5} className={"code_table_right py-2"}>1</Col>
<Col xs={5} className={"py-2"}>19</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
<Col xs={5} className={"code_table_right py-2"}>1</Col>
<Col xs={5} className={"py-2"}>19</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
<Col xs={5} className={"code_table_right py-2"}>1</Col>
<Col xs={5} className={"py-2"}>19</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
<Col xs={5} className={"code_table_right py-2"}>1</Col>
<Col xs={5} className={"py-2"}>19</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
<Col xs={5} className={"code_table_right py-2"}>1</Col>
<Col xs={5} className={"py-2"}>19</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
<Col xs={5} className={"code_table_right py-2"}>1</Col>
<Col xs={5} className={"py-2"}>19</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>공통 설계기준 (KDS 10 00 00)</Col>
<Col xs={5} className={"code_table_right py-2"}>1</Col>
<Col xs={5} className={"py-2"}>19</Col>
</Row>
<Row className={"code_table_bottom text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>합계</Col>
<Col xs={5} className={"code_table_right py-2"}>100</Col>
<Col xs={5} className={"py-2"}>1900</Col>
</Row>
<Row className={"code_table text-center"}>
<Col xs={2} className={"code_table_right py-2 text-center"}>총계</Col>
<Col xs={10} className={"code_table_right py-2"}>19000</Col>
</Row>
</Col>
</Row>
</TabPanel>
</div>
</div>