|
|
@@ -0,0 +1,106 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org"
|
|
|
+ xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
|
|
|
+ layout:decorator="web/common/layout/DefaultLayoutWeb">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : NonCustOrderConfirmFormWeb.html
|
|
|
+ * @desc : 비회원주문확인
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2021 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.04.20 jsshin 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+<th:block layout:fragment="content">
|
|
|
+<!-- container -->
|
|
|
+<div id="container" class="container mb">
|
|
|
+ <div class="wrap">
|
|
|
+ <div class="content non_mb_oder"> <!-- 페이지특정 클래스 = non_mb_oder -->
|
|
|
+ <div class="cont_head">
|
|
|
+ <h4>비회원 주문 조회</h4>
|
|
|
+ </div>
|
|
|
+ <div class="cont_body">
|
|
|
+ <form id="nonCustOrderForm" class="form_wrap form_col_c form_full" role="form">
|
|
|
+ <div class="form_info">
|
|
|
+ <span class="ico_content_order"></span>
|
|
|
+ <p>
|
|
|
+ 고객님의 주문 확인을 위해<br>주문번호 와 비밀번호를 입력하여 주세요.
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ <div class="form_field mt40">
|
|
|
+ <label class="input_label sr-only">이름(주문자명)</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" name="ordNm" placeholder="이름(주문자명)" id="ordNm" minlength="20" required="required" data-valid-name="이름"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">휴대폰 번호</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" name="ordTelno" placeholder="휴대폰 번호" id="ordTelno" minlength="10" maxlength="11" required="required" data-valid-type="numeric" data-valid-name="휴대폰"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_field">
|
|
|
+ <label class="input_label sr-only">주문번호</label>
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <div class="input_wrap">
|
|
|
+ <input type="text" name="ordNo" placeholder="주문 번호" id="ordNo" required="required" data-valid-type="numeric" data-valid-name="주문번호"/>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="btn_group_block btn_group_md ui_row mb40">
|
|
|
+ <div class="ui_col_12">
|
|
|
+ <button type="button" id="btnNonOrder" class="btn btn_primary btn_block">
|
|
|
+ <span>비회원 주문확인</span>
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form_summary clear">
|
|
|
+ <p class="txt normal">
|
|
|
+ STYLE24 고객센터
|
|
|
+ <span data-font="lato" class="c_primary ml10 bold">1544-5336</span>
|
|
|
+ </p>
|
|
|
+ <p class="t_info light mb40">
|
|
|
+ 비회원 주문확인 중 궁금하신 사항은 고객센터로 문의해주세요.
|
|
|
+ </p>
|
|
|
+ <p class="txt normal">
|
|
|
+ 아직 STYLE24 회원이 아니시라면?
|
|
|
+ <button type="button" class="btn btn_default" onclick="cfnGoToPage(_PAGE_CUSTOMER_JOIN_TYPE);">
|
|
|
+ <span>회원가입</span>
|
|
|
+ </button>
|
|
|
+ </p>
|
|
|
+ <p class="t_info light">
|
|
|
+ 쇼핑 혜택충만! STYLE24 회원이 되세요!
|
|
|
+ </p>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ $('#btnNonOrder').on('click', function () {
|
|
|
+ if (!gagajf.validation($('#nonCustOrderForm'))) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ mcxDialog.alert("개발중입니다.");
|
|
|
+ });
|
|
|
+
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+
|
|
|
+</th:block>
|
|
|
+</body>
|
|
|
+</html>
|
|
|
+
|
|
|
+
|
jsshin