Merge branch 'master' of http://106.246.249.162:13000/orderqueen/oqpo-view

src/main/webapp/app/popup/biz/BIZPOP_PO_PAYMENT.html

@@ -21,6 +21,7 @@
 							<form id="ITP_FORM_PO_PAYMENT_POPUP" target="_PAYMENT_FRAME" action="">
 								<input type="hidden" id="ITP_FORM_PO_PAYMENT_POPUP_PAY_TP_CD" name="payTpCd" value="" />
 								<input type="hidden" id="ITP_FORM_PO_PAYMENT_POPUP_BRAND_ID" name="brandId" value="" />
+								<input type="hidden" id="ITP_FORM_PO_PAYMENT_POPUP_BRAND_NM" name="brandNm" value="" />
 								<input type="hidden" id="ITP_FORM_PO_PAYMENT_POPUP_STORE_ID" name="storeId" value="" />
 								<input type="hidden" id="ITP_FORM_PO_PAYMENT_POPUP_STTL_MGNT_UNQ_NO" name="sttlMgntUnqNo" value="" />
 								
@@ -54,8 +55,8 @@
 									<div class="col-xs-10 itp_ip">
 										<div class="col-xs-5 itp_ip">
 											<select id="ITP_FORM_PO_PAYMENT_POPUP_PAY_METHOD" class="form-control itp_input" name="payMethod">
-												<option value="10">신용카드</option>
-												<option value="20">계좌이체</option>
+												<option value="11">신용카드</option>
+												<option value="21">계좌이체</option>
 											</select>
 										</div>
 									</div>									
@@ -74,7 +75,212 @@
 								</div>								
 							</form>
 							
-							<iframe id="_PAYMENT_FRAME" name="_PAYMENT_FRAME" width="0" height="0" style="display: none;"></iframe>
+							<form name="frm_pay" id="frm_pay" method="post" action="">
+							<input type="hidden" id="payTpCd" name="payTpCd" value="" />
+							<input type="hidden" id="sttlMgntUnqNo" name="sttlMgntUnqNo" value="" />
+							
+							<input type="hidden" id="kiccActionWebUrl" 	name="kiccActionWebUrl"		value="">
+							
+							<!-- WEB -->
+							
+							<!--------------------------->
+							<!-- ::: 공통 인증 요청 값 -->
+							<!--------------------------->
+							
+							<input type="hidden" id="EP_mall_nm"        name="EP_mall_nm"           value="">         <!-- 가맹점명-->
+							<input type="hidden" id="EP_currency"       name="EP_currency"          value="00">       <!-- 통화코드 // 00 : 원화-->
+							<input type="hidden" id="EP_return_url"     name="EP_return_url"        value="">         <!-- 가맹점 CALLBACK URL // -->
+							<input type="hidden" id="EP_ci_url"         name="EP_ci_url"            value="">         <!-- CI LOGO URL // -->
+							<input type="hidden" id="EP_lang_flag"      name="EP_lang_flag"         value="KOR">      <!-- 언어 // -->
+							<input type="hidden" id="EP_charset"        name="EP_charset"           value="UTF-8">    <!-- 가맹점 CharSet // EUC-KR,UTF-8 사용시 대문자 이용-->
+							<input type="hidden" id="EP_user_id"        name="EP_user_id"           value="">         <!-- 가맹점 고객ID // -->
+							<input type="hidden" id="EP_memb_user_no"   name="EP_memb_user_no"      value="">         <!-- 가맹점 고객일련번호 // -->
+							<input type="hidden" id="EP_user_nm"        name="EP_user_nm"           value="">         <!-- 가맹점 고객명 // -->
+							<input type="hidden" id="EP_user_mail"      name="EP_user_mail"         value="">         <!-- 가맹점 고객 E-mail // -->
+							<input type="hidden" id="EP_user_phone1"    name="EP_user_phone1"       value="">         <!-- 가맹점 고객 연락처1 // -->
+							<input type="hidden" id="EP_user_phone2"    name="EP_user_phone2"       value="">         <!-- 가맹점 고객 연락처2 // -->
+							<input type="hidden" id="EP_user_addr"      name="EP_user_addr"         value="">         <!-- 가맹점 고객 주소 // -->
+							<input type="hidden" id="EP_user_define1"   name="EP_user_define1"      value="">         <!-- 가맹점 필드1 // -->
+							<input type="hidden" id="EP_user_define2"   name="EP_user_define2"      value="">         <!-- 가맹점 필드2 // -->
+							<input type="hidden" id="EP_user_define3"   name="EP_user_define3"      value="">         <!-- 가맹점 필드3 // -->
+							<input type="hidden" id="EP_user_define4"   name="EP_user_define4"      value="">         <!-- 가맹점 필드4 // -->
+							<input type="hidden" id="EP_user_define5"   name="EP_user_define5"      value="">         <!-- 가맹점 필드5 // -->
+							<input type="hidden" id="EP_user_define6"   name="EP_user_define6"      value="">         <!-- 가맹점 필드6 // -->
+							<input type="hidden" id="EP_product_type"   name="EP_product_type"      value="0">        <!-- 상품정보구분 // -->
+							<input type="hidden" id="EP_product_expr"   name="EP_product_expr"      value="">         <!-- 서비스 기간 // (YYYYMMDD) -->
+							<input type="hidden" id="EP_disp_cash_yn"   name="EP_disp_cash_yn"      value="">         <!-- 현금영수증 화면표시여부 //미표시 : "N", 그외: DB조회 -->
+							
+							
+							<!--------------------------->
+							<!-- ::: 카드 인증 요청 값 -->
+							<!--------------------------->
+							
+							<input type="hidden" id="EP_usedcard_code"      name="EP_usedcard_code"     value="">      <!-- 사용가능한 카드 LIST // FORMAT->카드코드:카드코드: ... :카드코드 EXAMPLE->029:027:031 // 빈값 : DB조회-->
+							<input type="hidden" id="EP_quota"              name="EP_quota"             value="">      <!-- 할부개월 (카드코드-할부개월) -->
+							<input type="hidden" id="EP_os_cert_flag"       name="EP_os_cert_flag"      value="2">     <!-- 해외안심클릭 사용여부(변경불가) // -->
+							<input type="hidden" id="EP_noinst_flag"        name="EP_noinst_flag"       value="">      <!-- 무이자 여부 (Y/N) // -->
+							<input type="hidden" id="EP_noinst_term"        name="EP_noinst_term"       value="">      <!-- 무이자 기간 (카드코드-더할할부개월) // -->
+							<input type="hidden" id="EP_set_point_card_yn"  name="EP_set_point_card_yn" value="">      <!-- 카드사포인트 사용여부 (Y/N) // -->
+							<input type="hidden" id="EP_point_card"         name="EP_point_card"        value="">      <!-- 포인트카드 LIST  // -->
+							<input type="hidden" id="EP_join_cd"            name="EP_join_cd"           value="">      <!-- 조인코드 // -->
+							<input type="hidden" id="EP_kmotion_useyn"      name="EP_kmotion_useyn"     value="Y">     <!-- 국민앱카드 사용유무 (Y/N)// -->
+							
+							<!------------------------------->
+							<!-- ::: 가상계좌 인증 요청 값 -->
+							<!------------------------------->
+							
+							<input type="hidden" id="EP_vacct_bank"         name="EP_vacct_bank"        value="">      <!-- 가상계좌 사용가능한 은행 LIST // -->
+							<input type="hidden" id="EP_vacct_end_date"     name="EP_vacct_end_date"    value="">      <!-- 입금 만료 날짜 // -->
+							<input type="hidden" id="EP_vacct_end_time"     name="EP_vacct_end_time"    value="">      <!-- 입금 만료 시간 // -->
+							
+							<!------------------------------->
+							<!-- ::: 선불카드 인증 요청 값 -->
+							<!------------------------------->
+							
+							<input type="hidden" id="EP_prepaid_cp"         name="EP_prepaid_cp"        value="">      <!-- 선불카드 CP // FORMAT->코드:코드: ... :코드 EXAMPLE->CCB:ECB // 빈값 : DB조회-->
+							
+							<!--------------------------------->
+							<!-- ::: 인증응답용 인증 요청 값 -->
+							<!--------------------------------->
+							
+							<input type="hidden" id="EP_res_cd"             name="EP_res_cd"            value="">      <!--  응답코드 // -->
+							<input type="hidden" id="EP_res_msg"            name="EP_res_msg"           value="">      <!--  응답메세지 // -->
+							<input type="hidden" id="EP_tr_cd"              name="EP_tr_cd"             value="">      <!--  결제창 요청구분 // -->
+							<input type="hidden" id="EP_ret_pay_type"       name="EP_ret_pay_type"      value="">      <!--  결제수단 // -->
+							<input type="hidden" id="EP_ret_complex_yn"     name="EP_ret_complex_yn"    value="">      <!--  복합결제 여부 (Y/N) // -->
+							<input type="hidden" id="EP_card_code"          name="EP_card_code"         value="">      <!--  카드코드 (ISP:KVP카드코드 MPI:카드코드) // -->
+							<input type="hidden" id="EP_eci_code"           name="EP_eci_code"          value="">      <!--  MPI인 경우 ECI코드 // -->
+							<input type="hidden" id="EP_card_req_type"      name="EP_card_req_type"     value="">      <!--  거래구분 // -->
+							<input type="hidden" id="EP_save_useyn"         name="EP_save_useyn"        value="">      <!--  카드사 세이브 여부 (Y/N) // -->
+							<input type="hidden" id="EP_trace_no"           name="EP_trace_no"          value="">      <!--  추적번호 // -->
+							<input type="hidden" id="EP_sessionkey"         name="EP_sessionkey"        value="">      <!--  세션키 // -->
+							<input type="hidden" id="EP_encrypt_data"       name="EP_encrypt_data"      value="">      <!--  암호화전문 // -->
+							<input type="hidden" id="EP_spay_cp"            name="EP_spay_cp"           value="">      <!--  간편결제 CP 코드 // -->
+							<input type="hidden" id="EP_card_prefix"        name="EP_card_prefix"       value="">      <!--  신용카드prefix // -->
+							<input type="hidden" id="EP_card_no_7"          name="EP_card_no_7"         value="">      <!--  신용카드번호 앞7자리 // -->
+							
+							<!--------------------------------->
+							<!-- ::: 가맹점 정보 -->
+							<!--------------------------------->
+							
+							<input type="hidden" id="EP_mall_id"          	name="EP_mall_id"         	value="">      	   <!--  가맹점ID // -->
+							
+							<!--------------------------------->
+							<!-- ::: 결제 정보 -->
+							<!--------------------------------->
+							
+							<input type="hidden" id="EP_pay_type"           name="EP_pay_type"           value="">      	<!--  결제수단 // -->
+							<input type="hidden" id="EP_window_type"        name="EP_window_type"        value="iframe">    <!--  윈도우타입 (iframe[default], popup) // -->
+							<input type="hidden" id="EP_cert_type"          name="EP_cert_type"          value="">      	<!--  인증타입 (일반-"", 인증-"21", 비인증-"22") // -->
+							
+							<!--------------------------------->
+							<!-- ::: 주문 정보 -->
+							<!--------------------------------->
+							
+							<input type="hidden" id="EP_order_no"         	name="EP_order_no"           value="">      	<!--  주문번호 // -->
+							<input type="hidden" id="EP_product_nm"         name="EP_product_nm"         value="">      	<!--  상품명 // -->
+							<input type="hidden" id="EP_product_amt"        name="EP_product_amt"        value="">      	<!--  상품금액 // -->
+							
+							<!-- // WEB END -->
+							
+							<!-- MOBILE -->
+							<!-- [START] 인증요청 필드 -->     <!--  <table>내에도 일부 파라미터 존재합니다.-->
+							      
+							<!--------------------------->
+							<!-- ::: 공통 인증 요청 값 -->
+							<!--------------------------->
+							<input type="hidden" id="sp_mall_nm"           name="sp_mall_nm"           value="" />               <!--[선택]가맹점명 -->
+							<input type="hidden" id="sp_order_no"          name="sp_order_no"          value="" />               <!--[필수]가맹점 주문번호(인증응답) -->  
+							<input type="hidden" id="sp_currency"          name="sp_currency"          value="00" />             <!--[필수]통화코드(수정불가) -->        
+							<input type="hidden" id="sp_return_url"        name="sp_return_url"        value="" />         		 <!--[필수]가맹점 return URL -->
+							<input type="hidden" id="sp_lang_flag"         name="sp_lang_flag"         value="KOR" />            <!--[선택]언어 -->
+							<input type="hidden" id="sp_charset"           name="sp_charset"           value="UTF-8" />          <!--[선택]가맹점 charset -->  
+							<input type="hidden" id="sp_user_id"           name="sp_user_id"           value="" />               <!--[선택]가맹점 고객ID -->
+							<input type="hidden" id="sp_memb_user_no"      name="sp_memb_user_no"      value="" />               <!--[선택]가맹점 고객일련번호 -->
+							<input type="hidden" id="sp_user_nm"           name="sp_user_nm"           value="" />           	 <!--[선택]가맹점 고객명 -->
+							<input type="hidden" id="sp_user_mail"         name="sp_user_mail"         value="" />           	 <!--[선택]가맹점 고객 E-mail -->
+							<input type="hidden" id="sp_user_phone1"       name="sp_user_phone1"       value="" />               <!--[선택]가맹점 고객 연락처1 -->
+							<input type="hidden" id="sp_user_phone2"       name="sp_user_phone2"       value="" />               <!--[선택]가맹점 고객 연락처2 -->
+							<input type="hidden" id="sp_user_addr"         name="sp_user_addr"         value="" />               <!--[선택]가맹점 고객 주소 -->
+							<input type="hidden" id="sp_user_define1"      name="sp_user_define1"      value="" />               <!--[선택]가맹점 필드1 -->
+							<input type="hidden" id="sp_user_define2"      name="sp_user_define2"      value="" />               <!--[선택]가맹점 필드2 -->
+							<input type="hidden" id="sp_user_define3"      name="sp_user_define3"      value="" />               <!--[선택]가맹점 필드3 -->
+							<input type="hidden" id="sp_user_define4"      name="sp_user_define4"      value="" />               <!--[선택]가맹점 필드4 -->
+							<input type="hidden" id="sp_user_define5"      name="sp_user_define5"      value="" />               <!--[선택]가맹점 필드5 -->
+							<input type="hidden" id="sp_user_define6"      name="sp_user_define6"      value="" />               <!--[선택]가맹점 필드6 -->
+							<input type="hidden" id="sp_product_type"      name="sp_product_type"      value="" />               <!--[선택]상품정보구분 -->
+							<input type="hidden" id="sp_product_expr"      name="sp_product_expr"      value="" />               <!--[선택]서비스 기간 -->
+							<input type="hidden" id="sp_app_scheme"        name="sp_app_scheme"        value="" />               <!--[선택]가맹점 APP scheme -->  
+							
+							<input type="hidden" id="sp_mall_id"		   name="sp_mall_id"		   value="" />               <!--[필수]가맹점 ID -->
+							<input type="hidden" id="sp_pay_type"      	   name="sp_pay_type"   	   value="" />               <!--[필수]결제수단 -->
+							<input type="hidden" id="sp_cert_type"	       name="sp_cert_type"   	   value="" />               <!--[선택]인증타입 -->
+							<input type="hidden" id="sp_product_nm"    	   name="sp_product_nm"   	   value="" />               <!--[필수]상품명 -->
+							<input type="hidden" id="sp_product_amt"   	   name="sp_product_amt"       value="" />               <!--[필수]상품금액 -->
+							<input type="hidden" id="sp_window_type"       name="sp_window_type"       value="" />               <!--[선택]윈도우타입 -->
+							<input type="hidden" id="sp_disp_cash_yn"      name="sp_disp_cash_yn"      value="" />               <!--[선택]현금영수증 화면표시여부 -->  
+							<input type="hidden" id="sp_kmotion_useyn"     name="sp_kmotion_useyn"     value="" />               <!--[선택]국민앱카드 사용유무 --> 
+							
+							                                                                                                     
+							<!--신용카드-->                                                                                      
+							<input type="hidden" id="sp_usedcard_code"     name="sp_usedcard_code"     value="" />               <!--[선택]사용가능카드 LIST -->
+							<input type="hidden" id="sp_quota"             name="sp_quota"             value="" />               <!--[선택]할부개월 -->
+							<input type="hidden" id="sp_os_cert_flag"      name="sp_os_cert_flag"      value="2" />               <!--[선택]해외안심클릭 사용여부-->
+							<input type="hidden" id="sp_noinst_flag"       name="sp_noinst_flag"       value="" />               <!--[선택]무이자 여부(Y/N)-->
+							<input type="hidden" id="sp_noinst_term"       name="sp_noinst_term"       value="" />               <!--[선택]무이자 기간 -->
+							<input type="hidden" id="sp_set_point_card_yn" name="sp_set_point_card_yn" value="" />               <!--[선택]카드사포인트 사용여부(Y/N)-->
+							<input type="hidden" id="sp_point_card"        name="sp_point_card"        value="" />               <!--[선택]포인트카드 LIST(카드코드-더할 할부개월) -->
+							<input type="hidden" id="sp_join_cd"           name="sp_join_cd"           value="" />               <!--[선택]조인코드 -->
+							                                                                                                          
+							<!--가상계좌-->                                                                                      
+							<input type="hidden" id="sp_vacct_bank"        name="sp_vacct_bank"         value="" />               <!--[선택]가상계좌 사용가능한 은행 LIST -->
+							<input type="hidden" id="sp_vacct_end_date"    name="sp_vacct_end_date"     value="" />               <!--[선택]입금 만료 날짜 -->
+							<input type="hidden" id="sp_vacct_end_time"    name="sp_vacct_end_time"     value="" />               <!--[선택]입금 만료 시간 -->
+							                                                                                                     
+							<!--선불카드-->                                                                                      
+							<input type="hidden" id="sp_prepaid_cp"        name="sp_prepaid_cp"         value="" />               <!--[선택]선불카드 CP -->
+							                        
+							<!-- [END] 인증요청 필드  --> 
+							
+							<!-- [START] 인증응답 필드 -->     
+							
+							<!--------------------------->
+							<!-- ::: 공통 응답 값 -->
+							<!--------------------------->
+							<input type="hidden" id="sp_res_cd"              name="sp_res_cd"                value="" />         <!-- [필수]응답코드        --> 
+							<input type="hidden" id="sp_res_msg"             name="sp_res_msg"               value="" />         <!-- [필수]응답메시지      --> 
+							<input type="hidden" id="sp_tr_cd"               name="sp_tr_cd"                 value="" />         <!-- [필수]결제창 요청구분 --> 
+							<input type="hidden" id="sp_ret_pay_type"        name="sp_ret_pay_type"          value="" />         <!-- [필수]결제수단        --> 
+							<input type="hidden" id="sp_trace_no"            name="sp_trace_no"              value="" />         <!-- [선택]추적번호        --> 
+							<!-- 가맹점 주문번호 인증요청 필드에 존재.                                                                [필수]가맹점 주문번호 --> 
+							<input type="hidden" id="sp_sessionkey"          name="sp_sessionkey"            value="" />         <!-- [필수]세션키          --> 
+							<input type="hidden" id="sp_encrypt_data"        name="sp_encrypt_data"          value="" />         <!-- [필수]암호화전문      --> 
+							<!-- 가맹점 ID  인증요청 필드에 존재.                                                                 [필수]가맹점 ID       -->
+							<input type="hidden" id="sp_mobilereserved1"     name="sp_mobilereserved1"       value="" />         <!-- [선택]여유필드        --> 
+							<input type="hidden" id="sp_mobilereserved2"     name="sp_mobilereserved2"       value="" />         <!-- [선택]여유필드        --> 
+							<input type="hidden" id="sp_reserved1"           name="sp_reserved1"             value="" />         <!-- [선택]여유필드        --> 
+							<input type="hidden" id="sp_reserved2"           name="sp_reserved2"             value="" />         <!-- [선택]여유필드        --> 
+							<input type="hidden" id="sp_reserved3"           name="sp_reserved3"             value="" />         <!-- [선택]여유필드        --> 
+							<input type="hidden" id="sp_reserved4"           name="sp_reserved4"             value="" />         <!-- [선택]여유필드        --> 
+							
+							<!--신용카드-->                                                                                                                        
+							<input type="hidden" id="sp_card_code"            name="sp_card_code"            value="" />         <!-- [필수]카드코드               -->
+							<input type="hidden" id="sp_eci_code"             name="sp_eci_code"             value="" />         <!-- [선택]ECI코드(MPI인 경우)    -->
+							<input type="hidden" id="sp_card_req_type"        name="sp_card_req_type"        value="" />         <!-- [필수]거래구분               -->
+							<input type="hidden" id="sp_save_useyn"           name="sp_save_useyn"           value="" />         <!-- [선택]카드사 세이브 여부     -->
+							<input type="hidden" id="sp_card_prefix"          name="sp_card_prefix"          value="" />         <!-- [선택]신용카드 Prefix        -->
+							<input type="hidden" id="sp_card_no_7"            name="sp_card_no_7"            value="" />         <!-- [선택]신용카드번호 앞7자리   -->
+							
+							<!--간편결제-->
+							<input type="hidden" id="sp_spay_cp"              name="sp_spay_cp"              value="" />          <!-- [선택]간편결제 CP코드 -->
+							                                                                                                    
+							<!--선불카드-->                                                                                     
+							<input type="hidden" id="sp_prepaid_cp"           name="sp_prepaid_cp"           value="" />          <!-- [선택]선불카드 CP코드 -->
+							   
+							<!-- [END] 인증응답 필드  --> 
+							<!-- // MOBILE END -->
+							</form>
+							
 						</div>
 					</div>
 				</div>
@@ -85,5 +291,6 @@
 			</div>
 		</div>
 	</div>
+	<div id="ITP_POPUP_KICC_JS"></div>
 	<div id="ITP_POPUP_JS"></div>
 </div>

src/main/webapp/easypay/oqpo/mobile_order_req.jsp

