모바일 html 수정

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/MPOMNG01010.html

@@ -133,7 +133,7 @@
                 </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>

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

@@ -286,7 +286,7 @@
         </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>

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

@@ -37,7 +37,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">
@@ -80,7 +80,7 @@
 		<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 class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매발주현황</div>
 			  </div>
 			<div class="line">
 			  <label>발주일자</label>
@@ -218,36 +218,42 @@
 		<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>
 			  <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

@@ -71,7 +71,7 @@
 			<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>
 				<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>
@@ -159,7 +159,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">

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;}
@@ -375,15 +375,17 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .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 {display: inline-flex; height:80px;}
-.scroll_area li.list-row2 {display: inline-flex; height:130px; padding-top:8px;}
+.scroll_area li.list-row2 {height:130px; padding-top:8px;}
 
 .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;}
@@ -447,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;}