필수입력 알리팝업, 구매요청생성 팝업수정

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

@@ -125,7 +125,6 @@
 				</div>
 			</div>
 		</div>
-
 		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal" style="">
 			<div class="modal-dialog modal-sm">
 				<div class="modal-content">
@@ -151,7 +150,9 @@
 						<h5 class="modal-title">알림</h5>
 					</div>
 					<div class="modal-body">
-						<div><div class="text-center itp_alert_txt">미입력칸 제목</div>칸 은 필수 입력란 입니다.</div>
+						<div class="">
+							<div style="display:contents" class="fnNotInput">미입력칸 제목</div>&nbsp;입력란 은 필수 입력란입니다.
+						</div>
 					</div>
 					<div class="modal-footer">
 						<button type="button" class="btn btn-primary" id="ITP_MODAL_NOT_INPUT_CONFIRM">확인</button>
@@ -160,7 +161,6 @@
 			</div>
 		</div>
 	</footer>
-
 	<aside id="ITP_ASIDE"></aside>
 </div>
 </body>

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

@@ -52,7 +52,7 @@
           </div>
         </div>
       </div>
-      <div id="ITP_LIST_MPOMNG01010_ITEM_AREA" class="scroll_area row-3">
+      <div id="ITP_LIST_MPOMNG01010_ITEM_AREA" class="scroll_area row-1-1">
         <ul id="ITP_LIST_MPOMNG01010_DETAIL_ROWS" class="mb_0 panel-group"></ul>
         <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display: none;">
       <!--   검색된 데이터가 없습니다  -->
@@ -99,19 +99,48 @@
     </form>
   </div>
   <div id="ITP_MOBILE_JS"></div>
-    <div id="ITP_POP_MPOMNG01010_REQ_AREA" class="popup mobile-pop-close" style="display: block;">
+  	<!-- 구매요청팝업 -->
+    <div id="ITP_POP_MPOMNG01010_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 class="itp_label_area">
+	                <label>납품요청일</label>
+	            </div>
+	            <div class="itp_info_area">
+	                <div class="fnPopDlvReqDt"></div>
+	            </div>
             </div>
             <div class="pop_line">
-                <label>품목수&nbsp;&nbsp; :</label>
-                <div class="fnItemQty"></div>
+	            <div class="itp_label_area">
+              		<label>품목수</label>
+	            </div>
+   	            <div class="itp_info_area">
+                	<div class="fnItemQty"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매요청금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdReqAmt"></div>
+                </div>
             </div>
             <div class="pop_line">
-                <label>구매금액 &nbsp;&nbsp;:</label>
-                <div class="fnOrdAmt"></div>
+              	<div class="itp_label_area">
+                	<label>구매가능금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdPssblAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line border">
+              	<div class="itp_label_area">
+                	<label>구매금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdAmt"></div>
+                </div>
             </div>
             <!--<label class="pop_label msg_save">구매요청 하시겠습니까?</label>-->
             <div class="pop_msg">구매요청 하시겠습니까?</div>
@@ -121,6 +150,206 @@
             </div>
         </div>
     </div>
