마이페이지 > 보안로그인 화면

This commit is contained in:
hehihoho3@gmail.com 2024-11-19 14:13:37 +09:00
parent d69435b068
commit 0f01c43ead

View File

@ -47,6 +47,32 @@ $(document).ready(function(){
subContentSendReserv(); //발송,예약건수
subContentKakaoATSentList();//톡 발송 정보
$('#showLoginBtn').on('click', function() {
$('.security_login').fadeIn(); // 서서히 나타나도록 설정
});
});
// 보안 로그인
$(document).ready(function(){
$('#showLoginBtn').on('click', function() {
if ($('#securityLogin').is(':visible')) {
$('#securityLogin').fadeOut(); // 서서히 사라짐
$(this).text('보안 로그인 표시'); // 버튼 텍스트 변경
} else {
$('#securityLogin').fadeIn(); // 서서히 나타남
$(this).text('보안 로그인 숨기기'); // 버튼 텍스트 변경
}
});
});
//기간 요일 지정
@ -374,9 +400,10 @@ function getMberGrdChk() {
<span class="user_name"><c:out value="${mberManageVO.mberNm}"/></span>
회원님 반갑습니다
</p>
<c:if test="${loginVO.dept eq 'p'}">
<button type="button" class="btnType" onclick="location.href='/web/user/membershipChange.do'">기업회원전환</button>
</c:if>
<%-- <c:if test="${loginVO.dept eq 'p'}"> --%>
<!-- <button type="button" class="btnType" onclick="location.href='/web/user/membershipChange.do'">기업회원전환</button> -->
<button type="button" class="btnType" id="showLoginBtn">보안로그인</button>
<%-- </c:if> --%>
</div>
<div class="send_price">
<div class="price_title">나의<br />단가</div>
@ -478,6 +505,130 @@ function getMberGrdChk() {
</div>
</div>
</div>
<!-- 보안로그인 -->
<!-- 보안로그인 -->
<!-- 보안로그인 -->
<!-- 보안로그인 -->
<!-- 보안로그인 -->
<!-- <div class="security_login" id="showLoginBtn" style="display: none;"> -->
<div class="security_login" id="securityLogin" style="display: none;">
<ul class="explanation_wrap box info">
<li>· 사이트 부정로그인으로 인한 피해를 방지할 수 있는 2차 로그인 인증 서비스입니다. </li>
<li>· 인증 휴대폰번호 추가 등록 또는 IP 접속 허용을 통해 편리한 사용이 가능합니다.</li>
<li>· 보안로그인 기능을 사용할 경우 로그인 시 등록한 휴대폰번호로 추가 인증이 진행됩니다.</li>
</ul>
<!-- 보안로그인 설정 -->
<div class="security_set box">
<p class="dashboard_title">보안로그인</p>
<div class="set_area">
<p class="lately_date">최근 변경일시 : <span>2024-11-01 12:49</span></p>
<div class="tab_depth1">
<a href="#none" class="on">ON</a>
<a href="#none">OFF</a>
</div>
</div>
</div>
<!-- //보안로그인 설정 -->
<!-- 접속 IP관리 -->
<div class="title_area">
<p class="dashboard_title">접속 IP 관리</p>
<p class="qmMark">?</p>
<div class="hover_cont" style="width:380px;left:160px;top:25px;">
<p>접속 IP를 미리 등록할 경우 2차 로그인 인증 없이 접속이 가능합니다. <br>
<span>(공용 PC는 보안상의 이유로 등록을 권장하지 않습니다.)</span></p>
</div>
<button type="button" class="btn_plus btn_ip_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
</div>
<div class="table_wrap ip_table">
<table>
<colgroup>
<col style="width: 26%;">
<col style="width: auto;">
<col style="width: 26%;">
<col style="width: 100px;">
</colgroup>
<thead>
<tr>
<th scope="col">허용IP</th>
<th scope="col">메모</th>
<th scope="col">등록일시</th>
<th scope="col">관리</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="text" class="input_text"></td>
<td><input type="text" class="input_text"></td>
<td>-</td>
<td><button type="button" class="btnType btnType5">등록</button></td>
</tr>
<tr>
<td>192.168.0.0</td>
<td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td>
<td>2024-11-11 11:11</td>
<td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
</tr>
</tbody>
</table>
</div>
<!-- //접속 IP관리 -->
<!-- 인증 휴대폰번호 관리 -->
<div class="title_area">
<p class="dashboard_title">인증 휴대폰번호 관리</p>
<p class="qmMark">?</p>
<div class="hover_cont" style="width:330px;left:240px;top:25px;">
<p>인증에 사용할 휴대폰번호를 추가로 등록하여 관리할 수 있습니다. <br>
(등록 및 삭제 시 휴대폰 본인인증 필요)</p>
</div>
<button type="button" class="btn_plus"><img src="/publish/images/content/mypage_plus.png" alt="더보기"></button>
</div>
<div class="table_wrap">
<table>
<colgroup>
<col style="width: calc((100% - 100px)/2);">
<col style="width: calc((100% - 100px)/2);">
<col style="width: 100px;">
</colgroup>
<thead>
<tr>
<th scope="col">휴대폰번호</th>
<th scope="col">등록일시</th>
<th scope="col">관리</th>
</tr>
</thead>
<tbody>
<tr>
<td>010-0000-0000</td>
<td>2024-11-04 11:54</td>
<td>-</td>
</tr>
<tr>
<td>192.168.0.0</td>
<td>dadfadfjadkfjalkdjfajflajdlfjaldjflajd</td>
<td><button type="button" class="btnType btn_text btn_lightgray fill btn_28">삭제</button></td>
</tr>
</tbody>
</table>
</div>
<!-- //인증 휴대폰번호 관리 -->
</div>
<!-- //보안로그인 -->
<!-- //보안로그인 -->
<!-- //보안로그인 -->
<!-- //보안로그인 -->
<!-- //보안로그인 -->
<!-- //보안로그인 -->
<div class="my_dashboard_cont3">
<p class="dashboard_title">이용내역</p>