|
|
@@ -0,0 +1,101 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="mob/common/layout/MypageLayoutMob">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : MypageOrderListFormMob.html
|
|
|
+ * @desc : 마이페이지 > 주문확인/배송조회 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2021 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.04.19 jsh77b 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+<body>
|
|
|
+
|
|
|
+<th:block layout:fragment="content">
|
|
|
+<main role="" id="" class="container my">
|
|
|
+ <section class="content my_order">
|
|
|
+ <div class="inner">
|
|
|
+ <div class="order_sort">
|
|
|
+ <a href="javascript:;" class="od_date_btn">최근 1개월</a>
|
|
|
+ <a href="javascript:;" class="od_status_btn">전체</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <!-- 주문목록 -->
|
|
|
+ <div class="area_list" id="orderList">
|
|
|
+ </div>
|
|
|
+ <!-- //주문목록 -->
|
|
|
+
|
|
|
+
|
|
|
+ </section>
|
|
|
+</main>
|
|
|
+<!-- 210408_분류 팝업 추가 -->
|
|
|
+
|
|
|
+<script src="/ux/plugins/gaga/gaga.paging.js"></script>
|
|
|
+<script th:inline="javascript">
|
|
|
+// 변수설정
|
|
|
+var custNo = [[${customerInfo.custNo}]];
|
|
|
+var jsonObj = {};
|
|
|
+
|
|
|
+// 초기설정
|
|
|
+$(document).ready(function() {
|
|
|
+
|
|
|
+ // AJAX 로드를 위한 변수 설정
|
|
|
+ jsonObj = {
|
|
|
+ "pageNo" : 1
|
|
|
+ , "pageSize" : 5
|
|
|
+ , "pageUnit" : 10
|
|
|
+ , "ordDtlStat" : ""
|
|
|
+ , "stDate" : ""
|
|
|
+ , "edDate" : ""
|
|
|
+ , "custNo" : custNo
|
|
|
+ }
|
|
|
+ // AJAX 변수 설정
|
|
|
+ jsonData = JSON.stringify(jsonObj);
|
|
|
+
|
|
|
+ // 초기주문목로조회
|
|
|
+ fnSearchOrderList(1);
|
|
|
+
|
|
|
+});
|
|
|
+
|
|
|
+//주문 목록 조회
|
|
|
+var fnSearchOrderList = function(pageNo) {
|
|
|
+ alert(pageNo);
|
|
|
+
|
|
|
+ if (pageNo == null) {
|
|
|
+ pageNo = 1;
|
|
|
+ }
|
|
|
+
|
|
|
+ jsonObj.pageNo = pageNo;
|
|
|
+
|
|
|
+ $.ajax( {
|
|
|
+ type : "POST",
|
|
|
+ url : '/mypage/order/listInfo',
|
|
|
+ data : JSON.stringify(jsonObj),
|
|
|
+ dataType : 'html',
|
|
|
+ beforeSend : function(xhr, settings) {
|
|
|
+ xhr.setRequestHeader("AJAX" , "true");
|
|
|
+ xhr.setRequestHeader('Accept' , 'application/json');
|
|
|
+ xhr.setRequestHeader('Content-Type' , 'application/json');
|
|
|
+ gagajf.showProgressbar(true);
|
|
|
+ },
|
|
|
+ success : function(result) {
|
|
|
+ if (result != null) {
|
|
|
+ $("#orderList").css("display", "block");
|
|
|
+ $("#orderList").append(result);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+</script>
|
|
|
+</th:block>
|
|
|
+</body>
|
|
|
+</html>
|