File name
Commit message
Commit date
File name
Commit message
Commit date
import React from "react";
import Button from "./Button.jsx";
import Table from "./Table.jsx";
export default function Modal_MedicalHistory({ open, close, }) {
const thead1 = [
"No",
"진료 일자",
"진료 사유",
"진료 내용",
"기록 작성자 명",
];
const key1 = ["No", "date", "reason","content", "name"];
const content1 = [
{
No: 1,
date: "2023-01-25",
reason: "정기 내원",
content: "건강검진 진행, 이상 없음",
name: "정간호",
},
];
return (
<div class={open ? "openModal modal" : "modal"}>
{open ? (
<div className="modal-inner">
<div className="modal-header flex">
진료내역
<Button className={"close"} onClick={close} btnName={"X"} />
</div>
<div className="modal-main">
<div className="board-wrap">
<table className="margin-bottom2 senior-insert">
<tr>
<th>진료일자</th>
<td>
<input type="text" placeholder="자동입력"/>
</td>
</tr>
<tr>
<th>진료 사유</th>
<td className="flex-start gender">
<input type="text" />
</td>
</tr>
<tr>
<th>진료 내용</th>
<td colSpan={3}>
<input type="text" />
</td>
</tr>
<tr>
<th>작성자</th>
<td colSpan={3}>
<input type="text" placeholder="자동입력"/>
</td>
</tr>
</table>
<div className="btn-wrap flex-center margin-bottom5">
<Button className={"btn-small red-btn"} btnName={"저장"} />
</div>
<div>
<Table
className={"caregiver-user"}
head={thead1}
contents={content1}
contentKey={key1}
/>
</div>
</div>
</div>
</div>
) : null}
</div>
);
}