kcscDev/egovframe-template-simple-r.../src/pages/support/Survey.jsx

131 lines
7.9 KiB
JavaScript

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 (
<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.SUPPORT_LIST_NOCODE+'/KCSC-NTC'}>정보제공</Link></li>
<li><Link to={URL.SUPPORT_POLL}>설문조사</Link></li>
<li>설문조사 참여하기</li>
</ul>
</div>
{/* <!--// Location --> */}
<div className="layout">
<div className="contents" id="contents">
{/* <!-- 본문 --> */}
<h1 className="tit_3">설문조사 참여하기</h1><div className="board_list BRD018">
<div className="head">
<span>설문조사명</span>
<span>건설기준 포털시스템 이용자 만족도 조사</span>
</div>
<div className="result">
<div className="list_item">
<div>목적</div>
<div>건설기준 포털시스템의 사용자 만족도를 조사하여 향후 시스템 개선에 반영</div>
</div>
<div className="list_item">
<div>첨부파일</div>
<div></div>
</div>
<div className="list_item">
<div>설문기간</div>
<div>2023-12-15 ~ 2023-12-29</div>
</div>
</div>
<div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} /> 건설기준 포털시스템 접속 목적(복수 응답 가능)</div>
<div className={"poll_title"}>1) 질문 문항입니다.</div>
<div className={"poll_answer"}><input type={"checkbox"} id={"c1"} /> <label htmlFor={"c1"}>국가건설기준코드 검색</label></div>
<div className={"poll_answer"}><input type={"checkbox"} id={"c2"} /> <label htmlFor={"c2"}>국가건설기준코드 검색</label></div>
<div className={"poll_answer"}><input type={"checkbox"} id={"c3"} /> <label htmlFor={"c3"}>국가건설기준코드 검색</label></div>
<div className={"poll_answer"}><input type={"checkbox"} id={"c4"} /> <label htmlFor={"c4"}>국가건설기준코드 검색</label></div>
<div className={"poll_answer"}><input type={"checkbox"} id={"c5"} /> <label htmlFor={"c5"}>국가건설기준코드 검색</label></div>
<div className={"poll_answer"}><input type={"checkbox"} id={"c6"} /> <label htmlFor={"c6"}>국가건설기준코드 검색</label></div>
<div className={"pt-4 ps-2"}>기타</div>
<div><textarea className={"w-100 h_50"}></textarea></div>
<div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} />이용자 만족도</div>
<div className={"poll_title"}>건설기준 포털시스템의 만족도에 대한 설문 입니다. 귀하의 의견과 일치되는 곳에 'O' 표해 주십시오.</div>
<div className="board_list BRD019">
<div className="head">
<span>질문내용</span>
<span>매우만족</span>
<span>다소만족</span>
<span>보통</span>
<span>다소불만족</span>
<span>매우불만족</span>
</div>
<div className="result">
<div className="list_item">
<div className={"text-center fw-bold"}>(정보제공)</div>
</div>
<div className="list_item">
<div>(1) 업무와 관련된 정보를 제공하고 있습니까?</div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
</div>
<div className="list_item">
<div>(2) 업무와 관련된 정보를 제공하고 있습니까?</div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
</div>
<div className="list_item">
<div>(3) 업무와 관련된 정보를 제공하고 있습니까?</div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
</div>
<div className="list_item">
<div className={"text-center fw-bold"}>(시스템 일반현황)</div>
</div>
<div className="list_item">
<div>(1) 시스템의 응답속도는 만족하십니까?</div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
<div><input type={"radio"}/></div>
</div>
</div>
</div>
<div className={"pt-4 pb-1 fs-4 fw-bold"}><img src={"/assets/images/question.png"} className={"p-2"} />건의사항 향후 발전방향</div>
<div className={"poll_title"}>건설기준 포털시스템에 개선이 필요한 부분이나 건의사항이 있으시면 기재해 주시기 바랍니다.</div>
<div><textarea className={"w-100 h_100"}></textarea></div>
<Row className={"py-3n"} >
<Col className={"text-center"}><Button type={"button"} className={"btn btn-22498E px-4"} onClick={""} >설문조사 최종 참여하기</Button></Col>
</Row>
</div>
</div>
</div>
</div>
</div>
);
}
export default Poll_Detail;