@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%
+/* -------------------------------------------------------------------------- */
+/* 캐쉬 사용안함                                                              */
+/* -------------------------------------------------------------------------- */
+response.setHeader("cache-control","no-cache");
+response.setHeader("expires","-1");
+response.setHeader("pragma","no-cache");
+
+request.setCharacterEncoding("utf-8");
+%>
+<c:set var="contextPath" value="${pageContext.request.contextPath}" /> 
+<html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
+<meta name="robots" content="noindex, nofollow" />
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript">
+    window.onload = function()
+    {
+        document.frm.submit();
+    } 
+</script>
+<title>오더퀸 주문(모바일)</title>
+</head>
+</head>
+<body>
+    <form name="frm" method="post" action="<spring:eval expression="@applicationProperties.getProperty('kicc.action.mobile.url')" />"> <!-- 테스트 -->
+    <!--form name="frm" method="post" action="https://pg.easypay.co.kr/webpay/MainAction.do"--> <!-- 운영 -->
+
+        <!--공통-->
+        <input type="hidden" id="sp_mall_id"           name="sp_mall_id"           value="<%=request.getParameter("sp_mall_id")           %>" /> <!--[필수]가맹점ID -->
+        <input type="hidden" id="sp_mall_nm"           name="sp_mall_nm"           value="<%=request.getParameter("sp_mall_nm")           %>" /> <!--[선택]가맹점명 -->
+        <input type="hidden" id="sp_order_no"          name="sp_order_no"          value="<%=request.getParameter("sp_order_no")          %>" /> <!--[필수]가맹점 주문번호(인증응답) -->
+        <input type="hidden" id="sp_pay_type"          name="sp_pay_type"          value="<%=request.getParameter("sp_pay_type")          %>" /> <!--[필수]결제수단 -->
+        <input type="hidden" id="sp_cert_type"         name="sp_cert_type"         value="<%=request.getParameter("sp_cert_type")         %>" /> <!--[선택]인증타입 -->  
+        <input type="hidden" id="sp_currency"          name="sp_currency"          value="<%=request.getParameter("sp_currency")          %>" /> <!--[필수]통화코드(수정불가) -->        
+        <input type="hidden" id="sp_product_nm"        name="sp_product_nm"        value="<%=request.getParameter("sp_product_nm")        %>" /> <!--[필수]상품명 -->
+        <input type="hidden" id="sp_product_amt"       name="sp_product_amt"       value="<%=request.getParameter("sp_product_amt")       %>" /> <!--[필수]상품금액 m-->
+        <input type="hidden" id="sp_return_url"        name="sp_return_url"        value="<%=request.getParameter("sp_return_url")        %>" /> <!--[필수]가맹점 return URL -->
+        <input type="hidden" id="sp_lang_flag"         name="sp_lang_flag"         value="<%=request.getParameter("sp_lang_flag")         %>" /> <!--[선택]언어 -->
+        <input type="hidden" id="sp_charset"           name="sp_charset"           value="<%=request.getParameter("sp_charset")           %>" /> <!--[선택]가맹점 charset -->  
+        <input type="hidden" id="sp_user_id"           name="sp_user_id"           value="<%=request.getParameter("sp_user_id")           %>" /> <!--[선택]가맹점 고객ID -->
+        <input type="hidden" id="sp_memb_user_no"      name="sp_memb_user_no"      value="<%=request.getParameter("sp_memb_user_no")      %>" /> <!--[선택]가맹점 고객일련번호 -->
+        <input type="hidden" id="sp_user_nm"           name="sp_user_nm"           value="<%=request.getParameter("sp_user_nm")           %>" /> <!--[선택]가맹점 고객명 -->
+        <input type="hidden" id="sp_user_mail"         name="sp_user_mail"         value="<%=request.getParameter("sp_user_mail")         %>" /> <!--[선택]가맹점 고객 E-mail -->
+        <input type="hidden" id="sp_user_phone1"       name="sp_user_phone1"       value="<%=request.getParameter("sp_user_phone1")       %>" /> <!--[선택]가맹점 고객 연락처1 -->
+        <input type="hidden" id="sp_user_phone2"       name="sp_user_phone2"       value="<%=request.getParameter("sp_user_phone2")       %>" /> <!--[선택]가맹점 고객 연락처2 -->
+        <input type="hidden" id="sp_user_addr"         name="sp_user_addr"         value="<%=request.getParameter("sp_user_addr")         %>" /> <!--[선택]가맹점 고객 주소 -->
+        <input type="hidden" id="sp_user_define1"      name="sp_user_define1"      value="<%=request.getParameter("sp_user_define1")      %>" /> <!--[선택]가맹점 필드1 -->
+        <input type="hidden" id="sp_user_define2"      name="sp_user_define2"      value="<%=request.getParameter("sp_user_define2")      %>" /> <!--[선택]가맹점 필드2 -->
+        <input type="hidden" id="sp_user_define3"      name="sp_user_define3"      value="<%=request.getParameter("sp_user_define3")      %>" /> <!--[선택]가맹점 필드3 -->
+        <input type="hidden" id="sp_user_define4"      name="sp_user_define4"      value="<%=request.getParameter("sp_user_define4")      %>" /> <!--[선택]가맹점 필드4 -->
+        <input type="hidden" id="sp_user_define5"      name="sp_user_define5"      value="<%=request.getParameter("sp_user_define5")      %>" /> <!--[선택]가맹점 필드5 -->
+        <input type="hidden" id="sp_user_define6"      name="sp_user_define6"      value="<%=request.getParameter("sp_user_define6")      %>" /> <!--[선택]가맹점 필드6 -->
+        <input type="hidden" id="sp_mobilereserved1"   name="sp_mobilereserved1"   value="<%=request.getParameter("sp_mobilereserved1")   %>" /> <!--[선택]가맹점 여유필드1        -->    
+        <input type="hidden" id="sp_mobilereserved2"   name="sp_mobilereserved2"   value="<%=request.getParameter("sp_mobilereserved2")   %>" /> <!--[선택]가맹점 여유필드2        -->    
+        <input type="hidden" id="sp_reserved1"         name="sp_reserved1"         value="<%=request.getParameter("sp_reserved1")         %>" /> <!--[선택]가맹점 여유필드1        -->    
+        <input type="hidden" id="sp_reserved2"         name="sp_reserved2"         value="<%=request.getParameter("sp_reserved2")         %>" /> <!--[선택]가맹점 여유필드2        -->    
+        <input type="hidden" id="sp_reserved3"         name="sp_reserved3"         value="<%=request.getParameter("sp_reserved3")         %>" /> <!--[선택]가맹점 여유필드3        -->    
+        <input type="hidden" id="sp_reserved4"         name="sp_reserved4"         value="<%=request.getParameter("sp_reserved4")         %>" /> <!--[선택]가맹점 여유필드4        -->            
+        <input type="hidden" id="sp_product_type"      name="sp_product_type"      value="<%=request.getParameter("sp_product_type")      %>" /> <!--[선택]상품정보구분 -->
+        <input type="hidden" id="sp_product_expr"      name="sp_product_expr"      value="<%=request.getParameter("sp_product_expr")      %>" /> <!--[선택]서비스 기간 -->
+        <input type="hidden" id="sp_app_scheme"        name="sp_app_scheme"        value="<%=request.getParameter("sp_app_scheme")        %>" /> <!--[선택]가맹점 APP scheme -->  
+        <input type="hidden" id="sp_window_type"       name="sp_window_type"       value="<%=request.getParameter("sp_window_type")       %>" /> <!--[선택]윈도우타입 -->
+        <input type="hidden" id="sp_disp_cash_yn"      name="sp_disp_cash_yn"      value="<%=request.getParameter("sp_disp_cash_yn")      %>" /> <!--[선택]현금영수증 화면표시여부(Y/N)--> 
+                                                                                   
+        <!--신용카드-->                                                                           
+        <input type="hidden" id="sp_usedcard_code"     name="sp_usedcard_code"     value="<%=request.getParameter("sp_usedcard_code")     %>" /> <!--[선택]사용가능카드 LIST -->
+        <input type="hidden" id="sp_quota"             name="sp_quota"             value="<%=request.getParameter("sp_quota")             %>" /> <!--[선택]할부개월 -->
+        <input type="hidden" id="sp_os_cert_flag"      name="sp_os_cert_flag"      value="<%=request.getParameter("sp_os_cert_flag")      %>" /> <!--[선택]해외안심클릭 사용여부-->
+        <input type="hidden" id="sp_noinst_flag"       name="sp_noinst_flag"       value="<%=request.getParameter("sp_noinst_flag")       %>" /> <!--[선택]무이자 여부(Y/N) -->
+        <input type="hidden" id="sp_noinst_term"       name="sp_noinst_term"       value="<%=request.getParameter("sp_noinst_term")       %>" /> <!--[선택]무이자 기간 -->
+        <input type="hidden" id="sp_set_point_card_yn" name="sp_set_point_card_yn" value="<%=request.getParameter("sp_set_point_card_yn") %>" /> <!--[선택]카드사포인트 사용여부(Y/N) -->
+        <input type="hidden" id="sp_point_card"        name="sp_point_card"        value="<%=request.getParameter("sp_point_card")        %>" /> <!--[선택]포인트카드 LIST(카드코드-더할 할부개월) -->
+        <input type="hidden" id="sp_join_cd"           name="sp_join_cd"           value="<%=request.getParameter("sp_join_cd")           %>" /> <!--[선택]조인코드 -->
+        <input type="hidden" id="sp_kmotion_useyn"     name="sp_kmotion_useyn"     value="<%=request.getParameter("sp_kmotion_useyn")     %>" /> <!--[선택]국민앱카드 사용유무 -->
+                                                                                                                                                      
+        <!--가상계좌-->
+        <input type="hidden" id="sp_vacct_bank"       name="sp_vacct_bank"         value="<%=request.getParameter("sp_vacct_bank")        %>" /> <!--[선택]가상계좌 사용가능한 은행 LIST -->
+        <input type="hidden" id="sp_vacct_end_date"   name="sp_vacct_end_date"     value="<%=request.getParameter("sp_vacct_end_date")    %>" /> <!--[선택]입금 만료 날짜 -->
+        <input type="hidden" id="sp_vacct_end_time"   name="sp_vacct_end_time"     value="<%=request.getParameter("sp_vacct_end_time")    %>" /> <!--[선택]입금 만료 시간 -->
+                   
+        <!--선불카드-->
+        <input type="hidden" id="sp_prepaid_cp"       name="sp_prepaid_cp"         value="<%=request.getParameter("sp_prepaid_cp")        %>" /> <!--[선택]선불카드 CP -->
+        
+    </form>
+</body>
+</html>

src/main/webapp/easypay/oqpo/mobile_order_res_submit.jsp

@@ -0,0 +1,128 @@
+<!--[submit]인증응답 페이지-->
+<!--메뉴얼 '인증페이지 작성' 인증응답 파라미터 포함.-->
+
+<!DOCTYPE html>
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%
+/* -------------------------------------------------------------------------- */
+/* 캐쉬 사용안함                                                              */
+/* -------------------------------------------------------------------------- */
+response.setHeader("cache-control","no-cache");
+response.setHeader("expires","-1");
+response.setHeader("pragma","no-cache");
+
+request.setCharacterEncoding("utf-8");
+%>
+<%!
+    /*
+     * 파라미터 체크 메소드
+     */
+    public String getNullToSpace(String param) 
+    {
+        return (param == null) ? "" : param.trim();
+    }
+%>
+<c:set var="contextPath" value="${pageContext.request.contextPath}" /> 
+<html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
+<meta name="robots" content="noindex, nofollow" />
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<script type="text/javascript">
+	/*--KICC 서버로부터 인증응답 파라미터 수신--*/
+	window.onload = function() {
+	    // <!--공통-->
+	    window.document.getElementById("sp_res_cd").value             = "<%=getNullToSpace(request.getParameter("sp_res_cd"))           %>";  // [필수]응답코드
+	    window.document.getElementById("sp_res_msg").value            = "<%=getNullToSpace(request.getParameter("sp_res_msg"))          %>";  // [필수]응답메세지
+	    window.document.getElementById("sp_tr_cd").value              = "<%=getNullToSpace(request.getParameter("sp_tr_cd"))            %>";  // [필수]결제창 요청구분
+	    window.document.getElementById("sp_ret_pay_type").value       = "<%=getNullToSpace(request.getParameter("sp_ret_pay_type"))     %>";  // [필수]결제수단
+	    window.document.getElementById("sp_trace_no").value           = "<%=getNullToSpace(request.getParameter("sp_trace_no"))         %>";  // [선택]추적번호     
+	    window.document.getElementById("sp_order_no").value           = "<%=getNullToSpace(request.getParameter("sp_order_no"))         %>";  // [필수]가맹점 주문번호
+	    window.document.getElementById("sp_sessionkey").value         = "<%=getNullToSpace(request.getParameter("sp_sessionkey"))       %>";  // [필수]세션키
+	    window.document.getElementById("sp_encrypt_data").value       = "<%=getNullToSpace(request.getParameter("sp_encrypt_data"))     %>";  // [필수]암호화전문
+	    window.document.getElementById("sp_mall_id").value            = "<%=getNullToSpace(request.getParameter("sp_mall_id"))          %>";  // [필수]가맹점 ID
+	    window.document.getElementById("sp_mobilereserved1").value    = "<%=getNullToSpace(request.getParameter("sp_mobilereserved1"))  %>";  // [선택]여유필드
+	    window.document.getElementById("sp_mobilereserved2").value    = "<%=getNullToSpace(request.getParameter("sp_mobilereserved2"))  %>";  // [선택]여유필드
+	    window.document.getElementById("sp_reserved1").value          = "<%=getNullToSpace(request.getParameter("sp_reserved1"))        %>";  // [선택]여유필드 
+	    window.document.getElementById("sp_reserved2").value          = "<%=getNullToSpace(request.getParameter("sp_reserved2"))        %>";  // [선택]여유필드
+	    window.document.getElementById("sp_reserved3").value          = "<%=getNullToSpace(request.getParameter("sp_reserved3"))        %>";  // [선택]여유필드
+	    window.document.getElementById("sp_reserved4").value          = "<%=getNullToSpace(request.getParameter("sp_reserved4"))        %>";  // [선택]여유필드
+	
+	    // <!--신용카드-->
+	    window.document.getElementById("sp_card_code").value          = "<%=getNullToSpace(request.getParameter("sp_card_code"))        %>";  // [필수]카드코드 
+	    window.document.getElementById("sp_eci_code").value           = "<%=getNullToSpace(request.getParameter("sp_eci_code"))         %>";  // [선택]ECI코드(MPI인 경우)
+	    window.document.getElementById("sp_card_req_type").value      = "<%=getNullToSpace(request.getParameter("sp_card_req_type"))    %>";  // [필수]거래구분
+	    window.document.getElementById("sp_save_useyn").value         = "<%=getNullToSpace(request.getParameter("sp_save_useyn"))       %>";  // [선택]카드사 세이브 여부
+	    window.document.getElementById("sp_card_prefix").value        = "<%=getNullToSpace(request.getParameter("sp_card_prefix"))      %>";  // [선택]신용카드 Prefix 
+	    window.document.getElementById("sp_card_no_7").value          = "<%=getNullToSpace(request.getParameter("sp_card_no_7"))        %>";  // [선택]신용카드번호 앞7자리   
+	    
+	    // <!--간편결제-->
+	    window.document.getElementById("sp_spay_cp").value            = "<%=getNullToSpace(request.getParameter("sp_spay_cp"))          %>";  // [선택]간편결제 CP코드
+	    
+	    // <!--선불카드-->
+	    window.document.getElementById("sp_prepaid_cp").value         = "<%=getNullToSpace(request.getParameter("sp_prepaid_cp"))       %>";  // [선택]선불카드 CP코드
+	                      
+		if( "<%=request.getParameter("sp_res_cd") %>" == "0000" )
+	    {
+	        frm_pay.target = "_self";
+	        frm_pay.action = "/moblie_easypay_request.itp";
+	        frm_pay.submit();
+	    }
+	    else
+	    {
+	        alert( urldecode("<%=request.getParameter("sp_res_cd") %> : <%=request.getParameter("sp_res_msg") %>"));
+	        location.href="/hmpage_member_order_confirm.itp";
+	    }
+	}
+	
+
+   	function urldecode( str ) {
+       // 공백 문자인 + 를 처리하기 위해 +('%20') 을 공백으로 치환
+       return decodeURIComponent((str + '').replace(/\+/g, '%20'));
+   	}
+</script>
+<title>오더퀸 수발주 결제하기(모바일)</title>
+</head>
+</head>
+<body>
+  <form name="frm_pay" method="post" >  
+    
+    <!-- [START] 인증응답 필드 -->     
+    
+    <!--공통-->
+    <input type="hidden" id="sp_res_cd"              name="sp_res_cd"                value="" />         <!-- [필수]응답코드        --> 
+    <input type="hidden" id="sp_res_msg"             name="sp_res_msg"               value="" />         <!-- [필수]응답메시지      --> 
+    <input type="hidden" id="sp_tr_cd"               name="sp_tr_cd"                 value="" />         <!-- [필수]결제창 요청구분 --> 
+    <input type="hidden" id="sp_ret_pay_type"        name="sp_ret_pay_type"          value="" />         <!-- [필수]결제수단        --> 
+    <input type="hidden" id="sp_trace_no"            name="sp_trace_no"              value="" />         <!-- [선택]추적번호        --> 
+    <input type="hidden" id="sp_order_no"            name="sp_order_no"              value="" />         <!-- [필수]가맹점 주문번호 --> 
+    <input type="hidden" id="sp_sessionkey"          name="sp_sessionkey"            value="" />         <!-- [필수]세션키          --> 
+    <input type="hidden" id="sp_encrypt_data"        name="sp_encrypt_data"          value="" />         <!-- [필수]암호화전문      --> 
+    <input type="hidden" id="sp_mall_id"             name="sp_mall_id"               value="" />         <!-- [필수]가맹점 ID       -->
+    <input type="hidden" id="sp_mobilereserved1"     name="sp_mobilereserved1"       value="" />         <!-- [선택]여유필드        --> 
+    <input type="hidden" id="sp_mobilereserved2"     name="sp_mobilereserved2"       value="" />         <!-- [선택]여유필드        --> 
+    <input type="hidden" id="sp_reserved1"           name="sp_reserved1"             value="" />         <!-- [선택]여유필드        --> 
+    <input type="hidden" id="sp_reserved2"           name="sp_reserved2"             value="" />         <!-- [선택]여유필드        --> 
+    <input type="hidden" id="sp_reserved3"           name="sp_reserved3"             value="" />         <!-- [선택]여유필드        --> 
+    <input type="hidden" id="sp_reserved4"           name="sp_reserved4"             value="" />         <!-- [선택]여유필드        --> 
+    
+    <!--신용카드-->                                                                                                                        
+    <input type="hidden" id="sp_card_code"            name="sp_card_code"            value="" />         <!-- [필수]카드코드               -->
+    <input type="hidden" id="sp_eci_code"             name="sp_eci_code"             value="" />         <!-- [선택]ECI코드(MPI인 경우)    -->
+    <input type="hidden" id="sp_card_req_type"        name="sp_card_req_type"        value="" />         <!-- [필수]거래구분               -->
+    <input type="hidden" id="sp_save_useyn"           name="sp_save_useyn"           value="" />         <!-- [선택]카드사 세이브 여부     -->
+    <input type="hidden" id="sp_card_prefix"          name="sp_card_prefix"          value="" />         <!-- [선택]신용카드 Prefix        -->
+    <input type="hidden" id="sp_card_no_7"            name="sp_card_no_7"            value="" />         <!-- [선택]신용카드번호 앞7자리   -->
+    
+    <!--간편결제-->
+    <input type="hidden" id="sp_spay_cp"              name="sp_spay_cp"              value="" />          <!-- [선택]간편결제 CP코드 -->
+                                                                                                        
+    <!--선불카드-->                                                                                     
+    <input type="hidden" id="sp_prepaid_cp"           name="sp_prepaid_cp"           value="" />          <!-- [선택]선불카드 CP코드 -->
+    
+    <!-- [END] 인증응답 필드  --> 
+
+   </form>
+</body>
+</html>

src/main/webapp/easypay/oqpo/oqpo_iframe_req.jsp

@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%
+/* -------------------------------------------------------------------------- */
+/* 캐쉬 사용안함                                                              */
+/* -------------------------------------------------------------------------- */
+response.setHeader("cache-control","no-cache");
+response.setHeader("expires","-1");
+response.setHeader("pragma","no-cache");
+
+request.setCharacterEncoding("utf-8");
+
+String kiccActionWebUrl = request.getParameter("kiccActionWebUrl");
+%>
+<c:set var="contextPath" value="${pageContext.request.contextPath}" /> 
+<html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
+<script>
+    window.onload = function()
+    {
+    	document.frm.submit();
+    }
+    
+</script>
+<title>오더퀸 수발주 결제하기</title>
+</head>
+<body>
+    <form name="frm" method="post" action="<%= kiccActionWebUrl %>"> <!-- 테스트 -->
+    <!--form name="frm" method="post" action="https://pg.easypay.co.kr/webpay/MainAction.do"--> <!-- 운영 -->
+
+        <input type="hidden" id="EP_mall_id"           name="EP_mall_id"            value="<%=request.getParameter("EP_mall_id") %>" />
+        <input type="hidden" id="EP_mall_nm"           name="EP_mall_nm"            value="<%=request.getParameter("EP_mall_nm") %>" />
+        <input type="hidden" id="EP_order_no"          name="EP_order_no"           value="<%=request.getParameter("EP_order_no") %>" />
+        <input type="hidden" id="EP_pay_type"          name="EP_pay_type"           value="<%=request.getParameter("EP_pay_type") %>" />
+        <input type="hidden" id="EP_currency"          name="EP_currency"           value="<%=request.getParameter("EP_currency") %>" />
+        <input type="hidden" id="EP_product_nm"        name="EP_product_nm"         value="<%=request.getParameter("EP_product_nm") %>" />
+        <input type="hidden" id="EP_product_amt"       name="EP_product_amt"        value="<%=request.getParameter("EP_product_amt") %>" />
+        <input type="hidden" id="EP_return_url"        name="EP_return_url"         value="<%=request.getParameter("EP_return_url") %>" />
+        <input type="hidden" id="EP_ci_url"            name="EP_ci_url"             value="<%=request.getParameter("EP_ci_url") %>" />
+        <input type="hidden" id="EP_lang_flag"         name="EP_lang_flag"          value="<%=request.getParameter("EP_lang_flag") %>" />
+        <input type="hidden" id="EP_charset"           name="EP_charset"            value="<%=request.getParameter("EP_charset") %>" />
+        <input type="hidden" id="EP_user_id"           name="EP_user_id"            value="<%=request.getParameter("EP_user_id") %>" />
+        <input type="hidden" id="EP_memb_user_no"      name="EP_memb_user_no"       value="<%=request.getParameter("EP_memb_user_no") %>" />
+        <input type="hidden" id="EP_user_nm"           name="EP_user_nm"            value="<%=request.getParameter("EP_user_nm") %>" />
+        <input type="hidden" id="EP_user_mail"         name="EP_user_mail"          value="<%=request.getParameter("EP_user_mail") %>" />
+        <input type="hidden" id="EP_user_phone1"       name="EP_user_phone1"        value="<%=request.getParameter("EP_user_phone1") %>" />
+        <input type="hidden" id="EP_user_phone2"       name="EP_user_phone2"        value="<%=request.getParameter("EP_user_phone2") %>" />
+        <input type="hidden" id="EP_user_addr"         name="EP_user_addr"          value="<%=request.getParameter("EP_user_addr") %>" />
+        <input type="hidden" id="EP_user_define1"      name="EP_user_define1"       value="<%=request.getParameter("EP_user_define1") %>" />
+        <input type="hidden" id="EP_user_define2"      name="EP_user_define2"       value="<%=request.getParameter("EP_user_define2") %>" />
+        <input type="hidden" id="EP_user_define3"      name="EP_user_define3"       value="<%=request.getParameter("EP_user_define3") %>" />
+        <input type="hidden" id="EP_user_define4"      name="EP_user_define4"       value="<%=request.getParameter("EP_user_define4") %>" />
+        <input type="hidden" id="EP_user_define5"      name="EP_user_define5"       value="<%=request.getParameter("EP_user_define5") %>" />
+        <input type="hidden" id="EP_user_define6"      name="EP_user_define6"       value="<%=request.getParameter("EP_user_define6") %>" />
+        <input type="hidden" id="EP_product_type"      name="EP_product_type"       value="<%=request.getParameter("EP_product_type") %>" />
+        <input type="hidden" id="EP_product_expr"      name="EP_product_expr"       value="<%=request.getParameter("EP_product_expr") %>" />
+        <input type="hidden" id="EP_usedcard_code"     name="EP_usedcard_code"      value="<%=request.getParameter("EP_usedcard_code") %>" />
+        <input type="hidden" id="EP_quota"             name="EP_quota"              value="<%=request.getParameter("EP_quota") %>" />
+        <input type="hidden" id="EP_os_cert_flag"      name="EP_os_cert_flag"       value="<%=request.getParameter("EP_os_cert_flag") %>" />
+        <input type="hidden" id="EP_noinst_flag"       name="EP_noinst_flag"        value="<%=request.getParameter("EP_noinst_flag") %>" />
+        <input type="hidden" id="EP_noinst_term"       name="EP_noinst_term"        value="<%=request.getParameter("EP_noinst_term") %>" />
+        <input type="hidden" id="EP_set_point_card_yn" name="EP_set_point_card_yn"  value="<%=request.getParameter("EP_set_point_card_yn") %>" />
+        <input type="hidden" id="EP_point_card"        name="EP_point_card"         value="<%=request.getParameter("EP_point_card") %>" />
+        <input type="hidden" id="EP_join_cd"           name="EP_join_cd"            value="<%=request.getParameter("EP_join_cd") %>" />
+        <input type="hidden" id="EP_kmotion_useyn"     name="EP_kmotion_useyn"      value="<%=request.getParameter("EP_kmotion_useyn") %>" />
+        <input type="hidden" id="EP_vacct_bank"        name="EP_vacct_bank"         value="<%=request.getParameter("EP_vacct_bank") %>" />
+        <input type="hidden" id="EP_vacct_end_date"    name="EP_vacct_end_date"     value="<%=request.getParameter("EP_vacct_end_date") %>" />
+        <input type="hidden" id="EP_vacct_end_time"    name="EP_vacct_end_time"     value="<%=request.getParameter("EP_vacct_end_time") %>" />
+        <input type="hidden" id="EP_prepaid_cp"        name="EP_prepaid_cp"         value="<%=request.getParameter("EP_prepaid_cp") %>"     />
+        <input type="hidden" id="EP_disp_cash_yn"      name="EP_disp_cash_yn"       value="<%=request.getParameter("EP_disp_cash_yn") %>" />
+        <input type="hidden" id="EP_cert_type"         name="EP_cert_type"          value="<%=request.getParameter("EP_cert_type") %>" />
+    </form>
+</body>
+</html>

