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_agency from "../../component/chart/Chart5_agency.jsx"; import Chart2_agency from "../../component/chart/Chart2_agency.jsx"; import AddCircleIcon from "@mui/icons-material/AddCircle"; import Calendar_agency from "../../component/Calendar_agency.jsx"; import Chart10 from "../../component/chart/Chart10.jsx"; import Cart7 from "../../component/chart/Chart7.jsx"; import Chart8 from "../../component/chart/Chart8.jsx"; import tool from "../../../resources/files/images/tool.png"; import medicinebox from "../../../resources/files/images/medicinebox.png"; import box from "../../../resources/files/images/box.png"; import exchange from "../../../resources/files/images/exchange.png"; import error from "../../../resources/files/images/error.png"; import batteryAgency from "../../../resources/files/images/batteryAgency.png"; import medicineAgency from "../../../resources/files/images/medicineAgency.png"; import temperatureAgency from "../../../resources/files/images/temperatureAgency.png"; import TitleSmall from "../../component/TitleSmall.jsx"; export default function Main2() { const thead = ["No", "계약업체명", "구분", "담당자 연락처", "주소"]; const key = ["No", "agency", "division", "phone", "address",]; const content = [ { No: ( <p><span>{thead[0]}</span> 1948.11.15</p> ), agency: ( <p><span>{thead[1]}</span> A복지관</p> ), division: ( <p><span>{thead[2]}</span>교환</p> ), phone: ( <p><span>{thead[3]}</span>010-1234-5678</p> ), address: ( <p><span>{thead[4]}</span>경상북도 군위군 삼국유사면</p> ), }, ]; return ( <main> <div className="flex-start margin-bottom2"><img src={medicinebox} alt="" /><TitleSmall title={"대상자 현황"} explanation={"2023.02.28 기준"} /></div> <div className="main-grid-agency margin-bottom2"> <ul className="content-box statistics-agency" background="#f7acba"> <li className="flex-start"> <img src={box} alt="" /> <div className="text"> <p>나의 돌봄 대상자</p> <p className="peoplecount">3</p> </div> </li> </ul> <ul className="content-box statistics-agency" background="#8ef3d1"> <li className="flex-start"> <img src={medicineAgency} alt="" /> <div className="text"> <p>미복약 위험 대상자</p> <p className="peoplecount">3</p> </div> </li> </ul> <ul className="content-box statistics-agency" background="#ebe7b9" > <li className="flex-start"> <img src={temperatureAgency} alt="" /> <div className="text"> <p>댁내 온도 위험 대상자</p> <p className="peoplecount">3</p> </div> </li> </ul> <ul className="content-box statistics-agency" background="#5f9af3"> <li className="flex-start"> <img src={batteryAgency} alt="" /> <div className="text"> <p>배터리 부족 대상자</p> <p className="peoplecount">0</p> </div> </li> </ul> </div> <div className="flex-start margin-bottom2"><img src={medicinebox} alt="" /><TitleSmall title={"대상자 복용률 평균"} /></div> <div className="main-grid-agency margin-bottom2"> <div className="content-box combine-left-government3"> <div className="height-50"><Chart10 /></div> <div> <table className="visit-data-table"> <thead> <tr> <th>년도</th> <th>총계</th> <th>1월</th> </tr> </thead> <tbody> <tr> <td>2023</td> <td>87%</td> <td>86%</td> </tr> <tr> <td>2022</td> <td>83%</td> <td>81%</td> </tr> <tr> <td>2021</td> <td>81%</td> <td>80%</td> </tr> <tr> <td>2020</td> <td>82%</td> <td>83%</td> </tr> <tr> <td>2019</td> <td>80%</td> <td>81%</td> </tr> </tbody> </table> </div> </div> </div> {/* <div className="flex-start margin-bottom2"><img src={medicinebox} alt="" /><TitleSmall title={"방문/전화 관리 리스트"} /></div> <div className="main-grid-agency margin-bottom2"> <div className="content-box combine-left-government3 visitlist"> <div className="margin-bottom2"> <Calendar_agency /> </div> <div className="margin-bottom2"> <Table className="agency-visitlist" head={thead} contents={content} contentKey={key} /> </div> </div> </div> */} <div className="main-grid-agency2"> <div> <div className="flex-start margin-bottom2"><img src={medicinebox} alt="" /><TitleSmall title={"연령대별 통계"} /></div> <div className="content-box combine-left-government3 visitlist margin-bottom2"> <Cart7 /> </div> </div> <div> <div className="flex-start margin-bottom2"><img src={medicinebox} alt="" /><TitleSmall title={"시니어 복용률 순위"} /></div> <div className="content-box combine-left-government3 visitlist margin-bottom2"> <Chart8 /> </div> </div> </div> <div> </div> </main> ); }