import React from "react"; import Table from "../../component/Table.jsx"; import Button from "../../component/Button.jsx"; import { useNavigate } from "react-router"; import DetailSearch from "../../component/AgencySearch.jsx"; import ContentTitle from "../../component/ContentTitle.jsx"; import SubTitle from "../../component/SubTitle.jsx"; import Modal from "../../component/Modal.jsx"; export default function ProtectorSelect() { const navigate = useNavigate(); const [modalOpen, setModalOpen] = React.useState(false); const openModal = () => { setModalOpen(true); }; const closeModal = () => { setModalOpen(false); }; //게시판 const thead = [ "No", "소속기관명", "이름", "연락처", "ID", "담당 대상자(어르신) (명)", ]; const key = [ "No", "center", "name", "phone", "ID", "worker", ]; const content = [ { No: 1, center: "A복지관", name: "홍길동", phone: "010-1234-1234", ID: "a123", worker: "5명" }, { No: 2, center: "A복지관", name: "홍길동", phone: "010-1234-1234", ID: "b123", worker: "5명" }, { No: 3, center: "A복지관", name: "홍길동", phone: "010-1234-1234", ID: "c123", worker: "8명" }, ]; //select option 동적 생성 // const optionList = () => { // let year = []; // let month = []; // let days = []; // let currentDate = new Date(); // let currentYear = currentDate.getFullYear(); // for (let i = 1910; i < currentYear.length; i++) { // year.push(i); // } // for (let j = 1; i < 13; j++) { // month.push(j); // } // for (let k = 1; i < 32; k++) { // days.push(k); // } // return year, month, days; // }; // React.useEffect(() => { // optionList(); // }, []); return ( <main> <Modal open={modalOpen} close={closeModal} header="담당자 등록"> <div className="board-wrap"> <div> <div className="join-inner"> <div> </div> <div> <div className="flex-start margin-bottom2"> <label className="flex25" htmlFor="name"> 기관명 </label> <select name="division" id="section"> <option value="manager">기관명</option> </select> </div> </div> <div> <div className="flex-start margin-bottom2"> <label className="flex25" htmlFor="name"> 이름 </label> <input type="text" name="name" placeholder="" autocomplete="off" id="name" /> </div> </div> <div className="id"> <div className="flex-start margin-bottom2"> <label className="flex25" htmlFor="id"> 아이디 </label> <input type="text" name="id" placeholder="" autocomplete="off" id="id" /> <Button btnName={"중복확인"} className={"green-btn btn-large"} onclick="openIdChk()" /> </div> </div> <div> <div className="flex-start margin-bottom2"> <label className="flex25" htmlFor="password"> 비밀번호 </label> <input type="text" name="password" placeholder="" autocomplete="off" id="password" /> </div> </div> <div> <div className="flex margin-bottom2"> <label className="flex25" htmlFor="phone_number"> 전화번호 </label> <input type="text" name="phone_number" placeholder="" autocomplete="off" id="phone_number" /> </div> </div> <div className="btn-wrap flex-center"> <Button className={"gray-btn btn-large"} btnName={"취소"} /> <Button className={"green-btn btn-large"} btnName={"등록"} onClick={() => { navigate("Login"); }} /> </div> </div> </div> </div> </Modal> <div className="content-wrap"> <ContentTitle contentTitle={"사용자 조회"} /> <div> <div className="board-wrap"> <div className="flex"> <SubTitle className="margin-bottom" explanation={"해당 시행기관의 사용자를 관리할 수 있습니다."} /> <div className="btn-wrap flex-end margin-bottom "> <Button className={"btn-small green-btn"} btnName={"등록"} onClick={openModal} /> </div> </div > <Table className={"senior-table"} head={thead} contents={content} contentKey={key} onClick={() => { navigate("/SeniorSelectOne"); }} /> </div> </div> </div> </main> ); }