src/main/webapp/easypay/oqpo/oqpo_order.jsp

@@ -4,9 +4,19 @@
 <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
 <%
 	// 입력변수
-	String poOrdNo = request.getParameter("poOrdNo");
+	String poOrdNo = request.getParameter("poOrdNo"); 
+	String ordNm = request.getParameter("ordNm");
+	String goodsNm = request.getParameter("goodsNm");
 	String kiccJavascriptUrl = request.getParameter("kiccJavascriptUrl");
-
+	String kiccActionWebUrl = request.getParameter("kiccActionWebUrl");
+	String mallId = request.getParameter("mallId");
+	String ordTel = request.getParameter("ordTel");
+	String ordEmail = request.getParameter("ordEmail");
+	String payMethod = request.getParameter("payMethod");
+	String goodsAmt = request.getParameter("goodsAmt");
+	String brandNm = request.getParameter("brandNm");
+	
+	String EP_return_url = request.getRequestURL().toString().replaceAll("oqpo_order.jsp", "oqpo_order_res.jsp");
 %>
 <c:set var="contextPath" value="${pageContext.request.contextPath}" /> 
 <html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
@@ -19,6 +29,7 @@
 <body id="subpage" class="page-8">
     
 	<form name="frm_pay" id="frm_pay" method="post" action="">
+	<input type="hidden" id="kiccActionWebUrl" 	name="kiccActionWebUrl"		value="<%= kiccActionWebUrl %>">       
 	
 	<!-- WEB -->
 	
@@ -26,17 +37,17 @@
 	<!-- ::: 공통 인증 요청 값 -->
 	<!--------------------------->
 	
-	<input type="hidden" id="EP_mall_nm"        name="EP_mall_nm"           value="">         <!-- 가맹점명-->
+	<input type="hidden" id="EP_mall_nm"        name="EP_mall_nm"           value="<%= brandNm %>">         <!-- 가맹점명-->
 	<input type="hidden" id="EP_currency"       name="EP_currency"          value="00">       <!-- 통화코드 // 00 : 원화-->
-	<input type="hidden" id="EP_return_url"     name="EP_return_url"        value="">         <!-- 가맹점 CALLBACK URL // -->
+	<input type="hidden" id="EP_return_url"     name="EP_return_url"        value="<%= EP_return_url %>">         <!-- 가맹점 CALLBACK URL // -->
 	<input type="hidden" id="EP_ci_url"         name="EP_ci_url"            value="">         <!-- CI LOGO URL // -->
-	<input type="hidden" id="EP_lang_flag"      name="EP_lang_flag"         value="">         <!-- 언어 // -->
+	<input type="hidden" id="EP_lang_flag"      name="EP_lang_flag"         value="KOR">         <!-- 언어 // -->
 	<input type="hidden" id="EP_charset"        name="EP_charset"           value="UTF-8">   <!-- 가맹점 CharSet // EUC-KR,UTF-8 사용시 대문자 이용-->
 	<input type="hidden" id="EP_user_id"        name="EP_user_id"           value="">         <!-- 가맹점 고객ID // -->
 	<input type="hidden" id="EP_memb_user_no"   name="EP_memb_user_no"      value="">         <!-- 가맹점 고객일련번호 // -->
-	<input type="hidden" id="EP_user_nm"        name="EP_user_nm"           value="">         <!-- 가맹점 고객명 // -->
-	<input type="hidden" id="EP_user_mail"      name="EP_user_mail"         value="">         <!-- 가맹점 고객 E-mail // -->
-	<input type="hidden" id="EP_user_phone1"    name="EP_user_phone1"       value="">         <!-- 가맹점 고객 연락처1 // -->
+	<input type="hidden" id="EP_user_nm"        name="EP_user_nm"           value="<%= ordNm %>">         	<!-- 가맹점 고객명 // -->
+	<input type="hidden" id="EP_user_mail"      name="EP_user_mail"         value="<%= ordEmail %>">        <!-- 가맹점 고객 E-mail // -->
+	<input type="hidden" id="EP_user_phone1"    name="EP_user_phone1"       value="<%= ordTel %>">         <!-- 가맹점 고객 연락처1 // -->
 	<input type="hidden" id="EP_user_phone2"    name="EP_user_phone2"       value="">         <!-- 가맹점 고객 연락처2 // -->
 	<input type="hidden" id="EP_user_addr"      name="EP_user_addr"         value="">         <!-- 가맹점 고객 주소 // -->
 	<input type="hidden" id="EP_user_define1"   name="EP_user_define1"      value="">         <!-- 가맹점 필드1 // -->
@@ -45,7 +56,7 @@
 	<input type="hidden" id="EP_user_define4"   name="EP_user_define4"      value="">         <!-- 가맹점 필드4 // -->
 	<input type="hidden" id="EP_user_define5"   name="EP_user_define5"      value="">         <!-- 가맹점 필드5 // -->
 	<input type="hidden" id="EP_user_define6"   name="EP_user_define6"      value="">         <!-- 가맹점 필드6 // -->
-	<input type="hidden" id="EP_product_type"   name="EP_product_type"      value="">         <!-- 상품정보구분 // -->
+	<input type="hidden" id="EP_product_type"   name="EP_product_type"      value="0">        <!-- 상품정보구분 // -->
 	<input type="hidden" id="EP_product_expr"   name="EP_product_expr"      value="">         <!-- 서비스 기간 // (YYYYMMDD) -->
 	<input type="hidden" id="EP_disp_cash_yn"   name="EP_disp_cash_yn"      value="">         <!-- 현금영수증 화면표시여부 //미표시 : "N", 그외: DB조회 -->
 	
@@ -102,23 +113,23 @@
 	<!-- ::: 가맹점 정보 -->
 	<!--------------------------------->
 	
-	<input type="hidden" id="EP_mall_id"          name="EP_mall_id"         value="<spring:eval expression="@applicationProperties.getProperty('kicc.mall.tid')" />">      <!--  가맹점ID // -->
+	<input type="hidden" id="EP_mall_id"          name="EP_mall_id"         value="<%= mallId %>">      <!--  가맹점ID // -->
 	
 	<!--------------------------------->
 	<!-- ::: 결제 정보 -->
 	<!--------------------------------->
 	
-	<input type="hidden" id="EP_pay_type"          	  name="EP_pay_type"           value="11">      <!--  결제수단(신용카드 고정) // -->
-	<input type="hidden" id="EP_window_type"          name="EP_window_type"        value="iframe">      <!--  윈도우타입 (iframe[default], popup) // -->
-	<input type="hidden" id="EP_cert_type"            name="EP_cert_type"          value="">      <!--  인증타입 (일반-"", 인증-"21", 비인증-"22") // -->
+	<input type="hidden" id="EP_pay_type"          	  name="EP_pay_type"           value="<%= payMethod %>">      <!--  결제수단 // -->
+	<input type="hidden" id="EP_window_type"          name="EP_window_type"        value="popup">      <!--  윈도우타입 (iframe[default], popup) // -->
+	<input type="hidden" id="EP_cert_type"            name="EP_cert_type"          value="">      		<!--  인증타입 (일반-"", 인증-"21", 비인증-"22") // -->
 	
 	<!--------------------------------->
 	<!-- ::: 주문 정보 -->
 	<!--------------------------------->
 	
-	<input type="hidden" id="EP_order_no"         	 name="EP_order_no"          value="">      <!--  주문번호 // -->
-	<input type="hidden" id="EP_product_nm"          name="EP_product_nm"        value="">      <!--  상품명 // -->
-	<input type="hidden" id="EP_product_amt"         name="EP_product_amt"       value="">      <!--  상품금액 // -->
+	<input type="hidden" id="EP_order_no"         	 name="EP_order_no"          value="<%= poOrdNo %>">      	<!--  주문번호 // -->
+	<input type="hidden" id="EP_product_nm"          name="EP_product_nm"        value="<%= goodsNm %>">      	<!--  상품명 // -->
+	<input type="hidden" id="EP_product_amt"         name="EP_product_amt"       value="<%= goodsAmt %>">      	<!--  상품금액 // -->
 	
 	<!-- // WEB END -->
 	
@@ -128,17 +139,17 @@
 	<!--------------------------->
 	<!-- ::: 공통 인증 요청 값 -->
 	<!--------------------------->
-	<input type="hidden" id="sp_mall_nm"           name="sp_mall_nm"           value="" />               <!--[선택]가맹점명 -->
-	<input type="hidden" id="sp_order_no"          name="sp_order_no"          value="" />               <!--[필수]가맹점 주문번호(인증응답) -->  
+	<input type="hidden" id="sp_mall_nm"           name="sp_mall_nm"           value="<%= brandNm %>" />               <!--[선택]가맹점명 -->
+	<input type="hidden" id="sp_order_no"          name="sp_order_no"          value="<%= poOrdNo %>" />               <!--[필수]가맹점 주문번호(인증응답) -->  
 	<input type="hidden" id="sp_currency"          name="sp_currency"          value="00" />             <!--[필수]통화코드(수정불가) -->        
-	<input type="hidden" id="sp_return_url"        name="sp_return_url"        value="" />               <!--[필수]가맹점 return URL -->
-	<input type="hidden" id="sp_lang_flag"         name="sp_lang_flag"         value="" />               <!--[선택]언어 -->
+	<input type="hidden" id="sp_return_url"        name="sp_return_url"        value="<%= EP_return_url %>" />         <!--[필수]가맹점 return URL -->
+	<input type="hidden" id="sp_lang_flag"         name="sp_lang_flag"         value="KOR" />               <!--[선택]언어 -->
 	<input type="hidden" id="sp_charset"           name="sp_charset"           value="UTF-8" />          <!--[선택]가맹점 charset -->  
 	<input type="hidden" id="sp_user_id"           name="sp_user_id"           value="" />               <!--[선택]가맹점 고객ID -->
 	<input type="hidden" id="sp_memb_user_no"      name="sp_memb_user_no"      value="" />               <!--[선택]가맹점 고객일련번호 -->
-	<input type="hidden" id="sp_user_nm"           name="sp_user_nm"           value="" />               <!--[선택]가맹점 고객명 -->
-	<input type="hidden" id="sp_user_mail"         name="sp_user_mail"         value="" />               <!--[선택]가맹점 고객 E-mail -->
-	<input type="hidden" id="sp_user_phone1"       name="sp_user_phone1"       value="" />               <!--[선택]가맹점 고객 연락처1 -->
+	<input type="hidden" id="sp_user_nm"           name="sp_user_nm"           value="<%= ordNm %>" />           	<!--[선택]가맹점 고객명 -->
+	<input type="hidden" id="sp_user_mail"         name="sp_user_mail"         value="<%= ordEmail %>" />           <!--[선택]가맹점 고객 E-mail -->
+	<input type="hidden" id="sp_user_phone1"       name="sp_user_phone1"       value="<%= ordTel %>" />             <!--[선택]가맹점 고객 연락처1 -->
 	<input type="hidden" id="sp_user_phone2"       name="sp_user_phone2"       value="" />               <!--[선택]가맹점 고객 연락처2 -->
 	<input type="hidden" id="sp_user_addr"         name="sp_user_addr"         value="" />               <!--[선택]가맹점 고객 주소 -->
 	<input type="hidden" id="sp_user_define1"      name="sp_user_define1"      value="" />               <!--[선택]가맹점 필드1 -->
@@ -151,11 +162,11 @@
 	<input type="hidden" id="sp_product_expr"      name="sp_product_expr"      value="" />               <!--[선택]서비스 기간 -->
 	<input type="hidden" id="sp_app_scheme"        name="sp_app_scheme"        value="" />               <!--[선택]가맹점 APP scheme -->  
 	
-	<input type="hidden" id="sp_mall_id"		   name="sp_mall_id"		   value="" />               <!--[필수]가맹점 ID -->
-	<input type="hidden" id="sp_pay_type"      	   name="sp_pay_type"   	   value="11" />             <!--[필수]결제수단 -->
+	<input type="hidden" id="sp_mall_id"		   name="sp_mall_id"		   value="<%= mallId %>" />               <!--[필수]가맹점 ID -->
+	<input type="hidden" id="sp_pay_type"      	   name="sp_pay_type"   	   value="<%= payMethod %>" />            <!--[필수]결제수단 -->
 	<input type="hidden" id="sp_cert_type"	       name="sp_cert_type"   	   value="" />               <!--[선택]인증타입 -->
-	<input type="hidden" id="sp_product_nm"    	   name="sp_product_nm"   	   value="" />               <!--[필수]상품명 -->
-	<input type="hidden" id="sp_product_amt"   	   name="sp_product_amt"       value="" />               <!--[필수]상품금액 -->
+	<input type="hidden" id="sp_product_nm"    	   name="sp_product_nm"   	   value="<%= goodsNm %>" />              <!--[필수]상품명 -->
+	<input type="hidden" id="sp_product_amt"   	   name="sp_product_amt"       value="<%= goodsAmt %>" />             <!--[필수]상품금액 -->
 	<input type="hidden" id="sp_window_type"       name="sp_window_type"       value="" />               <!--[선택]윈도우타입 -->
 	<input type="hidden" id="sp_disp_cash_yn"      name="sp_disp_cash_yn"      value="" />               <!--[선택]현금영수증 화면표시여부 -->  
 	<input type="hidden" id="sp_kmotion_useyn"     name="sp_kmotion_useyn"     value="" />               <!--[선택]국민앱카드 사용유무 --> 
@@ -225,10 +236,136 @@
 //페이지가 로드되면 실행한다.
 $(document).ready( function() {
 	
-	// alert(isMobile());
+	if (isMobile() || window.innerWidth < 1201 ) {
+		f_mobile_cert();
+	} else {
+	    f_cert();
+	}
 	
 });
 
