599 lines
57 KiB
Plaintext
599 lines
57 KiB
Plaintext
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
|
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
|
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
<%@ taglib prefix="ui" uri="http://www.winbit.kr/ctl/ui"%>
|
|
<%@ taglib prefix="f" uri="/WEB-INF/tlds/f.tld"%>
|
|
|
|
<%--
|
|
Class Name : selectOrdrComptR.jsp
|
|
Description : 마이페이지 주문 완료
|
|
Modification Information
|
|
|
|
수정일 수정자 수정내용
|
|
------- -------- ---------------------------
|
|
2024-04-11 김혜인 최초 생성
|
|
--%>
|
|
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
|
|
|
|
<%-- 공통 include --%>
|
|
<jsp:include page="/WEB-INF/views/comm/Include.jsp"/>
|
|
|
|
<script>
|
|
$(document).ready(function() {
|
|
fn_init();
|
|
|
|
fn_event();
|
|
});
|
|
|
|
/* ********************************************************
|
|
* 초기 설정
|
|
**********************************************************/
|
|
const fn_init = function() {
|
|
}
|
|
|
|
/* ********************************************************
|
|
* 이벤트 설정
|
|
**********************************************************/
|
|
const fn_event = function() {
|
|
/* 주소 상세보기 버튼 선택 이벤트*/
|
|
$('.multiDeliveryInfo__detailBtn').on('click', function () {
|
|
if ($(this).closest('.multiDeliveryInfo__info').find('.multiDeliveryInfo__subContent').is(':visible')) {
|
|
$(this).closest('.multiDeliveryInfo__info').find('.multiDeliveryInfo__subContent').hide();
|
|
$(this).removeClass('opened');
|
|
} else {
|
|
$(this).closest('.multiDeliveryInfo__info').find('.multiDeliveryInfo__subContent').show();
|
|
$(this).addClass('opened');
|
|
}
|
|
});
|
|
|
|
/* 쇼핑하기 버튼 선택 이벤트 */
|
|
$('#btnGoHome').on('click', function() {
|
|
location.href = '<c:url value="/index"/>';
|
|
});
|
|
|
|
/* 주문/배송 목록 화면 이동 버튼 선택 이벤트 */
|
|
$('#btnOrdrList').on('click', function() {
|
|
location.href = '<c:url value="/sopmal/mpage/ordr/selectMbrOrdrListInqire"/>';
|
|
});
|
|
}
|
|
|
|
/* ********************************************************
|
|
* function
|
|
**********************************************************/
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<%-- 공통 Header --%>
|
|
<jsp:include page="/WEB-INF/views/comm/Header.jsp"/>
|
|
<spring:eval expression="@environment.getProperty('sopmalfo.common.fileupload.cdnurl')" var="cdnurl"/>
|
|
<spring:eval expression="@environment.getProperty('currency-unit.default')" var="curUnit"/>
|
|
<!-- 메인 컨텐츠 영역 -->
|
|
<main>
|
|
<c:set var="order" value="${data.order}"/>
|
|
<div class="sub-wrapper">
|
|
<div class="sub-content">
|
|
<div class="orderCompleted">
|
|
<div class="orderCompletedTop">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100" fill="none">
|
|
<path d="M4.23525 45.1313C3.79366 45.6356 3.47034 46.2322 3.28894 46.8775C3.10755 47.5228 3.07265 48.2004 3.18682 48.861L4.28994 55.8266C5.75375 64.9548 10.1829 73.3469 16.8931 79.7063V81.25H15.6259C15.2115 81.25 14.8141 81.4146 14.521 81.7077C14.228 82.0007 14.0634 82.3981 14.0634 82.8125V95.3125C14.0634 95.7269 14.228 96.1243 14.521 96.4174C14.8141 96.7104 15.2115 96.875 15.6259 96.875H34.3759C34.7903 96.875 35.1877 96.7104 35.4807 96.4174C35.7738 96.1243 35.9384 95.7269 35.9384 95.3125V82.8125C35.9384 82.3981 35.7738 82.0007 35.4807 81.7077C35.1877 81.4146 34.7903 81.25 34.3759 81.25H34.3384L34.1899 75.1141V75.0875C34.0669 72.5414 33.4221 70.0476 32.2957 67.7609C31.1692 65.4741 29.5851 63.4431 27.6415 61.7938L25.3759 57.3C25.0538 56.6405 24.5624 56.0783 23.9518 55.6709C23.3413 55.2635 22.6335 55.0255 21.9009 54.9813C21.3358 54.9529 20.7718 55.0561 20.2534 55.2828C19.735 55.5094 19.2762 55.8534 18.9134 56.2875C18.5242 56.7621 18.251 57.3209 18.1154 57.9194C17.9797 58.518 17.9855 59.14 18.1321 59.736L19.1618 64.2453C15.8735 60.59 13.6341 56.114 12.6806 51.2906L11.9712 47.6969C11.7729 46.6419 11.2306 45.6824 10.4292 44.9683C9.62771 44.2543 8.61225 43.8258 7.5415 43.75C6.92202 43.7169 6.30305 43.8239 5.73064 44.0631C5.15822 44.3022 4.64708 44.6673 4.23525 45.1313ZM32.8134 93.75H17.1884V84.375H32.8134V93.75ZM8.90713 48.3031L9.6165 51.8969C10.404 55.9056 11.996 59.713 14.2965 63.0891C16.597 66.4652 19.5581 69.3397 23.0009 71.5391C23.2903 71.7242 23.6327 71.8088 23.975 71.7797C24.3174 71.7506 24.6406 71.6095 24.8947 71.3782C25.1487 71.1469 25.3195 70.8384 25.3805 70.5002C25.4415 70.1621 25.3893 69.8133 25.2321 69.5078L22.1884 63.5031L21.1681 59.0406C21.1316 58.9138 21.125 58.7803 21.1485 58.6505C21.1721 58.5207 21.2253 58.3981 21.304 58.2922C21.3585 58.2284 21.4271 58.1781 21.5044 58.1453C21.5817 58.1124 21.6655 58.098 21.7493 58.1031C21.9276 58.1246 22.0973 58.1913 22.2426 58.2969C22.3878 58.4024 22.5036 58.5434 22.579 58.7063L25.0009 63.4938C25.1006 63.691 25.2412 63.8646 25.4134 64.0031C27.0868 65.3704 28.4547 67.0735 29.4287 69.0025C30.4028 70.9314 30.9613 73.0433 31.0681 75.2016L31.2134 81.25H20.0181V79.025C20.0181 78.8081 19.973 78.5935 19.8855 78.395C19.7981 78.1965 19.6703 78.0183 19.5103 77.8719C13.0423 71.9419 8.76653 64.0015 7.37588 55.3375L6.27275 48.3719C6.23288 48.1696 6.2384 47.9609 6.28893 47.7609C6.33946 47.561 6.43373 47.3747 6.56494 47.2156C6.67054 47.102 6.79957 47.0127 6.9431 46.9539C7.08663 46.8951 7.24123 46.8682 7.39619 46.875C7.76945 46.9154 8.11923 47.0768 8.39208 47.3347C8.66492 47.5926 8.84582 47.9327 8.90713 48.3031Z" fill="#7E8282"></path>
|
|
<path d="M74.625 57.3001L72.3594 61.7939C70.416 63.4435 68.8321 65.4746 67.7057 67.7613C66.5793 70.0479 65.9344 72.5416 65.8109 75.0876V75.1142L65.6625 81.2501H65.625C65.2106 81.2501 64.8132 81.4148 64.5201 81.7078C64.2271 82.0008 64.0625 82.3982 64.0625 82.8126V95.3126C64.0625 95.727 64.2271 96.1245 64.5201 96.4175C64.8132 96.7105 65.2106 96.8751 65.625 96.8751H84.375C84.7894 96.8751 85.1868 96.7105 85.4799 96.4175C85.7729 96.1245 85.9375 95.727 85.9375 95.3126V82.8126C85.9375 82.3982 85.7729 82.0008 85.4799 81.7078C85.1868 81.4148 84.7894 81.2501 84.375 81.2501H83.1078V79.7064C89.8183 73.3466 94.2475 64.9539 95.7109 55.8251L96.8141 48.8611C96.9282 48.2006 96.8933 47.5229 96.7119 46.8776C96.5305 46.2323 96.2072 45.6357 95.7656 45.1314C95.354 44.6672 94.8429 44.3019 94.2704 44.0627C93.698 43.8235 93.0789 43.7167 92.4594 43.7501C91.3901 43.8267 90.3762 44.2549 89.5758 44.968C88.7754 45.6811 88.2334 46.639 88.0344 47.6923L87.325 51.2861C86.3714 56.1094 84.1321 60.5855 80.8438 64.2408L81.8734 59.7314C82.0201 59.1354 82.0258 58.5135 81.8902 57.9149C81.7546 57.3163 81.4814 56.7575 81.0922 56.2829C80.7291 55.8491 80.2703 55.5053 79.752 55.2787C79.2336 55.052 78.6697 54.9487 78.1047 54.9767C77.3707 55.0206 76.6617 55.2589 76.0502 55.6672C75.4387 56.0755 74.9468 56.6391 74.625 57.3001ZM82.8125 93.7501H67.1875V84.3751H82.8125V93.7501ZM78.2438 58.1033C78.3282 58.0932 78.4139 58.1053 78.4923 58.1385C78.5707 58.1716 78.639 58.2247 78.6906 58.2923C78.7693 58.3982 78.8225 58.5208 78.8464 58.6506C78.8702 58.7803 78.864 58.9138 78.8281 59.0408L77.8125 63.5033L74.7813 69.5142C74.624 69.8197 74.5719 70.1685 74.6329 70.5066C74.6939 70.8447 74.8646 71.1533 75.1187 71.3846C75.3728 71.6159 75.696 71.757 76.0383 71.7861C76.3807 71.8151 76.7231 71.7306 77.0125 71.5454C80.4548 69.3448 83.4151 66.469 85.7145 63.0918C88.0139 59.7147 89.6047 55.9063 90.3906 51.897L91.1 48.3033C91.161 47.9338 91.341 47.5944 91.6126 47.3366C91.8842 47.0788 92.2325 46.9168 92.6047 46.8751C92.7601 46.8625 92.9164 46.8865 93.0608 46.9454C93.2052 47.0044 93.3337 47.0964 93.4359 47.2142C93.5672 47.3733 93.6614 47.5595 93.7119 47.7595C93.7625 47.9594 93.768 48.1681 93.7281 48.3704L92.625 55.3345C91.2348 63.9991 86.959 71.9402 80.4906 77.8704C80.3306 78.0169 80.2028 78.195 80.1153 78.3936C80.0279 78.5921 79.9828 78.8066 79.9828 79.0236V81.2501H68.7875L68.9344 75.2017C69.0412 73.0434 69.5997 70.9315 70.5737 69.0026C71.5477 67.0736 72.9157 65.3705 74.5891 64.0033C74.7607 63.8646 74.9008 63.6909 75 63.4939L77.4141 58.7064C77.4895 58.5435 77.6053 58.4025 77.7505 58.297C77.8957 58.1914 78.0655 58.1247 78.2438 58.1033Z" fill="#7E8282"></path>
|
|
<path d="M26.5625 31.2499V37.4999C26.5625 37.9143 26.7271 38.3117 27.0201 38.6048C27.3132 38.8978 27.7106 39.0624 28.125 39.0624H29.6875V59.3749C29.6875 59.7893 29.8521 60.1867 30.1451 60.4798C30.4382 60.7728 30.8356 60.9374 31.25 60.9374H68.75C69.1644 60.9374 69.5618 60.7728 69.8549 60.4798C70.1479 60.1867 70.3125 59.7893 70.3125 59.3749V39.0624H71.875C72.2894 39.0624 72.6868 38.8978 72.9799 38.6048C73.2729 38.3117 73.4375 37.9143 73.4375 37.4999V31.2499C73.4375 30.8355 73.2729 30.4381 72.9799 30.1451C72.6868 29.852 72.2894 29.6874 71.875 29.6874H66.3344C66.8884 28.7388 67.1827 27.6609 67.1875 26.5624C67.2075 25.3189 66.8493 24.0986 66.1604 23.0632C65.4715 22.0277 64.4844 21.226 63.3297 20.764C62.2128 20.2964 60.9801 20.1794 59.7952 20.4286C58.6103 20.6778 57.5292 21.2814 56.6953 22.1593L50 29.014L43.3047 22.164C42.4704 21.2866 41.3893 20.6834 40.2046 20.4343C39.0198 20.1851 37.7873 20.3017 36.6703 20.7687C35.5164 21.2304 34.5298 22.0314 33.8409 23.0659C33.1521 24.1005 32.7935 25.3197 32.8125 26.5624C32.8173 27.6609 33.1116 28.7388 33.6656 29.6874H28.125C27.7106 29.6874 27.3132 29.852 27.0201 30.1451C26.7271 30.4381 26.5625 30.8355 26.5625 31.2499ZM67.1875 57.8124H32.8125V39.0624H67.1875V57.8124ZM58.9297 24.3483C59.331 23.917 59.8554 23.6198 60.4316 23.497C61.0078 23.3743 61.6078 23.4321 62.15 23.6624C62.8059 23.9414 63.3472 24.4353 63.6851 25.0629C64.0229 25.6905 64.1372 26.4144 64.009 27.1155C63.8808 27.8166 63.5178 28.4532 62.9798 28.9207C62.4417 29.3881 61.7606 29.6585 61.0484 29.6874H53.7047L58.9297 24.3483ZM37.85 23.6624C38.2094 23.5146 38.5942 23.4381 38.9828 23.4374C39.3745 23.4408 39.7614 23.5236 40.1202 23.6807C40.4789 23.8378 40.8022 24.066 41.0703 24.3515L46.2891 29.6874H38.9453C38.2338 29.6569 37.5537 29.3853 37.0169 28.9173C36.4801 28.4493 36.1184 27.8127 35.9912 27.1119C35.864 26.4112 35.9788 25.688 36.3169 25.0612C36.655 24.4343 37.1946 23.9411 37.85 23.6624ZM29.6875 32.8124H70.3125V35.9374H29.6875V32.8124Z" fill="#7E8282"></path>
|
|
<path class="svg-themeColor" d="M57.7306 8.96596C57.639 8.69301 57.4738 8.45065 57.2533 8.26564C57.0327 8.08063 56.7653 7.96016 56.4806 7.91752L52.9868 7.38471L51.4087 4.02377C51.2825 3.75534 51.0825 3.52837 50.8321 3.36938C50.5817 3.2104 50.2912 3.12598 49.9946 3.12598C49.698 3.12598 49.4075 3.2104 49.1571 3.36938C48.9067 3.52837 48.7067 3.75534 48.5806 4.02377L47.0024 7.38471L43.5087 7.91752C43.2247 7.96082 42.9581 8.08159 42.7382 8.26655C42.5184 8.45152 42.3538 8.69353 42.2625 8.96597C42.1713 9.2384 42.1569 9.53073 42.221 9.81079C42.2851 10.0909 42.4252 10.3478 42.6259 10.5535L45.2009 13.191L44.5899 16.941C44.5427 17.2304 44.578 17.5273 44.6916 17.7977C44.8052 18.0681 44.9926 18.301 45.2324 18.4699C45.4721 18.6388 45.7546 18.7368 46.0475 18.7527C46.3403 18.7685 46.6317 18.7017 46.8884 18.5597L49.9993 16.8378L53.1056 18.5566C53.3623 18.6985 53.6538 18.7652 53.9467 18.7492C54.2396 18.7332 54.5221 18.635 54.7618 18.466C55.0014 18.2971 55.1887 18.0643 55.3022 17.7941C55.4158 17.5239 55.4511 17.2271 55.404 16.9378L54.7931 13.1878L57.3681 10.5503C57.568 10.3449 57.7076 10.0884 57.7715 9.80899C57.8355 9.52954 57.8213 9.23789 57.7306 8.96596ZM52.0056 11.5738C51.8347 11.7489 51.7073 11.9618 51.6338 12.1952C51.5602 12.4286 51.5425 12.676 51.5821 12.9175L51.8024 14.2628L50.7556 13.6847C50.5241 13.5567 50.2639 13.4895 49.9993 13.4895C49.7348 13.4895 49.4746 13.5567 49.2431 13.6847L48.1962 14.2628L48.4165 12.9175C48.4561 12.676 48.4384 12.4286 48.3648 12.1952C48.2913 11.9618 48.1639 11.7489 47.9931 11.5738L46.9915 10.5472L48.304 10.3472C48.5576 10.3083 48.7978 10.2076 49.0033 10.0539C49.2087 9.90023 49.3732 9.69829 49.4821 9.46596L49.9993 8.37221L50.5165 9.46596C50.6254 9.69829 50.7899 9.90023 50.9953 10.0539C51.2008 10.2076 51.441 10.3083 51.6946 10.3472L53.0071 10.5472L52.0056 11.5738Z" fill="#7E8282"></path>
|
|
<path class="svg-themeColor" d="M23.3556 21.466C23.264 21.193 23.0988 20.9506 22.8783 20.7656C22.6577 20.5806 22.3903 20.4602 22.1056 20.4175L18.6118 19.8847L17.0337 16.5238C16.9075 16.2553 16.7075 16.0284 16.4571 15.8694C16.2067 15.7104 15.9162 15.626 15.6196 15.626C15.323 15.626 15.0325 15.7104 14.7821 15.8694C14.5317 16.0284 14.3317 16.2553 14.2056 16.5238L12.6274 19.8847L9.13369 20.4175C8.84966 20.4608 8.58306 20.5816 8.36321 20.7666C8.14336 20.9515 7.97877 21.1935 7.88753 21.466C7.79628 21.7384 7.78192 22.0307 7.84603 22.3108C7.91013 22.5909 8.05021 22.8478 8.25088 23.0535L10.8259 25.691L10.2149 29.441C10.1677 29.7304 10.2029 30.0273 10.3166 30.2977C10.4302 30.5681 10.6176 30.801 10.8574 30.9699C11.0971 31.1388 11.3796 31.2368 11.6725 31.2527C11.9653 31.2685 12.2567 31.2017 12.5134 31.0597L15.6243 29.3378L18.7306 31.0566C18.9873 31.1985 19.2788 31.2652 19.5717 31.2492C19.8646 31.2332 20.1471 31.135 20.3868 30.966C20.6264 30.7971 20.8137 30.5643 20.9272 30.2941C21.0408 30.0239 21.0761 29.7271 21.029 29.4378L20.4181 25.6878L22.9931 23.0503C23.193 22.8449 23.3326 22.5884 23.3965 22.309C23.4605 22.0295 23.4463 21.7379 23.3556 21.466ZM17.6306 24.0738C17.4597 24.2489 17.3323 24.4618 17.2588 24.6952C17.1852 24.9286 17.1675 25.176 17.2071 25.4175L17.4274 26.7628L16.3806 26.1847C16.1491 26.0567 15.8889 25.9895 15.6243 25.9895C15.3598 25.9895 15.0996 26.0567 14.8681 26.1847L13.8212 26.7628L14.0415 25.4175C14.0811 25.176 14.0634 24.9286 13.9898 24.6952C13.9163 24.4618 13.7889 24.2489 13.6181 24.0738L12.6165 23.0472L13.929 22.8472C14.1826 22.8083 14.4228 22.7076 14.6283 22.5539C14.8338 22.4002 14.9982 22.1983 15.1071 21.966L15.6243 20.8722L16.1415 21.966C16.2504 22.1983 16.4149 22.4002 16.6204 22.5539C16.8258 22.7076 17.066 22.8083 17.3196 22.8472L18.6321 23.0472L17.6306 24.0738Z" fill="#7E8282"></path>
|
|
<path class="svg-themeColor" d="M76.6436 21.4652C76.5523 21.7375 76.5378 22.0298 76.6017 22.3099C76.6657 22.5899 76.8056 22.847 77.0061 23.0527L79.5811 25.6902L78.9702 29.4402C78.923 29.7296 78.9582 30.0265 79.0718 30.2969C79.1854 30.5673 79.3728 30.8003 79.6126 30.9691C79.8524 31.138 80.1349 31.236 80.4277 31.2519C80.7206 31.2678 81.012 31.2009 81.2686 31.0589L84.3749 29.3371L87.4811 31.0558C87.7378 31.1977 88.0294 31.2644 88.3223 31.2484C88.6152 31.2324 88.8976 31.1342 89.1374 30.9652C89.377 30.7963 89.5642 30.5635 89.6778 30.2933C89.7913 30.0231 89.8266 29.7264 89.7795 29.4371L89.1686 25.6871L91.7436 23.0496C91.9443 22.8439 92.0844 22.587 92.1485 22.3069C92.2126 22.0268 92.1982 21.7345 92.107 21.4621C92.0157 21.1896 91.8511 20.9476 91.6313 20.7626C91.4114 20.5777 91.1448 20.4569 90.8608 20.4136L87.367 19.8808L85.7889 16.5199C85.6627 16.2514 85.4628 16.0245 85.2124 15.8655C84.962 15.7065 84.6715 15.6221 84.3749 15.6221C84.0782 15.6221 83.7878 15.7065 83.5374 15.8655C83.287 16.0245 83.087 16.2514 82.9608 16.5199L81.3827 19.8808L77.8889 20.4136C77.6047 20.4573 77.338 20.5786 77.1183 20.7642C76.8986 20.9497 76.7343 21.1923 76.6436 21.4652ZM82.6795 22.8464C82.9332 22.8076 83.1733 22.7068 83.3788 22.5531C83.5843 22.3994 83.7488 22.1975 83.8577 21.9652L84.3749 20.8714L84.892 21.9652C85.001 22.1975 85.1654 22.3994 85.3709 22.5531C85.5764 22.7068 85.8165 22.8076 86.0702 22.8464L87.3827 23.0464L86.3811 24.073C86.2102 24.2482 86.0829 24.461 86.0093 24.6944C85.9358 24.9278 85.9181 25.1752 85.9577 25.4167L86.178 26.7621L85.1311 26.1839C84.8996 26.0559 84.6394 25.9887 84.3749 25.9887C84.1103 25.9887 83.8501 26.0559 83.6186 26.1839L82.5717 26.7621L82.792 25.4167C82.8316 25.1752 82.8139 24.9278 82.7404 24.6944C82.6668 24.461 82.5395 24.2482 82.3686 24.073L81.367 23.0464L82.6795 22.8464Z" fill="#7E8282"></path>
|
|
</svg>
|
|
<p class="orderCompletedTop__title">감사합니다.</p>
|
|
<p class="orderCompletedTop__subTitle"><em><c:out value="${order.mbrNm}"/></em>님의 주문이 정상적으로 완료 되었습니다.</p>
|
|
</div>
|
|
<h2 class="cartOrder__title">주문완료</h2>
|
|
<div class="sub-right-content">
|
|
<c:choose>
|
|
<c:when test="${'04' == order.ordrTyCd || '05' == order.ordrTyCd}">
|
|
<div class="sub-right-content__section">
|
|
<c:choose>
|
|
<c:when test="${not empty data.shippingList}">
|
|
<c:forEach var="shipping" items="${data.shippingList}" varStatus="status">
|
|
<div class="multiDeliveryInfo">
|
|
<div class="multiDeliveryInfo__info">
|
|
<h5 class="multiDeliveryInfo__title"><c:out value="${status.count}"/>. 배송지 정보 </h5>
|
|
<div class="multiDeliveryInfo__description">
|
|
<span class="multiDeliveryInfo__name"><c:out value="${shipping.recpntNm}"/></span>
|
|
<span class="multiDeliveryInfo__address">
|
|
<c:out value="${not empty shipping.dlvylcZip ? '(' += shipping.dlvylcZip += ')' : ''}"/>
|
|
<c:out value="${shipping.adres}"/>
|
|
<c:out value="${shipping.dlvylcAdresDtl}"/>
|
|
</span>
|
|
<button class="btn sm outline multiDeliveryInfo__detailBtn">주소 상세보기</button>
|
|
</div>
|
|
<div class="multiDeliveryInfo__subContent" style="display: none;">
|
|
<div class="table-wrapper multiDeliveryInfo__table">
|
|
<h3 class="multiDeliveryInfo__subTitle">배송지 정보</h3>
|
|
<table class="table">
|
|
<caption>배송지 정보</caption>
|
|
<colgroup>
|
|
<col style="width: 180px;">
|
|
<col style="width: auto;">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>받는분</th>
|
|
<td><c:out value="${shipping.recpntNm}"/></td>
|
|
</tr>
|
|
<tr>
|
|
<th>주소</th>
|
|
<td>
|
|
<c:out value="${not empty shipping.dlvylcZip ? '(' += shipping.dlvylcZip += ')' : ''}"/>
|
|
<c:out value="${shipping.adres}"/>
|
|
<c:out value="${shipping.dlvylcAdresDtl}"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>휴대폰번호</th>
|
|
<td><c:out value="${shipping.recpntMbtlnb}"/></td>
|
|
</tr>
|
|
<c:if test="${ not empty shipping.giftSttusCd}">
|
|
<tr>
|
|
<th>선물상태</th>
|
|
<td><c:out value="${shipping.giftSttusCdNm}"/></td>
|
|
</tr>
|
|
<tr>
|
|
<th>선물 메시지</th>
|
|
<td><c:out value="${shipping.giftMssageCn}"/></td>
|
|
</tr>
|
|
</c:if>
|
|
<tr>
|
|
<th>배송 시 요청사항</th>
|
|
<td><c:out value="${shipping.dlvyMssageCn}"/></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cartOrder__list">
|
|
<div class="table-wrapper">
|
|
<table class="table vertical">
|
|
<caption>상품정보</caption>
|
|
<colgroup>
|
|
<col style="width: auto;">
|
|
<col style="width: 40px;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>상품명</th>
|
|
<th>수량</th>
|
|
<th>상품금액</th>
|
|
<th>할인금액</th>
|
|
<th>할인적용금액</th>
|
|
<th>적립금</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<c:choose>
|
|
<c:when test="${not empty shipping.goodsList}">
|
|
<c:forEach var="goods" items="${shipping.goodsList}" varStatus="status">
|
|
<tr>
|
|
<td>
|
|
<div class="cartItem">
|
|
<div class="cartItem__image">
|
|
<img src="<c:out value="${ cdnurl }${goods.goodsImgCours}"/>" onerror="this.src='<c:url value="/mngr/images/image_placeholder.png"/>" alt="<c:out value="${goods.goodsNm}"/>">
|
|
</div>
|
|
<div class="cartItem__productInfo">
|
|
<a href="javascript:void(0);" class="cartItem__productTitle"><c:out value="${goods.goodsNm}"/></a>
|
|
<span class="cartItem__productOption"><span class="option-badge">옵션</span> <c:out value="${goods.optnNm}"/></span>
|
|
<c:if test="${not empty goods.inputOptnText}">
|
|
<span class="cartItem__productOption"><c:out value="${goods.inputOptnText}"/></span>
|
|
</c:if>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td><span><fmt:formatNumber value="${goods.ordrQy}" pattern="#,###"/></span></td>
|
|
<td>
|
|
<span class="cartItem__normalPrice">
|
|
<span class="comma"><fmt:formatNumber value="${goods.slepric}" pattern="#,###"/></span>
|
|
<span class="priceUnit">${curUnit}</span>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="cartItem__discountPrice">
|
|
<span class="cartItem__discountMinus">(-)</span>
|
|
<span class="comma"><fmt:formatNumber value="${goods.dscntAmt}" pattern="#,###"/></span>
|
|
<span class="priceUnit">${curUnit}</span>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="cartItem__afterPrice">
|
|
<span class="comma"><fmt:formatNumber value="${goods.applyDscntAmt}" pattern="#,###"/></span>
|
|
<span class="priceUnit">${curUnit}</span>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="cartItem__mileage">
|
|
<span class=" comma"><fmt:formatNumber value="${goods.mlgAmt}" pattern="#,###"/></span>
|
|
<span class="priceUnit">${curUnit}</span>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</c:forEach>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<tr><td colspan="100%" ><spring:message code="common.nodata"/></td></tr>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</c:forEach>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<div class="orderList__no-result">
|
|
<img src="<c:url value="/pc/images/icon__no-result.png"/>" alt="">
|
|
<p class="orderList__no-result-text">주문내역이 없습니다.</p>
|
|
</div>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</div>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<div class="sub-right-content__section">
|
|
<div class="sub-right-content__section">
|
|
<div class="cartOrder__list">
|
|
<div class="table-wrapper">
|
|
<table class="table vertical">
|
|
<caption>주문상세내역</caption>
|
|
<colgroup>
|
|
<col style="width: auto;">
|
|
<col style="width: 40px;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
<col style="width: 10%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>상품명</th>
|
|
<th>수량</th>
|
|
<th>상품금액</th>
|
|
<th>할인금액</th>
|
|
<th>할인적용금액</th>
|
|
<th>적립금</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<c:choose>
|
|
<c:when test="${not empty data.goodsList}">
|
|
<c:forEach var="goods" items="${data.goodsList}">
|
|
<tr>
|
|
<td>
|
|
<div class="cartItem">
|
|
<div class="cartItem__image">
|
|
<img src="<c:out value="${cdnurl}${goods.goodsImgCours}"/>" onerror="this.src='/pc/images/image_placeholder.png'" alt="<c:out value="${goods.goodsNm}"/>">
|
|
</div>
|
|
<div class="cartItem__productInfo">
|
|
<a href="javascript:void(0);" class="cartItem__productTitle"><c:out value="${goods.goodsNm}"/></a>
|
|
<span class="cartItem__productOption"><span class="option-badge">옵션</span> <c:out value="${goods.optnNm}"/></span>
|
|
<c:if test="${not empty goods.inputOptnText}">
|
|
<span class="cartItem__productOption"><c:out value="${goods.inputOptnText}"/></span>
|
|
</c:if>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<span><fmt:formatNumber value="${goods.ordrQy}" pattern="#,###"/></span>
|
|
<input type="hidden" class="goodsInnb" name="goodsInnb" value ="${goods.goodsInnb}"/>
|
|
</td>
|
|
<td>
|
|
<span class="cartItem__normalPrice">
|
|
<span class=" comma"><fmt:formatNumber value="${goods.slepric}" pattern="#,###"/></span>
|
|
<span class="priceUnit">${curUnit}</span>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="cartItem__discountPrice">
|
|
<span class="cartItem__discountMinus">(-)</span>
|
|
<span class="comma"><fmt:formatNumber value="${goods.dscntAmt}" pattern="#,###"/></span>
|
|
<span class="priceUnit">${curUnit}</span>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="cartItem__afterPrice">
|
|
<span class="comma"><fmt:formatNumber value="${goods.applyDscntAmt}" pattern="#,###"/></span>
|
|
<span class="priceUnit">${curUnit}</span>
|
|
</span>
|
|
</td>
|
|
<td>
|
|
<span class="cartItem__mileage">
|
|
<span class=" comma"><fmt:formatNumber value="${goods.mlgAmt}" pattern="#,###"/></span>
|
|
<span class="priceUnit">${curUnit}</span>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</c:forEach>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<tr><td colspan="100%" ><spring:message code="common.nodata"/></td></tr>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
|
|
<c:if test="${'04' != order.ordrTyCd && '05' != order.ordrTyCd}">
|
|
<div class="sub-right-content__section">
|
|
<h3 class="sub-right-content__innerTitle">배송지 정보</h3>
|
|
<c:choose>
|
|
<c:when test="${not empty data.shippingList}">
|
|
<c:forEach var="shipping" items="${data.shippingList}" varStatus="status">
|
|
<div class="table-wrapper orderDetail__table">
|
|
<table class="table">
|
|
<caption>배송지 정보</caption>
|
|
<colgroup>
|
|
<col style="width: 220px;">
|
|
<col style="width: auto;">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>받는분</th>
|
|
<td><c:out value="${shipping.recpntNm}"/></td>
|
|
</tr>
|
|
<tr>
|
|
<th>주소</th>
|
|
<td>
|
|
<c:out value="${not empty shipping.dlvylcZip ? '(' += shipping.dlvylcZip += ')' : ''}"/>
|
|
<c:out value="${shipping.adres}"/>
|
|
<c:out value="${shipping.dlvylcAdresDtl}"/>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>휴대폰번호</th>
|
|
<td><c:out value="${shipping.recpntMbtlnb}"/></td>
|
|
</tr>
|
|
<tr>
|
|
<th>배송 시 요청사항</th>
|
|
<td><c:out value="${shipping.dlvyMssageCn}"/></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</c:forEach>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<div class="orderList__no-result">
|
|
<img src="<c:url value="/pc/images/icon__no-result.png"/>" alt="">
|
|
<p class="orderList__no-result-text">주문내역이 없습니다.</p>
|
|
</div>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</div>
|
|
</c:if>
|
|
|
|
<div class="sub-right-content__section">
|
|
<h3 class="sub-right-content__innerTitle">주문자 정보</h3>
|
|
<div class="table-wrapper orderDetail__table">
|
|
<table class="table">
|
|
<caption>주문자 정보</caption>
|
|
<!-- 각 열 width 설정 -->
|
|
<colgroup>
|
|
<col style="width: 220px;">
|
|
<col style="width: auto;">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>이름</th>
|
|
<td><c:out value="${order.mbrNm}"/></td>
|
|
</tr>
|
|
<tr>
|
|
<th>휴대폰번호</th>
|
|
<td><c:out value="${order.ordrrMbtlnb}"/></td>
|
|
</tr>
|
|
<tr>
|
|
<th>이메일</th>
|
|
<td><c:out value="${order.ordrrEmail}"/></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<p class="textInfo"><i class="icon icon_textInfo--sm"></i>주문 관련 정보가 문자로 발송됩니다.</p>
|
|
<c:if test="${'02' == order.mbrTyCd}">
|
|
</br><p class="textInfo"><i class="icon icon_textInfo--sm"></i>비회원은 주문번호와 주문자의 휴대폰 번호로 조회가 가능합니다.</p>
|
|
</c:if>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sub-right-content__section">
|
|
<h3 class="sub-right-content__innerTitle">주문 결제 정보</h3>
|
|
<div class="table-wrapper orderDetail__paymentTable">
|
|
<c:choose>
|
|
<c:when test="${not empty data.setleList}">
|
|
<c:forEach var="setle" items="${data.setleList}" varStatus="status">
|
|
<table class="table">
|
|
<caption>주문 결제 정보</caption>
|
|
<!-- 각 열 width 설정 -->
|
|
<colgroup>
|
|
<col style="width: 160px;">
|
|
<col style="width: auto;">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>주문번호</th>
|
|
<td id="_orderNo"><c:out value="${order.ordrInnb}"/> <span class="orderDetail__date">(<c:out value="${order.ordrRceptDt}"/>)</span></td>
|
|
</tr>
|
|
<tr>
|
|
<th>주문상태</th>
|
|
<td><c:out value="${setle.ordrSttusNm}"/></td>
|
|
</tr>
|
|
<tr>
|
|
<th>결제방식</th>
|
|
<td><c:out value="${setle.setleTyNm}"/></td>
|
|
</tr>
|
|
<c:if test="${not empty setle.rcpmnyBnnkNm}">
|
|
<tr>
|
|
<th>입금계좌</th>
|
|
<td><c:out value="${setle.rcpmnyBnnkNm}"/> <c:out value="${setle.rcpmnyAcntnb}"/> (<c:out value="${setle.rcpmnyDpstrNm}"/>)</td>
|
|
</tr>
|
|
</c:if>
|
|
<tr>
|
|
<th>결제금액</th>
|
|
<td><span class="comma"><fmt:formatNumber value="${setle.setleAmt}" pattern="#,###"/></span>${curUnit}</td>
|
|
</tr>
|
|
<tr>
|
|
<th>결제일시</th>
|
|
<td><c:out value="${not empty setle.setleDt ? setle.setleDt : '입금대기'}"/></td>
|
|
</tr>
|
|
<c:if test="${not empty setle.cashAt && setle.cashAt eq 'Y'}">
|
|
<tr>
|
|
<th>GC 머니</th>
|
|
<td>
|
|
<span class="comma">${setle.cashSetleAmt}</span>
|
|
</td>
|
|
</tr>
|
|
</c:if>
|
|
<c:if test="${setle.reqstDvCd ne '04' && not empty setle.issuSttusCd}">
|
|
<tr>
|
|
<th>현금영수증</th>
|
|
<td>
|
|
<c:choose>
|
|
<c:when test="${setle.crtnb eq '0100001234'}">
|
|
<span class="orderDetail__waiting">발급상태 : 미신청</span>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<span class="orderDetail__waiting">발급상태 : <c:out value="${setle.issuSttusNm}"/></span>
|
|
<span class="orderDetail__deduction"><c:out value="${setle.issuTrgetDvCd eq '01' ? '(개인소득공제)' : '사업자지출증빙'}"/></span>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</td>
|
|
</tr>
|
|
</c:if>
|
|
<%--
|
|
<tr>
|
|
<th>증빙서류</th>
|
|
<td><button class="btn xsm gray2">신용카드 매출전표</button></td>
|
|
</tr>
|
|
--%>
|
|
</tbody>
|
|
</table>
|
|
</c:forEach>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<div class="orderList__no-result">
|
|
<img src="<c:url value="/pc/images/icon__no-result.png"/>" alt="!">
|
|
<p class="orderList__no-result-text">결제내역이 없습니다.</p>
|
|
</div>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
|
|
|
|
<c:set var="total" value="${data.total}"/>
|
|
<div class="orderDetail__orderPrice">
|
|
<ul class="cartOrderBox__list">
|
|
<li>
|
|
<span class="cartOrderBox__th">총 주문금액</span>
|
|
<span class="cartOrderBox__td"><span class="comma"><fmt:formatNumber value="${total.slepric}" pattern="#,###"/></span><span class="priceUnit">${curUnit}</span></span>
|
|
</li>
|
|
<li>
|
|
<span class="cartOrderBox__th">할인금액</span>
|
|
<span class="cartOrderBox__td"><span class="cartOrderBox__discountMinus">(-)</span><span class="comma"><fmt:formatNumber value="${total.dscntAmt}" pattern="#,###"/></span><span class="priceUnit">${curUnit}</span></span>
|
|
</li>
|
|
<c:forEach var="dscnt" items="${data.dscntList}" varStatus="status">
|
|
<c:if test="${'03' != dscnt.dscntDvCd}">
|
|
<li class="cartOrderBox__miscItem ${1 == status.count ? 'first' : ''}">
|
|
<span class="cartOrderBox__miscTh"><c:out value="${dscnt.dscntDvNm}"/></span>
|
|
<span class="cartOrderBox__miscTd"><span class="comma"><fmt:formatNumber value="${dscnt.dscntAmt}" pattern="#,###"/></span><span class="priceUnit">${curUnit}</span></span>
|
|
</li>
|
|
</c:if>
|
|
</c:forEach>
|
|
<li>
|
|
<span class="cartOrderBox__th">배송비</span>
|
|
<span class="cartOrderBox__td"><span class="comma"><fmt:formatNumber value="${total.dlvyAmt}" pattern="#,###"/></span><span class="priceUnit">${curUnit}</span></span>
|
|
</li>
|
|
<c:forEach var="dscnt" items="${data.dscntList}" varStatus="status">
|
|
<c:if test="${'03' == dscnt.dscntDvCd}">
|
|
<li class="cartOrderBox__miscItem ${1 == status.count ? 'first' : ''}">
|
|
<span class="cartOrderBox__miscTh"><c:out value="${dscnt.dscntDvNm}"/></span>
|
|
<span class="cartOrderBox__miscTd"><span class="comma"><fmt:formatNumber value="${dscnt.dscntAmt}" pattern="#,###"/></span><span class="priceUnit">${curUnit}</span></span>
|
|
</li>
|
|
</c:if>
|
|
</c:forEach>
|
|
<li>
|
|
</ul>
|
|
<div class="cartOrderBox__total">
|
|
<span class="cartOrderBox__totalTh">결제금액</span>
|
|
<span class="cartOrderBox__totalTd"><span class="comma"><fmt:formatNumber value="${total.setleAmt}" pattern="#,###"/></span><span class="priceUnit">${curUnit}</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<c:if test="${not empty data.refundList}">
|
|
<div class="sub-right-content__section">
|
|
<h3 class="sub-right-content__title">무효/취소/반품 내역</h3>
|
|
<div class="sub-right-content__section">
|
|
<div class="table-wrapper">
|
|
<table class="table vertical">
|
|
<caption>주문상세내역</caption>
|
|
<colgroup>
|
|
<col style="width: auto;">
|
|
<col style="width: 20%;">
|
|
<col style="width: 20%;">
|
|
<col style="width: 12%;">
|
|
<col style="width: 12%;">
|
|
<col style="width: 12%;">
|
|
</colgroup>
|
|
<thead>
|
|
<tr>
|
|
<th>무효/취소/반품</th>
|
|
<th>접수일시</th>
|
|
<th>처리일시</th>
|
|
<th>처리수량</th>
|
|
<th>처리금액</th>
|
|
<th>처리상태</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<c:forEach var="refund" items="${data.refundList}">
|
|
<tr>
|
|
<td> <c:out value="${refund.refundTyNm}"/></td>
|
|
<td><c:out value="${refund.refundReqstDt}"/></td>
|
|
<td><c:out value="${refund.refundComptDt}"/></td>
|
|
<td><fmt:formatNumber value="${refund.refundQy}" pattern="#,###"/></td>
|
|
<td><fmt:formatNumber value="${refund.refundAmt}" pattern="#,###"/></td>
|
|
<td><c:out value="${refund.refundProcsSttusNm}"/></td>
|
|
</tr>
|
|
</c:forEach>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</c:if>
|
|
</div>
|
|
<input type="hidden" value="${adscript}" id="adscript"/>
|
|
<div class="sub-bottom-btn-container">
|
|
<a href="javascript:void(0);" id="btnGoHome" class="btn xl outline theme">쇼핑하기</a>
|
|
<a href="javascript:void(0);" id="btnOrdrList" class="btn xl outline">주문내역</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<%-- 공통 Footer --%>
|
|
<jsp:include page="/WEB-INF/views/comm/Footer.jsp"/>
|
|
</body>
|
|
</html> |