|
@@ -25,14 +25,14 @@
|
|
|
</div>
|
|
</div>
|
|
|
<!-- //메뉴 설명 -->
|
|
<!-- //메뉴 설명 -->
|
|
|
|
|
|
|
|
-
|
|
|
|
|
- <form id="searchForm" name="searchForm" action="#" th:action="@{'/shoplinker/order/collection/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
|
|
|
|
|
|
|
+ <!-- <form id="searchForm" name="searchForm" action="#" th:action="@{'/shoplinker/order/collection/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;"> -->
|
|
|
|
|
+ <form id="extmallOrderForm" name="extmallOrderForm" >
|
|
|
<!-- 검색조건 영역 -->
|
|
<!-- 검색조건 영역 -->
|
|
|
<div class="panelStyle">
|
|
<div class="panelStyle">
|
|
|
<ul class="lrStyle">
|
|
<ul class="lrStyle">
|
|
|
<li>
|
|
<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> 버튼을 눌러 데이터를 업로드 한다. 업로드 된 데이터가 목록에 나타난다.(※ 미매핑이 표시될경우 주문등록이 실패처리된다.)</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>
|
|
<p class="dot"><font color="red">주문등록 처리는 몇 분이 소요되기도 하며</font> 결과는 <font color="red">[결과확인]</font> 버튼을 눌러 확인할 수 있다.</p>
|
|
|
</li>
|
|
</li>
|
|
@@ -40,7 +40,7 @@
|
|
|
|
|
|
|
|
<ul class="panelBar padT20">
|
|
<ul class="panelBar padT20">
|
|
|
<li class="center">
|
|
<li class="center">
|
|
|
- <input type="button" class="btn btn-default btn-lg" id="btnExcelDown" onclick="cfnDownloadSampleFile('SF003');" value="외부몰 주문등록양식 다운로드" />
|
|
|
|
|
|
|
+ <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-primary btn-lg" id="btnExcelUpload" value="엑셀업로드"/>
|
|
|
<input type="button" class="btn btn-success btn-lg" id="btnSaveExtmallOrderUpload" 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="결과확인"/>
|
|
<input type="button" class="btn btn-danger btn-lg" id="btnSearchExtmallOrderUpload" value="결과확인"/>
|
|
@@ -60,98 +60,87 @@
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
-<script type="text/javascript" src="/ux/plugins/gaga/gaga.paging.js?v=20210114"></script>
|
|
|
|
|
<script th:inline="javascript">
|
|
<script th:inline="javascript">
|
|
|
/*<![CDATA[*/
|
|
/*<![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 = [
|
|
var columnDefs = [
|
|
|
- {headerName: "업로드상태", field: "uploadStat", width: 150, cellClass: 'text-center'},
|
|
|
|
|
- {headerName: "업로드실패사유", field: "uploadFailCd", width: 150, cellClass: 'text-center'},
|
|
|
|
|
|
|
+ {headerName: "업로드상태", field: "uploadStatNm", width: 150, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "업로드실패사유", field: "uploadFailNm", width: 150, cellClass: 'text-center'},
|
|
|
{headerName: "업로드실패사유상세", field: "uploadFailReason", width: 200, cellClass: 'text-center'},
|
|
{headerName: "업로드실패사유상세", field: "uploadFailReason", width: 200, cellClass: 'text-center'},
|
|
|
- {headerName: "샵링커주문번호", field: "agentOrderId", width: 150, cellClass: 'text-center'},
|
|
|
|
|
|
|
+ {headerName: "제휴몰ID", field: "extmallId", width: 130, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "제휴몰명", field: "extmallNm", width: 130, cellClass: 'text-center'},
|
|
|
{headerName: "쇼핑몰주문번호", field: "extmallOrderId", 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: "agentOrderId", width: 150, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "제휴상품코드", field: "extmallProdId", width: 150, cellClass: 'text-center'},
|
|
|
{headerName: "상품코드", field: "goodsCd", width: 150, cellClass: 'text-center'},
|
|
{headerName: "상품코드", field: "goodsCd", width: 150, cellClass: 'text-center'},
|
|
|
- {headerName: "사이즈코드", field: "sizeCd", width: 150, cellClass: 'text-center'},
|
|
|
|
|
|
|
+ {headerName: "상품명", field: "sku", width: 150, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "옵션코드", field: "optCd", width: 150, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "판매금액", field: "currPrice", width: 100, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "할인금액", field: "cpnDcAmt", width: 100, cellClass: 'text-center'},
|
|
|
{headerName: "주문수량", field: "ordQty", width: 100, 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: "ordAmt", width: 200, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "배송비", field: "delvFee", width: 100, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "주문자", field: "ordNm", width: 100, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "주문자전화번호", field: "ordTelno", width: 130, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "주문자핸드폰번호", field: "ordPhnno", width: 130, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "주문자이메일", field: "ordEmail", width: 130, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "수령자", field: "recipNm", width: 100, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "수령자전화번호", field: "recipTelno", width: 130, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "수령자핸드폰번호", field: "recipPhnno", width: 130, cellClass: 'text-center'},
|
|
|
|
|
+ {headerName: "수령자우편번호", field: "recipZipcode", width: 130, cellClass: 'text-center'},
|
|
|
{headerName: "수령자기본주소", field: "recipBaseAddr", width: 300, cellClass: 'text-center'},
|
|
{headerName: "수령자기본주소", field: "recipBaseAddr", width: 300, cellClass: 'text-center'},
|
|
|
{headerName: "수령자상세주소", field: "recipDtlAddr", width: 200, cellClass: 'text-center'},
|
|
{headerName: "수령자상세주소", field: "recipDtlAddr", width: 200, cellClass: 'text-center'},
|
|
|
{headerName: "배송메모", field: "delvMemo", width: 200, cellClass: 'text-center'},
|
|
{headerName: "배송메모", field: "delvMemo", width: 200, cellClass: 'text-center'},
|
|
|
- {headerName: "주문번호", field: "ordNo", width: 200, cellClass: 'text-center'}
|
|
|
|
|
|
|
+ {headerName: "주문번호", field: "ordNo", width: 130, 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'},
|
|
|
];
|
|
];
|
|
|
|
|
|
|
|
|
|
|
|
|
let gridOptions = gagaAgGrid.getGridOptions(columnDefs);
|
|
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');
|
|
|
|
|
|
|
+ gridOptions.getRowStyle = function(params) {
|
|
|
|
|
+ if ("Y" == params.data.warningYn) {
|
|
|
|
|
+ return { background: '#FF8383' };
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
$(document).ready(function() {
|
|
$(document).ready(function() {
|
|
|
-
|
|
|
|
|
// Create a agGrid
|
|
// Create a agGrid
|
|
|
gagaAgGrid.createGrid('gridList', gridOptions);
|
|
gagaAgGrid.createGrid('gridList', gridOptions);
|
|
|
|
|
|
|
|
});
|
|
});
|
|
|
|
|
|
|
|
|
|
+ //엑셀업로드 클릭 시
|
|
|
|
|
+ $('#btnExcelUpload').on('click', function() {
|
|
|
|
|
+ cfnExcelUploadPopup('createExtmallOrder', 'createExtmallOrder');
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ //주문등록 클릭 시
|
|
|
|
|
+ $('#btnSaveExtmallOrderUpload').on('click', function() {
|
|
|
|
|
+ var jsonData = JSON.stringify($('#extmallOrderForm').serializeObject());
|
|
|
|
|
+ gagajf.ajaxJsonSubmit('/ocm/extmallorder/save', jsonData);
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ $('#btnSearchExtmallOrderUpload').on('click', function() {
|
|
|
|
|
+ var url = '/ocm/extmallorder/upload/second/list';
|
|
|
|
|
+ gagaAgGrid.fetch(url, gridOptions, 'extmallOrderForm');
|
|
|
|
|
+ gridOptions.columnApi.setColumnsVisible(['uploadStatNm','uploadFailNm','uploadFailReason','ordAmt','ordNo'], true);
|
|
|
|
|
+ });
|
|
|
|
|
+
|
|
|
|
|
+ var createExtmallOrder = function(result){
|
|
|
|
|
+ var data = {procJob : result.procJob
|
|
|
|
|
+ ,excelFileNm : result.excelFileNm
|
|
|
|
|
+ };
|
|
|
|
|
+ var jsonData = JSON.stringify(data);
|
|
|
|
|
+ gagajf.ajaxJsonSubmit('/ocm/extmallorder/excelupload/save', jsonData, fnExtmallOrderCreateCallBack);
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ var fnExtmallOrderCreateCallBack = function(result){
|
|
|
|
|
+ var url = '/ocm/extmallorder/upload/tmp/list';
|
|
|
|
|
+ gagaAgGrid.fetch(url, gridOptions, 'extmallOrderForm');
|
|
|
|
|
+ gridOptions.columnApi.setColumnsVisible(['uploadStatNm','uploadFailNm','uploadFailReason','ordAmt','ordNo'], false);
|
|
|
|
|
+ }
|
|
|
|
|
|
|
|
/*]]>*/
|
|
/*]]>*/
|
|
|
</script>
|
|
</script>
|