+/* 인증창 호출, 인증 요청 */
+function f_cert() {
+    var frm_pay = document.frm_pay;
+    
+    /*  주문정보 확인 */
+    if( !frm_pay.EP_order_no.value ) {
+        alert("가맹점주문번호가 존재하지않습니다.");
+        frm_pay.EP_order_no.focus();
+        return;
+    }
+
+    if( !frm_pay.EP_product_amt.value ) {
+        alert("상품금액이 존재하지않습니다.");
+        frm_pay.EP_product_amt.focus();
+        return;
+    } 
+
+    /* UTF-8 사용가맹점의 경우 EP_charset 값 셋팅 필수 */
+    if( frm_pay.EP_charset.value == "UTF-8" ) {
+        // 한글이 들어가는 값은 모두 encoding 필수.
+        frm_pay.EP_mall_nm.value        = encodeURIComponent( frm_pay.EP_mall_nm.value );
+        frm_pay.EP_product_nm.value     = encodeURIComponent( frm_pay.EP_product_nm.value );
+        frm_pay.EP_user_nm.value        = encodeURIComponent( frm_pay.EP_user_nm.value );
+        frm_pay.EP_user_addr.value      = encodeURIComponent( frm_pay.EP_user_addr.value );
+    }
+
+
+    /* 가맹점에서 원하는 인증창 호출 방법을 선택 */
+    if( frm_pay.EP_window_type.value == "iframe" ) {
+        
+    	easypay_webpay(frm_pay,"${contextPath}/easypay/oqpo/oqpo_iframe_req.jsp","hiddenifr","0","0","iframe",30);
+
+        if( frm_pay.EP_charset.value == "UTF-8" ) {
+            // encoding 된 값은 모두 decoding 필수.
+            frm_pay.EP_mall_nm.value        = decodeURIComponent( frm_pay.EP_mall_nm.value );
+            frm_pay.EP_product_nm.value     = decodeURIComponent( frm_pay.EP_product_nm.value );
+            frm_pay.EP_user_nm.value        = decodeURIComponent( frm_pay.EP_user_nm.value );
+            frm_pay.EP_user_addr.value      = decodeURIComponent( frm_pay.EP_user_addr.value );
+        }
+    } else if( frm_pay.EP_window_type.value == "popup" ) {
+    	
+        easypay_webpay(frm_pay,"${contextPath}/easypay/oqpo/oqpo_popup_req.jsp","hiddenifr","","","popup",30);
+
+        if( frm_pay.EP_charset.value == "UTF-8" ) {
+            // encoding 된 값은 모두 decoding 필수.
+            frm_pay.EP_mall_nm.value        = decodeURIComponent( frm_pay.EP_mall_nm.value );
+            frm_pay.EP_product_nm.value     = decodeURIComponent( frm_pay.EP_product_nm.value );
+            frm_pay.EP_user_nm.value        = decodeURIComponent( frm_pay.EP_user_nm.value );
+            frm_pay.EP_user_addr.value      = decodeURIComponent( frm_pay.EP_user_addr.value );
+        }
+    }
+}
+
+/* 인증창 호출, 인증 요청 */
+function f_mobile_cert() {
+    var frm_pay = document.frm_pay;
+    
+    /*  주문정보 확인 */
+    if( !frm_pay.sp_order_no.value ) {
+        alert("가맹점주문번호가 존재하지않습니다.");
+        frm_pay.sp_order_no.focus();
+        return;
+    }
+
+    if( !frm_pay.sp_product_amt.value ) {
+        alert("상품금액이 존재하지않습니다.");
+        frm_pay.sp_product_amt.focus();
+        return;
+    }
+    /* UTF-8 사용가맹점의 경우 EP_charset 값 셋팅 필수 */
+    if( frm_pay.sp_charset.value == "UTF-8" ) {
+        // 한글이 들어가는 값은 모두 encoding 필수.
+        frm_pay.sp_mall_nm.value      = encodeURIComponent( frm_pay.sp_mall_nm.value );
+        frm_pay.sp_product_nm.value   = encodeURIComponent( frm_pay.sp_product_nm.value );
+        frm_pay.sp_user_nm.value      = encodeURIComponent( frm_pay.sp_user_nm.value );
+        frm_pay.sp_user_addr.value    = encodeURIComponent( frm_pay.sp_user_addr.value );
+    }
+
+   	frm_pay.sp_return_url.value = "${contextPath}/easypay/oqpo/mobile_order_res_submit.jsp"; //    	
+    easypay_card_webpay(frm_pay,"${contextPath}/easypay/oqpo/mobile_order_req.jsp","_self","0","0","submit",30);    
+}
+
+function f_submit() {
+    var frm_pay = document.frm_pay;
+
+    frm_pay.target = "_self";
+    frm_pay.action = "${contextPath}/easypay_request.itp";
+	// frm_pay.submit();
+    
+    var param = $('#frm_pay').serializeObject();
+	sNet.call({
+		url		 : '<c:url value="/easypay_request.itp" />',
+		param	 : param,
+		dataType : 'html',
+		isBlock  : true,
+		success	 : function(result){
+			$('.innerHtmlDiv').html(result);
+		}
+	});    
+}
+
+/* 승인 요청 */
+function f_moblie_submit() {
+     var frm_pay = document.frm_pay;
+     
+     // 정상("0000") 일 때 승인요청페이지로 이동.
+     if( frm_pay.sp_res_cd.value == "0000" ) {
+    	 
+         if( frm_pay.sp_charset.value == "UTF-8" ) {
+             // 인증요청 시 인코딩 한 값은 승인요청 시 디코딩 처리해야함.
+             frm_pay.sp_mall_nm.value      = decodeURIComponent( frm_pay.sp_mall_nm.value );
+             frm_pay.sp_product_nm.value   = decodeURIComponent( frm_pay.sp_product_nm.value );
+             frm_pay.sp_user_nm.value      = decodeURIComponent( frm_pay.sp_user_nm.value );
+             frm_pay.sp_user_addr.value    = decodeURIComponent( frm_pay.sp_user_addr.value );
+         }
+         
+         frm_pay.target = "_self";
+         frm_pay.action = "${contextPath}/easypay_request.itp";
+         frm_pay.submit();
+     }
+}
+
 function isMobile() {
     // if we want a more complete list use this: http://detectmobilebrowsers.com/
     // str.test() is more efficent than str.match()

src/main/webapp/easypay/oqpo/oqpo_order_res.jsp

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
+<%
+/* -------------------------------------------------------------------------- */
+/* 캐쉬 사용안함                                                              */
+/* -------------------------------------------------------------------------- */
+response.setHeader("cache-control","no-cache");
+response.setHeader("expires","-1");
+response.setHeader("pragma","no-cache");
+
+request.setCharacterEncoding("utf-8");
+%>
+<c:set var="contextPath" value="${pageContext.request.contextPath}" /> 
+<html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
+<script>
+    window.onload = function()
+    {
+        /* UTF-8 사용가맹점의 경우 한글이 들어가는 값은 모두 decoding 필수 */
+        var res_msg = urldecode( "<%=request.getParameter("EP_res_msg") %>" );
+
+        if(window.opener != null)
+        {
+            window.opener.document.getElementById("EP_res_cd").value         = "<%=request.getParameter("EP_res_cd") %>";           // 응답코드
+            window.opener.document.getElementById("EP_res_msg").value        = res_msg;                                             // 응답메세지
+            window.opener.document.getElementById("EP_tr_cd").value          = "<%=request.getParameter("EP_tr_cd") %>";            // 결제 요청구분
+            window.opener.document.getElementById("EP_ret_pay_type").value   = "<%=request.getParameter("EP_ret_pay_type") %>";     // 결제수단
+            window.opener.document.getElementById("EP_ret_complex_yn").value = "<%=request.getParameter("EP_ret_complex_yn") %>";   // 복합결제 여부 (Y/N)
+            window.opener.document.getElementById("EP_card_code").value      = "<%=request.getParameter("EP_card_code") %>";        // 카드코드 (ISP:KVP카드코드 MPI:카드코드)
+            window.opener.document.getElementById("EP_eci_code").value       = "<%=request.getParameter("EP_eci_code") %>";         // MPI인 경우 ECI코드
+            window.opener.document.getElementById("EP_card_req_type").value  = "<%=request.getParameter("EP_card_req_type") %>";    // 거래구분 (0:일반, 1:ISP, 2:MPI, 3:UPOP)
+            window.opener.document.getElementById("EP_save_useyn").value     = "<%=request.getParameter("EP_save_useyn") %>";       // 카드사 세이브 여부 (Y/N)
+            window.opener.document.getElementById("EP_trace_no").value       = "<%=request.getParameter("EP_trace_no") %>";         // 추적번호
+            window.opener.document.getElementById("EP_sessionkey").value     = "<%=request.getParameter("EP_sessionkey") %>";       // 세션키
+            window.opener.document.getElementById("EP_encrypt_data").value   = "<%=request.getParameter("EP_encrypt_data") %>";     // 암호화전문
+            window.opener.document.getElementById("EP_spay_cp").value        = "<%=request.getParameter("EP_spay_cp") %>";          // 간편결제 CP 코드
+            window.opener.document.getElementById("EP_card_prefix").value    = "<%=request.getParameter("EP_card_prefix") %>";      // 신용카드prefix
+            window.opener.document.getElementById("EP_card_no_7").value      = "<%=request.getParameter("EP_card_no_7") %>";        // 신용카드 앞 7자리
+
+            if( "<%=request.getParameter("EP_res_cd") %>" == "0000" )
+            {
+            	alert('>>>>>>>>>>>>>>');
+                window.opener.f_submit();
+            }
+            else
+            {
+                alert( "<%=request.getParameter("EP_res_cd") %> : " + res_msg );
+            }
+
+            self.close();
+        }
+        else
+        {
+            window.parent.document.getElementById("EP_res_cd").value         = "<%=request.getParameter("EP_res_cd") %>";           // 응답코드
+            window.parent.document.getElementById("EP_res_msg").value        = res_msg;                                             // 응답메세지
+            window.parent.document.getElementById("EP_tr_cd").value          = "<%=request.getParameter("EP_tr_cd") %>";            // 결제 요청구분
+            window.parent.document.getElementById("EP_ret_pay_type").value   = "<%=request.getParameter("EP_ret_pay_type") %>";     // 결제수단
+            window.parent.document.getElementById("EP_ret_complex_yn").value = "<%=request.getParameter("EP_ret_complex_yn") %>";   // 복합결제 여부 (Y/N)
+            window.parent.document.getElementById("EP_card_code").value      = "<%=request.getParameter("EP_card_code") %>";        // 카드코드 (ISP:KVP카드코드 MPI:카드코드)
+            window.parent.document.getElementById("EP_eci_code").value       = "<%=request.getParameter("EP_eci_code") %>";         // MPI인 경우 ECI코드
+            window.parent.document.getElementById("EP_card_req_type").value  = "<%=request.getParameter("EP_card_req_type") %>";    // 거래구분 (0:일반, 1:ISP, 2:MPI, 3:UPOP)
+            window.parent.document.getElementById("EP_save_useyn").value     = "<%=request.getParameter("EP_save_useyn") %>";       // 카드사 세이브 여부 (Y/N)
+            window.parent.document.getElementById("EP_trace_no").value       = "<%=request.getParameter("EP_trace_no") %>";         // 추적번호
+            window.parent.document.getElementById("EP_sessionkey").value     = "<%=request.getParameter("EP_sessionkey") %>";       // 세션키
+            window.parent.document.getElementById("EP_encrypt_data").value   = "<%=request.getParameter("EP_encrypt_data") %>";     // 암호화전문
+            window.parent.document.getElementById("EP_spay_cp").value        = "<%=request.getParameter("EP_spay_cp") %>";          // 간편결제 CP 코드
+            window.parent.document.getElementById("EP_card_prefix").value    = "<%=request.getParameter("EP_card_prefix") %>";      // 신용카드prefix
+            window.parent.document.getElementById("EP_card_no_7").value      = "<%=request.getParameter("EP_card_no_7") %>";        // 신용카드 앞 7자리
+
+            if( "<%=request.getParameter("EP_res_cd") %>" == "0000" )
+            {
+                window.parent.f_submit();
+            }
+            else
+            {
+                alert( "<%=request.getParameter("EP_res_cd") %> : " + res_msg );
+            }
+
+            window.parent.kicc_popup_close();
+        }
+    }
+
+	function urldecode( str )
+    {
+        // 공백 문자인 + 를 처리하기 위해 +('%20') 을 공백으로 치환
+        return decodeURIComponent((str + '').replace(/\+/g, '%20'));
+    }
+
+</script>
+<title>오더퀸 수발주 결제하기</title>
+</head>
+<body>
+</body>
+</html>

src/main/webapp/easypay/oqpo/oqpo_popup_req.jsp

@@ -0,0 +1,96 @@
+<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<%
+/* -------------------------------------------------------------------------- */
+/* 캐쉬 사용안함                                                              */
+/* -------------------------------------------------------------------------- */
+response.setHeader("cache-control","no-cache");
+response.setHeader("expires","-1");
+response.setHeader("pragma","no-cache");
+
+request.setCharacterEncoding("utf-8");
+
+String kiccActionWebUrl = request.getParameter("kiccActionWebUrl");
+%>
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
+<head>
+<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
+<meta name="robots" content="noindex, nofollow" />
+<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
+<script type="text/javascript">
+    function change(url)
+    {
+        document.getElementById("main").src = url;
+    }
+
+    function resizeHeight(fr)
+    {
+        var new_height = window.frames[0].document.body.scrollHeight;
+        if(new_height < 500)
+        {
+            fr.height = 500;
+        }
+        else
+        {
+            fr.height=new_height;
+        }
+    }
+
+    function f_submit()
+    {
+        var frm = document.frm;
+        frm.target = "hiddenifr";
+        frm.submit();
+    }
+</script>
+<title>오더퀸 수발주 결제하기</title>
+</head>
+<body onload="f_submit();">
+    <form name="frm" method="post" action="<%= kiccActionWebUrl %>">   <!-- 테스트 -->
+    <!--form name="frm" method="post" action="https://pg.easypay.co.kr/webpay/MainAction.do"--> <!-- 운영 -->
+        <input type="hidden" id="EP_mall_id"           name="EP_mall_id"            value="<%=request.getParameter("EP_mall_id") %>" />
+        <input type="hidden" id="EP_mall_nm"           name="EP_mall_nm"            value="<%=request.getParameter("EP_mall_nm") %>" />
+        <input type="hidden" id="EP_order_no"          name="EP_order_no"           value="<%=request.getParameter("EP_order_no") %>" />
+        <input type="hidden" id="EP_pay_type"          name="EP_pay_type"           value="<%=request.getParameter("EP_pay_type") %>" />
+        <input type="hidden" id="EP_currency"          name="EP_currency"           value="<%=request.getParameter("EP_currency") %>" />
+        <input type="hidden" id="EP_product_nm"        name="EP_product_nm"         value="<%=request.getParameter("EP_product_nm") %>" />
+        <input type="hidden" id="EP_product_amt"       name="EP_product_amt"        value="<%=request.getParameter("EP_product_amt") %>" />
+        <input type="hidden" id="EP_return_url"        name="EP_return_url"         value="<%=request.getParameter("EP_return_url") %>" />
+        <input type="hidden" id="EP_ci_url"            name="EP_ci_url"             value="<%=request.getParameter("EP_ci_url") %>" />
+        <input type="hidden" id="EP_lang_flag"         name="EP_lang_flag"          value="<%=request.getParameter("EP_lang_flag") %>" />
+        <input type="hidden" id="EP_charset"           name="EP_charset"            value="<%=request.getParameter("EP_charset") %>" />
+        <input type="hidden" id="EP_user_id"           name="EP_user_id"            value="<%=request.getParameter("EP_user_id") %>" />
+        <input type="hidden" id="EP_memb_user_no"      name="EP_memb_user_no"       value="<%=request.getParameter("EP_memb_user_no") %>" />
+        <input type="hidden" id="EP_user_nm"           name="EP_user_nm"            value="<%=request.getParameter("EP_user_nm") %>" />
+        <input type="hidden" id="EP_user_mail"         name="EP_user_mail"          value="<%=request.getParameter("EP_user_mail") %>" />
+        <input type="hidden" id="EP_user_phone1"       name="EP_user_phone1"        value="<%=request.getParameter("EP_user_phone1") %>" />
+        <input type="hidden" id="EP_user_phone2"       name="EP_user_phone2"        value="<%=request.getParameter("EP_user_phone2") %>" />
+        <input type="hidden" id="EP_user_addr"         name="EP_user_addr"          value="<%=request.getParameter("EP_user_addr") %>" />
+        <input type="hidden" id="EP_user_define1"      name="EP_user_define1"       value="<%=request.getParameter("EP_user_define1") %>" />
+        <input type="hidden" id="EP_user_define2"      name="EP_user_define2"       value="<%=request.getParameter("EP_user_define2") %>" />
+        <input type="hidden" id="EP_user_define3"      name="EP_user_define3"       value="<%=request.getParameter("EP_user_define3") %>" />
+        <input type="hidden" id="EP_user_define4"      name="EP_user_define4"       value="<%=request.getParameter("EP_user_define4") %>" />
+        <input type="hidden" id="EP_user_define5"      name="EP_user_define5"       value="<%=request.getParameter("EP_user_define5") %>" />
+        <input type="hidden" id="EP_user_define6"      name="EP_user_define6"       value="<%=request.getParameter("EP_user_define6") %>" />
+        <input type="hidden" id="EP_product_type"      name="EP_product_type"       value="<%=request.getParameter("EP_product_type") %>" />
+        <input type="hidden" id="EP_product_expr"      name="EP_product_expr"       value="<%=request.getParameter("EP_product_expr") %>" />
+        <input type="hidden" id="EP_usedcard_code"     name="EP_usedcard_code"      value="<%=request.getParameter("EP_usedcard_code") %>" />
+        <input type="hidden" id="EP_quota"             name="EP_quota"              value="<%=request.getParameter("EP_quota") %>" />
+        <input type="hidden" id="EP_os_cert_flag"      name="EP_os_cert_flag"       value="<%=request.getParameter("EP_os_cert_flag") %>" />
+        <input type="hidden" id="EP_noinst_flag"       name="EP_noinst_flag"        value="<%=request.getParameter("EP_noinst_flag") %>" />
+        <input type="hidden" id="EP_noinst_term"       name="EP_noinst_term"        value="<%=request.getParameter("EP_noinst_term") %>" />
+        <input type="hidden" id="EP_set_point_card_yn" name="EP_set_point_card_yn"  value="<%=request.getParameter("EP_set_point_card_yn") %>" />
+        <input type="hidden" id="EP_point_card"        name="EP_point_card"         value="<%=request.getParameter("EP_point_card") %>" />
+        <input type="hidden" id="EP_join_cd"           name="EP_join_cd"            value="<%=request.getParameter("EP_join_cd") %>" />
+        <input type="hidden" id="EP_kmotion_useyn"     name="EP_kmotion_useyn"      value="<%=request.getParameter("EP_kmotion_useyn") %>" />
+        <input type="hidden" id="EP_vacct_bank"        name="EP_vacct_bank"         value="<%=request.getParameter("EP_vacct_bank") %>" />
+        <input type="hidden" id="EP_vacct_end_date"    name="EP_vacct_end_date"     value="<%=request.getParameter("EP_vacct_end_date") %>" />
+        <input type="hidden" id="EP_vacct_end_time"    name="EP_vacct_end_time"     value="<%=request.getParameter("EP_vacct_end_time") %>" />
+        <input type="hidden" id="EP_prepaid_cp"        name="EP_prepaid_cp"         value="<%=request.getParameter("EP_prepaid_cp") %>"     />
+        <input type="hidden" id="EP_disp_cash_yn"      name="EP_disp_cash_yn"       value="<%=request.getParameter("EP_disp_cash_yn") %>" />  
+        <input type="hidden" id="EP_cert_type"         name="EP_cert_type"          value="<%=request.getParameter("EP_cert_type") %>" />  
+        
+    </form>
+    <iframe id="hiddenifr" name="hiddenifr" width="100%" frameborder="0" src="./iframe_req.jsp" scrolling="0" onload="resizeHeight(this)" />
+</body>
+</html> 

src/main/webapp/js/app/loanmng/ITP_LOANMNG03010.js

@@ -466,6 +466,7 @@ let viewObj = {
 			// 결제 팝업 결과
 			var popFn = function(rowDataPop) {
 				console.log(JSON.stringify(rowDataPop));
+				listObj.grid.search();
 			};			
 			// 결제 팝업
 			// 결제타입코드 : 10(선불(충전)), 20(후불(결제)), 30(후불(선결제))			

src/main/webapp/js/app/popup/biz/ITP_BIZPOP_PO_PAYMENT.js

@@ -7,9 +7,12 @@ require(['config'], function() {
 });
 
 let EASYPAY_PAYMENT_CREATE = '/api/easypay/payment/create'; // 이지페이 결제 생성
+let EASYPAY_PAYMENT_REQUEST = '/api/easypay/payment/request';
+
 let KICC_JAVASCRIPT_URL;
 let KICC_ACTION_WEB_URL;
 let MALL_ID;
+let RETURN_URL;
 
 var popPageObj = {
 	init: function () {
@@ -33,6 +36,7 @@ var popPageObj = {
 	view: function() {
 		$('#ITP_FORM_PO_PAYMENT_POPUP_PAY_TP_CD').val(popPageObj.args.payTpCd);
 		$('#ITP_FORM_PO_PAYMENT_POPUP_BRAND_ID').val(popPageObj.args.brandId);
+		$('#ITP_FORM_PO_PAYMENT_POPUP_BRAND_NM').val(fn_make_user_info.get('brandNm'));
 		$('#ITP_FORM_PO_PAYMENT_POPUP_STORE_ID').val(popPageObj.args.storeId);
 		
 		// 결제타입코드 : 10(선불(충전)), 20(후불(결제)), 30(후불(선결제))
@@ -67,10 +71,94 @@ var popPageObj = {
 			KICC_JAVASCRIPT_URL = result.kicc_javascript_url;
             KICC_ACTION_WEB_URL = result.kicc_action_web_url;
 			MALL_ID = result.mallId;
+			RETURN_URL = window.location.href.replace('main.html', 'easypay/oqpo/oqpo_order_res.jsp');
+			
+			const js = '<script src="'+KICC_JAVASCRIPT_URL+'"></script>';
+	        $('#ITP_ASIDE #ITP_BIZPOP_PO_PAYMENT #ITP_POPUP_KICC_JS').empty();
+	        $('#ITP_ASIDE #ITP_BIZPOP_PO_PAYMENT #ITP_POPUP_KICC_JS').append(js);
 			
 			console.log('KICC_JAVASCRIPT_URL : ' + KICC_JAVASCRIPT_URL);
             console.log('KICC_ACTION_WEB_URL : ' + KICC_ACTION_WEB_URL);
 			console.log('MALL_ID : ' + MALL_ID);
+			console.log('RETURN_URL : ' + RETURN_URL);
+			
+			var frm_pay = document.frm_pay;
+
+			/*--웹 결제--*/
+		    /*--공통--*/        
+		    frm_pay.kiccActionWebUrl.value  = KICC_ACTION_WEB_URL;       						  
+		    frm_pay.EP_mall_id.value        = MALL_ID;       						   //가맹점 ID
+		    frm_pay.EP_mall_nm.value        = fn_make_user_info.get('brandNm');		   //가맹점명
+		    frm_pay.EP_order_no.value       = result.poOrdNo;   					   //가맹점 주문번호    
+		                                                                               //결제수단(select)
+		    frm_pay.EP_currency.value       = "00";                                    //통화코드 : 00-원
+		    frm_pay.EP_product_nm.value     = result.goodsNm;				   		   //상품명
+		    frm_pay.EP_product_amt.value    = $('#ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT').val();	//상품금액
+		                                                                               //가맹점 return_url(윈도우 타입 선택 시, 분기)
+		    frm_pay.EP_lang_flag.value      = "KOR"                                    //언어: KOR / ENG
+		    frm_pay.EP_charset.value        = "UTF-8"                                  //가맹점 Charset: EUC-KR(default) / UTF-8
+		    frm_pay.EP_user_id.value        = "";		                               //가맹점 고객 ID
+		    frm_pay.EP_memb_user_no.value   = "";			                           //가맹점 고객 일련번호
+		    frm_pay.EP_user_nm.value        = result.ordNm;						   	   //가맹점 고객명
+		    frm_pay.EP_user_mail.value      = result.ordEmail;                     	   //가맹점 고객 이메일
+		    frm_pay.EP_user_phone1.value    = result.ordTel;                       	   //가맹점 고객 번호1
+		    frm_pay.EP_user_phone2.value    = "";			                           //가맹점 고객 번호2
+		    frm_pay.EP_user_addr.value      = "";      								   //가맹점 고객 주소
+		    frm_pay.EP_product_type.value   = "0";                                     //상품정보구분 : 0-실물, 1-서비스
+		    frm_pay.EP_product_expr.value   = "";             				           //서비스기간 : YYYYMMDD
+		    frm_pay.EP_return_url.value     = RETURN_URL;  							   // Return 받을 URL (HTTP부터 입력)
+		                                    
+		    /*--신용카드--*/                    
+		    frm_pay.EP_usedcard_code.value  = "";                                      //사용가능한 카드 LIST
+		    frm_pay.EP_quota.value          = "";                                      //할부개월
+		
+		                                                                               //무이자 여부(Y/N) (select)   
+		    frm_pay.EP_noinst_term.value    = "";		                               //무이자기간
+		                                                                               //카드사포인트 사용여부(select) 
+		    frm_pay.EP_point_card.value     = "";	                                   //포인트카드 LIST
+		                                                                               //조인코드(select)
+		                                                                               //국민 앱카드 사용(select)                                                                                  
+		                                                                                                               
+		    /*--가상계좌--*/
+		    frm_pay.EP_vacct_bank.value     = "";                                      //가상계좌 사용가능한 은행 LIST 
+		    frm_pay.EP_vacct_end_date.value = "";		                               //입금 만료 날짜
+		    frm_pay.EP_vacct_end_time.value = "";        	                           //입금 만료 시간
+		    
+			/*--모바일 결제--*/
+		    /*--공통--*/        
+		    frm_pay.sp_mall_id.value        = MALL_ID;    							   //가맹점 ID
+		    frm_pay.sp_mall_nm.value        = fn_make_user_info.get('brandNm');		   //가맹점명
+		    frm_pay.sp_order_no.value       = result.poOrdNo;  						   //가맹점 주문번호    
+		                                                                               //결제수단(select)
+		    frm_pay.sp_currency.value       = "00";                                    //통화코드 : 00-원
+		    frm_pay.sp_product_nm.value     = result.goodsNm;               	   	   //상품명
+		    frm_pay.sp_product_amt.value    = $('#ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT').val(); 	//상품금액
+		                                                                               //가맹점 return_url(윈도우 타입 선택 시, 분기)
+		    frm_pay.sp_lang_flag.value      = "KOR"                                    //언어: KOR / ENG
+		    frm_pay.sp_charset.value        = "UTF-8"                                  //가맹점 Charset: EUC-KR(default) / UTF-8
+		    frm_pay.sp_user_id.value        = "";           	                       //가맹점 고객 ID
+		    frm_pay.sp_memb_user_no.value   = "";                 		  	           //가맹점 고객 일련번호
+		    frm_pay.sp_user_nm.value        = result.ordNm;                            //가맹점 고객명
+		    frm_pay.sp_user_mail.value      = result.ordEmail;                         //가맹점 고객 이메일
+		    frm_pay.sp_user_phone1.value    = result.ordTel;                           //가맹점 고객 번호1
+		    frm_pay.sp_user_phone2.value    = "";              				           //가맹점 고객 번호2
+		    frm_pay.sp_user_addr.value      = "";  									   //가맹점 고객 주소
+		    frm_pay.sp_product_type.value   = "0";                                     //상품정보구분 : 0-실물, 1-서비스
+		    frm_pay.sp_product_expr.value   = "";									   //서비스기간 : YYYYMMDD
+		    frm_pay.sp_app_scheme.value     = "";                                      //가맹점 app scheme : 모바일app으로 서비스시 필수
+		                                    
+		    /*--신용카드--*/                    
+		    frm_pay.sp_usedcard_code.value  = "";                                      //사용가능한 카드 LIST
+		    frm_pay.sp_quota.value          = "";                                      //할부개월
+		                                                                               //무이자 여부(Y/N) (select)   
+		    frm_pay.sp_noinst_term.value    = "";		                               //무이자기간
+		                                                                               //카드사포인트 사용여부(select) 
+		    frm_pay.sp_point_card.value     = "";         		                       //포인트카드 LIST
+		                                                                               //조인코드(select)
+		    /*--가상계좌--*/                        
+		    frm_pay.sp_vacct_bank.value     = "";                                      //가상계좌 사용가능한 은행 LIST 
+		    frm_pay.sp_vacct_end_date.value = "";               		               //입금 만료 날짜
+		    frm_pay.sp_vacct_end_time.value = "";                       	           //입금 만료 시간
 			
 		}, 'POST');
 	}, 
@@ -88,12 +176,148 @@ var popPageObj = {
 			// popPageObj.parentPopFn(sttlRjctRsn);
 			// $('#ITP_BIZPOP_PO_PAYMENT').modal('hide'); // 팝업닫기
 			
-			$(formId).attr('action', '/oqpo-view/easypay/oqpo/oqpo_order.jsp');
-			$(formId).submit();
+			// $(formId).attr('action', '/oqpo-view/easypay/oqpo/oqpo_order.jsp');
+			// $(formId).submit();
+			
+			var frm_pay = document.frm_pay;
+			frm_pay.EP_pay_type.value       = $('#ITP_FORM_PO_PAYMENT_POPUP_PAY_METHOD').val();  	// 결제방법
+			frm_pay.EP_product_amt.value    = $('#ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT').val();  	// 결제금액			
+			frm_pay.EP_user_phone1.value    = $('#ITP_FORM_PO_PAYMENT_POPUP_ORD_TEL').val();  		// 휴대폰
+			frm_pay.EP_user_mail.value      = $('#ITP_FORM_PO_PAYMENT_POPUP_ORD_EMAIL').val();  	// 이메일
+			frm_pay.sp_product_amt.value    = $('#ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT').val();  	// 결제금액			
+			frm_pay.sp_user_phone1.value    = $('#ITP_FORM_PO_PAYMENT_POPUP_ORD_TEL').val();  		// 휴대폰
+			frm_pay.sp_user_mail.value      = $('#ITP_FORM_PO_PAYMENT_POPUP_ORD_EMAIL').val();  	// 이메일
+			
+			if (isMobile() || window.innerWidth < 1201 ) {
+				f_mobile_cert();
+			} else {
+			    f_cert();
+			}
 		}
 	} 
 };
 
+/* 인증창 호출, 인증 요청 */
+function f_cert() {
+    var frm_pay = document.frm_pay;
+    
+    /*  주문정보 확인 */
+    if( !frm_pay.EP_order_no.value ) {
+        alert("가맹점주문번호가 존재하지않습니다.");
+        frm_pay.EP_order_no.focus();
+        return;
+    }
+
+    if( !frm_pay.EP_product_amt.value ) {
+        alert("상품금액이 존재하지않습니다.");
+        frm_pay.EP_product_amt.focus();
+        return;
+    } 
+
+    /* UTF-8 사용가맹점의 경우 EP_charset 값 셋팅 필수 */
+    if( frm_pay.EP_charset.value == "UTF-8" ) {
+        // 한글이 들어가는 값은 모두 encoding 필수.
+        frm_pay.EP_mall_nm.value        = encodeURIComponent( frm_pay.EP_mall_nm.value );
+        frm_pay.EP_product_nm.value     = encodeURIComponent( frm_pay.EP_product_nm.value );
+        frm_pay.EP_user_nm.value        = encodeURIComponent( frm_pay.EP_user_nm.value );
+        frm_pay.EP_user_addr.value      = encodeURIComponent( frm_pay.EP_user_addr.value );
+    }
+
+    /* 가맹점에서 원하는 인증창 호출 방법을 선택 */
+    if( frm_pay.EP_window_type.value == "iframe" ) {
+	
+    	easypay_webpay(frm_pay,"/oqpo-view/easypay/oqpo/oqpo_iframe_req.jsp","hiddenifr","0","0","iframe",30);
+
+        if( frm_pay.EP_charset.value == "UTF-8" ) {
+            // encoding 된 값은 모두 decoding 필수.
+            frm_pay.EP_mall_nm.value        = decodeURIComponent( frm_pay.EP_mall_nm.value );
+            frm_pay.EP_product_nm.value     = decodeURIComponent( frm_pay.EP_product_nm.value );
+            frm_pay.EP_user_nm.value        = decodeURIComponent( frm_pay.EP_user_nm.value );
+            frm_pay.EP_user_addr.value      = decodeURIComponent( frm_pay.EP_user_addr.value );
+        }
+    } else if( frm_pay.EP_window_type.value == "popup" ) {
+    	
+        easypay_webpay(frm_pay,"/oqpo-view/easypay/oqpo/oqpo_popup_req.jsp","hiddenifr","","","popup",30);
+
+        if( frm_pay.EP_charset.value == "UTF-8" ) {
+            // encoding 된 값은 모두 decoding 필수.
+            frm_pay.EP_mall_nm.value        = decodeURIComponent( frm_pay.EP_mall_nm.value );
+            frm_pay.EP_product_nm.value     = decodeURIComponent( frm_pay.EP_product_nm.value );
+            frm_pay.EP_user_nm.value        = decodeURIComponent( frm_pay.EP_user_nm.value );
+            frm_pay.EP_user_addr.value      = decodeURIComponent( frm_pay.EP_user_addr.value );
+        }
+    }
+}
+
+/* 인증창 호출, 인증 요청 */
+function f_mobile_cert() {
+    var frm_pay = document.frm_pay;
+    
+    /*  주문정보 확인 */
+    if( !frm_pay.sp_order_no.value ) {
+        alert("가맹점주문번호가 존재하지않습니다.");
+        frm_pay.sp_order_no.focus();
+        return;
+    }
+
+    if( !frm_pay.sp_product_amt.value ) {
+        alert("상품금액이 존재하지않습니다.");
+        frm_pay.sp_product_amt.focus();
+        return;
+    }
+    /* UTF-8 사용가맹점의 경우 EP_charset 값 셋팅 필수 */
+    if( frm_pay.sp_charset.value == "UTF-8" ) {
+        // 한글이 들어가는 값은 모두 encoding 필수.
+        frm_pay.sp_mall_nm.value      = encodeURIComponent( frm_pay.sp_mall_nm.value );
+        frm_pay.sp_product_nm.value   = encodeURIComponent( frm_pay.sp_product_nm.value );
+        frm_pay.sp_user_nm.value      = encodeURIComponent( frm_pay.sp_user_nm.value );
+        frm_pay.sp_user_addr.value    = encodeURIComponent( frm_pay.sp_user_addr.value );
+    }
+
+   	frm_pay.sp_return_url.value = "/oqpo-view/easypay/oqpo/mobile_order_res_submit.jsp"; //    	
+    easypay_card_webpay(frm_pay,"/oqpo-view/easypay/oqpo/mobile_order_req.jsp","_self","0","0","submit",30);    
+}
+
+/* 승인 요청 */
+function f_submit() {
+		
+	let param = $('#frm_pay').serializeObject();	
+	fn_ajax_call(EASYPAY_PAYMENT_REQUEST, JSON.stringify(param), function() {
+		
+		$('#ITP_BIZPOP_PO_PAYMENT').modal('hide'); // 팝업닫기
+		
+	}, 'POST');	
+}
+
+/* 모바일 승인 요청 */
+function f_moblie_submit() {
+     var frm_pay = document.frm_pay;
+     
+     // 정상("0000") 일 때 승인요청페이지로 이동.
+     if( frm_pay.sp_res_cd.value == "0000" ) {
+    	 
+         if( frm_pay.sp_charset.value == "UTF-8" ) {
+             // 인증요청 시 인코딩 한 값은 승인요청 시 디코딩 처리해야함.
+             frm_pay.sp_mall_nm.value      = decodeURIComponent( frm_pay.sp_mall_nm.value );
+             frm_pay.sp_product_nm.value   = decodeURIComponent( frm_pay.sp_product_nm.value );
+             frm_pay.sp_user_nm.value      = decodeURIComponent( frm_pay.sp_user_nm.value );
+             frm_pay.sp_user_addr.value    = decodeURIComponent( frm_pay.sp_user_addr.value );
+         }
+         
+         frm_pay.target = "_self";
+         // frm_pay.action = "${contextPath}/easypay_request.itp";
+         // frm_pay.submit();
+     }
+}
+
+function isMobile() {
+    // if we want a more complete list use this: http://detectmobilebrowsers.com/
+    // str.test() is more efficent than str.match()
+    // remember str.test is case sensitive
+    var isMobile = (/iphone|ipod|android|ie|blackberry|fennec/).test(navigator.userAgent.toLowerCase());
+    return isMobile;
+}
+
 function itp_fn_BIZPOP_PO_PAYMENT(parentPopFn, args, returnType) {
 	$('#ITP_BIZPOP_PO_PAYMENT').one('shown.bs.modal', function(e) {
 		itp_fn_fire_window_resize();

src/main/webapp/mobile/app/mcollmng/MCOLLMNG02010.html

@@ -1,237 +1,249 @@
-<section>
-  <div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: block;">
-    <div class="content">
-      <div class="line">
-        <label>수거장소</label>
-        <div class="search_wrap">
-	        <div class="float_left">
-	          <input id="ITP_FORM_MCOLLMNG02010_VIEW" type="text" placeholder="A매장명">
-	        </div>
-	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MCOLLMNG02010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MCOLLMNG02010"><img src="../img/delete.png" alt=""></button>
-       		</div>
-        </div>
-      </div>
-      <div class="line">
-        <label>수거요청일</label>
-        <div class="date_to">
-          <input id="ITP_FORM_MCOLLMNG02010_VIEW" class="year" type="date">
-          <div class="at">~</div>
-          <input id="ITP_FORM_MCOLLMNG02010_VIEW" class="year" type="date">
-        </div>
-      </div>
-      <div class="line">
-        <select class="label" name="" id="ITP_FORM_MCOLLMNG02010_VIEW">
-          <option value="">발주번호/품목명</option>
-        </select>
-        <div class="search_wrap">
-          <input id="ITP_FORM_MCOLLMNG02010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
-        </div>
-      </div>
-      <div class="line" style="height:45px;">
-        <div class="search">
-          <button id="ITP_BTN_MCOLLMNG02010" id="" class="btn-primary btn-sm ADB">검색</button>
-        </div>
-      </div>
-      <div class="table_header">
-        <h1>> 수거수주 내역</h1>
-      </div>
-    </div>
-    <div class="scroll_area row-2">
-      <li class="history_list3">
-        <div>
-          <div class="left">
-            <div class="nomal">
-              <label class="col_0">브랜드명 &nbsp;:</label>
-              <div class="space1">
-                <div class="fn">브랜드명</div>
-              </div>
-              <label class="col_0">반품발주번호&nbsp;:</label>
-              <div>
-                <div class="fn">PO1234123</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label class="col_0">반품발주항번 &nbsp;:</label>
-              <div class="col_5">
-                <div class="col_5 fn">1</div>
-              </div>
-              <label class="col_0">수거요청일 &nbsp;:</label>
-              <div class="space1">
-                <div class="fn">2022.10.09</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label class="col_0">수거장소&nbsp;:</label>
-              <div class="space1">
-                <div class="fn">A창고</div>
-              </div>
-              <label class="col_0">품목번호 &nbsp;:</label>
-              <div class="space1">
-                <div class="fn">asdf1324</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label class="col_1">품목명 &nbsp;:</label>
-              <div class="space1">
-                <div class="fn">asdf1324</div>
-              </div>
-              <label class="col_0">수거수량&nbsp;:</label>
-              <div>
-                <div class="fn">3개</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label class="col_0">단가금액 &nbsp;:</label>
-              <div class="col_5">
-                <div class="col_5 fn">1,000원</div>
-              </div>
-              <label class="col_0">수거금액&nbsp;:</label>
-              <div class="space0">
-                <div class="fn">20,000원</div>
-              </div>
-              <div class="scroll_btn">
-                <button id="ITP_BTN_MCOLLMNG02010">선택</button>
-              </div>
-            </div>
-          </div>
-        </div>
-      </li>
-      <div class="button_bar">
-        <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_6 btn-primary IVC">수거서생성</button>
-        <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
-      </div>
-    </div>
-  </div>
-  <div id="ITP_AJAX_MCOLLMNG02010_DETAIL_CONTAINER" style="display: none;">
-    <div class="content">
-      <div class="line">
-        <label>브랜드명</label>
-        <div class="line_right">
-          <div class="fn">A브랜드명</div>
-        </div>      
-      </div>
-      <div class="line">
-        <label>반품발주번호</label>
-        <div class="line_right">
-          <div class="fn">PO12345678</div>
-        </div>      
-      </div>
-      <div class="line">
-        <label class="col_6">수거서생성일자</label>
-        <div class="line_right">
-          <div class="fn">2022.10.09</div>
-        </div>      
-      </div>
-      <div class="line">
-        <label>수거총금액</label>
-        <div class="line_right">
-          <div class="fn">600,000원</div>
-        </div>      
-      </div>
-      <div class="line">
-        <label>수거장소</label>
-        <div class="line_right">
-          <div class="fn">A창고</div>
-        </div>      
-      </div>
-      <div class="line">
-        <label class="col_6">수거장소연락처</label>
-        <div class="line_right">
-          <div class="fn">02-0202-4544</div>
-        </div>      
-      </div>
-      <div class="line">
-        <label>수거담당자</label>
-        <div class="line_right">
-          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:100px;margin-right: 5px;" placeholder="이름">
-          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:140px;margin-right: 10px;" placeholder="연락처">
-        </div>
-      </div>
-      <div class="table_header">
-        <h1>> 수거수주 상세 내역</h1>
-      </div>
-    </div>
-    <div class="scroll_area row-5">
-      <li class="history_list2">
-        <div>
-          <div class="left">
-            <div class="nomal">
-              <label>발주항번 &nbsp;:</label>
-              <div class="space2">
-                <div class="fn">1</div>
-              </div>
-              <label class="col_0">품목아이디&nbsp;:</label>
-              <div class="space2">
-                <div class="fn">asdf1234</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label>품목명 &nbsp;:</label>
-              <div class="space2">
-                <div class="fn">커피원두</div>
-              </div>
-              <label>가격단위&nbsp;:</label>
-              <div class="space2">
-                <div class="fn">1</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label>단가 &nbsp;:</label>
-              <div>
-                <div class="fn">5,000원</div>
-              </div>
-              <label>단위&nbsp;:</label>
-              <div>
-                <div class="fn">Kg</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label>수거수량 &nbsp;:</label>
-              <div>
-                <input id="ITP_FORM_MCOLLMNG02010_DETAIL" type="text">
-              </div>
-              <label>수거일자&nbsp;:</label>
-              <div>
-                <input id="ITP_FORM_MCOLLMNG02010_DETAIL" type="text">
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label>수거구분 &nbsp;:</label>
-              <div>
-                <select style="width:85px" name="" id="ITP_FORM_MCOLLMNG02010_DETAIL">
-                  <option value=""></option>
-                </select>
-              </div>
-              <label>비고 &nbsp;:</label>
-              <div class="space2">
-                <input id="ITP_FORM_MCOLLMNG02010_DETAIL" type="text">
-              </div>
-            </div>
-          </div>
-        </div>
-      </li>
-    </div>
-    <div class="button_bar">
-      <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_6 btn-primary CRT">생성</button>
-      <button id="ITP_BTN_MCOLLMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
-    </div>
-  </div>
-</section>
+<section id="ITP_MOBILE_MCOLLMNG02010">
+	<div id="ITP_AJAX_MCOLLMNG02010_DETAIL_CONTAINER" style="display: none;">
+		<form id="ITP_FORM_MCOLLMNG02010_DETAIL" class="form-horizontal" onsubmit="return false;">
+		<input type="hidden" id="ITP_FORM_MCOLLMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
+		  <div class="content">
+		   <div class="line">
+			  <label>수거장소</label>
+			  <div class="search_wrap">
+				  <div class="float_left">
+					<input id="ITP_FORM_MCOLLMNG02010_DETAIL_COL_PLACE" name="colPlace" type="text" placeholder="A매장명">
+				  </div>
+				  <div class="float_left_btn">
+					<button id="ITP_BTN_MCOLLMNG02010_DETAIL_SEARCH_COL_PLACE" data-call-popup="ITP_POP_MCOLLMNG02010_COL_AREA"><img src="../img/search.png" alt=""></button>
+					<button id="ITP_BTN_MCOLLMNG02010_DETAIL_DETELE_COL_PLACE"><img src="../img/delete.png" alt=""></button>
+				  </div>	
+			  </div>
+			</div>
+			<div class="line">
+			  <label>수거요청일</label>
+			  <div class="date_to">
+				<input id="ITP_FORM_MCOLLMNG02010_DETAIL_COL_REQ_DT" name="colReqDt" class="year" type="date">
+				<div class="at">~</div>
+				<input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="year" type="date">
+			  </div>
+			</div>
+			<div class="line">
+			  <select class="label" name="itemNm" id="ITP_FORM_MCOLLMNG02010_DETAIL_ITEM_NM">
+				<option value="">발주번호/품목명</option>
+			  </select>
+			  <div class="search_wrap">
+				<input id="ITP_FORM_MCOLLMNG02010_DETAIL_ITEM_NM" name="ITEM_NM" style="width: 262px;" type="text" placeholder="검색어입력">
+			  </div>
+			</div>
+			<div class="line" style="height:45px;">
+			  <div class="search">
+				<button id="ITP_BTN_MCOLLMNG02010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+			  </div>
+			</div>
+			<div class="table_header">
+			  <h1>> 수주 내역</h1>
+			</div>
+		  </div>
+		   <div id="ITP_LIST_MCOLLMNG02010_ITEM_AREA" class="scroll_area row-2">
+			  <ul id="ITP_LIST_MCOLLMNG02010_DETAIL_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MCOLLMNG02010_DETAIL_ROWCOPY" style="display: block;">
+				<li class="history_list3">
+				  <div>
+					<div class="left">
+					  <div class="nomal">
+						<label class="col_0">브랜드명 &nbsp;:</label>
+						<div>
+						  <div class="fnBrandNm space1">브랜드명</div>
+						</div>
+						<label class="col_0">반품발주번호&nbsp;:</label>
+						<div>
+						  <div class="fnRtnPodrNo">PO1234123</div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label class="col_0">반품발주항번 &nbsp;:</label>
+						<div class="col_5">
+						  <div class="fnRtnPodrNo col_5">1</div>
+						</div>
+						<label class="col_6">수거요청일 &nbsp;:</label>
+						<div>
+						  <div class="fnColReqDt space1">2022.10.09</div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label class="col_0">수거장소&nbsp;:</label>
+						<div>
+						  <div class="fnColPlace space1">A창고</div>
+						</div>
+						<label class="col_0">품목번호 &nbsp;:</label>
+						<div>
+						  <div class="fnItemNo space1">asdf1324</div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label class="col_0">품목명 &nbsp;:</label>
+						<div>
+						  <div class="fnItemNm space1">asdf1324</div>
+						</div>
+						<label class="col_0">수거수량&nbsp;:</label>
+						<div>
+						  <div class="fnColQty">3개</div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label class="col_0">단가금액 &nbsp;:</label>
+						<div class="col_5">
+						  <div class="fnUnitAmt col_5">1,000원</div>
+						</div>
+						<label class="col_0">수거금액&nbsp;:</label>
+						<div>
+						  <div class="fnColAmt space0">20,000원</div>
+						</div>
+						<div class="scroll_btn">
+						  <button id="ITP_BTN_MCOLLMNG02010_DETAIL_CHOICE">선택</button>
+						</div>
+					  </div>
+					</div>
+				  </div>
+				</li>
+			</div>
+			<div class="button_bar">
+			  <button id="ITP_BTN_MCOLLMNG02010_DETAIL" class="btn_col_6 btn-primary IVC">수거서생성</button>
+			  <button id="ITP_BTN_MCOLLMNG02010_DETAIL_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
+			</div>
+		  </div>
+	  </form>
+	</div>
+	<div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: block;">
+		<form id="ITP_FORM_MCOLLMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
+		<input type="hidden" id="ITP_FORM_MCOLLMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
+		  <div class="content">
+			<div class="line">
+			  <label>브랜드명</label>
+			  <div class="line_right">
+				<div class="fnbrandNm">A브랜드명</div>
+			  </div>      
+			</div>
+			<div class="line">
+			  <label>반품발주번호</label>
+			  <div class="line_right">
+				<div class="fnRtnPodrNo">PO12345678</div>
+			  </div>      
+			</div>
+			<div class="line">
+			  <label class="col_6">수거서생성일자</label>
+			  <div class="line_right">
+				<div class="fnColRegDt">2022.10.09</div>
+			  </div>      
+			</div>
+			<div class="line">
+			  <label>수거총금액</label>
+			  <div class="line_right">
+				<div class="fnColAmt">600,000원</div>
+			  </div>      
+			</div>
+			<div class="line">
+			  <label>수거장소</label>
+			  <div class="line_right">
+				<div class="fnColPlace">A창고</div>
+			  </div>      
+			</div>
+			<div class="line">
+			  <label class="col_6">수거장소연락처</label>
+			  <div class="line_right">
+				<div class="fnColPlaceNum">02-0202-4544</div>
+			  </div>      
+			</div>
+			<div class="line">
+			  <label>수거담당자</label>
+			  <div class="line_right">
+				<input id="ITP_FORM_MCOLLMNG02010_VIEW_COL_MGR_NM" name="ColMgrNm" class="left" type="text" style="width:100px;margin-right: 5px;" placeholder="이름">
+				<input id="ITP_FORM_MCOLLMNG02010_VIEW_COL_MGR_TEL_NO" name="ColMgrTelNo" class="left" type="text" style="width:140px;margin-right: 10px;" placeholder="연락처">
+			  </div>
+			</div>
+			<div class="table_header">
+			  <h1>> 수거 상세 내역</h1>
+			</div>
+		  </div>
+			<div id="ITP_LIST_MCOLLMNG02010_ITEM_AREA" class="scroll_area row-5">
+			  <ul id="ITP_LIST_MCOLLMNG02010_VIEW_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MCOLLMNG02010_VIEW_ROWCOPY" style="display: bl;">
+				<li class="history_list2">
+				  <div>
+					<div class="left">
+					  <div class="nomal">
+						<label>반품발주항번 &nbsp;:</label>
+						<div class="col_5">
+						  <div class="col_5 fnRtnPodrSeq">1</div>
+						</div>
+						<label class="col_0">품목아이디&nbsp;:</label>
+						<div class="space2">
+						  <div class="fnItemId">asdf1234</div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label>품목명 &nbsp;:</label>
+						<div class="space2">
+						  <div class="fnItemNm">커피원두</div>
+						</div>
+						<label>가격단위&nbsp;:</label>
+						<div class="space2">
+						  <div class="fnUnit">1</div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label>단가 &nbsp;:</label>
+						<div class="">
+						  <div class="fnUnit">1,000원</div>
+						</div>
+						<label>단위&nbsp;:</label>
+						<div class="">
+						  <div class="fnUnit">Kg</div>
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label>수거수량 &nbsp;:</label>
+						<div class="">
+						  <input id="ITP_FORM_MCOLLMNG02010_VIEW_COL_QTY" type="text">
+						</div>
+						<label>수거일자&nbsp;:</label>
+						<div class="">
+						  <input id="ITP_FORM_MCOLLMNG02010_VIEW_COL_DT" type="text">
+						</div>
+					  </div>
+					</div>
+					<div class="left">
+					  <div class="nomal">
+						<label>수거구분 &nbsp;:</label>
+						<div>
+		                  <select style="width:85px" name="colYn" id="ITP_FORM_MCOLLMNG02010_VIEW_COL_YN">
+	                    	<option value=""></option>
+		                  </select>
+		              	</div>
+						<label>비고 &nbsp;:</label>
+						<div class="space2">
+						  <input id="ITP_FORM_MCOLLMNG02010_VIEW_NOTE" type="text">
+						</div>
+					  </div>
+					</div>
+				  </div>
+				</li>
+			</div>
+		  </div>
+		  <div class="button_bar">
+			<button id="ITP_BTN_MCOLLMNG02010_VIEW_ADD" class="btn_col_6 btn-primary CRT">생성</button>
+			<button id="ITP_BTN_MCOLLMNG02010_VIEW_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
+		  </div>
+	  </form>
+	</div>
+  </section>

src/main/webapp/mobile/app/mcollmng/MCOLLMNG03010.html

@@ -1,248 +1,260 @@
-<section>
-  <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: block;">
-    <div class="content">
-      <div class="line">
-        <label>수거장소</label>
-        <div class="search_wrap">
-	        <div class="float_left">
-	          <input type="text" placeholder="A매장명">
+<section id="ITP_MOBILE_MCOLLMNG03010">
+  <div id="ITP_AJAX_MCOLLMNG03010_DETAIL_CONTAINER" style="display: none;">
+    <form id="ITP_FORM_MCOLLMNG03010_DETAIL" class="form-horizontal" onsubmit="return false;">
+      <input type="hidden" id="ITP_FORM_MCOLLMNG03010_DETAIL_VIEW_CD" name="viewCd" value="C">
+	    <div class="content">
+	      <div class="line">
+	        <label>수거장소</label>
+	        <div class="search_wrap">
+		        <div class="float_left">
+		          <input id="ITP_FORM_MCOLLMNG03010_DETAIL_COL_PLACE" name="colPlace" type="text" placeholder="A매장명">
+		        </div>
+		        <div class="float_left_btn">
+		          <button id="ITP_BTN_MCOLLMNG03010_DETAIL_SEARCH_COL_PLACE" data-call-popup="ITP_POP_MCOLLMNG03010_COL_AREA"><img src="../img/search.png" alt=""></button>
+		          <button id="ITP_BTN_MCOLLMNG03010_DETAIL_DETELE_COL_PLACE"><img src="../img/delete.png" alt=""></button>
+		        </div>
+	        </div>
+	      </div>
+	      <div class="line">
+	        <label>수거일자</label>
+	        <div class="date_to">
+	          <input id="ITP_FORM_MCOLLMNG03010_DETAIL_COL_REQ_DT" name="colReqDt" class="year" type="date">
+	          <div class="at">~</div>
+	          <input id="ITP_FORM_MCOLLMNG03010_DETAIL_COL_CMPLT_DT" name="colCmpltDt" class="year" type="date">
+	        </div>
+	      </div>
+	      <div class="line">
+	        <select class="label" name="itemNm" id="ITP_FORM_MCOLLMNG03010_DETAIL_ITEM_NM">
+	          <option value="">발주번호/품목명</option>
+	        </select>
+	        <div class="search_wrap">
+	          <input id="ITP_FORM_MCOLLMNG03010_DETAIL_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="검색어입력">
+	        </div>
+	      </div>
+	      <div class="line" style="height:45px;">
+	        <div class="search">
+	          <button id="ITP_BTN_MCOLLMNG03010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 	        </div>
-	        <div class="float_left_btn">
-	          <button><img src="../img/search.png" alt=""></button>
-	          <button><img src="../img/delete.png" alt=""></button>
-        	</div>
-        </div>
-      </div>
-      <div class="line">
-        <label>수거요청일</label>
-        <div class="date_to">
-          <input class="year" type="date">
-          <div class="at">~</div>
-          <input class="year" type="date">
-        </div>
-      </div>
-      <div class="line">
-        <select class="label" name="" id="">
-          <option value="">수거서번호</option>
-        </select>
-        <div class="search_wrap">
-          <input style="width: 262px;" type="text" placeholder="검색어입력">
-        </div>
-      </div>
-      <div class="line" style="height:45px;">
-        <div class="search">
-          <button id="" class="btn-primary btn-sm ADB">검색</button>
-        </div>
-      </div>
-      <div class="table_header">
-        <h1>> 수거서 내역</h1>
-      </div>
-    </div>
-    <div class="scroll_area row-2">
-      <li class="history_list3">
-        <div>
-          <div class="left">
-            <div class="nomal">
-              <label class="col_0">브랜드명 :</label>
-              <div class="">
-                <div class="space1">브랜드명</div>
-              </div>
-              <label>수거서번호:</label>
-              <div class="">
-                <div class="">PO1234123</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label>수거서상태 :</label>
-              <div class="">
-                <div class="space1">수거전</div>
-              </div>
-              <label>수거일자&nbsp;:</label>
-              <div class="">
-                <div class="space1">2022.10.09</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label>수거요청일&nbsp;:</label>
-              <div class="">
-                <div class="space1">2022.10.09</div>
-              </div>
-              <label>수거예정일&nbsp;:</label>
-              <div class="">
-                <div class="space1">2022.10.10</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label class="col_0">품목수량 :</label>
-              <div class="">
-                <div class="space1">2</div>
-              </div>
-              <label>수거총금액&nbsp;:</label>
-              <div class="">
-                <div class="">600,000</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label class="col_0">수거장소 :</label>
-              <div class="">
-                <div class="space1">A창고</div>
-              </div>
-              <label>수거담당자&nbsp;:</label>
-              <div class="">
-                <div class="space0">홍길동</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </li>
-      <div class="button_bar">
-        <button id="" class="btn_col_6 btn-primary IVVIEW">납품서보기</button>
-        <button id="" class="btn_col_3 btn-gray CLB">취소</button>
-      </div>
-    </div>
+	      </div>
+	      <div class="table_header">
+	        <h1>> 수주 내역</h1>
+	      </div>
+	    </div>
+    	<div id="ITP_LIST_MCOLLMNG03010_ITEM_AREA" class="scroll_area row-2">
+        	<ul id="ITP_LIST_MCOLLMNG03010_DETAIL_ROWS" class="panel-group"></ul>
+        	<div id="ITP_LIST_MCOLLMNG03010_DETAIL_ROWCOPY" style="display: block;">
+		      <li class="history_list3">
+		        <div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label class="col_0">브랜드명 &nbsp;:</label>
+		              <div>
+		                <div class="fnBrandNm space1">브랜드명</div>
+		              </div>
+		              <label>수거서번호&nbsp;:</label>
+		              <div>
+		                <div class="fnColNo">PO1234123</div>
+		              </div>
+		            </div>
+		          </div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label class="col_6">수거서상태 &nbsp;:</label>
+		              <div>
+		                <div class="fnColStCd">수거전</div>
+		              </div>
+		              <label class="col_0">수거일자&nbsp;:</label>
+		              <div>
+		                <div class="fnColDt">2022.10.09</div>
+		              </div>
+		            </div>
+		          </div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label>수거요청일&nbsp;:</label>
+		              <div>
+		                <div class="fnColReqDt">2022.10.09</div>
+		              </div>
+		              <label>수거예정일&nbsp;:</label>
+		              <div>
+		                <div class="fnColSchDt">2022.10.10</div>
+		              </div>
+		            </div>
+		          </div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label class="col_0">품목수량 &nbsp;:</label>
+		              <div>
+		                <div class="fnItemQty space1">2</div>
+		              </div>
+		              <label>수거총금액&nbsp;:</label>
+		              <div>
+		                <div class="fnColAmt">600,000</div>
+		              </div>
+		            </div>
+		          </div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label class="col_0">수거장소 &nbsp;:</label>
+		              <div>
+		                <div class="fnColPlace space1">A창고</div>
+		              </div>
+		              <label>수거담당자&nbsp;:</label>
+		              <div>
+		                <div class="fnColMgrNm space0">홍길동</div>
+		              </div>
+		            </div>
+		          </div>
+		        </div>
+		      </li>
+	      </div>
+	      <div class="button_bar">
+	        <button id="ITP_BTN_MCOLLMNG03010_DETAIL_DLV" class="btn_col_6 btn-primary IVDETAIL">납품서보기</button>
+	        <button id="ITP_BTN_MCOLLMNG03010_DETAIL_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
+	      </div>
+	    </div>
+    </form>
   </div>
-  <div id="ITP_AJAX_MCOLLMNG03010_DETAIL_CONTAINER" style="display: none;">
-    <div class="detail_content">
-      <div class="detail_header">
-        <div class="detail_logo">
-          <img src="../img/naver.png" alt="">
-        </div>
-        <div class="detail_ok">
-          <label>납품 확인서</label>
-        </div>
-      </div>
-      <div class="detail_confirmation">
-        <div class="detail_col">
-          <label>발행일</label>
-          <i>:</i>
-          <div class="fn">2022.10.09</div>
-        </div>
-        <div class="detail_col">
-          <label>수거확인번호</label>
-          <i>:</i>
-          <div class="fn">DL123445</div>
-        </div>
-        <div class="detail_col">
-          <label>수거일</label>
-          <i>:</i>
-          <div class="fn">2022.10.10</div>
-        </div>
-        <div class="detail_col">
-          <label>수거담당자</label>
-          <i>:</i>
-          <div class="fn">홍길동(010-1234-1548)</div>
-        </div>
-        <div class="detail_col">
-          <label>수거장소</label>
-          <i>:</i>
-          <div class="fn">(123450 서울 송파구 문정동 100 A창고)</div>
-        </div>
-        <div class="detail_col">
-          <label>전화번호</label>
-          <i>:</i>
-          <div class="fn">02-123-4567</div>
-        </div>
-      </div>
-      <div class="detail_company_info">
-        <div class="info_left">
-          <div class="weight">
-            <label>반품처</label>
-          </div>
-          <div class="company_info">
-            <label>등록번호&nbsp;:&nbsp;</label>
-            <div class="fn">215-12-23454</div>
-          </div>
-          <div class="company_info">
-            <label>상호&nbsp;:&nbsp;</label>
-            <div class="fn">공급업체명</div>
-          </div>
-          <div class="company_info">
-            <label>성명&nbsp;:&nbsp;</label>
-            <div class="fn">공급자</div>
-          </div>
-          <div class="company_info">
-            <label>주소&nbsp;:&nbsp;</label>
-            <div class="fn">서울 송파구 문정동</div>
-          </div>
-        </div>
-        <div class="info_left">
-          <div class="weight">
-            <label>수거처</label>
-          </div>
-          <div class="company_info">
-            <label>등록번호&nbsp;:&nbsp;</label>
-            <div class="fn">215-12-23454</div>
-          </div>
-          <div class="company_info">
-            <label>상호&nbsp;:&nbsp;</label>
-            <div class="fn">브랜드 회사명</div>
-          </div>
-          <div class="company_info">
-            <label>성명&nbsp;:&nbsp;</label>
-            <div class="fn">대표자명</div>
-          </div>
-          <div class="company_info">
-            <label>주소&nbsp;:&nbsp;</label>
-            <div class="fn">경기 성남시 상대원동</div>
-          </div>
-        </div>
-      </div>
-      <div class="table_header">
-        <h1>> 수거 상세 내역</h1>
-      </div>
-    </div>
-    <div class="scroll_area row-7">
-      <li class="history_list5">
-        <div>
-          <div class="left">
-            <div class="nomal">
-              <label class="col_0">수거발주번호 &nbsp;:</label>
-              <div class="col_5">
-                <div class="col_5 fn">P12345</div>
-              </div>
-              <label class="col_0">품목아이디&nbsp;:</label>
-              <div class="space2">
-                <div class="fn">asdf1234</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label>품목명 &nbsp;:</label>
-              <div class="space2">
-                <div class="fn">커피원두</div>
-              </div>
-              <label class="col_0">수거요청수량&nbsp;:</label>
-              <div class="space2">
-                <div class="fn">5</div>
-              </div>
-            </div>
-          </div>
-          <div class="left">
-            <div class="nomal">
-              <label>수거수량 &nbsp;:</label>
-              <div class="fn">
-                <div class="">10</div>
-              </div>
-              <label class="col_0">수거사유구분&nbsp;:</label>
-              <div class="fn">
-                <div class="">불량</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </li>
-    </div>
-    <div class="button_bar">
-      <button id="ITP_BTN_MCOLLMNG03010" class="col_12 btn-gray COK">확인</button>
-    </div>
+  <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: block;">
+  	<form id="ITP_FORM_MCOLLMNG03010_VIEW" class="form-horizontal" onsubmit="return false;">
+		<input type="hidden" id="ITP_FORM_MCOLLMNG03010_VIEW_VIEW_CD" name="viewCd" value="C">
+	    <div class="detail_content">
+	      <div class="detail_header">
+	        <div class="detail_logo">
+	          <img src="../img/naver.png" alt="">
+	        </div>
+	        <div class="detail_ok">
+	          <label>납품 확인서</label>
+	        </div>
+	      </div>
+	      <div class="detail_confirmation">
+	        <div class="detail_col">
+	          <label>발행일</label>
+	          <i>:</i>
+	          <div class="fnDt">2022.10.09</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>수거확인번호</label>
+	          <i>:</i>
+	          <div class="fnColCnfmNo">DL123445</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>수거일</label>
+	          <i>:</i>
+	          <div class="fnColDt">2022.10.10</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>수거담당자</label>
+	          <i>:</i>
+	          <div class="fnCOLMgrNm">홍길동(010-1234-1548)</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>수거장소</label>
+	          <i>:</i>
+	          <div class="fnColPlace">(123450 서울 송파구 문정동 100 A창고)</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>전화번호</label>
+	          <i>:</i>
+	          <div class="fnTel">02-123-4567</div>
+	        </div>
+	      </div>
+	      <div class="detail_company_info">
+	        <div class="info_left">
+	          <div class="weight">
+	            <label>반품처</label>
+	          </div>
+	          <div class="company_info">
+	            <label>등록번호&nbsp;:&nbsp;</label>
+	            <div class="fnBsnsRegNo">215-12-23454</div>
+	          </div>
+	          <div class="company_info">
+	            <label>상호&nbsp;:&nbsp;</label>
+	            <div class="fnSag">공급업체명</div>
+	          </div>
+	          <div class="company_info">
+	            <label>성명&nbsp;:&nbsp;</label>
+	            <div class="fnNm">공급자</div>
+	          </div>
+	          <div class="company_info">
+	            <label>주소&nbsp;:&nbsp;</label>
+	            <div class="fnAddr">서울 송파구 문정동</div>
+	          </div>
+	        </div>
+	        <div class="info_left">
+	          <div class="weight">
+	            <label>수거처</label>
+	          </div>
+	          <div class="company_info">
+	            <label>등록번호&nbsp;:&nbsp;</label>
+	            <div class="fnBsnsRegNo">215-12-23454</div>
+	          </div>
+	          <div class="company_info">
+	            <label>상호&nbsp;:&nbsp;</label>
+	            <div class="fnSag">브랜드 회사명</div>
+	          </div>
+	          <div class="company_info">
+	            <label>성명&nbsp;:&nbsp;</label>
+	            <div class="fnNm">대표자명</div>
+	          </div>
+	          <div class="company_info">
+	            <label>주소&nbsp;:&nbsp;</label>
+	            <div class="fnAddr">경기 성남시 상대원동</div>
+	          </div>
+	        </div>
+	      </div>
+	      <div class="table_header">
+	        <h1>> 수거 상세 내역</h1>
+	      </div>
+	    </div>
+	  	<div id="ITP_LIST_MCOLLMNG03010_ITEM_AREA" class="scroll_area row-7">
+	       	<ul id="ITP_LIST_MCOLLMNG03010_DETAIL_ROWS" class="panel-group"></ul>
+	       	<div id="ITP_LIST_MCOLLMNG03010_DETAIL_ROWCOPY" style="display: block;">
+		      <li class="history_list5">
+		        <div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label>수거발주번호 &nbsp;:</label>
+		              <div class="col_5">
+		                <div class="col_5 fnColPodrNo">P12345</div>
+		              </div>
+		              <label class="col_0">품목아이디&nbsp;:</label>
+		              <div class="space2">
+		                <div class="fnItemId">asdf1234</div>
+		              </div>
+		            </div>
+		          </div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label>품목명 &nbsp;:</label>
+		              <div class="space2">
+		                <div class="fnItemNm">커피원두</div>
+		              </div>
+		              <label>수거요청수량&nbsp;:</label>
+		              <div class="space2">
+		                <div class="fnColReqQty">2023.12.02</div>
+		              </div>
+		            </div>
+		          </div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label>수거수량 &nbsp;:</label>
+		              <div class="space2">
+		                <div class="fnColQty">10</div>
+		              </div>
+		              <label>수거사유구분&nbsp;:</label>
+		              <div>
+		                <div class="fnColRsnDvsn">파손</div>
+		              </div>
+		            </div>
+		          </div>
+		        </div>
+		      </li>
+	      </div>
+	    </div>
+	    <div class="button_bar">
+	      <button id="ITP_BTN_MCOLLMNG03010_VIEW" class="ok col_12 btn-gray COK">확인</button>
+	    </div>
+    </form>
   </div>
 </section>

src/main/webapp/mobile/app/mordmng/MORDMNG03010.html

@@ -16,11 +16,11 @@
 	        </div>
 	      </div>
 	      <div class="line">
-	        <label>납품요청일</label>
+	        <label>납품일자</label>
 	        <div class="date_to">
 	          <input id="ITP_FORM_MORDMNG03010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="year" type="date">
 	          <div class="at">~</div>
-	          <input id="ITP_FORM_MORDMNG03010_DETAIL" class="year" type="date">
+	          <input id="ITP_FORM_MORDMNG03010_DETAIL_DLV_CMPLT_DT" name="dlvCmpltDt" class="year" type="date">
 	        </div>
 	      </div>
 	      <div class="line">
@@ -28,7 +28,7 @@
 	          <option value="">발주번호/품목명</option>
 	        </select>
 	        <div class="search_wrap">
-	          <input id="ITP_FORM_MORDMNG03010_DETAIL_ITEM_NM" name="ITEM_NM" style="width: 262px;" type="text" placeholder="검색어입력">
+	          <input id="ITP_FORM_MORDMNG03010_DETAIL_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="검색어입력">
 	        </div>
 	      </div>
 	      <div class="line" style="height:45px;">
@@ -116,142 +116,145 @@
     </form>
   </div>
   <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: none;">
-    <div class="detail_content">
-      <div class="detail_header">
-        <div class="detail_logo">
-          <img src="../img/naver.png" alt="">
-        </div>
-        <div class="detail_ok">
-          <label>납품 확인서</label>
-        </div>
-      </div>
-      <div class="detail_confirmation">
-        <div class="detail_col">
-          <label>발행일</label>
-          <i>:</i>
-          <div class="fnDt">2022.10.09</div>
-        </div>
-        <div class="detail_col">
-          <label>납품서확인번호</label>
-          <i>:</i>
-          <div class="fnDlvNo">DL123445</div>
-        </div>
-        <div class="detail_col">
-          <label>납품일</label>
-          <i>:</i>
-          <div class="fnDlvDt">2022.10.10</div>
-        </div>
-        <div class="detail_col">
-          <label>납품담당자</label>
-          <i>:</i>
-          <div class="fnDlvMgrNm">홍길동(010-1234-1548)</div>
-        </div>
-        <div class="detail_col">
-          <label>납품장소</label>
-          <i>:</i>
-          <div class="fnDlvPlace">(123450 서울 송파구 문정동 100 A창고)</div>
-        </div>
-        <div class="detail_col">
-          <label>전화번호</label>
-          <i>:</i>
-          <div class="fnTel">02-123-4567</div>
-        </div>
-      </div>
-      <div class="detail_company_info">
-        <div class="info_left">
-          <div class="weight">
-            <label>공급처</label>
-          </div>
-          <div class="company_info">
-            <label>등록번호&nbsp;:&nbsp;</label>
-            <div class="fnBsnsRegNo">215-12-23454</div>
-          </div>
-          <div class="company_info">
-            <label>상호&nbsp;:&nbsp;</label>
-            <div class="fnSag">공급업체명</div>
-          </div>
-          <div class="company_info">
-            <label>성명&nbsp;:&nbsp;</label>
-            <div class="fnNm">공급자</div>
-          </div>
-          <div class="company_info">
-            <label>주소&nbsp;:&nbsp;</label>
-            <div class="fnAddr">서울 송파구 문정동</div>
-          </div>
-        </div>
-        <div class="info_left">
-          <div class="weight">
-            <label>발주처</label>
-          </div>
-          <div class="company_info">
-            <label>등록번호&nbsp;:&nbsp;</label>
-            <div class="fnBsnsRegNo">215-12-23454</div>
-          </div>
-          <div class="company_info">
-            <label>상호&nbsp;:&nbsp;</label>
-            <div class="fnSag">브랜드 회사명</div>
-          </div>
-          <div class="company_info">
-            <label>성명&nbsp;:&nbsp;</label>
-            <div class="fnNm">대표자명</div>
-          </div>
-          <div class="company_info">
-            <label>주소&nbsp;:&nbsp;</label>
-            <div class="fnAddr">경기 성남시 상대원동</div>
-          </div>
-        </div>
-      </div>
-      <div class="table_header">
-        <h1>> 납품 상세 내역</h1>
-      </div>
-    </div>
-  	<div id="ITP_LIST_MORDMNG03010_ITEM_AREA" class="scroll_area row-7">
-       	<ul id="ITP_LIST_MORDMNG03010_DETAIL_ROWS" class="panel-group"></ul>
-       	<div id="ITP_LIST_MORDMNG03010_DETAIL_ROWCOPY" style="display:none;">
-	      <li class="history_list5">
-	        <div>
-	          <div class="left">
-	            <div class="nomal">
-	              <label>발주번호 &nbsp;:</label>
-	              <div class="space2">
-	                <div class="fnpodrNo">P12345</div>
-	              </div>
-	              <label class="col_0">품목아이디&nbsp;:</label>
-	              <div class="space2">
-	                <div class="fnItemId">asdf1234</div>
-	              </div>
-	            </div>
+	<form id="ITP_FORM_MORDMNG03010_VIEW" class="form-horizontal" onsubmit="return false;">
+		<input type="hidden" id="ITP_FORM_MORDMNG03010_VIEW_VIEW_CD" name="viewCd" value="C">
+	    <div class="detail_content">
+	      <div class="detail_header">
+	        <div class="detail_logo">
+	          <img src="../img/naver.png" alt="">
+	        </div>
+	        <div class="detail_ok">
+	          <label>납품 확인서</label>
+	        </div>
+	      </div>
+	      <div class="detail_confirmation">
+	        <div class="detail_col">
+	          <label>발행일</label>
+	          <i>:</i>
+	          <div class="fnDt">2022.10.09</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>납품서확인번호</label>
+	          <i>:</i>
+	          <div class="fnDlvCnfmNo">DL123445</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>납품일</label>
+	          <i>:</i>
+	          <div class="fnDlvDt">2022.10.10</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>납품담당자</label>
+	          <i>:</i>
+	          <div class="fnDlvMgrNm">홍길동(010-1234-1548)</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>납품장소</label>
+	          <i>:</i>
+	          <div class="fnDlvPlace">(123450 서울 송파구 문정동 100 A창고)</div>
+	        </div>
+	        <div class="detail_col">
+	          <label>전화번호</label>
+	          <i>:</i>
+	          <div class="fnTel">02-123-4567</div>
+	        </div>
+	      </div>
+	      <div class="detail_company_info">
+	        <div class="info_left">
+	          <div class="weight">
+	            <label>공급처</label>
+	          </div>
+	          <div class="company_info">
+	            <label>등록번호&nbsp;:&nbsp;</label>
+	            <div class="fnBsnsRegNo">215-12-23454</div>
+	          </div>
+	          <div class="company_info">
+	            <label>상호&nbsp;:&nbsp;</label>
+	            <div class="fnSag">공급업체명</div>
 	          </div>
-	          <div class="left">
-	            <div class="nomal">
-	              <label>품목명 &nbsp;:</label>
-	              <div class="space2">
-	                <div class="fnItemNm">커피원두</div>
-	              </div>
-	              <label>유통기한&nbsp;:</label>
-	              <div class="space2">
-	                <div class="fnExpryDate">2023.12.02</div>
-	              </div>
-	            </div>
+	          <div class="company_info">
+	            <label>성명&nbsp;:&nbsp;</label>
+	            <div class="fnNm">공급자</div>
 	          </div>
-	          <div class="left">
-	            <div class="nomal">
-	              <label>발주수량 &nbsp;:</label>
-	              <div class="space2">
-	                <div class="fnPodrQty">10</div>
-	              </div>
-	              <label>납품수량&nbsp;:</label>
-	              <div>
-	                <div class="fnDlvQty">10</div>
-	              </div>
-	            </div>
+	          <div class="company_info">
+	            <label>주소&nbsp;:&nbsp;</label>
+	            <div class="fnAddr">서울 송파구 문정동</div>
 	          </div>
 	        </div>
-	      </li>
-      </div>
-    </div>
-    <div class="button_bar">
-      <button id="ITP_BTN_MORDMNG03010_VIEW" class="ok col_12 btn-gray COK">확인</button>
-    </div>
+	        <div class="info_left">
+	          <div class="weight">
+	            <label>발주처</label>
+	          </div>
+	          <div class="company_info">
+	            <label>등록번호&nbsp;:&nbsp;</label>
+	            <div class="fnBsnsRegNo">215-12-23454</div>
+	          </div>
+	          <div class="company_info">
+	            <label>상호&nbsp;:&nbsp;</label>
+	            <div class="fnSag">브랜드 회사명</div>
+	          </div>
+	          <div class="company_info">
+	            <label>성명&nbsp;:&nbsp;</label>
+	            <div class="fnNm">대표자명</div>
+	          </div>
+	          <div class="company_info">
+	            <label>주소&nbsp;:&nbsp;</label>
+	            <div class="fnAddr">경기 성남시 상대원동</div>
+	          </div>
+	        </div>
+	      </div>
+	      <div class="table_header">
+	        <h1>> 납품 상세 내역</h1>
+	      </div>
+	    </div>
+	  	<div id="ITP_LIST_MORDMNG03010_ITEM_AREA" class="scroll_area row-7">
+	       	<ul id="ITP_LIST_MORDMNG03010_DETAIL_ROWS" class="panel-group"></ul>
+	       	<div id="ITP_LIST_MORDMNG03010_DETAIL_ROWCOPY" style="display:none;">
+		      <li class="history_list5">
+		        <div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label>발주번호 &nbsp;:</label>
+		              <div class="space2">
+		                <div class="fnPodrNo">P12345</div>
+		              </div>
+		              <label class="col_0">품목아이디&nbsp;:</label>
+		              <div class="space2">
+		                <div class="fnItemId">asdf1234</div>
+		              </div>
+		            </div>
+		          </div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label>품목명 &nbsp;:</label>
+		              <div class="space2">
+		                <div class="fnItemNm">커피원두</div>
+		              </div>
+		              <label>유통기한&nbsp;:</label>
+		              <div class="space2">
+		                <div class="fnExpryDate">2023.12.02</div>
+		              </div>
+		            </div>
+		          </div>
+		          <div class="left">
+		            <div class="nomal">
+		              <label>발주수량 &nbsp;:</label>
+		              <div class="space2">
+		                <div class="fnPodrQty">10</div>
+		              </div>
+		              <label>납품수량&nbsp;:</label>
+		              <div>
+		                <div class="fnDlvQty">10</div>
+		              </div>
+		            </div>
+		          </div>
+		        </div>
+		      </li>
+	      </div>
+	    </div>
+	    <div class="button_bar">
+	      <button id="ITP_BTN_MORDMNG03010_VIEW" class="ok col_12 btn-gray COK">확인</button>
+	    </div>
+    </form>
   </div>
 </section>

src/main/webapp/mobile/app/mpomng/MPOMNG01010.html

@@ -3,15 +3,15 @@
     <div class="pop">
       <div class="pop_line">
         <label>납품요청일 &nbsp;&nbsp;:</label>
-        <div class="fnPopDlvReqDt">2022.09.30</div>
+        <div class="fnPopDlvReqDt"></div>
       </div>
       <div class="pop_line">
         <label>품목수&nbsp;&nbsp; :</label>
-        <div class="fnItemQty">2개</div>
+        <div class="fnItemQty">개</div>
       </div>
       <div class="pop_line">
         <label>구매금액 &nbsp;&nbsp;:</label>
-        <div class="fnOrdAmt">2022.09.30원</div>
+        <div class="fnOrdAmt">원</div>
       </div>
       <label class="pop_label msg_save">구매요청 하시겠습니까?</label>
       <div class="popup_btn">

src/main/webapp/mobile/app/mpomng/MPOMNG02010.html

@@ -1,154 +1,349 @@
 <section id="ITP_MOBILE_MPOMNG02010">
-  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: block;">
-   <form id="ITP_FORM_MPOMNG02010_DETAIL" class="form-horizontal" onsubmit="return false;">
-      <input type="hidden" id="ITP_FORM_MPOMNG02010_DETAIL_VEIW_CD" name="viewCd" value="C">
-	    <div class="content">
-	        <div class="line">
-	          <label>구매요청일</label>
-	        <div class="date_to">
-	          <input id="ITP_FORM_MPOMNG02010_DETAIL_PCH_REQ_DT" name="pchReqDt" class="year" type="date">
-	          <div class="at">~</div>
-	          <input id="ITP_FORM_MPOMNG02010_DETAIL" class="year" type="date">
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>구매요청상태</label>
-	        <div class="line_right">
-	          <select id="ITP_FORM_MPOMNG02010_DETAIL_PCH_REQ_ST_CD" name="pchReqStCd" class="stcd" name="">
-	            <option value="">상태</option>
-	          </select>
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>납품장소</label>
-	        <div class="search_wrap">
-		        <div class="float_left">
-		          <input id="ITP_FORM_MPOMNG02010_DETAIL_DLV_PLACE" name="dlvPlace" class="" type="text" placeholder="A매장명">
-		        </div>
-		        <div class="float_left_btn">
-		          <button id="ITP_BTN_MPOMNG02010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG02010_WHS_AREA"><img src="../img/search.png" alt=""></button>
-		          <button id="ITP_BTN_MPOMNG02010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-		        </div>
-	        </div>
-	      </div>
-	      <div class="line" style="height:50px;">
-	        <div class="search">
-	          <button id="ITP_BTN_MPOMNG02010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-	        </div>
-	      </div>
-	      <div class="table_header">
-	        <h1>>구매 요청 내역</h1>
-	      </div>
-	    </div>
-      <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1-1">
-        	<ul id="ITP_LIST_MPOMNG02010_DETAIL_ROWS" class="panel-group"></ul>
-        	<div id="ITP_LIST_MPOMNG02010_DETAIL_ROWCOPY" style="display:none;">
-		      <li class="history_list">
-		        <div class="left">
-		          <div class="nomal">
-		            <label>구매요청일 </label>
-		            <span>:</span>
-		            <div class="history">
-		              <div class="fndate">2022.10.01</div> 
-		              (<div class="fnOwnerNm">홍길동 점주</div>)
-		            </div>
-		          </div>
-		        </div>
-		        <div class="left">
-		          <div class="nomal">
-		            <label>구매상태</label>
-		            <span>:</span>
-		            <div class="col_5 history">
-		              <div class="col_5 fnPchStCd">대기</div>
-		            </div>
-		            <label>납품장소명 </label>
-		            <span>:</span>
-		            <div class="history">
-		              <div class="fnDlvPlaceNm">A매장내</div>
-		            </div>
-		          </div>
-		        </div>
-		        <div class="left">
-		          <div class="nomal">
-		            <label style="width: 127px;">구매요청 정보</label>
-		            <span>:</span>
-		            <div class="history">
-		              <div class="col_5 fnItemQty">품목수(3)</div> 
-		              <i>- </i>
-		              <div class="fnItemAtm">1,200,000</div> 원
-		            </div>
-		          </div>
-		        </div>
-		        <div class="left">
-		          <div class="nomal">
-		            <label>결재정보 </label>
-		            <span>:</span>
-		            <div class="history">
-		              <div class="fnInfo">미납</div> 
-		            </div>
-		          </div>
-		        </div>
-		      </li>
-	      </div>
-	    </div>
-    </form>
-  </div>
   <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
-      <form id="ITP_FORM_MPOMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
-      <input type="hidden" id="ITP_FORM_MPOMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
-	    <div class="content">
-	      <div class="line">
-	        <label>납기요청일</label>
-	        <div class="line_right">
-	          <div class="fnDlvReqDt">2022.10.10</div>
-	        </div>      
-	      </div>
-	      <div class="line">
-	        <label>구매요청금액</label>
-	        <div class="line_right">
-	          <div class="fnPchReqAmt">424,000원</div>
+    <div class="content">
+      <form id="ITP_FORM_MPOMNG02010_SEARCH" class="form-horizontal" onsubmit="return false;">
+        <input type="hidden" id="ITP_FORM_MPOMNG02010_SEARCH_BRAND_ID" name="sbrandId" value="">
+        <input type="hidden" id="ITP_FORM_MPOMNG02010_SEARCH_STORE_ID" name="sstoreId" value="">
+        <div class="line">
+          <label>구매요청일</label>
+        <div class="input-group date_to date">
+          <input type="date" id="ITP_FORM_MPOMNG02010_SEARCH_FROM_DT" name="fromDt" pattern="\d{4}.\d{2}.\d{2}">
+          <div class="at">~</div>
+          <input type="date" id="ITP_FORM_MPOMNG02010_SEARCH_TO_DT" name="toDt" pattern="\d{4}.\d{2}.\d{2}">
+        </div>
+      </div>
+      <div class="line">
+        <label>구매요청상태</label>
+        <div class="line_right">
+          <select id="ITP_FORM_MPOMNG02010_SEARCH_PCH_REQ_ST_CD" data-select-code="PCH_REQ_ST_CD" class="stcd" name="spchReqStCd">
+            <option value="">상태</option>
+          </select>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MPOMNG02010_SEARCH_WHS_NM" class="" name="swhsNm" type="text" placeholder="납품창고" readonly>
+              <input type="hidden" id="ITP_FORM_MPOMNG02010_SEARCH_WHS_ID" name="swhsId" value="">
 	        </div>
-	      </div>
-	      <div class="line">
-	        <label>납품장소</label>
-	        <div class="line_right">
-	          <div class="fnDlvPlace">A매장내</div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MPOMNG02010_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MPOMNG02010_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 	        </div>
-	      </div>
-	      <div class="line">
-	        <label>결재정보</label>
-	        <div class="line_right">
-	          <div class="fnInfo">(미납)0원</div>
-	        </div>
-	      </div>
-	      <div class="table_header">
-	        <h1>>구매 품목</h1>
-	      </div>
-	    </div>
-      <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1">
-        <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="panel-group"></ul>
-        	<div id="ITP_LIST_MPOMNG02010_VIEW_ROWCOPY" style="display:block;">
-		      <li>
-		        <div class="left_info">
-		          <div class="thick">
-		            <div class="fnItemNm">품목명</div>
-		            <div>-</div>
-		            <div class="fnUnit">2EA</div>
-		          </div>
-		          <div class="thick">
-		            <label class="space0">구매가 :</label>
-		            <div class="fnPchActAmt">1,120,000</div>
-		          </div>
-		        </div>
-		        <div class="right">
-		          <div class="fnNum">2</div>
-		        </div>
-		      </li>
-	      </div>
-	    </div>
-	    <div class="button_bar">
-	      <button id="ITP_BTN_MPOMNG02010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
-	    </div>
+        </div>
+      </div>
+      <div class="line" style="height:50px;">
+        <div class="search">
+          <button id="ITP_BTN_MPOMNG02010_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>>구매 요청 내역</h1>
+      </div>
+      </form>
+    </div>
+    <div id="ITP_LIST_MPOMNG02010_LIST_AREA" class="scroll_area row-1-1">
+      <ul id="ITP_LIST_MPOMNG02010_LIST_ROWS" class="panel-group"></ul>
+      <div id="ITP_LIST_MPOMNG02010_LIST_ROWCOPY" style="display:none;">
+        <li class="history_list list-row">
+          <div class="left">
+            <div class="nomal">
+              <label>구매요청일 </label>
+              <span>:</span>
+              <div class="history">
+                <div class="fnPchReqDt">2022.10.01</div>
+                (<div class="fnPchReqMgrNm">홍길동 점주</div>)
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <div class="half">
+                  <label>구매상태</label>
+                  <span>:</span>
+                  <div class="history">
+                    <div class="fnPchReqStNm">대기</div>
+                  </div>
+              </div>
+              <div class="half">
+                  <label>납품장소명 </label>
+                  <span>:</span>
+                  <div class="history">
+                    <div class="fnWhsLocationNm">A매장내</div>
+                  </div>
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label style="width: 127px;">구매요청 정보</label>
+              <span>:</span>
+              <div class="history">
+                <div class="fnPchReqItemQty">품목수(3)</div>
+                <i>- </i>
+                <div class="fnPchReqTotalAmt"></div> 원
+              </div>
+            </div>
+          </div>
+          <div class="left">
+            <div class="nomal">
+              <label>결재정보 </label>
+              <span>:</span>
+              <div class="history">
+                <div class="fnPchReqRjctNm"></div>
+              </div>
+            </div>
+          </div>
+        </li>
+      </div>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: none;">
+    <div class="content">
+      <div class="line">
+        <label>납기요청일</label>
+        <div class="line_right">
+          <div class="fnDlvReqDt"></div>
+        </div>      
+      </div>
+      <div class="line">
+        <label>구매요청금액</label>
+        <div class="line_right">
+          <div class="fnPchReqTotalAmt">424,000원</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>납품장소</label>
+        <div class="line_right">
+          <div class="fnLocationNm">A매장내</div>
+        </div>
+      </div>
+      <div class="line">
+        <label>결재정보</label>
+        <div class="line_right">
+          <div class="fnPchApprNm">(미납)0원</div>
+        </div>
+      </div>
+      <div class="table_header">
+        <h1>>구매 품목</h1>
+      </div>
+    </div>
+    <div id="ITP_LIST_MPOMNG02010_DETAIL_AREA" class="scroll_area row-2">
+      <ul id="ITP_LIST_MPOMNG02010_DETAIL_ROWS" class="panel-group"></ul>
+      <div id="ITP_LIST_MPOMNG02010_DETAIL_ROWCOPY" style="display:none;">
+        <li class="list-row">
+          <div class="left_info">
+            <div class="thick">
+              <div class="fnItemNm">품목명</div>
+              <div>-</div>
+              <div class="fnUnit">2EA</div>
+            </div>
+            <div class="thick">
+              <label class="space0">구매가 :</label>
+              <div class="fnPchReqAmt">1,120,000</div>
+            </div>
+          </div>
+          <div class="right">
+            <div class="fnPchReqQty">2</div>
+          </div>
+        </li>
+      </div>
+    </div>
+    <div class="button_bar">
+      <button id="ITP_BTN_MPOMNG02010_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
+    </div>
+  </div>
+  <div id="ITP_AJAX_MPOMNG02010_MODIFY_CONTAINER" style="display: none;">
+    <form id="ITP_FORM_MPOMNG02010_MODIFY" class="form-horizontal" onsubmit="return false;">
+      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_VIEW_CD" name="viewCd" value="C">
+      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_BRAND_ID" name="brandId" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_STORE_ID" name="storeId" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_LOAN_DVSN" name="loanDvsn" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_PCH_REQ_DVSN" name="pchReqDvsn" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_PCH_REQ_ST_CD" name="pchReqStCd" value="">
+      <div class="content">
+        <div class="line">
+          <label>납기요청일</label>
+          <input id="ITP_FORM_MPOMNG02010_MODIFY_DLV_REQ_DT" name="dlvReqDt" class="date fnDlvReqDt" data-check-required="empty" type="date" placeholder="">
+        </div>
+        <div class="line">
+          <label>구매요청금액</label>
+          <div class="line_right">
+            <div class="fnPchReqTotalAmt">0원</div>
+          </div>
+        </div>
+        <div class="line">
+          <label>구매가능금액</label>
+          <div class="line_right">
+            <div class="fnOrdUseAmt">0원</div>
+          </div>
+        </div>
+        <div class="line">
+          <label>납품장소</label>
+          <div class="search_nm">
+            <div class="float_left">
+              <input type="text" id="ITP_FORM_MPOMNG02010_MODIFY_WHS_NM" class="" name="whsNm" data-check-required="empty" placeholder="매장명" readonly />
+              <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_WHS_ID" class="form-control itp_input" name="whsId" value="" />
+              <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_LOCATION" class="form-control itp_input" name="location" value="" />
+            </div>
+            <div class="float_left_btn">
+              <button id="ITP_BTN_MPOMNG02010_MODIFY_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+              <button id="ITP_BTN_MPOMNG02010_MODIFY_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+            </div>
+          </div>
+        </div>
+        <div class="line">
+          <div class="table_header">
+            <h1>>구매 품목</h1>
+            <button type="button" id="ITP_BTN_MPOMNG02010_MODIFY_DEL_ROW" class="btn-primary btn-sm ADB">품목삭제</button>
+            <button type="button" id="ITP_BTN_MPOMNG02010_MODIFY_ADD_ROW" class="btn-primary btn-sm ADB">품목추가</button>
+          </div>
+        </div>
+      </div>
+      <div id="ITP_LIST_MPOMNG02010_MODIFY_AREA" class="scroll_area row-1-1">
+        <ul id="ITP_LIST_MPOMNG02010_MODIFY_ROWS" class="panel-group"></ul>
+        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display:none;">
+          <li class="list-row">
+            <div class="left_info">
+              <div class="check_box"><!-- class 변경 -->
+                <div><input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
+              </div>
+              <div class="thick">
+                <div class="fnItemNm">품목명</div>
+                <div>-</div>
+                <div class="fnUnit">EA</div>
+              </div>
+              <div class="thick">
+                <label class="space0">구매가 :</label>
+                <div class="fnUnitAmt"></div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG02010_MODIFY_MINUS" class="DETAIL_ITEM_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG02010_MODIFY_PLUS" class="DETAIL_ITEM_PLUS">+</button>
+            </div>
+          </li>
+        </div>
+      </div>
+      <div class="button_bar">
+        <button id="ITP_BTN_MPOMNG02010_MODIFY_REQ_ORDER" class="col_3 btn-primary REQ">구매요청</button>
+        <button id="ITP_BTN_MPOMNG02010_MODIFY_TEMP_SAVE" class="col_3 btn-gray TSA">임시저장</button>
+        <button id="ITP_BTN_MPOMNG02010_MODIFY_CANCEL" class="col_3 btn-gray CLB">취소</button>
+      </div>
     </form>
   </div>
+  <div id="ITP_POP_MPOMNG02010_REQ_AREA" class="popup mobile-pop-close" style="display: none;">
+    <div class="pop">
+      <div class="pop_line">
+        <label>납품요청일 &nbsp;&nbsp;:</label>
+        <div class="fnPopDlvReqDt"></div>
+      </div>
+      <div class="pop_line">
+        <label>품목수&nbsp;&nbsp; :</label>
+        <div class="fnItemQty">개</div>
+      </div>
+      <div class="pop_line">
+        <label>구매금액 &nbsp;&nbsp;:</label>
+        <div class="fnOrdAmt">원</div>
+      </div>
+      <label class="pop_label msg_save">구매요청 하시겠습니까?</label>
+      <div class="popup_btn">
+        <button id="ITP_BTN_MPOMNG02010_POP_REQ_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
+        <button id="ITP_BTN_MPOMNG02010_POP_REQ_CONFIRM" class="ok btn-primary COK">확인</button>
+      </div>
+    </div>
+  </div>
+  <div id="ITP_POP_MPOMNG02010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+    <div class="pop">
+      <div class="header">
+        <div class="header_left">
+          <label>> 납품장소</label>
+        </div>
+        <div class="header_right">
+          <button type="button" id="ITP_BTN_MPOMNG02010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+        </div>
+      </div>
+      <div class="search_bar">
+        <form id="ITP_FORM_MPOMNG02010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+          <input type="hidden" id="ITP_FORM_MPOMNG02010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+          <input type="hidden" id="ITP_FORM_MPOMNG02010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+          <input id="ITP_FORM_MPOMNG02010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+          <button id="ITP_BTN_MPOMNG02010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+        </form>
+      </div>
+      <div class="search_bar">
+        <button id="ITP_BTN_MPOMNG02010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+      </div>
+      <div id="ITP_LIST_MPOMNG02010_POP_WHS_AREA" class="popup_scroll">
+        <ul id="ITP_LIST_MPOMNG02010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+        <div id="ITP_LIST_MPOMNG02010_POP_WHS_ROWCOPY" style="display:none;">
+          <li class="row_2">
+            <div class="scroll_left">
+              <div class="fnWhsNm">브랜드 창고 명A</div>
+              <div class="fnLocationNm">(상세위치내용)</div>
+            </div>
+            <div class="scroll_right">
+              <button id="ITP_BTN_MPOMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+            </div>
+          </li>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div id="ITP_POP_MPOMNG02010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: none;">
+    <div class="pop">
+      <div class="header">
+        <div class="header_left">
+          <label>> 품목 검색</label>
+        </div>
+        <div class="header_right">
+          <button type="button" id="ITP_BTN_MPOMNG02010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+        </div>
+      </div>
+      <form id="ITP_FORM_MPOMNG02010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
+        <input type="hidden" id="ITP_FORM_MPOMNG02010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
+        <input type="hidden" id="ITP_FORM_MPOMNG02010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
+        <div class="search_bar">
+          <input id="ITP_FORM_MPOMNG02010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
+          <button id="ITP_BTN_MPOMNG02010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
+        </div>
+        <div class="search_bar">
+          <button id="ITP_BTN_MPOMNG02010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
+        </div>
+      </form>
+      <div id="ITP_LIST_MPOMNG02010_POP_ITEM_AREA" class="popup_scroll">
+        <ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="panel-group"></ul>
+        <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display:none;">
+          <li class="row_2">
+            <div class="left" style="width:180px;">
+              <!--<div class="check_box">
+                  <input type="checkbox" id="ITP_FORM_MPOMNG02010_POP_ITEM_CHECKBOX" name="itemId" />
+              </div>-->
+              <div class="thick">
+                <div class="fnItemNm">품목명</div>
+                <div>-</div>
+                <div class="fnUnit">EA</div>
+              </div>
+              <div class="thick" style="font-weight:100;">
+                <div class="space">구매가 :</div>
+                <div class="fnUnitAmt">0</div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG02010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG02010_POP_ITEM_PLUS" class="POP_ITEM_PLUS">+</button>
+            </div>
+            <div class="add">
+              <button id="ITP_BTN_MPOMNG02010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
+            </div>
+          </li>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div id="ITP_MOBILE_JS"></div>
 </section>

src/main/webapp/mobile/css/style.css

@@ -249,7 +249,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .detail_content .detail_company_info .weight label{font-size: 1.2rem; font-weight: 700;}
 .detail_content .detail_company_info div{font-size: 1rem;}
 .detail_content .detail_company_info .info_left {width: 50%; height: 150px; float: left;}
-.detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 15px;}
+.detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 15px; margin-top:3px;}
 .detail_content .table_header {margin: 0% auto; width: 100%; height: 45px; background-color: skyblue; align-items: center; position: fixed; z-index: 10;}
 .detail_content .table_header h1 {margin-top: 12px; margin-left: 15px; font-size: 1.2rem; float: left;}
 .detail_content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}

src/main/webapp/mobile/js/app/main.js

@@ -4,11 +4,18 @@ require(['config'], function() {
 	], function($) {
 
 		setTimeout(function() {
+			mobMainObj.init();
 		}, 100);
 
 	});
 });
 
