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

src/main/webapp/js/app/ordmng/ITP_ORDMNG01010.js

@@ -184,11 +184,10 @@ let pageObj = {
 			// 조회일자 지정	
 			var now = new Date();
 			var defaultToDate = new Date(now);
-			console.log(now.getDate());
+			defaultToDate.setDate(now.getDate()+7);
 			$('#ITP_TAB_ORDMNG01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
-		
 			$('#ITP_FORM_ORDMNG01010_SEARCH_FROM_DT').datepicker('setDate', now);
-			$('#ITP_FORM_ORDMNG01010_SEARCH_TO_DT').datepicker('setDate', defaultToDate.setDate(now.getDate() + 7));
+			$('#ITP_FORM_ORDMNG01010_SEARCH_TO_DT').datepicker('setDate', defaultToDate);
 		},
 		grid: function() {
 			itp_fn_jqgrid_resize(ORDMNG01010_GRID_ID, ORDMNG01010_GRID_LIST, 'lg');

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

@@ -1,19 +1,21 @@
 <section>
-  <div id="ITP_AJAX_MORDMNG01010_VIEW_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MORDMNG01010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>납품장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MORDMNG01010_VIEW" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MORDMNG01010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MORDMNG01010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MORDMNG01010_VIEW" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MORDMNG01010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MORDMNG01010"><img src="../img/delete.png" alt=""></button>
+	        </div>	
         </div>
       </div>
       <div class="line">
         <label>수주상태</label>
-        <div class="float_left">
+        <div class="line_right">
           <select name="" id="ITP_FORM_MORDMNG01010_VIEW">
             <option value=""></option>
           </select>
@@ -31,11 +33,11 @@
         <select class="label" name="" id="ITP_FORM_MORDMNG01010_VIEW">
           <option value="">발주번호/품목명</option>
         </select>
-        <div class="float_left">
-          <input id="ITP_FORM_MORDMNG01010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        <div class="search_wrap">
+          <input id="ITP_FORM_MORDMNG01010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:50px;">
         <div class="search">
           <button id="ITP_BTN_MORDMNG01010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -51,7 +53,7 @@
             <div class="nomal">
               <label>브랜드명 &nbsp;:</label>
               <div>
-                <div class="fn space1">브랜드명</div>
+                <div class="fn">브랜드명</div>
               </div>
               <label>발주번호&nbsp;:</label>
               <div>
@@ -63,7 +65,7 @@
             <div class="nomal">
               <label>발주상태 &nbsp;:</label>
               <div>
-                <div class="fn space1">요청</div>
+                <div class="fn">요청</div>
               </div>
               <label>발주일자&nbsp;:</label>
               <div>
@@ -87,7 +89,7 @@
             <div class="nomal">
               <label>발주금액 &nbsp;:</label>
               <div>
-                <div class="fn space1">2,000,000</div>
+                <div class="fn">2,000,000</div>
               </div>
               <label>품목수&nbsp;:</label>
               <div>
@@ -99,7 +101,7 @@
       </li>
     </div>
   </div>
-  <div id="ITP_AJAX_MORDMNG01010_DETAIL_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MORDMNG01010_DETAIL_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>브랜드명</label>

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

@@ -1,15 +1,16 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: block;">
     <div class="content">
       <div class="line">
         <label>납품장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MORDMNG02010_VIEW" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MORDMNG02010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MORDMNG02010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MORDMNG02010_VIEW" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MORDMNG02010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MORDMNG02010"><img src="../img/delete.png" alt=""></button>
+	        </div>
         </div>
       </div>
       <div class="line">
@@ -24,11 +25,11 @@
         <select class="label" name="" id="ITP_FORM_MORDMNG02010_VIEW">
           <option value="">발주번호/품목명</option>
         </select>
-        <div class="float_left">
-          <input id="ITP_FORM_MORDMNG02010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        <div class="search_wrap">
+          <input id="ITP_FORM_MORDMNG02010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:45px;">
         <div class="search">
           <button id="ITP_BTN_MORDMNG02010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -91,8 +92,8 @@
           <div class="left">
             <div class="nomal">
               <label class="col_0">단가금액 &nbsp;:</label>
-              <div>
-                <div class="fn space1">1,000원</div>
+              <div class="col_5">
+                <div class="fn col_5">1,000원</div>
               </div>
               <label class="col_0">발주금액&nbsp;:</label>
               <div>
@@ -111,7 +112,7 @@
       </div>
     </div>
   </div>
-  <div id="ITP_AJAX_MORDMNG02010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MORDMNG02010_DETAIL_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>브랜드명</label>
@@ -152,8 +153,8 @@
       <div class="line">
         <label>발주담당자</label>
         <div class="line_right">
-          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:200px;" placeholder="이름">
-          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:300px;" placeholder="연락처">
+          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:100px;margin-right: 5px;" placeholder="이름">
+          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:140px;margin-right: 10px;" placeholder="연락처">
         </div>
       </div>
       <div class="table_header">

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

@@ -1,15 +1,16 @@
-<link rel="stylesheet" href="/style.css">
 <section>
-  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: none;">
     <div class="content">
       <div class="line">
         <label>납품장소</label>
-        <div class="float_left">
-          <input id="ITP_FORM_MORDMNG03010_VIEW" type="text" placeholder="A매장명">
-        </div>
-        <div class="float_left_btn">
-          <button id="ITP_BTN_MORDMNG03010"><img src="/img/search.png" alt=""></button>
-          <button id="ITP_BTN_MORDMNG03010"><img src="/img/delete.png" alt=""></button>
+        <div class="search_wrap">
+	        <div class="float_left">
+	          <input id="ITP_FORM_MORDMNG03010_VIEW" type="text" placeholder="A매장명">
+	        </div>
+	        <div class="float_left_btn">
+	          <button id="ITP_BTN_MORDMNG03010"><img src="../img/search.png" alt=""></button>
+	          <button id="ITP_BTN_MORDMNG03010"><img src="../img/delete.png" alt=""></button>
+	        </div>
         </div>
       </div>
       <div class="line">
@@ -24,11 +25,11 @@
         <select class="label" name="" id="ITP_FORM_MORDMNG03010_VIEW">
           <option value="">발주번호/품목명</option>
         </select>
-        <div class="float_left">
-          <input id="ITP_FORM_MORDMNG03010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
+        <div class="search_wrap">
+          <input id="ITP_FORM_MORDMNG03010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
         </div>
       </div>
-      <div class="line">
+      <div class="line" style="height:45px;">
         <div class="search">
           <button id="ITP_BTN_MORDMNG03010" class="btn-primary btn-sm ADB">검색</button>
         </div>
@@ -108,7 +109,7 @@
       </div>
     </div>
   </div>
-  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: block;">
     <div class="detail_content">
       <div class="detail_header">
         <div class="detail_logo">

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

@@ -1,5 +1,5 @@
 <section id="ITP_MOBILE_MPOMNG01010">
-  <div id="ITP_POP_MPOMNG01010_REQ_CONFIRM" class="popup mobile-popup-div" style="display: none;">
+  <div id="ITP_POP_MPOMNG01010_REQ_CONFIRM" class="popup mobile-pop-close" style="display: none;">
     <div class="pop">
       <div class="pop_line">
         <label>납품요청일 &nbsp;&nbsp;:</label>
@@ -15,19 +15,19 @@
       </div>
       <label class="pop_label">구매요청 하시겠습니까?</label>
       <div class="popup_btn">
-        <button id="ITP_BTN_MPOMNG01010_POP_CANCEL" class="cancel btn-gray CLB">취소</button>
+        <button id="ITP_BTN_MPOMNG01010_POP_CANCEL" class="cancel btn-gray CLB btn-pop-close">취소</button>
         <button id="ITP_BTN_MPOMNG01010_POP_CONFIRM" class="ok btn-primary COK">확인</button>
       </div>
     </div>
   </div>
-  <div id="ITP_POP_MPOMNG01010_WHS_NM" class="popup2 mobile-popup-div" style="display: none;">
+  <div id="ITP_POP_MPOMNG01010_WHS_NM" 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_MPOMNG01010_POP_CLOSE"><img src="../img/close.png"></button>
+          <button type="button" id="ITP_BTN_MPOMNG01010_POP_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
         </div>
       </div>
       <div class="search_bar">
@@ -52,15 +52,6 @@
             </div>
           </li>
         </div>
-        <!--<li>
-          <div class="scroll_left">
-            <div class="fn">브랜드 창고 명A</div>
-            <div class="fn">(상세위치내용)</div>
-          </div>
-          <div class="scroll_right">
-            <button id="ITP_BTN_MPOMNG01010_POP_CHOICE">선택</button>
-          </div>
-        </li>-->
       </div>
     </div>
   </div>
@@ -71,43 +62,60 @@
           <label>> 품목 검색</label>
         </div>
         <div class="header_right">
-          <button id="ITP_BTN_MSTOCKMNG01010"><img src="../img/close.png"></button>
+          <button type="button" id="ITP_BTN_MPOMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
         </div>
       </div>
+      <form id="ITP_FORM_MPOMNG01010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
+        <input type="hidden" id="ITP_FORM_MPOMNG01010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
+        <input type="hidden" id="ITP_FORM_MPOMNG01010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
       <div class="search_bar">
-        <form id="ITP_FORM_MPOMNG01010_POPUP" class="form-horizontal" onsubmit="return false;">
-          <input id="ITP_FORM_MPOMNG01010_POP_KEYWORD" type="text" placeholder="품목명/품목번호">
-          <button id="ITP_BTN_MPOMNG01010_POP_SEARCH"><img src="../img/search.png"></button>
-        </form>
+          <input id="ITP_FORM_MPOMNG01010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
+          <button id="ITP_BTN_MPOMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
       </div>
-       <div class="search_bar">
+      <div class="search_bar">
         <button id="ITP_BTN_MPOMNG01010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
       </div>
+      </form>
       <div class="popup_scroll">
-        <li class="row_2">
+        <ul id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWS" class="panel-group"></ul>
+        <div id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY" style="display:none;">
+        <li class="row_2"
+            data-brandUnitUnqNo=""
+            data-podrPssblDvsn=""
+            data-spplyId=""
+            data-stddQty=""
+            data-storeUnitUnqNo=""
+            data-unit=""
+            data-unitAmt=""
+            data-unitGubun="">
           <div class="left" style="width:190px;">
             <div class="thick">
-              <div class="fn">품목명</div>
+              <div><input type="checkbox" id="ITP_FORM_MPOMNG01010_POP_ITEM_CHECKBOX" name="itemId" /></div>
+            </div>
+            <div class="thick">
+              <div class="fnItemNm">품목명</div>
               <div>-</div>
-              <div class="fn">2EA</div>
+              <div class="fnOrdUnit">EA</div>
             </div>
             <div class="nomal">
               <div class="space">구매가 :</div>
-              <div class="fn">1,120,000</div>
+              <div class="fnOrdAmount">0</div>
             </div>
           </div>
           <div class="right">
-            <button id="ITP_BTN_MSTOCKMNG01010"><</button>
+            <button id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_PLUS"><</button>
             <div class="num">2</div>
-            <button id="ITP_BTN_MSTOCKMNG01010">></button>
+            <button id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_MINUS">></button>
           </div>
           <div class="add">
-            <button id="ITP_BTN_MSTOCKMNG01010">추가</button>
+            <button id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_ADD">추가</button>
           </div>
         </li>
+        </div>
       </div>
     </div>
-  </div>	
+  </div>
+
   <div id="ITP_AJAX_MPOMNG01010_VIEW_CONTAINER">
     <form id="ITP_FORM_MPOMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
       <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
@@ -124,7 +132,13 @@
         <div class="line">
           <label>구매요청금액</label>
           <div class="line_right">
-            <div class="fn">424,000원</div>
+            <div class="fnPchReqAmt">0원</div
+          </div>
+        </div>
+        <div class="line">
+          <label>구매가능금액</label>
+          <div class="line_right">
+            <div class="fnOrdUseAmt">0원</div>
           </div>
         </div>
         <div class="line">
@@ -152,10 +166,13 @@
         <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display:none;">
           <li>
             <div class="left_info">
+              <div class="thick">
+                <div><input type="checkbox" id="ITP_FORM_MPOMNG01010_DETAIL_CHECKBOX" name="itemId" /></div>
+              </div>
               <div class="thick">
                 <div class="fnItemNm">품목명</div>
                 <div>-</div>
-                <div class="fnUnit">2EA</div>
+                <div class="fnUnit">EA</div>
               </div>
               <div class="thick">
                 <label class="space0">구매가 :</label>
@@ -164,7 +181,7 @@
             </div>
             <div class="right">
               <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
-              <div class="num fnNum">2</div>
+              <div class="num fnNum">0</div>
               <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
             </div>
           </li>

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

@@ -235,15 +235,15 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .detail_content .detail_header .detail_logo img {width: 150px; margin-left: 50px;}
 .detail_content .detail_header .detail_ok {float: left;}
 .detail_content .detail_header .detail_ok label {margin-left: 80px; font-size: 2.8rem; font-weight: 700;}
-.detail_content .detail_confirmation {width: 90%; margin: 10% auto; height: 280px; }
-.detail_content .detail_confirmation .detail_col {float: left; width: 100%; display: inline-flex; margin-left: 30px; margin-bottom: 10px;}
-.detail_content .detail_confirmation .detail_col label{font-size: 2rem; font-weight: 700; float: left; width: 235px; text-align: left;}
-.detail_content .detail_confirmation .detail_col i{font-size: 2rem; width: 1%; text-align: right; margin-right: 10px;}
-.detail_content .detail_confirmation .detail_col div{font-size: 2rem; width: auto; text-align: left;}
-.detail_content .detail_company_info label{font-size: 2rem; font-weight: 600;}
+.detail_content .detail_confirmation {height: 200px; }
+.detail_content .detail_confirmation .detail_col {float: left; width: 100%; display: inline-flex; margin-left: 15px; margin-bottom: 10px;}
+.detail_content .detail_confirmation .detail_col label{font-size: 1rem; font-weight: 700; float: left; width: 100px; text-align: left;}
+.detail_content .detail_confirmation .detail_col i{font-size: 1rem; width: 1%; text-align: right; margin-right: 10px;}
+.detail_content .detail_confirmation .detail_col div{font-size: 1rem; width: auto; text-align: left;}
+.detail_content .detail_company_info label{font-size: 1rem; font-weight: 600;}
 .detail_content .detail_company_info .weight {margin-bottom: 20px;}
-.detail_content .detail_company_info .weight label{font-size: 2.4rem; font-weight: 700;}
-.detail_content .detail_company_info div{font-size: 2rem;}
+.detail_content .detail_company_info .weight label{font-size: 1.4rem; font-weight: 700;}
+.detail_content .detail_company_info div{font-size: 1rem;}
 .detail_content .detail_company_info .info_left {width: 50%; height: 350px; float: left;}
 .detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 50px;}
 .detail_content .table_header {margin: 33% auto; width: 100%; height: 100px; background-color: skyblue; align-items: center; position: fixed; z-index: 10;}
@@ -276,7 +276,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 .row-3{top: 333px;}
 .row-4{top: 377px;}
-.row-5{top: 850px;}
+.row-5{top: 418px;}
 .row-6{top: 468px;}
 .row-7{top: 1030px;}
 
@@ -297,7 +297,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li.history_list1 {height: 230px;}
 .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
-.scroll_area li.history_list3 {height: 330px;}
+.scroll_area li.history_list3 {height: 160px; padding-top:5px;}
 .scroll_area li.history_list4 {height: 150px;}
 .scroll_area li .history_info {width: auto;}
 .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
@@ -324,7 +324,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal .half label {font-weight:100;}
 .scroll_area li .left .nomal  input{width: 85px; height:30px;}
 .scroll_area li .left .nomal .scroll_btn {margin-bottom: 10px; min-width: 0;}
-.scroll_area li .left .nomal .scroll_btn button{position: absolute; top: -10px; width: 100px; height: 70px; font-size: 1.8rem; padding: 0; border-radius: 15px; background: rgb(198, 170, 250);}
+.scroll_area li .left .nomal .scroll_btn button{width: 50px; height: 40px; font-size: 0.8rem; padding: 0; border-radius: 10px; background: rgb(198, 170, 250);}
 
 .scroll_area li .left .nomal span {margin:0 10px;}
 
@@ -332,9 +332,6 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
 
-.scroll_area li .left .nomal .space{ margin-left: 30px; min-width: 100px;}
-.scroll_area li .left .nomal .space0{ margin-left: 30px; width: auto;}
-.scroll_area li .left .nomal .space1{ margin-left: 0px; width: 200px;}
 .scroll_area li .left .nomal .space2 {display: inline-flex; font-size: 1.4rem; font-weight: 700;}
 .scroll_area li .left .nomal label{position:relative; margin-left: 10px;}
 .scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}

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

