File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import React from "react";
import Title from "../../component/Title.jsx";
import Table from "../../component/Table.jsx";
import Map from "../../component/chart/Map.jsx";
import Chart1 from "../../component/chart/Chart1.jsx";
import Chart2 from "../../component/chart/Chart2.jsx";
import Donut1 from "../../component/chart/Donut1.jsx";
import RowChart from "../../component/chart/RowChart.jsx";
import AddCircleIcon from "@mui/icons-material/AddCircle";
import PersonIcon from '@mui/icons-material/Person';
import BatteryCharging20Icon from '@mui/icons-material/BatteryCharging20';
import DeviceThermostatIcon from '@mui/icons-material/DeviceThermostat';
import MedicationIcon from '@mui/icons-material/Medication';
import ElderlyIcon from '@mui/icons-material/Elderly';
import CalendarComponent from "../../component/CalendarComponent.jsx";
export default function Main3() {
const tableHead = ["No", "방문날짜", "어르신 성함", "주소", "보호자 연락처"];
const Key = ["No", "date", "name", "address", "phone"];
const content = [
{
No: "1",
date: "2022.12.12",
name: "김복남",
address: "경상북도 군위군 삼국유사면",
phone: "010-1234-1234",
},
{
No: "2",
date: "2022.12.12",
name: "박말자",
address: "경상북도 군위군 삼국유사면",
phone: "010-1234-1234",
},
{
No: "3",
date: "2022.12.12",
name: "이순이",
address: "경상북도 군위군 삼국유사면",
phone: "010-1234-1234",
},
];
//노인리스트
const tableHead2 = [
"이름",
"요양등급",
"생년월일",
"연락처",
"주소",
"기저질환",
];
const Key2 = [
"name",
"level_of_care",
"birth",
"phone",
"address",
"management_number",
];
const content2 = [
{
name: "김복남",
level_of_care: "1등급",
birth: "1948.11.15",
phone: "010-1234-5678",
address: "경상북도 군위군 삼국유사면",
management_number: "혈압",
},
{
name: "홍길동",
level_of_care: "2등급",
birth: "1948.05.18",
phone: "010-3333-3333",
address: "경상북도 군위군 삼국유사면",
management_number: "당뇨",
},
{
name: "김말순",
level_of_care: "3등급",
birth: "1939.03.19",
phone: "010-3333-4444",
address: "경상북도 군위군 삼국유사면",
management_number: "천식",
},
{
name: "신정길",
level_of_care: "1등급",
birth: "1945.05.19",
phone: "010-3333-5555",
address: "경상북도 군위군 삼국유사면",
management_number: "폐렴",
},
{
name: "김정남",
level_of_care: "1등급",
birth: "1945.05.19",
phone: "010-3333-6666",
address: "경상북도 군위군 삼국유사면",
management_number: "인지장애",
},
];
return (
<main>
<div className="main-grid-government-2">
<ul className="content-box statistics">
<li>
<p><ElderlyIcon sx={{ width: "50px", height: "50px", color: "#ffffff", background: "#bf0629", borderRadius: "50px" }} /></p>
<p>전체 대상자</p>
<p>40</p>
</li>
</ul>
<ul className="content-box statistics">
<li>
<p><MedicationIcon sx={{ width: "50px", height: "50px", color: "#ffffff", background: "#0dd390", borderRadius: "50px" }} /></p>
<p>미복약 위험 대상자</p>
<p>4</p>
</li>
</ul>
<ul className="content-box statistics">
<li>
<p><DeviceThermostatIcon sx={{ width: "50px", height: "50px", color: "#ffffff", background: "#f1de05", borderRadius: "50px" }} /></p>
<p>댁내 온도 위험 대상자</p>
<p>4</p>
</li>
</ul>
<ul className="content-box statistics">
<li>
<p><BatteryCharging20Icon sx={{ width: "50px", height: "50px", color: "#ffffff", background: "#5f9af3", borderRadius: "50px" }} /></p>
<p>배터리 부족 대상자 </p>
<p>4</p>
</li>
</ul>
<div className="content-box combine-left combine-bottom-government2">
<div className="margin-bottom">
<Title title={"방문 리스트"} explanation={"방문이력이 달력에 표시됩니다."} />
</div>
<CalendarComponent />
</div>
<div className="content-box combine-bottom-government2 combine-right2">
<div className="flex margin-bottom">
<Title title={"금일 방문 예정 리스트"} explanation={"금일 방문 대상자를 확인하세요."} />
<AddCircleIcon sx={{ fontSize: 20, color: "#1976d2" }} />
</div>
<Table
className={"protector-user"}
head={tableHead}
contents={content}
contentKey={Key}
/>
</div>
</div>
</main>
);
}