File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
2023-02-17
2023-02-27
File name
Commit message
Commit date
import React from "react";
import { useNavigate } from "react-router";
import DetailSearch from "../../component/DetailSearch.jsx";
import Table from "../../component/Table.jsx";
import ContentTitle from "../../component/ContentTitle.jsx";
import SubTitle from "../../component/SubTitle.jsx";
import Button from "../../component/Button.jsx";
import Modal from "../../component/Modal.jsx";
export default function Questionnaire() {
const navigate = useNavigate();
const [modalOpen, setModalOpen] = React.useState(false);
const openModal = () => {
setModalOpen(true);
};
const closeModal = () => {
setModalOpen(false);
};
//게시판
const thead = ["No", "이름","시니어등록번호", "생년월일", "연락처", "주소", "문진표",];
const key = ["No", "name","number", "birth", "phone", "address", "average"];
const content = [
{
No: 1,
name: "김복남",
number: "00000001",
birth: "1948.11.15",
phone: "010-1234-5678",
address: "경상북도 군위군 삼국유사면",
average: (
<Button
className={"btn-small gray-btn"}
btnName={"작성하기"}
onClick={openModal}
/>
),
},
{
No: 2,
name: "홍길동",
number: "00000001",
birth: "1948.08.02",
phone: "010-1234-3333",
address: "경상북도 군위군 군위읍",
average: (
<Button
className={"btn-small gray-btn"}
btnName={"보기"}
onClick={openModal}
/>
),
},
];
return (
<main>
<Modal open={modalOpen} close={closeModal} header="문진표 작성">
<div className="board-wrap">
<div>
<table className="margin-bottom2 questionnaire-table">
<tr>
<th>흡연을 하십니까?</th>
<td className="flex-start">
<input type="radio" />
<label for="gender">예</label>
<input type="radio" />
<label for="gender">아니요</label>
</td>
</tr>
<tr>
<th>음주를 하십니까?</th>
<td className="flex-start">
<input type="radio" />
<label for="gender">예</label>
<input type="radio" />
<label for="gender">아니요</label>
</td>
</tr>
<tr>
<th>일주일에 운동을 몇회 하십니까?</th>
<td className="flex-start">
<input type="radio" />
<label for="gender">안함</label>
<input type="radio" />
<label for="gender">3회 미만</label>
<input type="radio" />
<label for="gender">3회 이상</label>
<input type="radio" />
<label for="gender">매일</label>
</td>
</tr>
<tr>
<th>최근 3개월 동안 갑작스런 체중 변화가 있었습니까?</th>
<td className="flex-start">
<input type="radio" />
<label for="gender">예 - 증가</label>
<input type="radio" />
<label for="gender">예 - 감소</label>
<input type="radio" />
<label for="gender">아니요</label>
</td>
</tr>
<tr>
<th>현재 복용중인 약이 있으면 체크를 해주세요.</th>
<td className="flex-start">
<input type="checkbox" />
<label for="gender">없음</label>
<input type="checkbox" />
<label for="gender">아스피린(항혈소판제)</label>
<input type="checkbox" />
<label for="gender">당뇨약</label>
<input type="checkbox" />
<label for="gender">고혈압약</label>
<input type="checkbox" />
<label for="gender">기타</label><input type="text" />
</td>
</tr>
</table>
</div>
<div>
<Button
className={"btn-100 green-btn"}
btnName={"닫기"}
onClick={closeModal}
/>
</div>
</div>
</Modal>
<div className="content-wrap">
<ContentTitle contentTitle={"문진표 조회"} />
<div>
<DetailSearch />
<div className="board-wrap">
<Table
className={"medicine-table"}
head={thead}
contents={content}
contentKey={key}
/>
</div>
</div>
</div>
</main>
);
}