하석형 하석형 2023-02-16
230216 하석형 권한별 카테고리 정리
@7f64bc3aad8a5dfefc1bbd40a05a650bd2c42cde
client/resources/css/common.css
--- client/resources/css/common.css
+++ client/resources/css/common.css
@@ -311,6 +311,10 @@
   background: #cccccc;
 }
 
+.red-btn {
+  background: #ff0202;
+}
+
 
 /* margin */
 .margin-bottom {
 
client/views/pages/230215_backup_AppRoute.jsx (added)
+++ client/views/pages/230215_backup_AppRoute.jsx
@@ -0,0 +1,612 @@
+/**
+ * @author : 최정우
+ * @since : 2022.09.20
+ * @dscription : Application의 Route 정보를 관리하는 Component 입니다.
+ */
+import React from "react";
+//react router 라이브러리 import
+import { Routes, Route } from "react-router-dom";
+
+import HouseIcon from "@mui/icons-material/House";
+import PersonIcon from "@mui/icons-material/Person";
+import Diversity1Icon from "@mui/icons-material/Diversity1";
+import DoorFrontIcon from "@mui/icons-material/DoorFront";
+import SpeakerPhoneIcon from "@mui/icons-material/SpeakerPhone";
+import SettingsIcon from "@mui/icons-material/Settings";
+import CallIcon from '@mui/icons-material/Call';
+import ConstructionIcon from '@mui/icons-material/Construction';
+import EqualizerIcon from '@mui/icons-material/Equalizer';
+
+import Test from "./Test/Test.jsx";
+import Main_government from "./main/Main_government.jsx";
+import Main_guardian from "./main/Main_guardian.jsx";
+import Main_agency from "./main/Main_agency.jsx";
+import Main from "./main/Main.jsx";
+import SeniorSelect from "./senior_management/SeniorSelect.jsx";
+import SeniorInsert from "./senior_management/SeniorInsert.jsx";
+import SeniorSelectOne from "./senior_management/SeniorSelectOne.jsx";
+import MedicineCareSelect from "./healthcare/medicinecare/MedicineCareSelect.jsx";
+import MedicineCareSelectOne from "./healthcare/medicinecare/MedicineCareSelectOne.jsx";
+import TemperatureManagementSelect from "./healthcare/temperature/TemperatureManagementSelect.jsx";
+import TemperatureManagementSelectOne from "./healthcare/temperature/TemperatureManagementSelectOne.jsx";
+import Questionnaire from "./healthcare/Questionnaire.jsx";
+import MedicineStatistics from "./healthcare/statistics/MedicineStatistics.jsx";
+import GuardianStatistics from "./healthcare/statistics/GuardianStatistics.jsx";
+import VisitSelect from "./visit/visit/VisitSelect.jsx";
+import VisitInsert from "./visit/visit/VisitInsert.jsx";
+import VisitSelectOne from "./visit/visit/VisitSelectOne.jsx";
+import EquipmentRentalInsert from "./equipment/EquipmentRentalInsert.jsx";
+import EquipmentManagementSelect from "./equipment/EquipmentManagementSelect.jsx";
+import EquipmentManagementSelectOne from "./equipment/EquipmentManagementSelectOne.jsx";
+import UserAuthoriySelect from "./user_management/UserAuthoriySelect.jsx";
+import UserAuthoriySelect_admin from "./user_management/UserAuthoriySelect_admin.jsx";
+import MyInfoUpdate from "./authority/MyInfoUpdate.jsx";
+import CallInsert from "./callcenter/CallInsert.jsx";
+import CallSelect from "./callcenter/CallSelect.jsx";
+import CallSelectOne from "./setting/RiskSet.jsx";
+import CallUpdate from "./callcenter/CallUpdate.jsx";
+import EquipmentInquiry from "./equipment/EquipmentInquiry.jsx";
+import EquipmentManagementSelectAdd from "./equipment/EquipmentManagementSelectAdd.jsx";
+import RiskSet from "./setting/RiskSet.jsx";
+import QandA from "./callcenter/QandA.jsx";
+import UserSelectOk from "./user_management/UserSelectOk.jsx";
+import AuthorityManagement from "./setting/AuthorityManagement.jsx";
+import AgencyInsert from "./user_management/AgencyInsert.jsx";
+import AgencySelect from "./user_management/AgencySelect.jsx";
+import ProtectorSelect from "./user_management/ProtectorSelect.jsx";
+
+const AllAppMenuItems = [
+  {
+    title: "Home(올잇메디)",
+    path: "/Main",
+    icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+  },
+  {
+    title: "Home(에이젼시)",
+    path: "/Main_agency",
+    icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+  },
+  {
+    title: "Home(관리기관)",
+    path: "/Main_government",
+    icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+  },
+  {
+    title: "Home(보호자)",
+    path: "/Main_guardian",
+    icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+  },
+  {
+    title: "그래프로 보기",
+    path: "/GuardianStatistics",
+    icon: <EqualizerIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+  },
+  {
+    title: "사용자 관리",
+    path: "/UserAuthoriySelect",
+    icon: (
+      <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+  },
+  {
+    title: "시니어 관리",
+    path: "/UserAuthoriySelect_admin",
+    icon: (
+      <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+  },  
+  {
+    title: "시행기관관리",
+    prefix: "/Medicine",
+    icon: (
+      <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+    childrens: [
+      {
+        title: "기관 조회",
+        path: "/AgencySelect",
+      },
+      {
+        title: "사용자 계정 승인",
+        path: "/UserSelectOk",        
+      },
+    ],
+  },
+  {
+    title: "건강 관리",
+    prefix: "/Medicine",
+    icon: (
+      <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+    childrens: [
+      {
+        title: "복약 관리",
+        path: "/MedicineCareSelect",
+      },
+      {
+        title: "댁내 온도 관리",
+        path: "/TemperatureManagementSelect",
+      },
+      {
+        title: "문진표 작성",
+        path: "/Questionnaire",
+      },
+    ],
+  },
+
+  {
+    title: "방문 관리",
+    prefix: "/Visit",
+    icon: (
+      <DoorFrontIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+    childrens: [
+      {
+        title: "방문 관리",
+        path: "/VisitSelect",
+      },
+    ],
+  },
+  {
+    title: "장비 관리",    
+    icon: (
+      <SettingsIcon
+        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+      />
+    ),
+    childrens: [
+      {
+        title: "장비 조회",
+        path: "/EquipmentManagementSelect",
+      },
+      {
+        title: "장비 문의 요청",
+        path: "/EquipmentInquiry",
+      },
+      // {
+      //   title: "장비 추가 요청",
+      //   path: "/EquipmentManagementSelectAdd",
+      // },
+    ],
+  },    
+  {
+    title: "문의게시판",
+    path: "/QandA",
+    icon: (
+      <SpeakerPhoneIcon
+        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+      />
+    ),
+  },
+  {
+    title: "설정",    
+    icon: (
+      <SettingsIcon
+        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+      />
+    ),
+    childrens: [
+      {
+        title: "위험 기준 관리",
+        path: "/RiskSet",
+      },
+      {
+        title: "사용자 권한 관리",
+        path: "/AuthorityManagement",
+      },
+      // {
+      //   title: "장비 추가 요청",
+      //   path: "/EquipmentManagementSelectAdd",
+      // },
+    ],
+  },    
+];
+
+function AllAppRoute() {
+  return (
+      <Routes>
+        <Route path="/Test" element={<Test />}></Route>
+        <Route path="/Main" element={<Main />}></Route>
+        <Route path="/Main_government" element={<Main_government />}></Route>
+        <Route path="/Main_guardian" element={<Main_guardian />}></Route>
+        <Route path="/Main_agency" element={<Main_agency />}></Route>
+        <Route path="/SeniorSelect" element={<SeniorSelect />}></Route>
+        <Route path="/SeniorInsert" element={<SeniorInsert />}></Route>
+        <Route path="/SeniorSelectOne" element={<SeniorSelectOne />}></Route>
+        <Route
+          path="/MedicineCareSelect"
+          element={<MedicineCareSelect />}
+        ></Route>
+        <Route
+          path="/MedicineCareSelectOne"
+          element={<MedicineCareSelectOne />}
+        ></Route>
+        <Route
+          path="/TemperatureManagementSelect"
+          element={<TemperatureManagementSelect />}
+        ></Route>
+        <Route
+          path="/TemperatureManagementSelectOne"
+          element={<TemperatureManagementSelectOne />}
+        ></Route>
+        <Route
+          path="/MedicineStatistics"
+          element={<MedicineStatistics />}
+        ></Route>
+        <Route path="/VisitInsert" element={<VisitInsert />}></Route>
+        <Route path="/VisitSelect" element={<VisitSelect />}></Route>
+        <Route path="/VisitSelectOne" element={<VisitSelectOne />}></Route>
+        <Route
+          path="/EquipmentRentalInsert"
+          element={<EquipmentRentalInsert />}
+        ></Route>
+        <Route
+          path="/EquipmentManagementSelect"
+          element={<EquipmentManagementSelect />}
+        ></Route>
+        <Route
+          path="/EquipmentManagementSelectOne"
+          element={<EquipmentManagementSelectOne />}
+        ></Route>
+        <Route
+          path="/UserAuthoriySelect"
+          element={<UserAuthoriySelect />}
+        ></Route>
+        <Route path="/MyInfoUpdate" element={<MyInfoUpdate />}></Route>
+        <Route path="/CallInsert" element={<CallInsert />}></Route>
+        <Route path="/CallUpdate" element={<CallUpdate />}></Route>
+        <Route path="/CallSelect" element={<CallSelect />}></Route>
+        <Route path="/CallSelectOne" element={<CallSelectOne />}></Route>
+        <Route path="/EquipmentInquiry" element={<EquipmentInquiry />}></Route>
+        <Route path="/EquipmentManagementSelectAdd" element={<EquipmentManagementSelectAdd />}></Route>
+        <Route path="/RiskSet" element={<RiskSet />}></Route>
+        <Route path="/AuthorityManagement" element={<AuthorityManagement />}></Route>
+        <Route path="/UserAuthoriySelect_admin" element={<UserAuthoriySelect_admin />}></Route>
+        <Route path="/QandA" element={<QandA />}></Route>
+        <Route path="/UserSelectOk" element={<UserSelectOk />}></Route>
+        <Route path="/AuthorityManagement" element={<AuthorityManagement />}></Route>
+        <Route path="/AgencyInsert" element={<AgencyInsert />}></Route>
+        <Route path="/AgencySelect" element={<AgencySelect />}></Route>
+        <Route path="/ProtectorSelect" element={<ProtectorSelect />}></Route>
+        <Route path="/Questionnaire" element={<Questionnaire />}></Route>
+        <Route path="/GuardianStatistics" element={<GuardianStatistics />}></Route>
+      </Routes>
+  );
+}
+
+
+
+const AdminAppMenuItems = [
+  {
+    title: "Home",
+    path: "/Main",
+    icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+  },
+  {
+    title: "사용자 관리",
+    path: "/UserAuthoriySelect",
+    icon: (
+      <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+  },
+  // {
+  //   title: "시니어 관리",
+  //   path: "/UserAuthoriySelect_admin",
+  //   icon: (
+  //     <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+  //   ),
+  // },
+  // {
+  //   title: "사용자 계정 승인",
+  //   path: "/UserSelectOk",
+  //   icon: (
+  //     <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+  //   ),
+  // },
+  // {
+  //   title: "건강 관리",
+  //   prefix: "/Medicine",
+  //   icon: (
+  //     <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+  //   ),
+  //   childrens: [
+  //     {
+  //       title: "복약 관리",
+  //       path: "/MedicineCareSelect",
+  //     },
+  //     {
+  //       title: "댁내 온도 관리",
+  //       path: "/TemperatureManagementSelect",
+  //     },
+  //     {
+  //       title: "문진표 작성",
+  //       path: "/TemperatureManagementSelect",
+  //     },
+  //   ],
+  // },
+
+  // {
+  //   title: "방문 관리",
+  //   prefix: "/Visit",
+  //   icon: (
+  //     <DoorFrontIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+  //   ),
+  //   childrens: [
+  //     {
+  //       title: "방문 관리",
+  //       path: "/VisitSelect",
+  //     },
+  //   ],
+  // },
+  // {
+  //   title: "장비 관리",    
+  //   icon: (
+  //     <SettingsIcon
+  //       sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+  //     />
+  //   ),
+  //   childrens: [
+  //     {
+  //       title: "장비 조회",
+  //       path: "/EquipmentManagementSelect",
+  //     },
+  //     {
+  //       title: "장비 문의 요청",
+  //       path: "/EquipmentInquiry",
+  //     },
+  //     // {
+  //     //   title: "장비 추가 요청",
+  //     //   path: "/EquipmentManagementSelectAdd",
+  //     // },
+  //   ],
+  // },    
+  {
+    title: "문의게시판",
+    path: "/QandA",
+    icon: (
+      <SpeakerPhoneIcon
+        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+      />
+    ),
+  },
+  // {
+  //   title: "설정",    
+  //   icon: (
+  //     <SettingsIcon
+  //       sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+  //     />
+  //   ),
+  //   childrens: [
+  //     {
+  //       title: "위험 기준 관리",
+  //       path: "/RiskSet",
+  //     },
+  //     {
+  //       title: "사용자 권한 관리",
+  //       path: "/AuthorityManagement",
+  //     },
+  //     // {
+  //     //   title: "장비 추가 요청",
+  //     //   path: "/EquipmentManagementSelectAdd",
+  //     // },
+  //   ],
+  // },    
+];
+function AdminAppRoute() {
+  return (
+    <Routes>
+      <Route path="/Test" element={<Test />}></Route>
+        <Route path="/Main" element={<Main />}></Route>
+        <Route path="/Main_government" element={<Main_government />}></Route>
+        <Route path="/Main_guardian" element={<Main_guardian />}></Route>
+        <Route path="/Main_agency" element={<Main_agency />}></Route>
+        <Route
+          path="/EquipmentRentalInsert"
+          element={<EquipmentRentalInsert />}
+        ></Route>
+        <Route
+          path="/EquipmentManagementSelect"
+          element={<EquipmentManagementSelect />}
+        ></Route>
+        <Route
+          path="/EquipmentManagementSelectOne"
+          element={<EquipmentManagementSelectOne />}
+        ></Route>        
+        <Route path="/MyInfoUpdate" element={<MyInfoUpdate />}></Route>
+        <Route path="/CallInsert" element={<CallInsert />}></Route>
+        <Route path="/CallUpdate" element={<CallUpdate />}></Route>
+        <Route path="/CallSelect" element={<CallSelect />}></Route>
+        <Route path="/CallSelectOne" element={<CallSelectOne />}></Route>
+        <Route path="/EquipmentInquiry" element={<EquipmentInquiry />}></Route>
+        <Route path="/EquipmentManagementSelectAdd" element={<EquipmentManagementSelectAdd />}></Route>
+        <Route path="/RiskSet" element={<RiskSet />}></Route>
+        <Route path="/AuthorityManagement" element={<AuthorityManagement />}></Route>
+        <Route path="/UserAuthoriySelect_admin" element={<UserAuthoriySelect_admin />}></Route>
+        <Route path="/QandA" element={<QandA />}></Route>
+        <Route path="/UserSelectOk" element={<UserSelectOk />}></Route>
+        <Route path="/AuthorityManagement" element={<AuthorityManagement />}></Route>
+    </Routes>
+  );
+}
+
+
+const GovernmentAppMenuItems = [
+   {
+    title: "Home",
+    path: "/Main",
+    icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+  },
+  {
+    title: "사용자 관리",
+    path: "/UserAuthoriySelect",
+    icon: (
+      <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+  },
+  {
+    title: "시니어 관리",
+    path: "/UserAuthoriySelect_admin",
+    icon: (
+      <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+  },
+  {
+    title: "사용자 계정 승인",
+    path: "/UserSelectOk",    
+  },
+  {
+    title: "건강 관리",
+    prefix: "/Medicine",
+    icon: (
+      <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+    childrens: [
+      {
+        title: "복약 관리",
+        path: "/MedicineCareSelect",
+      },
+      {
+        title: "댁내 온도 관리",
+        path: "/TemperatureManagementSelect",
+      },
+      {
+        title: "문진표 작성",
+        path: "/TemperatureManagementSelect",
+      },
+    ],
+  },
+
+  {
+    title: "방문 관리",
+    prefix: "/Visit",
+    icon: (
+      <DoorFrontIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+    ),
+    childrens: [
+      {
+        title: "방문 관리",
+        path: "/VisitSelect",
+      },
+    ],
+  },
+  {
+    title: "장비 관리",    
+    icon: (
+      <SettingsIcon
+        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+      />
+    ),
+    childrens: [
+      {
+        title: "장비 조회",
+        path: "/EquipmentManagementSelect",
+      },
+      {
+        title: "장비 문의 요청",
+        path: "/EquipmentInquiry",
+      },
+      // {
+      //   title: "장비 추가 요청",
+      //   path: "/EquipmentManagementSelectAdd",
+      // },
+    ],
+  },    
+  {
+    title: "문의게시판",
+    path: "/QandA",
+    icon: (
+      <SpeakerPhoneIcon
+        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+      />
+    ),
+  },
+  {
+    title: "설정",    
+    icon: (
+      <SettingsIcon
+        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+      />
+    ),
+    childrens: [
+      {
+        title: "위험 기준 관리",
+        path: "/RiskSet",
+      },
+      {
+        title: "사용자 권한 관리",
+        path: "/AuthorityManagement",
+      },
+      // {
+      //   title: "장비 추가 요청",
+      //   path: "/EquipmentManagementSelectAdd",
+      // },
+    ],
+  },  
+];
+function GovernmentAppRoute() {
+  return (
+    <Routes>
+      <Route path="/Test" element={<Test />}></Route>
+      <Route path="/Main" element={<Main2 />}></Route>
+      <Route path="/SeniorSelect" element={<SeniorSelect />}></Route>
+      <Route path="/SeniorInsert" element={<SeniorInsert />}></Route>
+      <Route path="/SeniorSelectOne" element={<SeniorSelectOne />}></Route>
+      <Route
+        path="/MedicineCareSelect"
+        element={<MedicineCareSelect />}
+      ></Route>
+      <Route
+        path="/MedicineCareSelectOne"
+        element={<MedicineCareSelectOne />}
+      ></Route>
+      <Route
+        path="/TemperatureManagementSelect"
+        element={<TemperatureManagementSelect />}
+      ></Route>
+      <Route
+        path="/TemperatureManagementSelectOne"
+        element={<TemperatureManagementSelectOne />}
+      ></Route>
+      <Route
+        path="/MedicineStatistics"
+        element={<MedicineStatistics />}
+      ></Route>
+      <Route path="/VisitInsert" element={<VisitInsert />}></Route>
+      <Route path="/VisitSelect" element={<VisitSelect />}></Route>
+      <Route path="/VisitSelectOne" element={<VisitSelectOne />}></Route>
+      <Route
+        path="/EquipmentRentalInsert"
+        element={<EquipmentRentalInsert />}
+      ></Route>
+      <Route
+        path="/EquipmentManagementSelect"
+        element={<EquipmentManagementSelect />}
+      ></Route>
+      <Route
+        path="/EquipmentManagementSelectOne"
+        element={<EquipmentManagementSelectOne />}
+      ></Route>
+      <Route
+        path="/UserAuthoriySelect"
+        element={<UserAuthoriySelect />}
+      ></Route>
+      <Route path="/MyInfoUpdate" element={<MyInfoUpdate />}></Route>
+      <Route path="/CallInsert" element={<CallInsert />}></Route>
+      <Route path="/CallUpdate" element={<CallUpdate />}></Route>
+      <Route path="/CallSelect" element={<CallSelect />}></Route>
+      <Route path="/CallSelectOne" element={<CallSelectOne />}></Route>
+      <Route path="/EquipmentInquiry" element={<EquipmentInquiry />}></Route>
+      <Route path="/EquipmentManagementSelectAdd" element={<EquipmentManagementSelectAdd />}></Route>
+      <Route path="/RiskInsert" element={<RiskInsert />}></Route>
+      <Route path="/AuthorityManagement" element={<AuthorityManagement />}></Route>
+      <Route path="/QandA" element={<QandA />}></Route>
+    </Routes>
+  );
+}
+
+const AllApp = {'menuItems': AllAppMenuItems, 'AppRoute': AllAppRoute};
+const AdminApp = {'menuItems': AdminAppMenuItems, 'AppRoute': AdminAppRoute};
+const GovernmentApp = {'menuItems': GovernmentAppMenuItems, 'AppRoute': GovernmentAppRoute};
+
+export default AllApp;
+export {AdminApp, GovernmentApp};
client/views/pages/AppRoute.jsx
--- client/views/pages/AppRoute.jsx
+++ client/views/pages/AppRoute.jsx
@@ -55,151 +55,238 @@
 import AgencySelect from "./user_management/AgencySelect.jsx";
 import ProtectorSelect from "./user_management/ProtectorSelect.jsx";
 
+import MedicineCareSelect_government from "./healthcare/medicinecare/MedicineCareSelect_government.jsx";
+import TemperatureManagementSelect_government from "./healthcare/temperature/TemperatureManagementSelect_government.jsx";
+import Questionnaire_government from "./healthcare/Questionnaire_government.jsx";
+import VisitSelect_government from "./visit/visit/VisitSelect_government.jsx";
+import QandA_government from "./callcenter/QandA_government.jsx";
+
 const AllAppMenuItems = [
   {
-    title: "Home(올잇메디)",
+    title: "올잇메디",
     path: "/Main",
     icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+    childrens: [
+      {
+        title: "Home",
+        path: "/Main",
+        icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+      },
+      {
+        title: "사용자 관리",
+        path: "/UserAuthoriySelect",
+        icon: (
+          <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ),
+      },
+      {
+        title: "시니어 건강 관리",
+        // path: "/TemperatureManagementSelect",
+        icon: (
+          <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ), 
+      },
+      {
+        title: "장비 조회",
+        path: "/EquipmentManagementSelect",
+        icon: (
+          <SettingsIcon
+            sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+          />
+        ),
+      },
+      {
+        title: "장비 문의 관리",
+        path: "/EquipmentManagementSelect",
+        icon: (
+          <SettingsIcon
+            sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+          />
+        ),
+      },
+    ],
   },
   {
-    title: "Home(에이젼시)",
-    path: "/Main_agency",
-    icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
-  },
-  {
-    title: "Home(관리기관)",
+    title: "관리기관",
     path: "/Main_government",
     icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+    childrens: [
+      {
+        title: "Home",
+        path: "/Main_government",
+        icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+      },
+      {
+        title: "기관 조회",
+        path: "/AgencySelect",
+        icon: (
+          <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ),
+      },
+      {
+        title: "사용자 계정 승인",
+        path: "/UserSelectOk",
+        icon: (
+          <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ),   
+      },
+      {
+        title: "복약 관리",
+        path: "/MedicineCareSelect_government",
+        icon: (
+          <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ), 
+      },
+      {
+        title: "댁내 온도 관리",
+        path: "/TemperatureManagementSelect_government",
+        icon: (
+          <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ), 
+      },
+      {
+        title: "진료 관리",
+        path: "/Questionnaire_government",
+        icon: (
+          <DoorFrontIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ), 
+      },
+      {
+        title: "방문 관리",
+        path: "/VisitSelect_government",
+        icon: (
+          <DoorFrontIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ),
+      },
+      {
+        title: "Q&A 관리",
+        path: "/QandA_government",
+        icon: (
+          <SpeakerPhoneIcon
+            sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+          />
+        ),
+      },
+      {
+        title: "위험 기준 관리",
+        path: "/RiskSet",
+        icon: (
+          <SettingsIcon
+            sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+          />
+        ),
+      },
+      {
+        title: "사용자 권한 관리",
+        path: "/AuthorityManagement",
+        icon: (
+          <SettingsIcon
+            sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+          />
+        ),
+      },
+    ],
   },
   {
-    title: "Home(보호자)",
+    title: "시행기관",
+    path: "/Main_agency",
+    icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+    childrens: [
+      {
+        title: "Home",
+        path: "/Main_agency",
+        icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+      },
+      {
+        title: "시니어 관리",
+        path: "/UserAuthoriySelect_admin",
+        icon: (
+          <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ),
+      },
+      {
+        title: "복약 관리",
+        path: "/MedicineCareSelect",
+        icon: (
+          <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ), 
+      },
+      {
+        title: "댁내 온도 관리",
+        path: "/TemperatureManagementSelect",
+        icon: (
+          <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ), 
+      },
+      {
+        title: "진료 관리",
+        path: "/Questionnaire",
+        icon: (
+          <DoorFrontIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ), 
+      },
+      {
+        title: "방문 관리",
+        path: "/VisitSelect",
+        icon: (
+          <DoorFrontIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
+        ),
+      },
+      {
+        title: "Q&A 관리",
+        path: "/QandA",
+        icon: (
+          <SpeakerPhoneIcon
+            sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+          />
+        ),
+      },
+      {
+        title: "장비 대여 관리x",
+        // path: "/EquipmentInquiry",
+        icon: (
+          <SettingsIcon
+            sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+          />
+        ),
+      },
+      {
+        title: "장비 문의",
+        path: "/EquipmentInquiry",
+        icon: (
+          <SettingsIcon
+            sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+          />
+        ),
+      },
+    ],
+  },
+  {
+    title: "보호자",
     path: "/Main_guardian",
     icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+    childrens: [
+      {
+        title: "Home",
+        path: "/Main_guardian",
+        icon: <HouseIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
+      },
+      {
+        title: "Q&A",
+        path: "/QandA",
+        icon: (
+          <SpeakerPhoneIcon
+            sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
+          />
+        ),
+      },
+    ],
   },
   {
     title: "그래프로 보기",
     path: "/GuardianStatistics",
     icon: <EqualizerIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />,
-  },
-  {
-    title: "사용자 관리",
-    path: "/UserAuthoriySelect",
-    icon: (
-      <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
-    ),
-  },
-  {
-    title: "시니어 관리",
-    path: "/UserAuthoriySelect_admin",
-    icon: (
-      <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
-    ),
-  },  
-  {
-    title: "시행기관관리",
-    prefix: "/Medicine",
-    icon: (
-      <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
-    ),
-    childrens: [
-      {
-        title: "기관 조회",
-        path: "/AgencySelect",
-      },
-      {
-        title: "사용자 계정 승인",
-        path: "/UserSelectOk",        
-      },
-    ],
-  },
-  {
-    title: "건강 관리",
-    prefix: "/Medicine",
-    icon: (
-      <Diversity1Icon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
-    ),
-    childrens: [
-      {
-        title: "복약 관리",
-        path: "/MedicineCareSelect",
-      },
-      {
-        title: "댁내 온도 관리",
-        path: "/TemperatureManagementSelect",
-      },
-      {
-        title: "문진표 작성",
-        path: "/Questionnaire",
-      },
-    ],
-  },
-
-  {
-    title: "방문 관리",
-    prefix: "/Visit",
-    icon: (
-      <DoorFrontIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
-    ),
-    childrens: [
-      {
-        title: "방문 관리",
-        path: "/VisitSelect",
-      },
-    ],
-  },
-  {
-    title: "장비 관리",    
-    icon: (
-      <SettingsIcon
-        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
-      />
-    ),
-    childrens: [
-      {
-        title: "장비 조회",
-        path: "/EquipmentManagementSelect",
-      },
-      {
-        title: "장비 문의 요청",
-        path: "/EquipmentInquiry",
-      },
-      // {
-      //   title: "장비 추가 요청",
-      //   path: "/EquipmentManagementSelectAdd",
-      // },
-    ],
-  },    
-  {
-    title: "문의게시판",
-    path: "/QandA",
-    icon: (
-      <SpeakerPhoneIcon
-        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
-      />
-    ),
-  },
-  {
-    title: "설정",    
-    icon: (
-      <SettingsIcon
-        sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
-      />
-    ),
-    childrens: [
-      {
-        title: "위험 기준 관리",
-        path: "/RiskSet",
-      },
-      {
-        title: "사용자 권한 관리",
-        path: "/AuthorityManagement",
-      },
-      // {
-      //   title: "장비 추가 요청",
-      //   path: "/EquipmentManagementSelectAdd",
-      // },
-    ],
-  },    
+  }, 
 ];
 
 function AllAppRoute() {
@@ -270,6 +357,12 @@
         <Route path="/ProtectorSelect" element={<ProtectorSelect />}></Route>
         <Route path="/Questionnaire" element={<Questionnaire />}></Route>
         <Route path="/GuardianStatistics" element={<GuardianStatistics />}></Route>
+
+        <Route path="/MedicineCareSelect_government" element={<MedicineCareSelect_government />}></Route>
+        <Route path="/TemperatureManagementSelect_government" element={<TemperatureManagementSelect_government />}></Route>
+        <Route path="/Questionnaire_government" element={<Questionnaire_government />}></Route>
+        <Route path="/VisitSelect_government" element={<VisitSelect_government />}></Route>
+        <Route path="/QandA_government" element={<QandA_government />}></Route>
       </Routes>
   );
 }
 
client/views/pages/callcenter/230215_backup_QandA.jsx (added)
+++ client/views/pages/callcenter/230215_backup_QandA.jsx
@@ -0,0 +1,51 @@
+import React from "react";
+import Button from "../../component/Button.jsx";
+import Table from "../../component/Table.jsx";
+import Modal from "../../component/Modal.jsx";
+import { useNavigate } from "react-router";
+import ContentTitle from "../../component/ContentTitle.jsx";
+
+export default function QandA() {
+  const navigate = useNavigate();
+  //게시판
+  const thead = [
+    "No",
+    "작성자",
+    "작성일자",
+    "상태",
+  ];
+  const key = [
+    "No",
+    "name",
+    "date",
+    "work",
+  ];
+  const content = [
+    {
+      No: 1,
+      name: "홍**",
+      date: "2022-08-01",
+      work: "답변완료"
+    },  
+  ];
+  return (
+    <main>
+      <div className="content-wrap">
+      <ContentTitle contentTitle={"문의게시판"} />
+        <div className="board-wrap">
+        <div className="btn-wrap flex-end">
+              <Button
+                className={"btn-small green-btn"}
+                btnName={"등록"}
+                onClick={() => {
+                  navigate("/CallInsert");
+                }}
+              />
+              <Button className={"btn-small green-btn"} btnName={"삭제"} />
+            </div>
+          <Table className="equipment-detail" head={thead} contents={content} contentKey={key} />
+        </div>
+      </div>
+    </main>
+  );
+}
client/views/pages/callcenter/QandA.jsx
--- client/views/pages/callcenter/QandA.jsx
+++ client/views/pages/callcenter/QandA.jsx
@@ -31,7 +31,7 @@
   return (
     <main>
       <div className="content-wrap">
-      <ContentTitle contentTitle={"문의게시판"} />
+      <ContentTitle contentTitle={"QnA게시판"} />
         <div className="board-wrap">
         <div className="btn-wrap flex-end">
               <Button
 
client/views/pages/callcenter/QandA_government.jsx (added)
+++ client/views/pages/callcenter/QandA_government.jsx
@@ -0,0 +1,65 @@
+import React from "react";
+import Button from "../../component/Button.jsx";
+import Table from "../../component/Table.jsx";
+import Modal from "../../component/Modal.jsx";
+import { useNavigate } from "react-router";
+import ContentTitle from "../../component/ContentTitle.jsx";
+
+export default function QandA_government() {
+  const navigate = useNavigate();
+  //게시판
+  const thead = [
+    "No",
+    "작성자",
+    "작성일자",
+    "관리기관",
+    "보호사",
+    "상태",
+  ];
+  const key = [
+    "No",
+    "name",
+    "date",
+    "agency", 
+    "protect",
+    "work",
+  ];
+  const content = [
+    {
+      No: 2,
+      name: "정**",
+      date: "2022-08-01",
+      agency: "B복지관",
+      protect: "박복지",
+      work: "답변전"
+    },
+    {
+      No: 1,
+      name: "홍**",
+      date: "2022-08-01",
+      agency: "A복지관",
+      protect: "홍길동",
+      work: "답변완료"
+    }, 
+  ];
+  return (
+    <main>
+      <div className="content-wrap">
+      <ContentTitle contentTitle={"QnA게시판"} />
+        <div className="board-wrap">
+        <div className="btn-wrap flex-end">
+              <Button
+                className={"btn-small green-btn"}
+                btnName={"등록"}
+                onClick={() => {
+                  navigate("/CallInsert");
+                }}
+              />
+              <Button className={"btn-small green-btn"} btnName={"삭제"} />
+            </div>
+          <Table className="equipment-detail" head={thead} contents={content} contentKey={key} />
+        </div>
+      </div>
+    </main>
+  );
+}
 
client/views/pages/healthcare/230215_backup_Questionnaire.jsx (added)
+++ client/views/pages/healthcare/230215_backup_Questionnaire.jsx
@@ -0,0 +1,145 @@
+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>
+  );
+}
client/views/pages/healthcare/Questionnaire.jsx
--- client/views/pages/healthcare/Questionnaire.jsx
+++ client/views/pages/healthcare/Questionnaire.jsx
@@ -16,9 +16,17 @@
   const closeModal = () => {
     setModalOpen(false);
   };
+
+  const [modalOpen2, setModalOpen2] = React.useState(false);
+  const openModal2 = () => {
+    setModalOpen2(true);
+  };
+  const closeModal2 = () => {
+    setModalOpen2(false);
+  };
   //게시판
-  const thead = ["No", "이름","시니어등록번호", "생년월일", "연락처", "주소", "문진표",];
-  const key = ["No", "name","number", "birth", "phone", "address", "average"];
+  const thead = ["No", "이름","시니어등록번호", "생년월일", "연락처", "주소", "문진표", "내원기록"];
+  const key = ["No", "name","number", "birth", "phone", "address", "average", "record"];
   const content = [
     {
       No: 1,
@@ -32,6 +40,13 @@
           className={"btn-small gray-btn"}
           btnName={"작성하기"}
           onClick={openModal}
+        />
+      ),
+      record: (
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"진료 내역"}
+          onClick={openModal2}
         />
       ),
     },
@@ -49,6 +64,35 @@
           onClick={openModal}
         />
       ),
+      record: (
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"진료 내역"}
+          onClick={openModal2}
+        />
+      ),
+    },
+  ];
+
+  const thead1 = [
+    "No",
+    "진료 일자",
+    "진료 사유",
+    "진료 내용",
+    "심전도 데이터",
+    "혈압 데이터",
+    "기록 작성자 명",
+  ];
+  const key1 = ["No", "date", "reason","content", "ecg", "blood", "name"];
+  const content1 = [
+    {
+      No: 1,
+      date: "2023-01-25",
+      reason: "정기 내원",
+      content: "건강검진 진행, 이상 없음",
+      ecg: "data",
+      blood: "data",
+      name: "정간호",
     },
   ];
 
@@ -126,6 +170,37 @@
           </div>
         </div>
       </Modal>
+
+      <Modal open={modalOpen2} close={closeModal2} header="진료 기록">
+        <div className="board-wrap">
+        <div className="btn-wrap flex-end margin-bottom">
+              <Button
+                  className={"btn-small green-btn"}
+                  btnName={"등록"}
+                  onClick={() => {
+                  // navigate("/SeniorInsert");
+                  }}
+              />
+              <Button className={"btn-small green-btn"} btnName={"삭제"} />
+            </div>
+          <div>
+            <Table
+              className={"caregiver-user"}
+              head={thead1}
+              contents={content1}
+              contentKey={key1}
+            />
+          </div>
+          <div>
+            <Button
+              className={"btn-100 green-btn"}
+              btnName={"닫기"}
+              onClick={closeModal2}
+            />
+          </div>
+        </div>
+      </Modal>
+
       <div className="content-wrap">
       <ContentTitle contentTitle={"문진표 조회"} />
         <div>
 
client/views/pages/healthcare/Questionnaire_government.jsx (added)
+++ client/views/pages/healthcare/Questionnaire_government.jsx
@@ -0,0 +1,224 @@
+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_government() {
+  const navigate = useNavigate();
+  const [modalOpen, setModalOpen] = React.useState(false);
+  const openModal = () => {
+    setModalOpen(true);
+  };
+  const closeModal = () => {
+    setModalOpen(false);
+  };
+
+  const [modalOpen2, setModalOpen2] = React.useState(false);
+  const openModal2 = () => {
+    setModalOpen2(true);
+  };
+  const closeModal2 = () => {
+    setModalOpen2(false);
+  };
+  //게시판
+  const thead = ["No", "이름","시니어등록번호", "생년월일", "연락처", "주소", "관리기관", "보호사", "문진표", "내원기록"];
+  const key = ["No", "name","number", "birth", "phone", "address", "agency", "protect", "average", "record"];
+  const content = [
+    {
+      No: 1,
+      name: "김복남",
+      number: "00000001",
+      birth: "1948.11.15",
+      phone: "010-1234-5678",
+      address: "경상북도 군위군 삼국유사면",
+      agency: "A복지관",
+      protect: "홍길동",
+      average: (
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"작성하기"}
+          onClick={openModal}
+        />
+      ),
+      record: (
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"진료 내역"}
+          onClick={openModal2}
+        />
+      ),
+    },
+    {
+      No: 2,
+      name: "홍길동",
+      number: "00000001",
+      birth: "1948.08.02",
+      phone: "010-1234-3333",
+      address: "경상북도 군위군 군위읍",
+      agency: "B복지관",
+      protect: "박길동",
+      average: (
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"보기"}
+          onClick={openModal}
+        />
+      ),
+      record: (
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"진료 내역"}
+          onClick={openModal2}
+        />
+      ),
+    },
+  ];
+
+  const thead1 = [
+    "No",
+    "진료 일자",
+    "진료 사유",
+    "진료 내용",
+    "심전도 데이터",
+    "혈압 데이터",
+    "기록 작성자 명",
+  ];
+  const key1 = ["No", "date", "reason","content", "ecg", "blood", "name"];
+  const content1 = [
+    {
+      No: 1,
+      date: "2023-01-25",
+      reason: "정기 내원",
+      content: "건강검진 진행, 이상 없음",
+      ecg: "data",
+      blood: "data",
+      name: "정간호",
+    },
+  ];
+
+  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>
+
+      <Modal open={modalOpen2} close={closeModal2} header="진료 기록">
+        <div className="board-wrap">
+        <div className="btn-wrap flex-end margin-bottom">
+              <Button
+                  className={"btn-small green-btn"}
+                  btnName={"등록"}
+                  onClick={() => {
+                  // navigate("/SeniorInsert");
+                  }}
+              />
+              <Button className={"btn-small green-btn"} btnName={"삭제"} />
+            </div>
+          <div>
+            <Table
+              className={"caregiver-user"}
+              head={thead1}
+              contents={content1}
+              contentKey={key1}
+            />
+          </div>
+          <div>
+            <Button
+              className={"btn-100 green-btn"}
+              btnName={"닫기"}
+              onClick={closeModal2}
+            />
+          </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>
+  );
+}
 