@@ -1,7 +1,7 @@
 require(['config'], function() {
 	require([
 	], function($) {
-		contentPageObj.init();
+		mobPageObj.init();
 	});
 });
 
@@ -9,15 +9,21 @@ require(['config'], function() {
 const API_MOBILE_INIT_INFO	= '/api/pomng/init-pchReq';
 const API_MOBILE_SAVE		= '/api/pomng/save-pchReq';
 const API_POP_SEARCH_LIST	= '/api/whs/mng/pop-whs-search';
+const API_POP_ITEM_LIST 	= '/api/item/pop-grid-list';
 
-let contentPageObj = {
+let mobPageObj = {
 	init: function () {
 		this.ui.init();
 		this.event.init();
+		this.ready();
 	},
 	ui: {
 		init: function () {
-
+			this.info();
+		},
+		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'));
 		}
 	},
 	event: {
@@ -27,10 +33,13 @@ let contentPageObj = {
 		button: function() {
 			$('button[id^="ITP_BTN_MPOMNG01010_DETAIL"]').on('click', function() {
 				if($(this).is('[data-call-popup]')) {
-					contentPopObj.show($(this).data('call-popup'));
+					mobPopObj.show($(this).data('call-popup'));
 				} else {
 					var id = $(this).attr('id');
 					switch (id) {
+						case 'ITP_BTN_MPOMNG01010_DETAIL_ADDROW': contPopObj.list.addRow(); break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_DELROW': contPopObj.list.delRow(); break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_DELETE_WHS_NM': break;
 						case 'ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE': break;
 						case 'ITP_BTN_MPOMNG01010_DETAIL_CANCEL':break;
 					}
@@ -38,25 +47,94 @@ let contentPageObj = {
 				return false;
 			});
 		}
+	},
+	ready: function() {
+		contPopObj.init();
 	}
 };
 
-let contentPopObj = {
+let contPopObj = {
+	init: function() {
+		this.data.load();
+	},
+	data: {
+		initPchReq: null,
+		load: function() {
+			var _this = this;
+			var callbackFn = function(result) {
+				_this.initPchReq = result;
+				$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_BRAND_ID').val(result.brandId);
+				$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_STORE_ID').val(result.storeId);
+				$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_LOAN_DVSN').val(result.loanDvsn);
+				$('#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) + '원');
+			};
+			const key = {brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId')};
+			fn_ajax_call(API_MOBILE_INIT_INFO, key, callbackFn, 'GET');
+		}
+	},
+	list: {
+		addRow: function() {
+			var _this = this;
+			var callbackFn = function(result) {
+				mobPopObj.addRow.init(result);
+			};
+			let param = $('#ITP_FORM_MPOMNG01010_POPUP_ITEM').serializeObject();
+			param.gridSize = 10;
+			fn_ajax_call(API_POP_ITEM_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		delRow: function() {
+
+		}
+	}
+};
+
+let mobPopObj = {
+	addRow: {
+		rows: [],
+		init: function(rows) {
+			this.rows = rows;
+			mobPopObj.show('ITP_POP_MPOMNG01010_ITEM_NM');
+			this.view();
+		},
+		view: function() {
+			$.each(this.rows, function (i, item) {
+				$('#ITP_LIST_MPOMNG01010_POP_ITEM_ROWS').append($('#ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY').html());
+				var li = $('#ITP_LIST_MPOMNG01010_POP_ITEM_ROWS .panel-group > .row_2:last');
+				$(li).find('#ITP_FORM_MPOMNG01010_POP_ITEM_CHECKBOX').val(item.itemId);
+				$(li).find('.fnItemNm').text(item.itemNm);
+				$(li).data('brandUnitUnqNo', item.brandUnitUnqNo);
+				$(li).data('podrPssblDvsn', item.podrPssblDvsn);
+				$(li).data('spplyId', item.spplyId);
+				$(li).data('stddQty', item.stddQty);
+				$(li).data('storeUnitUnqNo', item.storeUnitUnqNo);
+				$(li).data('unit', item.unit);
+				$(li).data('unitAmt', item.unitAmt);
+				$(li).data('unitGubun', item.unitGubun);
+			});
+		},
+		search: function() {
+
+		},
+		choice: function() {
+
+		}
+	},
 	show: function(id, args, fn) {
 		this.button();
-		console.log(id);
 		$('#' + id).show();
 	},
 	button: function() {
 		var _this = this;
 		$('button[id^="ITP_BTN_MPOMNG01010_POP"]').off('click').on('click', function() {
 			var id = $(this).attr('id');
-			if(id.indexOf('POP_CLOSE') > -1) {
+			if($(this).hasClass('btn-pop-close')) {
 				_this.hide(id);
 				return;
 			}
 			switch (id) {
-				case 'ITP_BTN_MPOMNG01010_POP_CANCEL': _this.hide(id); break;
 				case 'ITP_BTN_MPOMNG01010_POP_CONFIRM': break;
 				case 'ITP_BTN_MPOMNG01010_POP_SEARCH':
 					break;

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

@@ -499,6 +499,16 @@ function itp_fn_date_format(date, type) {
 	}
 }
 
+function itp_fn_set_comma(str) {
+	str = String(str);
+	return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
+};
+
+function itp_fn_set_uncomma(str) {
+	str = String(str);
+	return str.replace(/[^\d]+/g, '');
+};
+
 let itp_fn_form_validate = function(form, element, arry, msg, type) {
 	var error = function(txt) {
 		if (type != 'ONLYCHK') {