+var mobMainObj = {
+	init: function () {
+
+	}
+};
+
 var itp_fn_barcode = {
 	init: function () {
 		this.event();
@@ -19,6 +26,6 @@ var itp_fn_barcode = {
 		});
 	},
 	callback: function (barcode) {
-		itp_fn_modal_alert_ajax(barcode);
+		alert(barcode);
 	}
 };

src/main/webapp/mobile/js/app/mpomng/ITP_MPOMNG01010.js

@@ -19,6 +19,8 @@ const PCH_REQ_ST_CD_TEMP_SAVE		="PR00";
 const PCH_REQ_ST_CD_REQUEST_SAVE	="PR20";
 
 let mobPageObj = {
+	isPrevPage: false,
+	pageParam: null,
 	init: function () {
 		this.ui.init();
 		this.event.init();
@@ -44,13 +46,10 @@ let mobPageObj = {
 				} else {
 					var id = $(this).attr('id');
 					switch (id) {
-						case 'ITP_BTN_MPOMNG01010_DETAIL_DELROW'		: mobContObj.list.delRow(); 	break;
-						case 'ITP_BTN_MPOMNG01010_DETAIL_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 	break;
-						case 'ITP_BTN_MPOMNG01010_DETAIL_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete();	break;
-						case 'ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE'		: break;
-						case 'ITP_BTN_MPOMNG01010_DETAIL_CANCEL'		: $(location).attr('href', MOBILE_CONTEXTPATH + '/app/main.html'); break;
-						case 'ITP_BTN_MPOMNG01010_DETAIL_PLUS'			: mobContObj.list.actPlus($(this));	break;
-						case 'ITP_BTN_MPOMNG01010_DETAIL_MINUS'			: break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_DELROW'		: mobContObj.list.delRow(); 		break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 		break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete();		break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_CANCEL'		: mobContObj.cancel();				break;
 					}
 				}
 				return false;
@@ -89,7 +88,7 @@ let mobContObj = {
 				$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
 				$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_PCH_REQ_DVSN').val(result.pchReqDvsn);
 
-				$('#ITP_FORM_MPOMNG01010_DETAIL .fnOrdUseAmt').text(itp_fn_set_comma(result.ordUseAmt) + '원');
+				$('#ITP_FORM_MPOMNG01010_DETAIL .fnOrdUseAmt').text(CommonObj.currency.add(result.ordUseAmt));
 			};
 			const param = {brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId')};
 			fn_ajax_call(API_MOBILE_INIT_INFO, param, callbackFn, 'GET');
@@ -121,7 +120,7 @@ let mobContObj = {
 				$li.find('.fnBrandUnitUnqNo').val(item.brandUnitUnqNo);
 				$li.find('.fnItemNm').text(item.itemNm);
 				$li.find('.fnPchReqQty').text(item.pchReqQty);
-				$li.find('.fnUnitAmt').text(itp_fn_set_comma(item.unitAmt));
+				$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
 				this.pchReqAmtTot();
 			}
 		},
@@ -162,8 +161,11 @@ let mobContObj = {
 				var amt = item.unitAmt;
 				reqAmt += Number(qty) * amt;
 			});
-			$('#ITP_AJAX_MPOMNG01010_VIEW_CONTAINER').find('.fnPchReqAmtTot').text(itp_fn_set_comma(reqAmt));
+			$('#ITP_AJAX_MPOMNG01010_VIEW_CONTAINER').find('.fnPchReqAmtTot').text(CommonObj.currency.add(reqAmt));
 		}