client/views/pages/healthcare/medicinecare/MedicineCareSelect_government.jsx (added)
+++ client/views/pages/healthcare/medicinecare/MedicineCareSelect_government.jsx
@@ -0,0 +1,59 @@
+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";
+
+export default function MedicineCareSelect_government() {
+  const navigate = useNavigate();
+
+  //게시판
+  const thead = ["No", "이름", "생년월일", "연락처", "주소", "관리기관","보호사","최근 3일 복약률",];
+  const key = ["No", "name", "birth", "phone", "address","agency","protect", "average"];
+  const content = [
+    {
+      No: 1,
+      name: "김복남",
+      birth: "1948.11.15",
+      phone: "010-1234-5678",
+      address: "경상북도 군위군 삼국유사면",
+      agency: "A복지관",
+      protect: "홍길동",
+      average: "0%",
+    },
+    {
+      No: 2,
+      name: "홍길동",
+      birth: "1948.08.02",
+      phone: "010-1234-3333",
+      address: "경상북도 군위군 군위읍",
+      agency: "B복지관",
+      protect: "박길동",
+      average: "80%",
+    },
+  ];
+
+  return (
+    <main>
+      <div className="content-wrap">
+        <ContentTitle contentTitle={"복약 조회"} />
+        <div>
+          <DetailSearch />
+          <div className="board-wrap">
+            <SubTitle explanation={"대상자 클릭 시 상세페이지로 이동합니다."} className="margin-bottom" />
+            <Table
+              className={"medicine-table"}
+              head={thead}
+              contents={content}
+              contentKey={key}
+              onClick={() => {
+                navigate("/MedicineCareSelectOne");
+              }}
+            />
+          </div>
+        </div>
+      </div>
+    </main>
+  );
+}
 
