방선주 방선주 2023-02-17
230217 방선주 SeniorInsert.jsx 수정 진행
@a69362b20833ad382376b897afbd48f2c98dfa26
client/views/pages/App.jsx
--- client/views/pages/App.jsx
+++ client/views/pages/App.jsx
@@ -26,8 +26,8 @@
   };
 
 
-  const menuItems = AgencyApp.menuItems;  //AdminApp, GovernmentApp, AllApp, AgencyApp, GuardianApp 
-  const AppRoute = AgencyApp.AppRoute;
+  const menuItems = AllApp.menuItems;  //AdminApp, GovernmentApp, AllApp, AgencyApp, GuardianApp 
+  const AppRoute = AllApp.AppRoute;
 
 
   const { title } = menuItems.find(
client/views/pages/AppRoute.jsx
--- client/views/pages/AppRoute.jsx
+++ client/views/pages/AppRoute.jsx
@@ -202,7 +202,7 @@
       },
       {
         title: "대상자 관리",
-        path: "/UserAuthoriySelect_admin",
+        path: "/UserAuthoriySelect_agency",
         icon: (
           <PersonIcon sx={{ fontSize: 20, color: "#ffffff", marginRight: 1 }} />
         ),
@@ -357,7 +357,6 @@
         <Route path="/ProtectorSelect" element={<ProtectorSelect />}></Route>
         <Route path="/Questionnaire" element={<Questionnaire />}></Route>
         <Route path="/GuardianStatistics" element={<GuardianStatistics />}></Route>
-
         <Route path="/MedicineCareSelect_government" element={<MedicineCareSelect_government />}></Route>
         <Route path="/TemperatureManagementSelect_government" element={<TemperatureManagementSelect_government />}></Route>
         <Route path="/Questionnaire_government" element={<Questionnaire_government />}></Route>
client/views/pages/senior_management/SeniorInsert.jsx
--- client/views/pages/senior_management/SeniorInsert.jsx
+++ client/views/pages/senior_management/SeniorInsert.jsx
@@ -6,6 +6,78 @@
 
 export default function SeniorInsert() {
   const navigate = useNavigate();
+
+  //초기값 세팅
+  const [regiNumber, setRegiNumber] = React.useState("");
+  const [userName, setUserName] = React.useState("");
+  const [gender, setGender] = React.useState("");
+  const [brithday, setBrithday] = React.useState("");
+  const [telNum, setTelNum] = React.useState("");
+  const [homeAddress, setHomeAddress] = React.useState("");
+  const [medicineM, setMedicineM] = React.useState(false);
+  const [medicineL, setMedicineL] = React.useState(false);
+  const [medicineD, setMedicineD] = React.useState(false);
+  const [note, setNote] = React.useState("");
+
+  // 변경되는 데이터 Handler
+  const handleRegiNumber = (e) => {
+    setRegiNumber(e.target.value);
+  };
+  const handleUserName = (e) => {
+    setUserName(e.target.value);
+  };
+  const handleGender = (e) => {
+    setGender(e.target.value);
+  };
+  const handleBrithday = (e) => {
+    setBrithday(e.target.value);
+  };
+  const handleTelNum = (e) => {
+    setTelNum(e.target.value);
+  };
+  const handleHomeAddress = (e) => {
+    setHomeAddress(e.target.value);
+  };
+  const handleMedicineM = (e) => {
+    setMedicineM(e.target.checked);
+  };
+  const handleMedicineL = (e) => {
+    setMedicineL(e.target.checked);
+  };
+  const handleMedicineD = (e) => {
+    setMedicineD(e.target.checked);
+  };
+  const handleNote = (e) => {
+    setNote(e.target.value);
+  };
+
+  const seniorInsert = () => {
+    console.log("userName : ", userName);
+    console.log("gender : ", gender);
+    console.log("brithday : ", brithday);
+    console.log("telNum : ", telNum);
+    console.log("homeAddress : ", homeAddress);
+    console.log("note : ", note);
+    console.log("medicineM : ", medicineM);
+    console.log("medicineL : ", medicineL);
+    console.log("medicineD : ", medicineD);
+  //   fetch("", {
+  //     method: "POST",
+  //     headers: {
+  //       'Content-Type': 'application/json; charset=UTF-8'
+  //     },
+  //     body: JSON.stringify({
+  //       category: selectCategory,
+  //       title: inputTitle,
+  //       writer: writer,
+  //     }),
+  //   }).then((response) => response.json()).then((data) => {
+  //     alert("등록 되었습니다.");
+  //   }).catch((error) => {
+  //     console.log('selectNotice() /Notice/selectNotice.json error : ', error);
+  //   });
+  };
+    
   return (
     <main>
       <div className="content-wrap row">
@@ -25,16 +97,16 @@
             <tr>
               <th>이름</th>
               <td>
-                <input type="text" />
+                <input type="text" value={userName} onChange={handleUserName} />
               </td>
               <th>성별</th>
               <td className="flex-start gender">
                 <div className="flex-start">
-                  <input type="radio" name="genderSelect"></input>
+                  <input type="radio" name="genderSelect" value="남" onChange={handleGender} />
                   <label for="gender">남</label>
                 </div>
                 <div className="flex-start">
-                  <input type="radio" name="genderSelect"></input>
+                  <input type="radio" name="genderSelect" value="여" onChange={handleGender} />
                   <label for="gender">여</label>
                 </div>
               </td>
@@ -43,7 +115,7 @@
             <th>생년월일</th>
               <td>
                 <div className="flex">
-                  <input type='date'/>
+                  <input type='date' value={brithday} onChange={handleBrithday} />
                 </div>
               </td>
               {/* <th>요양등급</th>
@@ -55,29 +127,29 @@
             <tr>
               <th>연락처</th>
               <td colSpan={3}>
-                <input type="text" />
+                <input type="text" value={telNum} onChange={handleTelNum}/>
               </td>
             </tr>
             <tr>
               <th>주소</th>
               <td colSpan={3}>
-                <input type="text" />
+                <input type="text" value={homeAddress} onChange={handleHomeAddress} />
               </td>
             </tr>
             <tr>
               <th>필요 복약</th>
               <td>
               <div className="flex">
-                  <input type="checkbox" name="medicationSelect" value="morning" />아침
-                  <input type="checkbox" name="medicationSelect" value="lunch" />점심
-                  <input type="checkbox" name="medicationSelect" value="dinner" />저녁
+                  <input type="checkbox" name="medicationSelect" checked={medicineM} onClick={(e) => {handleMedicineM(e)}} /><label for="medicationTime">아침</label>
+                  <input type="checkbox" name="medicationSelect" checked={medicineL} onClick={(e) => {handleMedicineL(e)}}/><label for="medicationTime">점심</label>
+                  <input type="checkbox" name="medicationSelect" checked={medicineD} onClick={(e) => {handleMedicineD(e)}}/><label for="medicationTime">저녁</label>
                 </div>
               </td>
             </tr>
             <tr>
               <th>비고</th>
               <td colSpan={3}>
-                <textarea className="medicine" cols="30" rows="2"></textarea>
+                <textarea className="medicine" cols="30" rows="2" value={note} onChange={handleNote}></textarea>
               </td>
             </tr>
             {/* <tr>
@@ -105,7 +177,7 @@
               className={"btn-large green-btn"}
               btnName={"등록"}
               onClick={() => {
-                navigate("/SeniorSelect");
+                seniorInsert(userName,gender,brithday, telNum, homeAddress, note, medicineM, medicineL, medicineD)
               }}
             />
           </div>
client/views/pages/user_management/UserAuthoriySelect_agency.jsx
--- client/views/pages/user_management/UserAuthoriySelect_agency.jsx
+++ client/views/pages/user_management/UserAuthoriySelect_agency.jsx
@@ -350,7 +350,8 @@
             />
           </div>
           <div className="btn-wrap flex-end">
-            <Button className={"btn-small green-btn"} btnName={"등록"} />
+            <Button className={"btn-small green-btn"} btnName={"등록"} onClick={() => {
+                navigate("/SeniorInsert")}} />
           </div>
           <ul className="tab-content">
             {data
Add a comment
List