style24
/
style24.admin


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : ShoplinkerOrderForm.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="orderCollectionForm" name="orderCollectionForm" action="#" th:action="@{'/shoplinker/check/api_runable'}" th:method="post">

			<div class="panelStyle">
				<div class="panelTitle">
					<h3><i class="fa fa-info-circle"></i>[배치주기] 평일: 5시~15시 한시간 단위 | (월) 5시: 전주 금요일 15 ~ 금일 5시 / (화~금) 5시: 전날 15 ~ 금일 5시 -v3</h3>
					<span class="panelControl">
						<i class="fa fa-chevron-up"></i>
					</span>
				</div>

				<div class="panelContent">
					<table class="frmStyle">
						<colgroup>
							<col style="width:10%;"/>
							<col/>
						</colgroup>
						<tr>
							<th>샵링커 주문수집일<em class="required" title="필수"></em></th>
							<td colspan="7">
								<input name="apiStDate" id="apiStDate" type="text" class="w80 schDate" maxlength="10" required="required" data-valid-name="주문수집일" />
								&nbsp;&nbsp;&nbsp;&nbsp;
								<button th:if="${sessionInfo.userId == 'jmh'}" type="button" class="btn btn-primary btn-lg" id="btnCollection">주문수집</button>
								&nbsp;<span class="runable_info"></span>
							</td>
						</tr>
					</table>
					<p class="dot">실패사유가 <font color="red">가용재고없음</font>일 경우 고객에게 알림이 발송된 건으로 엑셀업로드를 하지 말아주세요.</p>
					<p class="dot">샵링커 주문수집 => 제휴몰 주문등록 => (제휴몰 주문등록 성공목록만) STYLE24에 주문등록이 됩니다.</p>
					<p class="dot">샵링커 주문수집 시 동일한 목록은 '제휴몰 주문등록'이 되지 않습니다. </p>
					<p class="dot">[제휴몰 주문등록 상태]가 <font color="red">미매핑</font>건은 옵션정보가 없는것으로 <font color="red">제휴몰주문업로드</font> 해주세요.(딜상품)</p>
				</div>
			</div>
		</form>

		<form id="searchForm" name="searchForm" action="#" th:action="@{'/shoplinker/order/collection/list'}" onsubmit="$('#btnSearch').trigger('click'); return false;">
			<!-- 검색조건 영역 -->
			<div class="panelStyle">

				<table class="frmStyle">
					<colgroup>
						<col style="width:10%;"/>
						<col/>
						<col style="width:10%;"/>
						<col style="width:17%;"/>
						<col style="width:10%;"/>
						<col style="width:17%;"/>
					</colgroup>

					<tr>
						<th>주문수집일자<em class="required" title="필수"></em></th>
						<td colspan="5">
							<span id="terms">
							</span>
						</td>
					</tr>
					<tr>
						<th>벤더/제휴몰</th>
						<td>
							<select name="vendorId" required="required" data-valid-name="벤더">
								<option th:if="${vendorList}" th:each="oneData, status : ${vendorList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
							</select>/
							<select name="extmallId">
								<option value="">[전체]</option>
								<option th:if="${extmallList}" th:each="oneData, status : ${extmallList}" th:value="${oneData.extmallId}" th:text="${'[' + oneData.extmallId + '] ' + oneData.extmallNm}"></option>
							</select>
						</td>
						<th>제휴몰 주문등록 상태</th>
						<td>
							<select name="uploadStat">
								<option value="">[전체]</option>
								<option th:if="${uploadStatList}" th:each="oneData, status : ${uploadStatList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
							</select>
						</td>
						<th>실패사유</th>
						<td colspan="3">
							<select name="uploadFailCd">
								<option value="">[전체]</option>
								<option th:if="${uploadFailList}" th:each="oneData, status : ${uploadFailList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
							</select>
						</td>
					</tr>
					<tr>
						<th>키워드</th>
						<td colspan="5">
							<select name="search" id="search">
								<option value="shoplinkerOrderId">샵링커주문번호</option>
								<option value="mallOrderId">쇼핑몰주문번호</option>
								<option value="ordNo">스타일24주문번호</option>
							</select>
							<textarea class="textareaR3 w20p" name="condition" id="condition"></textarea>
						</td>
					</tr>
				</table>

				<ul class="panelBar">
					<li class="center">
						<button type="button" class="btn btn-base btn-lg" id="btnSearch">조회</button>
						<button type="button" class="btn btn-gray btn-lg" id="btnInit">초기화</button>
						<!-- <button type="button" class="btn btn-default btn-lg" onclick="fnTest();">테스트</button> -->
					</li>
				</ul>
			</div>
			<!-- 검색조건 영역 -->

			<!-- 리스트 영역 -->
			<div class="panelStyle">
				<ul class="panelBar">
					<li>
						<button type="button" class="btn btn-default btn-lg" onclick="fnExcelDownLoad();">엑셀다운로드</button>
					</li>
					<li class="right">
						검색결과 : <strong><span id="gridRowTotalCount">0</span> 건</strong>&nbsp;
						쪽번호 <span id="pgNo">0</span>/ <strong id="endPgNo">0</strong>&nbsp;&nbsp;
						<select id="pageSize" name="pageSize">
							<option value="50" selected="selected">50개씩 보기</option>
							<option value="100">100개씩 보기</option>
							<option value="500">500개씩 보기</option>
							<option value="1000">1000개씩 보기</option>
						</select>
						<input type="hidden" name="pageNo" id="pageNo" value ="1"/>
					</li>
				</ul>

				<div id="gridList" style="width: 100%; height: 470px" class="ag-theme-balham"></div>

				<ul class="panelBar">
					<li class="center">
						<div class="tablePaging" id="shoplinkerOrderListPagination"></div>
					</li>
				</ul>
			</div>
			<!-- //리스트 영역 -->

			<a href="javascript:void(0);" id="ExcelList" style="display: none;">엑셀다운로드</a>
		</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}]]);

	let columnDefs = [
		{headerName: "No", width: 60, cellClass: 'text-center',
			valueGetter: function(params) { return cfnGridNumner('searchForm',params.node.rowIndex, 'A');}
		},
		{headerName: "제휴몰주문등록 상태", field: "uploadStat" , width: 130, cellClass: 'text-center',
			cellEditorParams: { values: gagaAgGrid.extractValues(uploadStatList) },
			valueFormatter: function (params) { return gagaAgGrid.lookupValue(uploadStatList, params.value); },
			valueParser: function (params) { return gagaAgGrid.lookupKey(uploadStatList, params.newValue); }
		},
		{headerName: "실패사유", field: "uploadFailCd" , width: 150, cellClass: 'text-center',
			cellEditorParams: { values: gagaAgGrid.extractValues(uploadFailList) },
			valueFormatter: function (params) { return gagaAgGrid.lookupValue(uploadFailList, params.value); },
			valueParser: function (params) { return gagaAgGrid.lookupKey(uploadFailList, params.newValue); }
		},
		{headerName: "업로드실패사유", field: "uploadFailReason", width: 200, cellClass: 'text-center'},
		{
			headerName		: "스타일24 주문번호"
			, field			: 'ordNo'
			, width			: 130
			, cellClass		: 'text-center'
			, sortable		: true
			, cellRenderer	: function (params) {
				var roleCd = [[${sessionInfo.roleCd}]];
				if (!roleCd.startsWith("C") && "" != params.value) {
					return "<a href=\"javascript:void(0);\" onclick=\"fnOpenOrderDetailPopup('" + params.value + "');\">" + params.value + "</a>";
				} else {
					return params.value;
				}
			}
		},
		{
			headerName		: "샵링커 주문번호"
			, field			: 'shoplinkerOrderId'
			, width			: 130
			, cellClass		: 'text-center'
			, sortable		: true
			, cellRenderer	: function (params) {
				var roleCd = [[${sessionInfo.roleCd}]];
				if (!roleCd.startsWith("C")) {
					return "<a href=\"javascript:void(0);\" onclick=\"fnReOpenSlkOrderDetailPopup('" + params.value + "');\">" + params.value + "</a>";
				} else {
					return params.value;
				}
			}
		},
		{headerName: "쇼핑몰 주문번호", field: "extmallOrderId", width: 130, cellClass: 'text-center'},
		{headerName: "쇼핑몰 명", field: "mallName", width: 130, cellClass: 'text-center'},
		{headerName: "배송상태[발주확인]", field: "baesongStatus", width: 130, cellClass: 'text-center'},
		{headerName: "주문 상품번호", field: "orderProductId", width: 130, cellClass: 'text-center'},
		{headerName: "샵링커 상품번호", field: "shoplinkerProductId", width: 130, cellClass: 'text-center'},
		{headerName: "자사 상품코드", field: "partnerProductId", width: 130, cellClass: 'text-center'},
		{headerName: "상품명", field: "productName", width: 130, cellClass: 'text-center'},
		{headerName: "주문수량", field: "quantity", width: 130, cellClass: 'text-center'},
		{headerName: "주문금액", 			field: "orderPrice",				width: 100, cellClass: 'text-center'
			,valueFormatter: function(params) {return params.value.addComma();},
			cellEditor: 'textCellEditor',
			cellEditorParams: { maxlength: 14, validType: 'numeric'}
		},
		{headerName: "판매단가", 			field: "salePrice",				width: 100, cellClass: 'text-center'
			,valueFormatter: function(params) {return params.value.addComma();},
			cellEditor: 'textCellEditor',
			cellEditorParams: { maxlength: 14, validType: 'numeric'}
		},
		{headerName: "공급가", 			field: "supplyPrice",				width: 100, cellClass: 'text-center'
			,valueFormatter: function(params) {return params.value.addComma();},
			cellEditor: 'textCellEditor',
			cellEditorParams: { maxlength: 14, validType: 'numeric'}
		},
		{headerName: "옵션명", field: "sku", width: 130, cellClass: 'text-center'},
		{headerName: "주문수집일자", field: "orderRegDate", width: 150, cellClass: 'text-center',
			cellRenderer: function(params) {
				return !gagajf.isNull(params.value) ? params.value.toDate("YYYYMMDDHHmmss").format("YYYY-MM-DD HH:mm:ss") : '';
			}
		},
		{headerName: "제휴몰등록일", field: "extmallRegDt", width: 130, 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');
		}
	}


	//페이징
	$('#searchForm select[name=pageSize]').on('change', function() {
		$("#searchForm input[name=pageNo]").val('1');
		fnGoodsListSearch();
	});

	/**************** 검색 ********************************************************/
	$('#btnSearch').on('click', function() {
		$("#searchForm input[name=pageNo]").val('1');
		fnGoodsListSearch();
	});

	// 조회
	var fnGoodsListSearch = function() {

		if(!fnConditionCheck()) return;
		gagaPaging.init('searchForm', fnSearchCallBack, 'shoplinkerOrderListPagination', $('#searchForm').find('#pageSize').val());
		gagaPaging.load($("#searchForm input[name=pageNo]").val());
	}

	//검색 조건 확인
	var fnConditionCheck = function(){
		var formId = '#searchForm';
		var form = document.searchForm;

		if (event.keyCode === 13) return false;

		var searchFlag = false;
		var cnt = 0;
		if( !gagajf.isNull($("#searchForm textarea[name=condition]").val())
				|| (!gagajf.isNull($("#searchForm input[name=stDate]").val()) && !gagajf.isNull($("#searchForm input[name=edDate]").val()))
			){
			searchFlag = true;
		}

		if(searchFlag == false){
			mcxDialog.alert("검색조건을 입력하세요.");
			return false;
		}

		var fromDate = $('#searchForm input[name=stDate]').val();
		var toDate = $('#searchForm input[name=edDate]').val();

		if (!gagajf.isNull(fromDate) || !gagajf.isNull(toDate)) {

			if (gagajf.isNull(fromDate) || gagajf.isNull(toDate)) {
				mcxDialog.alertC("조회시 시작일자와 종료일자를 입력하세요.", {
					sureBtnText: "확인",
					sureBtnClick: function() {
						$('#searchForm input[name=stDate]').focus();
					}
				});
				return false;
			}

			if (fromDate > toDate) {
				mcxDialog.alertC("시작일자는 종료일자 보다 클 수 없습니다.", {
					sureBtnText: "확인",
					sureBtnClick: function() {
						$('#searchForm input[name=stDate]').focus();
					}
				});
				return false;
			}
		}
		return true;
	}

	var fnSearchCallBack = function(result){

		$('#searchForm').find('#gridRowTotalCount').html(result.pageing.pageable.totalCount.addComma());
		$('#searchForm').find('#pageNo').val(result.pageing.pageable.pageNo.addComma());
		$('#searchForm').find('#pgNo').html(result.pageing.pageable.pageNo.addComma());
		$('#searchForm').find('#endPgNo').html(result.pageing.pageable.totalPage.addComma());
		gridOptions.api.setRowData(result.shoplinkerOrderList);
		gagaPaging.createPagination(result.pageing.pageable);

	}
	/**************** 검색 // *****************************************************/

	/**************** 초기화 클릭시 *****************************************************/
	$('#btnInit').on('click', function() {

		$('#searchForm')[0].reset();
		$("#multiBrand").empty();
		$('#searchForm input[name=brandList]').val('');
		$('#searchForm').find('#brandText').html('');
	});
	/**************** 초기화 클릭시 // *****************************************************/

	/**************** 엑셀다운로드 *****************************************************/
	var fnExcelDownLoad = function(){
		var formId = '#searchForm';
		if (gridOptions.api.getDisplayedRowCount() <= 0){
			mcxDialog.alert("조회된 데이터가 없습니다.<br/>다시 조회 후 다운로드 받으세요.");
			return;
		}

		var fromDate = parseInt($('#searchForm input[name=stDate]').val().replaceAll("-", ""));
		var toDate =parseInt($('#searchForm input[name=edDate]').val().replaceAll("-", ""));
		if( 4 < (toDate - fromDate)){
			mcxDialog.alert("주문수집일자를 3일 이내의 기간으로 설정 후 다운로드해주세요.");
			return;
		}

		var params =  $(formId).serialize();
		$('#ExcelList').attr({ href : '/shoplinker/order/excel/list?' + params }).get(0).click();
	}
	/**************** 엑셀다운로드 // *****************************************************/

	$(document).ready(function() {

		cfnCreateCalendar('#terms', 'stDate', 'edDate', true, '수집');
		$('.btnToday').trigger('click');

		// Create a agGrid
		gagaAgGrid.createGrid('gridList', gridOptions);

		fnGetCallRunableInfo();

	});


	$('#btnCollection').on('click', function() {

		if( gagajf.isNull($("#orderCollectionForm input[name=apiStDate]").val())){
			mcxDialog.alert("샵링커 주문일 입력하세요.");
			return;
		}

		var testDate = Number($("#orderCollectionForm input[name=apiStDate]").val().replaceAll("-", ""));
		if( testDate < 20210401 || 20210601 < testDate){
			mcxDialog.alert("※ 테스트 주문수집시 ※<br>실제운영 주문건을 가져오므로 4월부터 ~ 6월이전 사이 날짜로 조회해주세요.");
			return;
		}

		mcxDialog.confirm("주문수집을 진행하시겠습니까?", {
			cancelBtnText: "취소",
			sureBtnText: "확인",
			sureBtnClick: function() {

				var jsonData = JSON.stringify({apiType : "ORDER"});
				gagajf.ajaxJsonSubmit('/shoplinker/check/api_runable', jsonData, function(result) {

					// 현재실행중인건 없음.
					if( 0 == result.runCnt){
						var actionUrl = '/shoplinker/order/collection/receiveList/' + $('#apiStDate').val();
						$.post(actionUrl, null, null, 'json');

						$("#btnCollection").html("주문수집중");
						$("#btnCollection").removeClass("btn-primary");
						$("#btnCollection").addClass("btn-dark");
						setTimeout(function(){
							fnGetCallRunableInfo();
						}, 20000 );
					}else{
						mcxDialog.alert(result.runStdt+"에 호출한 건이 현재 실행중입니다.<br>"+result.txt);
					}
				});
			}
		});
	});

	// 진행상태 확인
	function fnGetCallRunableInfo(){

		var jsonData = JSON.stringify({apiType : "ORDER"});
		gagajf.ajaxJsonSubmit('/shoplinker/check/api_runable', jsonData, function(result) {

			if( null != result  ){
				if( 0 == result.runCnt){
					// 재호출 안함.
					$("#btnCollection").html("주문수집");
					$("#btnCollection").addClass("btn-primary");
					$("#btnCollection").removeClass("btn-dark");

					if( 5 < $(".runable_info").html().length){
						var resultTxt = result.txt;
						if( null != resultTxt ){
							resultTxt = resultTxt.replace("제휴몰", "제휴몰남은수 "+result.remainExtCnt.addComma());
							resultTxt = resultTxt.replace("스타일24", "스타일24남은수 "+result.remainStyleCnt.addComma() )
							$(".runable_info").html(resultTxt);
						}
					}

				}else{
					// 현재 진행중
					$("#btnCollection").html("주문수집중");
					$("#btnCollection").removeClass("btn-primary");
					$("#btnCollection").addClass("btn-dark");

					var resultTxt = result.txt;
					if( null != resultTxt ){
						resultTxt = resultTxt.replace("제휴몰", "제휴몰남은수 "+result.remainExtCnt.addComma());
						resultTxt = resultTxt.replace("스타일24", "스타일24남은수 "+result.remainStyleCnt.addComma() )
						$(".runable_info").html(resultTxt);
					}

					setTimeout(function(){
						fnGetCallRunableInfo();
					}, 20000 );
				}
			}
		});
	}

	var fnOpenOrderDetailPopup = function (ordNo) {
		currOrdNo = ordNo;
		cfnOpenOrderDetailPopup(ordNo);
	};

	var fnReOpenOrderDetailPopup = function () {
		cfnOpenOrderDetailPopup(currOrdNo);
	};

	var fnReOpenSlkOrderDetailPopup = function (shoplinkerOrderId) {
		cfnOpenSlkOrderPopup(shoplinkerOrderId);
	};

	var fnReOpenExtmallOrderDetailPopup = function (ordNo) {
		cfnOpenExtmallOrderPopup(ordNo);
	};

/*]]>*/
</script>

</html>