client/views/pages/healthcare/temperature/TemperatureManagementSelect_government.jsx (added)
+++ client/views/pages/healthcare/temperature/TemperatureManagementSelect_government.jsx
@@ -0,0 +1,53 @@
+import React from "react";
+import Table from "../../../component/Table.jsx";
+import DetailSearch from "../../../component/DetailSearch.jsx";
+import ContentTitle from "../../../component/ContentTitle.jsx";
+import SubTitle from "../../../component/SubTitle.jsx";
+import { useNavigate } from 'react-router';
+
+export default function TemperatureManagementSelect_government() {
+  const navigate = useNavigate();
+    //게시판
+    const thead = ["No", "이름", "생년월일", "연락처", "주소", "관리기관","보호사","최근 온도",];
+    const key = ["No", "name", "birth", "phone", "address","agency", "protect","temp",];
+    const content = [
+      {
+        No: 1,
+        name: "김복남",
+        birth: "1948.11.15",
+        phone: "010-1234-5678",
+        address: "경상북도 군위군 삼국유사면",
+        agency: "A복지관",
+        protect: "홍길동",
+        temp: "18°C",
+      },
+      {
+        No: 2,
+        name: "홍길동",
+        birth: "1945.05.08",
+        phone: "010-1234-5678",
+        address: "경상북도 군위군 군위읍",
+        agency: "B복지관",
+        protect: "박길동",
+        temp: "10°C",
+      },
+    ];
+  return (
+    <main>
+      <div className="content-wrap">
+      <ContentTitle contentTitle={"댁내 온도 조회"} />
+          <DetailSearch />
+          <div className="board-wrap">  
+          <SubTitle className="margin-bottom" explanation={"대상자 클릭 시 최근 일주일 댁내 온도를 확인할 수 있습니다."}/>
+          <Table
+          className={"temperature-table"}
+            head={thead}
+            contents={content}
+            contentKey={key}
+            onClick={()=>{navigate('/TemperatureManagementSelectOne')}}
+          />
+        </div>
+      </div>
+    </main>
+  );
+}
 
