Просмотр исходного кода

회원 화면 변경 사항 반영

jsshin 5 лет назад
Родитель
Сommit
31be3205ed

+ 15 - 13
src/main/webapp/WEB-INF/views/web/customer/CertificationFormWeb.html

@@ -5,15 +5,15 @@
 	layout:decorator="web/common/layout/DefaultLayoutWeb">
 <!--
  *******************************************************************************
- * @source  : DormantCertifyFormWeb.html
- * @desc    : 휴면회원 본인인증 Page
+ * @source  : CertificationFormWeb.html
+ * @desc    : 본인인증 확인 Page
  *============================================================================
  * STYLE24
  * Copyright(C) 2021 TSIT, All rights reserved.
  *============================================================================
  * VER  DATE         AUTHOR      DESCRIPTION
  * ===  ===========  ==========  =============================================
- * 1.0  2021.02.05   jsshin     최초 작성
+ * 1.0  2021.03.11   jsshin     최초 작성
  *******************************************************************************
  -->
 <body>
@@ -21,21 +21,23 @@
 <th:block layout:fragment="content">
 <div id="container" class="container mb">
 	<div class="wrap">
-		<div class="content dormant"> <!-- 페이지특정 클래스 = dormant -->
+		<div class="content authentic"> <!-- 페이지특정 클래스 = dormant -->
 			<div class="cont_head">
-				<h4>본인인증</h4>
+				<h4>본인 인증 확인</h4>
 			</div>
 			<div class="cont_body">
 				<form class="form_wrap form_col_c form_full" role="form">
-					<div class="form_info">
-						<span class="ico_content_dormant"></span>
-						<p class="c_primary">본인인증이 필요한 고객이므로 본인인증 해주시기 바랍니다.</p>
-					</div>
-					<div class="btn_group_block">
-						<div class="ui_row">
+					<div class="find_result clear">
+						<div class="form_info">
+							<p>
+								본인 인증 후에 STYLE24의<br>
+								다양한 서비스를 이용하실 수 있습니다.
+							</p>
+						</div>
+						<div class="btn_group_block btn_group_md ui_row">
 							<div class="ui_col_12">
-								<button type="button" class="btn btn_default btn_block" onclick="cfnOpenCellphoneCertify();">
-									<span><i class="ico ico_phone"></i>휴대폰인증</span>
+								<button class="btn btn_primary btn_block" onclick="cfnOpenCellphoneCertify();">
+									<span>휴대폰 본인인증</span>
 								</button>
 							</div>
 						</div>

+ 8 - 7
src/main/webapp/WEB-INF/views/web/customer/IdFindFormWeb.html

@@ -41,7 +41,7 @@
 						<div class="registration_tap">
 							<div class="form_group" style="display: block;">
 								<!-- 아이디찾기일경우 -->
-								<div class="form_field">
+								<div id="searchDiv" class="form_field">
 									<div>
 										<input type="radio" name="rdi-mbCertify1" id="rdi-mbCertify11" checked="checked"/>
 										<label for="rdi-mbCertify11"><span>회원정보인증</span></label>
