fix : 관리자 구독서비스 목록

This commit is contained in:
jazz
2026-01-27 12:07:17 +09:00
parent bda09e6e4f
commit c0d7079e37
11 changed files with 929 additions and 63 deletions

View File

@@ -0,0 +1,137 @@
<%@ 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 : GoodsListR.jsp
Description : 상품 목록 조회 리스트
Modification Information
수정일 수정자 수정내용
------- -------- ---------------------------
2024-03-20 리브가 최초 생성
--%>
<section class="content-section">
<div class="form-control-container">
<div class="left">
<div class="search-number">
<span class="search-number__text">총 <strong><c:out value="${ resultMap.paginationInfo.totalRecordCount }"/></strong>건</span>
</div>
</div>
<div class="center">
</div>
<div class="right">
<div class="select-box">
<select title="정렬순" name="sortDvView" id="sortDvView" onchange="fn_select_list(1);return false;">
<option value="subsvcGnrAsc" <c:if test="${resultMap.paramVO.sortDv eq 'subsvcGnrAsc'}">selected="selected"</c:if>>구독서비스+기수명 오름차순</option>
<option value="subsvcGnrDesc" <c:if test="${resultMap.paramVO.sortDv eq 'subsvcGnrDesc'}">selected="selected"</c:if>>구독서비스+기수명 내림차순</option>
</select>
</div>
<div class="select-box">
<select id="pageUnitView" name="pageUnitView" title="페이지당 출력될 목록건수" onchange="fn_select_list(1,this.value);return false;">
<c:forEach items="${ resultMap.paginationInfo.pageUnitArr }" var="pageUnit" varStatus="pageUnitStatus">
<option value="<c:out value="${ pageUnit }"/>"
<c:if test="${ resultMap.paginationInfo.recordCountPerPage eq pageUnit}">selected="selected"</c:if>>
<c:out value="${ pageUnit }"/>개씩
</option>
</c:forEach>
</select>
</div>
</div>
</div>
<hr class="horizontal-line">
<div class="form-control-container">
<div class="left">
<button class="btn outline sm" onclick="fn_delete_check();return false;">선택 삭제</button>
</div>
<div class="center">
</div>
</div>
<hr class="spacing">
<div class="table-wrapper">
<table class="table vertical">
<caption>구독서비스 목록</caption>
<colgroup>
<col style="width: 4%;">
<col style="width: 4%;">
<col style="width: 12%;">
<col style="width: 7%;">
<col style="width: 12%;">
<col style="width: 7%;">
<col style="width: 6%;">
<col style="width: 6%;">
<col style="width: 7%;">
<col style="width: 7%;">
<col style="width: 7%;">
<col style="width: 7%;">
<col style="width: 7%;">
<col style="width: 7%;">
</colgroup>
<thead>
<tr>
<th>
<label class="b-checkbox checkbox is-medium ">
<input type="checkbox" id="checkAll" value="">
<span class="check"></span>
</label>
</th>
<th>번호</th>
<th>구독서비스</th>
<th>기수</th>
<th>기수명</th>
<th>배송횟수</th>
<th>재고</th>
<th>가용재고</th>
<th>판매상태</th>
<th>노출여부</th>
<th>구독료</th>
<th>1회배송비</th>
<th>소비자가</th>
<th>실판매가</th>
</tr>
</thead>
<tbody>
<c:choose>
<c:when test="${ not empty resultMap.list }">
<c:forEach items="${ resultMap.list }" var="subsvc" varStatus="status">
<tr>
<td>
<label class="b-checkbox checkbox is-medium check-all">
<input type="checkbox" name="arrSubsvcInnb" class="subsvcInnb" value="${subsvc.subsvcInnb}">
<span class="check"></span>
</label>
</td>
<td><c:out value="${ resultMap.paginationInfo.totalRecordCount - subsvc.rnum + 1 }" /></td>
<td><a onclick="fn_move_subsvc_dtl(<c:out value="${subsvc.subsvcInnb}"/>)" class="under-line"><c:out value="${subsvc.subsvcNm}"/></a></td>
<td><c:out value="${subsvc.subsvcGnr}"/>기 <button class="btn xsm outline" type="button" onclick="fn_move_subsvc_copy(<c:out value="${subsvc.subsvcInnb}"/>)"><spring:message code="button.copy"/> </button></td>
<td><c:out value="${subsvc.subsvcGnrNm}"/></td>
<td><c:out value="${subsvc.dlvyCnt}"/>회</td>
<td><fmt:formatNumber value="${subsvc.invntryQy}" pattern="#,###"/></td>
<td><fmt:formatNumber value="${subsvc.availQt}" pattern="#,###"/></td>
<td><c:out value="${subsvc.subsvcSttus}"/></td>
<td><c:out value="${subsvc.expsrDv}"/></td>
<td><fmt:formatNumber value="${subsvc.subsvcCt}" pattern="#,###"/></td>
<td><fmt:formatNumber value="${subsvc.tmeDlvyAmt}" pattern="#,###"/></td>
<td><fmt:formatNumber value="${subsvc.cnsmrpric}" pattern="#,###"/></td>
<td><fmt:formatNumber value="${subsvc.rlSlepric}" pattern="#,###"/></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>
</section>
<div class="pagination__container">
<ui:pagination paginationInfo="${resultMap.paginationInfo}" type="image" jsFunction="fn_select_list"/>
</div>

