박정하 박정하 2023-08-08
230808 박정하 건강관리 수정
@291e17b97d6c2535a455f99bf1217e8b8ec06a46
client/views/pages/callcenter/QandASelect.jsx
--- client/views/pages/callcenter/QandASelect.jsx
+++ client/views/pages/callcenter/QandASelect.jsx
@@ -7,197 +7,202 @@
 import CommonUtil from "../../../resources/js/CommonUtil.js";
 
 export default function QandASelect() {
-    const navigate = useNavigate();
-    const location = useLocation();
+  const navigate = useNavigate();
+  const location = useLocation();
 
-    //전역 변수 저장 객체
-    const state = useSelector((state) => {return state});
-    const defaultGovernmentId = CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['government_id'];
-	const defaultAgencyId = CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['agency_id'];
-    const defaultUserId = CommonUtil.isEmpty(state.loginUser) == false
-                        && (state.loginUser['authority'] == 'ROLE_SENIOR'
-                            || state.loginUser['authority'] == 'ROLE_GUARDIAN')
-                        ? state.loginUser['user_id'] : null;
+  //전역 변수 저장 객체
+  const state = useSelector((state) => { return state });
+  const defaultGovernmentId = CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['government_id'];
+  const defaultAgencyId = CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['agency_id'];
+  const defaultUserId = CommonUtil.isEmpty(state.loginUser) == false
+    && (state.loginUser['authority'] == 'ROLE_AGENCY'
+      || state.loginUser['authority'] == 'ROLE_SENIOR'
+      || state.loginUser['authority'] == 'ROLE_GUARDIAN')
+    ? state.loginUser['user_id'] : null;
 
 
-	//기관 계층 구조 목록
-	const [orgListOfHierarchy, setOrgListOfHierarchy] = React.useState([]);
-	//기관(관리, 시행) 계층 구조 목록 조회
-	const orgSelectListOfHierarchy = () => {
-        const param = {
-            'government_id': defaultGovernmentId,
-            'agency_id': defaultAgencyId
-        }
-        if (CommonUtil.isEmpty(state.loginUser) == false
-            && state.loginUser['authority'] == 'ROLE_ADMIN') {
-            param['government_id'] = null;
-            param['agency_id'] = null;
-        }
-
-		fetch("/org/orgSelectListOfHierarchy.json", {
-			method: "POST",
-			headers: {
-			    'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(param),
-		}).then((response) => response.json()).then((data) => {
-			console.log("기관(관리, 시행) 계층 구조 목록 조회 : ", data);
-			setOrgListOfHierarchy(data);
-		}).catch((error) => {
-			console.log('orgSelectListOfHierarchy() /org/orgSelectListOfHierarchy.json error : ', error);
-		});
-	};
-
-    const [search, setSearch] = React.useState({
-        'government_id': defaultGovernmentId,
-        'agency_id': defaultAgencyId,
-        'user_id': defaultUserId,
-
-        'equipment_serial_number': null,
-        'inquiry_answer_user_id': null,
-
-        'searchType': null,
-        'searchText': null,
-        'currentPage': 0,
-        'perPage': 10,
-    });
-    const searchingEnter = (key) => {
-		if (key == 'Enter') {
-			searching();
-		} else {
-			return;
-		}
-	}
-	const searching = () => {
-		equipmentInquirySelectList(1);
-	}
-
-    //문의 목록
-    const [equipmentInquiry, setEquipmentInquiry] = React.useState({
-        equipmentInquiryList: [],
-        equipmentInquiryListCount: 0, 
-    });
-	//문의 목록 조회
-	const equipmentInquirySelectList = (currentPage) => {
-        search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
-		fetch("/equipment/equipmentInquirySelectList.json", {
-			method: "POST",
-			headers: {
-			    'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(search),
-		}).then((response) => response.json()).then((data) => {
-			console.log("문의 목록 조회 : ", data);
-			setEquipmentInquiry(data);
-		}).catch((error) => {
-			console.log('equipmentInquirySelectList() /equipment/equipmentInquirySelectList.json error : ', error);
-		});
-	};
-
-
-    //문의 상세조회 페이지 이동
-    const equipmentInquirySelectOnePage = (item) => {
-        navigate("/QandASelectOne", {state: {
-            'inquiry_idx': item['inquiry_idx'],
-        }});
+  //기관 계층 구조 목록
+  const [orgListOfHierarchy, setOrgListOfHierarchy] = React.useState([]);
+  //기관(관리, 시행) 계층 구조 목록 조회
+  const orgSelectListOfHierarchy = () => {
+    const param = {
+      'government_id': defaultGovernmentId,
+      'agency_id': defaultAgencyId
+    }
+    if (CommonUtil.isEmpty(state.loginUser) == false
+      && state.loginUser['authority'] == 'ROLE_ADMIN') {
+      param['government_id'] = null;
+      param['agency_id'] = null;
     }
 
+    fetch("/org/orgSelectListOfHierarchy.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(param),
+    }).then((response) => response.json()).then((data) => {
+      console.log("기관(관리, 시행) 계층 구조 목록 조회 : ", data);
+      setOrgListOfHierarchy(data);
+    }).catch((error) => {
+      console.log('orgSelectListOfHierarchy() /org/orgSelectListOfHierarchy.json error : ', error);
+    });
+  };
 
-    React.useEffect(() => {
-        orgSelectListOfHierarchy();
-        searching();
-    }, []);
-    
-    return (
-        <main>
-            <div className="search-management flex-end margin-bottom2 margin-top gap">						
-				<select style={{maxWidth: '150px'}} value={search['equipment_serial_number']}
-					onChange={(e) => {search['equipment_serial_number'] = e.target.value; setSearch({...search});}}>
-					<option value="">문의구분</option>
-                    <option value="IS_NULL">일반문의</option>
-                    <option value="IS_NOT_NULL">장비문의</option>
-				</select>
-                <select style={{maxWidth: '150px'}} value={search['inquiry_answer_user_id']}
-					onChange={(e) => {search['inquiry_answer_user_id'] = e.target.value; setSearch({...search});}}>
-					<option value="">상태</option>
-                    <option value="IS_NULL">답변대기중</option>
-                    <option value="IS_NOT_NULL">답변완료</option>
-				</select>
-				<select style={{maxWidth: '150px'}} value={search['searchType']}
-					onChange={(e) => {search['searchType'] = e.target.value; setSearch({...search});}}>
-					<option value="">전체</option>
-					<option value="user_name">문의자 이름</option>
-					<option value="user_id">문의자 ID</option>
-                    <option value="user_phonenumber">문의자 연락처</option>
-                    <option value="inquiry_title">제목</option>
-                    <option value="inquiry_content">문의내용</option>
-                    <option value="inquiry_answer_content">답변내용</option>
-                    <option value="equipment_serial_number">시리얼 넘버</option>
-				</select>
-				<input type="text"
-					value={search['searchText']}
-					onChange={(e) => {search['searchText'] = e.target.value; setSearch({...search});}}
-					onKeyUp={(e) => searchingEnter(e.key)}
-				/>
-				<button className="btn-small gray-btn" style={{maxWidth: '150px'}} onClick={searching}>검색</button>
-			</div>
+  const [search, setSearch] = React.useState({
+    'government_id': defaultGovernmentId,
+    'agency_id': defaultAgencyId,
+    'user_id': defaultUserId,
 
-            <div className="content-wrap">
-                <DetailTitle contentTitle={"Q&A"} />
-                <div className="board-wrap" style={{ marginTop: "3rem" }} >
-                    {CommonUtil.isEmpty(state.loginUser) == false && state.loginUser['authority'] != 'ROLE_ADMIN' ?
-                        <div className="btn-wrap flex-end margin-bottom">
-                            <button className="btn-small gray-btn" onClick={() => {navigate("/QandAInsert");}}>문의하기</button>
-                        </div>
-                    : null}
-                    <table class="equipment-detail senior-table">
-                        <thead>
-                            <tr>
-                                <th>No</th>
-                                <th>관리기관</th>
-                                <th>시행기관</th>
-                                <th>제목</th>
-                                <th>작성자</th>
-                                <th>작성일시</th>
-                                <th>문의구분</th>
-                                <th>처리여부</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            {equipmentInquiry.equipmentInquiryList.map((item, idx) => { return (
-                            <tr key={idx} onClick={() => equipmentInquirySelectOnePage(item)}>
-                                <td data-label="No">{equipmentInquiry.equipmentInquiryListCount - idx - (search.currentPage - 1) * search.perPage}</td>
-                                <td data-label="관리기관">{item['insert_user_government_name']}</td>
-                                <td data-label="시행기관">{item['insert_user_agency_name']}</td>
-                                <td data-label="제목">{item['inquiry_title']}</td>
-                                <td data-label="작성자">{item['insert_user_name']}</td>
-                                <td data-label="작성일시">{item['inquiry_insert_datetime']}</td>
-                                <td data-label="문의구분">
-                                    {CommonUtil.isEmpty(item['inquiry_type']) == false ? `장비(${item['inquiry_type']})` : '일반문의'}
-                                </td>
-                                <td data-label="처리여부">
-                                    {CommonUtil.isEmpty(item['inquiry_answer_user_id']) == false ? '답변완료' : '답변대기중'}
-                                </td>
-                            </tr>
-                            )})}
-                            {CommonUtil.isEmpty(equipmentInquiry.equipmentInquiryList) ?
-                            <tr>
-                                <td colSpan={8}>조회된 데이터가 없습니다</td>
-                            </tr>
-                            : null}
-                        </tbody>
-                    </table>
-                    <Pagination
-                        currentPage={search.currentPage}
-                        perPage={search.perPage}
-                        totalCount={equipmentInquiry.equipmentInquiryListCount}
-                        maxRange={5}
-                        click={equipmentInquirySelectList}
-                    />
-                    
-                </div>
+    'equipment_serial_number': null,
+    'inquiry_answer_user_id': null,
+
+    'searchType': null,
+    'searchText': null,
+    'currentPage': 0,
+    'perPage': 10,
+  });
+  const searchingEnter = (key) => {
+    if (key == 'Enter') {
+      searching();
+    } else {
+      return;
+    }
+  }
+  const searching = () => {
+    equipmentInquirySelectList(1);
+  }
+
+  //문의 목록
+  const [equipmentInquiry, setEquipmentInquiry] = React.useState({
+    equipmentInquiryList: [],
+    equipmentInquiryListCount: 0,
+  });
+  //문의 목록 조회
+  const equipmentInquirySelectList = (currentPage) => {
+    search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
+    fetch("/equipment/equipmentInquirySelectList.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(search),
+    }).then((response) => response.json()).then((data) => {
+      console.log("문의 목록 조회 : ", data);
+      setEquipmentInquiry(data);
+    }).catch((error) => {
+      console.log('equipmentInquirySelectList() /equipment/equipmentInquirySelectList.json error : ', error);
+    });
+  };
+
+
+  //문의 상세조회 페이지 이동
+  const equipmentInquirySelectOnePage = (item) => {
+    navigate("/QandASelectOne", {
+      state: {
+        'inquiry_idx': item['inquiry_idx'],
+      }
+    });
+  }
+
+
+  React.useEffect(() => {
+    orgSelectListOfHierarchy();
+    searching();
+  }, []);
+
+  return (
+    <main>
+      <div className="search-management flex-end margin-bottom2 margin-top gap">
+        <select style={{ maxWidth: '150px' }} value={search['equipment_serial_number']}
+          onChange={(e) => { search['equipment_serial_number'] = e.target.value; setSearch({ ...search }); }}>
+          <option value="">문의구분</option>
+          <option value="IS_NULL">일반문의</option>
+          <option value="IS_NOT_NULL">장비문의</option>
+        </select>
+        <select style={{ maxWidth: '150px' }} value={search['inquiry_answer_user_id']}
+          onChange={(e) => { search['inquiry_answer_user_id'] = e.target.value; setSearch({ ...search }); }}>
+          <option value="">상태</option>
+          <option value="IS_NULL">답변대기중</option>
+          <option value="IS_NOT_NULL">답변완료</option>
+        </select>
+        <select style={{ maxWidth: '150px' }} value={search['searchType']}
+          onChange={(e) => { search['searchType'] = e.target.value; setSearch({ ...search }); }}>
+          <option value="">전체</option>
+          <option value="user_name">문의자 이름</option>
+          <option value="user_id">문의자 ID</option>
+          <option value="user_phonenumber">문의자 연락처</option>
+          <option value="inquiry_title">제목</option>
+          <option value="inquiry_content">문의내용</option>
+          <option value="inquiry_answer_content">답변내용</option>
+          <option value="equipment_serial_number">시리얼 넘버</option>
+        </select>
+        <input type="text"
+          value={search['searchText']}
+          onChange={(e) => { search['searchText'] = e.target.value; setSearch({ ...search }); }}
+          onKeyUp={(e) => searchingEnter(e.key)}
+        />
+        <button className="btn-small gray-btn" style={{ maxWidth: '150px' }} onClick={searching}>검색</button>
+      </div>
+
+      <div className="content-wrap">
+        <DetailTitle contentTitle={"Q&A"} />
+        <div className="board-wrap" style={{ marginTop: "3rem" }} >
+          {CommonUtil.isEmpty(state.loginUser) == false && state.loginUser['authority'] != 'ROLE_ADMIN' ?
+            <div className="btn-wrap flex-end margin-bottom">
+              <button className="btn-small gray-btn" onClick={() => { navigate("/QandAInsert"); }}>문의하기</button>
             </div>
-        </main>
-    );
+            : null}
+          <table class="equipment-detail senior-table">
+            <thead>
+              <tr>
+                <th>No</th>
+                <th>관리기관</th>
+                <th>시행기관</th>
+                <th>제목</th>
+                <th>작성자</th>
+                <th>작성일시</th>
+                <th>문의구분</th>
+                <th>처리여부</th>
+              </tr>
+            </thead>
+            <tbody>
+              {equipmentInquiry.equipmentInquiryList.map((item, idx) => {
+                return (
+                  <tr key={idx} onClick={() => equipmentInquirySelectOnePage(item)}>
+                    <td data-label="No">{equipmentInquiry.equipmentInquiryListCount - idx - (search.currentPage - 1) * search.perPage}</td>
+                    <td data-label="관리기관">{item['insert_user_government_name']}</td>
+                    <td data-label="시행기관">{item['insert_user_agency_name']}</td>
+                    <td data-label="제목">{item['inquiry_title']}</td>
+                    <td data-label="작성자">{item['insert_user_name']}</td>
+                    <td data-label="작성일시">{item['inquiry_insert_datetime']}</td>
+                    <td data-label="문의구분">
+                      {CommonUtil.isEmpty(item['inquiry_type']) == false ? `장비(${item['inquiry_type']})` : '일반문의'}
+                    </td>
+                    <td data-label="처리여부">
+                      {CommonUtil.isEmpty(item['inquiry_answer_user_id']) == false ? '답변완료' : '답변대기중'}
+                    </td>
+                  </tr>
+                )
+              })}
+              {CommonUtil.isEmpty(equipmentInquiry.equipmentInquiryList) ?
+                <tr>
+                  <td colSpan={8}>조회된 데이터가 없습니다</td>
+                </tr>
+                : null}
+            </tbody>
+          </table>
+          <Pagination
+            currentPage={search.currentPage}
+            perPage={search.perPage}
+            totalCount={equipmentInquiry.equipmentInquiryListCount}
+            maxRange={5}
+            click={equipmentInquirySelectList}
+          />
+
+        </div>
+      </div>
+    </main>
+  );
 }
 
client/views/pages/equipment/EquipmentManagementInsert.jsx
--- client/views/pages/equipment/EquipmentManagementInsert.jsx
+++ client/views/pages/equipment/EquipmentManagementInsert.jsx
@@ -6,7 +6,7 @@
     <main>
       <div className="content-wrap">
         <div className="page-title  margin-bottom">장비 등록</div>
-        <div className="flex-align-start margin-bottom2 insert">         
+        <div className="flex-align-start margin-bottom2 insert">
           <table className="flex70 margin-bottom">
             <tbody className="equipment-insert">
               <tr>
@@ -19,14 +19,14 @@
                 <th>기기종류</th>
                 <td colSpan={5}>
                   <div className="flex-start">
-                  <input type="checkbox" />
+                    <input type="checkbox" />
                     <label htmlFor="">
-                      
+
                       스마트 약상자
                     </label>
                     <input type="checkbox" />
                     <label htmlFor="">
-                      
+
                       심전도
                     </label>
                   </div>
@@ -51,11 +51,15 @@
               <tr>
                 <th>대여일</th>
                 <td>
-                  <input type="date"/>
+                  <input type="date"
+                    onKeyDown={function (e) { e.preventDefault() }}
+                  />
                 </td>
                 <th>반납일</th>
                 <td>
-                  <input type="date" />
+                  <input type="date"
+                    onKeyDown={function (e) { e.preventDefault() }}
+                  />
                 </td>
                 <th>작동여부</th>
                 <td>
@@ -92,7 +96,7 @@
               <tr>
                 <th>비고</th>
                 <td colSpan={5}>
-                  <textarea name="" id="" cols="30" rows="10" style={{height:"167px"}}></textarea>
+                  <textarea name="" id="" cols="30" rows="10" style={{ height: "167px" }}></textarea>
                 </td>
               </tr>
             </tbody>
client/views/pages/equipment/EquipmentRentalInsert.jsx
--- client/views/pages/equipment/EquipmentRentalInsert.jsx
+++ client/views/pages/equipment/EquipmentRentalInsert.jsx
@@ -57,8 +57,10 @@
                 <th>대여일</th>
                 <td colSpan={5}>
                   <div className="flex">
-                    <input type="date" />~
-                    <input type="date" />
+                    <input type="date"
+                      onKeyDown={function (e) { e.preventDefault() }} />~
+                    <input type="date"
+                      onKeyDown={function (e) { e.preventDefault() }} />
                   </div>
                 </td>
               </tr>
client/views/pages/equipment/EquipmentSelect.jsx
--- client/views/pages/equipment/EquipmentSelect.jsx
+++ client/views/pages/equipment/EquipmentSelect.jsx
@@ -847,6 +847,7 @@
                   <th>생산일자</th>
                   <td>
                     <input type="date"
+                      onKeyDown={function (e) { e.preventDefault() }}
                       value={equipment['equipment_product_date']}
                       ref={el => equipmentRef.current['equipment_product_date'] = el}
                       onChange={(e) => equipmentValueChange('equipment_product_date', e.target.value)} />
@@ -856,6 +857,7 @@
                   <th><span style={{ color: "red" }}>*</span>입고일자</th>
                   <td>
                     <input type="date"
+                      onKeyDown={function (e) { e.preventDefault() }}
                       value={equipment['equipment_stock_date']}
                       ref={el => equipmentRef.current['equipment_stock_date'] = el}
                       onChange={(e) => equipmentValueChange('equipment_stock_date', e.target.value)} />
@@ -905,6 +907,7 @@
               <div className="search-management flex-end margin-bottom2 margin-top">
                 <div style={{ width: '90px', fontWeight: '600' }}>납품일자</div>
                 <input type="date"
+                  onKeyDown={function (e) { e.preventDefault() }}
                   value={equipmentDelivery['delivery_date']}
                   onChange={(e) => {
                     equipmentDelivery['delivery_date'] = e.target.value;
client/views/pages/equipment/GovernmentEquipmentSelect.jsx
--- client/views/pages/equipment/GovernmentEquipmentSelect.jsx
+++ client/views/pages/equipment/GovernmentEquipmentSelect.jsx
@@ -739,6 +739,7 @@
                   <th>생산일자</th>
                   <td>
                     <input type="date"
+                      onKeyDown={function (e) { e.preventDefault() }}
                       value={equipment['equipment_product_date']}
                       ref={el => equipmentRef.current['equipment_product_date'] = el}
                       onChange={(e) => equipmentValueChange('equipment_product_date', e.target.value)} />
@@ -748,6 +749,7 @@
                   <th><span style={{ color: "red" }}>*</span>입고일자</th>
                   <td>
                     <input type="date"
+                      onKeyDown={function (e) { e.preventDefault() }}
                       value={equipment['equipment_stock_date']}
                       ref={el => equipmentRef.current['equipment_stock_date'] = el}
                       onChange={(e) => equipmentValueChange('equipment_stock_date', e.target.value)} />
client/views/pages/healthcare/HealthcareSelectOne.jsx
--- client/views/pages/healthcare/HealthcareSelectOne.jsx
+++ client/views/pages/healthcare/HealthcareSelectOne.jsx
@@ -527,7 +527,9 @@
                     <tr>
                       <th>방문날짜</th>
                       <td colSpan={3}>
-                        <input type="date" value={visitRecord['visit_date']}
+                        <input type="date"
+                          onKeyDown={function (e) { e.preventDefault() }}
+                          value={visitRecord['visit_date']}
                           onChange={(e) => {
                             visitRecord['visit_date'] = e.target.value;
                             setVisitRecord({ ...visitRecord });
client/views/pages/healthcare/Medicalcare.jsx
--- client/views/pages/healthcare/Medicalcare.jsx
+++ client/views/pages/healthcare/Medicalcare.jsx
@@ -13,993 +13,1007 @@
 
 
 export default function UserAuthoriySelect() {
-    const navigate = useNavigate();
-    const location = useLocation();
+  const navigate = useNavigate();
+  const location = useLocation();
 
-    //전역 변수 저장 객체
-    const state = useSelector((state) => {return state});
-    const defaultUserId = CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['user_id'];
+  //전역 변수 저장 객체
+  const state = useSelector((state) => { return state });
+  const defaultUserId = CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['user_id'];
 
-    //검색(엔터)
-	const searchingEnter = (key) => {
-		if (key == 'Enter') {
-			searching();
-		} else {
-			return;
-		}
-	}
-    //검색
-	const searching = () => {
-        if (CommonUtil.isEmpty(state.loginUser) == false
-            && state.loginUser['authority'] == 'ROLE_AGENCY' && isMySenior) {
-            senior.search['agent_id'] = state.loginUser['user_id'];
+  //검색(엔터)
+  const searchingEnter = (key) => {
+    if (key == 'Enter') {
+      searching();
+    } else {
+      return;
+    }
+  }
+  //검색
+  const searching = () => {
+    if (CommonUtil.isEmpty(state.loginUser) == false
+      && state.loginUser['authority'] == 'ROLE_AGENCY' && isMySenior) {
+      senior.search['agent_id'] = state.loginUser['user_id'];
+    } else {
+      senior.search['agent_id'] = null;
+    }
+
+    setSenior({ ...senior });
+
+    seniorSelectList(1);
+  }
+
+  const [isMySenior, setIsMySenior] = React.useState(true);
+  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'],
+      'searchType': null,
+      'searchText': null,
+      'currentPage': 1,
+      'perPage': 10,
+    }
+  });
+  //보호사(간호사)의 돌봄 대상자(시니어) 목록 조회
+  const seniorSelectList = (currentPage) => {
+    senior.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
+
+    fetch("/user/seniorSelectList.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(senior.search),
+    }).then((response) => response.json()).then((data) => {
+      data.search = senior.search;
+      console.log("돌봄 대상자(시니어) 목록 조회 : ", data);
+      setSenior(data);
+    }).catch((error) => {
+      console.log('seniorSelectList() /user/seniorSelectList.json error : ', error);
+    });
+  }
+
+
+  //현재 선택한 대상자 정보
+  const [targetSenior, setTargetSenior] = React.useState({ 'senior_id': null });
+
+  //문진표
+  const [modalOpen, setModalOpen] = React.useState(false);
+  const openModal = (senior) => {
+    targetSenior['senior_id'] = senior['senior_id'];
+    setTargetSenior(senior);
+    questionnaireSelectList();
+
+    setModalOpen(true);
+  };
+  const closeModal = () => {
+    setTargetSenior({ 'senior_id': null });
+    setModalOpen(false);
+  };
+  //내원기록
+  const [modalOpen2, setModalOpen2] = React.useState(false);
+  const openModal2 = (senior) => {
+    targetSenior['senior_id'] = senior['senior_id'];
+    setTargetSenior(senior);
+    hospitalMedicalRecordSelectList();
+
+    setModalOpen2(true);
+  };
+  const closeModal2 = () => {
+    setTargetSenior({ 'senior_id': null });
+    setModalOpen2(false);
+  };
+  //심전도
+  const [modalOpen3, setModalOpen3] = React.useState(false);
+  const openModal3 = (senior) => {
+    targetSenior['senior_id'] = senior['senior_id'];
+
+    setEcgInit();
+    ecg.commonFileList = [];
+
+    setTargetSenior(senior);
+    ecgSelectList();
+
+    setModalOpen3(true);
+  };
+  const closeModal3 = () => {
+    setTargetSenior({ 'senior_id': null });
+    setModalOpen3(false);
+  };
+  //혈압
+  const [modalOpen4, setModalOpen4] = React.useState(false);
+  const openModal4 = (senior) => {
+    targetSenior['senior_id'] = senior['senior_id'];
+
+    setBloodPressureInit();
+
+    setTargetSenior(senior);
+    bloodPressureSelectList();
+
+    setModalOpen4(true);
+  };
+  const closeModal4 = () => {
+    setTargetSenior({ 'senior_id': null });
+    setModalOpen4(false);
+  };
+
+  /****************** 문진표 (시작) ******************/
+  const questionnaireInit = {
+    'senior_id': null,
+    'questionnaire_record_idx': null,
+    'weight_change_amount': 0,
+    'past_history': null,
+    'agent_id': defaultUserId,
+    'medical_record_idx': null,
+
+    'smoke_type': false,
+    'no_smoke_period': null,
+    'smoke_period': null,
+    'daily_smoke_amount': null,
+
+    'drink_type': false,
+    'weekly_drink_amount': null,
+    'onetime_alcoholic_kind': null,
+    'onetime_bottle_amount': null,
+    'onetime_cup_amount': null,
+
+    'exercise_type': false,
+    'weekly_exercise_amount': null,
+    'onetime_exercise_hour': null,
+    'onetime_exercise_minute': null,
+    'onetime_exercise_kind': null,
+
+    'medication_pill': '',
+    'medication_pill_etc': '',
+  };
+  //문진표 정보
+  const [questionnaire, setQuestionnaire] = React.useState({ ...questionnaireInit });
+  const questionnaireRef = React.useRef({ ...questionnaireInit });
+
+  //문진표 등록
+  const questionnaireInsert = () => {
+    questionnaire['senior_id'] = targetSenior['senior_id'];
+    questionnaire['agent_id'] = defaultUserId;
+    setQuestionnaire({ ...questionnaire });
+
+    fetch("/hospital/questionnaireInsert.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(questionnaire),
+    }).then((response) => response.json()).then((data) => {
+      console.log("문진표 등록 결과(건수) : ", data);
+      if (data > 0) {
+        alert("저장완료");
+        closeModal();
+      } else {
+        alert("저장에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('questionnaireInsert() /hospital/questionnaireInsert.json error : ', error);
+    });
+  }
+
+  //문진표 수정
+  const questionnaireUpdate = () => {
+    questionnaire['senior_id'] = targetSenior['senior_id'];
+    questionnaire['agent_id'] = defaultUserId;
+    setQuestionnaire({ ...questionnaire });
+
+    fetch("/hospital/questionnaireUpdate.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(questionnaire),
+    }).then((response) => response.json()).then((data) => {
+      console.log("문진표 수정 결과(건수) : ", data);
+      if (data > 0) {
+        alert("저장완료");
+        closeModal();
+      } else {
+        alert("저장에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('questionnaireUpdate() /hospital/questionnaireUpdate.json error : ', error);
+    });
+  }
+
+  //문진표 목록 조회
+  const questionnaireSelectList = () => {
+    fetch("/hospital/questionnaireSelectList.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(targetSenior),
+    }).then((response) => response.json()).then((data) => {
+      console.log("문진표 목록 조회 결과(건수) : ", data);
+      if (CommonUtil.isEmpty(data.questionnaireList) == false) {
+        let item = data.questionnaireList[0];//최신순으로 가지고오기 때문에, 0 인텍스가 젤 최신
+        if (CommonUtil.isEmpty(item['medication_pill'])) {
+          item['medication_pill'] = '';
         } else {
-            senior.search['agent_id'] = null;
+          const startCheckWord = '기타「';
+          const endCheckWord = '」';
+          if (item['medication_pill'].indexOf(startCheckWord) > -1) {
+            let startIndex = item['medication_pill'].indexOf(startCheckWord);
+            let lastIndex = item['medication_pill'].lastIndexOf(endCheckWord);
+            console.log("000000 item['medication_pill_etc'] : ", item['medication_pill_etc'], "item['medication_pill'] : ", item['medication_pill']);
+            item['medication_pill_etc'] = item['medication_pill'].substring(startIndex + startCheckWord.length, lastIndex);
+            let medicationPillFront = item['medication_pill'].substring(0, startIndex + startCheckWord.length);
+            let medicationPillBack = item['medication_pill'].substring(lastIndex);
+            item['medication_pill'] = medicationPillFront + medicationPillBack;
+            console.log("333333 item['medication_pill_etc'] : ", item['medication_pill_etc'], "item['medication_pill'] : ", item['medication_pill']);
+          } else {
+            item['medication_pill_etc'] = '';
+          }
         }
-		
-		setSenior({...senior});
 
-		seniorSelectList(1);
-	}
-
-    const [isMySenior, setIsMySenior] = React.useState(true);
-    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'],
-		'searchType': null,
-		'searchText': null,
-		'currentPage': 1,
-		'perPage': 10,
-	}});
-	//보호사(간호사)의 돌봄 대상자(시니어) 목록 조회
-	const seniorSelectList = (currentPage) => {
-		senior.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
-
-		fetch("/user/seniorSelectList.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(senior.search),
-		}).then((response) => response.json()).then((data) => {
-			data.search = senior.search;
-			console.log("돌봄 대상자(시니어) 목록 조회 : ", data);
-			setSenior(data);
-		}).catch((error) => {
-			console.log('seniorSelectList() /user/seniorSelectList.json error : ', error);
-		});
-	}
+        setQuestionnaire(item);
+      }
+    }).catch((error) => {
+      console.log('questionnaireSelectList() /hospital/questionnaireSelectList.json error : ', error);
+    });
+  }
+  /****************** 문진표 (종료) ******************/
 
 
-    //현재 선택한 대상자 정보
-    const [targetSenior, setTargetSenior] = React.useState({'senior_id': null});
 
