|
|
@@ -0,0 +1,159 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="ko"
|
|
|
+ xmlns:th="http://www.thymeleaf.org">
|
|
|
+<!--
|
|
|
+ *******************************************************************************
|
|
|
+ * @source : ExtmallOrderRegisterForm.html
|
|
|
+ * @desc : 제휴몰 주문업로드 Page
|
|
|
+ *============================================================================
|
|
|
+ * STYLE24
|
|
|
+ * Copyright(C) 2020 TSIT, All rights reserved.
|
|
|
+ *============================================================================
|
|
|
+ * VER DATE AUTHOR DESCRIPTION
|
|
|
+ * === =========== ========== =============================================
|
|
|
+ * 1.0 2021.05.20 jmh 최초 작성
|
|
|
+ *******************************************************************************
|
|
|
+ -->
|
|
|
+ <div id="main">
|
|
|
+ <!-- 메인타이틀 영역 -->
|
|
|
+ <div class="main-title">
|
|
|
+ </div>
|
|
|
+ <!-- //메인타이틀 영역 -->
|
|
|
+
|
|
|
+ <!-- 메뉴 설명 -->
|
|
|
+ <div class="infoBox menu-desc">
|
|
|
+ </div>
|
|
|
+ <!-- //메뉴 설명 -->
|
|
|
+
|
|
|
+
|
|
|
+ <form id="searchForm" name="searchForm" action="#" th:action="@{'/shoplinker/order/collection/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
|
|
|
+ <!-- 검색조건 영역 -->
|
|
|
+ <div class="panelStyle">
|
|
|
+ <ul class="lrStyle">
|
|
|
+ <li>
|
|
|
+ <p class="dot">주문등록샘플 엑셀파일을 다운로드 할 경우 <font color="red">[샘플다운로드]</font> 버튼을 클릭한다.</p>
|
|
|
+ <p class="dot"><font color="red">[엑셀업로드]</font> 버튼을 눌러 데이터를 업로드 한다. 업로드 된 데이터가 목록에 나타난다.</p>
|
|
|
+ <p class="dot"><font color="red">[주문등록]</font> 버튼을 눌러 주문등록을 완료한다.</p>
|
|
|
+ <p class="dot"><font color="red">주문등록 처리는 몇 분이 소요되기도 하며</font> 결과는 <font color="red">[결과확인]</font> 버튼을 눌러 확인할 수 있다.</p>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+
|
|
|
+ <ul class="panelBar padT20">
|
|
|
+ <li class="center">
|
|
|
+ <input type="button" class="btn btn-default btn-lg" id="btnExcelDown" onclick="cfnDownloadSampleFile('SF003');" value="외부몰 주문등록양식 다운로드" />
|
|
|
+ <input type="button" class="btn btn-primary btn-lg" id="btnExcelUpload" value="엑셀업로드"/>
|
|
|
+ <input type="button" class="btn btn-success btn-lg" id="btnSaveExtmallOrderUpload" value="주문등록"/>
|
|
|
+ <input type="button" class="btn btn-danger btn-lg" id="btnSearchExtmallOrderUpload" value="결과확인"/>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ <!-- 검색조건 영역 -->
|
|
|
+
|
|
|
+ <!-- 리스트 영역 -->
|
|
|
+ <div class="panelStyle">
|
|
|
+
|
|
|
+ <div id="gridList" style="width: 100%; height: 470px" class="ag-theme-balham"></div>
|
|
|
+ </div>
|
|
|
+ <!-- //리스트 영역 -->
|
|
|
+
|
|
|
+ </form>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+<script type="text/javascript" src="/ux/plugins/gaga/gaga.paging.js?v=20210114"></script>
|
|
|
+<script th:inline="javascript">
|
|
|
+/*<![CDATA[*/
|
|
|
+ var sessRoleCd = [[${sessionInfo.roleCd}]];
|
|
|
+
|
|
|
+ var statusValue = {"Y":"판매중", "N":"판매중지"};
|
|
|
+ var apiGbValue = {"10":"상품등록", "11":"상품수정"};
|
|
|
+ var procGbValue = {"1":"전송완료", "0":"전송실패"};
|
|
|
+
|
|
|
+ let vendorList = gagajf.convertToArray([[${vendorList}]]);
|
|
|
+ let extmallList = gagajf.convertToArray([[${extmallList}]]);
|
|
|
+ let uploadStatList = gagajf.convertToArray([[${uploadStatList}]]);
|
|
|
+ let uploadFailList = gagajf.convertToArray([[${uploadFailList}]]);
|
|
|
+
|
|
|
+ var columnDefs = [
|
|
|
+ {headerName: "업로드상태", field: "uploadStat", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "업로드실패사유", field: "uploadFailCd", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "업로드실패사유상세", field: "uploadFailReason", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "샵링커주문번호", field: "agentOrderId", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "쇼핑몰주문번호", field: "extmallOrderId", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "쇼핑몰주문일련번호", field: "extmallOrderDtlId", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "수집일시", field: "regDt", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문일시", field: "ordDt", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "결제일시", field: "payDt", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "외부몰벤더ID", field: "vendorId", width: 100, cellClass: 'text-center'},
|
|
|
+ {headerName: "외부몰ID", field: "extmallId", width: 100, cellClass: 'text-center'},
|
|
|
+ {headerName: "외부몰사용자ID", field: "extmallUserId", width: 100, cellClass: 'text-center'},
|
|
|
+ {headerName: "외부몰명", field: "extmallNm", width: 130, cellClass: 'text-center'},
|
|
|
+ {headerName: "상품코드", field: "goodsCd", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "사이즈코드", field: "sizeCd", width: 150, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문수량", field: "ordQty", width: 100, cellClass: 'text-center'},
|
|
|
+ {headerName: "판매금액", field: "ordAmt", width: 100, cellClass: 'text-center'},
|
|
|
+ {headerName: "실판매금액", field: "realOrdAmt", width: 100, cellClass: 'text-center'},
|
|
|
+ {headerName: "배송비", field: "delvFee", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문자명", field: "orderNm", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문자핸드폰번호", field: "orderPhnno", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문자전화번호", field: "orderTelno", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문자이메일", field: "orderEmail", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "수령자명", field: "recipNm", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "수령자핸드폰번호", field: "recipPhnno", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "수령자전화번호", field: "recipTelno", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "수령자이메일", field: "recipEmail", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "수령자우편번호", field: "recipPostNo", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "수령자기본주소", field: "recipBaseAddr", width: 300, cellClass: 'text-center'},
|
|
|
+ {headerName: "수령자상세주소", field: "recipDtlAddr", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "배송메모", field: "delvMemo", width: 200, cellClass: 'text-center'},
|
|
|
+ {headerName: "주문번호", field: "ordNo", width: 200, cellClass: 'text-center'}
|
|
|
+ ];
|
|
|
+
|
|
|
+
|
|
|
+ let gridOptions = gagaAgGrid.getGridOptions(columnDefs);
|
|
|
+
|
|
|
+ // Cell click
|
|
|
+ gridOptions.onCellClicked = function(event) {
|
|
|
+ if (event.colDef.field != 'extmallId')
|
|
|
+ return;
|
|
|
+
|
|
|
+ $('#detailForm select[name=vendorId]').val(event.data.vendorId);
|
|
|
+ $('#detailForm input[name=extmallId]').val(event.data.extmallId);
|
|
|
+ $('#detailForm input[name=extmallUserId]').val(event.data.extmallUserId);
|
|
|
+ $('#detailForm input[name=extmallNm]').val(event.data.extmallNm);
|
|
|
+ $('#detailForm select[name=supplyCompCd]').val(event.data.supplyCompCd);
|
|
|
+ $('#detailForm input[name=sellStoreCd]').val(event.data.sellStoreCd);
|
|
|
+ $('#detailForm input[name=stockSellRate]').val(event.data.stockSellRate);
|
|
|
+ $('#detailForm input[name=priceAcceptRate]').val(event.data.priceAcceptRate);
|
|
|
+
|
|
|
+ if (event.data.dwdpYn == 'Y') {
|
|
|
+ $('#detailForm input:radio[name=dwdpYn]').eq(0).trigger('click');
|
|
|
+ } else {
|
|
|
+ $('#detailForm input:radio[name=dwdpYn]').eq(1).trigger('click');
|
|
|
+ }
|
|
|
+
|
|
|
+ if (event.data.cnclsmsSendYn == 'Y') {
|
|
|
+ $('#detailForm input:radio[name=cnclsmsSendYn]').eq(0).trigger('click');
|
|
|
+ } else {
|
|
|
+ $('#detailForm input:radio[name=cnclsmsSendYn]').eq(1).trigger('click');
|
|
|
+ }
|
|
|
+
|
|
|
+ if (event.data.useYn == 'Y') {
|
|
|
+ $('#detailForm input:radio[name=useYn]').eq(0).trigger('click');
|
|
|
+ } else {
|
|
|
+ $('#detailForm input:radio[name=useYn]').eq(1).trigger('click');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ $(document).ready(function() {
|
|
|
+
|
|
|
+ // Create a agGrid
|
|
|
+ gagaAgGrid.createGrid('gridList', gridOptions);
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+/*]]>*/
|
|
|
+</script>
|
|
|
+
|
|
|
+</html>
|
eskim