sake/src/main/webapp/WEB-INF/views/mngr/analytics/ErpGoods.jsp

<%--
  Created by IntelliJ IDEA.
  User: CHAMDAHAN
  Date: 2024-10-08
  Time: 오후 3:30
  To change this template use File | Settings | File Templates.
--%>
<%@ 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" %>

<!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>
<style>

</style>
<script>

    $(document).ready(function () {

        let pageIndex = '<c:out value="${ resultMap.AnalyticsErpGoodsSrchVO.pageIndex }"/>';
        let pageUnit = '<c:out value="${ resultMap.AnalyticsErpGoodsSrchVO.pageUnit }"/>';
        // 목록 조회
        fn_select_list(pageIndex, pageUnit);

        // 엔터키 검색
        $('#listForm').on('keydown', function (event) {
            if (event.keyCode === 13) {
                event.preventDefault();
                fn_select_list(1);
            }
        });

        //리셋버튼 초기화
        $('#resetBtn').on('click', function () {

            $('#listForm')[0].reset();

            $('#brandCd').find('option:eq(0)').prop('selected', true).end().niceSelect('update');
            $('#barcode, #goodsName').val('');
        });


    });

    /* ********************************************************
      * 목록 조회
      ******************************************************** */
    const fn_select_list = function (pageIndex, pageUnit) {
        let dataStr;


        if (!pageIndex) {
            $('#pageIndex').val(1);
        } else {
            $('#pageIndex').val(pageIndex);
        }

        if (!pageUnit) {
            dataStr = $('#listForm').serialize();
        } else {
            if ($('#pageUnit').length) {
                $('#pageUnit').val(pageUnit);
                dataStr = $('#listForm').serialize();
            } else {
                dataStr = $('#listForm').serialize() + '&pageUnit=' + pageUnit;
            }
        }

        console.log('datastr : ' + dataStr);

        $.ajax({
            type: "post",
            url: "/mngr/analytics/select/erp-goodsR",
            data: dataStr,
            success: function (resultMap) {
                $('.pageDiv').html(resultMap);
            }
        });
    };


</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">ERP 제상품 정보</h2>
            </div>

             <form id='listForm' name="listForm" method="post"
                  action="<c:url value="/mngr/analytics/select/erp-goods"/>">
                <input type="hidden" id="pageIndex" name="pageIndex" value="${ resultMap.AnalyticsErpGoodsSrchVO.pageIndex }"/>
<%--
                <input type="hidden" id="sopmalCd" name="sopmalCd"/>
--%>
                <section class="content-section" id="search-section">
                        <div class="table-wrapper">
                            <table class="table">
                                <colgroup>
                                    <col style="width: 9%;">
                                    <col>
                                    <col style="width: 9%;">
                                    <col>
                                </colgroup>
                               <tr>
                                    <th rowspan="1">브랜드</th>
                                    <td colspan="3">
                                        <div class="select-box">
                                            <select title="브랜드" id="brandCd" name="brandCd">
                                                    <option value="" selected>*선택*</option>
                                                <c:choose>
                                                    <c:when test="${ not empty resultMap.sopmalList }">
                                                        <c:forEach items="${ resultMap.sopmalList }" var="list" varStatus="status">
                                                            <option value="${list.sopmalCd}">${list.sopmalNm}</option>
                                                        </c:forEach>
                                                    </c:when>
                                                </c:choose>
                                            </select>
                                        </div>
                                    </td>
                                    <th rowspan="1">바코드</th>
                                    <td colspan="3">
                                        <div class="td-inner">
                                            <input type="text" id="barcode" class="input-text" title="상품 바코드" name="barcode">
                                        </div>
                                    </td>
                                    <th rowspan="1">상품이름</th>
                                    <td colspan="3">
                                        <div class="td-inner">
                                            <input type="text" id="goodsName" class="input-text" title="상품 이름" name="goodsName">
                                        </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> &nbsp;&nbsp;
                                <button class="btn primary" id="searchBtn" type="button" onclick="fn_select_list(1);"><spring:message code="button.search"/> </button>

                            </div>
                        </div>
                </section>
                   <div class="pageDiv">
                   </div>
             </form>

            </div>
        </div>
</main>


</body>
</html>