View File

@@ -0,0 +1,432 @@
<%@ 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 : GoodsListRForm.jsp
Description : 상품 목록 조회 폼
Modification Information
수정일 수정자 수정내용
------- -------- ---------------------------
2024-03-20 리브가 최초 생성
--%>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>일반 관리자</title>
<%@ include file="/WEB-INF/views/comm/mngr/Include.jsp"%>
</head>
<script>
$(document).ready(function () {
let pageIndex = '<c:out value="${ resultMap.paramVO.pageIndex }"/>';
let pageUnit = '<c:out value="${ resultMap.paramVO.pageUnit }"/>';
// 목록 조회
fn_select_list(pageIndex, pageUnit);
// 엔터키 검색
$('#listForm').on('keydown', function (event) {
if (event.keyCode === 13) {
event.preventDefault();
fn_select_list(1);
}
});
// event 제어
fn_event();
});
/*********************************************************
* 목록 조회
******************************************************** */
const fn_select_list = function (pageIndex, pageUnit) {
let dataStr;
if (!pageIndex) {
$('#pageIndex').val(1);
} else {
$('#pageIndex').val(pageIndex);
}
//정렬기준 셋팅
if(typeof $('#sortDvView') !== 'undefined'){
$('#sortDv').val($('#sortDvView').val());
}
//한페이지 목록개수 셋팅
if(typeof $('#pageUnitView') !== 'undefined'){
$('#pageUnit').val($('#pageUnitView').val());
}
if (!pageUnit) {
dataStr = $('#listForm').serialize();
} else {
if ($('#pageUnit').length) {
$('#pageUnit').val(pageUnit);
dataStr = $('#listForm').serialize();
} else {
dataStr = $('#listForm').serialize() + '&pageUnit=' + pageUnit;
}
}
$.ajax({
type: "post",
url: "<c:url value="/mngr/goods/subsvc/selectSubsvcList"/>",
data: dataStr,
success: function (resultHtml) {
$('#pageDiv').html(resultHtml);
$('#sortDv').val($('#sortDvView').val());
$('#pageUnitView').niceSelect();
$('#sortDvView').niceSelect();
}
});
}
/*********************************************************
* 구독서비스 복사 조회
*********************************************************/
const fn_move_subsvc_copy = (subsvcInnb) => {
const url = '<c:url value="/mngr/goods/subsvc/selectSubsvcCopyForm"/>';
$('#subsvcInnb').val(subsvcInnb);
$('#listForm').attr('action', url);
$('#listForm').attr('method', 'post');
$('#listForm').submit();
}
/*********************************************************
* 구독서비스 상세 조회
*********************************************************/
const fn_move_subsvc_dtl = (subsvcInnb) => {
const url = '<c:url value="/mngr/goods/subsvc/selectSubsvcDtlForm"/>';
$('#subsvcInnb').val(subsvcInnb);
$('#listForm').attr('action', url);
$('#listForm').attr('method', 'post');
$('#listForm').submit();
}
/*********************************************************
* 등록폼 이동
******************************************************** */
const fn_move_regpage = function () {
const url = '<c:url value="/mngr/goods/subsvc/selectSubsvcRegistForm"/>';
$('#listForm').attr('action', url);
$('#listForm').attr('method', 'post');
$('#listForm').submit();
};
/* 현제uri에 프로토콜, 호스트, 쿼리스티링을 제외하여 history갱신 */
history.replaceState({}, null, location.pathname);
/* ****************************
* event 제어
******************************/
const fn_event = function () {
/* 검색조건 구독서비스 선택 시 회차 조회 이벤트*/
$(document).on('change', '#srchSelSubsvcNm', function(){
var srchSelSubsvcNm = $(this).val();
if(fn_is_empty(srchSelSubsvcNm)){
// 회차 초기화
$('#srchSelSubsvcGnr').empty().append('<option value="">전체</option>').niceSelect('update');
}else{
//해당구독서비스 기수조회
fn_getsubsvcGnr(srchSelSubsvcNm);
}
});
/* ****************************
* 해당구독서비스 기수조회 AJAX
******************************/
const fn_getsubsvcGnr = function (srchSelSubsvcNm) {
$.ajax({
type: 'post',
url: '<c:url value="/mngr/goods/subsvc/selectSrchSubsvcGnrListAjax"/>',
data: {
'srchSelSubsvcNm': srchSelSubsvcNm
},
success: function (data) {
if (data.resBody != null) {
const result = JSON.parse(data.resBody.result);
const srchSubsvcGnrList = result.srchSubsvcGnrList;
if (srchSubsvcGnrList.length > 0) {
$('#srchSubsvcGnr option').filter(function() {
return $(this).val() !== '';
}).remove();
for (let i = 0; i < srchSubsvcGnrList.length; i++) {
const srchSubsvcGnr = srchSubsvcGnrList[i];
$('#srchSelSubsvcGnr').append('<option value="' + srchSubsvcGnr.subsvcGnr + '">' + srchSubsvcGnr.subsvcGnrNm + '</option>');
}
$('#srchSelSubsvcGnr').niceSelect('update');
}
}
},
error: function (data) {
fn_proc_error_message(data);
}
});
}
/* 목록 > 전체선택 체인지 이벤트 */
$(document).on('change', '#checkAll', function () {
let checkbox = $(this).closest('table').find('input[name="arrSubsvcInnb"]');
$(checkbox).prop('checked', false);
$(checkbox).prop('checked', $(this).is(':checked'));
});
}
/**
* 체크박스 전체 처리
* */
const fn_change_event = function (_target, _arg) {
if (_arg === 'all') {
if ($('#' + _target + '-all').is(':checked')) {
$('[name=' + _target + ']').prop('checked', true);
} else {
$('[name=' + _target + ']').prop('checked', false);
}
} else {
let chkCnt = $('[name=' + _target + ']:checked').length;
let allCnt = $('[name=' + _target + ']').length;
if (chkCnt !== allCnt && $('#' + _target + '-all').is(':checked')) {
$('#' + _target + '-all').prop('checked', false);
} else if (chkCnt === allCnt) {
$('#' + _target + '-all').prop('checked', true);
}
}
}
/*********************************************************
* 구독서비스 선택 삭제 AJAX
*********************************************************/
const fn_delete_check = function () {
let url = '<c:url value="/mngr/goods/subsvc/deleteSubsvc"/>';
let arrSubsvcInnb = $("input[name='arrSubsvcInnb']:checked");
let subsvcInnbArr = [];
if (arrSubsvcInnb.length === 0) {
alert("선택된 상품이 없습니다.");
return false;
}else{
arrSubsvcInnb.each( function (){
subsvcInnbArr.push($(this).val());
});
}
if (confirm('상품을 <spring:message code="confirm.common.delete"/>')) {
$.ajax({
type: 'post',
url: url,
data: {
"arrSubsvcInnb": subsvcInnbArr
},
dataType: "json",
success: function (data) {
const message = JSON.parse(data.resBody.result).message;
if(message == "success"){
alert('<spring:message code="success.common.delete"/>');
fn_select_list();
}else{
alert('<spring:message code="fail.common.delete"/>');
}
}
})
}
}
/* 관리자 주문 > 상품조회 > 검색조건 > 날짜 선택 이벤트 */
$(document).on('click', '.dateRange-btn', function () {
const date = $(this).attr('id');
$('.dateRange-btn').removeClass('selected');
$('#' + date).addClass('selected');
const datepicker = $(this).closest('.td-inner').find('.datepicker');
const start = $(datepicker[0]).attr('id');
const end = $(datepicker[1]).attr('id');
if ('allDays' === date) {
$('#' + start + ', #' + end).val('');
$('#datePeriod').val(date);
return false;
}
fn_set_date(start, end, end, date);
$('#datePeriod').val(date);
});
//카테고리 선택시 카테고리 아이디 저장(검색용)
$(document).on('change', 'select[id^=ctgryDepth]', function () {
const ctgryOptn = $(this).val()
if(!fn_is_empty(ctgryOptn)){
$('#ctgryId').val(ctgryOptn)
}else{
//value가 ''인 카테고리 선택할경우
let currentCtgryDepth = parseInt($(this).attr('id').replace('ctgryDepth', ''));
//1차 카테고리가 아닐 경우 이전 카테고리 번호 가져오기
if(currentCtgryDepth !== 1){
$('#ctgryId').val($('#ctgryDepth' + (currentCtgryDepth - 1)).val())
}else{
//1차 카테고리 일경우 카테고리 번호 비우기
$('#ctgryId').val('')
}
}
})
//초기화버튼
$(document).on('click', '#resetBtn', function () {
$('#listForm')[0].reset();
$('#srchSelSubsvcNm').niceSelect('update');
$('#srchSelSubsvcNm').trigger("change");
$('#srchSelSubsvcGnr').niceSelect('update');
fn_select_list(1);
})
</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">구독서비스 목록</h2>
<div class="page-title__btn-container">
<button onclick="fn_move_regpage()" class="btn primary">구독서비스 <spring:message code="button.insert"/></button>
</div>
</div>
<form id='listForm' name="listForm" method="post" action="<c:url value="/mngr/goods/subsvc/selectSubsvcList"/>">
<input type="hidden" id="pageIndex" name="pageIndex" value="${ resultMap.paramVO.pageIndex }"/>
<input type="hidden" id="sortDv" name="sortDv" value="">
<input type="hidden" id="pageUnit" name="pageUnit" value="">
<input type="hidden" id="subsvcInnb" name="subsvcInnb" value="">
<section class="content-section" id="search-section">
<div class="table-wrapper">
<table class="table">
<colgroup>
<col style="width: 12%;">
<col>
<col style="width: 12%;">
<col>
</colgroup>
<tr>
<th>구독서비스</th>
<td colspan="3">
<div class="td-inner">
<div class="select-box">
<select title="구독서비스" id="srchSelSubsvcNm" name="srchSelSubsvcNm">
<option value="" <c:if test="${ resultMap.paramVO.srchSelSubsvcNm eq ''}">selected="selected"</c:if>>전체</option>
<c:forEach items="${resultMap.srchSubsvcList}" var="srchSubsvc" varStatus="status">
<option value="${srchSubsvc.subsvcNm}" <c:if test="${ resultMap.paramVO.srchSelSubsvcNm eq srchSubsvc}">selected="selected"</c:if>>${srchSubsvc.subsvcNm}</option>
</c:forEach>
</select>
</div>
<div class="select-box">
<select title="구독서비스회차" id="srchSelSubsvcGnr" name="srchSelSubsvcGnr">
<option value="" <c:if test="${ resultMap.paramVO.srchSelSubsvcGnr eq ''}">selected="selected"</c:if>>전체</option>
</select>
</div>
</div>
</td>
</tr>
<tr>
<th>구독서비스명</th>
<td>
<div class="td-inner">
<input class="input-text xl" type="text" title="구독서비스명" id="srchSubsvcNm" name="srchSubsvcNm" value="<c:out value="${ resultMap.BOGoodsVO.srchSubsvcNm }" />">
</div>
</td>
<th>기수명</th>
<td>
<div class="td-inner">
<input class="input-text xl" type="text" title="구독서비스명" id="srchSubsvcGnrNm" name="srchSubsvcGnrNm" value="<c:out value="${ resultMap.BOGoodsVO.srchSubsvcGnrNm }" />">
</div>
</td>
</tr>
<tr>
<th>판매상태</th>
<td>
<div class="td-inner">
<div class="b-checkbox-container">
<label class="b-checkbox checkbox check-all">
<input id="srchArrSubsvcSttusCd-all" type="checkbox" name="srchArrSubsvcSttusCd-all" value="" checked onclick="fn_change_event('srchArrSubsvcSttusCd', 'all');">
<span class="check"></span>
<span class="subsvcSttus-all">전체</span>
</label>
<c:forEach items="${resultMap.srchSubsvcSttusList}" var="srchSubsvcSttus" varStatus="status">
<label class="b-checkbox checkbox">
<input type="checkbox" name="srchArrSubsvcSttusCd" value="${srchSubsvcSttus.cd}" onclick="fn_change_event('srchArrSubsvcSttusCd', 'other');" checked>
<span class="check"></span>
<span class="control-label">${srchSubsvcSttus.cdNm}</span>
</label>
</c:forEach>
</div>
</div>
</td>
<th>노출여부</th>
<td>
<div class="td-inner">
<div class="custom-radio-container">
<div class="custom-radio">
<input type="radio" id="srchExpsrDvCd" name="srchExpsrDvCd" value="" checked>
<label for="srchExpsrDvCd">전체</label>
</div>
<c:forEach items="${resultMap.srchExpsrDvList}" var="srchExpsrDvCd" varStatus="status">
<div class="custom-radio">
<input type="radio" id="srchExpsrDvCd${status.count}" name="srchExpsrDvCd" value="${srchExpsrDvCd.cd}">
<label for="srchExpsrDvCd${status.count}">${srchExpsrDvCd.cdNm}</label>
</div>
</c:forEach>
</div>
</div>
</td>
</tr>
</table>
</div>
<div class="form-control-container">
<div class="left"></div>
<div class="center">
<button class="btn outline" id="resetBtn" type="button">초기화</button>
<button class="btn primary" id="searchBtn" type="button" onclick="fn_select_list(1);"><spring:message code="button.search"/> </button>
</div>
<div class="right">
</div>
</div>
</section>
<div id="pageDiv">
</div>
</form>
<button class="scroll-to-top"><span class="visually-hidden">위로가기</span></button>
</div>
</div>
<div id="modalDiv">
</div>
</main>
</body>
</html>