itfirst/sake
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : 쇼핑몰 구독서비스 관련(모바일)

Browse Source
This commit is contained in:
이대환
2026-01-29 12:08:55 +09:00
parent c0d7079e37
commit 77060045ca
3 changed files with 240 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

77
src/main/webapp/WEB-INF/views/sopmal/main/SubscribeR.jsp
View File

@@ -16,6 +16,7 @@
<head>
<jsp:include page="/WEB-INF/views/comm/Include.jsp"/>
<spring:eval expression="@environment.getProperty('currency-unit.default')" var="curUnit"/>
</head>
<script>
@@ -28,6 +29,8 @@
* 구독서비스 상세 조회
* ****************************************************/
const fn_select_subsvcDetail = function(subsvcInnb) {
var curUnit = '${curUnit}';
$.ajax({
type: "post",
url : '<c:url value="/sopmal/main/selectSubscribeDetail"/>',
@@ -38,23 +41,42 @@
data = JSON.parse(data.resBody.result);
data = data.resultMap;
$('#subPd').val(data.subPd);
$('#dlvyCnt').val(data.dlvyCnt);
$('#dlvyCycle').val(data.dlvyCycle);
$('#cnsmrpric').val(data.cnsmrpric);
$('#selpric').val(data.selpric);
$('#saleRatio').val(data.saleRatio);
$('#subPd').text(data.subPd);
$('#dlvyCnt').text(data.dlvyCnt);
$('#dlvyCycle').text(data.dlvyCycle);
$('#cnsmrpric').text(fn_format_number(data.cnsmrpric) + curUnit);
$('#selpric').text(fn_format_number(data.selpric) + curUnit);
$('#dscntRaito').text(data.dscntRaito + '%');
$('#subsvcDc').html(data.subsvcDc);
switch (data.subsvcSttusCd) {
case '01':
$('#subscribeBtn').text('구독하기');
$('#subscribeBtn').prop('disabled', false);
break;
case '02':
case '03':
$('#subscribeBtn').text(data.subsvcSttus);
$('#subscribeBtn').prop('disabled', true);
break;
default:
break;
}
}
});
}
const fn_format_number = function(number) {
return Number(number).toLocaleString();
}
</script>
<style>
.container {
display: flex;
width: 100%;
height: 200px;
border: 1px solid #e9ecef;
margin-top: 100px;
margin-top: 50px;
margin-bottom: 50px;
}
.box {
@@ -87,25 +109,14 @@
margin-bottom: 8px;
}
.box button {
background-color: #000;
color: #fff;
border: none;
padding: 12px 24px;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
text-align: center;
}
.box button:hover {
opacity: 0.85;
#subsvcDc {
border: 1px solid #e9ecef;
padding: clamp(12px, 3%, 18px);
}
</style>
<body>
<%-- 공통 Header --%>
<jsp:include page="/WEB-INF/views/comm/Header.jsp"/>
<spring:eval expression="@environment.getProperty('currency-unit.default')" var="curUnit"/>
<!-- 메인 컨텐츠 영역 -->
<main>
<div class="sub-wrapper">
@@ -131,14 +142,24 @@
<div class="box">
<span>구독서비스 내역</span>
<ul>
<li>구독기간 : <span id="subPd"></span>개월</li>
<li>배송횟수 : <span id="dlvyCnt"></span>회</li>
<li>배송주기 : <span id="dlvyCycle"></span></li>
<li>상품금액 : <span id="cnsmrpric" style="font-size: 12px; color: grey; text-decoration: line-through;"></span><span id="selpric"></span>${curUnit} <span id="saleRatio" style="color: red">%</span></li>
<li>
구독기간 : <span id="subPd"></span>개월
</li>
<li>
배송횟수 : <span id="dlvyCnt"></span>회
</li>
<li>
배송주기 : <span id="dlvyCycle"></span>
</li>
<li>
상품금액 : <span id="cnsmrpric" class="product-unit-price__original"></span>
<span id="selpric" class="product-unit-price__current"></span>
<span id="dscntRaito" style="color: red">%</span>
</li>
</ul>
</div>
<div class="box">
<button>구독하기</button>
<button id="subscribeBtn" class="btn theme large">구독하기</button>
</div>
</div>
</c:when>
@@ -146,6 +167,8 @@
<span style="display: block; width: 100%; text-align: center; font-size: 32px;">구독 서비스 상품 준비중</span>
</c:otherwise>
</c:choose>
<div id="subsvcDc">구독 서비스 상품 설명</div>
</form>
</div>
</div>