-    //문진표
-    const [modalOpen, setModalOpen] = React.useState(false);
-    const openModal = (senior) => {
-        targetSenior['senior_id'] = senior['senior_id'];
-        setTargetSenior(senior);
-        questionnaireSelectList();
+  /****************** 병원 진료 기록 (시작) ******************/
+  const hospitalMedicalRecordInit = {
+    'senior_id': null,
+    'medical_record_idx': null,
+    'medical_date': CommonUtil.getDate(),
+    'medical_reason': '',
+    'medical_content': '',
+    'agent_id': defaultUserId
+  };
+  //병원 진료 기록 정보
+  const [hospitalMedicalRecord, setHospitalMedicalRecord] = React.useState({ ...hospitalMedicalRecordInit });
+  const hospitalMedicalRecordRef = React.useRef({ ...hospitalMedicalRecordInit });
 
-        setModalOpen(true);
-    };
-    const closeModal = () => {
-        setTargetSenior({'senior_id': null});
-        setModalOpen(false);
-    };
-    //내원기록
-    const [modalOpen2, setModalOpen2] = React.useState(false);
-    const openModal2 = (senior) => {
-        targetSenior['senior_id'] = senior['senior_id'];
-        setTargetSenior(senior);
+  //병원 진료 기록 유효성 검사
+  const hospitalMedicalRecordValidation = () => {
+    const target = hospitalMedicalRecord;
+    const targetRef = hospitalMedicalRecordRef;
+
+    if (CommonUtil.isEmpty(target['medical_date']) == true) {
+      targetRef.current['medical_date'].focus();
+      alert("진료 일자를 선택해 주세요.");
+      return false;
+    }
+    if (CommonUtil.isEmpty(target['medical_reason']) == true) {
+      targetRef.current['medical_reason'].focus();
+      alert("진료 사유를 입력해 주세요.");
+      return false;
+    }
+    if (CommonUtil.isEmpty(target['medical_content']) == true) {
+      targetRef.current['medical_content'].focus();
+      alert("진료 내용을 입력해 주세요.");
+      return false;
+    }
+
+    return true;
+  }
+
+
+  //병원 진료 기록 등록
+  const hospitalMedicalRecordInsert = () => {
+    if (hospitalMedicalRecordValidation() == false) {
+      return;
+    }
+
+    hospitalMedicalRecord['senior_id'] = targetSenior['senior_id'];
+    hospitalMedicalRecord['agent_id'] = defaultUserId;
+    setHospitalMedicalRecord({ ...hospitalMedicalRecord });
+
+    fetch("/hospital/hospitalMedicalRecordInsert.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(hospitalMedicalRecord),
+    }).then((response) => response.json()).then((data) => {
+      console.log("병원 진료 기록 등록 결과(건수) : ", data);
+      if (data > 0) {
+        setHospitalMedicalRecordInit();
         hospitalMedicalRecordSelectList();
+        //closeModal2();
+        alert("등록완료");
 
-        setModalOpen2(true);
-    };
-    const closeModal2 = () => {
-        setTargetSenior({'senior_id': null});
-        setModalOpen2(false);
-    };
-    //심전도
-    const [modalOpen3, setModalOpen3] = React.useState(false);
-    const openModal3 = (senior) => {
-        targetSenior['senior_id'] = senior['senior_id'];
-        setTargetSenior(senior);
+      } else {
+        alert("등록에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('hospitalMedicalRecordInsert() /hospital/hospitalMedicalRecordInsert.json error : ', error);
+    });
+  }
+
+  //병원 진료 기록 수정
+  const hospitalMedicalRecordUpdate = () => {
+    if (hospitalMedicalRecordValidation() == false) {
+      return;
+    }
+
+    hospitalMedicalRecord['senior_id'] = targetSenior['senior_id'];
+    hospitalMedicalRecord['agent_id'] = defaultUserId;
+    setHospitalMedicalRecord({ ...hospitalMedicalRecord });
+
+    fetch("/hospital/hospitalMedicalRecordUpdate.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(hospitalMedicalRecord),
+    }).then((response) => response.json()).then((data) => {
+      console.log("병원 진료 기록 수정 결과(건수) : ", data);
+      if (data > 0) {
+        setHospitalMedicalRecordInit();
+        hospitalMedicalRecordSelectList();
+        //closeModal2();
+        alert("수정완료");
+      } else {
+        alert("수정에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('hospitalMedicalRecordUpdate() /hospital/hospitalMedicalRecordUpdate.json error : ', error);
+    });
+  }
+
+  //병원 진료 기록 삭제
+  const hospitalMedicalRecordDelete = () => {
+    if (confirm('진료 기록을 삭제하시겠습니까?') == false) {
+      return;
+    }
+
+    fetch("/hospital/hospitalMedicalRecordDelete.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(hospitalMedicalRecord),
+    }).then((response) => response.json()).then((data) => {
+      console.log("병원 진료 기록 삭제 결과(건수) : ", data);
+      if (data > 0) {
+        setHospitalMedicalRecordInit();
+        hospitalMedicalRecordSelectList();
+        //closeModal2();
+        alert("삭제완료");
+      } else {
+        alert("삭제에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('hospitalMedicalRecordDelete() /hospital/hospitalMedicalRecordDelete.json error : ', error);
+    });
+  }
+
+  //초기화 취소
+  const setHospitalMedicalRecordInit = () => {
+    setHospitalMedicalRecord({ ...hospitalMedicalRecordInit });
+  }
+
+  //병원 진료 기록 정보
+  const [hospitalMedicalRecordList, setHospitalMedicalRecordList] = React.useState({ hospitalMedicalRecordList: [], hospitalMedicalRecordListCount: 0, search: { currentPage: 1, perPage: 5 } });
+  //병원 진료 기록 목록 조회
+  const hospitalMedicalRecordSelectList = (currentPage) => {
+    hospitalMedicalRecordList.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
+    hospitalMedicalRecordList.search['senior_id'] = targetSenior['senior_id'];
+    setHospitalMedicalRecordList({ ...hospitalMedicalRecordList });
+
+    fetch("/hospital/hospitalMedicalRecordSelectList.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(hospitalMedicalRecordList.search),
+    }).then((response) => response.json()).then((data) => {
+      console.log("병원 진료 기록 목록 조회 결과(건수) : ", data);
+      data.search = hospitalMedicalRecordList.search;
+      setHospitalMedicalRecordList(data);
+    }).catch((error) => {
+      console.log('hospitalMedicalRecordSelectList() /hospital/hospitalMedicalRecordSelectList.json error : ', error);
+    });
+  }
+  /****************** 병원 진료 기록 (종료) ******************/
+
+
+
+  /****************** 심전도 (시작) ******************/
+  const ecgInit = {
+    'senior_id': null,
+    'ecg_record_idx': null,
+    'bradycardia_count': 0,
+    'tachycardia_count': 0,
+    'max_heart_rate': 0.0,
+    'min_heart_rate': 0.0,
+    'abnormal_heart_rate': 0.0,
+    'average_heart_rate': 0.0,
+    'max_rr': 0.0,
+    'min_rr': 0.0,
+    'average_rr': 0.0,
+    'ecg_reading_date': CommonUtil.getDate(),
+    'ecg_finding_type': '',
+    'ecg_finding_content': '',
+    'agent_id': defaultUserId,
+    'medical_record_idx': null,
+    'common_group_file_idx': null,
+    commonFileList: [],//심전도 업로드 파일 목록
+
+    isEdit: false,//직접 수정일 때, true (수정 or 등록 상관없음);
+  };
+  //심전도 정보
+  const [ecg, setEcg] = React.useState({ ...ecgInit });
+  const ecgRef = React.useRef({ ...ecgInit });
+
+  //심전도 유효성 검사
+  const ecgValidation = () => {
+    const target = ecg;
+    const targetRef = ecgRef;
+
+    if (CommonUtil.isEmpty(target['ecg_reading_date']) == true) {
+      targetRef.current['ecg_reading_date'].focus();
+      alert("판독 소견 측정 일자를 선택해 주세요.");
+      return false;
+    }
+    if (CommonUtil.isEmpty(target['ecg_finding_type']) == true) {
+      targetRef.current['ecg_finding_type'].focus();
+      alert("판독 소견 측정 종류를 입력해 주세요.");
+      return false;
+    }
+    if (CommonUtil.isEmpty(target['ecg_finding_content']) == true) {
+      targetRef.current['ecg_finding_content'].focus();
+      alert("판독 소견 측정 내용을 입력해 주세요.");
+      return false;
+    }
+    //파일 입력
+    if (target.isEdit == false) {
+      if (CommonUtil.isEmpty(target['commonFileList']) == true) {
+        //targetRef.current['commonFileList'].focus();
+        alert("심전도 측정 파일을 올려주세요.");
+        return false;
+      }
+    } else {//직접 입력
+      if (CommonUtil.isEmpty(target['bradycardia_count']) == true) {
+        targetRef.current['bradycardia_count'].focus();
+        alert("서맥 횟수를 입력해 주세요.");
+        return false;
+      }
+      if (CommonUtil.isEmpty(target['tachycardia_count']) == true) {
+        targetRef.current['tachycardia_count'].focus();
+        alert("빈맥 횟수 입력해 주세요.");
+        return false;
+      }
+      if (CommonUtil.isEmpty(target['max_heart_rate']) == true) {
+        targetRef.current['average_heart_rate'].focus();
+        alert("최대 심박수를 입력해 주세요.");
+        return false;
+      }
+      if (CommonUtil.isEmpty(target['min_heart_rate']) == true) {
+        targetRef.current['average_heart_rate'].focus();
+        alert("최소 심박수를 입력해 주세요.");
+        return false;
+      }
+      if (CommonUtil.isEmpty(target['average_heart_rate']) == true) {
+        targetRef.current['average_heart_rate'].focus();
+        alert("평균 심박수를 입력해 주세요.");
+        return false;
+      }
+      if (CommonUtil.isEmpty(target['abnormal_heart_rate']) == true) {
+        targetRef.current['abnormal_heart_rate'].focus();
+        alert("이상 심박수를 입력해 주세요.");
+        return false;
+      }
+      if (CommonUtil.isEmpty(target['max_rr']) == true) {
+        targetRef.current['max_rr'].focus();
+        alert("최대 R-R를 입력해 주세요.");
+        return false;
+      }
+      if (CommonUtil.isEmpty(target['min_rr']) == true) {
+        targetRef.current['min_rr'].focus();
+        alert("최소 R-R를 입력해 주세요.");
+        return false;
+      }
+      if (CommonUtil.isEmpty(target['average_rr']) == true) {
+        targetRef.current['average_rr'].focus();
+        alert("평균 R-R를 입력해 주세요.");
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+
+  //심전도 등록
+  const ecgInsert = () => {
+    if (ecgValidation() == false) {
+      return;
+    }
+
+    ecg['senior_id'] = targetSenior['senior_id'];
+    ecg['agent_id'] = defaultUserId;
+    setEcg({ ...ecg });
+
+    fetch("/hospital/ecgInsert.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(ecg),
+    }).then((response) => response.json()).then((data) => {
+      console.log("심전도 등록 결과(건수) : ", data);
+      if (data > 0) {
+        setEcgInit();
+        ecg.commonFileList = [];
         ecgSelectList();
+        //closeModal3();
+        alert("등록완료");
 
-        setModalOpen3(true);
-    };
-    const closeModal3 = () => {
-        setTargetSenior({'senior_id': null});
-        setModalOpen3(false);
-    };
-    //혈압
-    const [modalOpen4, setModalOpen4] = React.useState(false);
-    const openModal4 = (senior) => {
-        targetSenior['senior_id'] = senior['senior_id'];
-        setTargetSenior(senior);
+      } else {
+        alert("등록에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('ecgInsert() /hospital/ecgInsert.json error : ', error);
+    });
+  }
+
+  //심전도 수정
+  const ecgUpdate = () => {
+    if (ecgValidation() == false) {
+      return;
+    }
+
+    ecg['senior_id'] = targetSenior['senior_id'];
+    ecg['agent_id'] = defaultUserId;
+    setEcg({ ...ecg });
+
+    fetch("/hospital/ecgUpdate.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(ecg),
+    }).then((response) => response.json()).then((data) => {
+      console.log("심전도 수정 결과(건수) : ", data);
+      if (data > 0) {
+        setEcgInit();
+        ecg.commonFileList = [];
+        ecgSelectList();
+        //closeModal3();
+        alert("수정완료");
+      } else {
+        alert("수정에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('ecgUpdate() /hospital/ecgUpdate.json error : ', error);
+    });
+  }
+
+  //심전도 삭제
+  const ecgDelete = () => {
+    if (confirm('심전도 판독 소견을 삭제하시겠습니까?') == false) {
+      return;
+    }
+
+    fetch("/hospital/ecgDelete.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(ecg),
+    }).then((response) => response.json()).then((data) => {
+      console.log("심전도 삭제 결과(건수) : ", data);
+      if (data > 0) {
+        setEcgInit();
+        ecg.commonFileList = [];
+        ecgSelectList();
+        //closeModal3();
+        alert("삭제완료");
+      } else {
+        alert("삭제에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('ecgDelete() /hospital/ecgDelete.json error : ', error);
+    });
+  }
+
+  //초기화 취소
+  const setEcgInit = () => {
+    setEcg({ ...ecgInit });
+  }
+
+  //심전도 정보
+  const [ecgList, setEcgList] = React.useState({ ecgList: [], ecgListCount: 0, search: { currentPage: 1, perPage: 5 } });
+  //심전도 목록 조회
+  const ecgSelectList = (currentPage) => {
+    ecgList.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
+    ecgList.search['senior_id'] = targetSenior['senior_id'];
+    setEcgList({ ...ecgList });
+
+    fetch("/hospital/ecgSelectList.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(ecgList.search),
+    }).then((response) => response.json()).then((data) => {
+      console.log("심전도 목록 조회 결과(건수) : ", data);
+      data.search = ecgList.search;
+      setEcgList(data);
+    }).catch((error) => {
+      console.log('ecgSelectList() /hospital/ecgSelectList.json error : ', error);
+    });
+  }
+  /****************** 심전도 기록 (종료) ******************/
+
+
+
+  /****************** 혈압 (시작) ******************/
+  const bloodPressureInit = {
+    'senior_id': null,
+    'blood_pressure_record_idx': null,
+    'max_blood_pressure': null,
+    'min_blood_pressure': null,
+    'pulse_rate': null,
+    'medical_record_idx': null,
+    'blood_pressure_record_date': CommonUtil.getDate(),
+    'agent_id': defaultUserId
+  };
+  //혈압 정보
+  const [bloodPressure, setBloodPressure] = React.useState({ ...bloodPressureInit });
+  const bloodPressureRef = React.useRef({ ...bloodPressureInit });
+
+  //혈압 유효성 검사
+  const bloodPressureValidation = () => {
+    const target = bloodPressure;
+    const targetRef = bloodPressureRef;
+
+    if (CommonUtil.isEmpty(target['blood_pressure_record_date']) == true) {
+      targetRef.current['blood_pressure_record_date'].focus();
+      alert("진료 일자를 선택해 주세요.");
+      return false;
+    }
+    if (CommonUtil.isEmpty(target['max_blood_pressure']) == true) {
+      targetRef.current['max_blood_pressure'].focus();
+      alert("최고 혈압을 입력해 주세요.");
+      return false;
+    }
+    if (CommonUtil.isEmpty(target['min_blood_pressure']) == true) {
+      targetRef.current['min_blood_pressure'].focus();
+      alert("최저 혈압을 입력해 주세요.");
+      return false;
+    }
+    if (CommonUtil.isEmpty(target['pulse_rate']) == true) {
+      targetRef.current['pulse_rate'].focus();
+      alert("맥박수를 입력해 주세요.");
+      return false;
+    }
+
+    return true;
+  }
+
+
+  //혈압 등록
+  const bloodPressureInsert = () => {
+    if (bloodPressureValidation() == false) {
+      return;
+    }
+
+    bloodPressure['senior_id'] = targetSenior['senior_id'];
+    bloodPressure['agent_id'] = defaultUserId;
+    setBloodPressure({ ...bloodPressure });
+
+    fetch("/hospital/bloodPressureInsert.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(bloodPressure),
+    }).then((response) => response.json()).then((data) => {
+      console.log("혈압 등록 결과(건수) : ", data);
+      if (data > 0) {
+        setBloodPressureInit();
         bloodPressureSelectList();
+        //closeModal2();
+        alert("등록완료");
 
-        setModalOpen4(true);
-    };
-    const closeModal4 = () => {
-        setTargetSenior({'senior_id': null});
-        setModalOpen4(false);
-    };
+      } else {
+        alert("등록에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('bloodPressureInsert() /hospital/bloodPressureInsert.json error : ', error);
+    });
+  }
 
-    /****************** 문진표 (시작) ******************/
-    const questionnaireInit = {
-        'senior_id': null,
-        'questionnaire_record_idx': null,
-        'weight_change_amount': 0,
-        'past_history': null,
-        'agent_id': defaultUserId,
-        'medical_record_idx': null,
-
-        'smoke_type': false,
-        'no_smoke_period': null,
-        'smoke_period': null,
-        'daily_smoke_amount': null,
-
-        'drink_type': false,
-        'weekly_drink_amount': null,
-        'onetime_alcoholic_kind': null,
-        'onetime_bottle_amount': null,
-        'onetime_cup_amount': null,
-
-        'exercise_type': false,
-        'weekly_exercise_amount': null,
-        'onetime_exercise_hour': null,
-        'onetime_exercise_minute': null,
-        'onetime_exercise_kind': null,
-
-        'medication_pill': '',
-        'medication_pill_etc': '',
-    };
-    //문진표 정보
-    const [questionnaire, setQuestionnaire] = React.useState({...questionnaireInit});
-    const questionnaireRef = React.useRef({...questionnaireInit});
-
-	//문진표 등록
-	const questionnaireInsert = () => {
-        questionnaire['senior_id'] = targetSenior['senior_id'];
-        questionnaire['agent_id'] = defaultUserId;
-        setQuestionnaire({...questionnaire});
-
-		fetch("/hospital/questionnaireInsert.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(questionnaire),
-		}).then((response) => response.json()).then((data) => {
-			console.log("문진표 등록 결과(건수) : ", data);
-			if (data > 0) {
-				alert("저장완료");
-				closeModal();
-			} else {
-				alert("저장에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('questionnaireInsert() /hospital/questionnaireInsert.json error : ', error);
-		});
+  //혈압 수정
+  const bloodPressureUpdate = () => {
+    if (bloodPressureValidation() == false) {
+      return;
     }
 
-    //문진표 수정
-	const questionnaireUpdate = () => {
-        questionnaire['senior_id'] = targetSenior['senior_id'];
-        questionnaire['agent_id'] = defaultUserId;
-        setQuestionnaire({...questionnaire});
+    bloodPressure['senior_id'] = targetSenior['senior_id'];
+    bloodPressure['agent_id'] = defaultUserId;
+    setBloodPressure({ ...bloodPressure });
 
-		fetch("/hospital/questionnaireUpdate.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(questionnaire),
-		}).then((response) => response.json()).then((data) => {
-			console.log("문진표 수정 결과(건수) : ", data);
-			if (data > 0) {
-				alert("저장완료");
-				closeModal();
-			} else {
-				alert("저장에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('questionnaireUpdate() /hospital/questionnaireUpdate.json error : ', error);
-		});
+    fetch("/hospital/bloodPressureUpdate.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(bloodPressure),
+    }).then((response) => response.json()).then((data) => {
+      console.log("혈압 수정 결과(건수) : ", data);
+      if (data > 0) {
+        setBloodPressureInit();
+        bloodPressureSelectList();
+        //closeModal2();
+        alert("수정완료");
+      } else {
+        alert("수정에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('bloodPressureUpdate() /hospital/bloodPressureUpdate.json error : ', error);
+    });
+  }
+
+  //혈압 삭제
+  const bloodPressureDelete = () => {
+    if (confirm('혈압 측정 정보를 삭제하시겠습니까?') == false) {
+      return;
     }
 
-    //문진표 목록 조회
-	const questionnaireSelectList = () => {
-		fetch("/hospital/questionnaireSelectList.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(targetSenior),
-		}).then((response) => response.json()).then((data) => {
-			console.log("문진표 목록 조회 결과(건수) : ", data);
-            if (CommonUtil.isEmpty(data.questionnaireList) == false) {
-                let item = data.questionnaireList[0];//최신순으로 가지고오기 때문에, 0 인텍스가 젤 최신
-                if (CommonUtil.isEmpty(item['medication_pill'])) {
-                    item['medication_pill'] = '';
-                } else {
-                    const startCheckWord = '기타「';
-                    const endCheckWord = '」';
-                    if (item['medication_pill'].indexOf(startCheckWord) > -1) {
-                        let startIndex = item['medication_pill'].indexOf(startCheckWord);
-                        let lastIndex = item['medication_pill'].lastIndexOf(endCheckWord);
-                        console.log("000000 item['medication_pill_etc'] : ", item['medication_pill_etc'], "item['medication_pill'] : ", item['medication_pill']);
-                        item['medication_pill_etc'] = item['medication_pill'].substring(startIndex + startCheckWord.length, lastIndex);
-                        let medicationPillFront = item['medication_pill'].substring(0, startIndex + startCheckWord.length);
-                        let medicationPillBack = item['medication_pill'].substring(lastIndex);
-                        item['medication_pill'] = medicationPillFront + medicationPillBack;
-                        console.log("333333 item['medication_pill_etc'] : ", item['medication_pill_etc'], "item['medication_pill'] : ", item['medication_pill']);
-                    } else {
-                        item['medication_pill_etc'] = '';
-                    }
-                }
-                
-                setQuestionnaire(item);
-            }
-		}).catch((error) => {
-			console.log('questionnaireSelectList() /hospital/questionnaireSelectList.json error : ', error);
-		});
-    }
-    /****************** 문진표 (종료) ******************/
+    fetch("/hospital/bloodPressureDelete.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(bloodPressure),
+    }).then((response) => response.json()).then((data) => {
+      console.log("혈압 삭제 결과(건수) : ", data);
+      if (data > 0) {
+        setBloodPressureInit();
+        bloodPressureSelectList();
+        //closeModal2();
+        alert("삭제완료");
+      } else {
+        alert("삭제에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('bloodPressureDelete() /hospital/bloodPressureDelete.json error : ', error);
+    });
+  }
+
+  //초기화 취소
+  const setBloodPressureInit = () => {
+    setBloodPressure({ ...bloodPressureInit });
+  }
+
+  //혈압 정보
+  const [bloodPressureList, setBloodPressureList] = React.useState({ bloodPressureList: [], bloodPressureListCount: 0, search: { currentPage: 1, perPage: 5 } });
+  //혈압 목록 조회
+  const bloodPressureSelectList = (currentPage) => {
+    bloodPressureList.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
+    bloodPressureList.search['senior_id'] = targetSenior['senior_id'];
+    setBloodPressureList({ ...bloodPressureList });
+
+    fetch("/hospital/bloodPressureSelectList.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(bloodPressureList.search),
+    }).then((response) => response.json()).then((data) => {
+      console.log("혈압 목록 조회 결과(건수) : ", data);
+      data.search = bloodPressureList.search;
+      setBloodPressureList(data);
+    }).catch((error) => {
+      console.log('bloodPressureSelectList() /hospital/bloodPressureSelectList.json error : ', error);
+    });
+  }
+  /****************** 혈압 (종료) ******************/
+
+  React.useEffect(() => {
+    searching();
+  }, []);
 
 
+  //현재 탭 Index
+  const [tabIndex, setTabIndex] = React.useState(0);
+  //탭 초기화
+  const tab = [{
+    title: `문진표관리`,
+    content: (
+      <div>
+        <div className="flex equip-tab">
+          <SubTitle explanation={"돌봄 대상자의 병원 내원 기록 및 문진표를 관리할 수 있습니다."} />
+        </div>
+        <table className={"protector-user"}>
+          <thead>
+            <tr>
+              <th>No</th>
+              <th>소속기관명</th>
+              <th>이름</th>
+              <th>생년월일</th>
+              <th>성별</th>
+              <th>연락처</th>
+              <th>문진표관리</th>
+              <th>내원기록관리</th>
+            </tr>
+          </thead>
+          <tbody>
+            {senior.seniorList.map((item, idx) => {
+              return (
+                <tr key={idx}>
+                  <td data-label="No">{senior.seniorListCount - idx - (senior.search.currentPage - 1) * senior.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="연락처">{item['user_phonenumber']}</td>
+                  <td data-label="문진표관리">
+                    <button className="btn-small gray-btn" onClick={() => openModal(item)}>작성하기</button>
+                  </td>
+                  <td data-label="내원기록관리">
+                    <button className="btn-small gray-btn" onClick={() => openModal2(item)}>작성하기</button>
+                  </td>
+                </tr>
+              )
+            })}
+            {CommonUtil.isEmpty(senior.seniorList) ?
+              <tr>
+                <td colSpan={8}>조회된 데이터가 없습니다</td>
+              </tr>
+              : null}
+          </tbody>
+        </table>
+        <Pagination
+          currentPage={senior.search.currentPage}
+          perPage={senior.search.perPage}
+          totalCount={senior.seniorListCount}
+          maxRange={5}
+          click={seniorSelectList}
+        />
+      </div>
+    )
+  }, {
+    title: `심전도관리`,
+    content: (
+      <div>
+        <div className="flex equip-tab">
+          <SubTitle explanation={"돌봄 대상자의 심전도 정보를 관리할 수 있습니다."} />
+        </div>
+        <table className={"protector-user"}>
+          <thead>
+            <tr>
+              <th>No</th>
+              <th>소속기관명</th>
+              <th>이름</th>
+              <th>생년월일</th>
+              <th>성별</th>
+              <th>연락처</th>
+              <th>심전도관리</th>
+            </tr>
+          </thead>
+          <tbody>
+            {senior.seniorList.map((item, idx) => {
+              return (
+                <tr key={idx}>
+                  <td data-label="No">{senior.seniorListCount - idx - (senior.search.currentPage - 1) * senior.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="연락처">{item['user_phonenumber']}</td>
+                  <td data-label="심전도관리">
+                    <button className="btn-small gray-btn" onClick={() => openModal3(item)}>심전도관리</button>
+                  </td>
+                </tr>
+              )
+            })}
+            {CommonUtil.isEmpty(senior.seniorList) ?
+              <tr>
+                <td colSpan={7}>조회된 데이터가 없습니다</td>
+              </tr>
+              : null}
+          </tbody>
+        </table>
+        <Pagination
+          currentPage={senior.search.currentPage}
+          perPage={senior.search.perPage}
+          totalCount={senior.seniorListCount}
+          maxRange={5}
+          click={seniorSelectList}
+        />
+      </div>
+    )
+  }, {
+    title: `혈압관리`,
+    content: (
+      <div>
+        <div className="flex equip-tab">
+          <SubTitle explanation={"돌봄 대상자의 혈압 정보를 관리할 수 있습니다."} />
+        </div>
+        <table className={"protector-user"}>
+          <thead>
+            <tr>
+              <th>No</th>
+              <th>소속기관명</th>
+              <th>이름</th>
+              <th>생년월일</th>
+              <th>성별</th>
+              <th>연락처</th>
+              <th>혈압관리</th>
+            </tr>
+          </thead>
+          <tbody>
+            {senior.seniorList.map((item, idx) => {
+              return (
+                <tr key={idx}>
+                  <td data-label="No">{senior.seniorListCount - idx - (senior.search.currentPage - 1) * senior.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="연락처">{item['user_phonenumber']}</td>
+                  <td data-label="혈압관리">
+                    <button className="btn-small gray-btn" onClick={() => openModal4(item)}>혈압관리</button>
+                  </td>
+                </tr>
+              )
+            })}
+            {CommonUtil.isEmpty(senior.seniorList) ?
+              <tr>
+                <td colSpan={7}>조회된 데이터가 없습니다</td>
+              </tr>
+              : null}
+          </tbody>
+        </table>
+        <Pagination
+          currentPage={senior.search.currentPage}
+          perPage={senior.search.perPage}
+          totalCount={senior.seniorListCount}
+          maxRange={5}
+          click={seniorSelectList}
+        />
+      </div>
+    )
+  }];
 
-    /****************** 병원 진료 기록 (시작) ******************/
-    const hospitalMedicalRecordInit = {
-        'senior_id': null,
-        'medical_record_idx': null,
-        'medical_date': CommonUtil.getDate(),
-        'medical_reason': '',
-        'medical_content': '',
-        'agent_id': defaultUserId
-    };
-    //병원 진료 기록 정보
-    const [hospitalMedicalRecord, setHospitalMedicalRecord] = React.useState({...hospitalMedicalRecordInit});
-    const hospitalMedicalRecordRef = React.useRef({...hospitalMedicalRecordInit});
+  return (
+    <main>
 
-    //병원 진료 기록 유효성 검사
-    const hospitalMedicalRecordValidation = () => {
-        const target = hospitalMedicalRecord;
-		const targetRef = hospitalMedicalRecordRef;
+      {/* <Modal_Questionnaire open={modalOpen} close={closeModal} /> */}
+      {/* <Modal_MedicalHistory open={modalOpen2} close={closeModal2} /> */}
+      {/* <Modal_ECG open={modalOpen3} close={closeModal3} /> */}
+      {/* <Modal_Blood open={modalOpen4} close={closeModal4} /> */}
 
-		if (CommonUtil.isEmpty(target['medical_date']) == true) {
-			targetRef.current['medical_date'].focus();
-			alert("진료 일자를 선택해 주세요.");
-			return false;
-		}
-		if (CommonUtil.isEmpty(target['medical_reason']) == true) {
-			targetRef.current['medical_reason'].focus();
-			alert("진료 사유를 입력해 주세요.");
-			return false;
-		}
-        if (CommonUtil.isEmpty(target['medical_content']) == true) {
-			targetRef.current['medical_content'].focus();
-			alert("진료 내용을 입력해 주세요.");
-			return false;
-		}
+      <div className="search-management flex-start margin-bottom2">
+        <select style={{ maxWidth: '150px' }}
+          onChange={(e) => { senior.search.searchType = e.target.value; setSenior({ ...senior }); }}>
+          <option value="" selected={CommonUtil.isEmpty(senior.search.searchType)}>전체</option>
+          <option value="user_name" selected={senior.search.searchType == 'user_name'}>이름</option>
+          <option value="user_id" selected={senior.search.searchType == 'user_id'}>아이디</option>
+          <option value="user_phonenumber" selected={senior.search.searchType == 'user_phonenumber'}>연락처</option>
+        </select>
+        <input type="text" className="senior-search" value={senior.search.searchText}
+          onChange={(e) => { senior.search.searchText = e.target.value; setSenior({ ...senior }); }}
+          onKeyUp={(e) => searchingEnter(e.key)} />
+        <button className="btn-small gray-btn" onClick={searching}>검색</button>
+      </div>
 
-        return true;
-    }
+      <div className="content-wrap">
+        <DetailTitle contentTitle={"대상자의 문진표 / 심전도 / 혈압 관리를 할 수 있습니다."} />
 
-
-	//병원 진료 기록 등록
-	const hospitalMedicalRecordInsert = () => {
-        if (hospitalMedicalRecordValidation() == false) {
-            return;
-        }
-
-        hospitalMedicalRecord['senior_id'] = targetSenior['senior_id'];
-        hospitalMedicalRecord['agent_id'] = defaultUserId;
-        setHospitalMedicalRecord({...hospitalMedicalRecord});
-
-		fetch("/hospital/hospitalMedicalRecordInsert.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(hospitalMedicalRecord),
-		}).then((response) => response.json()).then((data) => {
-			console.log("병원 진료 기록 등록 결과(건수) : ", data);
-			if (data > 0) {
-                setHospitalMedicalRecordInit();
-                hospitalMedicalRecordSelectList();
-                //closeModal2();
-				alert("등록완료");
-				
-			} else {
-				alert("등록에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('hospitalMedicalRecordInsert() /hospital/hospitalMedicalRecordInsert.json error : ', error);
-		});
-    }
-
-    //병원 진료 기록 수정
-	const hospitalMedicalRecordUpdate = () => {
-        if (hospitalMedicalRecordValidation() == false) {
-            return;
-        }
-
-        hospitalMedicalRecord['senior_id'] = targetSenior['senior_id'];
-        hospitalMedicalRecord['agent_id'] = defaultUserId;
-        setHospitalMedicalRecord({...hospitalMedicalRecord});
-
-		fetch("/hospital/hospitalMedicalRecordUpdate.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(hospitalMedicalRecord),
-		}).then((response) => response.json()).then((data) => {
-			console.log("병원 진료 기록 수정 결과(건수) : ", data);
-			if (data > 0) {
-                setHospitalMedicalRecordInit();
-                hospitalMedicalRecordSelectList();
-                //closeModal2();
-				alert("수정완료");
-			} else {
-				alert("수정에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('hospitalMedicalRecordUpdate() /hospital/hospitalMedicalRecordUpdate.json error : ', error);
-		});
-    }
-
-    //병원 진료 기록 삭제
-	const hospitalMedicalRecordDelete = () => {
-        if (confirm('진료 기록을 삭제하시겠습니까?') == false) {
-            return;
-        }
-
-		fetch("/hospital/hospitalMedicalRecordDelete.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(hospitalMedicalRecord),
-		}).then((response) => response.json()).then((data) => {
-			console.log("병원 진료 기록 삭제 결과(건수) : ", data);
-			if (data > 0) {
-                setHospitalMedicalRecordInit();
-                hospitalMedicalRecordSelectList();
-                //closeModal2();
-				alert("삭제완료");
-			} else {
-				alert("삭제에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('hospitalMedicalRecordDelete() /hospital/hospitalMedicalRecordDelete.json error : ', error);
-		});
-    }
-
-    //초기화 취소
-    const setHospitalMedicalRecordInit = () => {
-        setHospitalMedicalRecord({...hospitalMedicalRecordInit});
-    }
-
-    //병원 진료 기록 정보
-    const [hospitalMedicalRecordList, setHospitalMedicalRecordList] = React.useState({hospitalMedicalRecordList: [], hospitalMedicalRecordListCount:0, search: {currentPage: 1, perPage: 5}});
-    //병원 진료 기록 목록 조회
-	const hospitalMedicalRecordSelectList = (currentPage) => {
-        hospitalMedicalRecordList.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
-        hospitalMedicalRecordList.search['senior_id'] = targetSenior['senior_id'];
-        setHospitalMedicalRecordList({...hospitalMedicalRecordList});
-
-		fetch("/hospital/hospitalMedicalRecordSelectList.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(hospitalMedicalRecordList.search),
-		}).then((response) => response.json()).then((data) => {
-			console.log("병원 진료 기록 목록 조회 결과(건수) : ", data);
-            data.search = hospitalMedicalRecordList.search;
-            setHospitalMedicalRecordList(data);
-		}).catch((error) => {
-			console.log('hospitalMedicalRecordSelectList() /hospital/hospitalMedicalRecordSelectList.json error : ', error);
-		});
-    }
-    /****************** 병원 진료 기록 (종료) ******************/
-
-
-
-    /****************** 심전도 (시작) ******************/
-    const ecgInit = {
-        'senior_id': null,
-        'ecg_record_idx': null,
-        'bradycardia_count': 0,
-        'tachycardia_count': 0,
-        'max_heart_rate': 0.0,
-        'min_heart_rate': 0.0,
-        'abnormal_heart_rate': 0.0,
-        'average_heart_rate': 0.0,
-        'max_rr': 0.0,
-        'min_rr': 0.0,
-        'average_rr': 0.0,
-        'ecg_reading_date': CommonUtil.getDate(),
-        'ecg_finding_type': '',
-        'ecg_finding_content': '',
-        'agent_id': defaultUserId,
-        'medical_record_idx': null,
-        'common_group_file_idx': null,
-        commonFileList: [],//심전도 업로드 파일 목록
-
-        isEdit: false,//직접 수정일 때, true (수정 or 등록 상관없음);
-    };
-    //심전도 정보
-    const [ecg, setEcg] = React.useState({...ecgInit});
-    const ecgRef = React.useRef({...ecgInit});
-
-    //심전도 유효성 검사
-    const ecgValidation = () => {
-        const target = ecg;
-		const targetRef = ecgRef;
-
-		if (CommonUtil.isEmpty(target['ecg_reading_date']) == true) {
-			targetRef.current['ecg_reading_date'].focus();
-			alert("판독 소견 측정 일자를 선택해 주세요.");
-			return false;
-		}
-        if (CommonUtil.isEmpty(target['ecg_finding_type']) == true) {
-			targetRef.current['ecg_finding_type'].focus();
-			alert("판독 소견 측정 종류를 입력해 주세요.");
-			return false;
-		}
-        if (CommonUtil.isEmpty(target['ecg_finding_content']) == true) {
-			targetRef.current['ecg_finding_content'].focus();
-			alert("판독 소견 측정 내용을 입력해 주세요.");
-			return false;
-		}
-        //파일 입력
-		if (target.isEdit == false) {
-            if (CommonUtil.isEmpty(target['commonFileList']) == true) {
-                //targetRef.current['commonFileList'].focus();
-                alert("심전도 측정 파일을 올려주세요.");
-                return false;
-            }
-        } else {//직접 입력
-            if (CommonUtil.isEmpty(target['bradycardia_count']) == true) {
-                targetRef.current['bradycardia_count'].focus();
-                alert("서맥 횟수를 입력해 주세요.");
-                return false;
-            }
-            if (CommonUtil.isEmpty(target['tachycardia_count']) == true) {
-                targetRef.current['tachycardia_count'].focus();
-                alert("빈맥 횟수 입력해 주세요.");
-                return false;
-            }
-            if (CommonUtil.isEmpty(target['max_heart_rate']) == true) {
-                targetRef.current['average_heart_rate'].focus();
-                alert("최대 심박수를 입력해 주세요.");
-                return false;
-            }
-            if (CommonUtil.isEmpty(target['min_heart_rate']) == true) {
-                targetRef.current['average_heart_rate'].focus();
-                alert("최소 심박수를 입력해 주세요.");
-                return false;
-            }
-            if (CommonUtil.isEmpty(target['average_heart_rate']) == true) {
-                targetRef.current['average_heart_rate'].focus();
-                alert("평균 심박수를 입력해 주세요.");
-                return false;
-            }
-            if (CommonUtil.isEmpty(target['abnormal_heart_rate']) == true) {
-                targetRef.current['abnormal_heart_rate'].focus();
-                alert("이상 심박수를 입력해 주세요.");
-                return false;
-            }
-            if (CommonUtil.isEmpty(target['max_rr']) == true) {
-                targetRef.current['max_rr'].focus();
-                alert("최대 R-R를 입력해 주세요.");
-                return false;
-            }
-            if (CommonUtil.isEmpty(target['min_rr']) == true) {
-                targetRef.current['min_rr'].focus();
-                alert("최소 R-R를 입력해 주세요.");
-                return false;
-            }
-            if (CommonUtil.isEmpty(target['average_rr']) == true) {
-                targetRef.current['average_rr'].focus();
-                alert("평균 R-R를 입력해 주세요.");
-                return false;
-            }
-        }
-        
-        return true;
-    }
-
-
-	//심전도 등록
-	const ecgInsert = () => {
-        if (ecgValidation() == false) {
-            return;
-        }
-
-        ecg['senior_id'] = targetSenior['senior_id'];
-        ecg['agent_id'] = defaultUserId;
-        setEcg({...ecg});
-
-		fetch("/hospital/ecgInsert.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(ecg),
-		}).then((response) => response.json()).then((data) => {
-			console.log("심전도 등록 결과(건수) : ", data);
-			if (data > 0) {
-                setEcgInit();
-                ecgSelectList();
-                //closeModal3();
-				alert("등록완료");
-				
-			} else {
-				alert("등록에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('ecgInsert() /hospital/ecgInsert.json error : ', error);
-		});
-    }
-
-    //심전도 수정
-	const ecgUpdate = () => {
-        if (ecgValidation() == false) {
-            return;
-        }
-
-        ecg['senior_id'] = targetSenior['senior_id'];
-        ecg['agent_id'] = defaultUserId;
-        setEcg({...ecg});
-
-		fetch("/hospital/ecgUpdate.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(ecg),
-		}).then((response) => response.json()).then((data) => {
-			console.log("심전도 수정 결과(건수) : ", data);
-			if (data > 0) {
-                setEcgInit();
-                ecg.commonFileList = [];
-                setEcg({...ecg});
-                ecgSelectList();
-                //closeModal3();
-				alert("수정완료");
-			} else {
-				alert("수정에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('ecgUpdate() /hospital/ecgUpdate.json error : ', error);
-		});
-    }
-
-    //심전도 삭제
-	const ecgDelete = () => {
-        if (confirm('심전도 판독 소견을 삭제하시겠습니까?') == false) {
-            return;
-        }
-
-		fetch("/hospital/ecgDelete.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(ecg),
-		}).then((response) => response.json()).then((data) => {
-			console.log("심전도 삭제 결과(건수) : ", data);
-			if (data > 0) {
-                setEcgInit();
-                ecg.commonFileList = [];
-                setEcg({...ecg});
-                ecgSelectList();
-                //closeModal3();
-				alert("삭제완료");
-			} else {
-				alert("삭제에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('ecgDelete() /hospital/ecgDelete.json error : ', error);
-		});
-    }
-
-    //초기화 취소
-    const setEcgInit = () => {
-        setEcg({...ecgInit});
-    }
-
-    //심전도 정보
-    const [ecgList, setEcgList] = React.useState({ecgList: [], ecgListCount:0, search: {currentPage: 1, perPage: 5}});
-    //심전도 목록 조회
-	const ecgSelectList = (currentPage) => {
-        ecgList.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
-        ecgList.search['senior_id'] = targetSenior['senior_id'];
-        setEcgList({...ecgList});
-
-		fetch("/hospital/ecgSelectList.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(ecgList.search),
-		}).then((response) => response.json()).then((data) => {
-			console.log("심전도 목록 조회 결과(건수) : ", data);
-            data.search = ecgList.search;
-            setEcgList(data);
-		}).catch((error) => {
-			console.log('ecgSelectList() /hospital/ecgSelectList.json error : ', error);
-		});
-    }
-    /****************** 심전도 기록 (종료) ******************/
-
-
-
-    /****************** 혈압 (시작) ******************/
-    const bloodPressureInit = {
-        'senior_id': null,
-        'blood_pressure_record_idx': null,
-        'max_blood_pressure': null,
-        'min_blood_pressure': null,
-        'pulse_rate': null,
-        'medical_record_idx': null,
-        'blood_pressure_record_date': CommonUtil.getDate(),
-        'agent_id': defaultUserId
-    };
-    //혈압 정보
-    const [bloodPressure, setBloodPressure] = React.useState({...bloodPressureInit});
-    const bloodPressureRef = React.useRef({...bloodPressureInit});
-
-    //혈압 유효성 검사
-    const bloodPressureValidation = () => {
-        const target = bloodPressure;
-		const targetRef = bloodPressureRef;
-
-		if (CommonUtil.isEmpty(target['blood_pressure_record_date']) == true) {
-			targetRef.current['blood_pressure_record_date'].focus();
-			alert("진료 일자를 선택해 주세요.");
-			return false;
-		}
-		if (CommonUtil.isEmpty(target['max_blood_pressure']) == true) {
-			targetRef.current['max_blood_pressure'].focus();
-			alert("최고 혈압을 입력해 주세요.");
-			return false;
-		}
-        if (CommonUtil.isEmpty(target['min_blood_pressure']) == true) {
-			targetRef.current['min_blood_pressure'].focus();
-			alert("최저 혈압을 입력해 주세요.");
-			return false;
-		}
-        if (CommonUtil.isEmpty(target['pulse_rate']) == true) {
-			targetRef.current['pulse_rate'].focus();
-			alert("맥박수를 입력해 주세요.");
-			return false;
-		}
-
-        return true;
-    }
-
-
-	//혈압 등록
-	const bloodPressureInsert = () => {
-        if (bloodPressureValidation() == false) {
-            return;
-        }
-
-        bloodPressure['senior_id'] = targetSenior['senior_id'];
-        bloodPressure['agent_id'] = defaultUserId;
-        setBloodPressure({...bloodPressure});
-
-		fetch("/hospital/bloodPressureInsert.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(bloodPressure),
-		}).then((response) => response.json()).then((data) => {
-			console.log("혈압 등록 결과(건수) : ", data);
-			if (data > 0) {
-                setBloodPressureInit();
-                bloodPressureSelectList();
-                //closeModal2();
-				alert("등록완료");
-				
-			} else {
-				alert("등록에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('bloodPressureInsert() /hospital/bloodPressureInsert.json error : ', error);
-		});
-    }
-
-    //혈압 수정
-	const bloodPressureUpdate = () => {
-        if (bloodPressureValidation() == false) {
-            return;
-        }
-
-        bloodPressure['senior_id'] = targetSenior['senior_id'];
-        bloodPressure['agent_id'] = defaultUserId;
-        setBloodPressure({...bloodPressure});
-
-		fetch("/hospital/bloodPressureUpdate.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(bloodPressure),
-		}).then((response) => response.json()).then((data) => {
-			console.log("혈압 수정 결과(건수) : ", data);
-			if (data > 0) {
-                setBloodPressureInit();
-                bloodPressureSelectList();
-                //closeModal2();
-				alert("수정완료");
-			} else {
-				alert("수정에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('bloodPressureUpdate() /hospital/bloodPressureUpdate.json error : ', error);
-		});
-    }
-
-    //혈압 삭제
-	const bloodPressureDelete = () => {
-        if (confirm('혈압 측정 정보를 삭제하시겠습니까?') == false) {
-            return;
-        }
-
-		fetch("/hospital/bloodPressureDelete.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(bloodPressure),
-		}).then((response) => response.json()).then((data) => {
-			console.log("혈압 삭제 결과(건수) : ", data);
-			if (data > 0) {
-                setBloodPressureInit();
-                bloodPressureSelectList();
-                //closeModal2();
-				alert("삭제완료");
-			} else {
-				alert("삭제에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('bloodPressureDelete() /hospital/bloodPressureDelete.json error : ', error);
-		});
-    }
-
-    //초기화 취소
-    const setBloodPressureInit = () => {
-        setBloodPressure({...bloodPressureInit});
-    }
-
-    //혈압 정보
-    const [bloodPressureList, setBloodPressureList] = React.useState({bloodPressureList: [], bloodPressureListCount:0, search: {currentPage: 1, perPage: 5}});
-    //혈압 목록 조회
-	const bloodPressureSelectList = (currentPage) => {
-        bloodPressureList.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
-        bloodPressureList.search['senior_id'] = targetSenior['senior_id'];
-        setBloodPressureList({...bloodPressureList});
-
-		fetch("/hospital/bloodPressureSelectList.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(bloodPressureList.search),
-		}).then((response) => response.json()).then((data) => {
-			console.log("혈압 목록 조회 결과(건수) : ", data);
-            data.search = bloodPressureList.search;
-            setBloodPressureList(data);
-		}).catch((error) => {
-			console.log('bloodPressureSelectList() /hospital/bloodPressureSelectList.json error : ', error);
-		});
-    }
-    /****************** 혈압 (종료) ******************/
-
-    React.useEffect(() => {
-        searching();
-    }, []);
-
-
-    //현재 탭 Index
-	const [tabIndex, setTabIndex] = React.useState(0);
-	//탭 초기화
-	const tab = [{
-		title: `문진표관리`,
-		content: (
-			<div>
-				<div className="flex equip-tab">
-					<SubTitle explanation={"돌봄 대상자의 병원 내원 기록 및 문진표를 관리할 수 있습니다."} />
-				</div>
-				<table className={"protector-user"}>
-					<thead>
-						<tr>
-							<th>No</th>
-                            <th>소속기관명</th>
-							<th>이름</th>
-							<th>생년월일</th>
-							<th>성별</th>
-							<th>연락처</th>
-							<th>문진표관리</th>
-                            <th>내원기록관리</th>
-						</tr>
-					</thead>
-					<tbody>
-						{senior.seniorList.map((item, idx) => { return (
-						<tr key={idx}>
-							<td data-label="No">{senior.seniorListCount - idx - (senior.search.currentPage - 1) * senior.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="연락처">{item['user_phonenumber']}</td>
-							<td data-label="문진표관리">
-                                <button className="btn-small gray-btn" onClick={() => openModal(item)}>작성하기</button>
-							</td>
-							<td data-label="내원기록관리">
-								<button className="btn-small gray-btn" onClick={() => openModal2(item)}>작성하기</button>
-							</td>
-						</tr>
-						)})}
-						{CommonUtil.isEmpty(senior.seniorList) ?
-						<tr>
-							<td colSpan={8}>조회된 데이터가 없습니다</td>
-						</tr>  
-						: null}
-					</tbody>
-				</table>
-				<Pagination
-					currentPage={senior.search.currentPage}
-					perPage={senior.search.perPage}
-					totalCount={senior.seniorListCount}
-					maxRange={5}
-					click={seniorSelectList}
-				/>
-			</div>
-		)
-	}, {
-		title: `심전도관리`,
-		content: (
-			<div>
-				<div className="flex equip-tab">
-					<SubTitle explanation={"돌봄 대상자의 심전도 정보를 관리할 수 있습니다."} />
-				</div>
-				<table className={"protector-user"}>
-					<thead>
-						<tr>
-							<th>No</th>
-                            <th>소속기관명</th>
-							<th>이름</th>
-							<th>생년월일</th>
-							<th>성별</th>
-							<th>연락처</th>
-							<th>심전도관리</th>
-						</tr>
-					</thead>
-					<tbody>
-						{senior.seniorList.map((item, idx) => { return (
-						<tr key={idx}>
-							<td data-label="No">{senior.seniorListCount - idx - (senior.search.currentPage - 1) * senior.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="연락처">{item['user_phonenumber']}</td>
-							<td data-label="심전도관리">
-                                <button className="btn-small gray-btn" onClick={() => openModal3(item)}>심전도관리</button>
-							</td>
-						</tr>
-						)})}
-						{CommonUtil.isEmpty(senior.seniorList) ?
-						<tr>
-							<td colSpan={7}>조회된 데이터가 없습니다</td>
-						</tr>  
-						: null}
-					</tbody>
-				</table>
-				<Pagination
-					currentPage={senior.search.currentPage}
-					perPage={senior.search.perPage}
-					totalCount={senior.seniorListCount}
-					maxRange={5}
-					click={seniorSelectList}
-				/>
-			</div>
-		)
-	}, {
-		title: `혈압관리`,
-		content: (
-			<div>
-				<div className="flex equip-tab">
-					<SubTitle explanation={"돌봄 대상자의 혈압 정보를 관리할 수 있습니다."} />
-				</div>
-                <table className={"protector-user"}>
-					<thead>
-						<tr>
-							<th>No</th>
-                            <th>소속기관명</th>
-							<th>이름</th>
-							<th>생년월일</th>
-							<th>성별</th>
-							<th>연락처</th>
-							<th>혈압관리</th>
-						</tr>
-					</thead>
-					<tbody>
-						{senior.seniorList.map((item, idx) => { return (
-						<tr key={idx}>
-							<td data-label="No">{senior.seniorListCount - idx - (senior.search.currentPage - 1) * senior.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="연락처">{item['user_phonenumber']}</td>
-							<td data-label="혈압관리">
-                                <button className="btn-small gray-btn" onClick={() => openModal4(item)}>혈압관리</button>
-							</td>
-						</tr>
-						)})}
-						{CommonUtil.isEmpty(senior.seniorList) ?
-						<tr>
-							<td colSpan={7}>조회된 데이터가 없습니다</td>
-						</tr>  
-						: null}
-					</tbody>
-				</table>
-				<Pagination
-					currentPage={senior.search.currentPage}
-					perPage={senior.search.perPage}
-					totalCount={senior.seniorListCount}
-					maxRange={5}
-					click={seniorSelectList}
-				/>
-			</div>
-		)
-	}];
-
-    return (
-        <main>
-
-            {/* <Modal_Questionnaire open={modalOpen} close={closeModal} /> */}
-            {/* <Modal_MedicalHistory open={modalOpen2} close={closeModal2} /> */}
-            {/* <Modal_ECG open={modalOpen3} close={closeModal3} /> */}
-            {/* <Modal_Blood open={modalOpen4} close={closeModal4} /> */}
-
-            <div className="search-management flex-start margin-bottom2">
-                <select style={{maxWidth: '150px'}}
-                    onChange={(e) => {senior.search.searchType = e.target.value; setSenior({...senior});}}>
-                    <option value="" selected={CommonUtil.isEmpty(senior.search.searchType)}>전체</option>
-                    <option value="user_name" selected={senior.search.searchType == 'user_name'}>이름</option>
-                    <option value="user_id" selected={senior.search.searchType == 'user_id'}>아이디</option>
-                    <option value="user_phonenumber" selected={senior.search.searchType == 'user_phonenumber'}>연락처</option>
-                </select>
-                <input type="text" className="senior-search" value={senior.search.searchText}
-                    onChange={(e) => {senior.search.searchText = e.target.value; setSenior({...senior});}}
-                    onKeyUp={(e) => searchingEnter(e.key)}/>
-                <button className="btn-small gray-btn" onClick={searching}>검색</button>
-            </div>
-
-            <div className="content-wrap">
-                <DetailTitle contentTitle={"대상자의 문진표 / 심전도 / 혈압 관리를 할 수 있습니다."} />
-
-                <div style={{ height: "calc(100% - 61px)" }}>
-                    <div className="right" style={{ height: "100%", }}>
-                        <div style={{ height: "100%" }}>
-                            <div className="tab-container" style={{ marginTop: "5rem"}}>
-                                {/* {CommonUtil.isEmpty(state.loginUser) == false && state.loginUser['authority'] == 'ROLE_AGENCY' ?
+        <div style={{ height: "calc(100% - 61px)" }}>
+          <div className="right" style={{ height: "100%", }}>
+            <div style={{ height: "100%" }}>
+              <div className="tab-container" style={{ marginTop: "5rem" }}>
+                {/* {CommonUtil.isEmpty(state.loginUser) == false && state.loginUser['authority'] == 'ROLE_AGENCY' ?
                                 <div className="flex-end margin-bottom">
                                     <div className="flex searchselect" style={{width: 'auto'}}>
 
@@ -1014,692 +1028,723 @@
                                     </div>
                                 </div>
                                 :null} */}
-                                <ul className="tab-menu flex-end">
-                                    {tab.map((item, idx) => { return (
-                                    <li onClick={() => setTabIndex(idx)} className={idx == tabIndex ? 'active' : null}>
-                                        {item.title}
-                                    </li>
-                                    )})}
-                                </ul>
-                                <div className="content-wrap userlist">                                    
-                                    
-                                    <ul className="tab-content">
-                                        <li>
-                                            {tab[tabIndex].content}
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                <ul className="tab-menu flex-end">
+                  {tab.map((item, idx) => {
+                    return (
+                      <li onClick={() => setTabIndex(idx)} className={idx == tabIndex ? 'active' : null}>
+                        {item.title}
+                      </li>
+                    )
+                  })}
+                </ul>
+                <div className="content-wrap userlist">
+
+                  <ul className="tab-content">
+                    <li>
+                      {tab[tabIndex].content}
+                    </li>
+                  </ul>
                 </div>
+              </div>
             </div>
+          </div>
+        </div>
+      </div>
 
 
-            <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" name="smoke" id="smoke-true"
-                                        checked={questionnaire['smoke_type'] == true}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['smoke_type'] = true;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="smoke-true">예</label>
-                                    <input type="radio" name="smoke" id="smoke-false"
-                                        checked={questionnaire['smoke_type'] == false}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['smoke_type'] = false;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="smoke-false">아니요</label>
-                                </td>              
-                            </tr>
-                            <tr>
-                                <th>음주를 하십니까?</th>
-                                <td className="flex-start">
-                                    <input type="radio" name="drink" id="drink-true"
-                                        checked={questionnaire['drink_type'] == true}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['drink_type'] = true;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="drink-true">예</label>
-                                    <input type="radio" name="drink" id="drink-false"
-                                        checked={questionnaire['drink_type'] == false}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['drink_type'] = false;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="drink-false">아니요</label>
-                                </td>              
-                            </tr>
-                            <tr>
-                                <th>일주일에 운동을 몇회 하십니까?</th>
-                                <td className="flex-start">
-                                    <input type="radio" name="exercise" id="exercise-false"
-                                        checked={questionnaire['exercise_type'] == false}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['exercise_type'] = false;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="exercise-false">안함</label>
+      <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" name="smoke" id="smoke-true"
+                    checked={questionnaire['smoke_type'] == true}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['smoke_type'] = true;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="smoke-true">예</label>
+                  <input type="radio" name="smoke" id="smoke-false"
+                    checked={questionnaire['smoke_type'] == false}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['smoke_type'] = false;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="smoke-false">아니요</label>
+                </td>
+              </tr>
+              <tr>
+                <th>음주를 하십니까?</th>
+                <td className="flex-start">
+                  <input type="radio" name="drink" id="drink-true"
+                    checked={questionnaire['drink_type'] == true}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['drink_type'] = true;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="drink-true">예</label>
+                  <input type="radio" name="drink" id="drink-false"
+                    checked={questionnaire['drink_type'] == false}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['drink_type'] = false;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="drink-false">아니요</label>
+                </td>
+              </tr>
+              <tr>
+                <th>일주일에 운동을 몇회 하십니까?</th>
+                <td className="flex-start">
+                  <input type="radio" name="exercise" id="exercise-false"
+                    checked={questionnaire['exercise_type'] == false}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['exercise_type'] = false;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="exercise-false">안함</label>
 
-                                    <input type="radio" name="exercise" id="exercise-1"
-                                        checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 1}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['exercise_type'] = true;
-                                                questionnaire['weekly_exercise_amount'] = 1;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="exercise-1">1회</label>
+                  <input type="radio" name="exercise" id="exercise-1"
+                    checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 1}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['exercise_type'] = true;
+                        questionnaire['weekly_exercise_amount'] = 1;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="exercise-1">1회</label>
 
-                                    <input type="radio" name="exercise" id="exercise-2"
-                                        checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 2}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['exercise_type'] = true;
-                                                questionnaire['weekly_exercise_amount'] = 2;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="exercise-2">2회</label>
+                  <input type="radio" name="exercise" id="exercise-2"
+                    checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 2}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['exercise_type'] = true;
+                        questionnaire['weekly_exercise_amount'] = 2;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="exercise-2">2회</label>
 
-                                    <input type="radio" name="exercise" id="exercise-3"
-                                        checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 3}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['exercise_type'] = true;
-                                                questionnaire['weekly_exercise_amount'] = 3;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="exercise-3">3회</label>
+                  <input type="radio" name="exercise" id="exercise-3"
+                    checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 3}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['exercise_type'] = true;
+                        questionnaire['weekly_exercise_amount'] = 3;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="exercise-3">3회</label>
 
-                                    <input type="radio" name="exercise" id="exercise-4"
-                                        checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 4}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['exercise_type'] = true;
-                                                questionnaire['weekly_exercise_amount'] = 4;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="exercise-4">4회</label>
+                  <input type="radio" name="exercise" id="exercise-4"
+                    checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 4}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['exercise_type'] = true;
+                        questionnaire['weekly_exercise_amount'] = 4;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="exercise-4">4회</label>
 
-                                    <input type="radio" name="exercise" id="exercise-5"
-                                        checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 5}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['exercise_type'] = true;
-                                                questionnaire['weekly_exercise_amount'] = 5;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="exercise-5">5회</label>
+                  <input type="radio" name="exercise" id="exercise-5"
+                    checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 5}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['exercise_type'] = true;
+                        questionnaire['weekly_exercise_amount'] = 5;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="exercise-5">5회</label>
 
-                                    <input type="radio" name="exercise" id="exercise-6"
-                                        checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 6}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['exercise_type'] = true;
-                                                questionnaire['weekly_exercise_amount'] = 6;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="exercise-6">6회</label>
+                  <input type="radio" name="exercise" id="exercise-6"
+                    checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 6}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['exercise_type'] = true;
+                        questionnaire['weekly_exercise_amount'] = 6;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="exercise-6">6회</label>
 
-                                    <input type="radio" name="exercise" id="exercise-7"
-                                        checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 7}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['exercise_type'] = true;
-                                                questionnaire['weekly_exercise_amount'] = 7;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="exercise-7">매일</label>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th>최근 3개월 동안 갑작스런 체중 변화가 있었습니까?</th>
-                                <td className="flex-start">
-                                    <input type="radio" name="weight" id="weight-up"
-                                        checked={questionnaire['weight_change_amount'] == 1}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['weight_change_amount'] = 1;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="weight-up">예 - 증가</label>
+                  <input type="radio" name="exercise" id="exercise-7"
+                    checked={questionnaire['exercise_type'] == true && questionnaire['weekly_exercise_amount'] == 7}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['exercise_type'] = true;
+                        questionnaire['weekly_exercise_amount'] = 7;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="exercise-7">매일</label>
+                </td>
+              </tr>
+              <tr>
+                <th>최근 3개월 동안 갑작스런 체중 변화가 있었습니까?</th>
+                <td className="flex-start">
+                  <input type="radio" name="weight" id="weight-up"
+                    checked={questionnaire['weight_change_amount'] == 1}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['weight_change_amount'] = 1;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="weight-up">예 - 증가</label>
 
-                                    <input type="radio" name="weight" id="weight-down"
-                                        checked={questionnaire['weight_change_amount'] == -1}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['weight_change_amount'] = -1;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="weight-down">예 - 감소</label>
+                  <input type="radio" name="weight" id="weight-down"
+                    checked={questionnaire['weight_change_amount'] == -1}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['weight_change_amount'] = -1;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="weight-down">예 - 감소</label>
 
-                                    <input type="radio" name="weight" id="weight-false"
-                                        checked={questionnaire['weight_change_amount'] == 0}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['weight_change_amount'] = 0;
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="weight-false">아니요</label>
-                                </td>   
-                            </tr>
-                            <tr>
-                                <th>현재 복용중인 약이 있으면 체크를 해주세요.</th>
-                                <td className="flex-start">
+                  <input type="radio" name="weight" id="weight-false"
+                    checked={questionnaire['weight_change_amount'] == 0}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['weight_change_amount'] = 0;
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="weight-false">아니요</label>
+                </td>
+              </tr>
+              <tr>
+                <th>현재 복용중인 약이 있으면 체크를 해주세요.</th>
+                <td className="flex-start">
 
-                                    <input type="checkbox" name="pills" id="pills-1"
-                                        checked={questionnaire['medication_pill'].indexOf('아스피린(항혈소판제)') > -1}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['medication_pill'] += '아스피린(항혈소판제),';
-                                                setQuestionnaire({...questionnaire});
-                                            } else {
-                                                questionnaire['medication_pill'] = questionnaire['medication_pill'].replace('아스피린(항혈소판제),', '');
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="pills-1">아스피린(항혈소판제)</label>
+                  <input type="checkbox" name="pills" id="pills-1"
+                    checked={questionnaire['medication_pill'].indexOf('아스피린(항혈소판제)') > -1}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['medication_pill'] += '아스피린(항혈소판제),';
+                        setQuestionnaire({ ...questionnaire });
+                      } else {
+                        questionnaire['medication_pill'] = questionnaire['medication_pill'].replace('아스피린(항혈소판제),', '');
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="pills-1">아스피린(항혈소판제)</label>
 
-                                    <input type="checkbox" name="pills" id="pills-2"
-                                        checked={questionnaire['medication_pill'].indexOf('당뇨약') > -1}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['medication_pill'] += '당뇨약,';
-                                                setQuestionnaire({...questionnaire});
-                                            } else {
-                                                questionnaire['medication_pill'] = questionnaire['medication_pill'].replace('당뇨약,', '');
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="pills-2">당뇨약</label>
+                  <input type="checkbox" name="pills" id="pills-2"
+                    checked={questionnaire['medication_pill'].indexOf('당뇨약') > -1}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['medication_pill'] += '당뇨약,';
+                        setQuestionnaire({ ...questionnaire });
+                      } else {
+                        questionnaire['medication_pill'] = questionnaire['medication_pill'].replace('당뇨약,', '');
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="pills-2">당뇨약</label>
 
-                                    <input type="checkbox" name="pills" id="pills-3"
-                                        checked={questionnaire['medication_pill'].indexOf('고혈압약') > -1}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['medication_pill'] += '고혈압약,';
-                                                setQuestionnaire({...questionnaire});
-                                            } else {
-                                                questionnaire['medication_pill'] = questionnaire['medication_pill'].replace('고혈압약,', '');
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="pills-3">고혈압약</label>
+                  <input type="checkbox" name="pills" id="pills-3"
+                    checked={questionnaire['medication_pill'].indexOf('고혈압약') > -1}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['medication_pill'] += '고혈압약,';
+                        setQuestionnaire({ ...questionnaire });
+                      } else {
+                        questionnaire['medication_pill'] = questionnaire['medication_pill'].replace('고혈압약,', '');
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="pills-3">고혈압약</label>
 
-                                    <input type="checkbox" name="pills" id="pills-etc"
-                                        checked={questionnaire['medication_pill'].indexOf('기타「」,') > -1}
-                                        onChange={(e) => {
-                                            if (e.target.checked) {
-                                                questionnaire['medication_pill'] += '기타「」,';
-                                                setQuestionnaire({...questionnaire});
-                                            } else {
-                                                questionnaire['medication_pill'] = questionnaire['medication_pill'].replace('기타「」,', '');
-                                                questionnaire['medication_pill_etc'] = '';
-                                                setQuestionnaire({...questionnaire});
-                                            }}
-                                        }
-                                    />
-                                    <label for="pills-etc">기타</label>
-                                    <input type="text" style={{width: 'max-content', marginLeft: '1rem'}}
-                                        disabled={questionnaire['medication_pill'].indexOf('기타「」,') == -1}
-                                        value={questionnaire['medication_pill_etc']}
-                                        onChange={(e) => {
-                                            questionnaire['medication_pill_etc'] = e.target.value;
-                                            setQuestionnaire({...questionnaire});
-                                        }}
-                                    />
+                  <input type="checkbox" name="pills" id="pills-etc"
+                    checked={questionnaire['medication_pill'].indexOf('기타「」,') > -1}
+                    onChange={(e) => {
+                      if (e.target.checked) {
+                        questionnaire['medication_pill'] += '기타「」,';
+                        setQuestionnaire({ ...questionnaire });
+                      } else {
+                        questionnaire['medication_pill'] = questionnaire['medication_pill'].replace('기타「」,', '');
+                        questionnaire['medication_pill_etc'] = '';
+                        setQuestionnaire({ ...questionnaire });
+                      }
+                    }
+                    }
+                  />
+                  <label for="pills-etc">기타</label>
+                  <input type="text" style={{ width: 'max-content', marginLeft: '1rem' }}
+                    disabled={questionnaire['medication_pill'].indexOf('기타「」,') == -1}
+                    value={questionnaire['medication_pill_etc']}
+                    onChange={(e) => {
+                      questionnaire['medication_pill_etc'] = e.target.value;
+                      setQuestionnaire({ ...questionnaire });
+                    }}
+                  />
 
-                                </td>              
-                            </tr>
-                        </table>
-                    </div>
-                    <div className="flex-center">
-                        {CommonUtil.isEmpty(questionnaire['questionnaire_record_idx'])
-                            ? <button className="btn-small red-btn" onClick={questionnaireInsert}>저장</button>
-                            : <button className="btn-small red-btn" onClick={questionnaireUpdate}>저장</button>
-                        }
-                    </div>
-                </div>
-			</Modal>
+                </td>
+              </tr>
+            </table>
+          </div>
+          <div className="flex-center">
+            {CommonUtil.isEmpty(questionnaire['questionnaire_record_idx'])
+              ? <button className="btn-small red-btn" onClick={questionnaireInsert}>저장</button>
+              : <button className="btn-small red-btn" onClick={questionnaireUpdate}>저장</button>
+            }
+          </div>
+        </div>
+      </Modal>
 
 
-            <Modal open={modalOpen2} close={closeModal2} header="내원기록 관리 및 조회">
-                <div className="board-wrap">
-                    <table className="margin-bottom2 senior-insert ">
-                        <tr>
-                            <th>진료 일자</th>
-                            <td>
-                                <input type="date"
-                                    value={hospitalMedicalRecord['medical_date']}
-                                    onChange={(e) => {
-                                        hospitalMedicalRecord['medical_date'] = e.target.value;
-                                        setHospitalMedicalRecord({...hospitalMedicalRecord});
-                                    }}
-                                    ref={el => hospitalMedicalRecordRef.current['medical_date'] = el}
-                                />
-                            </td>              
-                        </tr>
-                        <tr>
-                            <th>진료 사유</th>
-                            <td className="flex-start ">
-                                <input type="text"
-                                    value={hospitalMedicalRecord['medical_reason']}
-                                    onChange={(e) => {
-                                        hospitalMedicalRecord['medical_reason'] = e.target.value;
-                                        setHospitalMedicalRecord({...hospitalMedicalRecord});
-                                    }}
-                                    ref={el => hospitalMedicalRecordRef.current['medical_reason'] = el}
-                                />
-                            </td>              
-                        </tr>
-                        <tr>
-                            <th>진료 내용</th>
-                            <td colSpan={3}>
-                                <textarea className="medicine" cols="30" rows="2"
-                                    value={hospitalMedicalRecord['medical_content']}
-                                    onChange={(e) => {
-                                        hospitalMedicalRecord['medical_content'] = e.target.value;
-                                        setHospitalMedicalRecord({...hospitalMedicalRecord});
-                                    }}
-                                    ref={el => hospitalMedicalRecordRef.current['medical_content'] = el}
-                                ></textarea>
-                            </td>
-                        </tr>         
-                    </table>
-                    <div className="btn-wrap flex-center margin-bottom5">
-                        {CommonUtil.isEmpty(hospitalMedicalRecord['medical_record_idx'])
-                            ? <button className="btn-small red-btn" onClick={hospitalMedicalRecordInsert}>등록</button>
-                            
-                            : <>
-                                <button className="btn-small gray-btn" onClick={setHospitalMedicalRecordInit}>수정취소</button>
-                                <button className="btn-small red-btn" onClick={hospitalMedicalRecordUpdate}>수정</button>
-                                <button className="btn-small red-btn" onClick={hospitalMedicalRecordDelete}>삭제</button>
-                            </>
-                        }
-                    </div>
-                    <div>
-                        <table className="caregiver-user senior-insert  senior-table">
-                            <thead>
-                                <tr>
-                                    <th>No</th>
-                                    <th>진료 일자</th>
-                                    <th>진료 사유</th>
-                                    <th>진료 내용</th>
-                                    <th>기록 작성자</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                {hospitalMedicalRecordList.hospitalMedicalRecordList.map((item, idx) => { return (
-                                <tr key={idx} onClick={() => {setHospitalMedicalRecord(item)}}>
-                                    <td data-label="No">{hospitalMedicalRecordList.hospitalMedicalRecordListCount - idx - (hospitalMedicalRecordList.search.currentPage - 1) * hospitalMedicalRecordList.search.perPage}</td>
-                                    <td data-label="진료 일자">{item['medical_date']}</td>
-                                    <td data-label="진료 내용">{item['medical_reason']}</td>
-                                    <td data-label="진료 사유">{item['medical_content']}</td>
-                                    <td data-label="기록 작성자">{item['insert_user_name']}</td>
-                                </tr>
-                                )})}
-                                {CommonUtil.isEmpty(hospitalMedicalRecordList.hospitalMedicalRecordList) ?
-                                <tr>
-                                    <td colSpan={5}>조회된 데이터가 없습니다</td>
-                                </tr>  
-                                : null}
-                            </tbody>
-                        </table>
-                        <Pagination
-                            currentPage={hospitalMedicalRecordList.search.currentPage}
-                            perPage={hospitalMedicalRecordList.search.perPage}
-                            totalCount={hospitalMedicalRecordList.hospitalMedicalRecordListCount}
-                            maxRange={5}
-                            click={hospitalMedicalRecordSelectList}
-                        />
-                    </div>
-                </div>
-            </Modal>
+      <Modal open={modalOpen2} close={closeModal2} header="내원기록 관리 및 조회">
+        <div className="board-wrap">
+          <table className="margin-bottom2 senior-insert ">
+            <tr>
+              <th>진료 일자</th>
+              <td>
+                <input type="date"
+                  onKeyDown={function (e) { e.preventDefault() }}
+                  value={hospitalMedicalRecord['medical_date']}
+                  onChange={(e) => {
+                    hospitalMedicalRecord['medical_date'] = e.target.value;
+                    setHospitalMedicalRecord({ ...hospitalMedicalRecord });
+                  }}
+                  ref={el => hospitalMedicalRecordRef.current['medical_date'] = el}
+                />
+              </td>
+            </tr>
+            <tr>
+              <th>진료 사유</th>
+              <td className="flex-start ">
+                <input type="text"
+                  value={hospitalMedicalRecord['medical_reason']}
+                  onChange={(e) => {
+                    hospitalMedicalRecord['medical_reason'] = e.target.value;
+                    setHospitalMedicalRecord({ ...hospitalMedicalRecord });
+                  }}
+                  ref={el => hospitalMedicalRecordRef.current['medical_reason'] = el}
+                />
+              </td>
+            </tr>
+            <tr>
+              <th>진료 내용</th>
+              <td colSpan={3}>
+                <textarea className="medicine" cols="30" rows="2"
+                  value={hospitalMedicalRecord['medical_content']}
+                  onChange={(e) => {
+                    hospitalMedicalRecord['medical_content'] = e.target.value;
+                    setHospitalMedicalRecord({ ...hospitalMedicalRecord });
+                  }}
+                  ref={el => hospitalMedicalRecordRef.current['medical_content'] = el}
+                ></textarea>
+              </td>
+            </tr>
+          </table>
+          <div className="btn-wrap flex-center margin-bottom5">
+            {CommonUtil.isEmpty(hospitalMedicalRecord['medical_record_idx'])
+              ? <button className="btn-small red-btn" onClick={hospitalMedicalRecordInsert}>등록</button>
+
+              : <>
+                <button className="btn-small gray-btn" onClick={setHospitalMedicalRecordInit}>수정취소</button>
+                <button className="btn-small red-btn" onClick={hospitalMedicalRecordUpdate}>수정</button>
+                <button className="btn-small red-btn" onClick={hospitalMedicalRecordDelete}>삭제</button>
+              </>
+            }
+          </div>
+          <div>
+            <table className="caregiver-user senior-insert  senior-table">
+              <thead>
+                <tr>
+                  <th>No</th>
+                  <th>진료 일자</th>
+                  <th>진료 사유</th>
+                  <th>진료 내용</th>
+                  <th>기록 작성자</th>
+                </tr>
+              </thead>
+              <tbody>
+                {hospitalMedicalRecordList.hospitalMedicalRecordList.map((item, idx) => {
+                  return (
+                    <tr key={idx} onClick={() => { setHospitalMedicalRecord(item) }}>
+                      <td data-label="No">{hospitalMedicalRecordList.hospitalMedicalRecordListCount - idx - (hospitalMedicalRecordList.search.currentPage - 1) * hospitalMedicalRecordList.search.perPage}</td>
+                      <td data-label="진료 일자">{item['medical_date']}</td>
+                      <td data-label="진료 내용">{item['medical_reason']}</td>
+                      <td data-label="진료 사유">{item['medical_content']}</td>
+                      <td data-label="기록 작성자">{item['insert_user_name']}</td>
+                    </tr>
+                  )
+                })}
+                {CommonUtil.isEmpty(hospitalMedicalRecordList.hospitalMedicalRecordList) ?
+                  <tr>
+                    <td colSpan={5}>조회된 데이터가 없습니다</td>
+                  </tr>
+                  : null}
+              </tbody>
+            </table>
+            <Pagination
+              currentPage={hospitalMedicalRecordList.search.currentPage}
+              perPage={hospitalMedicalRecordList.search.perPage}
+              totalCount={hospitalMedicalRecordList.hospitalMedicalRecordListCount}
+              maxRange={5}
+              click={hospitalMedicalRecordSelectList}
+            />
+          </div>
+        </div>
+      </Modal>
 
 
-            <Modal open={modalOpen3} close={closeModal3} header="심전도판독소견 관리 및 조회">
-                <div className="board-wrap">
-                    <table className="margin-bottom2 senior-insert ">
-                        <tr>
-                            <th>측정 일자</th>
-                            <td colSpan={5}>
-                                <input type="date" value={ecg['ecg_reading_date']}
-                                    onChange={(e) => {
-                                        ecg['ecg_reading_date'] = e.target.value;
-                                        setEcg({...ecg});
-                                    }}
-                                    ref={el => ecgRef.current['ecg_reading_date'] = el}
-                                />
-                            </td>              
-                        </tr>
-                        <tr>
-                            <th>판독 소견 종류</th>
-                            <td colSpan={5}>
-                                <input type="text" value={ecg['ecg_finding_type']}
-                                    onChange={(e) => {
-                                        ecg['ecg_finding_type'] = e.target.value;
-                                        setEcg({...ecg});
-                                    }}
-                                    ref={el => ecgRef.current['ecg_finding_type'] = el}
-                                />
-                            </td>              
-                        </tr>
-                        <tr>
-                            <th>판독 소견 내용</th>
-                            <td colSpan={5}>
-                                <textarea className="medicine" cols="30" rows="2"
-                                    value={ecg['ecg_finding_content']}
-                                    onChange={(e) => {
-                                        ecg['ecg_finding_content'] = e.target.value;
-                                        setEcg({...ecg});
-                                    }}
-                                    ref={el => ecgRef.current['ecg_finding_content'] = el}
-                                ></textarea>
-                            </td>              
-                        </tr>
-                        {ecg.isEdit == false
-                        ? <tr>
-                            <th>측정 파일</th>
-                            <td colSpan={5}>
-                                <CommonFile commonFileList={ecg['commonFileList']} multiple={false} accept={'.dat, .ecg'}/>
-                            </td>              
-                        </tr>
-                        : <>
-                            <tr>
-                                <th>서맥 횟수</th>
-                                <td>
-                                    <input type="number" value={ecg['bradycardia_count']}
-                                        onChange={(e) => {
-                                            ecg['bradycardia_count'] = e.target.value;
-                                            setEcg({...ecg});
-                                        }}
-                                        ref={el => ecgRef.current['bradycardia_count'] = el}
-                                    />
-                                </td>
-                                <th>빈맥 횟수</th>
-                                <td>
-                                    <input type="number" value={ecg['tachycardia_count']}
-                                        onChange={(e) => {
-                                            ecg['tachycardia_count'] = e.target.value;
-                                            setEcg({...ecg});
-                                        }}
-                                        ref={el => ecgRef.current['tachycardia_count'] = el}
-                                    />
-                                </td>
-                                <th>이상 심박수</th>
-                                <td>
-                                    <input type="number" value={ecg['abnormal_heart_rate']}
-                                        onChange={(e) => {
-                                            ecg['abnormal_heart_rate'] = e.target.value;
-                                            setEcg({...ecg});
-                                        }}
-                                        ref={el => ecgRef.current['abnormal_heart_rate'] = el}
-                                    />
-                                </td>
-                            </tr>
-                            <tr>
-                                <th>최대 심박수</th>
-                                <td>
-                                    <input type="number" value={ecg['max_heart_rate']}
-                                        onChange={(e) => {
-                                            ecg['max_heart_rate'] = e.target.value;
-                                            setEcg({...ecg});
-                                        }}
-                                        ref={el => ecgRef.current['max_heart_rate'] = el}
-                                    />
-                                </td>
-                                <th>최소 심박수</th>
-                                <td>
-                                    <input type="number" value={ecg['min_heart_rate']}
-                                        onChange={(e) => {
-                                            ecg['min_heart_rate'] = e.target.value;
-                                            setEcg({...ecg});
-                                        }}
-                                        ref={el => ecgRef.current['min_heart_rate'] = el}
-                                    />
-                                </td>
-                                <th>평균 심박수</th>
-                                <td>
-                                    <input type="number" value={ecg['average_heart_rate']}
-                                        onChange={(e) => {
-                                            ecg['average_heart_rate'] = e.target.value;
-                                            setEcg({...ecg});
-                                        }}
-                                        ref={el => ecgRef.current['average_heart_rate'] = el}
-                                    />
-                                </td>
-                            </tr>
-                            <tr>
-                                <th>최대 R-R</th>
-                                <td>
-                                    <input type="number" value={ecg['max_rr']}
-                                        onChange={(e) => {
-                                            ecg['max_rr'] = e.target.value;
-                                            setEcg({...ecg});
-                                        }}
-                                        ref={el => ecgRef.current['max_rr'] = el}
-                                    />
-                                </td>
-                                <th>최소 R-R</th>
-                                <td>
-                                    <input type="number" value={ecg['min_rr']}
-                                        onChange={(e) => {
-                                            ecg['min_rr'] = e.target.value;
-                                            setEcg({...ecg});
-                                        }}
-                                        ref={el => ecgRef.current['min_rr'] = el}
-                                    />
-                                </td>
-                                <th>평균 R-R</th>
-                                <td>
-                                    <input type="number" value={ecg['average_rr']}
-                                        onChange={(e) => {
-                                            ecg['average_rr'] = e.target.value;
-                                            setEcg({...ecg});
-                                        }}
-                                        ref={el => ecgRef.current['average_rr'] = el}
-                                    />
-                                </td>
-                            </tr>
-                        </>}
-                    </table>
-                    <div className="btn-wrap flex-center margin-bottom5">
-                        {CommonUtil.isEmpty(ecg['ecg_record_idx'])
-                            ? <button className="btn-small red-btn" onClick={ecgInsert}>등록</button>
-                            : <>
-                                <button className="btn-small gray-btn" onClick={setEcgInit}>수정취소</button>
-                                <button className="btn-small red-btn" onClick={ecgUpdate}>수정</button>
-                                <button className="btn-small red-btn" onClick={ecgDelete}>삭제</button>
-                            </>
-                        }
-                    </div>
-                    <div>
-                        <table className="caregiver-user senior-table">
-                            <thead>
-                                <tr>
-                                    <th>No</th>
-                                    <th>소견 작성 일자</th>
-                                    <th>판독 소견 종류</th>
-                                    <th>소견 작성자</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                {ecgList.ecgList.map((item, idx) => { return (
-                                <tr key={idx} onClick={() => {item.isEdit = false; setEcg(item);}}>
-                                    <td data-label="No">{ecgList.ecgListCount - idx - (ecgList.search.currentPage - 1) * ecgList.search.perPage}</td>
-                                    <td data-label="소견 작성 일자">{item['ecg_reading_date']}</td>
-                                    <td data-label="판독 소견 종류">{item['ecg_finding_type']}</td>
-                                    <td data-label="소견 작성자">{item['insert_user_name']}</td>
-                                </tr>
-                                )})}
-                                {CommonUtil.isEmpty(ecgList.ecgList) ?
-                                <tr>
-                                    <td colSpan={4}>조회된 데이터가 없습니다</td>
-                                </tr>  
-                                : null}
-                            </tbody>
-                        </table>
-                        <Pagination
-                            currentPage={ecgList.search.currentPage}
-                            perPage={ecgList.search.perPage}
-                            totalCount={ecgList.ecgListCount}
-                            maxRange={5}
-                            click={ecgSelectList}
-                        />
-                    </div>
-                </div>
-            </Modal>
+      <Modal open={modalOpen3} close={closeModal3} header="심전도판독소견 관리 및 조회">
+        <div className="board-wrap">
+          <table className="margin-bottom2 senior-insert ">
+            <tr>
+              <th>측정 일자</th>
+              <td colSpan={5}>
+                <input type="date"
+                  onKeyDown={function (e) { e.preventDefault() }}
+                  value={ecg['ecg_reading_date']}
+                  onChange={(e) => {
+                    ecg['ecg_reading_date'] = e.target.value;
+                    setEcg({ ...ecg });
+                  }}
+                  ref={el => ecgRef.current['ecg_reading_date'] = el}
+                />
+              </td>
+            </tr>
+            <tr>
+              <th>판독 소견 종류</th>
+              <td colSpan={5}>
+                <input type="text" value={ecg['ecg_finding_type']}
+                  onChange={(e) => {
+                    ecg['ecg_finding_type'] = e.target.value;
+                    setEcg({ ...ecg });
+                  }}
+                  ref={el => ecgRef.current['ecg_finding_type'] = el}
+                />
+              </td>
+            </tr>
+            <tr>
+              <th>판독 소견 내용</th>
+              <td colSpan={5}>
+                <textarea className="medicine" cols="30" rows="2"
+                  value={ecg['ecg_finding_content']}
+                  onChange={(e) => {
+                    ecg['ecg_finding_content'] = e.target.value;
+                    setEcg({ ...ecg });
+                  }}
+                  ref={el => ecgRef.current['ecg_finding_content'] = el}
+                ></textarea>
+              </td>
+            </tr>
+            {ecg.isEdit == false
+              ? <tr>
+                <th>측정 파일</th>
+                <td colSpan={5}>
+                  <CommonFile commonFileList={ecg['commonFileList']} multiple={false} accept={'.dat, .ecg'} />
+                </td>
+              </tr>
+              : <>
+                <tr>
+                  <th>서맥 횟수</th>
+                  <td>
+                    <input type="number" value={ecg['bradycardia_count']}
+                      onChange={(e) => {
+                        ecg['bradycardia_count'] = e.target.value;
+                        setEcg({ ...ecg });
+                      }}
+                      ref={el => ecgRef.current['bradycardia_count'] = el}
+                    />
+                  </td>
+                  <th>빈맥 횟수</th>
+                  <td>
+                    <input type="number" value={ecg['tachycardia_count']}
+                      onChange={(e) => {
+                        ecg['tachycardia_count'] = e.target.value;
+                        setEcg({ ...ecg });
+                      }}
+                      ref={el => ecgRef.current['tachycardia_count'] = el}
+                    />
+                  </td>
+                  <th>이상 심박수</th>
+                  <td>
+                    <input type="number" value={ecg['abnormal_heart_rate']}
+                      onChange={(e) => {
+                        ecg['abnormal_heart_rate'] = e.target.value;
+                        setEcg({ ...ecg });
+                      }}
+                      ref={el => ecgRef.current['abnormal_heart_rate'] = el}
+                    />
+                  </td>
+                </tr>
+                <tr>
+                  <th>최대 심박수</th>
+                  <td>
+                    <input type="number" value={ecg['max_heart_rate']}
+                      onChange={(e) => {
+                        ecg['max_heart_rate'] = e.target.value;
+                        setEcg({ ...ecg });
+                      }}
+                      ref={el => ecgRef.current['max_heart_rate'] = el}
+                    />
+                  </td>
+                  <th>최소 심박수</th>
+                  <td>
+                    <input type="number" value={ecg['min_heart_rate']}
+                      onChange={(e) => {
+                        ecg['min_heart_rate'] = e.target.value;
+                        setEcg({ ...ecg });
+                      }}
+                      ref={el => ecgRef.current['min_heart_rate'] = el}
+                    />
+                  </td>
+                  <th>평균 심박수</th>
+                  <td>
+                    <input type="number" value={ecg['average_heart_rate']}
+                      onChange={(e) => {
+                        ecg['average_heart_rate'] = e.target.value;
+                        setEcg({ ...ecg });
+                      }}
+                      ref={el => ecgRef.current['average_heart_rate'] = el}
+                    />
+                  </td>
+                </tr>
+                <tr>
+                  <th>최대 R-R</th>
+                  <td>
+                    <input type="number" value={ecg['max_rr']}
+                      onChange={(e) => {
+                        ecg['max_rr'] = e.target.value;
+                        setEcg({ ...ecg });
+                      }}
+                      ref={el => ecgRef.current['max_rr'] = el}
+                    />
+                  </td>
+                  <th>최소 R-R</th>
+                  <td>
+                    <input type="number" value={ecg['min_rr']}
+                      onChange={(e) => {
+                        ecg['min_rr'] = e.target.value;
+                        setEcg({ ...ecg });
+                      }}
+                      ref={el => ecgRef.current['min_rr'] = el}
+                    />
+                  </td>
+                  <th>평균 R-R</th>
+                  <td>
+                    <input type="number" value={ecg['average_rr']}
+                      onChange={(e) => {
+                        ecg['average_rr'] = e.target.value;
+                        setEcg({ ...ecg });
+                      }}
+                      ref={el => ecgRef.current['average_rr'] = el}
+                    />
+                  </td>
+                </tr>
+              </>}
+          </table>
+          <div className="btn-wrap flex-center margin-bottom5">
+            {CommonUtil.isEmpty(ecg['ecg_record_idx'])
+              ? <button className="btn-small red-btn" onClick={ecgInsert}>등록</button>
+              : <>
+                <button className="btn-small gray-btn" onClick={setEcgInit}>수정취소</button>
+                <button className="btn-small red-btn" onClick={ecgUpdate}>수정</button>
+                <button className="btn-small red-btn" onClick={ecgDelete}>삭제</button>
+              </>
+            }
+          </div>
+          <div>
+            <table className="caregiver-user senior-table">
+              <thead>
+                <tr>
+                  <th>No</th>
+                  <th>소견 작성 일자</th>
+                  <th>판독 소견 종류</th>
+                  <th>소견 작성자</th>
+                </tr>
+              </thead>
+              <tbody>
+                {ecgList.ecgList.map((item, idx) => {
+                  return (
+                    <tr key={idx} onClick={() => { item.isEdit = false; setEcg(item); }}>
+                      <td data-label="No">{ecgList.ecgListCount - idx - (ecgList.search.currentPage - 1) * ecgList.search.perPage}</td>
+                      <td data-label="소견 작성 일자">{item['ecg_reading_date']}</td>
+                      <td data-label="판독 소견 종류">{item['ecg_finding_type']}</td>
+                      <td data-label="소견 작성자">{item['insert_user_name']}</td>
+                    </tr>
+                  )
+                })}
+                {CommonUtil.isEmpty(ecgList.ecgList) ?
+                  <tr>
+                    <td colSpan={4}>조회된 데이터가 없습니다</td>
+                  </tr>
+                  : null}
+              </tbody>
+            </table>
+            <Pagination
+              currentPage={ecgList.search.currentPage}
+              perPage={ecgList.search.perPage}
+              totalCount={ecgList.ecgListCount}
+              maxRange={5}
+              click={ecgSelectList}
+            />
+          </div>
+        </div>
+      </Modal>
 
 
-            <Modal open={modalOpen4} close={closeModal4} header="혈압측정결과 관리 및 조회">
-                <div className="board-wrap">
-                    <table className="margin-bottom2 senior-insert ">
-                        <tr>
-                            <th>측정일자</th>
-                            <td>
-                                <input type="date" value={bloodPressure['blood_pressure_record_date']}
-                                    onChange={(e) => {
-                                        bloodPressure['blood_pressure_record_date'] = e.target.value;
-                                        setBloodPressure({...bloodPressure});
-                                    }}
-                                    ref={el => bloodPressureRef.current['blood_pressure_record_date'] = el}
-                                />
-                            </td>              
-                        </tr>
-                        <tr>
-                            <th>최고혈압</th>
-                            <td>
-                                <input type="number" value={bloodPressure['max_blood_pressure']}
-                                    onChange={(e) => {
-                                        bloodPressure['max_blood_pressure'] = e.target.value;
-                                        setBloodPressure({...bloodPressure});
-                                    }}
-                                    ref={el => bloodPressureRef.current['max_blood_pressure'] = el}
-                                />
-                            </td>         
-                        </tr>
-                        <tr>
-                            <th>최저혈압</th>
-                            <td>
-                                <input type="number" value={bloodPressure['min_blood_pressure']}
-                                    onChange={(e) => {
-                                        bloodPressure['min_blood_pressure'] = e.target.value;
-                                        setBloodPressure({...bloodPressure});
-                                    }}
-                                    ref={el => bloodPressureRef.current['min_blood_pressure'] = el}
-                                />
-                            </td>
-                        </tr>
-                        <tr>
-                            <th>맥박수</th>
-                            <td>
-                                <input type="number" value={bloodPressure['pulse_rate']}
-                                    onChange={(e) => {
-                                        bloodPressure['pulse_rate'] = e.target.value;
-                                        setBloodPressure({...bloodPressure});
-                                    }}
-                                    ref={el => bloodPressureRef.current['pulse_rate'] = el}
-                                />
-                            </td>
-                        </tr>      
-                    </table>
-                    <div className="btn-wrap flex-center margin-bottom5">
-                        {CommonUtil.isEmpty(bloodPressure['blood_pressure_record_idx'])
-                            ? <button className="btn-small red-btn" onClick={bloodPressureInsert}>등록</button>
-                            : <>
-                                <button className="btn-small gray-btn" onClick={setBloodPressureInit}>수정취소</button>
-                                <button className="btn-small red-btn" onClick={bloodPressureUpdate}>수정</button>
-                                <button className="btn-small red-btn" onClick={bloodPressureDelete}>삭제</button>
-                            </>
-                        }
-                    </div>
-                    <div>
-                        <table className="caregiver-user senior-insert  senior-table">
-                            <thead>
-                                <tr>
-                                    <th>No</th>
-                                    <th>기록 작성일</th>
-                                    <th>최고 혈압</th>
-                                    <th>최저 혈압</th>
-                                    <th>맥박수</th>
-                                    <th>기록 작성자</th>
-                                </tr>
-                            </thead>
-                            <tbody>
-                                {bloodPressureList.bloodPressureList.map((item, idx) => { return (
-                                <tr key={idx} onClick={() => {setBloodPressure(item);}}>
-                                    <td data-label="No">{bloodPressureList.bloodPressureListCount - idx - (bloodPressureList.search.currentPage - 1) * bloodPressureList.search.perPage}</td>
-                                    <td data-label="기록 작성일">{item['blood_pressure_record_date']}</td>
-                                    <td data-label="최고 혈압">{item['max_blood_pressure']}</td>
-                                    <td data-label="최저 혈압">{item['min_blood_pressure']}</td>
-                                    <td data-label="맥박수">{item['pulse_rate']}</td>
-                                    <td data-label="기록 작성자">{item['insert_user_name']}</td>
-                                </tr>
-                                )})}
-                                {CommonUtil.isEmpty(bloodPressureList.bloodPressureList) ?
-                                <tr>
-                                    <td colSpan={6}>조회된 데이터가 없습니다</td>
-                                </tr>  
-                                : null}
-                            </tbody>
-                        </table>
-                        <Pagination
-                            currentPage={bloodPressureList.search.currentPage}
-                            perPage={bloodPressureList.search.perPage}
-                            totalCount={bloodPressureList.bloodPressureListCount}
-                            maxRange={5}
-                            click={bloodPressureSelectList}
-                        />
-                    </div>
-                </div>
-            </Modal>
-
-        </main>
-    );
+      <Modal open={modalOpen4} close={closeModal4} header="혈압측정결과 관리 및 조회">
+        <div className="board-wrap">
+          <table className="margin-bottom2 senior-insert ">
+            <tr>
+              <th>측정일자</th>
+              <td>
+                <input type="date"
+                  onKeyDown={function (e) { e.preventDefault() }}
+                  value={bloodPressure['blood_pressure_record_date']}
+                  onChange={(e) => {
+                    bloodPressure['blood_pressure_record_date'] = e.target.value;
+                    setBloodPressure({ ...bloodPressure });
+                  }}
+                  ref={el => bloodPressureRef.current['blood_pressure_record_date'] = el}
+                />
+              </td>
+            </tr>
+            <tr>
+              <th>최고혈압</th>
+              <td>
+                <input type="number" value={bloodPressure['max_blood_pressure']}
+                  onChange={(e) => {
+                    bloodPressure['max_blood_pressure'] = e.target.value;
+                    setBloodPressure({ ...bloodPressure });
+                  }}
+                  ref={el => bloodPressureRef.current['max_blood_pressure'] = el}
+                />
+              </td>
+            </tr>
+            <tr>
+              <th>최저혈압</th>
+              <td>
+                <input type="number" value={bloodPressure['min_blood_pressure']}
+                  onChange={(e) => {
+                    bloodPressure['min_blood_pressure'] = e.target.value;
+                    setBloodPressure({ ...bloodPressure });
+                  }}
+                  ref={el => bloodPressureRef.current['min_blood_pressure'] = el}
+                />
+              </td>
+            </tr>
+            <tr>
+              <th>맥박수</th>
+              <td>
+                <input type="number" value={bloodPressure['pulse_rate']}
+                  onChange={(e) => {
+                    bloodPressure['pulse_rate'] = e.target.value;
+                    setBloodPressure({ ...bloodPressure });
+                  }}
+                  ref={el => bloodPressureRef.current['pulse_rate'] = el}
+                />
+              </td>
+            </tr>
+          </table>
+          <div className="btn-wrap flex-center margin-bottom5">
+            {CommonUtil.isEmpty(bloodPressure['blood_pressure_record_idx'])
+              ? <button className="btn-small red-btn" onClick={bloodPressureInsert}>등록</button>
+              : <>
+                <button className="btn-small gray-btn" onClick={setBloodPressureInit}>수정취소</button>
+                <button className="btn-small red-btn" onClick={bloodPressureUpdate}>수정</button>
+                <button className="btn-small red-btn" onClick={bloodPressureDelete}>삭제</button>
+              </>
+            }
+          </div>
+          <div>
+            <table className="caregiver-user senior-insert  senior-table">
+              <thead>
+                <tr>
+                  <th>No</th>
+                  <th>기록 작성일</th>
+                  <th>최고 혈압</th>
+                  <th>최저 혈압</th>
+                  <th>맥박수</th>
+                  <th>기록 작성자</th>
+                </tr>
+              </thead>
+              <tbody>
+                {bloodPressureList.bloodPressureList.map((item, idx) => {
+                  return (
+                    <tr key={idx} onClick={() => { setBloodPressure(item); }}>
+                      <td data-label="No">{bloodPressureList.bloodPressureListCount - idx - (bloodPressureList.search.currentPage - 1) * bloodPressureList.search.perPage}</td>
+                      <td data-label="기록 작성일">{item['blood_pressure_record_date']}</td>
+                      <td data-label="최고 혈압">{item['max_blood_pressure']}</td>
+                      <td data-label="최저 혈압">{item['min_blood_pressure']}</td>
+                      <td data-label="맥박수">{item['pulse_rate']}</td>
+                      <td data-label="기록 작성자">{item['insert_user_name']}</td>
+                    </tr>
+                  )
+                })}
+                {CommonUtil.isEmpty(bloodPressureList.bloodPressureList) ?
+                  <tr>
+                    <td colSpan={6}>조회된 데이터가 없습니다</td>
+                  </tr>
+                  : null}
+              </tbody>
+            </table>
+            <Pagination
+              currentPage={bloodPressureList.search.currentPage}
+              perPage={bloodPressureList.search.perPage}
+              totalCount={bloodPressureList.bloodPressureListCount}
+              maxRange={5}
+              click={bloodPressureSelectList}
+            />
+          </div>
+        </div>
+      </Modal>
+    </main>
+  );
 }
client/views/pages/healthcare/MedicalcareAdmin.jsx
--- client/views/pages/healthcare/MedicalcareAdmin.jsx
+++ client/views/pages/healthcare/MedicalcareAdmin.jsx
@@ -1345,6 +1345,7 @@
               <th>진료 일자</th>
               <td>
                 <input type="date"
+                  onKeyDown={function (e) { e.preventDefault() }}
                   value={hospitalMedicalRecord['medical_date']}
                   onChange={(e) => {
                     hospitalMedicalRecord['medical_date'] = e.target.value;
@@ -1440,7 +1441,9 @@
             <tr>
               <th>측정 일자</th>
               <td colSpan={5}>
-                <input type="date" value={ecg['ecg_reading_date']}
+                <input type="date"
+                  onKeyDown={function (e) { e.preventDefault() }}
+                  value={ecg['ecg_reading_date']}
                   onChange={(e) => {
                     ecg['ecg_reading_date'] = e.target.value;
                     setEcg({ ...ecg });
@@ -1636,7 +1639,9 @@
             <tr>
               <th>측정일자</th>
               <td>
-                <input type="date" value={bloodPressure['blood_pressure_record_date']}
+                <input type="date"
+                  onKeyDown={function (e) { e.preventDefault() }}
+                  value={bloodPressure['blood_pressure_record_date']}
                   onChange={(e) => {
                     bloodPressure['blood_pressure_record_date'] = e.target.value;
                     setBloodPressure({ ...bloodPressure });
client/views/pages/healthcare/medicinecare/MedicineCareSelectOne.jsx
--- client/views/pages/healthcare/medicinecare/MedicineCareSelectOne.jsx
+++ client/views/pages/healthcare/medicinecare/MedicineCareSelectOne.jsx
@@ -120,12 +120,12 @@
         setStackChartData(_stackChartData);
         console.log('_stackChartData : ', _stackChartData);
       }
-      
+
     }).catch((error) => {
       console.log('seniorMedicationSelectListByDay() /user/seniorMedicationSelectListByDay.json error : ', error);
     });
   };
-  
+
 
   const [modalOpen, setModalOpen] = React.useState(false);
   const openModal = () => {
@@ -153,7 +153,8 @@
             <tr>
               <th>복용날짜</th>
               <td>
-                <input type="date" name="date" id="date" />
+                <input type="date" name="date" id="date"
+                  onKeyDown={function (e) { e.preventDefault() }} />
               </td>
             </tr>
             <tr>
@@ -229,78 +230,78 @@
         <ContentTitle contentTitle={"복약 상세 페이지"} />
         <div className="detail-graph">
           <TableTitle tableTitle={`${senior['user_name']}님의 복약 내역`} />{/*  님의 복약 내역 */}
-          <Chart1 data={stackChartData}/>
+          <Chart1 data={stackChartData} />
         </div>
-        {CommonUtil.isEmpty(seniorMedicationListByDay) == false ? 
-        <div className="medicine-grid margin-bottom">
-          <div><SubTitle
-            className="margin-bottom"
-            explanation={"전체 기간 복약률"}
-            color={"#333333"}
-          />
-            <div
-              style={{
-                border: "1px solid #eeeeee",
-                borderRadius: "0.5rem",
-                padding: "1rem",
-                height: "20vh",
-              }}
-            >
-              <Donut2 />
+        {CommonUtil.isEmpty(seniorMedicationListByDay) == false ?
+          <div className="medicine-grid margin-bottom">
+            <div><SubTitle
+              className="margin-bottom"
+              explanation={"전체 기간 복약률"}
+              color={"#333333"}
+            />
+              <div
+                style={{
+                  border: "1px solid #eeeeee",
+                  borderRadius: "0.5rem",
+                  padding: "1rem",
+                  height: "20vh",
+                }}
+              >
+                <Donut2 />
+              </div>
+            </div>
+            <div><SubTitle
+              className="margin-bottom"
+              explanation={"주별 복약율 통계"}
+              color={"#333333"}
+            />
+              <div
+                style={{
+                  border: "1px solid #eeeeee",
+                  borderRadius: "0.5rem",
+                  padding: "1rem",
+                  height: "20vh",
+                }}
+              >
+                <Chart3 />
+              </div>
+            </div>
+            <div><SubTitle
+              className="margin-bottom"
+              explanation={"월별 복약율 통계"}
+              color={"#333333"}
+            />
+              <div
+                style={{
+                  border: "1px solid #eeeeee",
+                  borderRadius: "0.5rem",
+                  padding: "1rem",
+                  height: "20vh",
+                }}
+              >
+                <Chart />
+              </div>
+            </div>
+            <div><SubTitle
+              className="margin-bottom"
+              explanation={"년별 복약율 통계"}
+              color={"#333333"}
+            />
+              <div
+                style={{
+                  border: "1px solid #eeeeee",
+                  borderRadius: "0.5rem",
+                  padding: "1rem",
+                  height: "20vh",
+                }}
+              >
+                <LineColor_medicine />
+              </div>
             </div>
           </div>
-          <div><SubTitle
-            className="margin-bottom"
-            explanation={"주별 복약율 통계"}
-            color={"#333333"}
-          />
-            <div
-              style={{
-                border: "1px solid #eeeeee",
-                borderRadius: "0.5rem",
-                padding: "1rem",
-                height: "20vh",
-              }}
-            >
-              <Chart3 />
-            </div>
-          </div>
-          <div><SubTitle
-            className="margin-bottom"
-            explanation={"월별 복약율 통계"}
-            color={"#333333"}
-          />
-            <div
-              style={{
-                border: "1px solid #eeeeee",
-                borderRadius: "0.5rem",
-                padding: "1rem",
-                height: "20vh",
-              }}
-            >
-              <Chart />
-            </div>
-          </div>
-          <div><SubTitle
-            className="margin-bottom"
-            explanation={"년별 복약율 통계"}
-            color={"#333333"}
-          />
-            <div
-              style={{
-                border: "1px solid #eeeeee",
-                borderRadius: "0.5rem",
-                padding: "1rem",
-                height: "20vh",
-              }}
-            >
-              <LineColor_medicine />
-            </div>
-          </div>
-        </div>
-        : null}
+          : null}
         <div className="board-wrap">
-          <div style={{maxHeight: '30vh', overflow: 'auto'}}>
+          <div style={{ maxHeight: '30vh', overflow: 'auto' }}>
             <table className="margin-bottom2 medicine-detail-table">
               <thead>
                 <tr>
@@ -312,45 +313,49 @@
                   <th rowSpan="2">수정일시</th>
                   <th rowSpan="2">관리</th>
                 </tr>
-                
+
                 <tr>
-                  {Object.keys(showMedicationTimeCode).map((key, idx) => { return (
-                    <th>{key}</th>
-                  )})}
+                  {Object.keys(showMedicationTimeCode).map((key, idx) => {
+                    return (
+                      <th>{key}</th>
+                    )
+                  })}
                 </tr>
 
               </thead>
               <tbody>
-                {seniorMedicationListByDay.map((item, idx) => { return (
-                  <tr>
-                    <td data-label="No">{idx + 1}</td>
-                    <td data-label="날짜">{item['medication_default_date']}</td>
-                    {Object.keys(showMedicationTimeCode).map((key, idx) => {
-                      return CommonUtil.isEmpty(showMedicationTimeCode[key]) == false ? 
-                        item['medication_time_code_list'].map((code, codeIdx) => {
-                          return key == code ? <td>{item['medication_time_code_count_list'][codeIdx]}</td> : null
-                        }) : null
-                    })}
-                    <td data-label="수정 상세 사유">-</td>
-                    <td data-label="수정자">-</td>
-                    <td data-label="수정일시">-</td>
-                    <td data-label="관리">
-                      <div className="btn-wrap flex-center">
-                        <Button
-                          className={"btn-small lightgray-btn"}
-                          btnName={"수정"}
-                          onClick={openModal}
-                        />
-                        <Button className={"btn-small gray-btn"} btnName={"삭제"} onClick={function() {alert('정말 삭제하시겠습니까?')}}/>
-                      </div>
-                    </td>
-                  </tr>
-                )})}
+                {seniorMedicationListByDay.map((item, idx) => {
+                  return (
+                    <tr>
+                      <td data-label="No">{idx + 1}</td>
+                      <td data-label="날짜">{item['medication_default_date']}</td>
+                      {Object.keys(showMedicationTimeCode).map((key, idx) => {
+                        return CommonUtil.isEmpty(showMedicationTimeCode[key]) == false ?
+                          item['medication_time_code_list'].map((code, codeIdx) => {
+                            return key == code ? <td>{item['medication_time_code_count_list'][codeIdx]}</td> : null
+                          }) : null
+                      })}
+                      <td data-label="수정 상세 사유">-</td>
+                      <td data-label="수정자">-</td>
+                      <td data-label="수정일시">-</td>
+                      <td data-label="관리">
+                        <div className="btn-wrap flex-center">
+                          <Button
+                            className={"btn-small lightgray-btn"}
+                            btnName={"수정"}
+                            onClick={openModal}
+                          />
+                          <Button className={"btn-small gray-btn"} btnName={"삭제"} onClick={function () { alert('정말 삭제하시겠습니까?') }} />
+                        </div>
+                      </td>
+                    </tr>
+                  )
+                })}
                 {CommonUtil.isEmpty(seniorMedicationListByDay) ?
-                <tr>
-                  <td colSpan={6 + Object.keys(showMedicationTimeCode).length}>조회된 데이터가 없습니다</td>
-                </tr>  
-                : null}
+                  <tr>
+                    <td colSpan={6 + Object.keys(showMedicationTimeCode).length}>조회된 데이터가 없습니다</td>
+                  </tr>
+                  : null}
               </tbody>
             </table>
           </div>
client/views/pages/healthcare/statistics/MedicineStatistics.jsx
--- client/views/pages/healthcare/statistics/MedicineStatistics.jsx
+++ client/views/pages/healthcare/statistics/MedicineStatistics.jsx
@@ -31,7 +31,8 @@
               >
                 <div className="flex-end gap">
                   <div className="flex flex30">
-                    <input type="date" name="" id="" />
+                    <input type="date" name="" id=""
+                      onKeyDown={function (e) { e.preventDefault() }} />
                   </div>
                   <div className="">
                     <Button className={"gray-btn"} btnName={"검색"} />
client/views/pages/main/Main_guardian.jsx
--- client/views/pages/main/Main_guardian.jsx
+++ client/views/pages/main/Main_guardian.jsx
@@ -449,7 +449,9 @@
                   <tr>
                     <th>방문날짜</th>
                     <td colSpan={3}>
-                      <input type="date" value={visitRecord['visit_date']}
+                      <input type="date"
+                        onKeyDown={function (e) { e.preventDefault() }}
+                        value={visitRecord['visit_date']}
                         onChange={(e) => {
                           visitRecord['visit_date'] = e.target.value;
                           setVisitRecord({ ...visitRecord });
client/views/pages/senior_management/SeniorSelectOne.jsx
--- client/views/pages/senior_management/SeniorSelectOne.jsx
+++ client/views/pages/senior_management/SeniorSelectOne.jsx
@@ -333,7 +333,7 @@
   const [agent, setAgent] = React.useState({ agentListBySenior: [], agentListCountBySenior: 0 });
   //대상자의 생활보호사 목록 조회
   const agentSelectListBySenior = () => {
-    
+
     fetch("/user/agentSelectListBySenior.json", {
       method: "POST",
       headers: {
@@ -494,6 +494,7 @@
             <div className="search-management flex-end margin-bottom2 margin-top">
               <div style={{ width: '120px', fontWeight: '600', fontSize: '16px' }}>대여 시작일</div>
               <input type="date"
+                onKeyDown={function (e) { e.preventDefault() }}
                 value={equipmentRental['rental_start_date']}
                 onChange={(e) => {
                   equipmentRental['rental_start_date'] = e.target.value;
@@ -554,10 +555,12 @@
               <tr>
                 <th>장비대여종료일</th>
                 <td>
-                  <input type="date" defaultValue={new Date().toLocaleDateString('en-CA')} onChange={(e) => {
-                    console.log('e.target.value : ', e.target.value);
-                    setRentalEndDate(e.target.value);
-                  }} />
+                  <input type="date"
+                    onKeyDown={function (e) { e.preventDefault() }}
+                    defaultValue={new Date().toLocaleDateString('en-CA')} onChange={(e) => {
+                      console.log('e.target.value : ', e.target.value);
+                      setRentalEndDate(e.target.value);
+                    }} />
                 </td>
               </tr>
             </tbody>
client/views/pages/user_management/AgencyAdminSeniorSelect.jsx
--- client/views/pages/user_management/AgencyAdminSeniorSelect.jsx
+++ client/views/pages/user_management/AgencyAdminSeniorSelect.jsx
@@ -171,7 +171,7 @@
       alert(state.loginUser['title_name'] + "를 선택해 주세요.");
       return;
     }
-    var insertBtn = confirm("등록하시겠습니까?");
+    var insertBtn = confirm("기존에 배정된 생활지원사가 있는 경우, 기존의 매칭을 종료하고 새로운 생활지원사가 매칭됩니다.");
     if (insertBtn) {
       for (let i = 0; i < CheckList.length; i++) {
         agentSeniorInsert(CheckList[i]);
@@ -183,6 +183,8 @@
 
   // 생활보호사 배정
   const agentSeniorInsert = (seniorId) => {
+    agentSeniorDelete(seniorId);
+
     fetch("/user/agentSeniorInsert.json", {
       method: "POST",
       headers: {
@@ -202,6 +204,31 @@
     });
   }
 
+  // 생활보호사 제거
+  const agentSeniorDelete = (seniorId) => {
+    fetch("/user/agentSeniorDelete.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify({
+        senior_id: seniorId
+      }),
+    }).then((response) => response.json()).then((data) => {
+      console.log("사용자 등록 결과(건수) : ", data);
+
+      if (data > 0) {
+        console.log("매칭이 종료 되었습니다.");
+        agentSelectList();
+        searching();
+      } else {
+        console.log("매칭 종료에 실패하였습니다.");
+      }
+    }).catch((error) => {
+      console.log('agentSeniorDelete() /user/agentSeniorDelete.json error : ', error);
+    });
+  }
+
 
   //시행기관의 삭제 대상자(시니어)
   const [agencyDeleteSenior, setAgencyDeleteSenior] = React.useState({ seniorList: [], seniorListCount: 0, search: JSON.parse(JSON.stringify(search)) });
client/views/pages/visit/visit/VisitInsert.jsx
--- client/views/pages/visit/visit/VisitInsert.jsx
+++ client/views/pages/visit/visit/VisitInsert.jsx
@@ -16,9 +16,9 @@
   return (
     <main>
       <div className="content-wrap">
-      <ContentTitle contentTitle={"방문 등록"} />
+        <ContentTitle contentTitle={"방문 등록"} />
         <div className="margin-bottom2 insert flex-align-start">
-        <div className="flex30">
+          <div className="flex30">
             <div className="flex margin-bottom">
               <input
                 type="text"
@@ -44,44 +44,45 @@
               <tr>
                 <th>생년월일</th>
                 <td colSpan={3}>
-                <input type="text" name="" id="" disabled />
+                  <input type="text" name="" id="" disabled />
                 </td>
               </tr>
               <tr>
                 <th>성별</th>
                 <td>
-                <input type="text" name="" id="" disabled />
+                  <input type="text" name="" id="" disabled />
                 </td>
               </tr>
               <tr>
                 <th>주소</th>
                 <td>
-                <input type="text" name="" id="" disabled />
+                  <input type="text" name="" id="" disabled />
                 </td>
               </tr>
               <tr>
                 <th>방문날짜</th>
                 <td colSpan={3}>
-                  <input type="date" name="" id="" />
+                  <input type="date" name="" id=""
+                    onKeyDown={function (e) { e.preventDefault() }} />
                 </td>
               </tr>
               <tr>
                 <th>방문사유</th>
                 <td className="flex">
                   <div className="flex-start">
-                    <input type="checkbox" className="flex10"/>
+                    <input type="checkbox" className="flex10" />
                     <label htmlFor="" className="flex90">
                       정기방문
                     </label>
                   </div>
                   <div className="flex-start">
-                    <input type="checkbox"  className="flex10"/>
+                    <input type="checkbox" className="flex10" />
                     <label htmlFor="" className="flex90">
                       어르신케어
                     </label>
                   </div>
                   <div className="flex-start">
-                    <input type="checkbox"  className="flex10"/>
+                    <input type="checkbox" className="flex10" />
                     <label htmlFor="" className="flex90">
                       장비점검
                     </label>
@@ -91,7 +92,7 @@
               <tr>
                 <th>방문 상세 사유</th>
                 <td colSpan={3}>
-                  <textarea style={{height:"225px"}} name="" id="" cols="30" rows="10"></textarea>
+                  <textarea style={{ height: "225px" }} name="" id="" cols="30" rows="10"></textarea>
                 </td>
               </tr>
             </tbody>
client/views/pages/visit/visit/VisitSelectOne.jsx
--- client/views/pages/visit/visit/VisitSelectOne.jsx
+++ client/views/pages/visit/visit/VisitSelectOne.jsx
@@ -12,337 +12,341 @@
 import CommonUtil from "../../../../resources/js/CommonUtil.js";
 
 export default function VisitSelectOne() {
-    const navigate = useNavigate();
-    const location = useLocation();
+  const navigate = useNavigate();
+  const location = useLocation();
 
-    //전역 변수 저장 객체
-    const state = useSelector((state) => {return state});
-    const defaultUserId = CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['user_id'];
+  //전역 변수 저장 객체
+  const state = useSelector((state) => { return state });
+  const defaultUserId = CommonUtil.isEmpty(state.loginUser) ? null : state.loginUser['user_id'];
 
-    const [modalOpen, setModalOpen] = React.useState(false);
-    const openModal = () => {
-        setModalOpen(true);
-    };
-    const closeModal = () => {
-        setModalOpen(false);
-    };
+  const [modalOpen, setModalOpen] = React.useState(false);
+  const openModal = () => {
+    setModalOpen(true);
+  };
+  const closeModal = () => {
+    setModalOpen(false);
+  };
 
-    //시니어 정보
-    const [senior, setSenior] = React.useState({
-        'user_id': location.state['senior_id'],
-        'user_name': null,
-        'user_password': null,
-        'user_phonenumber': null,
-        'user_birth': null,
-        'user_gender': null,
-        'user_address': null,
-        'user_email': null,
-        'authority': 'ROLE_SENIOR',
-        'agency_id': null,
-        'government_id': null,
+  //시니어 정보
+  const [senior, setSenior] = React.useState({
+    'user_id': location.state['senior_id'],
+    'user_name': null,
+    'user_password': null,
+    'user_phonenumber': null,
+    'user_birth': null,
+    'user_gender': null,
+    'user_address': null,
+    'user_email': null,
+    'authority': 'ROLE_SENIOR',
+    'agency_id': null,
+    'government_id': null,
 
-        'senior_id': location.state['senior_id'],
-        'care_grade': null,
-        'medication_pill': null,
-        'underlie_disease': null,
-        'senior_note': null,
+    'senior_id': location.state['senior_id'],
+    'care_grade': null,
+    'medication_pill': null,
+    'underlie_disease': null,
+    'senior_note': null,
 
-        'seniorMedicationList': []
+    'seniorMedicationList': []
+  });
+  //시니어 상세 조회
+  const seniorSelectOne = () => {
+    fetch("/user/seniorSelectOne.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(senior),
+    }).then((response) => response.json()).then((data) => {
+      console.log("seniorSelectOne data : ", data);
+      setSenior(data);
+    }).catch((error) => {
+      console.log('seniorSelectOne() /user/seniorSelectOne.json error : ', error);
     });
-    //시니어 상세 조회
-    const seniorSelectOne = () => {
-        fetch("/user/seniorSelectOne.json", {
-            method: "POST",
-            headers: {
-                'Content-Type': 'application/json; charset=UTF-8'
-            },
-            body: JSON.stringify(senior),
-        }).then((response) => response.json()).then((data) => {
-            console.log("seniorSelectOne data : ", data);
-            setSenior(data);
-        }).catch((error) => {
-            console.log('seniorSelectOne() /user/seniorSelectOne.json error : ', error);
-        });
-    };
+  };
 
-    /****************** 방문 기록 (시작) ******************/
-    const visitRecordInit = {
-        'senior_id': location.state['senior_id'],
-        'visit_date': CommonUtil.getDate(),
-        'visit_reason': null,
-        'visit_content': null,
-        
-        'agent_id': defaultUserId,
+  /****************** 방문 기록 (시작) ******************/
+  const visitRecordInit = {
+    'senior_id': location.state['senior_id'],
+    'visit_date': CommonUtil.getDate(),
+    'visit_reason': null,
+    'visit_content': null,
 
-        isInsert: true,
-    };
-    //방문 기록 정보
-    const [visitRecord, setVisitRecord] = React.useState({...visitRecordInit});
-    const visitRecordRef = React.useRef({...visitRecordInit});
+    'agent_id': defaultUserId,
 
-    //방문 기록 유효성 검사
-    const visitRecordValidation = () => {
-        const target = visitRecord;
-		const targetRef = visitRecordRef;
+    isInsert: true,
+  };
+  //방문 기록 정보
+  const [visitRecord, setVisitRecord] = React.useState({ ...visitRecordInit });
+  const visitRecordRef = React.useRef({ ...visitRecordInit });
 
-		if (CommonUtil.isEmpty(target['visit_date']) == true) {
-			targetRef.current['visit_date'].focus();
-			alert("방문 일자를 선택해 주세요.");
-			return false;
-		}
-		if (CommonUtil.isEmpty(target['visit_reason']) == true) {
-			targetRef.current['visit_reason'].focus();
-			alert("방문 목적을 선택해 주세요.");
-			return false;
-		}
-        if (CommonUtil.isEmpty(target['visit_content']) == true) {
-			targetRef.current['visit_content'].focus();
-			alert("방문 상세 사유를 입력해 주세요.");
-			return false;
-		}
+  //방문 기록 유효성 검사
+  const visitRecordValidation = () => {
+    const target = visitRecord;
+    const targetRef = visitRecordRef;
 
-        return true;
+    if (CommonUtil.isEmpty(target['visit_date']) == true) {
+      targetRef.current['visit_date'].focus();
+      alert("방문 일자를 선택해 주세요.");
+      return false;
+    }
+    if (CommonUtil.isEmpty(target['visit_reason']) == true) {
+      targetRef.current['visit_reason'].focus();
+      alert("방문 목적을 선택해 주세요.");
+      return false;
+    }
+    if (CommonUtil.isEmpty(target['visit_content']) == true) {
+      targetRef.current['visit_content'].focus();
+      alert("방문 상세 사유를 입력해 주세요.");
+      return false;
     }
 
+    return true;
+  }
 
-	//방문 기록 등록
-	const visitRecordInsert = () => {
-        if (visitRecordValidation() == false) {
-            return;
-        }
 
-        visitRecord['senior_id'] = location.state['senior_id'];
-        visitRecord['agent_id'] = defaultUserId;
-        setVisitRecord({...visitRecord});
-
-		fetch("/welfare/visitRecordInsert.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(visitRecord),
-		}).then((response) => response.json()).then((data) => {
-			console.log("방문 기록 등록 결과(건수) : ", data);
-			if (data > 0) {
-                setVisitRecordInit();
-                visitRecordSelectList();
-                closeModal();
-				alert("등록완료");
-				
-			} else {
-				alert("등록에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('visitRecordInsert() /welfare/visitRecordInsert.json error : ', error);
-		});
+  //방문 기록 등록
+  const visitRecordInsert = () => {
+    if (visitRecordValidation() == false) {
+      return;
     }
 
-    //방문 기록 수정
-	const visitRecordUpdate = () => {
-        if (visitRecordValidation() == false) {
-            return;
-        }
+    visitRecord['senior_id'] = location.state['senior_id'];
+    visitRecord['agent_id'] = defaultUserId;
+    setVisitRecord({ ...visitRecord });
 
-        visitRecord['senior_id'] = location.state['senior_id'];
-        visitRecord['agent_id'] = defaultUserId;
-        setVisitRecord({...visitRecord});
+    fetch("/welfare/visitRecordInsert.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(visitRecord),
+    }).then((response) => response.json()).then((data) => {
+      console.log("방문 기록 등록 결과(건수) : ", data);
+      if (data > 0) {
+        setVisitRecordInit();
+        visitRecordSelectList();
+        closeModal();
+        alert("등록완료");
 
-		fetch("/welfare/visitRecordUpdate.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(visitRecord),
-		}).then((response) => response.json()).then((data) => {
-			console.log("방문 기록 수정 결과(건수) : ", data);
-			if (data > 0) {
-                setVisitRecordInit();
-                visitRecordSelectList();
-                closeModal();
-				alert("수정완료");
-			} else {
-				alert("수정에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('visitRecordUpdate() /welfare/visitRecordUpdate.json error : ', error);
-		});
+      } else {
+        alert("등록에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('visitRecordInsert() /welfare/visitRecordInsert.json error : ', error);
+    });
+  }
+
+  //방문 기록 수정
+  const visitRecordUpdate = () => {
+    if (visitRecordValidation() == false) {
+      return;
     }
 
-    //방문 기록 삭제
-	const visitRecordDelete = () => {
-        if (confirm('방문 기록 정보를 삭제하시겠습니까?') == false) {
-            return;
-        }
+    visitRecord['senior_id'] = location.state['senior_id'];
+    visitRecord['agent_id'] = defaultUserId;
+    setVisitRecord({ ...visitRecord });
 
-		fetch("/welfare/visitRecordDelete.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(visitRecord),
-		}).then((response) => response.json()).then((data) => {
-			console.log("방문 기록 삭제 결과(건수) : ", data);
-			if (data > 0) {
-                setVisitRecordInit();
-                visitRecordSelectList();
-                closeModal();
-				alert("삭제완료");
-			} else {
-				alert("삭제에 실패하였습니다. 관리자에게 문의바랍니다.");
-			}
-		}).catch((error) => {
-			console.log('visitRecordDelete() /welfare/visitRecordDelete.json error : ', error);
-		});
+    fetch("/welfare/visitRecordUpdate.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(visitRecord),
+    }).then((response) => response.json()).then((data) => {
+      console.log("방문 기록 수정 결과(건수) : ", data);
+      if (data > 0) {
+        setVisitRecordInit();
+        visitRecordSelectList();
+        closeModal();
+        alert("수정완료");
+      } else {
+        alert("수정에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('visitRecordUpdate() /welfare/visitRecordUpdate.json error : ', error);
+    });
+  }
+
+  //방문 기록 삭제
+  const visitRecordDelete = () => {
+    if (confirm('방문 기록 정보를 삭제하시겠습니까?') == false) {
+      return;
     }
 
-    //초기화 취소
-    const setVisitRecordInit = () => {
-        setVisitRecord({...visitRecordInit});
-    }
+    fetch("/welfare/visitRecordDelete.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(visitRecord),
+    }).then((response) => response.json()).then((data) => {
+      console.log("방문 기록 삭제 결과(건수) : ", data);
+      if (data > 0) {
+        setVisitRecordInit();
+        visitRecordSelectList();
+        closeModal();
+        alert("삭제완료");
+      } else {
+        alert("삭제에 실패하였습니다. 관리자에게 문의바랍니다.");
+      }
+    }).catch((error) => {
+      console.log('visitRecordDelete() /welfare/visitRecordDelete.json error : ', error);
+    });
+  }
 
-    //방문 기록 정보
-    const [visitRecordList, setVisitRecordList] = React.useState({visitRecordList: [], visitRecordListCount:0, search: {currentPage: 1, perPage: 5}});
-    //방문 기록 목록 조회
-	const visitRecordSelectList = (currentPage) => {
-        visitRecordList.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
-        visitRecordList.search['senior_id'] = location.state['senior_id'];
-        setVisitRecordList({...visitRecordList});
+  //초기화 취소
+  const setVisitRecordInit = () => {
+    setVisitRecord({ ...visitRecordInit });
+  }
 
-		fetch("/welfare/visitRecordSelectList.json", {
-			method: "POST",
-			headers: {
-				'Content-Type': 'application/json; charset=UTF-8'
-			},
-			body: JSON.stringify(visitRecordList.search),
-		}).then((response) => response.json()).then((data) => {
-			console.log("방문 기록 목록 조회 결과(건수) : ", data);
-            data.search = visitRecordList.search;
-            setVisitRecordList(data);
-		}).catch((error) => {
-			console.log('visitRecordSelectList() /welfare/visitRecordSelectList.json error : ', error);
-		});
-    }
+  //방문 기록 정보
+  const [visitRecordList, setVisitRecordList] = React.useState({ visitRecordList: [], visitRecordListCount: 0, search: { currentPage: 1, perPage: 5 } });
+  //방문 기록 목록 조회
+  const visitRecordSelectList = (currentPage) => {
+    visitRecordList.search.currentPage = CommonUtil.isEmpty(currentPage) ? 1 : currentPage;
+    visitRecordList.search['senior_id'] = location.state['senior_id'];
+    setVisitRecordList({ ...visitRecordList });
 
-    React.useEffect(() => {
-        seniorSelectOne();
-        visitRecordSelectList(1);
-    }, [])
+    fetch("/welfare/visitRecordSelectList.json", {
+      method: "POST",
+      headers: {
+        'Content-Type': 'application/json; charset=UTF-8'
+      },
+      body: JSON.stringify(visitRecordList.search),
+    }).then((response) => response.json()).then((data) => {
+      console.log("방문 기록 목록 조회 결과(건수) : ", data);
+      data.search = visitRecordList.search;
+      setVisitRecordList(data);
+    }).catch((error) => {
+      console.log('visitRecordSelectList() /welfare/visitRecordSelectList.json error : ', error);
+    });
+  }
 
-    return (
-        <main>
-        
-            <div className="content-wrap">
-                <ContentTitle contentTitle={"방문 상세 페이지"}/>
-                <div className="detail-graph">
-                    <TableTitle tableTitle={`${senior['user_name']} 님의 방문 내역`}/>
-                    <Chart2 />
-                </div>
-                <div className="board-wrap">
-                    <div className="btn-wrap flex-end margin-bottom">
-                        <button className="btn-small gray-btn" onClick={openModal}>등록</button>
-                    </div>
+  React.useEffect(() => {
+    seniorSelectOne();
+    visitRecordSelectList(1);
+  }, [])
 
-                    <table className="medicine-table senior-table">
-                        <thead>
-                            <tr>
-                                <th>No</th>
-                                <th>방문일</th>
-                                <th>방문목적</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            {visitRecordList.visitRecordList.map((item, idx) => { return (
-                            <tr key={idx} onClick={() => {setVisitRecord(item); openModal();}}>
-                                <td data-label="No">{visitRecordList.visitRecordList - idx - (visitRecordList.search.currentPage - 1) * visitRecordList.search.perPage}</td>
-                                <td data-label="방문일">{item['visit_date']}</td>
-                                <td data-label="방문목적">{item['visit_reason']}</td>
-                            </tr>
-                            )})}
-                            {CommonUtil.isEmpty(visitRecordList.visitRecordList) ?
-                            <tr>
-                                <td colSpan={3}>조회된 데이터가 없습니다</td>
-                            </tr>  
-                            : null}
-                        </tbody>
-                    </table>
-                    <Pagination
-                        currentPage={visitRecordList.search.currentPage}
-                        perPage={visitRecordList.search.perPage}
-                        totalCount={visitRecordList.visitRecordListCount}
-                        maxRange={10}
-                        click={visitRecordSelectList}
-                    />
-                    <div className="btn-wrap flex-center">
-                        <button className="btn-large gray-btn" onClick={() => {navigate(-1)}}>이전</button>
-                    </div>
-                </div>
-            </div>
-        
+  return (
+    <main>
+
+      <div className="content-wrap">
+        <ContentTitle contentTitle={"방문 상세 페이지"} />
+        <div className="detail-graph">
+          <TableTitle tableTitle={`${senior['user_name']} 님의 방문 내역`} />
+          <Chart2 />
+        </div>
+        <div className="board-wrap">
+          <div className="btn-wrap flex-end margin-bottom">
+            <button className="btn-small gray-btn" onClick={openModal}>등록</button>
+          </div>
+
+          <table className="medicine-table senior-table">
+            <thead>
+              <tr>
+                <th>No</th>
+                <th>방문일</th>
+                <th>방문목적</th>
+              </tr>
+            </thead>
+            <tbody>
+              {visitRecordList.visitRecordList.map((item, idx) => {
+                return (
+                  <tr key={idx} onClick={() => { setVisitRecord(item); openModal(); }}>
+                    <td data-label="No">{visitRecordList.visitRecordList - idx - (visitRecordList.search.currentPage - 1) * visitRecordList.search.perPage}</td>
+                    <td data-label="방문일">{item['visit_date']}</td>
+                    <td data-label="방문목적">{item['visit_reason']}</td>
+                  </tr>
+                )
+              })}
+              {CommonUtil.isEmpty(visitRecordList.visitRecordList) ?
+                <tr>
+                  <td colSpan={3}>조회된 데이터가 없습니다</td>
+                </tr>
+                : null}
+            </tbody>
+          </table>
+          <Pagination
+            currentPage={visitRecordList.search.currentPage}
+            perPage={visitRecordList.search.perPage}
+            totalCount={visitRecordList.visitRecordListCount}
+            maxRange={10}
+            click={visitRecordSelectList}
+          />
+          <div className="btn-wrap flex-center">
+            <button className="btn-large gray-btn" onClick={() => { navigate(-1) }}>이전</button>
+          </div>
+        </div>
+      </div>
 
 
 
-            <Modal open={modalOpen} close={closeModal} header="방문 정보 관리">
-                <div className="board-wrap">
-                    <table className="flex70 margin-bottom">{/* questionnaire-table */}
-                        <tbody>            
-                            <tr>
-                                <th>방문날짜</th>
-                                <td colSpan={3}>
-                                    <input type="date" value={visitRecord['visit_date']}
-                                        onChange={(e) => {
-                                            visitRecord['visit_date'] = e.target.value;
-                                            setVisitRecord({...visitRecord});
-                                        }}
-                                        ref={el => visitRecordRef.current['visit_date'] = el}
-                                    />
-                                </td>
-                            </tr>
-                            <tr>
-                                <th>방문목적</th>
-                                <td>
-                                    <select onChange={(e) => {
-                                            visitRecord['visit_reason'] = e.target.value;
-                                            setVisitRecord({...visitRecord});
-                                        }}
-                                        ref={el => visitRecordRef.current['visit_reason'] = el}
-                                    >
-                                        <option value="" selected={CommonUtil.isEmpty(visitRecord['visit_reason'])}>방문목적선택</option>
-                                        <option value="정기방문" selected={visitRecord['visit_reason'] == "정기방문"}>정기방문</option>
-                                        <option value="어르신케어" selected={visitRecord['visit_reason'] == "어르신케어"}>어르신케어</option>
-                                        <option value="장비점검" selected={visitRecord['visit_reason'] == "장비점검"}>장비점검</option>
-                                        <option value="정기방문" selected={visitRecord['visit_reason'] == "기타"}>기타</option>
-                                    </select>
-                                </td>
-                            </tr>
-                            <tr>
-                                <th>방문 상세 사유</th>
-                                <td colSpan={3}>
-                                    <textarea className="medicine" style={{height:"225px"}} name="" id="" cols="30" rows="10"
-                                        value={visitRecord['visit_content']}
-                                        onChange={(e) => {
-                                            visitRecord['visit_content'] = e.target.value;
-                                            setVisitRecord({...visitRecord});
-                                        }}
-                                        ref={el => visitRecordRef.current['visit_content'] = el}
-                                    ></textarea>
-                                </td>
-                            </tr>
-                        </tbody>
-                    </table>
-                    <div className="flex-center">
-                        {CommonUtil.isEmpty(visitRecord.isInsert) == false && visitRecord.isInsert
-                            ? <button className="btn-small red-btn" onClick={visitRecordInsert}>등록</button>
-                            : <>
-                                <button className="btn-small red-btn" onClick={visitRecordUpdate}>수정</button>
-                                <button className="btn-small red-btn" onClick={visitRecordDelete}>삭제</button>
-                            </>
-                        }
-                    </div>
-                </div>
-            </Modal>
+
+      <Modal open={modalOpen} close={closeModal} header="방문 정보 관리">
+        <div className="board-wrap">
+          <table className="flex70 margin-bottom">{/* questionnaire-table */}
+            <tbody>
+              <tr>
+                <th>방문날짜</th>
+                <td colSpan={3}>
+                  <input type="date"
+                    onKeyDown={function (e) { e.preventDefault() }}
+                    value={visitRecord['visit_date']}
+                    onChange={(e) => {
+                      visitRecord['visit_date'] = e.target.value;
+                      setVisitRecord({ ...visitRecord });
+                    }}
+                    ref={el => visitRecordRef.current['visit_date'] = el}
+                  />
+                </td>
+              </tr>
+              <tr>
+                <th>방문목적</th>
+                <td>
+                  <select onChange={(e) => {
+                    visitRecord['visit_reason'] = e.target.value;
+                    setVisitRecord({ ...visitRecord });
+                  }}
+                    ref={el => visitRecordRef.current['visit_reason'] = el}
+                  >
+                    <option value="" selected={CommonUtil.isEmpty(visitRecord['visit_reason'])}>방문목적선택</option>
+                    <option value="정기방문" selected={visitRecord['visit_reason'] == "정기방문"}>정기방문</option>
+                    <option value="어르신케어" selected={visitRecord['visit_reason'] == "어르신케어"}>어르신케어</option>
+                    <option value="장비점검" selected={visitRecord['visit_reason'] == "장비점검"}>장비점검</option>
+                    <option value="정기방문" selected={visitRecord['visit_reason'] == "기타"}>기타</option>
+                  </select>
+                </td>
+              </tr>
+              <tr>
+                <th>방문 상세 사유</th>
+                <td colSpan={3}>
+                  <textarea className="medicine" style={{ height: "225px" }} name="" id="" cols="30" rows="10"
+                    value={visitRecord['visit_content']}
+                    onChange={(e) => {
+                      visitRecord['visit_content'] = e.target.value;
+                      setVisitRecord({ ...visitRecord });
+                    }}
+                    ref={el => visitRecordRef.current['visit_content'] = el}
+                  ></textarea>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+          <div className="flex-center">
+            {CommonUtil.isEmpty(visitRecord.isInsert) == false && visitRecord.isInsert
+              ? <button className="btn-small red-btn" onClick={visitRecordInsert}>등록</button>
+              : <>
+                <button className="btn-small red-btn" onClick={visitRecordUpdate}>수정</button>
+                <button className="btn-small red-btn" onClick={visitRecordDelete}>삭제</button>
+              </>
+            }
+          </div>
+        </div>
+      </Modal>
 
 
 
-        </main>
-    );
+    </main>
+  );
 }
Add a comment
List