@@ -254,6 +254,8 @@
 		// 찾기결과
 		var fnInfoConfirmCallBack = function (result) {
 			$('#searchDiv').hide();
+			$('.regist_box').hide();
+			$('.form_field').hide();
 			if (result.isFind) {
 				fnGetDisplaySucc(result.authMethod, result);
 			} else {
@@ -265,9 +267,6 @@
 		var fnGetDisplaySucc = function (authMethod, custInfo) {
 			$('#resultId').text(custInfo.maskingCustId);
 			$('#joinDt').text(fnToDateFormat(custInfo.joinDt));
-			$('.registration_nav').hide();
-			$('.regist_box').hide();
-			$('.form_field').hide();
 			let joinPath = fnSnsJoinPath(custInfo); // 가입경로 : 직접이면 표시 안함, 간편가입 연동 표시
 			if (!gagajf.isNull(joinPath)) {
 				$('#liJoinPath').show();
@@ -278,8 +277,6 @@
 
 		// 찾기실패
 		var fnGetDisplayFail = function (authMethod) {
-			$('.form_head').hide();
-			$('.registration_nav').hide();
 			if (authMethod === 'custInfo') {
 				$('#failCustId').show();
 			}
@@ -306,7 +303,11 @@
 				}
 				snsType += 'KAKAO';
 			}
-			snsType += ' 연동';
+			if (!gagajf.isNull(snsType)) {
+				snsType += '연동';
+			} else {
+				snsType += 'STYLE24';
+			}
 			return snsType;
 		};
 

+ 35 - 59
src/main/webapp/WEB-INF/views/web/customer/JoinFormWeb.html

@@ -36,7 +36,7 @@
 						<label class="input_label sr-only">아이디</label>
 						<div class="input_wrap form_full">
 							<input type="text" id="custId" name="custId" placeholder="아이디(4~12자)" class="form_control" required="required" data-valid-type="alphaNumeric" data-valid-name="아이디" minlength="4" maxlength="12"/>
-							<span class="usable" style="display:block;"></span><!-- display:block / display:none 으로 control -->
+							<span class="usable" style="display:block;"></span>
 						</div>
 						<div id="dupCustIdDiv" class="help_block hide">
 							<p class="t_err">이미 가입된 아이디입니다.다른 아이디를 입력하여 주세요.</p>
@@ -125,32 +125,36 @@
 					</div>
 					<div class="form_field">
 						<label class="input_label sr-only">휴대폰번호</label>
-						<div class="input_wrap form_full">
-							<input type="text" id="cellPhnno" name="cellPhnno" placeholder="휴대폰 인증 해주세요." class="form_control" minlength="10" maxlength="11" required="required" data-valid-type="numeric" data-valid-name="휴대폰" readonly="readonly"/>
-							<!-- case (휴대폰번호 형식이 맞지 않을경우,이미 가입되어있는 핸드폰번호일경우) -->
-							<div class="help_block">
-								<!-- 휴대폰번호 형식이 맞지 않을경우 -->
-								<p id="failPhnno" class="t_err hide">휴대폰번호를 형식에 맞게 정확히 입력해주세요</p>
-								<!-- //휴대폰번호 형식이 맞지 않을경우 -->
-								<!-- 이미 가입되어있는 핸드폰번호일경우 -->
-								<p id="dupPhnno" class="t_err hide">I***D로 가입한 이력이 있습니다.</p>
-								<div id="dupPhnnoDiv" class="mt20 hide">
-									<button type="button" class="btn btn_default btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN);">
-										<span>로그인</span>
-									</button>
-									<button type="button" class="btn btn_default btn_sm" onclick="cfnGoToPage(_PAGE_CUSTOMER_ID_FIND);">
-										<span>아이디 찾기</span>
-									</button>
+						<div class="ui_row">
+							<div class="ui_col_9">
+								<div class="input_wrap">
+									<input type="text" id="cellPhnno" name="cellPhnno" placeholder="휴대폰 인증 해주세요." class="form_control" minlength="10" maxlength="11" required="required" data-valid-type="numeric" data-valid-name="휴대폰" readonly="readonly"/>
 								</div>
-								<div class="mt20">
-									<button type="button" id="btnCellPhoneCertify" class="btn btn_default btn_sm">
-										<span>휴대폰 인증</span>
-									</button>
-								</div>
-								<!-- //이미 가입되어있는 핸드폰번호일경우 -->
 							</div>
-							<!-- //case (휴대폰번호 형식이 맞지 않을경우,이미 가입되어있는 핸드폰번호일경우) -->
+							<div class="ui_col_3">
+								<button type="button" id="btnCellPhoneCertify" class="btn btn_dark btn_block">
+									<span>본인인증</span>
+								</button>
+							</div>
 						</div>
+						<!-- case (휴대폰번호 형식이 맞지 않을경우,이미 가입되어있는 핸드폰번호일경우) -->
+						<div class="help_block">
+							<!-- 휴대폰번호 형식이 맞지 않을경우 -->
+							<p id="failPhnno" class="t_err hide">휴대폰번호를 형식에 맞게 정확히 입력해주세요</p>
+							<!-- //휴대폰번호 형식이 맞지 않을경우 -->
+							<!-- 이미 가입되어있는 핸드폰번호일경우 -->
+							<p id="dupPhnno" class="t_err hide">I***D로 가입한 이력이 있습니다.</p>
+							<div id="dupPhnnoDiv" class="mt20 hide">
+								<button type="button" class="btn btn_default btn_sm" onclick="cfnGoToPage(_PAGE_LOGIN);">
+									<span>로그인</span>
+								</button>
+								<button type="button" class="btn btn_default btn_sm" onclick="cfnGoToPage(_PAGE_CUSTOMER_ID_FIND);">
+									<span>아이디 찾기</span>
+								</button>
+							</div>
+							<!-- //이미 가입되어있는 핸드폰번호일경우 -->
+						</div>
+						<!-- //case (휴대폰번호 형식이 맞지 않을경우,이미 가입되어있는 핸드폰번호일경우) -->
 					</div>
 					<div class="mt40">
 						<button type="button" id="btnJoin" class="btn btn_primary btn_block" disabled="disabled">
@@ -195,7 +199,7 @@
 	var fnIdConfirmCallBack = function (result) {
 		const $dupCustIdDiv = $('#dupCustIdDiv');
 		const $custId = $('#custId');
-		const $usable = $('.usable');
+		const $usable = $('span > .usable');
 
 		if (result.isFind) { // 중복된 아이디가 존재
 			$custId.addClass('err');
@@ -348,30 +352,6 @@
 		fnPossibleJoin();
 	};
 
-	//	휴대폰 확인
-	$('#cellPhnno').on('blur', function () {
-		const $failPhnno = $('#failPhnno');
-		let cellPhnno = $(this).val();
-		let validation;
-
-		if (!gagajf.isNull(cellPhnno)) {
-			if (cellPhnno.length > 9) {
-				$failPhnno.hide();
-				validation = true;
-			} else {
-				$failPhnno.show();
-				validation = false;
-			}
-			if (validation) {
-				let custInfo = {};
-				custInfo.cellPhnno = cellPhnno;
-				let jsonData = JSON.stringify(custInfo);
-				gagajf.ajaxJsonSubmit('/customer/cellphnno/check', jsonData, fnPhoneConfirmCallBack);
-			}
-		}
-	});
-
-
 	//휴대폰 인증
 	$('#btnCellPhoneCertify').on('click', function () {
 		cfnOpenCellphoneCertify();
@@ -396,27 +376,23 @@
 		$cellPhnno.val(result.cellPhnno);
 
 		if (result.isFind) { // 가입된 고객 정보가 있으면
-			let msg = result.maskingCustId+"로 가입된 이력이 있습니다.";
+			let msg = '';
 			if (result.custStat === 'G104_30') {
-				msg += "<br/> 탈퇴한 회원입니다. 탈퇴 후 60일 동안 재가입이 불가능합니다.";
-			}
-			if (result.custStat === 'G104_20') {
-				msg += "<br/> 휴면회원입니다. 해당 아이디로 휴면해제하시면 되겠습니다.";
+				msg = "탈퇴한 회원입니다. 탈퇴 후 60일 동안 재가입이 불가능합니다.";
+			} else {
+				msg = result.maskingCustId+"로 가입된 이력이 있습니다.";
 			}
 			$dupPhnno.html(msg);
 			$dupPhnno.show();
 			$dupPhnnoDiv.show();
-			$btnCellPhoneCertify.hide();
-			$btnCellPhoneCertify.text('휴대폰 인증');
-			$btnCellPhoneCertify.attr('disabled', false);
 			authCheck = false;
 		} else {
 			$dupPhnno.hide();
 			$dupPhnnoDiv.hide();
-			$btnCellPhoneCertify.text('인증완료');
-			$btnCellPhoneCertify.attr('disabled', true);
 			authCheck = true;
 		}
+		$btnCellPhoneCertify.find('span').text('인증완료');
+		$btnCellPhoneCertify.attr('disabled', true);
 		fnPossibleJoin();
 	};
 

+ 8 - 10
src/main/webapp/WEB-INF/views/web/customer/PasswordCampaignFormWeb.html

@@ -28,16 +28,14 @@
 			<div class="cont_body">
 				<form class="form_wrap form_col_c" role="form">
 					<div class="form_info">
-						<span class="ico_content_security"></span>
-						<p class="">고객님! <span class="c_primary">비밀번호 변경</span>으로 <br>소중한 개인정보를 지켜주세요!</p>
-						<p class="c_primary mt5">고객님은 3개월동안 비밀번호를 변경하지 않으셨습니다!</p>
+						<p class="">고객님! <span class="c_primary">비밀번호 변경</span>으로 소중한 개인정보를 지켜주세요!</p>
+						<p class="t_info mt10">고객님은 3개월동안 비밀번호를 변경하지 않으셨습니다!</p>
 					</div>
-					<div class="form_summary t_c">
-						<p class="t_info mt10">장기간 비밀번호를 변경하지 않고 동일한 비밀번호를 사용중인 경우,
-							<br> 개인정보를 안전하게 보호하고, 개인정보 도용으로 인한 피해를 방지하기 위해
-							<br>주기적으로 비밀번호를 변경하도록 안내해드리고 있습니다.
-						</p>
-						<p class="t_info mt10">고객님의 소중한 정보 보호를 위해 적극적인 참여 부탁 드립니다.</p>
+					<div class="info_txt">
+						<ul>
+							<li>장기간 비밀번호를 변경하지 않고 동일한 비밀번호를 사용중인 경우, <br> 개인정보를 안전하게 보호하고, 개인정보 도용으로 인한 피해를 방지하기 위해 <br>주기적으로 비밀번호를 변경하도록 안내해드리고 있습니다.</li>
+							<li>고객님의 소중한 정보 보호를 위해 적극적인 참여 부탁 드립니다.</li>
+						</ul>
 					</div>
 					<div class="btn_group_block btn_group_md ui_row">
 						<div class="ui_col_6">
@@ -46,7 +44,7 @@
 							</button>
 						</div>
 						<div class="ui_col_6">
-							<button type="button" class="btn btn_dark btn_block" id="btnPwdNext">
+							<button type="button" class="btn btn_default btn_block" id="btnPwdNext">
 								<span>30일간 보지않기</span>
 							</button>
 						</div>

+ 1 - 1
src/main/webapp/WEB-INF/views/web/customer/PasswordFindFormWeb.html

@@ -90,7 +90,7 @@
 									<!-- 휴대폰인증 -->
 									<div class="regist_box">
 										<div class="txt">
-											<p>회원님의 명의로 등록된 휴대폰으로<br>본인확인을 진행합니다.</p>
+											<p>회원님의 명의로 등록된 휴대폰으로 본인확인을 진행합니다.</p>
 										</div>
 										<div class="ui_row mt20">
 											<div class="ui_col_12">

+ 1 - 0
src/main/webapp/ux/style24_link.js

@@ -27,6 +27,7 @@ const _PAGE_CUSTOMER_SECEDE_COMPLETE = _frontUrl + "/customer/secede/complete/fo
 const _PAGE_CUSTOMER_CERTIFICATION = _frontUrl + "/customer/certification/form"						// 고객 > 본인인증화면
 const _PAGE_USE_TERMS = _frontUrl + "/customer/use/terms/form";										// Footer > 이용약관
 const _PAGE_PRIVACY_POLICY = _frontUrl + "/customer/privacy/policy/form";							// Footer > 개인정보취급방침
+const _PAGE_CUSTOMER_AGREEMENT = _frontUrl + ""
 
 //== 상품상세 ==/
 const _PAGE_GOODS_DETAIL = _frontUrl + "/goods/detail/form?goodsCd=";								// 상품 상세