margin-bottom: 0;

 }

 .caregiver-info p {

   font-size: 1.6rem;

   margin-bottom: 1rem;

       alert("연락처를 입력해 주세요.");

       return false;

     }

     guardian['user_id'] = guardian['user_phonenumber'];

     fetch("/user/userSelectOne.json", {

       alert("연락처 중복확인을 해주세요.");

       return false;

     }

     if (CommonUtil.isEmpty(guardian['user_address']) == true) {

       guardianRef.current['user_address'].focus();

       alert("주소를 입력해 주세요.");

   const thead = [

     "No",

     "매칭 일자",

     "삭제"

   ];

       alert("연락처를 입력해 주세요.");

       return false;

     }

     senior['user_id'] = senior['user_phonenumber'];

     fetch("/user/userSelectOne.json", {

       alert("연락처 중복확인을 해주세요.");

       return false;

     }

     if (CommonUtil.isEmpty(senior['user_address']) == true) {

       seniorRef.current['user_address'].focus();

       alert("주소를 입력해 주세요.");

 import { setLoginUser, setSeniorList, setCurrentSeniorIndex } from "./AppStore.jsx";

 //Application의 Route 정보를 관리하는 Component

 //Test Layout

 import Header from "../layout/Header.jsx";

   /**************** Firebase 푸시 설정 (시작) ****************/

   const messaging = getMessaging();

   onMessage(messaging, (payload) => {

     console.log('Message received. ', payload);

   });

             setToken(currentToken);

             if (CommonUtil.isEmpty(loginUser) == false

               loginUser['push_token'] = currentToken

               userUpdateForPushToken(loginUser);

             }

             /* navigator.clipboard.writeText(currentToken).then(() => {

                 console.log("Text copied to clipboard... : ", currentToken);

             }).catch(err => {

                 console.log('Something went wrong', err);

             }); */

           } else {

             // Show permission request UI

             console.log('No registration token available. Request permission to generate one.');

             // FCM 메세지 처리

             if (CommonUtil.isEmpty(loginUser) == false

               loginUser['is_push'] = true;

               userUpdateForIsPush(loginUser);

             }

             setIsPush(false);

             if (CommonUtil.isEmpty(loginUser) == false

               loginUser['is_push'] = false;

               userUpdateForIsPush(loginUser);

             }

   //const navigate = useNavigate();

   //전역 변수 저장 객체

   const dispatch = useDispatch();

   //로그인 여부

   const [isLogin, setIsLogin] = React.useState(false);

   //기본 비밀번호 사용 여부 확인 (로그인 여부 확인 후, 사용 바람)

   const [isDefaultPassword, setIsDefaultPassword] = React.useState(false);

   //로그인에 따라 각기 다른 App 주입 대상 변수(AdminApp, GovernmentApp, AgencyApp, GuardianApp)

   const [appRoute, setAppRoute] = React.useState(null);

   const [menuItems, setMenuItems] = React.useState(null);

   //로그인 사용자 조회

   const loginUserSelectOne = (clientLoginCheck) => {

     fetch("/user/loginUserSelectOne.json", {

       body: JSON.stringify({}),

     }).then((response) => response.json()).then((loginUser) => {

       console.log("로그인 결과 : ", loginUser);

       //로그인 사용자 정보 전역 변수에 저장

       dispatch(setLoginUser(loginUser));

       //로그인 유무(로그인 정보가 있으면 True, 없으면 False)

       let isLogin = (loginUser != null && loginUser['user_id'] != null);

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

       console.log("특정 보호자의 대상자(시니어) 목록 조회 : ", data);

       //로그인 사용자 정보 전역 변수에 저장

     }).catch((error) => {

       console.log('login() /user/seniorSelectListByGuardian.json error : ', error);

     });

       if (isLogin == true) {

         if (loginResultData['authority'] == 'ROLE_ADMIN') {

           setMenuItems(AdminApp.menuItems);

         } else if (loginResultData['authority'] == 'ROLE_GOVERNMENT') {

           setMenuItems(GovernmentApp.menuItems);

         } else if (loginResultData['authority'] == 'ROLE_AGENCYADMIN') {

           setMenuItems(AgencyAdminApp.menuItems);

         } else if (loginResultData['authority'] == 'ROLE_AGENCY') {

           setMenuItems(AgencyApp.menuItems);

         } else if (loginResultData['authority'] == 'ROLE_GUARDIAN' || loginResultData['authority'] == 'ROLE_SENIOR') {

           setMenuItems(GuardianApp.menuItems);

           if (loginResultData['authority'] == 'ROLE_GUARDIAN' && CommonUtil.isEmpty(state['seniorList'].value) == true) {

             seniorSelectListByGuardian(loginResultData);

           }

         setIsPush(null);

         setToken(null);

         dispatch(setLoginUser({}));

       }

     });

   }, [location]);

       {isLogin == true ?

         isDefaultPassword == false ? (

           <div id="layout">

             <div id="pages">

               {appRoute != null ? appRoute : null}

             </div>

           </div>

     </div>

   );

 }

   const [checkArr, setCheckArr] = React.useState([]); //check 배열

   const [menuCheckArr, setMenuCheckArr] = React.useState([]); //menu check 배열

   const menuList = [

     {

       menu: {

   React.useEffect(() => {

     searching();

   }, [isMySenior])

   const [senior, setSenior] = React.useState({

     seniorList: [], seniorListCount: 0, search: {

       'government_id': CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['government_id'],

       'perPage': 10,

     }

   });

   const seniorSelectList = (currentPage) => {

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

   React.useEffect(() => {

     searching();

   }, [isMySenior])

   const [senior, setSenior] = React.useState({

     seniorList: [], seniorListCount: 0, search: {

       'government_id': CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['government_id'],

       'perPage': 10,

     }

   });

   const seniorSelectList = (currentPage) => {

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

     React.useEffect(() => {

         searching();

     }, [isMySenior])

 	const [senior, setSenior] = React.useState({seniorList: [], seniorListCount: 0, search: {

         'government_id': CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['government_id'],

         'agency_id': CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['agency_id'],

 		'currentPage': 1,

 		'perPage': 10,

 	}});

 	const seniorSelectList = (currentPage) => {

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

   React.useEffect(() => {

     searching();

   }, [isMySenior])

   const [senior, setSenior] = React.useState({

     seniorList: [], seniorListCount: 0, search: {

       'government_id': CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['government_id'],

       'perPage': 10,

     }

   });

   const seniorSelectList = (currentPage) => {

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

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

                       <option value="ROLE_AGENCYADMIN" selected={user['authority'] == "ROLE_AGENCYADMIN"}>센터 관리자</option>

                     : null}

                 </select>

               </div>

             </div>

         </div>

         <div className="content-box combine-right-government">

           <div className="flex">

           </div>

           <div style={{ height: 'calc(100% - 60px)' }}>

             {

   //등록할 사용자 정보

   const [user, setUser] = React.useState({

     'user_password': null,

     'user_password_check': null,

     //'authority': CommonUtil.isEmpty(defaultAuthority) ? state.loginUser['authority'] : defaultAuthority,

     //'agency_id': CommonUtil.isEmpty(defaultAgencyId) ? state.loginUser['agency_id'] : defaultAgencyId,

     //'government_id': CommonUtil.isEmpty(defaultGovernmentId) ? state.loginUser['government_id'] : defaultGovernmentId,

     return true;

   }

   const userUpdate = () => {

     if (userInsertValidation() == false) {

       return;

     }

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

       method: "POST",

       headers: {

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

       },

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

       if (data > 0) {

       } else {

       }

     }).catch((error) => {

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

                                     <th>기관명</th>

                                     <th>관리장비개수</th>

                                     <th>관리자(명)</th>

                                     <th>돌봄 대상자(명)</th>

                                     <th>주소</th>

                                     <th>대표연락처</th>

                                             <td data-label="기관명">{item['government_name']}</td>

                                             <td data-label="관리 장비 개수">{item['equipment_count']}</td>

                                             <td data-label="관리자(명)">{item['government_user_count']}</td>

                                             <td data-label="돌봄 대상자(명)">{item['senior_user_count']}</td>

                                             <td data-label="주소">{item['government_address']}</td>

                                             <td data-label="대표 연락처">{item['government_phonenumber']}</td>

                                     <th>구분</th>

                                     <th>관리기관명</th>

                                     <th>기관명</th>

                                     <th>돌봄 대상자(명)</th>

                                     <th>주소</th>

                                     <th>대표연락처</th>

                                             <td data-label="구분">{orgTypes[item['agency_type']]}</td>

                                             <td data-label="관리기관명">{item['government_name']}</td>

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

                                             <td data-label="돌봄 대상자(명)">{item['senior_user_count']}</td>

                                             <td data-label="주소">{item['agency_address']}</td>

                                             <td data-label="대표 연락처">{item['agency_phonenumber']}</td>

 import React from "react";

 import { useNavigate, useLocation } from "react-router";

 import Modal from "../../component/Modal.jsx";

 import SubTitle from "../../component/SubTitle.jsx";

 export default function SeniorSelectOne() {

   const navigate = useNavigate();

   const location = useLocation();

   //보호자 모달 오픈 여부

   const [modalGuardianIsOpen, setModalGuardianIsOpen] = React.useState(false);

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

   //대상자의 생활보호사 목록 조회

   const agentSelectListBySenior = () => {

     fetch("/user/agentSelectListBySenior.json", {

       method: "POST",

       headers: {

         if (!senior_delete) {

           if (data > 0) {

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

             agentSelectListBySenior();

           } else {

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

         </div>

         <div className="margin-bottom5">

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

             <thead>

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

                     <td data-label="연락처">{item['user_phonenumber']}</td>

                     <td data-label="이메일">{item['user_email']}</td>

                     <td data-label="배정시작일">{item['agent_match_start_date']}</td>

                     <td data-label="배정종료일">{item['agent_match_end_date']}</td>

                     <td data-label="관리">

   // 시니어 - 담당자 매칭 

   const MatchSeniorAgency = () => {

     if (CommonUtil.isEmpty(workerId) == true) {

       return;

     }

     var insertBtn = confirm("등록하시겠습니까?");

     });

   }

   React.useEffect(() => {

     agentSelectList();

     searching();

       <div>

         <div className="flex-align-start userauthoriylist gap5">

           <div className="left">

             <div style={{ fontSize: '16px', marginTop: '0px' }} className="category">

               <a className="active" onClick={() => { agentChange(null) }}>

                 {state.loginUser['government_name']}

               } />

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

                 <button className={"btn-small gray-btn"} onClick={modalSeniorInsertOpen}>신규등록</button>

               </div>

             </div>

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

                   <th>성별</th>

                   <th>연락처</th>

                   <th>보호자</th>

                   <th>대상자관리</th>

                 </tr>

               </thead>

                           : item['guardian_user_names']

                         }

                       </td>

                         {item['agent_user_names']}

                       </td>

                       <td data-label="대상자관리">

               <th>성별</th>

               <th>연락처</th>

               <th>보호자</th>

               <th>대상자관리</th>

             </tr>

           </thead>

                       ? '없음'

                       : item['guardian_user_names']

                     }

                   </td>

                   <td data-label="대상자관리">

                     <button className="btn-small gray-btn" onClick={() => {

           </ul>

         </div>

       </div>

         <div className="modal-visit board-wrap">

           <table className="margin-bottom">

             <tbody>

               <tr>

                 <td>

                   <select onChange={(e) => {

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

                     setWorkerId(e.target.value);

                   }}>

                     {agent.userList.map((user, idx) => {

                       return (

                         <option key={idx} value={user['user_id']}>{user['user_name']}</option>

 import React from "react";

 import { useNavigate, useLocation } from "react-router";

 import SubTitle from "../../component/SubTitle.jsx";

 import Modal_Guardian from "../../component/Modal_Guardian.jsx";

   const navigate = useNavigate();

   const location = useLocation();

   //대상자(시니어) 등록 모달 오픈 여부

   const [modalSeniorInsertIsOpen, setModalSeniorInsertIsOpen] = React.useState(false);

         {agent['authority'] == 'ROLE_AGENCYADMIN' ? null : (

           <>

             <button className={"btn-small gray-btn display-inline-block float-right"} onClick={() => modalSeniorInsertOpen()}>보호대상자 추가</button>

             <div className="margin-bottom5">

               <table className={"agent-user"}>

     agent.search['government_id'] = null;

     agent.search['agency_id'] = null;

     agentSelectList();

     agentAdminSelectList();

     if (state.loginUser['authority'] == 'ROLE_ADMIN' || state.loginUser['authority'] == 'ROLE_GOVERNMENT') {

       government.search['government_id'] = null;

     agent.search['government_id'] = government_id;

     agent.search['agency_id'] = null;

     agentSelectList();

     agentAdminSelectList();

     if (state.loginUser['authority'] == 'ROLE_ADMIN' || state.loginUser['authority'] == 'ROLE_GOVERNMENT') {

       government.search['government_id'] = government_id;

     agent.search['government_id'] = government_id;

     agent.search['agency_id'] = agency_id;

     agentSelectList();

     agentAdminSelectList();

   }

       }

     }).catch((error) => {

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

     });

   }

                 {/* 탭 제목 */}

                 <ul className="tab-menu flex-end" >

                   {state.loginUser['authority'] == 'ROLE_ADMIN' || state.loginUser['authority'] == 'ROLE_AGENCYADMIN' || state.loginUser['authority'] == 'ROLE_GOVERNMENT' ?

                     <li onClick={() => setTabActiveByRoleType('ROLE_AGENCYADMIN')} className={tabActiveByRoleType == 'ROLE_AGENCYADMIN' ? "active" : null}>센터 관리자 ({agentAdmin.userListCount})</li>

                     : null}

                                 <th>연락처</th>

                                 <th>이메일</th>

                                 <th>가입승인</th>

                                 <th>상세보기</th>

                               </tr>

                             </thead>

                                         <button className={"btn-small red-btn"} onClick={() => { userUpdate(item, agentSelectList) }}>가입승인</button>

                                       }

                                     </td>

                                     <td data-label="상세보기">

                                       <button className={"btn-small lightgray-btn"} onClick={() => { navigate("/AgentSelectOne", { state: { 'agent_id': item['user_id'] } }) }}>상세 페이지 이동</button>

                                     </td>