812 lines
42 KiB
Plaintext
812 lines
42 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 : SubsvcU.jsp
|
|
Description : 구독서비스 상세
|
|
Modification Information
|
|
|
|
수정일 수정자 수정내용
|
|
------- -------- ---------------------------
|
|
2026-01-27 jazz 최초생성
|
|
--%>
|
|
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>일반 관리자</title>
|
|
<%-- 공통 include --%>
|
|
<%@ include file="/WEB-INF/views/comm/mngr/Include.jsp"%>
|
|
</head>
|
|
<script>
|
|
$(document).ready(function () {
|
|
//페이지 로드 시 숫자 인풋 정규화( 3자리 컴마)
|
|
$('.input-text.number').each(function () {
|
|
var input = $(this).val();
|
|
$(this).val(input.replace(/[^0-9]/g, "").replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,"));
|
|
});
|
|
|
|
const expsrSetTable = document.getElementById('expsrSet');
|
|
//노출예약 체크되어있을 경우 enable 처리
|
|
if($("input[name='expsrDvCd']:checked").val() ==='03'){
|
|
enableTableInputs(expsrSetTable)
|
|
}
|
|
|
|
const sopmalCd = $('#sopmalCd').val()
|
|
fn_create_ckeditor('#subsvcDc', sopmalCd); //상세 설명 > 상품 설명 ck에디터 적용
|
|
fn_create_ckeditor('#mblSubsvcDc', sopmalCd); // 모바일용 상세 설명 > 모바일용 상품 설명 ck에디터 적용
|
|
/* 모바일용 상세 설명 설정 이벤트 */
|
|
fn_handleMblSubsvcDcPcSameAt();
|
|
|
|
//모바일용 상세 설명 설정 이벤트 설정
|
|
$('[name="mblSubsvcDcPcSameAt"]').on('change', fn_handleMblSubsvcDcPcSameAt);
|
|
|
|
//실판매가 자동계산 이벤트 등록
|
|
$('[name="dlvyCnt"]').on('change', fn_cal_selpric);
|
|
$('[name="subsvcCt"]').on('change', fn_cal_selpric);
|
|
$('[name="tmeDlvyAmt"]').on('change', fn_cal_selpric);
|
|
|
|
});
|
|
|
|
//숫자 인풋 포커스시 0 제거
|
|
$(document).on("focus", '.input-text.number',function () {
|
|
if(fn_nvl($(this).val(), '0') === '0'){
|
|
$(this).val('');
|
|
}
|
|
});
|
|
|
|
//재고와 상관없이 판매일 경우 옵션재고 disabled
|
|
$(document).on('change', 'input[name="invntryPolicyCd"]',function () {
|
|
|
|
let normalQy = $('input[name="invntryQy_normal"]');
|
|
let invntryQy = $('input[name="invntryQy_invntry"]');
|
|
let addeddQy = $('input[name="invntryQy_added"]');
|
|
|
|
if($(this).val() === '02'){
|
|
normalQy.prop('disabled', true)
|
|
invntryQy.prop('disabled', true)
|
|
addeddQy.prop('disabled', true)
|
|
}else{
|
|
normalQy.prop('disabled', false)
|
|
invntryQy.prop('disabled', false)
|
|
addeddQy.prop('disabled', false)
|
|
}
|
|
|
|
})
|
|
|
|
//예약 판매설정 체크 해제시 예약상품 배송일자, 안내문구 빈값 처리
|
|
$(document).on('click', '#goodsExpsrTy02', function () {
|
|
if(!$(this).prop('checked')){
|
|
$('#resveGoods input').val('')
|
|
}
|
|
})
|
|
|
|
//노출여부 노출예약이 아닐경우 노출 정보 빈값 처리
|
|
$(document).on('click', 'input[name="expsrDvCd"]', function () {
|
|
const target = $('#expsrDvCd3')
|
|
if($(this).attr('id') !== target.attr('id')){
|
|
$('#expsrSet input').val('')
|
|
}
|
|
})
|
|
|
|
//재고와 상관없이 판매일 경우 가용재고제한수량 빈값처리
|
|
$(document).on('click', '#invntryPolicyCd2', function () {
|
|
$('#avlinvLmttQy').val('')
|
|
})
|
|
|
|
/* ********************************************************
|
|
* 모바일용 상세설명 설정 enable-disable
|
|
******************************************************** */
|
|
function fn_handleMblSubsvcDcPcSameAt() {
|
|
if($('[name="mblSubsvcDcPcSameAt"]:checked').val() === 'Y'){
|
|
$('.mobileSubsvcCn').hide();
|
|
}else{
|
|
$('.mobileSubsvcCn').show();
|
|
}
|
|
}
|
|
|
|
|
|
/* ********************************************************
|
|
* 노출여부 enable-disable
|
|
******************************************************** */
|
|
function handleRadioClick2(radio) {
|
|
//노출쳬약 객체
|
|
const lastRadio = document.querySelector('#expsrDvCd3');
|
|
const table = document.getElementById('expsrSet');
|
|
|
|
if (radio === lastRadio) {
|
|
enableTableInputs(table);
|
|
} else {
|
|
disableTableInputs(table);
|
|
}
|
|
|
|
}
|
|
|
|
/* ********************************************************
|
|
* 재고에 따른 판매 enable-disable
|
|
******************************************************** */
|
|
function handleRadioClickDisable(radio) {
|
|
const firstRadio = document.querySelector('input[name="invntryPolicyCd"]:first-of-type');
|
|
const inputText = document.getElementById('avlinvLmttQy');
|
|
|
|
if (radio === firstRadio) {
|
|
inputText.disabled = false;
|
|
} else {
|
|
inputText.disabled = true;
|
|
}
|
|
}
|
|
|
|
/* ********************************************************
|
|
* enable-disable
|
|
******************************************************** */
|
|
function enableTableInputs(table) {
|
|
const inputs = table.querySelectorAll('input');
|
|
inputs.forEach(input => input.disabled = false);
|
|
}
|
|
|
|
function disableTableInputs(table) {
|
|
const inputs = table.querySelectorAll('input');
|
|
inputs.forEach(input => input.disabled = true);
|
|
}
|
|
|
|
function convertToDate(dateStr) {
|
|
// 입력된 문자열을 Date 객체로 변환
|
|
const date = new Date(dateStr);
|
|
// 유효하지 않은 날짜인 경우 null 반환
|
|
if (isNaN(date.getTime())) {
|
|
return null;
|
|
}
|
|
return date;
|
|
}
|
|
|
|
//시간을 분으로 변경하는 함수
|
|
function timeToMinutes(timeStr) {
|
|
// 시간과 분을 ':'를 기준으로 분리
|
|
const [hours, minutes] = timeStr.split(':').map(Number);
|
|
// 시간을 분으로 변환
|
|
return hours * 60 + minutes;
|
|
}
|
|
|
|
//마지막 컴마 지우기
|
|
const remove_Last_Comma = function removeLastComma(str) {
|
|
const lastCommaIndex = str.lastIndexOf(',');
|
|
if (lastCommaIndex !== -1) {
|
|
return str.substring(0, lastCommaIndex);
|
|
} else {
|
|
return str;
|
|
}
|
|
}
|
|
|
|
const fn_create_input = function (type, name, value, tgtForm) {
|
|
const input = document.createElement('input');
|
|
input.setAttribute("type", type);
|
|
input.setAttribute("name", name);
|
|
input.setAttribute("value", value);
|
|
tgtForm.appendChild(input);
|
|
}
|
|
|
|
|
|
/* ********************************************************
|
|
* 리스트 바로가기
|
|
******************************************************** */
|
|
const fn_select_list = function () {
|
|
const url = '<c:url value="/mngr/goods/subsvc/selectSubsvcListForm"/>';
|
|
|
|
$('#subsvcForm').attr('action', url);
|
|
$('#subsvcForm').attr('method', 'post');
|
|
$('#subsvcForm').submit();
|
|
};
|
|
|
|
//모든 컴마 삭제 및 문자를 숫자로 변환
|
|
const fn_comma_del_str_to_number = function (str) {
|
|
|
|
// null이나 undefined인 경우 0을 반환
|
|
if (str === null || str === undefined || str.trim() === '') {
|
|
return 0;
|
|
}
|
|
|
|
// 쉼표를 제거하고 숫자로 변환
|
|
const numberWithoutCommas = str.replace(/,/g, '');
|
|
const number = parseFloat(numberWithoutCommas);
|
|
|
|
// 변환된 값이 NaN인 경우 0을 반환
|
|
if (isNaN(number)) {
|
|
return 0;
|
|
}
|
|
|
|
return number;
|
|
|
|
}
|
|
|
|
/* 에러메세지 처리 */
|
|
const fn_proc_error_message = function(data) {
|
|
$('#overlay').fadeOut();
|
|
|
|
if (!data.responseJSON.resBody.message) {
|
|
alert('<spring:message code="error.internal-server"/>');
|
|
} else {
|
|
if (fn_check_json(data.responseJSON.resBody.message)) {
|
|
const errorObject = JSON.parse(data.responseJSON.resBody.message);
|
|
|
|
if (!errorObject) {
|
|
alert('<spring:message code="error.internal-server"/>');
|
|
} else {
|
|
if (!errorObject.errorMsg) {
|
|
alert('<spring:message code="error.internal-server"/>');
|
|
} else {
|
|
alert(errorObject.errorMsg);
|
|
|
|
let isMtched = false;
|
|
|
|
$('.main').eq(0).find('input, select, textarea').each(function () {
|
|
for (let idx = 0; idx < errorObject.errorFields.length; idx++) {
|
|
const name = $(this).prop('name');
|
|
|
|
if (!fn_is_empty(name)) {
|
|
if (errorObject.errorFields[idx].indexOf(name) >= 0) {
|
|
isMtched = true;
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
if (isMtched) {
|
|
$(this).focus();
|
|
return false;
|
|
}
|
|
});
|
|
}
|
|
}
|
|
} else {
|
|
if (data.responseJSON.resBody.message) {
|
|
alert(data.responseJSON.resBody.message);
|
|
} else {
|
|
alert('<spring:message code="error.internal-server"/>');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
//상품이미지 삭제
|
|
const deleteFileImg = function (obj) {
|
|
$("#delImg").val($("#img").val());
|
|
|
|
$(obj).parent('div.file-preview').parent('div.file-preview__container').remove()
|
|
}
|
|
|
|
/*자동계산*/
|
|
const fn_cal_selpric = function(){
|
|
var dlvyCnt = $('#dlvyCnt'); //배송횟수
|
|
var subsvcCt = $('#subsvcCt'); //구독료
|
|
var tmeDlvyAmt = $('#tmeDlvyAmt'); //1회 배송비
|
|
var selpric = $('#selpric'); //1회 배송비
|
|
console.log("dlvyCnt.val()",Number(dlvyCnt.val())," tmeDlvyAmt.val()",Number(tmeDlvyAmt.val().replace(/,/g, '')),"subsvcCt.val()",subsvcCt.val().replace(/,/g, ''));
|
|
selpric.val(((Number(dlvyCnt.val().replace(/,/g, '')) * Number(tmeDlvyAmt.val().replace(/,/g, ''))) + Number(subsvcCt.val().replace(/,/g, ''))).toLocaleString());
|
|
}
|
|
|
|
/** 제약조건 체크 */
|
|
const validate = function(){
|
|
var retVal = true;
|
|
//에디터내용을 textarea로 복사
|
|
var subsvcDc = $('#subsvcDc');
|
|
subsvcDc.val(fn_get_editor_data('#subsvcDc'));
|
|
|
|
// 텍스트 입력 내용중 필수 항목 체크
|
|
$(':text[required]').each(function () {
|
|
if($(this).hasClass('number')){
|
|
if ($(this).val().trim() == '0') {
|
|
alert($(this).prop('title')+"은(는) 필수입니다");
|
|
$(this).focus();
|
|
retVal = false;
|
|
return false;
|
|
}
|
|
}else{
|
|
if ($(this).val().trim() == '') {
|
|
alert($(this).prop('title')+"은(는) 필수입니다");
|
|
$(this).focus();
|
|
retVal = false;
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
if(!retVal){
|
|
return retVal;
|
|
}
|
|
|
|
//노출예약 인 경우 노출기간 필수
|
|
if($('input[name="expsrDvCd"]:checked').val() == '03'){
|
|
if($('#expsrBgnDt_dt').val().trim() == ''){
|
|
alert($('#expsrBgnDt_dt').prop('title')+"은(는) 노출여부가 노출예약인 경우 필수입니다");
|
|
$('#expsrBgnDt_dt').focus();
|
|
return false;
|
|
}
|
|
if($('#expsrBgnDt_time').val().trim().replaceAll(':','') == ''){
|
|
alert($('#expsrBgnDt_time').prop('title')+"은(는) 노출여부가 노출예약인 경우 필수입니다");
|
|
$('#expsrBgnDt_time').focus();
|
|
return false;
|
|
}
|
|
if($('#expsrEndDt_dt').val().trim() == ''){
|
|
alert($('#expsrEndDt_dt').prop('title')+"은(는) 노출여부가 노출예약인 경우 필수입니다");
|
|
$('#expsrEndDt_dt').focus();
|
|
return false;
|
|
}
|
|
if($('#expsrEndDt_time').val().trim().replaceAll(':','') == ''){
|
|
alert($('#expsrEndDt_time').prop('title')+"은(는) 노출여부가 노출예약인 경우 필수입니다");
|
|
$('#expsrEndDt_time').focus();
|
|
return false;
|
|
}
|
|
// 노출기간 셋팅
|
|
const expsrBgnDt = $('#expsrBgnDt_dt').val() + ' ' +$('#expsrBgnDt_time').val() +':00'
|
|
const expsrEndDt = $('#expsrEndDt_dt').val() + ' ' +$('#expsrEndDt_time').val() +':00'
|
|
|
|
$('#expsrBgnDt').val(expsrBgnDt);
|
|
$('#expsrEndDt').val(expsrEndDt);
|
|
}
|
|
|
|
//재고가 있으면 판매인 경우 개수 품절처리 필수
|
|
if($('input[name="invntryPolicyCd"]:checked').val() == '01'){
|
|
if($('#avlinvLmttQy').val() == ''){
|
|
alert($('#avlinvLmttQy').prop('title')+"은(는) 노출여부가 노출예약인 경우 필수입니다");
|
|
$('#avlinvLmttQy').focus();
|
|
return false;
|
|
}
|
|
}
|
|
|
|
//이미지 필수 체크
|
|
if((($('#delImg').val() != '' || $('#img').val() == '') && imgDropzone.files.length != 1)){
|
|
if(imgDropzone.files.length == 0){
|
|
alert("대표이미지(섬네일)은(는) 필수입니다");
|
|
}else{
|
|
alert("대표이미지(섬네일)은(는) 1개만 등록가능합니다");
|
|
}
|
|
$('#img-dropzone')[0].scrollIntoView();
|
|
// $('#img-dropzone').focus();
|
|
return false;
|
|
|
|
}else if(imgDropzone.files.length > 1){
|
|
alert("대표이미지(섬네일)은(는) 1개만 등록가능합니다");
|
|
$('#img-dropzone').focus();
|
|
return false;
|
|
}
|
|
|
|
//상품설명 필수체크
|
|
if(subsvcDc.val() == ''){
|
|
alert(subsvcDc.prop('title')+"은(는) 필수입니다");
|
|
CKEditorArray['#subsvcDc'].editing.view.focus();
|
|
return false;
|
|
}
|
|
|
|
//PC와 모바일 다르게 설정인 경우 모바일 상품설명 필수
|
|
if($('input[name="mblSubsvcDcPcSameAt"]:checked').val() == 'N'){
|
|
var mblSubsvcDc = $('#mblSubsvcDc');
|
|
mblSubsvcDc.val(fn_get_editor_data('#mblSubsvcDc'));
|
|
if(mblSubsvcDc.val().trim() == ''){
|
|
alert(mblSubsvcDc.prop('title')+"은(는) 필수입니다");
|
|
CKEditorArray['#mblSubsvcDc'].editing.view.focus();
|
|
return false;
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
const fn_updateSubsvc = function (){
|
|
if(!validate()){
|
|
return false;
|
|
}
|
|
|
|
const url = '<c:url value="/mngr/goods/subsvc/updateSubsvc"/>';
|
|
var formData = new FormData($('#subsvcForm')[0]);
|
|
|
|
imgDropzone.files.forEach(function(file, index){
|
|
console.log("file",file);
|
|
//1개만 등록 되도록
|
|
if(index == 0){
|
|
alert();
|
|
formData.append('files',file);
|
|
}
|
|
});
|
|
|
|
console.log("formData",formData);
|
|
|
|
if (confirm(`구독서비스를 <spring:message code="confirm.common.update"/>`)) {
|
|
$.ajax({
|
|
type: 'post',
|
|
enctype: 'multipart/form-data',
|
|
url: url,
|
|
data: formData,
|
|
contentType: false,
|
|
processData: false,
|
|
success: function (data) {
|
|
const message = JSON.parse(data.resBody.result).message;
|
|
if(message == "success"){
|
|
alert('<spring:message code="success.common.update"/>');
|
|
//등록 후 수정화면으로 이동
|
|
window.location.reload();
|
|
} else {
|
|
alert('<spring:message code="fail.common.update"/>');
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|
|
|
|
</script>
|
|
<body>
|
|
<%@ include file="/WEB-INF/views/comm/mngr/Header.jsp"%>
|
|
<main class="main">
|
|
<%@ include file="/WEB-INF/views/comm/mngr/Left.jsp"%>
|
|
<div class="content">
|
|
<div class="content__inner">
|
|
<button class="side-nav__fold"><span class="visually-hidden">좌측메뉴 펼치기/닫기</span></button>
|
|
<div class="page-title">
|
|
<h2 class="page-title__title">
|
|
<a href="javascript:void(0);" onclick="fn_move_goods_dtl_common(<c:out value="${resultMap.subsvcDtl.subsvcInnb}"/>, 'sopmal')">구독서비스 수정 (상품번호 : ${resultMap.subsvcDtl.subsvcInnb})</a>
|
|
</h2>
|
|
<div class="page-title__btn-container">
|
|
<button onclick="fn_select_list()" class="btn outline"><spring:message code="button.list"/></button>
|
|
<button onclick="fn_updateSubsvc();return false;" class="btn primary"><spring:message code="button.save"/></button>
|
|
</div>
|
|
</div>
|
|
<form id="subsvcForm" method="post" action="" enctype="multipart/form-data">
|
|
<input type="hidden" id="sopmalCd" name="sopmalCd" value="${resultMap.paramVO.sopmalCd}">
|
|
<input type="hidden" id="srchSelSubsvcNm" name="srchSelSubsvcNm" value="${resultMap.paramVO.srchSelSubsvcNm}">
|
|
<input type="hidden" id="srchSubsvcNm" name="srchSubsvcNm" value="${resultMap.paramVO.srchSubsvcNm}">
|
|
<input type="hidden" id="srchSelSubsvcGnr" name="srchSelSubsvcGnr" value="${resultMap.paramVO.srchSelSubsvcGnr}">
|
|
<input type="hidden" id="srchSubsvcGnrNm" name="srchSubsvcGnrNm" value="${resultMap.paramVO.srchSubsvcGnrNm}">
|
|
<c:forEach items="${resultMap.paramVO.srchArrSubsvcSttusCd}" var="srchSubsvcSttusCd" varStatus="status">
|
|
<input type="hidden" id="srchArrSubsvcSttusCd${status.count}" name="srchArrSubsvcSttusCd" value="${srchSubsvcSttusCd}">
|
|
</c:forEach>
|
|
<input type="hidden" id="srchExpsrDvCd" name="srchExpsrDvCd" value="${resultMap.paramVO.srchExpsrDvCd}">
|
|
<input type="hidden" id="sortDv" name="sortDv" value="${resultMap.paramVO.sortDv}">
|
|
<input type="hidden" id="pageIndex" name="pageIndex" value="${ resultMap.paramVO.pageIndex }"/>
|
|
<input type="hidden" id="pageUnit" name="pageUnit" value="${ resultMap.paramVO.pageUnit }">
|
|
<input type="hidden" id="delImg" name="delImg" value="">
|
|
<input type="hidden" id="expsrBgnDt" name="expsrBgnDt" value="${resultMap.subsvcDtl.expsrBgnDt}">
|
|
<input type="hidden" id="expsrEndDt" name="expsrEndDt" value="${resultMap.subsvcDtl.expsrBgnDt}">
|
|
<spring:eval expression="@environment.getProperty('spring.servlet.multipart.max-file-size')" var="maxFileSize"/>
|
|
<spring:eval expression="@environment.getProperty('mngrfo.common.fileupload.extensions.images')" var="acceptFileExtensions"/>
|
|
<spring:eval expression="@environment.getProperty('mngrfo.common.fileupload.cdnurl')" var="cdnurl"/>
|
|
<input type="hidden" id="cdnurl" value="${cdnurl}"/>
|
|
|
|
<section id="section01" class="content-section content-scroll-detect content-fold">
|
|
<div class="content-fold__header">
|
|
<h3 class="content-section__title">기본정보</h3>
|
|
<button class="content-fold__btn"><span class="visually-hidden">접기</span></button>
|
|
</div>
|
|
<div class="content-fold__content">
|
|
<div class="table-wrapper">
|
|
<table class="table">
|
|
<caption>기본정보</caption>
|
|
<colgroup>
|
|
<col style="width: 12%;">
|
|
<col style="width: 38%">
|
|
<col style="width: 12%;">
|
|
<col style="width: 38%">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>구독서비스명<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text xl" type="text" title="구독서비스명" id="subsvcNm" name="subsvcNm" maxlength="100" value="${resultMap.subsvcDtl.subsvcNm}" required>
|
|
</div>
|
|
</td>
|
|
<th>구독기간<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text xsm number text-right" type="text" title="구독기간" id="subPd" name="subPd" maxlength="3" value="${resultMap.subsvcDtl.subPd}" required> 개월
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>기수</th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text xsm number text-right" type="text" title="기수" id="subsvcGnr" name="subsvcGnr" value="${resultMap.subsvcDtl.subsvcGnr}" readonly> 기
|
|
</div>
|
|
</td>
|
|
<th>기수명<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text xl" type="text" title="기수명" id="subsvcGnrNm" name="subsvcGnrNm" maxlength="80" value="${resultMap.subsvcDtl.subsvcGnrNm}" required>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>배송횟수<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text xsm number text-right" type="text" title="배송횟수" id="dlvyCnt" name="dlvyCnt" maxlength="3" value="${resultMap.subsvcDtl.dlvyCnt}" required> 회
|
|
</div>
|
|
</td>
|
|
<th>배송주기<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text sm" type="text" title="배송주기" id="dlvyCycle" name="dlvyCycle" maxlength="30" value="${resultMap.subsvcDtl.dlvyCycle}" required>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="section02" class="content-section content-scroll-detect content-fold">
|
|
<div class="content-fold__header">
|
|
<h3 class="content-section__title">판매정보</h3>
|
|
<button class="content-fold__btn"><span class="visually-hidden">접기</span></button>
|
|
</div>
|
|
<div class="content-fold__content">
|
|
<div class="table-wrapper">
|
|
<table class="table">
|
|
<caption>판매정보</caption>
|
|
<colgroup>
|
|
<col style="width: 12%;">
|
|
<col style="width: 38%">
|
|
<col style="width: 12%;">
|
|
<col style="width: 38%">
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>구독료<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text sm number text-right" type="text" title="구독료" id="subsvcCt" name="subsvcCt" maxlength="11" value="${resultMap.subsvcDtl.subsvcCt}" required> 円(엔)
|
|
</div>
|
|
</td>
|
|
<th>1회 배송비<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text sm number text-right" type="text" title="1회 배송비" id="tmeDlvyAmt" name="tmeDlvyAmt" maxlength="11" value="${resultMap.subsvcDtl.tmeDlvyAmt}" required> 円(엔)
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>소비자가</th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text sm number text-right" type="text" title="소비자가" id="cnsmrpric" name="cnsmrpric" maxlength="11" value="${resultMap.subsvcDtl.cnsmrpric}"> 円(엔)
|
|
</div>
|
|
</td>
|
|
<th>실판매가<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input class="input-text sm number text-right" type="text" title="실판매가" id="selpric" name="selpric" maxlength="11" value="${resultMap.subsvcDtl.selpric}" readonly> 円(엔)
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="section03" class="content-section content-scroll-detect content-fold">
|
|
<div class="content-fold__header">
|
|
<h3 class="content-section__title">구독설정</h3>
|
|
<button type="button" class="content-fold__btn"><span class="visually-hidden">접기</span></button>
|
|
</div>
|
|
<div class="content-fold__content">
|
|
<div class="table-wrapper">
|
|
<table class="table">
|
|
<caption>구독설정</caption>
|
|
<colgroup>
|
|
<col style="width: 12%;">
|
|
<col>
|
|
<col style="width: 12%;">
|
|
<col>
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>판매 상태</th>
|
|
<td colspan="2">
|
|
<div class="td-inner">
|
|
<div class="custom-radio-container">
|
|
<c:forEach items="${resultMap.subsvcSttusList}" var="subsvcSttus" varStatus="status">
|
|
<div class="custom-radio">
|
|
<input type="radio" id="subsvcSttusCd${status.count}" name="subsvcSttusCd" title="판매 상태" value="${subsvcSttus.cd}" <c:if test="${resultMap.subsvcDtl.subsvcSttusCd eq subsvcSttus.cd}">checked</c:if>/>
|
|
<label for="subsvcSttusCd${status.count}">${subsvcSttus.cdNm}</label>
|
|
<input type="hidden" value="${resultMap.subsvcDtl.subsvcSttusCd}" id="subsvcSttusCdChk"/>
|
|
</div>
|
|
</c:forEach>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>노출 여부</th>
|
|
<td colspan="3">
|
|
<div class="td-inner vertical">
|
|
<div class="custom-radio-container mt-10">
|
|
<c:forEach items="${resultMap.expsrDvList}" var="expsrDv" varStatus="status">
|
|
<div class="custom-radio">
|
|
<input type="radio" id="expsrDvCd${status.count}" name="expsrDvCd" title="노출 여부" value="${expsrDv.cd}" onclick="handleRadioClick2(this);" <c:if test="${resultMap.subsvcDtl.expsrDvCd eq expsrDv.cd}">checked</c:if>/>
|
|
<label for="expsrDvCd${status.count}">${expsrDv.cdNm}</label>
|
|
<input type="hidden" value="${resultMap.subsvcDtl.expsrDvCd}" id="expsrDvCdChk"/>
|
|
</div>
|
|
</c:forEach>
|
|
</div>
|
|
<div class="table-wrapper mt-10">
|
|
<table class="table">
|
|
<caption>노출 기간</caption>
|
|
<colgroup>
|
|
<col style="width: 16%;">
|
|
<col>
|
|
</colgroup>
|
|
<tbody id="expsrSet">
|
|
<tr>
|
|
<th>노출 기간</th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<input type="text" id="expsrBgnDt_dt" class="datepicker" title="시작 날짜 선택" autocomplete="off" value="${fn:split(resultMap.subsvcDtl.expsrBgnDt,'T')[0]}" disabled>
|
|
<div class="timepicker-container">
|
|
<input type="text" class="bs-timepicker" id="expsrBgnDt_time" title="시작 시간 설정" value="${fn:split(fn:split(resultMap.subsvcDtl.expsrBgnDt,'T')[1], ':')[0]}:${fn:split(fn:split(resultMap.subsvcDtl.expsrBgnDt,'T')[1], ':')[1]}" disabled>
|
|
</div>
|
|
<span class="tilde">~</span>
|
|
<input type="text" id="expsrEndDt_dt" class="datepicker" title="종료 날짜 선택" autocomplete="off" value="${fn:split(resultMap.subsvcDtl.expsrEndDt,'T')[0]}" disabled>
|
|
<div class="timepicker-container">
|
|
<input type="text" class="bs-timepicker" id="expsrEndDt_time" title="종료 시간 설정" value="${fn:split(fn:split(resultMap.subsvcDtl.expsrEndDt,'T')[1], ':')[0]}:${fn:split(fn:split(resultMap.subsvcDtl.expsrEndDt,'T')[1], ':')[1]}" disabled>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>재고에 따른 판매</th>
|
|
<td colspan="3">
|
|
<div class="td-inner">
|
|
<div class="custom-radio-container">
|
|
<c:forEach items="${resultMap.invntryPolicyList}" var="invntryPolicy" varStatus="status">
|
|
<div class="custom-radio">
|
|
<input type="radio" id="invntryPolicyCd${status.count}" name="invntryPolicyCd" value="${invntryPolicy.cd}" onclick="handleRadioClickDisable(this);"<c:if test="${resultMap.subsvcDtl.invntryPolicyCd eq invntryPolicy.cd}">checked</c:if>/>
|
|
<label for="invntryPolicyCd${status.count}">${invntryPolicy.cdNm}</label>
|
|
</div>
|
|
<c:if test="${status.first}">
|
|
<div>
|
|
<span class="ml-4">(</span>
|
|
<input class="input-text number xsm ml-5 right" id="avlinvLmttQy" name="avlinvLmttQy" value="${resultMap.subsvcDtl.avlinvLmttQy}" type="text" title="해당 인풋에 대한 설명" <c:if test="${resultMap.subsvcDtl.invntryPolicyCd eq '02'}"> disabled</c:if> />
|
|
개 이하 일 때 품절 처리
|
|
<span class="ml-4">)</span>
|
|
</div>
|
|
</c:if>
|
|
</c:forEach>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="section07" class="content-section content-scroll-detect content-fold">
|
|
<div class="content-fold__header">
|
|
<h3 class="content-section__title">구독서비스 설명</h3>
|
|
<button class="content-fold__btn"><span class="visually-hidden">접기</span></button>
|
|
</div>
|
|
<div class="content-fold__content">
|
|
<div class="table-wrapper">
|
|
<table class="table">
|
|
<caption>구독서비스 설명</caption>
|
|
<colgroup>
|
|
<col style="width: 12%;">
|
|
<col>
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>대표이미지(썸네일) 등록<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner vertical">
|
|
<div class="dropzone-wrapper">
|
|
<spring:eval expression="@environment.getProperty('mngrfo.common.fileupload.extensions.images')" var="acceptFileExtensions"/>
|
|
<div class="dropzone" id="img-dropzone">
|
|
</div><p class="fyi gray-7 mt-15">1개의 이미지만 등록가능합니다.</p>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>등록한 대표이미지(썸네일)</th>
|
|
<td>
|
|
<div class="td-inner" id="sortable">
|
|
<c:if test="${not empty resultMap.subsvcDtl.img}">
|
|
<div class="file-preview__container">
|
|
<div class="file-preview">
|
|
<span class="file-preview__number"></span>
|
|
<button class="file-preview__delete" id="file-preview__delete" onclick="deleteFileImg(this)">
|
|
<span class="visually-hidden">삭제</span></button>
|
|
<div class="file-preview__image">
|
|
<img src="<c:out value="${cdnurl}${resultMap.subsvcDtl.img}"/>" alt="구독서비스 이미지" onerror="this.src='/mngr/images/image_placeholder.png'" >
|
|
<input type="hidden" id="img" name="img" value="<c:out value="${resultMap.subsvcDtl.img}"/>">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</c:if>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>상품 설명<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner"><textarea class="textarea" title="상품 설명" cols="30" rows="10" id="subsvcDc" name="subsvcDc">${resultMap.subsvcDtl.subsvcDc}</textarea>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>모바일용 상세 설명 설정</th>
|
|
<td>
|
|
<div class="td-inner">
|
|
<div class="custom-radio-container mr-5">
|
|
<div class="custom-radio">
|
|
<input type="radio" id="mblSubsvcDcPcSameAt1" name="mblSubsvcDcPcSameAt" value="Y" <c:if test="${ resultMap.subsvcDtl.mblSubsvcDcPcSameAt eq 'Y'}">checked</c:if>>
|
|
<label for="mblSubsvcDcPcSameAt1">PC와 동일</label>
|
|
</div>
|
|
<div class="custom-radio">
|
|
<input type="radio" id="mblSubsvcDcPcSameAt2" name="mblSubsvcDcPcSameAt" value="N" <c:if test="${ resultMap.subsvcDtl.mblSubsvcDcPcSameAt eq 'N'}">checked</c:if>>
|
|
<label for="mblSubsvcDcPcSameAt2">PC와 모바일 다르게 설정</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="mobileSubsvcCn">
|
|
<th>모바일용 상세 설명<span class="red-7">*</span></th>
|
|
<td>
|
|
<div class="td-inner"><textarea class="textarea" title="모바일용 상품 설명" cols="30" rows="10" id="mblSubsvcDc" name="mblSubsvcDc">${resultMap.subsvcDtl.mblSubsvcDc}</textarea>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</form>
|
|
<button class="scroll-to-top"><span class="visually-hidden">위로가기</span></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="modalDiv">
|
|
|
|
</div>
|
|
<%--관리자 수정이력 내역보기 모달 --%>
|
|
<div id="logDiv"></div>
|
|
</main>
|
|
<script>
|
|
// Dropzone 파일업로드
|
|
if ($("#img-dropzone").length > 0) {
|
|
Dropzone.autoDiscover = false;
|
|
var imgDropzone = new Dropzone("#img-dropzone", {
|
|
url: "/file-upload",
|
|
maxFiles: 1,
|
|
maxFilesize: 20,
|
|
autoProcessQueue: false,
|
|
addRemoveLinks: true,
|
|
dictDefaultMessage: "클릭하거나 파일을 여기로 드래그하세요",
|
|
dictRemoveFile: "삭제",
|
|
acceptedFiles: "${acceptFileExtensions}",
|
|
dictCancelUpload: "취소",
|
|
dictCancelUploadConfirmation: "업로드를 취소하시겠습니까?",
|
|
dictInvalidFileType: "이 파일은 업로드할 수 없습니다.",
|
|
dictFileTooBig: "파일이 너무 큽니다. ({{filesize}}MB). 최대 파일 크기: {{maxFilesize}}MB.",
|
|
dictMaxFilesExceeded: "파일을 더 이상 추가할 수 없습니다.",
|
|
dictResponseError: "서버에서 응답을 받지 못했습니다.",
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</body>
|
|
</html>
|