client/views/pages/main/230215_backup_Main.jsx (added)
+++ client/views/pages/main/230215_backup_Main.jsx
@@ -0,0 +1,159 @@
+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 Calendar from "../../component/Calendar.jsx";
+import AddCircleIcon from '@mui/icons-material/AddCircle';
+import PersonIcon from '@mui/icons-material/Person';
+
+
+export default function Main2() {
+
+  const tableHead = [
+    "연번",
+    "계약업체명",
+    "반납/교환",
+    "담당자 연락처",
+    "주소",
+  ];
+  const Key = [
+    "name",
+    "level_of_care",
+    "birth",
+    "phone",
+    "address",
+  ];
+  const content = [
+    {
+      name: "1",
+      level_of_care: "A복지관",
+      birth: "교환",
+      phone: "010-1234-5678",
+      address: "경상북도 군위군 삼국유사면",
+    },
+    {
+      name: "2",
+      level_of_care: "B병원",
+      birth: "반납",
+      phone: "010-3333-3333",
+      address: "경상북도 군위군 삼국유사면",
+    },
+    {
+      name: "3",
+      level_of_care: "C복지관",
+      birth: "교환",
+      phone: "010-3333-4444",
+      address: "경상북도 군위군 삼국유사면",
+    },
+    {
+      name: "4",
+      level_of_care: "D복지관",
+      birth: "교환",
+      phone: "010-3333-5555",
+      address: "경상북도 군위군 삼국유사면",
+    },
+    {
+      name: "5",
+      level_of_care: "E복지관",
+      birth: "반납",
+      phone: "010-3333-6666",
+      address: "경상북도 군위군 삼국유사면",
+    },
+  ];
+  const tableHead2 = [
+    "연번",
+    "계약업체명",
+    "반납/교환",
+    "담당자 연락처",
+    "주소",
+  ];
+  const Key2 = [
+    "name",
+    "level_of_care",
+    "birth",
+    "phone",
+    "address",
+  ];
+  const content2 = [
+    {
+      name: "1",
+      level_of_care: "A복지관",
+      birth: "교환",
+      phone: "010-1234-5678",
+      address: "경상북도 군위군 삼국유사면",
+    },
+    {
+      name: "2",
+      level_of_care: "B병원",
+      birth: "반납",
+      phone: "010-3333-3333",
+      address: "경상북도 군위군 삼국유사면",
+    },
+    {
+      name: "3",
+      level_of_care: "C복지관",
+      birth: "교환",
+      phone: "010-3333-4444",
+      address: "경상북도 군위군 삼국유사면",
+    },
+    {
+      name: "4",
+      level_of_care: "D복지관",
+      birth: "교환",
+      phone: "010-3333-5555",
+      address: "경상북도 군위군 삼국유사면",
+    },
+    {
+      name: "5",
+      level_of_care: "E복지관",
+      birth: "반납",
+      phone: "010-3333-6666",
+      address: "경상북도 군위군 삼국유사면",
+    },
+  ];
+
+  return (
+    <main>
+      <div className="main-grid">
+        <ul className="content-box statistics flex combine-left">
+          <li>
+            <p>전체 장비 대여수</p>
+            <p>200개</p>
+          </li>
+          <li>
+            <p>계약 업체 수</p>
+            <p>20개 </p>
+          </li>
+          <li>
+            <p>교환 예정 장비 수</p>
+            <p>3개</p>
+          </li>
+          <li>
+            <p>반납 예정 장비 수</p>
+            <p>10개</p>
+          </li>
+        </ul>
+        <div className="content-box combine-left">
+          <div className="flex margin-bottom">
+            <Title title={"금일 반납/교환 예정 리스트"} explanation={"장비 반납/교환 리스트를 확인하세요."} />
+            <AddCircleIcon sx={{ fontSize: 20, color: "#1976d2" }} />
+          </div>
+          <div className="flex" >
+            <div style={{ width:"50%" }}><Calendar /></div>
+            <div style={{ width:"50%" }}><Table head={tableHead} contents={content} contentKey={Key} /></div>
+          </div>
+
+        </div>          
+        <div className="content-box combine-left">
+          <div className="flex margin-bottom">
+            <Title title={"약상자 추가 예정 리스트"} explanation={"장비 반납/교환 리스트를 확인하세요."} />
+            <AddCircleIcon sx={{ fontSize: 20, color: "#1976d2" }} />
+          </div>
+          <Table head={tableHead2} contents={content2} contentKey={Key2} />
+        </div>          
+      </div>
+    </main>
+  );
+}
client/views/pages/main/Main.jsx
--- client/views/pages/main/Main.jsx
+++ client/views/pages/main/Main.jsx
@@ -127,17 +127,17 @@
             <p>20개 </p>
           </li>
           <li>
