Commit @584bf04f05ba0990fbd06c710bdb87414de93b1c

최정임 2023-02-09

230209 최정임 admin 관리자페이지 수정

@584bf04f05ba0990fbd06c710bdb87414de93b1c

2236bac

584bf04

client/resources/css/layout.css

--- client/resources/css/layout.css

+++ client/resources/css/layout.css


 
 .content-wrap {
   max-width: 100%;
-  height: 90vh;
+  height: 100%;
   padding: 2em;
   background-color: #ffffff;
 }

 .hierarchy-menu {
   background-color: #f8f8f8;
   color: #333333;
-  height: 40vh;
   overflow-y: auto;
 }
 .hierarchy-menu a { 

   content: '';
   display: block;
   height: 0px;
-  width: 20px;
+  width: 50px;
   border-bottom: 1px solid #7A7F87;
   position: absolute;
   left: -10px;

   top: -27px;
 }
 .hierarchy-menu > ul ul li.group-lvl:before {
-  width: 7px;
+  width: 50px;
 }
 .hierarchy-menu > ul ul li:first-child:after { 
   height: 28px;

 }
 
 /* Links */
+.hierarchy-menu ul .max-agency{
+  margin-left: 0px;
+  width: 37%;
+}
+.hierarchy-menu ul .top-agency{
+  margin-left: 49px;
+  width: 39%;
+}
+.hierarchy-menu .low-agency{
+  margin-left: 50px;
+}
 .hierarchy-menu ul a {
   display: block;
-  padding: 6px 18px;
+  padding: 6px 0;
   height: 44px;
   position: relative;
   color: #333333;

584bf04

client/views/component/Category.jsx (added)

+++ client/views/component/Category.jsx

...	...	@@ -0,0 +1,63 @@
	1	+import React, { useState } from "react";
	2	+
	3	+function Menu({ className, children, href, title }) {
	4	+ if (!children) {
	5	+ return <li className="venue-lvl">
	6	+ <a href={href ?? '#'}>
	7	+ <span>{title}</span>
	8	+ </a>
	9	+ </li>
	10	+ }
	11	+ const [open, setOpend] = useState('open');
	12	+ // if (className) className = 'group-lvl';
	13	+ // className = className ?? 'group-lvl';
	14	+ className ??= 'group-lvl';
	15	+ className = `${className} sub-nav ${open}`; //[className, 'sub-nav', open].join(' ')
	16	+ return <li className={className}>
	17	+ <a href={href ?? '#'} onClick={() => setOpend(open ? '' : 'open')} className="max-agency">
	18	+ <span>{title}</span>
	19	+ </a>
	20	+ {open && <ul id="venue-scope-options">
	21	+ {children}
	22	+ </ul>}
	23	+ </li>
	24	+}
	25	+
	26	+export default function UserAuthoriySelect() {
	27	+
	28	+ return (
	29	+ <div style={{ height: "100%" }}>
	30	+ <div class="hierarchy-menu">
	31	+ <ul>
	32	+ <Menu className="customer-lvl" href="#" title="올잇메디">
	33	+ <li className="group-lvl sub-nav open">
	34	+ <a className="top-agency" href="#">
	35	+ <span>지자체</span>
	36	+ </a>
	37	+ <ul id="venue-scope-options" className="low-agency">
	38	+ <Menu href="#" title="보호기관1" />
	39	+ <Menu href="#" title="보호기관2" />
	40	+ <Menu href="#" title="보호기관3" />
	41	+ </ul>
	42	+ </li>
	43	+ <li class="group-lvl sub-nav open">
	44	+ <a href="#" className="active top-agency">
	45	+ <span>관리 병원</span>
	46	+ </a>
	47	+ <ul className="low-agency">
	48	+ <Menu href="#" title="병원1" />
	49	+ <Menu href="#" title="병원2" />
	50	+ <Menu href="#" title="병원3" />
	51	+ </ul>
	52	+ </li>
	53	+ <li class="venue-lvl ">
	54	+ <a href="#" className="top-agency">
	55	+ <span>관리자</span>
	56	+ </a>
	57	+ </li>
	58	+ </Menu>
	59	+ </ul>
	60	+ </div>
	61	+ </div>
	62	+ );
	63	+}

2236bac

584bf04

client/views/layout/Menu.jsx

--- client/views/layout/Menu.jsx

+++ client/views/layout/Menu.jsx


     ),
   },
   {
-    title: "장비 관리",
-    path: "/EquipmentManagementSelect",
+    title: "장비 관리",    
     icon: (
       <SpeakerPhoneIcon
         sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }}
       />
     ),
