Commit @ab8aab693d87f2207114119172b4f2d41af08bf1

하석형 2023-02-24

230224 하석형 시행기관 장비 상세조회 작업 중

@ab8aab693d87f2207114119172b4f2d41af08bf1

37b795b

ab8aab6

client/views/pages/equipment/EquipmentManagementSelect.jsx

--- client/views/pages/equipment/EquipmentManagementSelect.jsx

+++ client/views/pages/equipment/EquipmentManagementSelect.jsx


 	const [seniorMatchInsertModal, setSeniorMatchInsertModal] = React.useState(false);
 	// 대상자 장비 반납 모달창
 	const [seniorMatchReturnModal, setSeniorMatchReturnModal] = React.useState(false);
+	// 시행기관 장비 상세 조회 모달창
+	const [agencyEquipmentOneModal, setAgencyEquipmentOneModal] = React.useState(false);
 
 	// 장비 비매칭 대상자 목록
 	const [equipmentNotMatchSeniorList, setEquipmentNotMatchSeniorList] = React.useState([]);

 		setSeniorEquipment(data);
 	};
 
+
+	// 대상자 장비 등록 모달창 열기
+	const agencyEquipmentOneModalOpen = (item) => {
+		setSeniorEquipment(item); // 선택한 장비 데이터 저장
+		setAgencyEquipmentOneModal(true);
+	};
+	// 대상자 장비 등록 모달창 닫기
+	const agencyEquipmentOneModalClose = () => {
+		setAgencyEquipmentOneModal(false);
+	};
 
 	// 시행기관 전체 장비 목록 조회
 	const agencyEquipmentSelectList = () => {

 							{agencyEquipmentList.map((item, index) => {
 								if(item)
 								return (
-									<tr key={index}>
+									<tr key={index} onclick={agencyEquipmentOneModalOpen}>
 										<td>{agencyEquipmentList.length - index}</td>
 										{/* {key11.map((kes) => {
 											if(kes == "equipment_rental_state") {

 											return <td>{Object.values(equipmentRentalStates)[idx]}</td>
 										})}
 										<td>{item['equipment_match_idx']}</td>
-										<td>
+										<td onClick={event.stopPropagation()}>
 											{
 												item['equipment_rental_state'] == 'RENTABLE'
 													? <Button

 				</div>
 			</Modal>
 
+			<Modal open={agencyEquipmentOneModal} close={agencyEquipmentOneModalClose} header="장비 상세 조회">
+				<div className="board-wrap">
+					<div>
+						<table className={"caregiver-user"}>
+							<thead>
+								<tr>
+									{thead55.map((i) => {
+										return <th>{i}</th>;
+									})}
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									<td>
+										<input type="date" onChange={seniorEquipmentRentalReturnDateInsert} />
+									</td>
+									<td>
+										<input type="text" list="senior_list" placeholder="반납 담당자를 입력해 주세요" onChange={seniorEquipmentReturnUserIdInsert} />
+										<datalist id="senior_list">
+											{workerList.map((item) => {
+												return <option value={item['user_id']}>{item['user_name']}</option>
+											})}
+										</datalist>
+									</td>
+									<td>
+										<Button
+											className={"btn-small gray-btn"}
+											btnName={"선택"}
+											onClick={seniorEquipmentReturn}
+										/>
+									</td>
+								</tr>
+							</tbody>
+						</table>
+					</div>
+					<div>
+						<Button
+							className={"btn-100 green-btn"}
+							btnName={"닫기"}
+							onClick={seniorMatchInsertModalClose}
+						/>
+					</div>
+				</div>
+			</Modal>
+
 
 			<div className="tab-container">
 				<ul className="tab-menu">

Add a comment

Open 0
Closed 0

List

...	...	@@ -296,6 +296,8 @@
296	296	const [seniorMatchInsertModal, setSeniorMatchInsertModal] = React.useState(false);
297	297	// 대상자 장비 반납 모달창
298	298	const [seniorMatchReturnModal, setSeniorMatchReturnModal] = React.useState(false);
	299	+ // 시행기관 장비 상세 조회 모달창
	300	+ const [agencyEquipmentOneModal, setAgencyEquipmentOneModal] = React.useState(false);
299	301
300	302	// 장비 비매칭 대상자 목록
301	303	const [equipmentNotMatchSeniorList, setEquipmentNotMatchSeniorList] = React.useState([]);
...	...	@@ -393,6 +395,16 @@
393	395	setSeniorEquipment(data);
394	396	};
395	397
	398	+
	399	+ // 대상자 장비 등록 모달창 열기
	400	+ const agencyEquipmentOneModalOpen = (item) => {
	401	+ setSeniorEquipment(item); // 선택한 장비 데이터 저장
	402	+ setAgencyEquipmentOneModal(true);
	403	+ };
	404	+ // 대상자 장비 등록 모달창 닫기
	405	+ const agencyEquipmentOneModalClose = () => {
	406	+ setAgencyEquipmentOneModal(false);
	407	+ };
396	408
397	409	// 시행기관 전체 장비 목록 조회
398	410	const agencyEquipmentSelectList = () => {
...	...	@@ -806,7 +818,7 @@
806	818	{agencyEquipmentList.map((item, index) => {
807	819	if(item)
808	820	return (
809		- <tr key={index}>
	821	+ <tr key={index} onclick={agencyEquipmentOneModalOpen}>
810	822	<td>{agencyEquipmentList.length - index}</td>
811	823	{/* {key11.map((kes) => {
812	824	if(kes == "equipment_rental_state") {
...	...	@@ -829,7 +841,7 @@
829	841	return <td>{Object.values(equipmentRentalStates)[idx]}</td>
830	842	})}
831	843	<td>{item['equipment_match_idx']}</td>
832		- <td>
	844	+ <td onClick={event.stopPropagation()}>
833	845	{
834	846	item['equipment_rental_state'] == 'RENTABLE'
835	847	? <Button
...	...	@@ -1092,6 +1104,51 @@
1092	1104	</div>
1093	1105	</Modal>
1094	1106
	1107	+ <Modal open={agencyEquipmentOneModal} close={agencyEquipmentOneModalClose} header="장비 상세 조회">
	1108	+ <div className="board-wrap">
	1109	+ <div>
	1110	+ <table className={"caregiver-user"}>
	1111	+ <thead>
	1112	+ <tr>
	1113	+ {thead55.map((i) => {
	1114	+ return <th>{i}</th>;
	1115	+ })}
	1116	+ </tr>
	1117	+ </thead>
	1118	+ <tbody>
	1119	+ <tr>
	1120	+ <td>
	1121	+ <input type="date" onChange={seniorEquipmentRentalReturnDateInsert} />
	1122	+ </td>
	1123	+ <td>
	1124	+ <input type="text" list="senior_list" placeholder="반납 담당자를 입력해 주세요" onChange={seniorEquipmentReturnUserIdInsert} />
	1125	+ <datalist id="senior_list">
	1126	+ {workerList.map((item) => {
	1127	+ return <option value={item['user_id']}>{item['user_name']}</option>
	1128	+ })}
	1129	+ </datalist>
	1130	+ </td>
	1131	+ <td>
	1132	+ <Button
	1133	+ className={"btn-small gray-btn"}
	1134	+ btnName={"선택"}
	1135	+ onClick={seniorEquipmentReturn}
	1136	+ />
	1137	+ </td>
	1138	+ </tr>
	1139	+ </tbody>
	1140	+ </table>
	1141	+ </div>
	1142	+ <div>
	1143	+ <Button
	1144	+ className={"btn-100 green-btn"}
	1145	+ btnName={"닫기"}
	1146	+ onClick={seniorMatchInsertModalClose}
	1147	+ />
	1148	+ </div>
	1149	+ </div>
	1150	+ </Modal>
	1151	+
1095	1152
1096	1153	<div className="tab-container">
1097	1154	<ul className="tab-menu">

Delete comment