-            <p>교환 예정 장비 수</p>
-            <p>3개</p>
+            <p>교환/수리 장비 수</p>
+            <p>13개</p>
           </li>
           <li>
-            <p>반납 예정 장비 수</p>
-            <p>10개</p>
+            <p>불량 장비 수</p>
+            <p>1개</p>
           </li>
         </ul>
         <div className="content-box combine-left">
           <div className="flex margin-bottom">
-            <Title title={"금일 반납/교환 예정 리스트"} explanation={"장비 반납/교환 리스트를 확인하세요."} />
+            <Title title={"교환/수리 리스트"} explanation={"장비 교환/수리 리스트를 확인하세요."} />
             <AddCircleIcon sx={{ fontSize: 20, color: "#1976d2" }} />
           </div>
           <div className="flex" >
@@ -148,7 +148,7 @@
         </div>          
         <div className="content-box combine-left">
           <div className="flex margin-bottom">
-            <Title title={"약상자 추가 예정 리스트"} explanation={"장비 반납/교환 리스트를 확인하세요."} />
+            <Title title={"장비 추가 리스트"} explanation={"장비 추가 리스트를 확인하세요."} />
             <AddCircleIcon sx={{ fontSize: 20, color: "#1976d2" }} />
           </div>
           <Table head={tableHead2} contents={content2} contentKey={Key2} />
 
