모바일 로그인 수정

src/main/webapp/app/pomng/POMNG02010.html

@@ -22,9 +22,7 @@
 									<input type="hidden" id="ITP_FORM_POMNG02010_DETAIL_SSTORE_ID" name="sstoreId" value="">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_POMNG04010_SERVICE_PCH_REQ_DT" class="form-control itp_input" name="servicePchReqDt">
-												<option value="A">생성일</option>											
-											</select>
+											<label>생성일 *</label>
 										</div>										
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">

src/main/webapp/app/pomng/POMNG03010.html

@@ -22,9 +22,7 @@
 									<input type="hidden" id="ITP_FORM_POMNG03010_DETAIL_SSTORE_ID" name="sstoreId" value="">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_POMNG03010_SERVICE_DLV_REQ_DT" class="form-control itp_input" name="serviceDlvReqDt">
-												<option value="A">납기요청일*</option>											
-											</select>
+											<label>납기요청일 *</label>
 										</div>											
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">

src/main/webapp/app/rtnmng/RTNMNG05010.html

@@ -56,17 +56,6 @@
 										</div>
 										<div class="col-xs-1 itp_in" style="width:5%; padding:0px;">
 											<button type="button" id="ITP_BTN_RTNMNG05010_SEARCH_POP_SSPPLY_NM" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-						                </div>
-										<div class="col-xs-3 itp_ip itp_noMar">
-											<div class="input-group">
-												<input type="text" id="ITP_FORM_RTNMNG05010_SEARCH_SWHS_NM" class="form-control itp_input" placeholder="반품입고창고" readonly="readonly" />
-												<span class="input-group-btn">
-													<button id="ITP_BTN_RTNMNG05010_SEARCH_DEL_SWHS_NM" class="btn btn-default btn-sm UPB" type="button" style="padding:3.8px 10px;"><i class="glyphicon glyphicon-remove"></i></button>
-												</span>
-											</div>
-										</div>
-										<div class="col-xs-1 itp_in" style="width:5%; padding:0px;">
-											<button type="button" id="ITP_BTN_RTNMNG05010_SEARCH_POP_SWHS_NM" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
 						                </div>
 										<div class="col-xs-4 itp_ip itp_noMar">
 											<input type="text" id="ITP_FORM_RTNMNG05010_SEARCH_ITEM_NM" class="form-control itp_input" name="sitemNm" placeholder="품목번호 or 품목명" />

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

