모바일 로그인 팝업수정

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

@@ -127,7 +127,7 @@
 			</div>
 		</div>
 
-		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
+		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal" style="">
 			<div class="modal-dialog modal-sm">
 				<div class="modal-content">
 					<div class="modal-header">

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

@@ -29,40 +29,34 @@
 				</div>
 				<div class="line">
 					<label>공급업체</label>
-					<div class="search_nm">
-						<div class="float_left">
-							<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
-							<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
-	           				<div class="itp_input_btn">
-								<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
-							</div>
-						</div>
-						<div class="float_right_btn">
-							<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
+					<div class="float_left">
+						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
+						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
+           				<div class="itp_input_btn">
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
 						</div>
 					</div>
+					<div class="float_right_btn">
+						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
+					</div>
 				</div>
 				<div class="line">
 					<label>납품장소</label>
-					<div class="search_nm">
-						<div class="float_left">
-							<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
-							<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
-	           				<div class="itp_input_btn">
-								<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
-							</div>
-						</div>
-						<div class="float_right_btn">
-							<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+					<div class="float_left">
+						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
+						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
+           				<div class="itp_input_btn">
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
 						</div>
 					</div>
+					<div class="float_right_btn">
+						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+					</div>
 				</div>
 				<div class="line">
 					<label>품목명</label>
-					<div class="search_wrap">
-						<div class="float_left">
-							<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
-						</div>
+					<div class="float_left name">
+						<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
 					</div>
 				</div>
 				<div class="line" style="height:50px;">
@@ -71,63 +65,55 @@
 					</div>
 				</div>
 				<div class="table_header">
-					<h1>> 납품서 내역</h1>
+					<h1><납품서 내역></h1>
 				</div>
 			</div>
 			<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
-				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="panel-group"></ul>
-				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: none;">
+				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="mb_0"></ul>
+				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: block;">
 					<li class="history_list2 list-row">
 						<div class="left">
 							<div class="nomal">
 								<label class="">납품번호 </label>
-								<div class="history">
-									<div class="fnDlvSttmtUnqNo"></div>
-								</div>
+								<span>:</span>
+								<div class="fnDlvSttmtUnqNo"></div>
 							</div>
 						</div>
 						<div class="left">
 							<div class="nomal">
 								<label>납품예정일</label>
-								<div class="history">
-									<div class="fnDlvReqDt history_info"></div>
-								</div>
+								<span>:</span>
+								<div class="fnDlvReqDt history_info"></div>
 								<label class="fn sub_info">납품일자</label>
-								<div class="history">
-									<div class="fnDlvSchDt"></div>
-								</div>
+								<span>:</span>
+								<div class="fnDlvSchDt"></div>
 							</div>
 						</div>
 						<div class="left">
 							<div class="nomal">
 								<label>공급업체</label>
-								<div class="history">
-									<div class="fnSpplyNm history_info"></div>
-								</div>
+								<span>:</span>
+								<div class="fnSpplyNm history_info"></div>
 								<label class="sub_info">납품장소</label>
-								<div class="history">
-									<div class="fnWhsNm"></div>
-								</div>
+								<span>:</span>
+								<div class="fnWhsNm"></div>
 							</div>
 						</div>
 						<div class="left">
 							<div class="nomal">
 								<label>품목 </label>
-								<div class="history">
-									<div class="fnItemNm"></div>
-								</div>
+								<span>:</span>
+								<div class="fnItemNm"></div>
 							</div>
 						</div>
 						<div class="left">
 							<div class="nomal">
 								<label>발주수량</label>
-								<div class="history">
-									<div class="fnPodrQty history_info"></div>
-								</div>
+								<span>:</span>
+								<div class="fnPodrQty history_info"></div>
 								<label class="sub_info">납품수량</label>
-								<div class="history">
-									<div class="fnDlvQty"></div>
-								</div>
+								<span>:</span>
+								<div class="fnDlvQty"></div>
 							</div>
 						</div>
 					</li>