client/views/pages/senior_management/230215_backup_SeniorInsert.jsx (added)
+++ client/views/pages/senior_management/230215_backup_SeniorInsert.jsx
@@ -0,0 +1,101 @@
+import React from "react";
+import Button from "../../component/Button.jsx";
+import ContentTitle from "../../component/ContentTitle.jsx";
+import { useNavigate } from "react-router";
+
+export default function SeniorInsert() {
+  const navigate = useNavigate();
+  return (
+    <main>
+      <div className="content-wrap row">
+      <ContentTitle contentTitle={"시니어 등록"} />
+          <table className="margin-bottom2 senior-insert">
+            <tr>
+              <th>이름</th>
+              <td>
+                <input type="text" />
+              </td>
+              <th>생년월일</th>
+              <td>
+                <div className="flex">
+                  <select name="year" id="year">
+                    <option value="">년</option>
+                  </select>
+                  <select name="month" id="month">
+                    <option value="">월</option>
+                  </select>
+                  <select name="days" id="days">
+                    <option value="">일</option>
+                  </select>
+                </div>
+              </td>
+            </tr>
+            <tr>
+              <th>성별</th>
+              <td className="flex-start gender">
+                <div className="flex-start">
+                  <input type="checkbox"></input>
+                  <label for="gender">남</label>
+                </div>
+                <div className="flex-start">
+                  <input type="checkbox"></input>
+                  <label for="gender">여</label>
+                </div>
+              </td>
+              
+            </tr>
+            <tr>
+              <th>연락처</th>
+              <td colSpan={3}>
+                <input type="text" />
+              </td>
+            </tr>
+            <tr>
+              <th>주소</th>
+              <td colSpan={3}>
+                <input type="text" />
+              </td>
+            </tr>
+            <tr>
+              <th>시니어등록번호</th>
+              <td colSpan={3} className="flex">
+                <input type="text" placeholder="생성하기 버튼 클릭 시 자동으로 생성됩니다."/>
+                <Button
+              className={"btn-large gray-btn"}
+              btnName={"생성하기"}
+            />
+              </td>
+            </tr>
+            {/* <tr>
+              <th>복용중인 약</th>
+              <td colSpan={3}>
+                <textarea className="medicine" cols="30" rows="2"></textarea>
+              </td>
+            </tr>
+            <tr>
+              <th>기저질환</th>
+              <td colSpan={3}>
+                <textarea cols="30" rows="10"></textarea>
+              </td>
+            </tr> */}
+          </table>
+          <div className="btn-wrap flex-center">
+            <Button
+              className={"btn-large gray-btn"}
+              btnName={"이전"}
+              onClick={() => {
+                navigate("/SeniorSelect");
+              }}
+            />
+            <Button
+              className={"btn-large green-btn"}
+              btnName={"등록"}
+              onClick={() => {
+                navigate("/SeniorSelect");
+              }}
+            />
+          </div>
+      </div>
+    </main>
+  );
+}
client/views/pages/senior_management/SeniorInsert.jsx
--- client/views/pages/senior_management/SeniorInsert.jsx
+++ client/views/pages/senior_management/SeniorInsert.jsx
@@ -84,7 +84,7 @@
               className={"btn-large gray-btn"}
               btnName={"이전"}
               onClick={() => {
-                navigate("/SeniorSelect");
+                navigate("/UserAuthoriySelect_admin");
               }}
             />
             <Button
 
