<!DOCTYPE html>
<html lang="ko" xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : ShoplinkerOrderDetailForm.html
 * @desc    : 샵링커 주문수집, 제휴몰주문등록 상세 팝업
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2021.05.31   jmh       최초 작성
 *******************************************************************************
 -->
<div class="modalPopup" data-width="1200" data-height="750">
	<div class="panelStyle">
		<div class="panelTitle">
			<h2>샵링커 주문수집 상세 팝업</h2>
			<button type="button" class="close" onclick="fnSlkOrderDetailClose()"><i class="fa fa-times"></i></button>
		</div>

		<div class="panelContent" style="height:90%; overflow-y:auto; padding:0px 20px !important; ">
			<h4>샵링커 기본정보</h4>
			<!-- TABLE -->
			<table class="tableStyle">
				<colgroup>
					<col width="10%">
					<col width="23%">
					<col width="10%">
					<col width="23%">
					<col width="10%">
					<col width="23%">
				</colgroup>
				<tbody>
					<tr>
						<th>주문수집차수</th>
						<td class="aL padL10" th:text=" ${slkOrderInfo.orderIfIdx}"></td>
						<th>샵링커주문번호</th>
						<td class="aL padL10" th:text=" ${slkOrderInfo.shoplinkerOrderId}"></td>
						<th>쇼핑몰주문번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.mallOrderId}"></td>
					</tr>
					<tr>
						<th>쇼핑몰명</th>
						<td class="aL padL10" th:text="${slkOrderInfo.mallName}"></td>
						<th>배송상태[발주확인]</th>
						<td class="aL padL10" th:text="${slkOrderInfo.baesongStatus}"></td>
						<th>주문자명</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderName}"></td>
					</tr>
					<tr>
						<th>주문자전화번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderTel}"></td>
						<th>주문자핸드폰번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderCel}"></td>
						<th>주문자이메일주소</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderEmail}"></td>
					</tr>
					<tr>
						<th>수취인명</th>
						<td class="aL padL10" th:text="${slkOrderInfo.receive}"></td>
						<th>수취인전화번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.receiveTel}"></td>
						<th>수취인핸드폰번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.receiveCel}"></td>
					</tr>
					<tr>
						<th>수취인우편번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.receiveZipcode}"></td>
						<th>수취인주소</th>
						<td class="aL padL10" th:text="${slkOrderInfo.receiveAddr}"></td>
						<th>배송비결제방식</th>
						<td class="aL padL10" th:text="${slkOrderInfo.baesongType}"></td>
					</tr>
					<tr>
						<th>배송비</th>
						<td class="aL padL10" th:text="${slkOrderInfo.baesongBi}"></td>
						<th>배송메세지</th>
						<td class="aL padL10" th:text="${slkOrderInfo.deliveryMsg}"></td>
						<th>주문상품번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderProductId}"></td>
					</tr>
					<tr>
						<th>샵링커상품번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.shoplinkerProductId}"></td>
						<th>자사상품코드</th>
						<td class="aL padL10" th:text="${slkOrderInfo.partnerProductId}"></td>
						<th>상품명</th>
						<td class="aL padL10" th:text="${slkOrderInfo.productName}"></td>
					</tr>
					<tr>
						<th>주문수량</th>
						<td class="aL padL10" th:text="${slkOrderInfo.quantity}"></td>
						<th>주문금액</th>
						<td class="aL padL10" th:text="${#numbers.formatDecimal(slkOrderInfo.orderPrice, 0,'COMMA', 0,'POINT')}"></td>
						<th>판매단가</th>
						<td class="aL padL10" th:text="${#numbers.formatDecimal(slkOrderInfo.salePrice, 0,'COMMA', 0,'POINT')}"></td>
					</tr>
					<tr>
						<th>공급가</th>
						<td class="aL padL10" th:text="${#numbers.formatDecimal(slkOrderInfo.supplyPrice, 0,'COMMA', 0,'POINT')}"></td>
						<th>옵션명</th>
						<td class="aL padL10" th:text="${slkOrderInfo.sku}"></td>
						<th>주문일자</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderdate}"></td>
					</tr>
					<tr>
						<th>주문수집일자</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderRegDate}"></td>
						<th>송장번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.deliveryInvoice}"></td>
						<th>쇼핑몰계정</th>
						<td class="aL padL10" th:text="${slkOrderInfo.sellerId}"></td>
					</tr>
					<tr>
						<th>필수옵션</th>
						<td class="aL padL10" th:text="${slkOrderInfo.onlySku}"></td>
						<th>추가옵션</th>
						<td class="aL padL10" th:text="${slkOrderInfo.addSku}"></td>
						<th>샵링커쇼핑몰코드</th>
						<td class="aL padL10" th:text="${slkOrderInfo.mallId}"></td>
					</tr>
					<tr>
						<th>쇼핑몰부담할인액</th>
						<td class="aL padL10" th:text="${#numbers.formatDecimal(slkOrderInfo.disPriceMall, 0,'COMMA', 0,'POINT')}"></td>
						<th>판매자부담할인액</th>
						<td class="aL padL10" th:text="${#numbers.formatDecimal(slkOrderInfo.disPriceSeller, 0,'COMMA', 0,'POINT')}"></td>
						<th>쿠폰할인액</th>
						<td class="aL padL10" th:text="${#numbers.formatDecimal(slkOrderInfo.disPriceCoupon, 0,'COMMA', 0,'POINT')}"></td>
					</tr>
					<tr>
						<th>포인트할인액</th>
						<td class="aL padL10" th:text="${#numbers.formatDecimal(slkOrderInfo.disPricePoint, 0,'COMMA', 0,'POINT')}"></td>
						<th>물류배송여부</th>
						<td class="aL padL10" th:text="${slkOrderInfo.distributionDelivery}"></td>
						<th>옵션매칭코드</th>
						<td class="aL padL10" th:text="${slkOrderInfo.skuMatchCode}"></td>
					</tr>
					<tr>
						<th>옵션바코드</th>
						<td class="aL padL10" th:text="${slkOrderInfo.skuBarcode}"></td>
						<th>개인고유통관번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderCustomsNumber}"></td>
						<th>주문서타입</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderInputType}"></td>
					</tr>
					<tr>
						<th>매입처아이디</th>
						<td class="aL padL10" th:text="${slkOrderInfo.supplyId}"></td>
						<th>택배사코드</th>
						<td class="aL padL10" th:text="${slkOrderInfo.delivery}"></td>
						<th>구매자계정</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderUserId}"></td>
					</tr>
					<tr>
						<th>크로스픽주문</th>
						<td class="aL padL10" th:text="${slkOrderInfo.crspikUse}"></td>
						<th>배송번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.shipNo}"></td>
						<th>딜번호</th>
						<td class="aL padL10" th:text="${slkOrderInfo.dealNo}"></td>
					</tr>
					<tr>
						<th>교환접수여부</th>
						<td class="aL padL10" th:text="${slkOrderInfo.exchangeOrderYn}"></td>
						<th>추가상품</th>
						<td class="aL padL10" th:text="${slkOrderInfo.orderMainKey}"></td>
						<th>네이버페이결제수단</th>
						<td class="aL padL10" th:text="${slkOrderInfo.panType}"></td>
					</tr>
					<tr>
						<th>채널구분</th>
						<td class="aL padL10" th:text="${slkOrderInfo.channelType}"></td>
						<th>배송예정일</th>
						<td class="aL padL10" colspan="3" th:text="${slkOrderInfo.shipRsvDate}"></td>
					</tr>
				</tbody>
			</table>
			<!-- //TABLE -->
			<br>

			<!--
				아래 4개 상점은 쇼핑몰주문번호를 배송번호로 대처함(같은 주문건은 배송번호로 알 수 있음)
				APISHOP_0003 옥션 / APISHOP_0010 지마켓 / APISHOP_0286 카카오톡스토어 / APISHOP_0287 위메프
			-->
			<div th:if="${extOrderInfo}">
				<h4>제휴몰 업로드정보</h4>
				<!-- TABLE -->
				<table class="tableStyle">
					<colgroup>
						<col width="10%">
						<col width="23%">
						<col width="10%">
						<col width="23%">
						<col width="10%">
						<col width="23%">
					</colgroup>
					<tbody>
						<tr>
							<th>업로드상태</th>
							<td class="aL padL10" th:text="${extOrderInfo.uploadStatNm}"></td>

							<th>업로드실패코드</th>
							<td class="aL padL10" colspan="3" th:text="${extOrderInfo.uploadFailNm}"></td>
						</tr>
						<tr>
							<th>업로드실패사유</th>
							<td class="aL padL10" colspan="5" th:text="${extOrderInfo.uploadFailReason}"></td>
						</tr>
						<tr>
							<th>벤더명</th>
							<td class="aL padL10" th:text="${extOrderInfo.vendorNm}"></td>
							<th>제휴몰ID</th>
							<td class="aL padL10" th:text="${extOrderInfo.extmallId}"></td>
							<th>제휴몰명</th>
							<td class="aL padL10" th:text="${extOrderInfo.extmallNm}"></td>
						</tr>
						<tr>
							<th>에이전트주문번호</th>
							<td class="aL padL10" th:text="${extOrderInfo.agentOrderId}"></td>
							<th>제휴몰주문번호<br>(쇼핑몰주문번호)</th>
							<td class="aL padL10" th:text="${extOrderInfo.extmallOrderId}"></td>
							<th>제휴몰상품ID</th>
							<td class="aL padL10" th:text="${extOrderInfo.extmallProdId}"></td>
						</tr>
						<tr>
							<th>제휴몰상품명</th>
							<td class="aL padL10" th:text="${extOrderInfo.extmallProdNm}"></td>
							<th>상품코드(상품)</th>
							<td class="aL padL10" th:text="${extOrderInfo.goodsCd}"></td>
							<th>옵션명</th>
							<td class="aL padL10" th:text="${extOrderInfo.sku}"></td>
						</tr>
						<tr>
							<th>현재판매가</th>
							<td class="aL padL10" th:text="${#numbers.formatDecimal(extOrderInfo.currPrice, 0,'COMMA', 0,'POINT')}"></td>
							<th>주문수량</th>
							<td class="aL padL10" th:text="${extOrderInfo.ordQty}"></td>
							<th>주문금액</th>
							<td class="aL padL10" th:text="${#numbers.formatDecimal(extOrderInfo.ordAmt, 0,'COMMA', 0,'POINT')}"></td>
						</tr>
						<tr>
							<th>쿠폰할인금액</th>
							<td class="aL padL10" th:text="${#numbers.formatDecimal(extOrderInfo.cpnDcAmt, 0,'COMMA', 0,'POINT')}"></td>
							<th>포인트할인금액</th>
							<td class="aL padL10" th:text="${#numbers.formatDecimal(extOrderInfo.pntDcAmt, 0,'COMMA', 0,'POINT')}"></td>
							<th>배송비</th>
							<td class="aL padL10" th:text="${#numbers.formatDecimal(extOrderInfo.delvFee, 0,'COMMA', 0,'POINT')}"></td>
						</tr>
						<tr>
							<th>주문수집일</th>
							<td class="aL padL10" th:text="${extOrderInfo.ordRecvDt}"></td>
							<th>주문일</th>
							<td class="aL padL10" th:text="${extOrderInfo.ordDt}"></td>
							<th>주문자명</th>
							<td class="aL padL10" th:text="${extOrderInfo.ordNm}"></td>
						</tr>
						<tr>
							<th>주문자휴대전화번호</th>
							<td class="aL padL10" th:text="${extOrderInfo.ordPhnno}"></td>
							<th>주문자전화번호</th>
							<td class="aL padL10" th:text="${extOrderInfo.ordTelno}"></td>
							<th>주문자이메일</th>
							<td class="aL padL10" th:text="${extOrderInfo.ordEmail}"></td>
						</tr>
						<tr>
							<th>수령자명</th>
							<td class="aL padL10" th:text="${extOrderInfo.recipNm}"></td>
							<th>수령자휴대전화번호</th>
							<td class="aL padL10" th:text="${extOrderInfo.recipPhnno}"></td>
							<th>수령자전화번호</th>
							<td class="aL padL10" th:text="${extOrderInfo.recipTelno}"></td>
						</tr>
						<tr>
							<th>수령자우편번호</th>
							<td class="aL padL10" th:text="${extOrderInfo.recipZipcode}"></td>
							<th>수령자기본주소</th>
							<td class="aL padL10" th:text="${extOrderInfo.recipBaseAddr}"></td>
							<th>수령자상세주소</th>
							<td class="aL padL10" th:text="${extOrderInfo.recipDtlAddr}"></td>
						</tr>
						<tr>
							<th>배송메모</th>
							<td class="aL padL10" colspan="5" th:text="${extOrderInfo.delvMemo}"></td>
						</tr>
						<tr>
							<th>주문번호</th>
							<td class="aL padL10" th:text="${extOrderInfo.ordNo}"></td>
							<th>등록자</th>
							<td class="aL padL10" th:text="${extOrderInfo.regNm}"></td>
							<th>등록일시</th>
							<td class="aL padL10" th:text="${extOrderInfo.regDt}"></td>
						</tr>
					</tbody>
				</table>
			</div>

		</div>
	</div>
</div>


<script th:inline="javascript">
// 팝업닫기
var fnSlkOrderDetailClose = function(){
	uifnPopupClose('popupSlkOrderDetail');
}
</script>
</html>

