퍼블 업뎃

thkim
Lim\jun 2024-06-20 15:07:33 +09:00
parent cec6d47e5a
commit dc6811870f
5 changed files with 304 additions and 4 deletions

View File

@ -26,9 +26,10 @@ const URL = {
// INTRO_SERVICE : "/intro/service", // 정보마당/주요서비스소개 // INTRO_SERVICE : "/intro/service", // 정보마당/주요서비스소개
//COMMITTEE //COMMITTEE
COMMITTEE : "/committee", //위원회 COMMITTEE : "/committee", //위원회
COMMITTEE_PROGRESS : "/committee/progress", // 위원회/진행현황 COMMITTEE_PROGRESS : "/committee/progress", // 위원회/진행현황
COMMITTEE_SCHEDULE : "/committee/schedule", // 위원회/위원회일정 COMMITTEE_PROGRESS_DETAIL : "/committee/progressdetail", // 위원회/진행현황 상세보기
COMMITTEE_SCHEDULE : "/committee/schedule", // 위원회/위원회일정
//SUPPORT //SUPPORT
SUPPORT : "/support", // 고객지원 SUPPORT : "/support", // 고객지원

View File

@ -488,6 +488,23 @@
.poll_title {font-size: 15px; padding-left: 10px;} .poll_title {font-size: 15px; padding-left: 10px;}
.poll_answer {padding-left: 20px;} .poll_answer {padding-left: 20px;}
/* 위원회 진행현황 */
.BRD020 .head > span:nth-child(1) {position: relative; width: 60px;}
.BRD020 .head > span:nth-child(2) {position: relative; width: 80px;}
.BRD020 .head > span:nth-child(3) {position: relative; width: 180px;}
.BRD020 .head > span:nth-child(4) {position: relative; }
.BRD020 .head > span:nth-child(5) {position: relative; width: 120px;}
.BRD020 .head > span:nth-child(6) {position: relative; width: 120px;}
.BRD020 .head > span:nth-child(7) {position: relative; width: 100px;}
.BRD020 .head > span:nth-child(-n+6)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;}
.BRD020 .result .list_item > div:nth-child(1) {width: 60px;}
.BRD020 .result .list_item > div:nth-child(2) {width: 80px;}
.BRD020 .result .list_item > div:nth-child(3) {width: 180px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left;}
.BRD020 .result .list_item > div:nth-child(4) {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; padding-left: 5px;}
.BRD020 .result .list_item > div:nth-child(5) {width: 120px;}
.BRD020 .result .list_item > div:nth-child(6) {width: 120px;}
.BRD020 .result .list_item > div:nth-child(7) {width: 100px;}
/* 찾아오시는길 */ /* 찾아오시는길 */
.SITE_CONTACT_US .map {margin-top: 43px;} .SITE_CONTACT_US .map {margin-top: 43px;}

View File

