198 lines
13 KiB
Plaintext
198 lines
13 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 : GoodsSrchR.jsp
|
|
Description : 상품 검색 리스트
|
|
Modification Information
|
|
|
|
수정일 수정자 수정내용
|
|
------- -------- ---------------------------
|
|
2024-05 리브가
|
|
--%>
|
|
<spring:eval expression="@environment.getProperty('currency-unit.default')" var="curUnit"/>
|
|
<div class="left">
|
|
<div class="search-number">
|
|
<span class="search-number__text">총 <strong><c:out
|
|
value="${ resultMap.paginationInfo.totalRecordCount }"/></strong>건</span>
|
|
</div>
|
|
</div>
|
|
<c:choose>
|
|
<c:when test="${ not empty resultMap.list }">
|
|
<div class="subList__content">
|
|
<div class="product-list-type1">
|
|
<div class="product-list-type1__list">
|
|
<c:forEach items="${ resultMap.list }" var="list" varStatus="status">
|
|
<div class="product-unit">
|
|
<div class="product-unit-image">
|
|
<c:if test="${(list.evtTmeExpsrAt eq 'Y' and list.remainTime ne 'N')
|
|
or (list.rltmQyBannerExpsrAt eq 'Y' and list.remainQy > 0) }">
|
|
<div class="time-sale__top">
|
|
<c:if test="${list.evtTmeExpsrAt eq 'Y' and list.remainTime ne 'N'}">
|
|
<span class="time" id="remainTime${status.index}" name="remainTime"><c:out value="${list.remainTime}"/> </span>
|
|
<input type="hidden" id="evtTmeExpsrAt${status.index}" name="evtTmeExpsrAt" value="${list.evtTmeExpsrAt}">
|
|
</c:if>
|
|
<c:if test="${list.rltmQyBannerExpsrAt eq 'Y' and list.remainQy > 0 }">
|
|
<span class="left">남은수량 <fmt:formatNumber value="${list.remainQy}"/> 개</span>
|
|
</c:if>
|
|
</div>
|
|
</c:if>
|
|
<%-- 상품 상태에 따른 분기--%>
|
|
<c:choose>
|
|
<c:when test="${list.goodsSttusCd eq '02'}">
|
|
<div class="sold-out">
|
|
<span>입고 대기중</span>
|
|
</div>
|
|
</c:when>
|
|
<c:when test="${list.goodsSttusCd eq '03'}">
|
|
<div class="sold-out">
|
|
<span>${list.goodsSttusNm}</span>
|
|
</div>
|
|
</c:when>
|
|
</c:choose>
|
|
<form id="detailForm">
|
|
<a class="product-detail" href="javascript:void(0);" onclick="fn_move_goods_dtl('<c:out value="${list.goodsInnb}"/>'); ">
|
|
<spring:eval expression="@environment.getProperty('sopmalfo.common.fileupload.cdnurl')" var="cdnurl"/>
|
|
<img src="<c:out value="${cdnurl}${list.goodsImgCours}"/>"
|
|
onerror="this.src='/pc/images/image_placeholder.png'"
|
|
alt="${list.goodsNm}"/>
|
|
</a>
|
|
</form>
|
|
<c:if test="${not empty list.pricRplcWordsUseAt and list.pricRplcWordsUseAt ne 'Y'}">
|
|
<button type="button" class="product-unit-addToCart" onclick="fn_open_addCart_modal
|
|
('#addGoodsCartDiv', '#addCart-product-popUp', '/sopmal/goods/selectAddCartGoodsPopup',
|
|
JSON.stringify({'goodsInnb' : `${list.goodsInnb}`}))">
|
|
<i class="icon icon_product-unit-addToCart"></i>
|
|
<span class="visually-hidden">장바구니에 담기</span>
|
|
</button>
|
|
</c:if>
|
|
</div>
|
|
<div class="product-unit-info d-flex flex-column" style="flex-direction:column">
|
|
<c:if test="${not empty list.iconCdNmList}">
|
|
<c:if test="${list.iconExpsrAt eq 'Y'}">
|
|
<div class="product-badge-container col order-${list.iconExpsrOrdr-1}" style="order: ${list.iconExpsrOrdr-1} ">
|
|
<c:forEach items="${fn:split(list.iconCdNmList, ',')}" var="iconCdNm" varStatus="iconStatus">
|
|
<c:choose>
|
|
<c:when test="${fn:contains(iconCdNm, '-')}">
|
|
<span class="product-badge ${fn:toLowerCase(iconCdNm)}">${fn:replace(fn:toUpperCase(iconCdNm), '-', ' ')}</span>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<span class="product-badge ${fn:toLowerCase(iconCdNm)}">${fn:toUpperCase(iconCdNm)}</span>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:forEach>
|
|
</div>
|
|
</c:if>
|
|
</c:if>
|
|
<%-- <div class="product-unit-info__inner">--%>
|
|
<c:if test="${list.goodsNmExpsrAt eq 'Y'}">
|
|
<div class="product-unit-title col order-${list.goodsNmExpsrOrdr-1}" style="order:${list.goodsNmExpsrOrdr-1} ">
|
|
<a href="javascript:void(0);" onclick="fn_move_goods_dtl('<c:out value="${list.goodsInnb}"/>');"><c:out value="${list.goodsNm}"/></a>
|
|
</div>
|
|
</c:if>
|
|
<c:if test="${list.pricExpsrAt eq 'Y'}">
|
|
<c:choose>
|
|
<c:when test="${not empty list.pricRplcWordsUseAt and list.pricRplcWordsUseAt ne 'Y'}">
|
|
<div class="product-unit-price col order-${list.pricExpsrOrdr-1}" style="order: ${list.pricExpsrOrdr-1}">
|
|
<div class="product-unit-price__price">
|
|
<span class="product-unit-price__original <c:if test="${list.slePercent eq 0}">visually-hidden</c:if>">
|
|
<fmt:formatNumber value="${list.cnsmrpric}"/> ${curUnit}
|
|
</span>
|
|
<span class="product-unit-price__current"><fmt:formatNumber value="${list.slepric}"/> ${curUnit}</span>
|
|
</div>
|
|
<div class="product-unit-price__sale <c:if test="${list.slePercent eq 0}">visually-hidden</c:if>">
|
|
<span class="percent"><c:out value="${list.slePercent}"/> %</span>
|
|
</div>
|
|
</div>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<div class="productDetailInfo__price">
|
|
<a href="${list.pcPricRplcLink}" <c:if test="${list.pricRplcLinkBrwsrDvCd eq'01'}"> target="_blank" </c:if> >
|
|
<span> <c:out value="${list.pricRplcWords}"/></span>
|
|
</a>
|
|
</div>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
</c:if>
|
|
<c:if test="${list.reprsntDcExpsrAt eq 'Y'}">
|
|
<div class="product-unit-price__monthly-payment col order-${list.reprsntDcExpsrOrdr-1}" style="order: ${list.reprsntDcExpsrOrdr-1}"><c:out value="${list.reprsntDc}" /> </div>
|
|
</c:if>
|
|
<c:if test="${list.rvwEvlScreExpsrAt eq 'Y'}">
|
|
<div class="product-unit-rating col order-${list.rvwEvlScreExpsrOrdr-1}" style="order: ${list.rvwEvlScreExpsrOrdr-1}">
|
|
<i class="icon icon_rating-star"></i>
|
|
<span class="product-unit-rating__score"><c:out value="${list.avgEvlScore}" default="0.0"/> </span>
|
|
<span class="product-unit-rating__count">(<fmt:formatNumber value="${list.cntEvlScor}"/>) </span>
|
|
</div>
|
|
</c:if>
|
|
<c:if test="${list.dlvyExpsrAt eq 'Y'}">
|
|
<div class="product-unit-price__monthly-payment col order-${list.dlvyExpsrOrdr-1}" style="order: ${list.dlvyExpsrOrdr-1}"><c:out value="${list.dlvyGroupNm}"/></div>
|
|
</c:if>
|
|
</div>
|
|
</div>
|
|
</c:forEach>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</c:when>
|
|
<c:otherwise>
|
|
<div class="subList__content">
|
|
<div class="subList__no-result">
|
|
<img src="/pc/images/icon__no-result.png" alt="">
|
|
<p class="subList__no-result-text">
|
|
일치하는 검색결과가 없습니다.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<%-- <div class="resultTrend">--%>
|
|
<%-- <h5 class="resultTrend__title">인기검색어 //TODO?</h5>--%>
|
|
<%-- <ul class="resultTrend__list">--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">1.</span>비타민비타민비타민비타민비타민비타민비타민비타민비타민</a>--%>
|
|
<%-- <i class="icon icon_search-up"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">2.</span>글루타치온</a>--%>
|
|
<%-- <i class="icon icon_search-down"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">3.</span>비타민</a>--%>
|
|
<%-- <i class="icon icon_search-up"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">4.</span>글루타치온</a>--%>
|
|
<%-- <i class="icon icon_search-up"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">5.</span>비타민</a>--%>
|
|
<%-- <i class="icon icon_search-down"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">6.</span>글루타치온</a>--%>
|
|
<%-- <i class="icon icon_search-default"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">7.</span>비타민</a>--%>
|
|
<%-- <i class="icon icon_search-default"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">8.</span>글루타치온</a>--%>
|
|
<%-- <i class="icon icon_search-down"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">9.</span>비타민</a>--%>
|
|
<%-- <i class="icon icon_search-up"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- <li><a href=""><span class="resultTrend__num">10.</span>글루타치온</a>--%>
|
|
<%-- <i class="icon icon_search-up"></i>--%>
|
|
<%-- </li>--%>
|
|
<%-- </ul>--%>
|
|
<%-- </div>--%>
|
|
</c:otherwise>
|
|
</c:choose>
|
|
<%--장바구니 목록과 선택한 상품 중복 모달 --%>
|
|
<div id="modal-error-confirm-add-cart-duplicate-div"></div>
|
|
<%--장바구니 버튼 선택 모달--%>
|
|
<div id="addGoodsCartDiv"></div>
|
|
<%--장바구니 담기 후 모달--%>
|
|
<div id="addCartDiv"></div>
|
|
<%--상품 중복선택 모달--%>
|
|
<div id="goodsDuplicateDiv"></div>
|
|
<div class="pagination__container">
|
|
<ui:pagination paginationInfo="${resultMap.paginationInfo}" type="image" jsFunction="fn_select_list"/>
|
|
</div>
|
|
<%--<script src="/admin/js/script.js" defer=""></script>--%> |