-  },  
-  {
-    title: "장비 반납/교환 요청",
-    path: "/EquipmentManagementSelectReturn",
-    icon: (
-      <CallIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
-    ),
-  },
+    childrens: [
+      {
+        title: "장비 조회",
+        path: "/EquipmentManagementSelect",
+      },
+      {
+        title: "장비 반납/교환 요청",
+        path: "/EquipmentManagementSelectReturn",
+      },
+      {
+        title: "장비 추가 요청",
+        path: "/EquipmentManagementSelectReturn",
+      },
+    ],
+  },    
   {
     title: "문의게시판",
     path: "/EquipmentManagementSelectReturn",

584bf04

client/views/pages/authority/UserAuthoriySelect copy.jsx (added)

+++ client/views/pages/authority/UserAuthoriySelect copy.jsx

...	...	@@ -0,0 +1,375 @@
	1	+import React from "react";
	2	+import Table from "../../component/Table.jsx";
	3	+import Button from "../../component/Button.jsx";
	4	+import SubTitle from "../../component/SubTitle.jsx";
	5	+import Modal from "../../component/Modal.jsx";
	6	+
	7	+export default function UserAuthoriySelect() {
	8	+ const [modalOpen, setModalOpen] = React.useState(false);
	9	+ const openModal = () => {
	10	+ setModalOpen(true);
	11	+ };
	12	+ const closeModal = () => {
	13	+ setModalOpen(false);
	14	+ };
	15	+ const thead1 = [
	16	+ "No",
	17	+ "사용자관리번호",
	18	+ "관리기관",
	19	+ "이름",
	20	+ "성별",
	21	+ "지역",
	22	+ "연락처",
	23	+ "주소",
	24	+ ];
	25	+ const key1 = ["No",
	26	+ "management_number",
	27	+ "level_of_care",
	28	+ "name",
	29	+ "gender",
	30	+ "birth",
	31	+ "phone",
	32	+ "address",];
	33	+ const content1 = [
	34	+ {
	35	+ No: 1,
	36	+ management_number: 2022080101,
	37	+ level_of_care: "A복지관",
	38	+ name: "김복남",
	39	+ gender: "남",
	40	+ birth: "대구",
	41	+ phone: "010-1234-1234",
	42	+ address: "경상북도 군위군 삼국유사면",
	43	+ },
	44	+ ];
	45	+
	46	+ const thead2 = [
	47	+ "No",
	48	+ "보호자명",
	49	+ "ID",
	50	+ "관리기관",
	51	+ "해당 대상자",
	52	+ "연락처",
	53	+ ];
	54	+ const key2 = [
	55	+ "No",
	56	+ "name",
	57	+ "Id",
	58	+ "management_agency",
	59	+ "phone",
	60	+ "birth",
	61	+
	62	+ ];
	63	+ const content2 = [
	64	+ {
	65	+ No: 1,
	66	+ name: "김훈",
	67	+ Id: "admin2",
	68	+ management_agency: "보호재단",
	69	+ phone: "김복남 어르신",
	70	+ birth: "010-1234-1234",
	71	+ },
	72	+ ];
	73	+ const thead3 = [
	74	+ "No",
	75	+ "기관명",
	76	+ "사업자번호",
	77	+ "ID",
	78	+ "담당자",
	79	+ "연락처",
	80	+ "주소",
	81	+ ];
	82	+ const key3 = [
	83	+ "No",
	84	+ "name",
	85	+ "birth",
	86	+ "Id",
	87	+ "management_agency",
	88	+ "gender",
	89	+ "address",
	90	+ ];
	91	+ const content3 = [
	92	+ {
	93	+ No: 1,
	94	+ name: "보훈병원",
	95	+ birth: " 515-82-00000",
	96	+ Id: "admin",
	97	+ management_agency: "홍길동",
	98	+ gender: "053-818-8181",
	99	+ address: "대구광역시 달성군 ",
	100	+ },
	101	+ ];
	102	+ const thead4 = [
	103	+ "No",
	104	+ "담당자명",
	105	+ "소속기관",
	106	+ "ID",
	107	+ "연락처",
	108	+ "주소",
	109	+ ];
	110	+ const key4 = [
	111	+ "No",
	112	+ "name",
	113	+ "birth",
	114	+ "Id",
	115	+ "management_agency",
	116	+ "address",
	117	+ ];
	118	+ const content4 = [
	119	+ {
	120	+ No: 1,
	121	+ name: "홍길동",
	122	+ birth: " 대구보훈병원",
	123	+ Id: "admin",
	124	+ management_agency: "053-818-8181",
	125	+ address: "대구광역시 달성군 ",
	126	+ },
	127	+ ];
	128	+
	129	+ const thead5 = [
	130	+ "No",
	131	+ "장비명",
	132	+ "시리얼 넘버",
	133	+ "기기 상태",
	134	+ "구매일",
	135	+ "배터리 잔량",
	136	+ "대여가능여부",
	137	+ ];
	138	+ const key5 = ["No",
	139	+ "equipment_name",
	140	+ "serialNumber",
	141	+ "work",
	142	+ "name",
	143	+ "battery",
	144	+ "rental",];
	145	+ const content5 = [
	146	+ {
	147	+ No: 1,
	148	+ equipment_name: "스마트약상자",
	149	+ serialNumber: "ABCD-1",
	150	+ work: "작동",
	151	+ name: "2022.12.02",
	152	+ battery: "10%",
	153	+ rental: "대여가능",
	154	+ },
	155	+ ];
	156	+
	157	+ const data = [
	158	+ {
	159	+ id: 1,
	160	+ title: "사용자",
	161	+ description: (
	162	+ <Table
	163	+ className={"protector-user"}
	164	+ head={thead1}
	165	+ contents={content1}
	166	+ contentKey={key1}
	167	+ onClick={() => {
	168	+ navigate("/SeniorSelectOne");
	169	+ }}
	170	+ />
	171	+ ),
	172	+ },
	173	+ {
	174	+ id: 2,
	175	+ title: "보호자(가족)",
	176	+ description: (
	177	+ <Table
	178	+ className={"caregiver-user"}
	179	+ head={thead2}
	180	+ contents={content2}
	181	+ contentKey={key2}
	182	+ onClick={() => {
	183	+ navigate("/SeniorSelectOne");
	184	+ }}
	185	+ />
	186	+ ),
	187	+ },
	188	+ {
	189	+ id: 3,
	190	+ title: "계약업체",
	191	+ description: (
	192	+ <Table
	193	+ className={"common-user"}
	194	+ head={thead3}
	195	+ contents={content3}
	196	+ contentKey={key3}
	197	+ onClick={() => {
	198	+ navigate("/SeniorSelectOne");
	199	+ }}
	200	+ />
	201	+ ),
	202	+ },
	203	+ {
	204	+ id: 4,
	205	+ title: "복지사, 간호사",
	206	+ description: (
	207	+ <Table
	208	+ className={"common-user"}
	209	+ head={thead3}
	210	+ contents={content3}
	211	+ contentKey={key3}
	212	+ onClick={() => {
	213	+ navigate("/SeniorSelectOne");
	214	+ }}
	215	+ />
	216	+ ),
	217	+ },
	218	+ {
	219	+ id: 5,
	220	+ title: "관리자",
	221	+ description: (
	222	+ <Table
	223	+ className={"management-user"}
	224	+ head={thead4}
	225	+ contents={content4}
	226	+ contentKey={key4}
	227	+ onClick={() => {
	228	+ navigate("/SeniorSelectOne");
	229	+ }}
	230	+ />
	231	+ ),
	232	+ },
	233	+ ];
	234	+ const [index, setIndex] = React.useState(1);
	235	+ return (
	236	+ <main>
	237	+ <Modal open={modalOpen} close={closeModal} header="대상자 매칭">
	238	+ <div className="board-wrap">
	239	+ <div className="flex margin-bottom2">
	240	+ <div className="flex50">
	241	+ <div className="flex margin-bottom">
	242	+ <input
	243	+ type="text"
	244	+ name=""
	245	+ id=""
	246	+ className="flex80"
	247	+ placeholder="사용자 검색"
	248	+ />
	249	+ <Button btnName={"검색"} className={"flex20"} />
	250	+ </div>
	251	+ <ul className="user-list2">
	252	+ <li>검색 내역이 없습니다.</li>
	253	+ </ul>
	254	+ </div>
	255	+ <div className="flex50">
	256	+ <div className="flex margin-bottom">
	257	+ <p className="content-title">선택된 대상자</p>
	258	+ </div>
	259	+ <ul className="user-check-list">
	260	+ <div className="flex-start">
	261	+ <input type="text" />
	262	+ <label htmlFor=""></label>
	263	+ </div>
	264	+ </ul>
	265	+ </div>
	266	+ </div>
	267	+ <div>
	268	+ <Button
	269	+ className={"btn-100 green-btn"}
	270	+ btnName={"등록"}
	271	+ onClick={closeModal}
	272	+ />
	273	+ </div>
	274	+ </div>
	275	+ </Modal>
	276	+ <div className="flex">
	277	+ <div className="tab-container">
	278	+ <div className="category">
	279	+ <ul>올잇메디 <Button
	280	+ className={"category-btn"}
	281	+ btnName={"관리기관 추가"}
	282	+ onClick={closeModal}
	283	+ />
	284	+ <li>서구청<Button
	285	+ className={"category-btn"}
	286	+ btnName={"시행기관 추가"}
	287	+ onClick={closeModal}
	288	+ />
	289	+ <ul>
	290	+ <li>A복지관</li>
	291	+ <li>B복지관</li>
	292	+ </ul>
	293	+ </li>
	294	+ <li>보훈병원<Button
	295	+ className={"category-btn"}
	296	+ btnName={"시행기관 추가"}
	297	+ onClick={closeModal}
	298	+ /></li>
	299	+ <ul>
	300	+ <li>
	301	+ 대구보훈병원
	302	+ </li>
	303	+ </ul>
	304	+ <li>관리기관<Button
	305	+ className={"category-btn"}
	306	+ btnName={"시행기관 추가"}
	307	+ onClick={closeModal}
	308	+ />
	309	+ <ul>
	310	+ <li>시행기관1</li>
	311	+ <li>시행기관2</li>
	312	+ </ul>
	313	+ </li>
	314	+ </ul>
	315	+ </div>
	316	+ </div>
	317	+ <div className="tab-container">
	318	+ <ul className="tab-menu-mobile">
	319	+ <div>
	320	+ <SubTitle
	321	+ className="margin-bottom"
	322	+ subtitle={"사용자 선택"}
	323	+ explanation={"사용자 별로 선택 후 관리할 수 있습니다. "}
	324	+ />
	325	+ </div>
	326	+ <select name="" id="" style={{ width: "100%" }}>
	327	+ <option value="사용자선택">보호자</option>
	328	+ <option value="사용자선택">보호사</option>
	329	+ <option value="사용자선택">병원</option>
	330	+ <option value="사용자선택">지자체</option>
	331	+ <option value="사용자선택">관리자</option>
	332	+ </select>
	333	+ </ul>
	334	+ <ul className="tab-menu">
	335	+ {data.map((item) => (
	336	+ <li
	337	+ key={item.id}
	338	+ className={index === item.id ? "active" : null}
	339	+ onClick={() => setIndex(item.id)}
	340	+ >
	341	+ {item.title}
	342	+ </li>
	343	+ ))}
	344	+ </ul>
	345	+ <div className="content-wrap">
	346	+ <div className="search-management flex-end margin-bottom2">
	347	+ <select name="management-agency">
	348	+ <option value="기관전체">기관전체</option>
	349	+ <option value="대구보훈병원">대구보훈병원</option>
	350	+ <option value="군위군청">군위군청</option>
	351	+ </select>
	352	+ <select>
	353	+ <option value="이름">이름</option>
	354	+ <option value="아이디">아이디</option>
	355	+ </select>
	356	+ <input type="text" />
	357	+ <Button
	358	+ className={"btn-small gray-btn"}
	359	+ btnName={"검색"}
	360	+ onClick={() => navigate("/SeniorInsert")}
	361	+ />
	362	+ </div>
	363	+ <ul className="tab-content">
	364	+ {data
	365	+ .filter((item) => index === item.id)
	366	+ .map((item) => (
	367	+ <li>{item.description}</li>
	368	+ ))}
	369	+ </ul>
	370	+ </div>
	371	+ </div>
	372	+ </div >
	373	+ </main>
	374	+ );
	375	+}

2236bac

584bf04

client/views/pages/authority/UserAuthoriySelect.jsx

--- client/views/pages/authority/UserAuthoriySelect.jsx

+++ client/views/pages/authority/UserAuthoriySelect.jsx


-import React from "react";
-import Table from "../../component/Table.jsx";
-import Button from "../../component/Button.jsx";
+import React, { useState } from "react";
+import ContentTitle from "../../component/ContentTitle.jsx";
 import SubTitle from "../../component/SubTitle.jsx";
 import Modal from "../../component/Modal.jsx";
+import Table from "../../component/Table.jsx";
+import Button from "../../component/Button.jsx";
+
+function Menu({ className, children, href, title }) {
+  if (!children) {
+    return <li className="venue-lvl">
+      <a href={href ?? '#'}>
+        <span>{title}</span>
+      </a>
+    </li>
+  }
+  const [open, setOpend] = useState('open');
+  // if (className) className = 'group-lvl';
+  // className = className ?? 'group-lvl';
+  className ??= 'group-lvl';
+  className = `${className} sub-nav ${open}`; //[className, 'sub-nav', open].join(' ')
+  return <li className={className}>
+    <a href={href ?? '#'} onClick={() => setOpend(open ? '' : 'open')}>
+      <span>{title}</span><button>추가</button>
+    </a>
+    {open && <ul id="venue-scope-options">
+      {children}
+    </ul>}
+  </li>
+}
 
 export default function UserAuthoriySelect() {
   const [modalOpen, setModalOpen] = React.useState(false);

   const closeModal = () => {
     setModalOpen(false);
   };
+  const thead = [
+    "No",
+    "소속기관명",
+    "이름",
+    "연락처",
+    "성별",
+    "주소",
+    "담당 대상자(어르신) 인원",
+  ];
+  const key = [
+    "No",
+    "center",
+    "name",
+    "phone",
+    "gender",
+    "address",
+    "worker",
+  ];
+  const content = [
+    {
+      No: 1,
+      center: "A복지관",
+      name: "홍길동",
+      phone: "010-1234-1234",
+      gender: "여",
+      address: "경상북도 군위군 삼국유사면",
+      worker: "10명"
+    },
+   
+  ];
+
   const thead1 = [
     "No",
     "사용자관리번호",
-    "관리기관",
+    "생년월일",
     "이름",
     "성별",
-    "지역",
     "연락처",
     "주소",
+    "보호자",
   ];
   const key1 = ["No",
-  "management_number",
-  "level_of_care",
-  "name",
-  "gender",
-  "birth",
-  "phone",
-  "address",];
+    "management_number",
+    "birth",
+    "name",
+    "gender",
+    "phone",
+    "address",
+    "family",
+  ];
   const content1 = [
     {
       No: 1,
       management_number: 2022080101,
-      level_of_care: "A복지관",
+      birth:"1950.02.03",
       name: "김복남",
       gender: "남",
-      birth: "대구",
       phone: "010-1234-1234",
       address: "경상북도 군위군 삼국유사면",
-    },
-  ];
-
-  const thead2 = [
-    "No",
-    "보호자명",
-    "ID",
-    "관리기관",
-    "해당 대상자",
-    "연락처",
-  ];
-  const key2 = [
-    "No",
-    "name",
-    "Id",
-    "management_agency",
-    "phone",
-    "birth",
-    
-  ];
-  const content2 = [
-    {
-      No: 1,
-      name: "김훈",
-      Id: "admin2",
-      management_agency: "보호재단",
-      phone: "김복남 어르신",
-      birth: "010-1234-1234",
+      family:(
+        <Button
+          className={"btn-small gray-btn"}
+          btnName={"보호자(가족) 보기"}
+          onClick={openModal}
+        />
+      ),
     },
   ];
   const thead3 = [
     "No",
-    "기관명",
-    "사업자번호",
-    "ID",
-    "담당자",
-    "연락처",
-    "주소",
+    "사용자명",
+    "사용자ID",
+    "대상자와의 관계",
+    "보호자 연락처",
   ];
   const key3 = [
     "No",
     "name",
-    "birth",
     "Id",
-    "management_agency",
-    "gender",
-    "address",
+    "relationship",
+    "phone",
   ];
   const content3 = [
     {
       No: 1,
-      name: "보훈병원",
-      birth: " 515-82-00000",
-      Id: "admin",
-      management_agency: "홍길동",
-      gender: "053-818-8181",
-      address: "대구광역시 달성군 ",
+      name: "김훈",
+      Id: "admin2",
+      relationship: "아들",
+      phone: "010-1234-1234",
     },
   ];
-  const thead4 = [
-    "No",
-    "담당자명",
-    "소속기관",
-    "ID",
-    "연락처",
-    "주소",
-  ];
-  const key4 = [
-    "No",
-    "name",
-    "birth",
-    "Id",
-    "management_agency",
-    "address",
-  ];
-  const content4 = [
-    {
-      No: 1,
-      name: "홍길동",
-      birth: " 대구보훈병원",
-      Id: "admin",
-      management_agency: "053-818-8181",
-      address: "대구광역시 달성군 ",
-    },
-  ];
-  
-  const thead5 = [
-    "No",
-    "장비명",
-    "시리얼 넘버",
-    "기기 상태",
-    "구매일",
-    "배터리 잔량",
-    "대여가능여부",
-  ];
-  const key5 = ["No",
-  "equipment_name",
-  "serialNumber",
-  "work",
-  "name",
-  "battery",
-  "rental",];
-  const content5 = [
-    {
-      No: 1,
-      equipment_name: "스마트약상자",
-      serialNumber: "ABCD-1",
-      work: "작동",
-      name: "2022.12.02",
-      battery: "10%",
-      rental: "대여가능",
-    },
-  ];
-
   const data = [
     {
       id: 1,
-      title: "사용자",
+      title: "시니어(사용자)",
       description: (
         <Table
           className={"protector-user"}

     },
     {
       id: 2,
-      title: "보호자(가족)",
+      title: "복지사(간호사)",
       description: (
         <Table
-          className={"caregiver-user"}
-          head={thead2}
-          contents={content2}
-          contentKey={key2}
-          onClick={() => {
-            navigate("/SeniorSelectOne");
-          }}
-        />
+        className={"senior-table"}
+        head={thead}
+        contents={content}
+        contentKey={key}
+        onClick={() => {
+          navigate("/SeniorSelectOne");
+        }}
+      />
       ),
     },
-    {
-      id: 3,
-      title: "계약업체",
-      description: (
-        <Table
-          className={"common-user"}
-          head={thead3}
-          contents={content3}
-          contentKey={key3}
-          onClick={() => {
-            navigate("/SeniorSelectOne");
-          }}
-        />
-      ),
-    },
-    {
-      id: 4,
-      title: "복지사, 간호사",
-      description: (
-        <Table
-          className={"common-user"}
-          head={thead3}
-          contents={content3}
-          contentKey={key3}
-          onClick={() => {
-            navigate("/SeniorSelectOne");
-          }}
-        />
-      ),
-    },
-    {
-      id: 5,
-      title: "관리자",
-      description: (
-        <Table
-          className={"management-user"}
-          head={thead4}
-          contents={content4}
-          contentKey={key4}
-          onClick={() => {
-            navigate("/SeniorSelectOne");
-          }}
-        />
-      ),
-    },
-  ];
+  ]
   const [index, setIndex] = React.useState(1);
+
   return (
     <main>
-      <Modal open={modalOpen} close={closeModal} header="대상자 매칭">
+      <Modal open={modalOpen} close={closeModal} header="'김복남'님의 가족">
         <div className="board-wrap">
-          <div className="flex margin-bottom2">
-            <div className="flex50">
-              <div className="flex margin-bottom">
-                <input
-                  type="text"
-                  name=""
-                  id=""
-                  className="flex80"
-                  placeholder="사용자 검색"
-                />
-                <Button btnName={"검색"} className={"flex20"} />
-              </div>
-              <ul className="user-list2">
-                <li>검색 내역이 없습니다.</li>
-              </ul>
-            </div>
-            <div className="flex50">
-            <div className="flex margin-bottom">
-                <p className="content-title">선택된 대상자</p>
-              </div>
-              <ul className="user-check-list">
-                <div className="flex-start">
-                  <input type="text" />
-                  <label htmlFor=""></label>
-                </div>
-              </ul>
-            </div>
+          <div>
+            <Table
+              className={"caregiver-user"}
+              head={thead3}
+              contents={content3}
+              contentKey={key3}
+            />
           </div>
           <div>
             <Button
               className={"btn-100 green-btn"}
-              btnName={"등록"}
+              btnName={"닫기"}
               onClick={closeModal}
             />
           </div>
         </div>
       </Modal>
-      <div className="flex">
-        <div className="tab-container">
-          <div className="category">
-            <ul>올잇메디 <Button
-              className={"category-btn"}
-              btnName={"관리기관 추가"}
-              onClick={closeModal}
-            />
-              <li>서구청<Button
-              className={"category-btn"}
-              btnName={"시행기관 추가"}
-              onClick={closeModal}
-            />
-                <ul>
-                  <li>A복지관</li>
-                  <li>B복지관</li>
-                </ul>
-              </li>
-              <li>보훈병원<Button
-              className={"category-btn"}
-              btnName={"시행기관 추가"}
-              onClick={closeModal}
-            /></li>
-              <ul>
-                <li>
-                  대구보훈병원
-                </li>
-              </ul>
-              <li>관리기관<Button
-              className={"category-btn"}
-              btnName={"시행기관 추가"}
-              onClick={closeModal}
-            />
-                <ul>
-                  <li>시행기관1</li>
-                  <li>시행기관2</li>
-                </ul>
-              </li>
-            </ul>
-          </div>
-        </div>
-        <div className="tab-container">
-          <ul className="tab-menu-mobile">
-            <div>
+      <div className="content-wrap">
+        <ContentTitle contentTitle={"사용자 관리"} />
+        <div
+          className="flex-align-start"
+          style={{ height: "calc(100% - 61px)" }}
+        >
+          <div className="left flex30" style={{ height: "100%" }}>
+            <div style={{ height: "100%" }}>
               <SubTitle
+                subtitle={"관리기관 리스트"}
+                explanation={"시스템 로그인의 사용자를 관리합니다."}
                 className="margin-bottom"
-                subtitle={"사용자 선택"}
-                explanation={"사용자 별로 선택 후 관리할 수 있습니다. "}
               />
+              <div class="hierarchy-menu">
+                <ul>
+                  <Menu className="customer-lvl" href="#" title="올잇메디">
+                    <li class="group-lvl sub-nav open">
+                      <a href="#">
+                        <span>지자체</span><button>추가</button>
+                      </a>
+                      <ul id="venue-scope-options">
+                        <Menu href="#" title="보호기관1" />
+                        <Menu href="#" title="보호기관2" />
+                        <Menu href="#" title="보호기관3" />
+
+                      </ul>
+                    </li>
+                    <li class="group-lvl sub-nav open">
+                      <a href="#" class="active">
+                        <span>관리 병원</span><button>추가</button>
+                      </a>
+                      <ul>
+                        <Menu href="#" title="병원1" />
+                        <Menu href="#" title="병원2" />
+                        <Menu href="#" title="병원3" />
+                      </ul>
+
+                    </li>
+                    <li class="venue-lvl ">
+                      <a href="#">
+                        <span>관리자</span>
+                      </a>
+                    </li>
+                  </Menu>
+                </ul>
+              </div>
             </div>
-            <select name="" id="" style={{ width: "100%" }}>
-              <option value="사용자선택">보호자</option>
-              <option value="사용자선택">보호사</option>
-              <option value="사용자선택">병원</option>
-              <option value="사용자선택">지자체</option>
-              <option value="사용자선택">관리자</option>
-            </select>
-          </ul>
-          <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-end margin-bottom2">
-              <select name="management-agency">
-                <option value="기관전체">기관전체</option>
-                <option value="대구보훈병원">대구보훈병원</option>
-                <option value="군위군청">군위군청</option>
-              </select>
-              <select>
-                <option value="이름">이름</option>
-                <option value="아이디">아이디</option>
-              </select>
-              <input type="text" />
-              <Button
-                className={"btn-small gray-btn"}
-                btnName={"검색"}
-                onClick={() => navigate("/SeniorInsert")}
+          </div>
+          <div className="right flex60" style={{ height: "100%" }}>
+            <div style={{ height: "100%" }}>
+              <SubTitle
+                subtitle={"사용자 리스트"}
+                explanation={"선택된 기관의 사용자 리스트 입니다."}
+                className="margin-bottom"
               />
+                <div className="tab-container">
+                  <ul className="tab-menu-mobile">
+                    <div>
+                      <SubTitle
+                        className="margin-bottom"
+                        subtitle={"사용자 선택"}
+                        explanation={"사용자 별로 선택 후 관리할 수 있습니다. "}
+                      />
+                    </div>
+                    <select name="" id="" style={{ width: "100%" }}>
+                      <option value="사용자선택">보호자</option>
+                      <option value="사용자선택">보호사</option>
+                      <option value="사용자선택">병원</option>
+                      <option value="사용자선택">지자체</option>
+                      <option value="사용자선택">관리자</option>
+                    </select>
+                  </ul>
+                  <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-end margin-bottom2">
+                      <select>
+                        <option value="이름">이름</option>
+                        <option value="아이디">사용자등록번호</option>
+                        <option value="아이디">ID</option>
+                      </select>
+                      <input type="text" />
+                      <Button
+                        className={"btn-small gray-btn"}
+                        btnName={"검색"}
+                        onClick={() => navigate("/SeniorInsert")}
+                      />
+                    </div>
+                    <ul className="tab-content">
+                      {data
+                        .filter((item) => index === item.id)
+                        .map((item) => (
+                          <li>{item.description}</li>
+                        ))}
+                    </ul>
+                  </div>
+                </div>
             </div>
-            <ul className="tab-content">
-              {data
-                .filter((item) => index === item.id)
-                .map((item) => (
-                  <li>{item.description}</li>
-                ))}
-            </ul>
           </div>
         </div>
-      </div >
+      </div>
     </main>
   );
 }