@@ -140,7 +126,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 공급업체</label>
+					<label>공급업체</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MPOMNG05010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
@@ -154,16 +140,16 @@
 					<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
 			</div>
 			<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_AREA" class="popup_scroll">
-				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: none;">
-					<li class="list-row">
+				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="mb_0 itp_nav"></ul>
+				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: block;">
+					<li class="row_2">
 						<div class="scroll_left">
-							<div class="fnSpplyNm">공급업체 명A</div>
-							<div class="fnStNm">($)</div>
+							<div class="con_2 fnSpplyNm">공급업체 명A</div>
+							<div class="con_2 sub fnStNm">($)</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
@@ -177,7 +163,7 @@
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
-					<label>> 납품장소</label>
+					<label>납품장소</label>
 				</div>
 				<div class="header_right">
 					<button type="button" id="ITP_BTN_MPOMNG05010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
@@ -191,16 +177,17 @@
 					<button id="ITP_BTN_MPOMNG05010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG05010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
 			<div id="ITP_LIST_MPOMNG05010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display:none;">
-					<li class="list-row">
+				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display: block;">
+					<li class="row_2">
 						<div class="scroll_left">
 							<div class="fnWhsNm">브랜드 창고 명A</div>
-							<div class="fnLocationNm">(상세위치내용)</div>
+							<div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
+							<div class="sub fnLocationNm">누리자 B/D</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG05010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

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

@@ -19,61 +19,57 @@
 				</div>
 				<div class="line">
 					<label>납품서번호</label>
-					<div class="search_wrap">
-						<div class="float_left">
-							<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_DLV_STTMT_UNQ_NO" name="sdlvSttmtUnqNo" style="width: 262px;" type="text" placeholder="">
-						</div>
+					<div class="float_left">
+						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_DLV_STTMT_UNQ_NO" name="sdlvSttmtUnqNo" type="text" placeholder="">
 					</div>
 				</div>
 				<div class="line">
 					<label>공급업체</label>
-					<div class="search_nm">
-						<div class="float_left">
-							<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
-							<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
-						</div>
-						<div class="float_left_btn">
+					<div class="float_left">
+						<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
+						<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
+           				<div class="itp_input_btn">
 							<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
-							<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
 						</div>
 					</div>
+					<div class="float_right_btn">
+						<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
+					</div>
 				</div>
 				<div class="line">
 					<label>납품장소</label>
-					<div class="search_nm">
-						<div class="float_left">
-							<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_NM" data-check-required="empty" class="" name="swhsNm" placeholder="매장명" readonly />
-							<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_ID" data-check-required="empty" class="" name="swhsId" />
-						</div>
-						<div class="float_left_btn">
+					<div class="float_left">
+						<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_NM" data-check-required="empty" class="" name="swhsNm" placeholder="매장명" readonly />
+						<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_ID" data-check-required="empty" class="" name="swhsId" />
+           				<div class="itp_input_btn">
 							<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
-							<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 						</div>
 					</div>
+					<div class="float_right_btn">
+						<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+					</div>
 				</div>
 				<div class="line">
 					<label>품목명</label>
-					<div class="search_wrap">
-						<div class="float_left">
-							<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
-						</div>
+					<div class="float_left name">
+						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
 					</div>
 				</div>
-				<div class="line" style="height:50px;">
+				<div class="line">
 					<div class="search">
 						<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 					</div>
 				</div>
 				<div class="table_header">
-					<h1>> 납품서 내역</h1>
+					<h1><납품서 내역></h1>
 				</div>
 			</div>
 		</form>
 		<form id="ITP_FORM_MPOMNG06010_LIST_MODIFY" class="form-horizontal" onsubmit="return false;">
 			<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_AREA" class="scroll_area row-4">