+	},
+	cancel: function () {
+		$(location).attr('href', MOBILE_CONTEXTPATH + '/app/main.html');
 	}
 };
 
@@ -190,7 +192,7 @@ let mobPopObj = {
 					var $li = $('#ITP_LIST_MPOMNG01010_POP_ITEM_AREA .panel-group > .row_2:last');
 					$li.find('#ITP_FORM_MPOMNG01010_POP_ITEM_CHECKBOX').val(item.itemId);
 					$li.find('.fnItemNm').text(item.itemNm);
-					$li.find('.fnUnitAmt').text(itp_fn_set_comma(item.unitAmt));
+					$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
 				});
 				mobPopObj.popItem.addRow.init();
 			};

src/main/webapp/mobile/js/app/mpomng/ITP_MPOMNG02010.js

@@ -0,0 +1,417 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/pomng/detail-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/pomng/info-pchReq';			// 상세
+const API_MOBILE_SAVE 				= '/api/pomng/save-pchReq';			// 저장
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+
+const PCH_REQ_ST_CD_TEMP_SAVE		="PR00";
+const PCH_REQ_ST_CD_REQUEST_SAVE	="PR20";
+
+const VIEW_MODE_LIST				= "LIST";
+const VIEW_MODE_DETAIL				= "DETAIL";
+const VIEW_MODE_MODIFY				= "MODIFY";
+
+let mobPageObj = {
+	init: function () {
+		this.ui.init();
+		this.event.init();
+		this.ready();
+	},
+	ui: {
+		init: function () {
+			this.view();
+			this.info();
+			this.action();
+		},
+		view: function() {
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+
+			// 조회일자 지정
+			$('#ITP_FORM_MPOMNG02010_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MPOMNG02010_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		info: function() {
+			$('input:hidden[id$="_BRAND_ID"]').val(fn_make_user_info.get('brandId'));
+			$('input:hidden[id$="_STORE_ID"]').val(fn_make_user_info.get('storeId'));
+		},
+		action: function() {
+			$('#ITP_LIST_MPOMNG02010_LIST_AREA').on('scroll', function () {
+				if($(this).scrollTop() + $(this).innerHeight() + 1 >= $(this)[0].scrollHeight) {
+					if(mobContentObj.list.totPage > mobContentObj.list.listPage) {
+						if(!mobContentObj.list.isSearch) {
+							mobContentObj.list.load();
+						}
+					}
+				}
+			});
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MPOMNG02010_"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG02010_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(VIEW_MODE_LIST); 		break;
+					case 'ITP_BTN_MPOMNG02010_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(VIEW_MODE_LIST); 		break;
+					case 'ITP_BTN_MPOMNG02010_SEARCH'			: mobContentObj.list.search();		break;
+					case 'ITP_BTN_MPOMNG02010_CANCEL_LIST'		: mobContentObj.detail.cancel();	break;
+				}
+				return false;
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MPOMNG02010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === VIEW_MODE_LIST) {
+			$('#ITP_AJAX_MPOMNG02010_VIEW_CONTAINER').show();
+		} else if(mode === VIEW_MODE_DETAIL) {
+			$('#ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER').show();
+		} else if(mode === VIEW_MODE_MODIFY) {
+			$('#ITP_AJAX_MPOMNG02010_MODIFY_CONTAINER').show();
+		}
+	},
+	ready: function() {
+		mobContentObj.list.init();
+	}
+};
+
+let mobContentObj = {
+	list: {
+		listSize: 10,
+		listPage: 0,
+		totPage: 0,
+		isSearch: false,
+		rows: [],
+		init: function() {
+			mobPageObj.switchScreen(VIEW_MODE_LIST);
+			this.load();
+			this.action();
+		},
+		search: function() {
+			this.listPage = 0;
+			this.totPage = 0;
+			this.rows.length = 0;
+			$('#ITP_LIST_MPOMNG02010_LIST_ROWS').empty();
+			this.load();
+		},
+		load: function() {
+			var _this = this;
+			this.isSearch = true;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.isSearch = false;
+				_this.totPage = result.gridTotal;
+				$.each(result.gridRows, function (i, item) {
+					$('#ITP_LIST_MPOMNG02010_LIST_AREA .panel-group').append($('#ITP_LIST_MPOMNG02010_LIST_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MPOMNG02010_LIST_AREA .panel-group > .list-row:last');
+					$li.find('.fnPchReqDt').text(item.pchReqDt);
+					$li.find('.fnPchReqMgrNm').text(item.pchReqMgrNm);
+					$li.find('.fnPchReqStNm').text(item.pchReqStNm);
+					$li.find('.fnWhsLocationNm').text(item.whsLocationNm);
+					$li.find('.fnPchReqItemQty').text(CommonObj.comma.set(item.pchReqItemQty));
+					$li.find('.fnPchReqTotalAmt').text(CommonObj.comma.set(item.pchReqTotalAmt));
+					$li.find('.fnPchReqRjctNm').text(item.pchReqRjctNm);
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MPOMNG02010_SEARCH').serializeObject();
+			param.gridPage = ++this.listPage;
+			param.gridSize = this.listSize;
+			param.fromDt = param.fromDt.replace(/-/g, ".");
+			param.toDt = param.toDt.replace(/-/g, ".");
+			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
+		},
+		action: function () {
+			var _this = this;
+			$(document).on('click', '#ITP_LIST_MPOMNG02010_LIST_ROWS li', function() {
+				var index = $(this).index();
+				var item = _this.rows[index];
+				(item.pchReqStCd === PCH_REQ_ST_CD_TEMP_SAVE) ? mobContentObj.modify.init(item) : mobContentObj.detail.init(item);
+			});
+		},
+		move: function(index) {
+			var item = this.rows[index];
+			if(item.pchReqStCd === PCH_REQ_ST_CD_TEMP_SAVE) {
+				var pageParam = {};
+				pageParam['prevId'] = 'MPOMNG02010';
+				pageParam['prevHref'] = '/app/mpomng/MPOMNG02010.html';
+				pageParam['data'] = item;
+				pageParam['prevData'] = item;
+				sessionStorage.setItem(CMD_PAGE_MOVE_PARAM, JSON.stringify(item));
+				fn_make_slide_menu.loadPage('MPOMNG01010', MOBILE_CONTEXTPATH + '/app/mpomng/MPOMNG01010.html')
+			} else {
+				mobContentObj.detail.init(item);
+			}
+		}
+	},
+	detail: {
+		rows: [],
+		init: function(item) {
+			mobPageObj.switchScreen(VIEW_MODE_DETAIL);
+			this.search(item);
+		},
+		search: function(item) {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.rows = result.pchReqDtlList;
+				_this.view(result);
+			};
+			const param = {'brandId':fn_make_user_info.get('brandId'), 'pchReqUnqNo': item.pchReqUnqNo};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER';
+			$(id).find('.fnDlvReqDt').text(result.dlvReqDt);
+			$(id).find('.fnPchReqTotalAmt').text(CommonObj.currency.add(result.pchReqTotalAmt));
+			$(id).find('.fnLocationNm').text(result.locationNm);
+			$(id).find('.fnPchApprNm').text('(' + result.pchApprNm + ')' + CommonObj.currency.add(result.pchApprAmt));
+			$.each(result.pchReqDtlList, function (i, item) {
+				$('#ITP_LIST_MPOMNG02010_DETAIL_AREA .panel-group').append($('#ITP_LIST_MPOMNG02010_DETAIL_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MPOMNG02010_DETAIL_AREA .panel-group > .list-row:last');
+				$li.find('.fnItemNm').text(item.itemNm);
+				$li.find('.fnUnit').text(item.pchReqQty + item.unit);
+				$li.find('.fnPchReqAmt').text(CommonObj.comma.set(item.pchReqAmt));
+				$li.find('.fnPchReqQty').text(CommonObj.currency.add(item.pchReqQty, ''));
+				_this.rows.push(item);
+			});
+		},
+		cancel: function () {
+			this.rows.length = 0;
+			var id = '#ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER';
+			$(id).find('.fnDlvReqDt').text('');
+			$(id).find('.fnPchReqTotalAmt').text('');
+			$(id).find('.fnLocationNm').text('');
+			$(id).find('.fnPchApprNm').text('');
+			$('#ITP_LIST_MPOMNG02010_DETAIL_AREA .panel-group').empty();
+			mobPageObj.switchScreen(VIEW_MODE_LIST);
+		}
+	},
+	modify: {
+		rows: [],
+		init: function(item) {
+			mobPageObj.switchScreen(VIEW_MODE_MODIFY);
+			this.clear();
+			this.event();
+			this.search(item);
+		},
+		event: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MPOMNG02010_MODIFY"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG02010_MODIFY_SEARCH_WHS_NM'		: mobPopObj.popWhsNm.init(VIEW_MODE_MODIFY); 	break;
+					case 'ITP_BTN_MPOMNG02010_MODIFY_DELETE_WHS_NM'		: mobPopObj.popWhsNm.delete(VIEW_MODE_MODIFY); 	break;
+					case 'ITP_BTN_MPOMNG02010_MODIFY_ADD_ROW'			: mobContObj.cancel();				break;
+					case 'ITP_BTN_MPOMNG02010_MODIFY_DEL_ROW'			: mobPopObj.popWhsNm.delete();		break;
+					case 'ITP_BTN_MPOMNG02010_MODIFY_REQ_ORDER'			: mobContObj.cancel();				break;
+					case 'ITP_BTN_MPOMNG02010_MODIFY_TEMP_SAVE'			: mobContObj.cancel();				break;
+					case 'ITP_BTN_MPOMNG02010_MODIFY_CANCEL'			: _this.cancel();					break;
+				}
+				return false;
+			});
+		},
+		search: function(item) {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result);
+			};
+			const param = {'brandId':fn_make_user_info.get('brandId'), 'pchReqUnqNo': item.pchReqUnqNo};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MPOMNG02010_MODIFY_CONTAINER';
+			$(id).find('.fnDlvReqDt').text(result.dlvReqDt.replace(/./g, "-"));
+			$(id).find('.fnPchReqTotalAmt').text(CommonObj.currency.add(result.pchReqTotalAmt));
+			$(id).find('.fnOrdUseAmt').text(CommonObj.currency.add(result.ordUseAmt));
+			$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_WHS_NM').val(result.whsNm);
+			$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_WHS_ID').val(result.whsId);
+			$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_LOCATION').val(result.location);
+			$.each(result.pchReqDtlList, function (i, item) {
+				_this.list.attachRow(item);
+			});
+		},
+		list: {
+			rows: [],
+			attachRow: function (item) {
+				var fnIsExist = function(rows) {
+					var isExist = false;
+					$.each(rows, function(i, row) {
+						if(row.brandUnitUnqNo === item.brandUnitUnqNo) {
+							isExist = true;
+							return false;
+						}
+					});
+					return isExist;
+				};
+				if(!fnIsExist(this.rows)) {
+					this.rows.push(item);
+					$('#ITP_LIST_MPOMNG02010_MODIFY_AREA .panel-group').append($('#ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MPOMNG02010_MODIFY_AREA .panel-group > .list-row:last');
+					$li.find('.fnBrandUnitUnqNo').val(item.brandUnitUnqNo);
+					$li.find('.fnItemNm').text(item.itemNm);
+					$li.find('.fnPchReqQty').text(item.pchReqQty);
+					$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+					this.pchReqAmtTot();
+				}
+			},
+			detachRow: function () {
+				if($('#ITP_LIST_MPOMNG01010_ITEM_AREA input:checkbox[name=brandUnitUnqNo]:checked').length > 0) {
+					var _this = this;
+					$('#ITP_LIST_MPOMNG01010_DETAIL_ROWS li').each(function(index, elem) {
+						var isChecked = $(this).find('input[type="checkbox"]').is(':checked');
+						if(isChecked) {
+							$(this).remove();_this.rows.splice(index, 1);
+						}
+					});
+					this.pchReqAmtTot();
+				}
+			},
+			actPlus: function(elem) {
+				var $div = $(elem).siblings('div');
+				var num = Number($div.text());
+				$($div).text((num + 1).toString());
+				this.rows[$div.parents('li').index()]['pchReqQty'] = $($div).text();
+				this.pchReqAmtTot();
+			},
+			actMinus: function(elem) {
+				var $div = $(elem).siblings('div');
+				var num = Number($div.text());
+				if(num <= 1) {
+					alert('주문수량을 확인하세요.');
+				} else {
+					$($div).text((num - 1).toString());
+					this.rows[$div.parents('li').index()]['pchReqQty'] = $($div).text();
+					this.pchReqAmtTot();
+				}
+			},
+			pchReqAmtTot: function() {
+				var reqAmt = 0;
+				$.each(this.rows, function(index, item) {
+					var qty = item.pchReqQty;
+					var amt = item.unitAmt;
+					reqAmt += Number(qty) * amt;
+				});
+				$('#ITP_AJAX_MPOMNG01010_VIEW_CONTAINER').find('.fnPchReqAmtTot').text(CommonObj.currency.add(reqAmt));
+			}
+		},
+		cancel: function () {
+			this.clear();
+			mobPageObj.switchScreen(VIEW_MODE_LIST);
+		},
+		clear: function() {
+			this.rows.length = 0;
+			var id = '#ITP_AJAX_MPOMNG02010_MODIFY_CONTAINER';
+			$(id).find('.fnDlvReqDt').val('');
+			$(id).find('.fnPchReqTotalAmt').text('');
+			$(id).find('.fnOrdUseAmt').text('');
+			$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_WHS_NM').val('');
+			$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_WHS_ID').val('');
+			$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_LOCATION').val('');
+			$('#ITP_LIST_MPOMNG02010_MODIFY_AREA .panel-group').empty();
+		}
+	}
+};
+
+let mobPopObj = {
+	popWhsNm: {
+		mode: '',
+		init: function (mode) {
+			this.mode = mode;
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		popId: 'ITP_POP_MPOMNG02010_WHS_AREA',
+		rows: [],
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MPOMNG02010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MPOMNG02010_POP_WHS').serializeObject();
+			fn_ajax_call(API_POP_SEARCH_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		view: function(gridRows) {
+			this.rows = gridRows;
+			$.each(gridRows, function (i, item) {
+				$('#ITP_LIST_MPOMNG02010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MPOMNG02010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MPOMNG02010_POP_WHS_AREA .panel-group > .row_2:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					if(_this.mode === VIEW_MODE_LIST) {
+						$('#ITP_FORM_MPOMNG02010_SEARCH #ITP_FORM_MPOMNG02010_SEARCH_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MPOMNG02010_SEARCH #ITP_FORM_MPOMNG02010_SEARCH_WHS_NM').val(item.whsNm);
+					} else if(_this.mode === VIEW_MODE_MODIFY) {
+						$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_WHS_NM').val(item.whsNm);
+						$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_LOCATION').val(item.location);
+					}
+					mobPopObj.hide(_this.popId);
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MPOMNG02010_POP"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG02010_POP_WHS_SEARCH'	: _this.search();				break;
+					case 'ITP_BTN_MPOMNG02010_POP_WHS_CHOICE'	: _this.choice($(this)); 		break;
+					case 'ITP_BTN_MPOMNG02010_POP_WHS_CLOSE'	: mobPopObj.hide(_this.popId);	break;
+				}
+				return false;
+			});
+		},
+		delete: function(mode) {
+			if(mode === VIEW_MODE_LIST) {
+				$('#ITP_FORM_MPOMNG02010_SEARCH #ITP_FORM_MPOMNG02010_SEARCH_WHS_ID').val('');
+				$('#ITP_FORM_MPOMNG02010_SEARCH #ITP_FORM_MPOMNG02010_SEARCH_WHS_NM').val('');
+			} else if(mode === VIEW_MODE_MODIFY) {
+				$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_WHS_ID').val('');
+				$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_WHS_NM').val('');
+				$('#ITP_FORM_MPOMNG02010_MODIFY #ITP_FORM_MPOMNG02010_MODIFY_LOCATION').val('');
+				mobPopObj.hide(ID_ITP_POP_MPOMNG01010_WHS_AREA);
+			}
+		}
+	},
+	show: function(popId) {
+		$('#' + popId).show();
+	},
+	hide: function(popId) {
+		$('#' + popId).closest('.mobile-pop-close').hide();
+	}
+};

src/main/webapp/mobile/js/config.js

@@ -2,6 +2,8 @@
 var today = new Date();
 const js_version = itp_fn_date_format(today);
 
+const CMD_PAGE_MOVE_PARAM = 'PAGE_MOVE_PARAM';
+
 requirejs.config({
 	baseUrl: ITP_CONTEXTPATH,
 	paths: {
@@ -173,10 +175,6 @@ var fn_make_slide_menu = {
 				$(selector + ' .fnLevelBottomList .itp_svg_in:last').attr('data-conn-url', value.connUrl);
 				$(selector + ' .fnLevelBottomList .itp_svg_in:last').attr('data-open-cd', value.openCd);
 				$(selector + ' .fnLevelBottomList .itp_svg_in:last').attr('id', value.menuId + '_PAGE_NO');
-				// $(selector + ' .fnLevelBottomList .itp_svg_in:last').find('.itp_nav_link').attr('data-itp-nav-id', value.menuId);
-				// $(selector + ' .fnLevelBottomList .itp_svg_in:last').find('.itp_nav_link').attr('data-conn-url', value.connUrl);
-				// $(selector + ' .fnLevelBottomList .itp_svg_in:last').find('.itp_nav_link').attr('data-open-cd', value.openCd);
-				// $(selector + ' .fnLevelBottomList .itp_svg_in:last').find('.itp_nav_link').attr('id', value.menuId + '_PAGE_NO');
 			}
 		});
 		this.action();
@@ -195,6 +193,7 @@ var fn_make_slide_menu = {
 			if(openCd === 'C') {
 				const href = MOBILE_CONTEXTPATH + connUrl;
 				_this.loadPage(id, href);
+				$('#ITP_MENU').toggle();
 			}
 		});
 	},