2236bac

584bf04

client/views/pages/equipment/EquipmentManagementSelect.jsx

--- client/views/pages/equipment/EquipmentManagementSelect.jsx

+++ client/views/pages/equipment/EquipmentManagementSelect.jsx


 import Button from "../../component/Button.jsx";
 import SubTitle from "../../component/SubTitle.jsx";
 import Modal from "../../component/Modal.jsx";
+import Category from "../../component/Category.jsx";
 import { useNavigate } from "react-router";
+
 
 export default function EquipmentManagementSelect() {
   const [modalOpen, setModalOpen] = React.useState(false);

   const content4 = [
     {
       No: 1,
-      equipment_name: "A복지관",
+      equipment_name: (
+        <div>
+          <Category />
+        </div>
+      )
+      ,
       serialNumber: (<Button
         className={"btn-small gray-btn"}
         btnName={"선택"}

   const [index, setIndex] = React.useState(1);
   return (
     <main>
-      <Modal open={modalOpen} close={closeModal} header="'김복남'님의 가족">
+      <Modal open={modalOpen} close={closeModal} header="납품 기관 선택">
         <div className="board-wrap">
           <div>
             <Table

2236bac

584bf04

client/views/pages/equipment/EquipmentManagementSelectReturn.jsx

--- client/views/pages/equipment/EquipmentManagementSelectReturn.jsx

+++ client/views/pages/equipment/EquipmentManagementSelectReturn.jsx


     "요청일자",
     "교환/반납",
     "처리예정일",
+    "완료일",
   ];
   const key = [
     "No",

     "name",
     "date",
     "period_of_use",
-    "visit"
+    "visit",
+    "finish"
   ];
   const content = [
     {

       period_of_use: "교환",
       visit:(<div>
         <input type="date" />
-      </div>)
+      </div>),
+      finish:(<div>
+        <input type="date" />
+      </div>),
     },
     {
       No: 2,

       period_of_use: "반납",
       visit:(<div>
         <input type="date" />
-      </div>)
+      </div>),
+      finish:(<div>
+        <input type="date" />
+      </div>),
     },
   ];
   return (

Add a comment

Open 0
Closed 0

List

...	...	@@ -137,7 +137,7 @@
137	137
138	138	.content-wrap {
139	139	max-width: 100%;
140		- height: 90vh;
	140	+ height: 100%;
141	141	padding: 2em;
142	142	background-color: #ffffff;
143	143	}
...	...	@@ -146,7 +146,6 @@
146	146	.hierarchy-menu {
147	147	background-color: #f8f8f8;
148	148	color: #333333;
149		- height: 40vh;
150	149	overflow-y: auto;
151	150	}
152	151	.hierarchy-menu a {
...	...	@@ -189,7 +188,7 @@
189	188	content: '';
190	189	display: block;
191	190	height: 0px;
192		- width: 20px;
	191	+ width: 50px;
193	192	border-bottom: 1px solid #7A7F87;
194	193	position: absolute;
195	194	left: -10px;
...	...	@@ -206,7 +205,7 @@
206	205	top: -27px;
207	206	}
208	207	.hierarchy-menu > ul ul li.group-lvl:before {
209		- width: 7px;
	208	+ width: 50px;
210	209	}
211	210	.hierarchy-menu > ul ul li:first-child:after {
212	211	height: 28px;
...	...	@@ -214,9 +213,20 @@
214	213	}
215	214
216	215	/* Links */
	216	+.hierarchy-menu ul .max-agency{
	217	+ margin-left: 0px;
	218	+ width: 37%;
	219	+}
	220	+.hierarchy-menu ul .top-agency{
	221	+ margin-left: 49px;
	222	+ width: 39%;
	223	+}
	224	+.hierarchy-menu .low-agency{
	225	+ margin-left: 50px;
	226	+}
217	227	.hierarchy-menu ul a {
218	228	display: block;
219		- padding: 6px 18px;
	229	+ padding: 6px 0;
220	230	height: 44px;
221	231	position: relative;
222	232	color: #333333;

...	...	@@ -1,8 +1,32 @@
1		-import React from "react";
2		-import Table from "../../component/Table.jsx";
3		-import Button from "../../component/Button.jsx";
	1	+import React, { useState } from "react";
	2	+import ContentTitle from "../../component/ContentTitle.jsx";
4	3	import SubTitle from "../../component/SubTitle.jsx";
5	4	import Modal from "../../component/Modal.jsx";
	5	+import Table from "../../component/Table.jsx";
	6	+import Button from "../../component/Button.jsx";
	7	+
	8	+function Menu({ className, children, href, title }) {
	9	+ if (!children) {
	10	+ return <li className="venue-lvl">
	11	+ <a href={href ?? '#'}>
	12	+ <span>{title}</span>
	13	+ </a>
	14	+ </li>
	15	+ }
	16	+ const [open, setOpend] = useState('open');
	17	+ // if (className) className = 'group-lvl';
	18	+ // className = className ?? 'group-lvl';
	19	+ className ??= 'group-lvl';
	20	+ className = `${className} sub-nav ${open}`; //[className, 'sub-nav', open].join(' ')
	21	+ return <li className={className}>
	22	+ <a href={href ?? '#'} onClick={() => setOpend(open ? '' : 'open')}>
	23	+ <span>{title}</span><button>추가</button>
	24	+ </a>
	25	+ {open && <ul id="venue-scope-options">
	26	+ {children}
	27	+ </ul>}
	28	+ </li>
	29	+}
6	30
7	31	export default function UserAuthoriySelect() {
8	32	const [modalOpen, setModalOpen] = React.useState(false);
...	...	@@ -12,152 +36,101 @@
12	36	const closeModal = () => {
13	37	setModalOpen(false);
14	38	};
	39	+ const thead = [
	40	+ "No",
	41	+ "소속기관명",
	42	+ "이름",
	43	+ "연락처",
	44	+ "성별",
	45	+ "주소",
	46	+ "담당 대상자(어르신) 인원",
	47	+ ];
	48	+ const key = [
	49	+ "No",
	50	+ "center",
	51	+ "name",
	52	+ "phone",
	53	+ "gender",
	54	+ "address",
	55	+ "worker",
	56	+ ];
	57	+ const content = [
	58	+ {
	59	+ No: 1,
	60	+ center: "A복지관",
	61	+ name: "홍길동",
	62	+ phone: "010-1234-1234",
	63	+ gender: "여",
	64	+ address: "경상북도 군위군 삼국유사면",
	65	+ worker: "10명"
	66	+ },
	67	+
	68	+ ];
	69	+
15	70	const thead1 = [
16	71	"No",
17	72	"사용자관리번호",
18		- "관리기관",
	73	+ "생년월일",
19	74	"이름",
20	75	"성별",
21		- "지역",
22	76	"연락처",
23	77	"주소",
	78	+ "보호자",
24	79	];
25	80	const key1 = ["No",
26		- "management_number",
27		- "level_of_care",
28		- "name",
29		- "gender",
30		- "birth",
31		- "phone",
32		- "address",];
	81	+ "management_number",
	82	+ "birth",
	83	+ "name",
	84	+ "gender",
	85	+ "phone",
	86	+ "address",
	87	+ "family",
	88	+ ];
33	89	const content1 = [
34	90	{
35	91	No: 1,
36	92	management_number: 2022080101,
37		- level_of_care: "A복지관",
	93	+ birth:"1950.02.03",
38	94	name: "김복남",
39	95	gender: "남",
40		- birth: "대구",
41	96	phone: "010-1234-1234",
42	97	address: "경상북도 군위군 삼국유사면",
43		- },
44		- ];
45		-
46		- const thead2 = [
47		- "No",
48		- "보호자명",
49		- "ID",
50		- "관리기관",
51		- "해당 대상자",
52		- "연락처",
53		- ];
54		- const key2 = [
55		- "No",
56		- "name",
57		- "Id",
58		- "management_agency",
59		- "phone",
60		- "birth",
61		-
62		- ];
63		- const content2 = [
64		- {
65		- No: 1,
66		- name: "김훈",
67		- Id: "admin2",
68		- management_agency: "보호재단",
69		- phone: "김복남 어르신",
70		- birth: "010-1234-1234",
	98	+ family:(
	99	+ <Button
	100	+ className={"btn-small gray-btn"}
	101	+ btnName={"보호자(가족) 보기"}
	102	+ onClick={openModal}
	103	+ />
	104	+ ),
71	105	},
72	106	];
73	107	const thead3 = [
74	108	"No",
75		- "기관명",
76		- "사업자번호",
77		- "ID",
78		- "담당자",
79		- "연락처",
80		- "주소",
	109	+ "사용자명",
	110	+ "사용자ID",
	111	+ "대상자와의 관계",
	112	+ "보호자 연락처",
81	113	];
82	114	const key3 = [
83	115	"No",
84	116	"name",
85		- "birth",
86	117	"Id",
87		- "management_agency",
88		- "gender",
89		- "address",
	118	+ "relationship",
	119	+ "phone",
90	120	];
91	121	const content3 = [
92	122	{
93	123	No: 1,
94		- name: "보훈병원",
95		- birth: " 515-82-00000",
96		- Id: "admin",
97		- management_agency: "홍길동",
98		- gender: "053-818-8181",
99		- address: "대구광역시 달성군 ",
	124	+ name: "김훈",
	125	+ Id: "admin2",
	126	+ relationship: "아들",
	127	+ phone: "010-1234-1234",
100	128	},
101	129	];
102		- const thead4 = [
103		- "No",
104		- "담당자명",
105		- "소속기관",
106		- "ID",
107		- "연락처",
108		- "주소",
109		- ];
110		- const key4 = [
111		- "No",
112		- "name",
113		- "birth",
114		- "Id",
115		- "management_agency",
116		- "address",
117		- ];
118		- const content4 = [
119		- {
120		- No: 1,
121		- name: "홍길동",
122		- birth: " 대구보훈병원",
123		- Id: "admin",
124		- management_agency: "053-818-8181",
125		- address: "대구광역시 달성군 ",
126		- },
127		- ];
128		-
129		- const thead5 = [
130		- "No",
131		- "장비명",
132		- "시리얼 넘버",
133		- "기기 상태",
134		- "구매일",
135		- "배터리 잔량",
136		- "대여가능여부",
137		- ];
138		- const key5 = ["No",
139		- "equipment_name",
140		- "serialNumber",
141		- "work",
142		- "name",
143		- "battery",
144		- "rental",];
145		- const content5 = [
146		- {
147		- No: 1,
148		- equipment_name: "스마트약상자",
149		- serialNumber: "ABCD-1",
150		- work: "작동",
151		- name: "2022.12.02",
152		- battery: "10%",
153		- rental: "대여가능",
154		- },
155		- ];
156		-
157	130	const data = [
158	131	{
159	132	id: 1,
160		- title: "사용자",
	133	+ title: "시니어(사용자)",
161	134	description: (
162	135	<Table
163	136	className={"protector-user"}
...	...	@@ -172,204 +145,153 @@
172	145	},
173	146	{
174	147	id: 2,
175		- title: "보호자(가족)",
	148	+ title: "복지사(간호사)",
176	149	description: (
177	150	<Table
178		- className={"caregiver-user"}
179		- head={thead2}
180		- contents={content2}
181		- contentKey={key2}
182		- onClick={() => {
183		- navigate("/SeniorSelectOne");
184		- }}
185		- />
	151	+ className={"senior-table"}
	152	+ head={thead}
	153	+ contents={content}
	154	+ contentKey={key}
	155	+ onClick={() => {
	156	+ navigate("/SeniorSelectOne");
	157	+ }}
	158	+ />
186	159	),
187	160	},
188		- {
189		- id: 3,
190		- title: "계약업체",
191		- description: (
192		- <Table
193		- className={"common-user"}
194		- head={thead3}
195		- contents={content3}
196		- contentKey={key3}
197		- onClick={() => {
198		- navigate("/SeniorSelectOne");
199		- }}
200		- />
201		- ),
202		- },
203		- {
204		- id: 4,
205		- title: "복지사, 간호사",
206		- description: (
207		- <Table
208		- className={"common-user"}
209		- head={thead3}
210		- contents={content3}
211		- contentKey={key3}
212		- onClick={() => {
213		- navigate("/SeniorSelectOne");
214		- }}
215		- />
216		- ),
217		- },
218		- {
219		- id: 5,
220		- title: "관리자",
221		- description: (
222		- <Table
223		- className={"management-user"}
224		- head={thead4}
225		- contents={content4}
226		- contentKey={key4}
227		- onClick={() => {
228		- navigate("/SeniorSelectOne");
229		- }}
230		- />
231		- ),
232		- },
233		- ];
	161	+ ]
234	162	const [index, setIndex] = React.useState(1);
	163	+
235	164	return (
236	165	<main>
237		- <Modal open={modalOpen} close={closeModal} header="대상자 매칭">
	166	+ <Modal open={modalOpen} close={closeModal} header="'김복남'님의 가족">
238	167	<div className="board-wrap">
239		- <div className="flex margin-bottom2">
240		- <div className="flex50">
241		- <div className="flex margin-bottom">
242		- <input
243		- type="text"
244		- name=""
245		- id=""
246		- className="flex80"
247		- placeholder="사용자 검색"
248		- />
249		- <Button btnName={"검색"} className={"flex20"} />
250		- </div>
251		- <ul className="user-list2">
252		- <li>검색 내역이 없습니다.</li>
253		- </ul>
254		- </div>
255		- <div className="flex50">
256		- <div className="flex margin-bottom">
257		- <p className="content-title">선택된 대상자</p>
258		- </div>
259		- <ul className="user-check-list">
260		- <div className="flex-start">
261		- <input type="text" />
262		- <label htmlFor=""></label>
263		- </div>
264		- </ul>
265		- </div>
	168	+ <div>
	169	+ <Table
	170	+ className={"caregiver-user"}
	171	+ head={thead3}
	172	+ contents={content3}
	173	+ contentKey={key3}
	174	+ />
266	175	</div>
267	176	<div>
268	177	<Button
269	178	className={"btn-100 green-btn"}
270		- btnName={"등록"}
	179	+ btnName={"닫기"}
271	180	onClick={closeModal}
272	181	/>
273	182	</div>
274	183	</div>
275	184	</Modal>
276		- <div className="flex">
277		- <div className="tab-container">
278		- <div className="category">
279		- <ul>올잇메디 <Button
280		- className={"category-btn"}
281		- btnName={"관리기관 추가"}
282		- onClick={closeModal}
283		- />
284		- <li>서구청<Button
285		- className={"category-btn"}
286		- btnName={"시행기관 추가"}
287		- onClick={closeModal}
288		- />
289		- <ul>
290		- <li>A복지관</li>
291		- <li>B복지관</li>
292		- </ul>
293		- </li>
294		- <li>보훈병원<Button
295		- className={"category-btn"}
296		- btnName={"시행기관 추가"}
297		- onClick={closeModal}
298		- /></li>
299		- <ul>
300		- <li>
301		- 대구보훈병원
302		- </li>
303		- </ul>
304		- <li>관리기관<Button
305		- className={"category-btn"}
306		- btnName={"시행기관 추가"}
307		- onClick={closeModal}
308		- />
309		- <ul>
310		- <li>시행기관1</li>
311		- <li>시행기관2</li>
312		- </ul>
313		- </li>
314		- </ul>
315		- </div>
316		- </div>
317		- <div className="tab-container">
318		- <ul className="tab-menu-mobile">
319		- <div>
	185	+ <div className="content-wrap">
	186	+ <ContentTitle contentTitle={"사용자 관리"} />
	187	+ <div
	188	+ className="flex-align-start"
	189	+ style={{ height: "calc(100% - 61px)" }}
	190	+ >
	191	+ <div className="left flex30" style={{ height: "100%" }}>
	192	+ <div style={{ height: "100%" }}>
320	193	<SubTitle
	194	+ subtitle={"관리기관 리스트"}
	195	+ explanation={"시스템 로그인의 사용자를 관리합니다."}
321	196	className="margin-bottom"
322		- subtitle={"사용자 선택"}
323		- explanation={"사용자 별로 선택 후 관리할 수 있습니다. "}
324	197	/>
	198	+ <div class="hierarchy-menu">
	199	+ <ul>
	200	+ <Menu className="customer-lvl" href="#" title="올잇메디">
	201	+ <li class="group-lvl sub-nav open">
	202	+ <a href="#">
	203	+ <span>지자체</span><button>추가</button>
	204	+ </a>
	205	+ <ul id="venue-scope-options">
	206	+ <Menu href="#" title="보호기관1" />
	207	+ <Menu href="#" title="보호기관2" />
	208	+ <Menu href="#" title="보호기관3" />
	209	+
	210	+ </ul>
	211	+ </li>
	212	+ <li class="group-lvl sub-nav open">
	213	+ <a href="#" class="active">
	214	+ <span>관리 병원</span><button>추가</button>
	215	+ </a>
	216	+ <ul>
	217	+ <Menu href="#" title="병원1" />
	218	+ <Menu href="#" title="병원2" />
	219	+ <Menu href="#" title="병원3" />
	220	+ </ul>
	221	+
	222	+ </li>
	223	+ <li class="venue-lvl ">
	224	+ <a href="#">
	225	+ <span>관리자</span>
	226	+ </a>
	227	+ </li>
	228	+ </Menu>
	229	+ </ul>
	230	+ </div>
325	231	</div>
326		- <select name="" id="" style={{ width: "100%" }}>
327		- <option value="사용자선택">보호자</option>
328		- <option value="사용자선택">보호사</option>
329		- <option value="사용자선택">병원</option>
330		- <option value="사용자선택">지자체</option>
331		- <option value="사용자선택">관리자</option>
332		- </select>
333		- </ul>
334		- <ul className="tab-menu">
335		- {data.map((item) => (
336		- <li
337		- key={item.id}
338		- className={index === item.id ? "active" : null}
339		- onClick={() => setIndex(item.id)}
340		- >
341		- {item.title}
342		- </li>
343		- ))}
344		- </ul>
345		- <div className="content-wrap">
346		- <div className="search-management flex-end margin-bottom2">
347		- <select name="management-agency">
348		- <option value="기관전체">기관전체</option>
349		- <option value="대구보훈병원">대구보훈병원</option>
350		- <option value="군위군청">군위군청</option>
351		- </select>
352		- <select>
353		- <option value="이름">이름</option>
354		- <option value="아이디">아이디</option>
355		- </select>
356		- <input type="text" />
357		- <Button
358		- className={"btn-small gray-btn"}
359		- btnName={"검색"}
360		- onClick={() => navigate("/SeniorInsert")}
	232	+ </div>
	233	+ <div className="right flex60" style={{ height: "100%" }}>
	234	+ <div style={{ height: "100%" }}>
	235	+ <SubTitle
	236	+ subtitle={"사용자 리스트"}
	237	+ explanation={"선택된 기관의 사용자 리스트 입니다."}
	238	+ className="margin-bottom"
361	239	/>
	240	+ <div className="tab-container">
	241	+ <ul className="tab-menu-mobile">
	242	+ <div>
	243	+ <SubTitle
	244	+ className="margin-bottom"
	245	+ subtitle={"사용자 선택"}
	246	+ explanation={"사용자 별로 선택 후 관리할 수 있습니다. "}
	247	+ />
	248	+ </div>
	249	+ <select name="" id="" style={{ width: "100%" }}>
	250	+ <option value="사용자선택">보호자</option>
	251	+ <option value="사용자선택">보호사</option>
	252	+ <option value="사용자선택">병원</option>
	253	+ <option value="사용자선택">지자체</option>
	254	+ <option value="사용자선택">관리자</option>
	255	+ </select>
	256	+ </ul>
	257	+ <ul className="tab-menu">
	258	+ {data.map((item) => (
	259	+ <li
	260	+ key={item.id}
	261	+ className={index === item.id ? "active" : null}
	262	+ onClick={() => setIndex(item.id)}
	263	+ >
	264	+ {item.title}
	265	+ </li>
	266	+ ))}
	267	+ </ul>
	268	+ <div className="content-wrap">
	269	+ <div className="search-management flex-end margin-bottom2">
	270	+ <select>
	271	+ <option value="이름">이름</option>
	272	+ <option value="아이디">사용자등록번호</option>
	273	+ <option value="아이디">ID</option>
	274	+ </select>
	275	+ <input type="text" />
	276	+ <Button
	277	+ className={"btn-small gray-btn"}
	278	+ btnName={"검색"}
	279	+ onClick={() => navigate("/SeniorInsert")}
	280	+ />
	281	+ </div>
	282	+ <ul className="tab-content">
	283	+ {data
	284	+ .filter((item) => index === item.id)
	285	+ .map((item) => (
	286	+ <li>{item.description}</li>
	287	+ ))}
	288	+ </ul>
	289	+ </div>
	290	+ </div>
362	291	</div>
363		- <ul className="tab-content">
364		- {data
365		- .filter((item) => index === item.id)
366		- .map((item) => (
367		- <li>{item.description}</li>
368		- ))}
369		- </ul>
370	292	</div>
371	293	</div>
372		- </div >
	294	+ </div>
373	295	</main>
374	296	);
375	297	}

...	...	@@ -3,7 +3,9 @@
3	3	import Button from "../../component/Button.jsx";
4	4	import SubTitle from "../../component/SubTitle.jsx";
5	5	import Modal from "../../component/Modal.jsx";
	6	+import Category from "../../component/Category.jsx";
6	7	import { useNavigate } from "react-router";
	8	+
7	9
8	10	export default function EquipmentManagementSelect() {
9	11	const [modalOpen, setModalOpen] = React.useState(false);
...	...	@@ -130,7 +132,12 @@
130	132	const content4 = [
131	133	{
132	134	No: 1,
133		- equipment_name: "A복지관",
	135	+ equipment_name: (
	136	+ <div>
	137	+ <Category />
	138	+ </div>
	139	+ )
	140	+ ,
134	141	serialNumber: (<Button
135	142	className={"btn-small gray-btn"}
136	143	btnName={"선택"}
...	...	@@ -196,7 +203,7 @@
196	203	const [index, setIndex] = React.useState(1);
197	204	return (
198	205	<main>
199		- <Modal open={modalOpen} close={closeModal} header="'김복남'님의 가족">
	206	+ <Modal open={modalOpen} close={closeModal} header="납품 기관 선택">
200	207	<div className="board-wrap">
201	208	<div>
202	209	<Table

...	...	@@ -16,6 +16,7 @@
16	16	"요청일자",
17	17	"교환/반납",
18	18	"처리예정일",
	19	+ "완료일",
19	20	];
20	21	const key = [
21	22	"No",
...	...	@@ -24,7 +25,8 @@
24	25	"name",
25	26	"date",
26	27	"period_of_use",
27		- "visit"
	28	+ "visit",
	29	+ "finish"
28	30	];
29	31	const content = [
30	32	{
...	...	@@ -36,7 +38,10 @@
36	38	period_of_use: "교환",
37	39	visit:(<div>
38	40	<input type="date" />
39		- </div>)
	41	+ </div>),
	42	+ finish:(<div>
	43	+ <input type="date" />
	44	+ </div>),
40	45	},
41	46	{
42	47	No: 2,
...	...	@@ -47,7 +52,10 @@
47	52	period_of_use: "반납",
48	53	visit:(<div>
49	54	<input type="date" />
50		- </div>)
	55	+ </div>),
	56	+ finish:(<div>
	57	+ <input type="date" />
	58	+ </div>),
51	59	},
52	60	];
53	61	return (

Delete comment