@@ -202,8 +202,10 @@ let viewObj = {
 		var limitAmt;
 		if(result.loanDvsn == 'LD01') { // 선불(충전)
 			limitAmt = result.chrgeLimitAmt;
+			$('#ITP_FORM_LOANMNG04010_VIEW .fnPosbLimitAmt').text(itp_fn_number_comma(result.acctBal - result.useAmtTotal)); // TODO 가용한도금액
 		} else if(result.loanDvsn == 'LD02') { // 후불(신용)
-			limitAmt = result.credtLimitAmt;				
+			limitAmt = result.credtLimitAmt;
+			$('#ITP_FORM_LOANMNG04010_VIEW .fnPosbLimitAmt').text(itp_fn_number_comma(limitAmt - result.useAmtTotal)); // TODO 가용한도금액
 		}
 		$('#ITP_FORM_LOANMNG04010_VIEW .fnCredtLimitAmt').text(itp_fn_number_comma(limitAmt));
 		$('#ITP_FORM_LOANMNG04010_VIEW .fnContDt').text(''); // TODO 계약기간

src/main/webapp/js/app/pomng/ITP_POMNG03010.js

@@ -834,6 +834,8 @@ let listObj = {
 			let param = $('#ITP_FORM_POMNG03010_SEARCH').serializeObject();
 			param.gridSize = $.jgrid.defaults.rowNum;
 			param.gridPage = $.jgrid.defaults.page;
+			console.log(111);
+			console.log(JSON.stringify(param));
 			$(POMNG03010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
 		},
 		pocreate: function(param) {
@@ -936,9 +938,13 @@ let listObj = {
 				loadComplete: function(data) {
 					itp_fn_grid_load_complete(data, POMNG03010_GRID_ID, true, 'number', 'POMNG03010', listObj.itp_POMNG03010_search, listObj.empty, true, data.gridRecords, true);
 					var ids = $(POMNG03010_GRID_ID).getDataIDs();
+					var css = {'background-color':'#FFCCCC'};
 					$.each(ids, function(idx, rowId) {
 						$(POMNG03010_GRID_ID).jqGrid('setCell', rowId, 'storeId', '', ITP_GRID_COL_STYLE.link);
+						$(POMNG03010_GRID_ID).jqGrid('setCell', rowId, 'dlvReqDt', '', css);
+						$(POMNG03010_GRID_ID).jqGrid('setCell', rowId, 'whsNm', '', css);
 					});
+					$(POMNG03010_GRID_ID).setSelection(1, true);
 				},
 				onPaging: function(action) {
 					itp_fn_grid_paging(POMNG03010_GRID_ID, action, param);

src/main/webapp/js/app/rtnmng/ITP_RTNMNG05010.js

@@ -336,6 +336,7 @@ let listObj = {
 		});
 		
 		// 매장/창고 조회 버튼 클릭
+		/*
 		$('#ITP_BTN_RTNMNG05010_SEARCH_POP_SWHS_NM').on('click', function() {
 			_this.popup('whs');
 		});
@@ -344,6 +345,7 @@ let listObj = {
 			$('#ITP_FORM_RTNMNG05010_SEARCH_SWHS_NM').val('');
 			$('#ITP_FORM_RTNMNG05010_SEARCH_SWHS_ID').val('');
 		});
+		*/
 		
 		// 수거창고 조회 버튼 클릭
 		$('#ITP_BTN_RTNMNG05010_SEARCH_POP_SRTN_WHS_NM').on('click', function() {
@@ -359,28 +361,16 @@ let listObj = {
 	popup: function(arg) {
 		var whsDvsn = "";		
 		if (fn_make_user_info.get('storeId') == "") {  // 브랜드
-			if (arg === 'whs') {   // 반품입고창고
-				whsDvsn = "W01";
-			} else if (arg === 'rwhs') {  // 수거창고
-				whsDvsn = "W01";
-			}			
+			whsDvsn = "W01";
 		} else { 
-			if (arg === 'whs') {    // 반품입고창고
-				whsDvsn = "W02";
-			} else if (arg === 'rwhs') {  // 수거창고
-				whsDvsn = "W02";
-			}	
+			whsDvsn = "W02";
 		}
 		
 		if(arg === 'spply'){
 			var popFn = this.callback.supply;			
 			const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId')};
 			fn_call_popup('biz', 'BIZPOP_STORE_SPPLY', '#ITP_ASIDE', popFn, key, 'S');			
-		} else if(arg === 'whs'){  // 수거창고
-			var popFn = this.callback.whs;
-			const key1 = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId'), whsDvsn:whsDvsn};
-			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key1, 'S');
-		} else if(arg === 'rwhs'){  //반품입고창고
+		} else if(arg === 'rwhs'){  //수거창고
 			var popFn = this.callback.rwhs;
 			const key1 = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId'), whsDvsn:whsDvsn};
 			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key1, 'S');
@@ -392,10 +382,6 @@ let listObj = {
 			$('#ITP_FORM_RTNMNG05010_SEARCH_SSPPLY_NM').val(rowDataPop.spplyNm);
 			$('#ITP_FORM_RTNMNG05010_SEARCH_SSPPLY_ID').val(rowDataPop.spplyId);
 		},
-		whs: function(rowDataPop) {
-			$('#ITP_FORM_RTNMNG05010_SEARCH_SWHS_NM').val(rowDataPop.whsNm);
-			$('#ITP_FORM_RTNMNG05010_SEARCH_SWHS_ID').val(rowDataPop.whsId);
-		}, 
 		rwhs: function(rowDataPop) {
 			$('#ITP_FORM_RTNMNG05010_SEARCH_SRTN_WHS_NM').val(rowDataPop.whsNm);
 			$('#ITP_FORM_RTNMNG05010_SEARCH_SRTN_WHS_ID').val(rowDataPop.whsId);

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

@@ -32,13 +32,13 @@
 				<button id="ITP_MOBILE_BTN_MENU"><img src="../img/menu.png" alt=""></button>
 				<button id="ITP_MOBILE_BTN_HOME"><img src="../img/home.png" alt=""></button>
 			</div>
-			<div class="logout">
-				<button id="ITP_MOBILE_BTN_LOGOUT"><img src="../img/logout.png" alt=""></button>
-			</div>
 			<div class="name_info">
 				<div class="bn fnBrnadNm"></div>
 				<div class="fnStoreNm"></div>
 			</div>
+			<div class="logout">
+				<button id="ITP_MOBILE_BTN_LOGOUT"><img src="../img/logout.png" alt=""></button>
+			</div>
 		</div>
 	</header>
 
@@ -104,269 +104,7 @@
 
 	<div id="ITP_CONTAINER" class="fix">
 		<div class="itp_mobile_contents">
-<section id="ITP_MOBILE_MPOMNG03010">  
-  <div id="ITP_POP_MPOMNG03010_SPPLY_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_MPOMNG03010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
-			</div>
-		</div>
-		<div class="search_bar">
-			<form id="ITP_FORM_MPOMNG03010_POP_SPPLY" class="form-horizontal" onsubmit="return false;">
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
-				<input id="ITP_FORM_MPOMNG03010_POP_SPPLY_KEYWORD" type="text" name="sSpplyNm" placeholder="공급업체명">
-				<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
-			</form>
-		</div>
-		<div class="select_btn">
-			<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
-		</div>
-		<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_AREA" class="popup_scroll">
-			<ul id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWS" class="mb_0 itp_nav"></ul>
-			<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWCOPY" style="display: block;">
-				<li class="row_2">
-					<div class="scroll_left">
-						<div class="fnSpplyNm">공급업체 명A</div>
-						<div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
-						<div class="sub fnLocationNm">누리자 B/D</div>
-					</div>
-					<div class="scroll_right">
-						<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
-					</div>
-				</li>
-			</div>
-		</div>
-	</div>
-  </div>
-	<div id="ITP_POP_MPOMNG03010_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_MPOMNG03010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
-				</div>
-			</div>
-			<div class="search_bar">
-				<form id="ITP_FORM_MPOMNG03010_POP_WHS" class="form-horizontal" onsubmit="return false;">
-					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
-					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
-					<input id="ITP_FORM_MPOMNG03010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
-					<button id="ITP_BTN_MPOMNG03010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
-				</form>
-			</div>
-			<div class="select_btn">
-				<button id="ITP_BTN_MPOMNG03010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
-			</div>
-			<div id="ITP_LIST_MPOMNG03010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG03010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG03010_POP_WHS_ROWCOPY" style="display: block;">
-					<li class="row_2">
-						<div class="scroll_left">
-							<div class="fnWhsNm">브랜드 창고 명A</div>
-						    <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
-							<div class="sub fnLocationNm">누리자 B/D</div>
-						</div>
-						<div class="scroll_right">
-							<button id="ITP_BTN_MPOMNG03010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
-						</div>
-					</li>
-				</div>
-			</div>
-		</div>
-	</div>
-  <div id="ITP_AJAX_MPOMNG03010_LIST_CONTAINER" style="display: block;">
-      <form id="ITP_FORM_MPOMNG03010_LIST" class="form-horizontal" onsubmit="return false;">
-      <input type="hidden" id="ITP_FORM_MPOMNG03010_DETAIL_VIEW_CD" name="viewCd" value="C">
-	    <div class="content">
-    	  <div class="line header">
-			<div class="itp_search_header">구매발주현황</div>
-      	  </div>
-	      <div class="line">
-	        <label>발주일자</label>
-	        <div class="date_to date">
-	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_FROM_DT" name="fromDt" type="date">
-	          <div class="at">~</div>
-	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_TO_DT" name="toDt" type="date">
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>발주상태</label>
-	        <div class="float_left">
-	          <select name="spchOdrStCd" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_PCH_ORD_ST_CD">
-	            <option value=""></option>
-	          </select>
-	      	</div>   
-	      </div>
-	      <div class="line">
-	        <label>공급업체</label>
-	        <div class="float_left">
-	          <input type="text" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명">
-			  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
-              <div class="itp_input_btn">
-	         	 <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
-      		  </div>
-	        </div>
-	        <div class="float_right_btn">
-	          <button id="ITP_BTN_MPOMNG03010_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_MPOMNG03010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" />
-				  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
-           		  <div class="itp_input_btn">
-	              	<button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
-				  </div>
-	            </div>
-	            <div class="float_right_btn">
-	              <button id="ITP_BTN_MPOMNG03010_LIST_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_MPOMNG03010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-	        </div>
-	      </div>
-	      <div class="table_header">
-	        <h1><발주 내역></h1>
-	      </div>
-	    </div>
-      <div id="ITP_LIST_MPOMNG03010_LIST_ITEM_AREA" class="scroll_area row-3">
-        <ul id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWS" class="mb_0"></ul>
-        	<div id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
-		      <li class="list-row2">
-		        <div class="left">
-		          <div class="nomal">
-		            <label>발주일자 &nbsp;:</label>
-		            <div class="history">
-		              <div class="fnPodrDt">2022.10.01</div> 
-		              (<div class="fnOwnerNm">홍길동 점주</div>)
-		            </div>
-		          </div>
-		        </div>
-		        <div class="left">
-		          <div class="nomal">
-		            <label>발주상태 &nbsp;:</label>
-		            <div class="history">
-		              <div class="fnPodrStCd">대기</div>
-		            </div>
-		            <label>납품장소명&nbsp;:</label>
-		            <div class="history">
-		              <div class="fnDlvPlaceNm">A매장내</div>
-		            </div>
-		          </div>
-		        </div>
-		        <div class="left">
-		          <div class="nomal">
-		            <label>발주정보 &nbsp;:</label>
-		            <div class="history">
-		              <div class="fnItemQty">품목수(3)</div> 
-		              <i>-</i>
-		              <div class="fnItemAtm">1,200,000</div>원
-		            </div>
-		          </div>
-		        </div>
-		        <div class="left">
-		          <div class="nomal">
-		            <label>공급업체 &nbsp;:</label>
-		            <div class="history">
-		              <div class="fnSpplyNm">A공급업체</div> 
-		            </div>
-		          </div>
-		        </div>
-		      </li>
-	      </div>
-	    </div>
-    </form>
-  </div>
-  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
-     <form id="ITP_FORM_MPOMNG03010_VIEW" class="form-horizontal" onsubmit="return false;">
-      <input type="hidden" id="ITP_FORM_MPOMNG03010_VIEW_VIEW_CD" name="viewCd" value="C">
-	    <div class="content">
-	      <div class="line">
-	        <label>발주일자</label>
-	        <div class="line_right">
-	          <div class="fnPodrDt">2022.10.10</div>
-	        </div>      
-	      </div>
-	      <div class="line">
-	        <label>발주금액</label>
-	        <div class="line_right">
-	          <div class="fnPodrAmt">424,000원</div>
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>납품장소</label>
-	        <div class="line_right">
-	          <div class="fnDlvPlace">A매장내</div>
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>공급업체</label>
-	        <div class="line_right">
-	          <div class="fnSpplyNm">A공급업체</div>
-	        </div>
-	      </div>
-	      <div class="table_header">
-	        <h1>> 발주 품목</h1>
-	      </div>
-	    </div>
-      <div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_AREA" class="scroll_area row-2">
-        <ul id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWS" class="mb_0"></ul>
-        	<div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWCOPY" style="display:block;">
-			  <li>
-		        <div>
-		          <div class="left_info col-4">
-		            <div class="thick">
-             		  <label>품목명</label>
-             		  <span>:</span>
-		              <div class="fnItemNm">품목명</div>
-		            </div>
-		          </div>
-		          <div class="left_info col-6">
-		            <div class="thick">
-		              <label>수량/금액</label> 
-		              <span>:</span>
-		              <div class="fnQty">200</div>
-		              <span>/</span>
-		              <div class="fnAmt">1,224,000</div>
-		            </div>
-		          </div>
-		          <div class="left_info col-4">
-		            <div class="thick">
-		              <label>구매가 </label>
-		              <span>:</span>
-		              <div class="fnPchActAmt">12,000</div>
-		            </div>
-		          </div>
-		          <div class="left_info col-6">
-		            <div class="thick">
-		              <label>납기요청일</label>
-		              <span>:</span>
-		              <div class="fnDlvReqDt">2022.10.01</div>
-		            </div>
-		          </div>
-		        </div>
-		      </li>
-	      </div>
-	    </div>
-	    <div class="button_bar">
-	      <button id="ITP_BTN_MPOMNG03010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
-	    </div>
-    </form>
-  </div>
-  <div id="ITP_MOBILE_JS"></div>
-</section>
+
 		</div>
 	</div>
 	<footer id="ITP_FOOTER">

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

@@ -1,18 +1,18 @@
 <section id="ITP_MOBILE_MPOMNG02010">
-  <div id="ITP_AJAX_MPOMNG02010_LIST_CONTAINER" style="display: none;">
+  <div id="ITP_AJAX_MPOMNG02010_LIST_CONTAINER" style="display: block;">
     <div class="content">
       <form id="ITP_FORM_MPOMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
         <input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
         <input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
    	    <div class="line header">
-			<div class="itp_search_header">구매요청현황</div>
+			<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매요청현황</div>
       	</div>
         <div class="line">
           <label>구매요청일</label>
 	        <div class="date_to date">
-              <input type="text" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date" readonly>
+	          <input type="date" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" pattern="\d{4}.\d{2}.\d{2}">
 	          <div class="at">~</div>
-              <input type="text" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date" readonly>
+	          <input type="date" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_TO_DT" name="toDt" pattern="\d{4}.\d{2}.\d{2}">
 	        </div>
 		</div>
       <div class="line">
@@ -46,17 +46,17 @@
       </div>
       </form>
     </div>
-    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1">
-      <ul id="ITP_LIST_MPOMNG02010_ITEM_ROWS" class="mb_0 panel-group"></ul>
-      <div id="ITP_LIST_MPOMNG02010_ITEM_ROWCOPY" style="display: none;">
-        <li class="history_list list-row">
+    <div id="ITP_LIST_MPOMNG02010_LIST_AREA" class="scroll_area row-1">
+      <ul id="ITP_LIST_MPOMNG02010_LIST_ROWS" class="mb_0 panel-group"></ul>
+      <div id="ITP_LIST_MPOMNG02010_LIST_ROWCOPY" style="display: block;">
+        <li class="history_list">
           <div class="left">
             <div class="nomal">
               <label>구매요청일 </label>
               <span>:</span>
               <div class="history">
-                <div class="fnPchReqDt"></div>
-                (<div class="fnPchReqMgrNm"></div>)
+                <div class="fnPchReqDt">2022.10.01</div>
+                (<div class="fnPchReqMgrNm">홍길동 점주</div>)
               </div>
             </div>
           </div>
@@ -66,14 +66,14 @@
                   <label>구매상태</label>
                   <span>:</span>
                   <div class="history">
-                    <div class="fnPchReqStNm"></div>
+                    <div class="fnPchReqStNm">대기</div>
                   </div>
               </div>
               <div class="half">
                   <label>납품장소명 </label>
                   <span>:</span>
                   <div class="history">
-                    <div class="fnWhsLocationNm"></div>
+                    <div class="fnWhsLocationNm">A매장내</div>
                   </div>
               </div>
             </div>
@@ -83,7 +83,7 @@
               <label>구매요청 정보</label>
               <span>:</span>
               <div class="history">
-                <div class="fnPchReqItemQty"></div>
+                <div class="fnPchReqItemQty">품목수(3)</div>
                 <i>- </i>
                 <div class="fnPchReqTotalAmt"></div> 원
               </div>
@@ -94,7 +94,7 @@
               <label>결재정보 </label>
               <span>:</span>
               <div class="history">
-                <div class="fnPchReqRjctNm"></div>
+                <div class="fnPchReqRjctNm">결제완료</div>
               </div>
             </div>
           </div>
@@ -133,18 +133,19 @@
       </div>
     </div>
     <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-2">
-      <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0"></ul>
+      <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0 panel-group"></ul>
       <div id="ITP_LIST_MPOMNG02010_VIEW_ROWCOPY" style="display: block;">
         <li class="list-row">
           <div class="left_info">
-             <div class="thick">
+            <div class="thick">
+              	<label>품목명</label>
+                <span>:</span>
                 <div class="itp_item fnItemNm">품목명</div>
               </div>
               <div class="thick">
-                <div class="itp_gram fnUnitAmt">700g</div>
-              </div>
-              <div class="thick">
-                <div class="itp_amt fnUnitAmt">1,120,000원</div>
+              	<label>구매가</label>
+                <span>:</span>
+                <div class="itp_amt fnUnitAmt">asdfasdf</div>
               </div>
            </div>   
           <div class="right">
@@ -170,7 +171,7 @@
       <input type="hidden" id="ITP_FORM_MPOMNG02010_MODIFY_MALL_ID" name="mallId" value="">
       <div class="content">
       	<div class="line header">
-			<div class="itp_search_header">구매요청현황</div>
+			<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매요청현황</div>
       	</div>
         <div class="line">
           <label>납기요청일</label>
@@ -211,21 +212,22 @@
         </div>
       </div>
       <div id="ITP_LIST_MPOMNG02010_MODIFY_AREA" class="scroll_area row-1-1">
-        <ul id="ITP_LIST_MPOMNG02010_MODIFY_ROWS" class="mb_0"></ul>
-        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display: block;">
+        <ul id="ITP_LIST_MPOMNG02010_MODIFY_ROWS" class="mb_0 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">
-                <div><input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
+                <div style="display:none;"><input style="width:20px;" type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
               </div>
               <div class="thick">
+              	<label>품목명</label>
+                <span>:</span>
                 <div class="itp_item fnItemNm">품목명</div>
               </div>
               <div class="thick">
-                <div class="itp_gram fnUnitAmt">700g</div>
-              </div>
-              <div class="thick">
-                <div class="itp_amt fnUnitAmt">1,120,000원</div>
+              	<label>구매가</label>
+                <span>:</span>
+                <div class="itp_amt fnUnitAmt">asdfasdf</div>
               </div>
             </div>
             <div class="right">
@@ -284,16 +286,16 @@
         </form>
       </div>
       <div class="select_btn">
-        <button id="ITP_BTN_MPOMNG02010_POP_WHS_NM" class="btn_blue">납품장소 V</button>
+        <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="mb_0 itp_nav"></ul>
-        <div id="ITP_LIST_MPOMNG02010_POP_WHS_ROWCOPY" style="display: none;">
+        <ul id="ITP_LIST_MPOMNG02010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+        <div id="ITP_LIST_MPOMNG02010_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="fnWhsNm">브랜드 창고 명A</div>
+              <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
+              <div class="sub fnLocationNm">누리자 B/D</div>
             </div>
             <div class="scroll_right">
               <button id="ITP_BTN_MPOMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -325,7 +327,7 @@
         </div>
       </form>
       <div id="ITP_LIST_MPOMNG02010_POP_ITEM_AREA" class="popup_scroll">
-        <ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="mb_0"></ul>
+        <ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="mb_0 panel-group"></ul>
         <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display: block;">
            <li class="row_2">
              <div class="scroll_left">

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

@@ -21,13 +21,12 @@
 			  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
 		  </div>
 		  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_AREA" class="popup_scroll">
-			  <ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 itp_nav"></ul>
+			  <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: block;">
 				  <li class="row_2">
 					  <div class="scroll_left">
-						  <div class="fnSpplyNm">공급업체 명A</div>
-						  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
-						  <div class="sub fnLocationNm">누리자 B/D</div>
+						  <div class="con_2 fnSpplyNm">공급업체 명A</div>
+						  <div class="con_2 sub fnStNm">($)</div>
 					  </div>
 					  <div class="scroll_right">
 						  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
@@ -37,7 +36,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: none;">
 		  <div class="pop">
 			  <div class="header">
 				  <div class="header_left">
@@ -59,7 +58,7 @@
 				  <button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			  </div>
 			  <div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
-				  <ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
+				  <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: block;">
 					  <li class="row_2">
 						  <div class="scroll_left">
@@ -80,8 +79,8 @@
 		<input type="hidden" id="ITP_FORM_MPOMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
 		  <div class="content">
 			<div class="line header">
-			  <div class="itp_search_header">구매발주현황</div>
-			  </div>
+			  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매발주현황</div>
+		    </div>
 			<div class="line">
 			  <label>발주일자</label>
 			  <div class="date_to date">
@@ -136,7 +135,7 @@
 			</div>
 		  </div>
 		<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
-		  <ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="mb_0"></ul>
+		  <ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
 			  <div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: block;">
 				<li class="list-row2">
 				  <div class="left">
@@ -216,38 +215,44 @@
 			</div>
 		  </div>
 		<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-2">
-		  <ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="mb_0"></ul>
+		  <ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
 			  <div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:block;">
-				<li>
-				  <div>
-					<div class="left_info col-4">
-					  <div class="thick">
-						 <label>품목명</label>
-						 <span>:</span>
-						<div class="fnItemNm">품목명</div>
-					  </div>
+				<li class="list-row2">
+				  <div class="left">
+					<div class="nomal">
+					  <label>품목명</label>
+					  <span>:</span>
+					  <div class="fnItemNm">품목명</div>
 					</div>
-					<div class="left_info col-6">
-					  <div class="thick">
-						<label>수량/금액</label> 
-						<span>:</span>
-						<div class="fnQty">200</div>
-						<span>/</span>
-						<div class="fnAmt">1,224,000</div>
+				  </div>
+				  <div class="left">
+					<div class="nomal">
+					  <label>수량</label>
+					  <span>:</span>
+					  <div class="history">
+						<div class="fnQty">대기</div>
+					  </div>
+					  <label class="sub_info">금액&nbsp;:</label>
+					  <div class="history">
+						<div class="fnAmt">A매장내</div>
 					  </div>
 					</div>
-					<div class="left_info col-4">
-					  <div class="thick">
-						<label>구매가 </label>
-						<span>:</span>
-						<div class="fnPchActAmt">12,000</div>
+				  </div>
+				  <div class="left">
+					<div class="nomal">
+					  <label>구매가 </label>
+					  <div class="history">
+					  <span>:</span>
+					  <div class="fnPchActAmt">품목수(3)</div> 
 					  </div>
 					</div>
-					<div class="left_info col-6">
-					  <div class="thick">
-						<label>납기요청일</label>
-						<span>:</span>
-						<div class="fnDlvReqDt">2022.10.01</div>
+				  </div>
+				  <div class="left">
+					<div class="nomal">
+					  <label>납기요청일가 </label>
+					  <div class="history">
+					  	<span>:</span>
+						<div class="fnDlvReqDt">A공급업체</div> 
 					  </div>
 					</div>
 				  </div>

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

@@ -5,6 +5,9 @@
 			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_IDX" name="sidx" value="0">
 			<div class="content">
+				<div class="line header">
+				  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">납품서현황</div>
+			    </div>
 				<div class="line">
 					<select class="itp_label_select" name="dtlGubun" id="ITP_FORM_MPOMNG05010_LIST_DTL_GUBUN">
 						<option value="1">발주생성일</option>
@@ -69,9 +72,9 @@
 				</div>
 			</div>
 			<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
-				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="mb_0"></ul>
+				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
 				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: block;">
-					<li class="history_list2 list-row">
+					<li class="history_list2">
 						<div class="left">
 							<div class="nomal">
 								<label class="">납품번호 </label>
@@ -144,7 +147,7 @@
 				<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="mb_0 itp_nav"></ul>
+				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
 				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: block;">
 					<li class="row_2">
 						<div class="scroll_left">
@@ -159,7 +162,7 @@
 			</div>
 		</div>
 	</div>
-	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: block;">
+	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
 		<div class="pop">
 			<div class="header">
 				<div class="header_left">
@@ -181,7 +184,7 @@
 				<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="mb_0 itp_nav"></ul>
+				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
 				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display: block;">
 					<li class="row_2">
 						<div class="scroll_left">

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

@@ -5,13 +5,12 @@
 			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_IDX" name="sidx" value="0">
 			<div class="content">
+				<div class="line header">
+				  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입고처리</div>
+			    </div>
 				<div class="line">
 					<label>납품예정일</label>
 					<div class="date_to">
-						<!--<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" readonly>
-						<span class="input-group-addon itp_date_to">~</span>
-						<input type="text" id="ITP_FORM_STINFO02010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" readonly>-->
-
 						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
 						<div class="at">~</div>
 						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
@@ -67,13 +66,14 @@
 		</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="mb_0"></ul>
+				<ul id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
 				<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWCOPY" style="display: block;">
 					<li class="history_list2">
 						<div class="left">
 							<div class="nomal">
 								<label>납품번호 </label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnDlvSttmtUnqNo"></div>
 								</div>
 							</div>
@@ -82,6 +82,7 @@
 							<div class="nomal">
 								<label class="history_label">납품예정일</label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnDlvSchDt history_info"></div>
 								</div>
 							</div>
@@ -90,10 +91,12 @@
 							<div class="nomal">
 								<label>공급업체</label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnSpplyNm history_info"></div>
 								</div>
 								<label class="sub_info">납품장소</label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnWhsNm"></div>
 								</div>
 							</div>
@@ -102,6 +105,7 @@
 							<div class="nomal">
 								<label>품목 </label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnItemNm">(EA)</div>
 								</div>
 							</div>
@@ -110,10 +114,12 @@
 							<div class="nomal">
 								<label>납품수량</label>
 								<div class="history">
+									<span>:</span>
 									<div class="fnDlvQty history_info">10</div>
 								</div>
 								<label class="sub_info">입고수량</label>
 								<div class="history">
+									<span>:</span>
 									<input id="ITP_FORM_MPOMNG06010_LIST_WHS_QTY" class="fnWhsQty" name="whsQty" type="text" placeholder="10">
 								</div>
 							</div>
@@ -132,7 +138,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_MPOMNG06010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
@@ -146,16 +152,16 @@
 					<button id="ITP_BTN_MPOMNG06010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG06010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
 			</div>
 			<div id="ITP_POP_MPOMNG06010_LIST_SPPLY_AREA" class="popup_scroll">
-				<ul id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWCOPY" style="display: none;">
-					<li class="list-row">
+				<ul id="ITP_POP_MPOMNG06010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_POP_MPOMNG06010_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 fnStNm">($)</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG06010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
@@ -183,16 +189,17 @@
 					<button id="ITP_BTN_MPOMNG06010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG06010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
 			<div id="ITP_LIST_MPOMNG06010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG06010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG06010_POP_WHS_ROWCOPY" style="display:none;">
-					<li class="list-row">
+				<ul id="ITP_LIST_MPOMNG06010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG06010_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="fnWhsNm">브랜드 창고 명A</div>
+						  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
+						  <div class="sub fnLocationNm">누리자 B/D</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG06010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

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

@@ -5,6 +5,9 @@
 			<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 			<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_IDX" name="sidx" value="0">
 	    <div class="content">
+    	  <div class="line header">
+    	  	<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입고현황</div>
+	      </div>
 	      <div class="line">
 			  <label>입고일자</label>
 	        <div class="date_to">
@@ -15,44 +18,40 @@
 	      </div>
 	      <div class="line">
 	        <label>발주번호</label>
-	        <div class="search_wrap">
-		        <div class="line_right">
-		          <input id="ITP_FORM_MPOMNG07010_LIST_PCH_PODR_UNQ_NO" name="spchPodrUnqNo" type="text">
-		        </div>
-		    </div>    
+	        <div class="float_left">
+	          <input id="ITP_FORM_MPOMNG07010_LIST_PCH_PODR_UNQ_NO" name="spchPodrUnqNo" type="text">
+	        </div>
 	      </div>
 			<div class="line">
 				<label>공급업체</label>
-				<div class="search_nm">
-					<div class="float_left">
-						<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
-						<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
-					</div>
-					<div class="float_left_btn">
+				<div class="float_left">
+					<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
+					<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
+       				<div class="itp_input_btn">
 						<button id="ITP_BTN_MPOMNG07010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
-						<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
 					</div>
 				</div>
+				<div class="float_right_btn">
+					<button id="ITP_BTN_MPOMNG07010_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_MPOMNG07010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
-						<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
-					</div>
-					<div class="float_left_btn">
+				<div class="float_left">
+					<input type="text" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
+					<input type="hidden" id="ITP_FORM_MPOMNG07010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
+       				<div class="itp_input_btn">
 						<button id="ITP_BTN_MPOMNG07010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
-						<button id="ITP_BTN_MPOMNG07010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 					</div>
 				</div>
+				<div class="float_right_btn">
+					<button id="ITP_BTN_MPOMNG07010_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_MPOMNG07010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
-		        </div>
+	        <div class="float_left">
+	          <input id="ITP_FORM_MPOMNG07010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
 	        </div>
 	      </div>
 	      <div class="line" style="height:50px;">
@@ -65,14 +64,15 @@
 	      </div>
 	    </div>
       <div id="ITP_LIST_MPOMNG07010_LIST_ITEM_AREA" class="scroll_area row-4">
-        <ul id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWS" class="panel-group"></ul>
-        	<div id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWCOPY" style="display: none;">
-		      <li class="history_list2 list-row">
+        <ul id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
+        	<div id="ITP_LIST_MPOMNG07010_LIST_ITEM_ROWCOPY" style="display: block;">
+		      <li class="history_list2">
 		        <div class="left">
 		          <div class="nomal">
 		            <label>발주번호 </label>
 		            <div class="history">
-		              <div class="fnPchPodrUnqNo"></div>
+		           		<span>:</span>
+		              	<div class="fnPchPodrUnqNo"></div>
 		            </div>
 		          </div>
 		        </div>
@@ -80,6 +80,7 @@
 		          <div class="nomal">
 		            <label class="history_label">입고일자</label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnDlvCmpltDt history_info"></div>
 		            </div>
 		          </div>
@@ -88,10 +89,12 @@
 		          <div class="nomal">
 		            <label>공급업체</label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnSpplyNm history_info"></div>
 		            </div>
 		            <label class="sub_info">납품장소</label>
 		            <div class="history">
+		           	  <span>:</span>
 		              <div class="fnDlvPlace"></div>
 		            </div>
 		          </div>
@@ -100,6 +103,7 @@
 		          <div class="nomal">
 		            <label>품목 </label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnItemNm">품목명(EA)</div> 
 		            </div>
 		          </div>
@@ -108,10 +112,12 @@
 		          <div class="nomal">
 		            <label>발주수량</label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnPodrQty history_info"></div>
 		            </div>
 		            <label class="sub_info">입고수량</label>
 		            <div class="history">
+		              <span>:</span>
 		              <div class="fnWhsQty"></div>
 		            </div>
 		          </div>
@@ -126,7 +132,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_MPOMNG07010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
@@ -140,16 +146,16 @@
 					<button id="ITP_BTN_MPOMNG07010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG07010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
 			</div>
 			<div id="ITP_POP_MPOMNG07010_LIST_SPPLY_AREA" class="popup_scroll">
-				<ul id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWCOPY" style="display: none;">
-					<li class="list-row">
+				<ul id="ITP_POP_MPOMNG07010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_POP_MPOMNG07010_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 fnStNm">($)</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG07010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
@@ -163,7 +169,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_MPOMNG07010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
@@ -177,16 +183,17 @@
 					<button id="ITP_BTN_MPOMNG07010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
 				</form>
 			</div>
-			<div class="search_bar">
+			<div class="select_btn">
 				<button id="ITP_BTN_MPOMNG07010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
 			<div id="ITP_LIST_MPOMNG07010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG07010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG07010_POP_WHS_ROWCOPY" style="display:none;">
-					<li class="list-row">
+				<ul id="ITP_LIST_MPOMNG07010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG07010_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">누리자 B/D</div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG07010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

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

@@ -192,7 +192,7 @@ body.eee {height: 700px; background: #eee;}
 .main .wicon .icon_left {float: left;}
 
 
-input {margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 15px;}
+input {margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 10px;}
 input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
 
 select {border: 1px solid #000; height: 35px; font-size: 1rem; text-align: left; padding:0 15px;}
@@ -274,7 +274,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .header {width:100% !important; height:55px !important; margin:0 !important;}
 .content .line {position: relative; display: inline-block; width: 99%; height: 45px; margin:auto 1%; margin-bottom: -10px;}
 .content .line div {font-weight: 700;}
-.content .line div.itp_search_header {font-weight:100; background:#fff; margin:5px 10px; padding:9px 10px 4px 9px; text-align: left; color:#b88278;border: 1px solid #aaa; border-radius: 5px;}
+.content .line div.itp_search_header {font-weight:100;padding:9px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;}
+.content .line div.itp_search_header img{width:22px; top:-2px; position:relative;}
 .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;}
@@ -291,7 +292,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
 .content .line .float_right_btn button {padding:0; width:36px; height:36px; border-radius:5px; border:1px solid #aaa;}
 .content .line .float_right_btn button img {width:20px; height:20px;}
-.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 1rem;}
+.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;;}
 .content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:50%}
 .content .line .line_right div {float: right; font-size: 18px;; margin-top: 12px; color:#555;}
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
@@ -302,11 +303,12 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
 .content .line input.date {width: 50%; margin: 5px 0; height: 35px; float: left; text-align:center; font-size:14px;background: url(../img/calender.png)no-repeat 95% 50%/20px auto #fff;}
 .content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
-.content .line div.date_to {width:60%; float: left; margin-right:10px;}
-.content .line div.date_to input {width:45%}
+.content .line div.date_to {width:60%; float: left; margin-right:0px;}
+.content .line div.date_to input {width:45%; font-size:14px;}
+
 .content .line div.date_to div.at {width: 3%;  font-size: 1rem; float: right; display: contents;}
 .content .line .search {width: 100%; height: 50px; padding-top:8px;}
-.content .line .search button {width: 50%; height: 35px; font-size: 1rem; padding: 0;}
+.content .line .search button {width: 50%; height: 35px; font-size: 14px; font-weight:100; padding: 0;}
 .content .line .search button.col_3 {width: 25%; margin:0 12px;}
 .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
 .content .border {border-bottom: 1px solid #000 !important;}
@@ -362,41 +364,40 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 
 /* scroll_area 조정 */
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
-.row-1{top: 350px;}
-.row-1-1{top:364px;}
+.row-1{top: 347px;}
+.row-1-1{top:363px;}
 .row-2{top: 300px;}
 
 .row-3{top: 395px;}
-.row-4{top: 385px;}
+.row-4{top: 440px;}
 .row-5{top: 418px;}
 .row-6{top: 468px;}
 .row-7{top: 533px;}
 .row-9{top: 383px;}
 
-.col-4{width:40% !important;}
+.col-4{width:35% !important;}
 .col-6{width:60% !important;}
+.col-4 .thick{width:100% !important;}
+.col-6 .thick{width:100% !important;}
 
 .scroll_area ul.mb_0 {margin-bottom:0 !important;}
 .scroll_area .itp_non_data {margin:35% auto;}
 .scroll_area li {margin:0; list-style: none; width: 100%; height: 85px; border: 1px solid #ccc; background-color: #fff;}
 
-.scroll_area li.list-row {height:100px;}
+.scroll_area li.list-row {display: inline-flex; height:80px;}
 .scroll_area li.list-row2 {height:130px; padding-top:8px;}
 
-.scroll_area li .left_info {float:left; margin-top:6px;}
+.scroll_area li .left_info {width: calc(100% - 100px); float:left; margin-top:6px;}
 .scroll_area li .left_info div {display: inline-block; font-size:14px;}
 .scroll_area li .left_info span {font-size: 14px;}
 .scroll_area li .left_info label{font-size: 16px; font-weight:100; margin-left:10px;}
-.scroll_area li .left_info .check_box {padding:20px 3px; height:88px; float:left; width:13px;}
-.scroll_area li .left_info .thick {float:left;  margin: 2px 0 0 8px; font-size: 18px; text-align: left; width: 110%; font-weight: 100;}
+.scroll_area li .left_info .check_box {padding:10px; height:72px; float:left; width:30px;}
+.scroll_area li .left_info .thick {float:left;  margin-top: 2px; font-size: 18px; text-align: left; width: 200px;; font-weight: 100;}
 .scroll_area li .left_info .thick .itp_item {color:gray;}
 .scroll_area li .left_info .thick .itp_gram {color:#aaa; font-size:16px;}
 .scroll_area li .left_info .thick .itp_amt {color:#b88278; margin-top: 4px;}
 .scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
 .scroll_area li .left_info .history input{width: 150px;}
-.scroll_area li .md_info{width:140px; float:right; font-size:1rem; margin-top:17px;}
-.scroll_area li .md_info .thick {float:left;  margin: 2px; font-size: 18px; text-align: left; width: 90%; font-weight: 100;}
-.scroll_area li .md_info .thick div{color:gray;}
 .scroll_area li.history_list {height: 140px; padding-top:8px;}
 .scroll_area li.history_list .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
 .scroll_area li.history_list .scroll_btn {width:10%; height:130px; margin-top:-5px; display:inline-flex;}
@@ -435,7 +436,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 1.2rem;}
 .scroll_area li .left .nomal .half {float:left;}
 .scroll_area li .left .nomal .half label {min-width:auto;}
-.scroll_area li .left .nomal .half div {min-width:auto; margin-right:5px;}
+.scroll_area li .left .nomal .half div {min-width:auto; margin-right:5px; margin-top:0;}
 .scroll_area li .left .nomal  input{width: 85px; height:30px;}
 
 .scroll_area li .scroll_btn {width:10%; height:158px; margin-top:-5px; display:inline-flex;}
@@ -448,7 +449,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:700; 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:90px; 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;}
@@ -456,9 +457,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area li .left .nomal div{ display: inline-flex; font-weight: 100; font-size: 15px;}
 .scroll_area li .left .nomal .col_5{min-width:50px;}
 
-.scroll_area li .right {margin: 28px 10px 0 0; position: relative; display: flex; height:35px; font-size: 1.4rem; font-weight: 700; float: right;}
+.scroll_area li .right {margin: 20px 10px 0 0; position: relative; display: flex; height:35px; font-size: 1.4rem; font-weight: 700; float: right;}
 .scroll_area li .right .num {padding:8px 22px; width: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
-.scroll_area li .right .fnnum {margin:13px 30px;}
+.scroll_area li .right .fnnum {margin:10px 30px;}
 .scroll_area li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
 
 /* ITP_FOOTER */
@@ -499,9 +500,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 	.content .line .float_left {width:70%;}
 	.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-dialog {margin:auto 20% !important;}
+	.scroll_area li .left_info .thick {width: 90%;}
 }
 @media screen and (max-height: 720px) {
 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}