@@ -219,7 +218,6 @@ var fn_make_slide_menu = {
 				//JS파일적용
 				const js = "<script src=\"../js/app/"+id.substring(0, id.length - 5).toLowerCase()+"/ITP_"+id+".js?version="+js_version+"\"></script>";
 				$('#ITP_CONTAINER #ITP_MOBILE_'+id+' #ITP_MOBILE_JS').append(js);
-				$('#ITP_MENU').toggle();
 			},
 			error: function(xhr, status, error) {
 				if (xhr.status == 401) location.href = MOBILE_CONTEXTPATH + '/app/';
@@ -384,7 +382,7 @@ function fn_call_popup(type, popnm, container,  popFn, args, returnType) {
 };
 
 //AJAX 양식 (이렇게 사용하시면 됩니다.)
-function fn_ajax_call(href, param, fn, type) {
+function fn_ajax_call(href, param, fn, type, errFn) {
 	$.ajax({
 		contentType: 'application/json',
 		url: DOMAIN + href,
@@ -418,9 +416,11 @@ function fn_ajax_call(href, param, fn, type) {
 			} else {
 				itp_fn_modal_alert_ajax(ITP_MSG_LOCALE.message.ajax.failProcess);
 			}
+			if (errFn !== undefined || typeof errFn !== 'undefined') errFn();
 		},
 		fail: function() {
 			itp_fn_modal_alert_ajax(ITP_MSG_LOCALE.message.ajax.failProcess);
+			if (errFn !== undefined || typeof errFn !== 'undefined') errFn();
 		}
 	});
 };
@@ -470,30 +470,6 @@ function itp_fn_modal_confirm(msg, fn, args) {
 			$('#ITP_MODAL_ALERT').modal('hide');
 		});
 	}