+    <!-- 선불매장결제 -->
+    <div id="ITP_POP_MPOMNG01010_AMT_ADV_AREA" class="popup mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="pop_line">
+	            <div class="itp_label_area">
+	                <label>납품요청일</label>
+	            </div>
+	            <div class="itp_info_area">
+	                <div class="fnPopDlvReqDt"></div>
+	            </div>
+            </div>
+            <div class="pop_line">
+	            <div class="itp_label_area">
+              		<label>품목수</label>
+	            </div>
+   	            <div class="itp_info_area">
+                	<div class="fnItemQty"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매요청금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdReqAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매가능금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdPssblAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line border">
+              	<div class="itp_label_area">
+                	<label>구매금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdAmt"></div>
+                </div>
+            </div>
+            <div class="pop_msg">   선불매장이므로 결재를 하셔야 구매요청이 진행이 됩니다. <br>결재를 하시겠습니까?</div>
+            <div class="popup_btn">
+                <button id="ITP_BTN_MPOMNG01010_POP_AMT_ADV_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
+                <button id="ITP_BTN_MPOMNG01010_POP_AMT_ADV_CONFIRM" class="ok btn-primary COK">결제</button>
+            </div>
+        </div>
+    </div>
+    <!-- 구매한도부족 -->
+    <div id="ITP_POP_MPOMNG01010_AMT_LMT_AREA" class="popup mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="pop_line">
+	            <div class="itp_label_area">
+	                <label>납품요청일</label>
+	            </div>
+	            <div class="itp_info_area">
+	                <div class="fnPopDlvReqDt"></div>
+	            </div>
+            </div>
+            <div class="pop_line">
+	            <div class="itp_label_area">
+              		<label>품목수</label>
+	            </div>
+   	            <div class="itp_info_area">
+                	<div class="fnItemQty"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매요청금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdReqAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매가능금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdPssblAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line border">
+              	<div class="itp_label_area">
+                	<label>구매금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdAmt"></div>
+                </div>
+            </div>
+            <div class="pop_msg">구매한도가 부족합니다.<br>선결재를 하신 후에 구매요청을 하시기 바랍니다.<br> 결재 버튼을 누르시면 임시 저장 후 결재가 진행이 됩니다.<br>결재를 하시겠습니까?</div>
+            <div class="popup_btn">
+                <button id="ITP_BTN_MPOMNG01010_POP_AMT_LMT_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
+                <button id="ITP_BTN_MPOMNG01010_POP_AMT_LMT_CONFIRM" class="ok btn-primary COK">결제</button>
+            </div>
+        </div>
+    </div>
+     <!-- 선불매장- 임시저장 -->
+    <div id="ITP_POP_MPOMNG01010_AMT_ADV_SAVE_AREA" class="popup mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="pop_line">
+	            <div class="itp_label_area">
+	                <label>납품요청일</label>
+	            </div>
+	            <div class="itp_info_area">
+	                <div class="fnPopDlvReqDt"></div>
+	            </div>
+            </div>
+            <div class="pop_line">
+	            <div class="itp_label_area">
+              		<label>품목수</label>
+	            </div>
+   	            <div class="itp_info_area">
+                	<div class="fnItemQty"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매요청금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdReqAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매가능금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdPssblAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line border">
+              	<div class="itp_label_area">
+                	<label>구매금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdAmt"></div>
+                </div>
+            </div>
+            <div class="pop_msg">선불매장이므로 입금을 하시고,입금등록 후 브랜드에서 승인이 되어야  구매요청을 하실 수 있습니다. </div>
+            <div class="popup_btn">
+                <button id="ITP_BTN_MPOMNG01010_POP_AMT_ADV_SAVE_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
+                <button id="ITP_BTN_MPOMNG01010_POP_AMT_ADV_SAVE_CONFIRM" class="ok btn-primary COK">결제</button>
+            </div>
+        </div>
+    </div>
+    <!-- 구매한도부족- 임시저장 -->
+    <div id="ITP_POP_MPOMNG01010_AMT_LMT_SAVE_AREA" class="popup mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="pop_line">
+	            <div class="itp_label_area">
+	                <label>납품요청일</label>
+	            </div>
+	            <div class="itp_info_area">
+	                <div class="fnPopDlvReqDt"></div>
+	            </div>
+            </div>
+            <div class="pop_line">
+	            <div class="itp_label_area">
+              		<label>품목수</label>
+	            </div>
+   	            <div class="itp_info_area">
+                	<div class="fnItemQty"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매요청금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdReqAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line">
+              	<div class="itp_label_area">
+                	<label>구매가능금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdPssblAmt"></div>
+                </div>
+            </div>
+            <div class="pop_line border">
+              	<div class="itp_label_area">
+                	<label>구매금액 </label>
+                </div>
+                <div class="itp_info_area">
+                	<div class="fnOrdAmt"></div>
+                </div>
+            </div>
+            <div class="pop_msg">구매한도가 부족합니다.<br> 선입금을 하시고, 입금등록 후 브랜드에서 승인이 되어야 구매요청을  하실 수 있습니다.</div>
+            <div class="popup_btn">
+                <button id="ITP_BTN_MPOMNG01010_POP_AMT_LMT_SAVE_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
+                <button id="ITP_BTN_MPOMNG01010_POP_AMT_LMT_SAVE_CONFIRM" class="ok btn-primary COK">결제</button>
+            </div>
+        </div>
+    </div>
     <div id="ITP_POP_MPOMNG01010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
         <div class="pop">
             <div class="header">