-				<ul id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWS" class="panel-group"></ul>
-				<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWCOPY" style="display: none;">
-					<li class="history_list2 list-row">
+				<ul id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWS" class="mb_0"></ul>
+				<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWCOPY" style="display: block;">
+					<li class="history_list2">
 						<div class="left">
 							<div class="nomal">
 								<label>납품번호 </label>
@@ -126,7 +122,7 @@
 				</div>
 			</div>
 			<div class="button_bar">
-				<button id="ITP_BTN_MPOMNG06010_LIST_SAVE" class="btn_col_6 btn-primary INPS">입고처리</button>
+				<button id="ITP_BTN_MPOMNG06010_LIST_SAVE" class="col_12 btn-primary INPS">입고처리</button>
 				<!--<button id="ITP_BTN_MPOMNG06010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>-->
 			</div>
 		</form>

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

@@ -68,6 +68,7 @@ section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-siz
 section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
 section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid;}
 section .popup2 .pop .popup_scroll li .scroll_left div {text-align:left; float: left; font-size: 18px; font-weight: 100; width: auto; margin:8px 6px -6px 10px;}
+section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:8px;}
 section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14px; color:gray;}
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:16px; color:#b88278;}
 section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
@@ -272,8 +273,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line label {min-width:110px; color:#666; font-size: 18px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
 .content .line label.pay_label {margin:38px 1%; width:98%;}
 .content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
-.content .line .itp_label_select {min-width:110px; color:#666; font-size: 18px; float: left; margin-top: 3px; font-weight:100;}
+.content .line .itp_label_select {padding:0;width:120px; color:#666; font-size: 18px; float: left; margin-top: 3px; font-weight:100;}
 .content .line .float_left {float: left; margin-top:2px; width:50%;}
+.content .line .float_left.name {width:60%;}
 .content .line .float_left button {float:right; left:-5px; position:relative; background:transparent; border:none; width:36px; height:36px; padding:0;} 
 .content .line .float_left button img {width:22px;}
 .content .line .float_left input {width:100%; font-size:14px;}
@@ -351,7 +353,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .button_bar button.btn_col_6 {width: 65%;}
 .button_bar button.btn_col_3,
 .button_bar button.btn_col_6 {border: 1px solid #000; float: left; height: 60px; font-size: 1.4rem; font-weight: 700; border-radius: 0px;}
-.button_bar button.col_12 {width: 100%; height: 60px; font-size: 1.2rem;}
+.button_bar button.col_12 {font-weight:100; width: 100%; height: 60px; font-size: 18px;}
 
 /* scroll_area 조정 */
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
@@ -360,10 +362,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .row-2{top: 300px;}
 
 .row-3{top: 395px;}
-.row-4{top: 377px;}
+.row-4{top: 385px;}
 .row-5{top: 418px;}
 .row-6{top: 468px;}
 .row-7{top: 533px;}
+.row-9{top: 383px;}
 
 .col-4{width:40% !important;}
 .col-6{width:60% !important;}
@@ -398,7 +401,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li.history_list4 .button_right button {width: 65px; height: 75px; font-size: 1rem; margin: 0; border-radius: 0;}
 
 .scroll_area li.history_list1 {height: 230px;}
-.scroll_area li.history_list2 {height: 165px; padding-top:5px;}
+.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: 160px; padding-top:5px;}
 .scroll_area li.history_list3 .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
@@ -440,7 +443,7 @@ 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 label{position:relative; margin-left: 10px; font-size:15px; font-weight:100; min-width:100px; text-align:left;}
+.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:100px; text-align:left;}
 .scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
 .scroll_area li .left .nomal label.col_0{width: auto;}
 .scroll_area li .left .nomal label.col_2{width: 95px;}
@@ -492,6 +495,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 	.content .line div.date_to {width:70%;}
 	.content .line div.date_to input {width:45%}
 	.content .line {margin:-5px 3%;}
+	.content .line .float_left.name {width:76%;}
+	
 }
-
-
+/* 알림 팝업 추가 */
+.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0;}
+.itp_modal {z-index: 10000;}