client/views/pages/user_management/230215_backup_UserAuthoriySelect_admin.jsx (added)
+++ client/views/pages/user_management/230215_backup_UserAuthoriySelect_admin.jsx
@@ -0,0 +1,239 @@
+import React from "react";
+import Table from "../../component/Table.jsx";
+import Button from "../../component/Button.jsx";
+import SubTitle from "../../component/SubTitle.jsx";
+import Modal from "../../component/Modal.jsx";
+import { useNavigate } from "react-router";
+
+export default function UserAuthoriySelect_admin() {
+  const navigate = useNavigate();
+  const [modalOpen, setModalOpen] = React.useState(false);
+  const openModal = () => {
+    setModalOpen(true);
+  };
+  const closeModal = () => {
+    setModalOpen(false);
+  };
+  
+  const thead1 = [
+    "No",
+    "시니어 이름",
+    "시니어 등록번호",
+    "시니어 연락처",
+    "성별",
+    "생년월일",
+    "주소",
+    "대상자 관리",
+  ];
+  const key1 = ["No", "name", "Id","call", "gender", "birth", "address", "management"];
+  const content1 = [
+    {
+      No: 1,
+      name: "김복남",
+      Id: "20230131",
+      call: "010-1234-1234",
+      gender: "여",
+      birth: "1948.11.15",
+      address: "경상북도 군위군 삼국유사면",      
+      management: (
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"보호자(가족) 보기"}
+          onClick={openModal}
+        />
+      ),
+    },
+  ];
+
+  const thead2 = [
+    "No",
+    "시니어 이름",
+    "시니어 등록번호",
+    "시니어 연락처",
+    "성별",
+    "생년월일",
+    "주소",
+    "담당 복지사(연락처)",
+    "대상자 관리",
+  ];
+  const key2 = [
+    "No", "name", "Id","call", "gender", "birth", "address", "protect","management"
+  ];
+  const content2 = [
+    {
+      No: 1,
+      name: "김복남",
+      Id: "20230131",
+      call:"010-1234-1234",
+      gender: "여",
+      birth: "1948.11.15",
+      address: "경상북도 군위군 삼국유사면",
+      protect: "홍길동(010-1234-1234)",
+      management: (
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"보호자(가족) 보기"}
+          onClick={openModal}
+        />
+      ),
+    },
+  ];
+  const thead3 = [
+    "No",
+    "사용자명",
+    "사용자ID",
+    "대상자와의 관계",
+    "보호자 연락처",
+  ];
+  const key3 = [
+    "No",
+    "name",
+    "Id",
+    "relationship",
+    "phone",
+  ];
+  const content3 = [
+    {
+      No: 1,
+      name: "김훈",
+      Id: "admin2",
+      relationship: "아들",
+      phone: "010-1234-1234",
+    },
+  ];
+  const thead4 = [
+    "No",
+    "어르신 성함",
+    "사용자등록번호",
+    "성별",
+    "생년월일",
+    "주소",
+    "관계",
+  ];
+  const key4 = ["No", "name", "Id", "gender", "birth", "address", "management"];
+  const content4 = [
+    {
+      No: 1,
+      name: "김복남",
+      Id: "20230131",
+      gender: "여",
+      birth: "1948.11.15",
+      address: "경상북도 군위군 삼국유사면",
+      management: "부"
+    },
+  ];
+
+
+
+  const data = [
+    {
+      id: 1,
+      title: "내가 관리하는 시니어(노인)",
+      description: (
+        <Table
+          className={"protector-user"}
+          head={thead1}
+          contents={content1}
+          contentKey={key1}
+        />
+      ),
+    },
+    {
+      id: 2,
+      title: "전체 시니어(노인)",
+      description: (
+        <Table
+          className={"caregiver-user"}
+          head={thead2}
+          contents={content2}
+          contentKey={key2}
+        />
+      ),
+    },
+  ];
+  const [index, setIndex] = React.useState(1);
+  return (
+    <main>
+      <Modal open={modalOpen} close={closeModal} header="'김복남'님의 가족">
+        <div className="board-wrap">
+        <div className="btn-wrap flex-end margin-bottom">
+              <Button
+                className={"btn-small green-btn"}
+                btnName={"등록"}
+                onClick={() => {
+                  navigate("/SeniorInsert");
+                }}
+              />
+              <Button className={"btn-small green-btn"} btnName={"삭제"} />
+            </div>
+          <div>
+            <Table
+              className={"caregiver-user"}
+              head={thead3}
+              contents={content3}
+              contentKey={key3}
+            />
+          </div>
+          <div>
+            <Button
+              className={"btn-100 green-btn"}
+              btnName={"닫기"}
+              onClick={closeModal}
+            />
+          </div>
+        </div>
+      </Modal>
+      
+      <div className="tab-container">
+        <ul className="tab-menu">
+          {data.map((item) => (
+            <li
+              key={item.id}
+              className={index === item.id ? "active" : null}
+              onClick={() => setIndex(item.id)}
+            >
+              {item.title}
+            </li>
+          ))}
+        </ul>
+        <div className="content-wrap">
+          <div className="search-management flex-start margin-bottom2">
+            <select name="management-agency">
+              <option value="기관전체">전체</option>
+              <option value="군위군청">시니어</option>
+              <option value="대구보훈병원">복지사</option>
+              <option value="대구보훈병원">보호자</option>
+            </select>
+            <select>
+              <option value="이름">이름</option>
+              <option value="아이디">아이디</option>
+              <option value="아이디">등록번호</option>
+            </select>
+            <input type="text" />
+            <Button
+              className={"btn-small gray-btn"}
+              btnName={"검색"}
+            />
+          </div>
+          <div className="btn-wrap flex-end">
+              <Button
+                className={"btn-small green-btn"}
+                btnName={"등록"}
+                onClick={() => {
+                  navigate("/SeniorInsert");
+                }}
+              />
+              <Button className={"btn-small green-btn"} btnName={"삭제"} />
+            </div>
+          <ul className="tab-content">
+            {data
+              .filter((item) => index === item.id)
+              .map((item) => (
+                <li>{item.description}</li>
+              ))}
+          </ul>
+        </div>
+      </div>
+    </main>
+  );
+}
client/views/pages/user_management/UserAuthoriySelect.jsx
--- client/views/pages/user_management/UserAuthoriySelect.jsx
+++ client/views/pages/user_management/UserAuthoriySelect.jsx
@@ -20,7 +20,7 @@
   className = `${className} sub-nav ${open}`; //[className, 'sub-nav', open].join(' ')
   return <li className={className}>
     <a href={href ?? '#'} onClick={() => setOpend(open ? '' : 'open')} className="max-agency">