@@ -140,16 +369,15 @@
                 </form>
             </div>
             <div class="select_btn">
-                <button id="ITP_BTN_MPOMNG01010_POP_WHS_NM" class="btn_blue">납품장소 V</button>
+                <button id="ITP_BTN_MPOMNG01010_POP_WHS_NM" class="btn_blue">납품장소  ▼</button>
             </div>    
             <div id="ITP_LIST_MPOMNG01010_POP_WHS_AREA" class="popup_scroll">
                 <ul id="ITP_LIST_MPOMNG01010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
                 <div id="ITP_LIST_MPOMNG01010_POP_WHS_ROWCOPY" style="display: none;">
                     <li class="row_2">
                         <div class="scroll_left">
-                            <div class="fnWhsNm"></div>
-                            <div class="sub fnLocationNm"></div>
-                            <div class="sub fnLocationNm"></div>
+                            <div class="con_2 fnWhsNm"></div>
+                            <div class="con_2 sub fnLocationNm"></div>
                         </div>
                         <div class="scroll_right">
                             <button id="ITP_BTN_MPOMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -159,7 +387,7 @@
             </div>
         </div>
     </div>
-    <div id="ITP_POP_MPOMNG01010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: none;">
+    <div id="ITP_POP_MPOMNG01010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: block;">
         <div class="pop">
             <div class="header">
                 <div class="header_left">
@@ -177,7 +405,7 @@
                     <button id="ITP_BTN_MPOMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
                 </div>
                 <div class="select_btn">
-                    <button id="ITP_BTN_MPOMNG01010_POP_ITEM_NM" class="btn_blue">품목명 V</button>
+                    <button id="ITP_BTN_MPOMNG01010_POP_ITEM_NM" class="btn_blue">품목명 ▼</button>
                 </div>
             </form>
             <div id="ITP_LIST_MPOMNG01010_POP_ITEM_AREA" class="popup_scroll">

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

@@ -11,14 +11,17 @@ body .login {position:fixed;}
 .color-gray {color:#aaa;}
 /* 팝업 */
 section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
-section .popup .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 250px; padding-top: 30px; background: #fff; border: 2px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
+section .popup .pop {position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 360px; padding-top: 20px; background: #fff; border: 2px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
 section .popup .pop label.pop_label {position:relative; top:10px; font-size: 16px;}
-section .popup .pop div.pop_msg {position:relative; top:10px; font-size: 16px;}
-section .popup .pop .pop_line { width: 100%; height: 30px;}
-section .popup .pop .pop_line label { font-size: 16px; margin-left: 20px; float: left; width: auto; text-align: left;}
-section .popup .pop .pop_line div {text-align: right; float: right; font-size: 16px; margin-right: 20px; width: auto;}
+section .popup .pop div.pop_msg {padding:0 5%; text-align:left; position:relative; top:10px; font-size: 16px;}
+section .popup .pop .pop_line {width: 90%; margin:0 5%; display:flex; border:1px solid #aaa; border-bottom:none;}
+section .popup .pop .pop_line.border {border-bottom:1px solid #aaa;}
+section .popup .pop .pop_line .itp_label_area {height:35px; padding:8px; width:100px; margin:0; background:#eee; border-right:1px solid #aaa;}
+section .popup .pop .pop_line .itp_label_area label {margin:0;font-size: 14px; text-align:left; float: left; min-width: 100px;}
+section .popup .pop .pop_line .itp_info_area {width:calc(100% - 100px); margin:0; padding:6px;}
+section .popup .pop .pop_line div {text-align: right; float: right; font-size: 16px; margin-right: 10px; width: auto;}
 section .popup .pop .popup_btn { position: absolute; background-color: #ccc; bottom: 0; width: 100%; height: 51px; border-top: 2px solid #000;}
-section .popup .pop .popup_btn button { position: relative; float: left; width: 100%; height: 50px; font-size: 18px; font-weight: 100; border-radius: 0px; border: none;}
+section .popup .pop .popup_btn button { position: relative; float: left; width: 100%; height: 50px; margin:0; font-size: 18px; font-weight: 100; border-radius: 0px; border: none;}
 section .popup .pop .popup_btn button.ok { width: 64%; border-left: 2px solid #000;}
 section .popup .pop .popup_btn button.cancel {width: 36%;}