-};
-
-function itp_fn_date_format(date, type) {
-	let month = date.getMonth() + 1;
-	let day = date.getDate();
-	let hour = date.getHours();
-	let minute = date.getMinutes();
-	let second = date.getSeconds();
-
-	month = month >= 10 ? month : '0' + month;
-	day = day >= 10 ? day : '0' + day;
-	hour = hour >= 10 ? hour : '0' + hour;
-	minute = minute >= 10 ? minute : '0' + minute;
-	second = second >= 10 ? second : '0' + second;
-
-	if(type && type == 1) {
-		return date.getFullYear() + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
-	} else if(type && type == 2) {
-		return date.getFullYear() + '.' + month + '.' + day;
-	} else if(type && type == 3) {
-		return date.getFullYear() + '' + month + '' + day;
-	} else {
-		return date.getFullYear() + month + day + hour + minute + second;
-	}
 }
 
 let itp_fn_form_validate = function(form, element, arry, msg, type) {
@@ -663,6 +639,12 @@ let itp_fn_form_event = {
 };
 
 let CommonObj = {
+	listSize: 10,
+	jsonParam: function(formId) {
+		const param = $(formId).serializeObject();
+		param.gridSize = this.listSize;
+		return JSON.stringify(param);
+	},
 	init: function() {
 		$.fn.serializeObject = function() {
 			var result = {};
@@ -743,12 +725,43 @@ let CommonObj = {
 	}
 };
 
-function itp_fn_set_comma(str) {
-	str = String(str);
-	return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
-};
+function itp_fn_date_format(date, type) {
+	let month = date.getMonth() + 1;
+	let day = date.getDate();
+	let hour = date.getHours();
+	let minute = date.getMinutes();
+	let second = date.getSeconds();
 
-function itp_fn_set_uncomma(str) {
-	str = String(str);
-	return str.replace(/[^\d]+/g, '');
-};
+	month = month >= 10 ? month : '0' + month;
+	day = day >= 10 ? day : '0' + day;
+	hour = hour >= 10 ? hour : '0' + hour;
+	minute = minute >= 10 ? minute : '0' + minute;
+	second = second >= 10 ? second : '0' + second;
+
+	if(type && type == 1) {
+		return date.getFullYear() + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
+	} else if(type && type == 2) {
+		return date.getFullYear() + '.' + month + '.' + day;
+	} else if(type && type == 3) {
+		return date.getFullYear() + '' + month + '' + day;
+	} else if(type && type == 4) {
+		return date.getFullYear() + '-' + month + '-' + day;
+	} else {
+		return date.getFullYear() + month + day + hour + minute + second;
+	}
+}
+
+function itp_fn_date_add(type, iAdd) {
+	var date = new Date();
+	if(type === 'Y') date.setFullYear(date.getFullYear() + iAdd);
+	else if(type === 'M') date.setMonth(date.getMonth() + iAdd);
+	else if(type === 'D') date.setDate(date.getDate() + iAdd);
+	return itp_fn_date_format(date, 4);
+}
+
+const ITP_DATE_LANGUAGE = (function() {
+	let lang = ITP_LANGUAGE;
+	if (lang == 'en') {lang = ITP_LANGUAGE + '-GB';}
+	var agrs = {language: lang};
+	return agrs;
+}());