feat: pms-#3266 "배정강사 클릭시 레이어 팝업으로 강사 정보 노출해주세요" 진행중

This commit is contained in:
hylee 2023-07-14 11:47:55 +09:00
parent abd4d51815
commit 64272a59ac
3 changed files with 274 additions and 1 deletions

View File

@ -251,6 +251,8 @@ public class EduEndTngrController {
//List<VEEduAplctVO> vEEduAplctVOList = vEEduMIXService.selectPagingList(vEEduAplctVO);
List<VEEduChasiVO> vEEduChasiVOList = vEEduMIXService.selectChasiList(vEEduChasiVO);
System.out.println("============================");
//3.pageing step3
paginationInfo = this.setPagingStep3_2(vEEduChasiVOList, paginationInfo);

View File

@ -128,6 +128,47 @@
});
}
function selectInstrInfo(instrId){
$.ajax({
type:"POST"
,url:"${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduEnd/selectEduChasiStatusAjax.do"
,data: {
"eduAplctOrd" : id
,"eduChasiOrd" : chId
}
,dataType:'json'
,success:function(returnData){
console.log(returnData);
var info = returnData.chasiInfo;
var tm = info.strtTm.replace(/(.{2})/,"$1:") +"~"+ info.endTm.replace(/(.{2})/,"$1:")+"("+info.lrnTm+"분)"
$("#popupEduHopeDt").text(info.eduHopeDt);
$("#popupTm").text(tm);
$("#popupDivCd").text(info.divCd);
$("#popupTrgt").text(info.trgt);
$("#popupInstrNm").text(info.instrNm);
$("#popupPrsnl").text(info.prsnl);
$("#eduAplctOrd").val(info.eduAplctOrd);
$("#eduChasiOrd").val(info.eduChasiOrd);
$(".popupInput").removeAttr("readonly");
$(".popupInput").val("0");
if(action == "select"){
$("#popupSubmin").hide();
$("#popupSrvyStatus").text("설문완료");
selectChasiSrvyInfo(id, chId);
}else{
$("#popupSubmin").show();
$("#popupSrvyStatus").text("설문진행중");
}
}
,error:function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
function selectChasiSrvyInfo(id, chId){
$.ajax({
type:"POST"
@ -458,6 +499,10 @@
</form>
<!--// 강의만족도 결과 등록 팝업-->
<div class="tooltip-wrap srvyPopupPrintDiv" id="srvyPopupPrintDiv">
<div class="popup_wrap popType05" tabindex="0" data-tooltip-con="sub37_pop02" data-focus="sub37_pop02" data-focus-prev="sub37_pop02_close">
<div class="popup_tit">
@ -536,6 +581,216 @@
</div>
</div>
<div class="tooltip-wrap">
<div class="popup_wrap popType05" tabindex="0" data-tooltip-con="instrInfo_pop01" data-focus="instrInfo_pop01" data-focus-prev="instrInfo_pop01_close" style="width:800px;">
<div class="popup_tit">
<p>강사 정보</p>
<button class="btn_popup_close tooltip-close" data-focus="instrInfo_pop01_close" title="팝업 닫기"><i></i></button>
</div>
<div class="popup_cont">
<div class="cont_body">
<div class="pop_tb_type01">
<table>
<caption>성인대상 강사신청 등록 (th 명)을 입력하는 표</caption>
<colgroup>
<col style="width: 120px;">
<col style="width: auto;">
<col style="width: 120px;">
<col style="width: auto;">
</colgroup>
<tbody>
<tr>
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>강사명</p>
</th>
<td colspan="3" style="position: relative;">
<!-- <label for="instrNm" class="label">강사명</label> -->
<p>원영현</p>
<div class="put_photo">
<div class="put_photo_in">
<div class="put_photo_box">
<img id="instrPhoto" alt="원영현 사진" src="/offeduadvc/uss/ion/pwm/getImage.do?atchFileId=FILE_000000000015890">
</div>
</div>
</div>
</td>
</tr>
<tr>
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>연락처(핸드폰)</p>
</th>
<td class="input_phone" colspan="3">
<p>010-9341-4986</p>
</td>
</tr>
<tr>
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>e-mail</p>
</th>
<td class="input_mail" colspan="3">
<p>rosehips@naver.com</p>
</td>
</tr>
<tr class="input_adress">
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>주소</p>
</th>
<td colspan="3">
<p>50445</p><br>
<p>경상남도 밀양시 가곡동 449-4&nbsp;1층 대강장</p>
</td>
</tr>
<tr>
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>거주지</p>
</th>
<td>
<p>경기도(남양주시 화도읍)</p>
</td>
</tr>
<tr>
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>생년월일</p>
</th>
<td>
<p>1980.12.01</p>
</td>
</tr>
<tr class="trLength4">
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>최종학교</p>
</th>
<td>
<p>카이스트</p>
</td>
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>전공</p>
</th>
<td>
<p></p>
</td>
</tr>
<tr class="trLength2">
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>최종학교</p>
</th>
<td colspan="3">
<p>카이스트</p>
</td>
</tr>
<tr class="trLength2">
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>전공</p>
</th>
<td colspan="3">
<p></p>
</td>
</tr>
<tr class="trLength4">
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>위촉년도</p>
</th>
<td>
<p>2022</p>
</td>
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>구분</p>
</th>
<td>
<p>입문</p>
</td>
</tr>
<tr class="trLength2">
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>위촉년도</p>
</th>
<td colspan="3">
<p>2022</p>
</td>
</tr><tr>
</tr><tr class="trLength2">
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>구분</p>
</th>
<td colspan="3">
<p>입문</p>
</td>
</tr>
<tr><th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>위촉구분</p>
</th>
<td>
<p></p><p>1기</p><p></p>
</td>
</tr>
<tr>
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>활동경력</p>
</th>
<td colspan="3">
<label for="actvtCarer" class="label">활동경력 입력</label>
<textarea name="actvtCarer" id="actvtCarer" readonly="">0!!!!!!!!!!!!!</textarea>
</td>
</tr>
<tr>
<th scope="row">
<p class="req_text"><span>필수입력 항목</span>*</p>
<p>주요강의내용</p>
</th>
<td colspan="3">
<label for="mnLctrCn" class="label">주요강의내용 입력</label>
<textarea name="mnLctrCn" id="mnLctrCn" readonly="">00</textarea>
</td>
</tr>
</tbody>
</table>
</div>
<div class="pop_btn_wrap btn_layout01">
<div class="btn_left">
</div>
<div class="btn_center">
<button type="button" class="btnType05" id="popupSubmin" onclick="srvySendSubmit();">제출</button>
<button type="button" class="btnType02 tooltip-close" data-focus="instrInfo_pop01_close" data-focus-next="instrInfo_pop01">취소</button>
</div>
<div class="btn_right">
</div>
</div>
</div>
</div>
</div>
</div>
<form:form id="listForm" name="listForm" commandName="vEEduAplctVO" onsubmit="return false;" method="post">
<input type="hidden" name="pageIndex" value="<c:out value='${vEEduAplctVO.pageIndex}' default='1' />"/>
<input type="hidden" name="searchSortCnd" value="<c:out value="${vEEduAplctVO.searchSortCnd}" />" />
@ -774,7 +1029,19 @@
</td>
<td><kc:code codeId="VE0010" code="${list.divCd}"/></td>
<td>${list.trgt}</td>
<td>${empty list.instrNm ? '-' : cryptoUtil.decrypt(list.instrNm)}</td>
<td>
<%-- <td>${empty list.instrNm ? '-' : cryptoUtil.decrypt(list.instrNm)}</td> --%>
<c:choose>
<c:when test="${empty list.instrNm }">
-
</c:when>
<c:otherwise>
<button type="button" class="btnType04" data-tooltip="instrInfo_pop01" onclick="selectInstrInfo('${list.eduAplctOrd}')" title="팝업 열림">${cryptoUtil.decrypt(list.instrNm) }</button>
<%-- <c:out value="${cryptoUtil.decrypt(list.instrNm) }" /> --%>
</c:otherwise>
</c:choose>
</td>
<td>${list.prsnl}</td>
<td>

View File

@ -97,6 +97,10 @@
.application_wrap .list ol li span {display:block;white-space:normal;word-break:break-all;}
.application_wrap .list ol li a {display:inline;color:#555;}
.pop_tb_type01 table tbody tr td .put_photo .put_photo_in {background-color: #f5f5f5; width: 128px; height: 165px; border: 1px solid #d5d5d5; border-radius: 5px; margin: 7px; box-sizing: border-box; position: relative; overflow: hidden;}
@media all and (max-width: 767px){
.popup_cont {padding: 10px;}
.popup_wrap.popType02 {width: 360px;}