@ -1,7 +1,9 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import {Link, useLocation, useNavigate} from 'react-router-dom'; import {Link, useLocation, useNavigate} from 'react-router-dom';
import * as EgovNet from 'api/egovFetch'; import * as EgovNet from 'api/egovFetch';
import URL from "../../constants/url"; import URL from "constants/url";
import Row from "react-bootstrap/Row";
import Col from "react-bootstrap/Col";
function Progress(){ function Progress(){
@ -25,6 +27,104 @@ function Progress(){
<div className="contents" id="contents"> <div className="contents" id="contents">
{/* <!-- 본문 --> */} {/* <!-- 본문 --> */}
<h1 className="tit_3">진행현황</h1> <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 BRD020">
<div className="head">
<span>번호</span>
<span>구분</span>
<span>코드명</span>
<span>제목</span>
<span>진행위원회</span>
<span>진행상태</span>
<span>등록일</span>
</div>
<div className="result">
{/* <!-- case : 데이터 없을때 --> */}
{/* <p className="no_data" key="0">검색된 결과가 없습니다.</p> */}
{/* <!-- case : 데이터 있을때 --> */}
<Link to={URL.COMMITTEE_PROGRESS_DETAIL} className="list_item">
<div>3</div>
<div>개정</div>
<div>KDS 41 30 10 건축물 강구조 설계기준</div>
<div>KDS/KCS 41 00 00(건축구조기준/건축공사표준시방서) 부분개정 [3]</div>
<div>사전검토의견</div>
<div>중앙건설기술심의</div>
<div>2022-06-20</div>
</Link>
<Link to={URL.COMMITTEE_PROGRESS_DETAIL} className="list_item">
<div>3</div>
<div>개정</div>
<div>KDS 41 30 10 건축물 강구조 설계기준</div>
<div>KDS/KCS 41 00 00(건축구조기준/건축공사표준시방서) 부분개정</div>
<div>사전검토의견</div>
<div>중앙건설기술심의</div>
<div>2022-06-20</div>
</Link>
<Link to={URL.COMMITTEE_PROGRESS_DETAIL} className="list_item">
<div>3</div>
<div>개정</div>
<div>KDS 41 30 10 건축물 강구조 설계기준</div>
<div>KDS/KCS 41 00 00(건축구조기준/건축공사표준시방서) 부분개정 [5]</div>
<div>사전검토의견</div>
<div>중앙건설기술심의</div>
<div>2022-06-20</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> </div>
</div> </div>

View File

@ -0,0 +1,180 @@
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 ProgressDetail(){
const navigate = useNavigate();
const goToList = () => {
navigate(URL.COMMITTEE_PROGRESS);
};
// const goToCreate = () => {
// navigate('/support/create/KCSC-QA');
// };
return (
<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.COMMITTEE}>건설기준위원회</Link></li>
<li>진행현황</li>
</ul>
</div>
{/* <!--// Location --> */}
<div className="layout">
<div className="contents" id="contents">
{/* <!-- 본문 --> */}
<h1 className="tit_3">진행현황</h1>
<div className="board_view2">
<dl>
<dd>[개정] 안건 제목 뿌려주세요.</dd>
</dl>
<dl>
<dt>기준코드</dt>
<dd>
KDS 41 30 10 건축물 강구조 설계기준
</dd>
<dt>등록일자</dt>
<dd>
2011-08-08 11:11:11
</dd>
</dl>
<dl>
<dt>회의실 비밀번호</dt>
<dd>
#*23456234*
</dd>
<dt>회의일자</dt>
<dd>
2011-08-08 11:11
</dd>
</dl>
<dl>
<dt>회의 담당자</dt>
<dd>
박성환
</dd>
<dt>등록자</dt>
<dd>
박성환
</dd>
</dl>
<dl>
<dt>회의 안건</dt>
<dd>
<textarea className="f_txtar w-100 h-100" name="" id="" rows="4"></textarea>
{/*textarea 필요없으면 그냥 내용 뿌려주세요.*/}
</dd>
</dl>
<dl>
<dt>사전검토자료</dt>
<dd>
<span className="file_attach">
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
</span>
</dd>
</dl>
<dl>
<dt>사전검토양식</dt>
<dd>
<span className="file_attach">
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
</span>
</dd>
</dl>
<dl>
<dt>관계기관의견</dt>
<dd>
<span className="file_attach">
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
</span>
</dd>
</dl>
<dl>
<dt>조치계획서</dt>
<dd>
<span className="file_attach">
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
</span>
</dd>
</dl>
<dl>
<dt>조치결과서</dt>
<dd>
<span className="file_attach">
<Link to="">file_name.hwp</Link> <span>[3,626] byte</span>
</span>
</dd>
</dl>
</div>
<div className="qna_q">
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.<br />
회의 안건을 이곳에 뿌려도 됩니다..원하는 곳에 뿌려주세요.
</div>
<Row className={"py-3 justify-content-between"} >
<Col><Button type={"button"} className={"btn btn-22498E px-4"} onClick={goToList} >목록</Button></Col>
<Col className={"text-end"}>{/*<Button type={"button"} className={"btn btn-22498E px-4"} onClick={goToCreate} >수정</Button>*/}</Col>
</Row>
{/* <!-- 코멘트 등록으로 해서 바로바로 커뮤니케이션이 되도록 하실껀지 의논의 필요해보입니다.--> */}
<Row className="replay justify-content-between">
<Col xs={1} className="text-center">
<label htmlFor="replay_write">최종검토 종합의견</label>
</Col>
<Col xs={10} className="">
{/*파일업로드 및 최종검토결과, 최종검토 종합의견등 3개를 등록해야 하면 공간을 만들어서 더 추가해야 합니다.*/}
<textarea className="f_txtar w-100 h-100" name="" id="replay_write" rows="4"></textarea>
</Col>
<Col xs={1} className="">
<Button type={"button"} className="btn btn-22498E w-100 h-100" >등록</Button>
</Col>
</Row>
{/* <!--// 답변달기 --> */}
<div className="qna_a">
<ul>
<li>
<span>chanjin, 2011-08-08 12:33:33</span>
코멘트 달아주세요.<br />
코멘트 달아주세요.<br />
<Link to="#" className="btn delete">삭제</Link>
</li>
<li>
<span>sunrise, 2011-08-07 11:11:11</span>
코멘트 달아주세요.<br />
<Link to="#" className="btn delete">삭제</Link>
</li>
<li>
<span>auto, 2011-08-07 11:11:11</span>
제가 살펴볼께요 메일로 주세요. test@naver.com
<Link to="#" className="btn delete">삭제</Link>
</li>
</ul>
</div>
{/* <!--// 본문 --> */}
</div>
</div>
</div>
</div>
);
}
export default ProgressDetail;

View File

@ -32,6 +32,7 @@ import EgovAboutSitemap from 'pages/inform/Sitemap';
//COMMITTEE //COMMITTEE
import CommitteeProgress from 'pages/committee/Progress'; import CommitteeProgress from 'pages/committee/Progress';
import CommitteeProgressDetail from 'pages/committee/ProgressDetail';
import CommitteeSchedule from 'pages/committee/Schedule'; import CommitteeSchedule from 'pages/committee/Schedule';
//SUPPORT //SUPPORT
@ -255,6 +256,7 @@ const SecondRoutes = () => {
{/* COMMITTEE */} {/* COMMITTEE */}
<Route path={URL.COMMITTEE} element={<Navigate to={URL.COMMITTEE_PROGRESS} />} /> <Route path={URL.COMMITTEE} element={<Navigate to={URL.COMMITTEE_PROGRESS} />} />
<Route path={URL.COMMITTEE_PROGRESS} element={<CommitteeProgress />} /> <Route path={URL.COMMITTEE_PROGRESS} element={<CommitteeProgress />} />
<Route path={URL.COMMITTEE_PROGRESS_DETAIL} element={<CommitteeProgressDetail />} />
<Route path={URL.COMMITTEE_SCHEDULE} element={<CommitteeSchedule />} /> <Route path={URL.COMMITTEE_SCHEDULE} element={<CommitteeSchedule />} />
{/* SUPPORT */} {/* SUPPORT */}