From 087131d0c80847d9dd785aefb4f029372ea9246c Mon Sep 17 00:00:00 2001 From: "Lim\\jun" Date: Wed, 19 Jun 2024 15:32:57 +0900 Subject: [PATCH] =?UTF-8?q?=ED=8D=BC=EB=B8=94=20=EC=97=85=EB=8E=83?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/constants/url.js | 2 + .../src/css/page.css | 18 ++- .../src/pages/support/Poll.jsx | 58 +++++++- .../src/pages/support/Survey.jsx | 131 ++++++++++++++++++ .../src/routes/index.jsx | 2 + 5 files changed, 208 insertions(+), 3 deletions(-) create mode 100644 egovframe-template-simple-react-contribution/src/pages/support/Survey.jsx diff --git a/egovframe-template-simple-react-contribution/src/constants/url.js b/egovframe-template-simple-react-contribution/src/constants/url.js index d7d65e1..a9b9170 100644 --- a/egovframe-template-simple-react-contribution/src/constants/url.js +++ b/egovframe-template-simple-react-contribution/src/constants/url.js @@ -43,6 +43,8 @@ const URL = { SUPPORT_API : "/support/api", // API 서비스 SUPPORT_RESEARCH : "/support/research", // 건설기준 연구 SUPPORT_POLL : "/support/poll", // 설문조사 + SUPPORT_SURVEY : "/support/survey/:Id", // 설문조사 참여 + SUPPORT_SURVEY_NOID : "/support/survey/", // 설문조사 참여 SUPPORT_DOWNLOAD : "/support/download", // 고객지원/자료실 // SUPPORT_DOWNLOAD_DETAIL : "/support/download/detail", // 고객지원/자료실/상세 // SUPPORT_DOWNLOAD_CREATE : "/support/download/create", // 고객지원/자료실/등록 diff --git a/egovframe-template-simple-react-contribution/src/css/page.css b/egovframe-template-simple-react-contribution/src/css/page.css index 3ad7ab5..5a4f822 100644 --- a/egovframe-template-simple-react-contribution/src/css/page.css +++ b/egovframe-template-simple-react-contribution/src/css/page.css @@ -468,10 +468,26 @@ .BRD018 .head > span:nth-child(1) {position: relative; width: 15%; } .BRD018 .head > span:nth-child(2) {position: relative; width: 85%; padding: 10px; text-align: left;} - .BRD018 .head > span:nth-child(-n+1)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;} + .BRD018 .head > span:nth-child(1)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;} .BRD018 .result .list_item > div:nth-child(1) {width: 15%; padding: 10px 0;} .BRD018 .result .list_item > div:nth-child(2) {width: 85%; padding: 10px; text-align: left;} + .BRD019 .head > span:nth-child(1) {position: relative; width: 60%;} + .BRD019 .head > span:nth-child(2) {position: relative; width: 8%; text-align: center;} + .BRD019 .head > span:nth-child(3) {position: relative; width: 8%; text-align: center;} + .BRD019 .head > span:nth-child(4) {position: relative; width: 8%; text-align: center;} + .BRD019 .head > span:nth-child(5) {position: relative; width: 8%; text-align: center;} + .BRD019 .head > span:nth-child(6) {position: relative; width: 8%; text-align: center;} + .BRD019 .head > span:nth-child(-n+5)::after {position: absolute; content: ''; right: 0; bottom: 0; height: 50%; border-right: 1px solid #B5B5B5;} + .BRD019 .result .list_item > div:nth-child(1) {width: 60%; text-align: left; padding-left: 10px;} + .BRD019 .result .list_item > div:nth-child(2) {width: 8%; text-align: center;} + .BRD019 .result .list_item > div:nth-child(3) {width: 8%; text-align: center;} + .BRD019 .result .list_item > div:nth-child(4) {width: 8%; text-align: center;} + .BRD019 .result .list_item > div:nth-child(5) {width: 8%; text-align: center;} + .BRD019 .result .list_item > div:nth-child(6) {width: 8%; text-align: center;} + .poll_title {font-size: 15px; padding-left: 10px;} + .poll_answer {padding-left: 20px;} + /* 찾아오시는길 */ .SITE_CONTACT_US .map {margin-top: 43px;} diff --git a/egovframe-template-simple-react-contribution/src/pages/support/Poll.jsx b/egovframe-template-simple-react-contribution/src/pages/support/Poll.jsx index d7b38f6..e2849a8 100644 --- a/egovframe-template-simple-react-contribution/src/pages/support/Poll.jsx +++ b/egovframe-template-simple-react-contribution/src/pages/support/Poll.jsx @@ -11,10 +11,38 @@ import Button from "react-bootstrap/Button"; function Poll(){ const navigate = useNavigate(); - const goToDetail = () => { - // navigate('/support/list/KCSC-QA'); + const goToDetail = (id, isClosed) => { + if (isClosed) { + alert('마감된 설문조사입니다.'); + } else { + // 로그인 한경우만 참여 가능하게 + navigate(`${URL.SUPPORT_SURVEY_NOID}${id}`); + } }; + const surveys = [ + { + id: 1, + title: "2023년 건설기준 포털시스템 이용자 만족도 조사", + isClosed: false, + period: "2014-06-25 ~ 2015-09-17", + content: "본 연구의 목적은 “건설공사기준 코드체계(국토교통부 고시 제2013-640호, ‘13.10)” 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 및 상충 항목의 검토 정비하여 통합 코드(안) 마련." + }, + { + id: 2, + title: "2022년 건설기준 포털시스템 이용자 만족도 조사", + isClosed: true, + period: "2013-12-26 ~ 2015-06-30", + content: "본 연구의 목적은 “건설공사기준 코드체계(국토교통부 고시 제2013-640호, ‘13.10)” 전환에 따른 분야별 코드별로 현행 설계기준과 표준시방서에 대하여 중복 및 상충 항목의 검토 정비하여 통합 코드(안) 마련." + }, + { + id: 3, + title: "2021년 건설기준 포털시스템 이용자 만족도 조사", + isClosed: true, + period: "2013-03-01 ~ 2014-07-01", + content: "ㅇ 현장 여건 변화 및 민원 등에 따른 합리적 표준시방서 개정 ㅇ 2009년 개정 이후 민원 및 감사원 지적 등에 따른 시방서 내용 개정" + } + ]; return (
@@ -35,6 +63,32 @@ function Poll(){

설문조사

{/* */} + {surveys.map((survey) => ( + + + {survey.title} + + + + +
+
+
참여기간
+
{survey.period}
+
+
+
내용
+
{survey.content}
+
+
+ + ))} + 2023년 건설기준 포털시스템 이용자 만족도 조사 diff --git a/egovframe-template-simple-react-contribution/src/pages/support/Survey.jsx b/egovframe-template-simple-react-contribution/src/pages/support/Survey.jsx new file mode 100644 index 0000000..2d6419d --- /dev/null +++ b/egovframe-template-simple-react-contribution/src/pages/support/Survey.jsx @@ -0,0 +1,131 @@ +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 Poll_Detail(){ + + + + return ( +
+
+ {/* */} +
+
    +
  • Home
    • +
  • 정보제공
    • +
  • 설문조사
    • +
  • 설문조사 참여하기
    • +
+
+ {/* */} + +
+ +
+ {/* */} +

설문조사 참여하기

+
+ 설문조사명 + 건설기준 포털시스템 이용자 만족도 조사 +
+
+
+
목적
+
건설기준 포털시스템의 사용자 만족도를 조사하여 향후 시스템 개선에 반영
+
+
+
첨부파일
+
+
+
+
설문기간
+
2023-12-15 ~ 2023-12-29
+
+
+ +
건설기준 포털시스템 접속 목적(복수 응답 가능)
+
1) 질문 문항입니다.
+
+
+
+
+
+
+
기타
+
+ +
이용자 만족도
+
건설기준 포털시스템의 만족도에 대한 설문 입니다. 귀하의 의견과 일치되는 곳에 'O' 표해 주십시오.
+
+
+ 질문내용 + 매우만족 + 다소만족 + 보통 + 다소불만족 + 매우불만족 +
+
+
+
(정보제공)
+
+
+
(1) 업무와 관련된 정보를 제공하고 있습니까?
+
+
+
+
+
+
+
+
(2) 업무와 관련된 정보를 제공하고 있습니까?
+
+
+
+
+
+
+
+
(3) 업무와 관련된 정보를 제공하고 있습니까?
+
+
+
+
+
+
+
+
(시스템 일반현황)
+
+
+
(1) 시스템의 응답속도는 만족하십니까?
+
+
+
+
+
+
+
+
+ +
건의사항 및 향후 발전방향
+
건설기준 포털시스템에 개선이 필요한 부분이나 건의사항이 있으시면 기재해 주시기 바랍니다.
+
+ + + + +
+
+
+
+
+ ); +} + +export default Poll_Detail; \ No newline at end of file diff --git a/egovframe-template-simple-react-contribution/src/routes/index.jsx b/egovframe-template-simple-react-contribution/src/routes/index.jsx index 2454b6c..6274387 100644 --- a/egovframe-template-simple-react-contribution/src/routes/index.jsx +++ b/egovframe-template-simple-react-contribution/src/routes/index.jsx @@ -44,6 +44,7 @@ import SupportSite from 'pages/support/Site'; import SupportApi from 'pages/support/Api'; import SupportResearch from 'pages/support/Research'; import SupportPoll from 'pages/support/Poll'; +import SupportSurvey from 'pages/support/Survey'; import EgovSupportDownloadList from 'pages/support/download/EgovDownloadList'; // import EgovSupportDownloadDetail from 'pages/support/download/EgovDownloadDetail'; @@ -266,6 +267,7 @@ const SecondRoutes = () => { } /> } /> } /> + } /> } /> {/*} />*/}