+              {isNewGuardian ? (

+    'agency_id': defaultAgencyId,

+  //장비 대여 모달 여부

+  const [modalRentalIsOpen, setModalRentalIsOpen] = React.useState(false);

+  //장비 대여 오픈

+  const modalRentalOpen = (item) => {

+    setSelectEquipment(item);

+    mySenior['search']['agency_id'] = item['agency_id'];

+    mySeniorSelectList(1);

+    setModalRentalIsOpen(true);

+  };

+  //장비 대여 닫기

+  const modalRentalClose = () => {

+    setModalRentalIsOpen(false);

+  };

+

+  //장비 대여 등록 정보

+  const [selectEquipment, setSelectEquipment] = React.useState()

+

+  //장비 대여 등록

+  const equipmentRentalInsert = (seniorId) => {

+    if (confirm('해당 장비를 추가하시겠습니까?') == false) {

+      return;

+    }

+

+    selectEquipment['senior_id'] = seniorId;

+    selectEquipment['rental_start_date'] = new Date();

+

+    fetch("/equipment/equipmentRentalInsert.json", {

+      method: "POST",

+      headers: {

+        'Content-Type': 'application/json; charset=UTF-8'

+      },

+      body: JSON.stringify(selectEquipment),

+    }).then((response) => response.json()).then((data) => {

+      console.log("장비 대여 등록 결과(건수) : ", data);

+      if (data > 0) {

+        alert("추가완료");

+        modalRentalClose();

+      } else {

+        alert("장비추가에 실패하였습니다. 관리자에게 문의바랍니다.");

+      }

+    }).catch((error) => {

+      console.log('seniorSelectOne() /user/seniorSelectOne.json error : ', error);

+    });

+  };

+

+  //보호사(간호사)의 돌봄 대상자(시니어)

+  const [mySenior, setMySenior] = React.useState({

+    seniorList: [],

+    seniorListCount: 0,

+    search: {

+      'government_id': defaultGovernmentId,

+      'agency_id': defaultAgencyId,

+      'currentPage': 1,

+      'perPage': 5,

+    }

+  });

+  //보호사(간호사)의 돌봄 대상자(시니어) 목록 조회

+  const mySeniorSelectList = (currentPage) => {

+    mySenior.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;

+

+    fetch("/user/seniorSelectList.json", {

+      method: "POST",

+      headers: {

+        'Content-Type': 'application/json; charset=UTF-8'

+      },

+      body: JSON.stringify(mySenior.search),

+    }).then((response) => response.json()).then((data) => {

+      data.search = mySenior.search;

+      console.log("보호사(간호사)의 돌봄 대상자(시니어) 목록 조회 : ", data);

+      setMySenior(data);

+    }).catch((error) => {

+      console.log('seniorSelectList() /user/seniorSelectList.json error : ', error);

+    });

+  }

+

+              <td colSpan={10}>조회된 데이터가 없습니다</td>

+

+

+              <th>기관</th>

+              <th>장비대여</th>

+                  <td data-label="기관">

+                    {orgListOfHierarchy.map((item1, idx1) => {

+                      return (

+                        item1['agencyList'] != undefined && item1['agencyList'] != null ?

+                          item1['agencyList'].map((item2, idx2) => {

+                            return (

+                              item['agency_id'] == item2['agency_id'] ?

+                                item2['agency_name']

+                                : null

+                            )

+                          })

+                          : null

+                      )

+                    })}

+                  </td>

+                  <td cata-label="장비대여">

+                    <button className={"btn-small gray-btn"} onClick={() => modalRentalOpen(item)}>장비 배포</button>

+                  </td>

+                <td colSpan={8}>조회된 데이터가 없습니다</td>

+      </div >

+                <tr>

+                  <th>시행기관 선택</th>

+                  <td>

+                    {orgListOfHierarchy.map((item, idx) => {

+                      return (

+                        <select defaultValue={item['agencyList'][0]['agency_id']} onChange={(e) => {

+                          console.log('e.target.value : ', e.target.value);

+                          equipmentValueChange('agency_id', e.target.value);

+                        }}>

+                          {item['agencyList'] != undefined && item['agencyList'] != null ?

+                            item['agencyList'].map((item2, idx2) => {

+                              return (

+                                <option key={idx2} value={item2['agency_id']}

+                                  selected={equipment['agency_id'] == item2['agency_id']}>

+                                  {item2['agency_name']}

+                                </option>

+                              )

+                            })

+                            : null}

+                        </select>

+                      )

+                    })}

+                  </td>

+                </tr>

+        </div>

+      </Modal>

+

+      <Modal open={modalRentalIsOpen} close={modalRentalClose} header="장비 배포 시니어 선택">

+        <div className="board-wrap">

+          <table className={"protector-user"}>

+            <thead>

+              <tr>

+                <th>No</th>

+                <th>소속기관명</th>

+                <th>이름</th>

+                <th>생년월일</th>

+                <th>성별</th>

+                <th>배포</th>

+              </tr>

+            </thead>

+            <tbody>

+              {mySenior.seniorList.map((item, idx) => {

+                return (

+                  <tr key={idx}>

+                    <td data-label="No">{mySenior.seniorListCount - idx - (mySenior.search.currentPage - 1) * mySenior.search.perPage}</td>

+                    <td data-label="소속기관명">{item['agency_name']}</td>

+                    <td data-label="이름">{item['user_name']}</td>

+                    <td data-label="생년월일">{item['user_birth']}</td>

+                    <td data-label="성별">{item['user_gender']}</td>

+                    <td data-label="배포">

+                      <button className="btn-small gray-btn" onClick={() => { equipmentRentalInsert(item['senior_id']) }}>배포하기</button>

+                    </td>

+                  </tr>

+                )

+              })}

+              {CommonUtil.isEmpty(mySenior.seniorList) ?

+                <tr>

+                  <td colSpan={8}>조회된 데이터가 없습니다</td>

+                </tr>

+                : null}

+            </tbody>

+          </table>

+          <Pagination

+            currentPage={mySenior.search.currentPage}

+            perPage={mySenior.search.perPage}

+            totalCount={mySenior.seniorListCount}

+            maxRange={5}

+            click={mySeniorSelectList}

+          />

+      {

+        CommonUtil.isEmpty(state.loginUser) == false && (state.loginUser['authority'] == 'ROLE_ADMIN' || state.loginUser['authority'] == 'ROLE_GOVERNMENT')

+          ? (

+            <div className="tab-container">

+              <ul className="tab-menu flex-start">

+                {tab.map((item, idx) => {

+                  return (

+                    <li onClick={() => setTabIndex(idx)} className={idx == tabIndex ? 'active' : null}>

+                      {item.title}

+                    </li>

+                  )

+                })}

+              <div className="content-wrap">

+                <ul className="tab-content">

+                  <li>

+                    {tab[tabIndex].content}

+                  </li>

+                </ul>

+          ) : (

+            <div className="content-wrap">

+              <DetailTitle contentTitle={"장비 사용 현황"} />

+              <div className="board-wrap" style={{ marginTop: "3rem" }} >

+                <div className="btn-wrap margin-bottom">

+                  <div className="btn-wrap flex-end margin-bottom ">

+                    <button className={"btn-small gray-btn"} onClick={() => (state.loginUser['authority'] == 'ROLE_AGENCYADMIN') ? navigate("/AgencyAdminSeniorSelect") : navigate("/AgencySeniorSelect")}>대상자 관리</button>

+                  </div>

+                  {rentalContent}

+                </div>

+              </div>

+            </div>

+          )

+    </main >

+import { insert } from "@amcharts/amcharts5/.internal/core/util/Array.js";

+  // 시스템 코드 - 장비 상태

+  const [equipmentStates, setEquipmentStates] = React.useState({});

+  // 시스템 코드 - 장비 상태 조회

+  const equipmentStatesSelect = () => {

+    console.log('equipmentStatesSelect Function Run');

+

+    //fetch post

+    fetch("/common/systemCode/equipmentStatesSelect.json", {

+      method: "POST",

+      headers: {

+        'Content-Type': 'application/json; charset=UTF-8'

+      },

+      body: JSON.stringify({})

+    }).then((response) => response.json()).then((data) => {

+      console.log('equipmentStatesSelect response : ', data);

+      setEquipmentStates(data);

+    }).catch((error) => {

+      console.log('equipmentStatesSelect error : ', error);

+    });

+  }

+

+  //입고 및 미대여 장비 검색 정보

+  const [deliveryEquipmentSearch, setDeliveryEquipmentSearch] = React.useState({

+    'government_id': location.state['government_id'],

+    'senior_id': 'IS_NULL',

+    'currentPage': 1,

+    'perPage': 10,

+  });

+  //입고 및 미대여 목록

+  const [deliveryEquipment, setDeliveryEquipment] = React.useState({ equipmentList: [], equipmentListCount: 0 });

+  //입고 및 미대여 목록 조회

+  const deliveryEquipmentSelectList = (currentPage) => {

+    deliveryEquipmentSearch.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;

+    setDeliveryEquipmentSearch({ ...deliveryEquipmentSearch });

+ 

+    fetch("/equipment/equipmentSelectList.json", {

+      method: "POST",

+      headers: {

+        'Content-Type': 'application/json; charset=UTF-8'

+      },

+      body: JSON.stringify(deliveryEquipmentSearch)

+    }).then((response) => response.json()).then((data) => {

+      console.log('deliveryEquipmentSelectList response : ', data);

+      setDeliveryEquipment(data);

+    }).catch((error) => {

+      console.log('deliveryEquipmentSelectList error : ', error);

+    });

+  }

+

+

+    'rental_return_date': null

+      alert("대여 시작일을 선택해 주세요.");

+      return;

+    }

+

+      if (data > 0) {

+        modalRentalClose();

+      } else {

+        alert("장비추가에 실패하였습니다. 관리자에게 문의바랍니다.");

+      }

+  //대상자 장비 목록

+  const [equipmentBySenior, setEquipmentBySenior] = React.useState({ equipmentList: [], equipmentListCount: 0 });

+  //대상자 장비 목록 조회

+  const equipmentSelectListBySenior = () => {

+    fetch("/equipment/equipmentSelectList.json", {

+      method: "POST",

+      headers: {

+        'Content-Type': 'application/json; charset=UTF-8'

+      },

+      body: JSON.stringify(senior)

+    }).then((response) => response.json()).then((data) => {

+      console.log('equipmentSelectListBySenior response : ', data);

+      setEquipmentBySenior(data);

+    }).catch((error) => {

+      console.log('equipmentSelectListBySenior error : ', error);

+    });

+  }

+  //장비 대여 종료 모달 여부

+  const [modalRentalEndIsOpen, setModalRentalEndIsOpen] = React.useState(false);

+  const [rentalData, setRentalData] = React.useState({});

+  const [rentalEndDate, setRentalEndDate] = React.useState();

+  //장비 대여 종료 오픈

+  const modalRentalEndOpen = (item) => {

+    setModalRentalEndIsOpen(true);

+    setRentalData(item);

+    setRentalEndDate(null);

+  };

+  //장비 대여 종료 닫기

+  const modalRentalEndClose = () => {

+    setModalRentalEndIsOpen(false);

+  };

+  // 장비 대여 종료

+  const equipmentRentalEnd = (item, senior_delete) => {

+    let insertBtn = "";

+    if (!senior_delete) {

+      insertBtn = confirm("대여를 종료하시겠습니까?");

+    } else {

+      insertBtn = true;

+    }

+

+    if (insertBtn) {

+      if (CommonUtil.isEmpty(rentalEndDate) == false) {

+        item['rental_end_date'] = rentalEndDate;

+      } else {

+        item['rental_end_date'] = new Date();

+      }

+

+      fetch("/equipment/equipmentRentalUpdate.json", {

+        method: "POST",

+        headers: {

+          'Content-Type': 'application/json; charset=UTF-8'

+        },

+        body: JSON.stringify(item),

+      }).then((response) => response.json()).then((data) => {

+        console.log("장비 대여 결과(건수) : ", data);

+        if (!senior_delete) {

+          if (data > 0) {

+            alert("대여 종료 되었습니다.");

+          } else {

+            alert("대여 종료에 실패하였습니다.");

+          }

+          equipmentSelectListBySenior();

+          modalRentalEndClose();

+        } else {

+          return;

+        }

+      }).catch((error) => {

+        console.log('equipmentRentalEnd() /equipment/equipmentRentalUpdate.json error : ', error);

+      });

+    }

+  }

+  const [agent, setAgent] = React.useState({ agentListBySenior: [], agentListCountBySenior: 0 });

+  // 시니어 - 담당자 매칭 종료

+  const agentSeniorDelete = (agent_id, agent_match_idx, senior_delete) => {

+    let insertBtn = "";

+    if (!senior_delete) {

+      insertBtn = confirm("담당자 매칭을 종료하시겠습니까?");

+    } else {

+      insertBtn = true;

+    }

+

+    if (insertBtn) {

+      fetch("/user/agentSeniorDelete.json", {

+        method: "POST",

+        headers: {

+          'Content-Type': 'application/json; charset=UTF-8'

+        },

+        body: JSON.stringify({

+          agent_id: agent_id,

+          senior_id: senior['senior_id'],

+          agent_match_idx: agent_match_idx

+        }),

+      }).then((response) => response.json()).then((data) => {

+        console.log("사용자 등록 결과(건수) : ", data);

+

+        if (!senior_delete) {

+          if (data > 0) {

+            alert("담당자 매칭이 종료 되었습니다.");

+            seniorSelectListByAgent();

+          } else {

+            alert("담당자 매칭 종료에 실패하였습니다.");

+          }

+        } else {

+          return;

+        }

+      }).catch((error) => {

+        console.log('agentSeniorDelete() /user/agentSeniorDelete.json error : ', error);

+      });

+    }

+  }

+

+  // 시니어 삭제

+  const seniorDelete = (senior) => {

+    let insertBtn = confirm("삭제하시겠습니까?");

+    if (insertBtn) {

+      // 보호사 매칭 종료

+      let agent_id = "";

+      let agent_match_idx = "";

+      agent.agentListBySenior.map((item, idx) => {

+        if (item['senior_id'] = senior['senior_id'] && item['agent_match_state']) {

+          agent_id = item['agent_id']

+          agent_match_idx = item['agent_match_idx']

+          agentSeniorDelete(agent_id, agent_match_idx, true);

+        }

+      });

+

+      // 장비 대여 종료

+      let equipment = {};

+      equipmentBySenior.equipmentList.map((item, idx) => {

+        if (item['senior_id'] = senior['senior_id']) {

+          equipment = item;

+          equipmentRentalEnd(equipment, true);

+        }

+      });

+

+      senior['user_use'] = false;

+

+      fetch("/user/userUpdate.json", {

+        method: "POST",

+        headers: {

+          'Content-Type': 'application/json; charset=UTF-8'

+        },

+        body: JSON.stringify(senior),

+      }).then((response) => response.json()).then((data) => {

+        console.log("사용자 등록 결과(건수) : ", data);

+        if (data > 0) {

+          alert("삭제 되었습니다.");

+          navigate(-1);

+        } else {

+          alert("삭제에 실패하였습니다.");

+        }

+      }).catch((error) => {

+        console.log('seniorDelete() /user/userInsert.json error : ', error);

+      });

+    } else {

+      return;

+    }

+  }

+

+

+

+    <main>

+      <Modal_Guardian open={modalGuardianIsOpen} close={modalGuardianClose} seniorId={location.state['senior_id']}

+        guardianBySenior={guardianBySenior}

+        guardianManagementCallback={() => { guardianSelectListBySenior(); modalGuardianClose(); setGuardianBySenior({}) }} />