-      <span>{title}</span><button>추가</button>
+      <span>{title}</span><button>관리기관 추가</button>
     </a>
     {open && <ul id="venue-scope-options">
       {children}
@@ -211,7 +211,7 @@
                   <Menu className="customer-lvl" href="#" title="올잇메디">
                     <li class="group-lvl sub-nav open">
                       <a href="#" className="top-agency">
-                        <span>지자체</span><button>추가</button>
+                        <span>지자체</span><button>시행기관 추가</button>
                       </a>
                       <ul id="venue-scope-options" className="low-agency">
                         <Menu href="#" title={`${agencyName}`} />
@@ -222,7 +222,7 @@
                     </li>
                     <li class="group-lvl sub-nav open">
                       <a href="#" class="active top-agency">
-                        <span>관리 병원</span><button>추가</button>
+                        <span>관리 병원</span><button>시행기관 추가</button>
                       </a>
                       <ul className="low-agency">
                         <Menu href="#" title="병원1" />
client/views/pages/user_management/UserAuthoriySelect_admin.jsx
--- client/views/pages/user_management/UserAuthoriySelect_admin.jsx
+++ client/views/pages/user_management/UserAuthoriySelect_admin.jsx
@@ -14,6 +14,28 @@
   const closeModal = () => {
     setModalOpen(false);
   };
+
+  const [modalOpen2, setModalOpen2] = React.useState(false);
+  const openModal2 = () => {
+    setModalOpen2(true);
+  };
+  const closeModal2 = () => {
+    setModalOpen2(false);
+  };
+
+	const insertBtn = (id) => {
+		if (id == 2) {
+			return (
+				<Button
+					className={"btn-small green-btn"}
+					btnName={"등록"}
+					onClick={() => {
+					navigate("/SeniorInsert");
+					}}
+				/>
+			)
+		}
+	};
   
   const thead1 = [
     "No",
@@ -23,7 +45,7 @@
     "성별",
     "생년월일",
     "주소",
-    "대상자 관리",
+    "시니어 보호자",
   ];
   const key1 = ["No", "name", "Id","call", "gender", "birth", "address", "management"];
   const content1 = [
@@ -53,13 +75,36 @@
     "성별",
     "생년월일",
     "주소",
-    "담당 복지사(연락처)",
-    "대상자 관리",
-  ];
+    "시니어 담당자",
+    "시니어 보호자",
+  ]; 
   const key2 = [
-    "No", "name", "Id","call", "gender", "birth", "address", "protect","management"
+    "No", "name", "Id","call", "gender", "birth", "address", "worker", "guardian"
   ];
   const content2 = [
+    {
+      No: 2,
+      name: "송창덕",
+      Id: "20230202",
+      call:"010-5555-3573",
+      gender: "남",
+      birth: "1951.08.12",
+      address: "경상북도 경산시 삼풍로",
+      worker: (
+        <Button
+          className={"btn-small"}
+          btnName={"매칭"}
+          // onClick={openModal2}
+        />
+      ),
+      guardian: (
+        <Button
+          className={"btn-small"}
+          btnName={"등록"}
+          // onClick={openModal}
+        />
+      ),
+    },
     {
       No: 1,
       name: "김복남",
@@ -68,11 +113,17 @@
       gender: "여",
       birth: "1948.11.15",
       address: "경상북도 군위군 삼국유사면",
-      protect: "홍길동(010-1234-1234)",
-      management: (
+      worker: (
         <Button
           className={"btn-small gray-btn"}
-          btnName={"보호자(가족) 보기"}
+          btnName={"담당 보호사 보기"}
+          onClick={openModal2}
+        />
+      ),
+      guardian: (
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"보호자 보기"}
           onClick={openModal}
         />
       ),
@@ -101,7 +152,39 @@
       phone: "010-1234-1234",
     },
   ];
+
   const thead4 = [
+    "No",
+    "보호사 명",
+    "보호사 ID",
+    "보호사 연락처",
+    "매칭 일자",
+  ];
+  const key4 = [
+    "No",
+    "name",
+    "Id",
+    "phone",
+    "date",
+  ];
+  const content4 = [
+    {
+      No: 1,
+      name: "정복지",
+      Id: "worker5",
+      phone: "010-9876-5432",
+      date: "2023-01-10",
+    },
+    {
+      No: 2,
+      name: "문간호",
+      Id: "worker13",
+      phone: "010-1357-2468",
+      date: "2023-02-07",
+    },
+  ];
+
+  const thead5 = [
     "No",
     "어르신 성함",
     "사용자등록번호",
@@ -110,8 +193,8 @@
     "주소",
     "관계",
   ];
-  const key4 = ["No", "name", "Id", "gender", "birth", "address", "management"];
-  const content4 = [
+  const key5 = ["No", "name", "Id", "gender", "birth", "address", "management"];
+  const content5 = [
     {
       No: 1,
       name: "김복남",
@@ -122,8 +205,6 @@
       management: "부"
     },
   ];
-
-
 
   const data = [
     {
@@ -151,6 +232,7 @@
       ),
     },
   ];
+
   const [index, setIndex] = React.useState(1);
   return (
     <main>
@@ -158,11 +240,11 @@
         <div className="board-wrap">
         <div className="btn-wrap flex-end margin-bottom">
               <Button
-                className={"btn-small green-btn"}
-                btnName={"등록"}
-                onClick={() => {
+                  className={"btn-small green-btn"}
+                  btnName={"등록"}
+                  onClick={() => {
                   navigate("/SeniorInsert");
-                }}
+                  }}
               />
               <Button className={"btn-small green-btn"} btnName={"삭제"} />
             </div>
@@ -179,6 +261,36 @@
               className={"btn-100 green-btn"}
               btnName={"닫기"}
               onClick={closeModal}
+            />
+          </div>
+        </div>
+      </Modal>
+
+      <Modal open={modalOpen2} close={closeModal2} header="'김복남'님의 담당 보호사">
+        <div className="board-wrap">
+        <div className="btn-wrap flex-end margin-bottom">
+              <Button
+                  className={"btn-small green-btn"}
+                  btnName={"등록"}
+                  onClick={() => {
+                  navigate("/SeniorInsert");
+                  }}
+              />
+              <Button className={"btn-small green-btn"} btnName={"삭제"} />
+            </div>
+          <div>
+            <Table
+              className={"caregiver-user"}
+              head={thead4}
+              contents={content4}
+              contentKey={key4}
+            />
+          </div>
+          <div>
+            <Button
+              className={"btn-100 green-btn"}
+              btnName={"닫기"}
+              onClick={closeModal2}
             />
           </div>
         </div>
@@ -216,13 +328,7 @@
             />
           </div>
           <div className="btn-wrap flex-end">
-              <Button
-                className={"btn-small green-btn"}
-                btnName={"등록"}
-                onClick={() => {
-                  navigate("/SeniorInsert");
-                }}
-              />
+							{data.filter((item) => index === item.id).map((item) => insertBtn(item.id))}
               <Button className={"btn-small green-btn"} btnName={"삭제"} />
             </div>
           <ul className="tab-content">
 
client/views/pages/visit/visit/VisitSelect_government.jsx (added)
+++ client/views/pages/visit/visit/VisitSelect_government.jsx
@@ -0,0 +1,80 @@
+import React from "react";
+import DetailSearch from "../../../component/DetailSearch.jsx";
+import Button from "../../../component/Button.jsx";
+import Table from "../../../component/Table.jsx";
+import { useNavigate } from "react-router";
+import ContentTitle from "../../../component/ContentTitle.jsx";
+import SubTitle from "../../../component/SubTitle.jsx";
+
+export default function VisitSelect_government() {
+  const navigate = useNavigate();
+
+  //게시판
+  const thead = [
+    "No", "이름", "생년월일", "연락처", "주소", "관리기관","보호사","최근 방문일","방문목적","방문사유",
+  ];
+  const key = [
+    "No", "name", "birth", "phone", "address","agency","protect","visit","reason" ,"reason_detail"
+  ];
+  const content = [
+    {
+      No: 1,
+      name: "김복남",
+      birth: "1948.11.15",
+      phone: "010-1234-5678",
+      address: "경상북도 군위군 삼국유사면",
+      agency: "A복지관",
+      protect: "홍길동",
+      visit: "2023.02.08",
+      reason: "정기방문",
+      reason_detail: "정기방문일",
+    },
+    {
+      No: 2,
+      name: "박영남",
+      birth: "1948.11.15",
+      phone: "010-1234-5678",
+      address: "경상북도 군위군 삼국유사면",
+      agency: "A복지관",
+      protect: "홍길동",
+      visit: "2023.02.08",
+      reason: "병원동행",
+      reason_detail: "두통을 호소하심",
+    },
+  ];
+  return (
+    <main>
+      <div className="content-wrap">
+        <ContentTitle contentTitle={"방문 조회"} />
+        <DetailSearch />
+        <div className="board-wrap">
+          <SubTitle
+            className="margin-bottom"
+            explanation={"대상자 클릭 시 상세페이지로 이동합니다."}
+          />
+          <div className="visit-table">
+            <Table
+              className={"visit-table"}
+              head={thead}
+              contents={content}
+              contentKey={key}
+              onClick={() => {
+                navigate("/VisitSelectOne");
+              }}
+            />
+          </div>
+          {/* <div className="btn-wrap flex-end">
+            <Button
+              className={"btn-small green-btn"}
+              btnName={"등록"}
+              onClick={() => {
+                navigate("/VisitInsert");
+              }}
+            />
+            <Button className={"btn-small green-btn"} btnName={"삭제"} />
+          </div> */}
+        </div>
+      </div>
+    </main>
+  );
+}
Add a comment
List