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 Chart from "../../component/chart/Chart.jsx";
import Chart5 from "../../component/chart/Chart5.jsx";
import Chart2 from "../../component/chart/Chart2.jsx";
import Chart2_agency from "../../component/chart/Chart2_agency.jsx";
import Chart4 from "../../component/chart/Chart4.jsx";
import ClusteredColumnChart from "../../component/chart/ClusteredColumnChart.jsx";
import Donut1 from "../../component/chart/Donut1.jsx";
import RowChart from "../../component/chart/RowChart.jsx";
import AddCircleIcon from "@mui/icons-material/AddCircle";
import Calendar_agency from "../../component/Calendar_agency.jsx";
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';
export default function Main2() {
const tableHead = ["방문날짜", "방문사유", "방문 상세 사유"];
const Key = ["date", "reason", "detail_reason"];
const content = [
{
date: "2022.12.12",
reason: "어르신케어",
detail_reason: "하루동안 미복약으로 방문. 방문시 두통을 호소하셔 병원 동행",
},
];
//노인리스트
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-agency">
<ul className="content-box statistics" background="#f7acba">
<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" background="#8ef3d1">
<li>
<p><MedicationIcon sx={{ width: "50px", height: "50px", color: "#ffffff", background:"#076143", borderRadius:"50px" }}/></p>
<p>미복약 위험 대상자</p>
<p>40</p>
</li>
</ul>
<ul className="content-box statistics" background="#ebe7b9" >
<li>
<p><DeviceThermostatIcon sx={{ width: "50px", height: "50px", color: "#ffffff", background:"#f1de05", borderRadius:"50px" }}/></p>
<p>댁내 온도 위험 대상자</p>
<p>40</p>
</li>
</ul>
<ul className="content-box statistics" background="#5f9af3">
<li>
<p><BatteryCharging20Icon sx={{ width: "50px", height: "50px", color: "#ffffff", background:"#5f9af3", borderRadius:"50px" }}/></p>
<p>배터리 부족 대상자 </p>
<p>40</p>
</li>
</ul>
<div className="content-box bg-1 combine-left-government2 combine-middle-government">
<div className="flex">
<Title title={"약상자 사용자 수(명)"} explanation={"월별 약상자 사용 인원"} />
<AddCircleIcon sx={{ fontSize: 20, color: "#1976d2" }} />
</div>
<Chart2 />
</div>
<div className="content-box bg-2 combine-left-government2 combine-bottom-government6">
<div className="flex">
<Title title={"복용률 통계"} explanation={"월별 약상자 사용 인원"} />
<AddCircleIcon sx={{ fontSize: 20, color: "#1976d2" }} />
</div>
<Chart2_agency />
</div>
<div className="content-box bg-1 combine-left-government2 combine-bottom-government7">
<div className="flex">
<Title title={"월별 복지사 인원 및 인건비 현황"} explanation={"월별 약상자 사용 인원"} />
<AddCircleIcon sx={{ fontSize: 20, color: "#1976d2" }} />
</div>
<Chart />
</div>
<div className="content-box combine-right-government2 combine-bottom-government5">
<div className="flex">
<Title title={"방문한지 2"} explanation={"최근 6개월간 방문 횟수의 변화를 확인할 수 있습니다."} />
<AddCircleIcon sx={{ fontSize: 20, color: "#1976d2" }} />
</div>
<RowChart />
</div>
<div className="content-box combine-right-government combine-middle-government">
<div className="flex">
<Title title={"방문 달력"} explanation={"방문 일정을 캘린더로 관리하세요."} />
</div>
<Calendar_agency />
</div>
</div>
</main>
);
}