모바일 구매발주 현황 수정

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

@@ -37,9 +37,8 @@
 				<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
 			  </div>
 			</div>
-			<div class="line">
+			<div class="line" style="top:3px;">
 				<label>납품장소</label>
-				<div class="search_nm">
 				  <div class="float_left">
 					<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" />
 					<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
@@ -51,8 +50,7 @@
 					<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 				  </div>
 				</div>
-				</div>
-			<div class="line" style="height:50px;">
+			<div class="line">
 			  <div class="search">
 				<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 			  </div>
@@ -61,9 +59,9 @@
 			  <h1><발주 내역></h1>
 			</div>
 		  </div>
-		<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
+		<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-4">
 		  <ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
-			  <div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: none;">
+			  <div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: block;">
 				<li class="list-row2">
 				  <div class="left">
 					<div class="nomal">
@@ -105,11 +103,12 @@
 					</div>
 				  </div>
 				</li>
+				
 			</div>
 		  </div>
 	  </form>
 	</div>
-	<div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" style="display: block;">
+	<div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" style="display: none;">
 	   <form id="ITP_FORM_MPOMNG04010_VIEW" class="form-horizontal" onsubmit="return false;">
 		<input type="hidden" id="ITP_FORM_MPOMNG04010_VIEW_VIEW_CD" name="viewCd" value="C">
 		  <div class="content">
@@ -156,14 +155,14 @@
 				<li class="list-row2">
 				  <div class="left">
 					<div class="nomal">
-					  <label>품목명</label>
+					  <label class="col_1">품목명</label>
 					  <span>:</span>
 					  <div class="fnItemNm"></div>
 					</div>
 				  </div>
 				  <div class="left">
 					<div class="nomal">
-					  <label>수량</label>
+					  <label class="col_1">수량</label>
 					  <span>:</span>
 					  <div class="history">
 						<div class="fnPodrQty"></div>
@@ -176,7 +175,7 @@
 				  </div>
 				  <div class="left">
 					<div class="nomal">
-					  <label>구매가 </label>
+					  <label class="col_1">구매가 </label>
 					  <div class="history">
 					  <span>:</span>
 					  <div class="fnPodrAmt"></div>
@@ -220,11 +219,11 @@
 				</form>
 			</div>
 			<div class="select_btn">
-				<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
+				<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체 <img src="../img/arrow_down.png"></button>
 			</div>
 			<div id="ITP_POP_MPOMNG04010_SPPLY_LIST_AREA" class="popup_scroll">
 				<ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 panel-group itp_nav"></ul>
-				<div id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWCOPY" style="display: none;">
+				<div id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWCOPY" style="display: block;">
 					<li class="row_2">
 						<div class="scroll_left">
 							<div class="con_2 fnSpplyNm">공급업체 명A</div>
@@ -238,7 +237,7 @@
 			</div>
 		</div>
 	</div>
-	<div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+	<div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: block;">
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
@@ -257,16 +256,15 @@
 				</form>
 			</div>
 			<div class="select_btn">
-				<button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소 ▼</button>
+				<button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소<img src="../img/arrow_down.png"></button>
 			</div>
 			<div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
 				<ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display: none;">
+				<div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display: block;">
 					<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">asdfasfsad</div>
+							<div class="con_2 sub fnLocationNm">fasdfasd</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

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

@@ -297,7 +297,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 }
 .content {position:fixed; z-index: 10; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
 .content .header {width:100% !important; margin:0 !important;}
-.content .line {position: relative; display: inline-block; width: 99%; height: 28px; margin:auto 1%; margin-bottom: -10px;}
+.content .line {position: relative; display: inline-block; width: 100%; height: 28px; margin-bottom: -10px;}
 .content .line .pop_right {width:50%; height:46px; float:right;}
 .content .line .pop_right div {float:right; margin-right:10px; padding-top:8px; text-align:right; font-size:16px;}
 .content .line .search_wrap input {float:right; width:50%; margin-right:10px;}
@@ -335,7 +335,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line div.date_to input {font-weight:100; width:47%; height:27px; font-size:14px; margin:0;}
 
 .content .line div.date_to div.at {width: 6%;  font-size: 16px; padding-top:12px; float: right;}
-.content .line .search {width: 100%; height: 50px; padding-top:8px;}
+.content .line .search {width: 100%; height: 50px; padding-top:12px;}
 .content .line .search button {width: 40%; height: 27px; font-size: 12px; font-weight:100; padding: 0;}
 .content .line .search button.col_3 {width: 25%; margin:0 10px;}
 .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
@@ -398,13 +398,12 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .row-1{top: 225px;}
 .row-2{top: 233px;}
 .row-3{top: 226px;}
-
-.row-2-1{top:317px;}
+.row-4{top:264px;}
+.row-4-1{top:253px;}
 
 .row-3-2{top:393px;}
 .row-3-1{top: 355px;}
-.row-4{top: 435px;}
-.row-4-1 {top: 400px;}
+
 .row-5{top: 418px;}
 .row-5-1{top: 391px;}
 .row-6{top: 621px;}
@@ -482,15 +481,15 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
 .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
-.scroll_area li .left .nomal span {margin:0 5px; font-size:16px; font-weight:700;}
+.scroll_area li .left .nomal span {margin:0 5px; font-size:15px; font-weight:700;}
 
 .scroll_area li .left .nomal .btn_bar{position: relative; width: auto; font-size: 2.2rem;}
 .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:700; min-width:90px; text-align:left;}
+.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:14px; font-weight:700; min-width:90px; text-align:left;}
 .scroll_area li .left .nomal label.sub_info{min-width: auto; display: inline-flex;}
-
+.scroll_area li .left .nomal label.col_1{min-width: 45px;}
 .scroll_area li .left .nomal label.col_2{width: 95px;}
 
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}