모바일 구매요청 현황 수정

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

@@ -46,7 +46,7 @@
       </div>
       </form>
     </div>
-    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1">
+    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-2">
       <ul id="ITP_LIST_MPOMNG02010_ITEM_ROWS" class="mb_0 panel-group"></ul>
       <div id="ITP_LIST_MPOMNG02010_ITEM_ROWCOPY" style="display: block;">
         <li class="history_list">
@@ -135,7 +135,7 @@
         <h1><구매 품목></h1>
       </div>
     </div>
-    <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-3-1">
+    <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-3">
       <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">
@@ -206,21 +206,43 @@
               <button id="ITP_BTN_MPOMNG02010_MODIFY_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
             </div>
         </div>
-        <div class="header line">
-          <div class="table_header">
+        <div class="table_header line">
+          <div>
             <h1><구매 품목></h1>
             <button type="button" id="ITP_BTN_MPOMNG02010_MODIFY_DEL_ROW" class="btn-primary btn-sm ADB">품목삭제</button>
             <button type="button" id="ITP_BTN_MPOMNG02010_MODIFY_ADD_ROW" class="btn-primary btn-sm ADB">품목추가</button>
           </div>
         </div>
       </div>
-      <div id="ITP_LIST_MPOMNG02010_MODIFY_AREA" class="scroll_area row-1-1">
+      <div id="ITP_LIST_MPOMNG02010_MODIFY_AREA" class="scroll_area row-1">
         <ul id="ITP_LIST_MPOMNG02010_MODIFY_ROWS" class="mb_0 panel-group"></ul>
-        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display: block;">
+        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display: grid;"><!-- display:grid -->
           <li class="list-row">
             <div class="left_info">
               <div class="check_box">
-                <input style="width:20px;" type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
+                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
+              </div>
+              <div class="thick">
+              	<label>품목명</label>
+                <span>:</span>
+                <div class="itp_item fnItemNm">품목명</div>
+              </div>
+              <div class="thick">
+              	<label>구매가</label>
+                <span>:</span>
+                <div class="itp_amt fnUnitAmt">asdfasdf</div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG02010_MODIFY_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG02010_MODIFY_PLUS">+</button>
+            </div>
+          </li>
+           <li class="list-row">
+            <div class="left_info">
+              <div class="check_box">
+                <input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" />
               </div>
               <div class="thick">
               	<label>품목명</label>
@@ -301,17 +323,16 @@
         </form>
       </div>
       <div class="select_btn">
-        <button id="ITP_BTN_MPOMNG02010_POP_WHS_NM" class="btn_blue">납품장소 ▼</button>
+        <button id="ITP_BTN_MPOMNG02010_POP_WHS_NM" class="btn_blue">납품장소 <img src="../img/arrow_down.png"></button>
       </div>
       <div id="ITP_LIST_MPOMNG02010_POP_WHS_AREA" class="popup_scroll">
         <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">브랜드 창고 명A</div>
-              <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
-              <div class="sub fnLocationNm">누리자 B/D</div>
-            </div>
+             <div class="scroll_left">
+                 <div class="con_2 fnWhsNm"></div>
+                 <div class="con_2 sub fnLocationNm"></div>
+             </div>
             <div class="scroll_right">
               <button id="ITP_BTN_MPOMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
             </div>
@@ -320,11 +341,11 @@
       </div>
     </div>
   </div>
-  <div id="ITP_POP_MPOMNG02010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: none;">
+  <div id="ITP_POP_MPOMNG02010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: n;">
     <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_MPOMNG02010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
@@ -338,7 +359,7 @@
           <button id="ITP_BTN_MPOMNG02010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
         </div>
         <div class="select_btn">
-          <button id="ITP_BTN_MPOMNG02010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
+          <button id="ITP_BTN_MPOMNG02010_POP_ITEM_NM" class="btn_blue">품목명 <img src="../img/arrow_down.png"></button>
         </div>
       </form>
       <div id="ITP_LIST_MPOMNG02010_POP_ITEM_AREA" class="popup_scroll">
@@ -346,21 +367,25 @@
         <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display: block;">
            <li class="row_2">
              <div class="scroll_left">
-                 <div class="fnItemNm">품목명 001</div>
-                 <div class="sub fnKg">700g</div>
-                 <div class="amt fnItemAmt">30,500원</div>
+                 <div class="con_2 fnItemNm">아이템명</div>
+                 <div class="mg_0">
+	                 <div class="sub fnKg">12,000,000</div>
+	                 <div class="type_hide">/</div>
+	                 <div class="amt fnUnitAmt">12,000,000</div>
+                 </div>
              </div>
              <div class="scroll_right">
                  <button id="ITP_BTN_MPOMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
              </div>
-           	<div class="itp_num_set">
-             <div class="right">
-			    <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
-			    <div class="num fnPchReqQty">1</div>
-			    <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
-			  </div>
-		   </div>
+           	 <div class="itp_num_set">
+                <div class="right">
+				    <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+				    <div class="num fnPchReqQty">1</div>
+				    <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+			    </div>
+		    </div>
          </li>
+         
         </div>
       </div>
     </div>

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

@@ -302,9 +302,9 @@ input .day {margin: 18%; width: 45%; height: 80px; 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;}
 .content .line .search_wrap select {float:right; width:50%; margin-right:10px;}
-.content .line div.itp_search_header {font-weight:100;padding:5px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;font-size:14px;}
+.content .line div.itp_search_header {font-weight:100;padding:5px 10px 0px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;font-size:14px;}
 .content .line div.itp_search_header img{width:14px; top:-2px; position:relative;}
-.content .line label {min-width:92px; color:#666; font-size: 14px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
+.content .line label {min-width:92px; color:#666; font-size: 14px; margin-left: 10px; float: left; text-align: left; margin-top: 7px; font-weight:100;}
 .content .line label.pay_label {margin:20px 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 {padding:0;width:116px; color:#666; font-size: 18px; float: left; margin-top: 5px; margin-right:4px; font-weight:100; border:1px solid #aaa; border-radius:5px;}
@@ -320,7 +320,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:27px; height:27px; border-radius:5px; border:1px solid #aaa;}
 .content .line .float_right_btn button img {width:18px; height:18px;}
-.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;}
+.content .line .float_left select {float: left; width: 100%; height: 27px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;}
 .content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:57%}
 .content .line .line_right div {float: right; font-size: 16px; margin-top: 12px; margin-right:3%; color:#555;}
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
@@ -331,12 +331,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: 55%; margin: 5px 0; height: 27px; float: left; text-align:center; font-size:14px;background: url(../img/calender.png)no-repeat 95% 50%/20px auto #fff;}
 .content .line input.full {width: 100%;}
-.content .line div.date_to {display:flex; width:60%; float: left; margin-right:0px;}
-.content .line div.date_to input {font-weight:100; width:47%; font-size:14px;}
+.content .line div.date_to {display:flex; width:60%; height:27px; float: left; margin-right:0px;}
+.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 button {width: 50%; height: 35px; font-size: 14px; font-weight:100; padding: 0;}
+.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;}
 .content .border {border-bottom: 1px solid #000 !important;}
@@ -396,10 +396,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .scroll_area {position: absolute; width: 100%; height: 456px;border-bottom:2px solid #000; bottom: 30px; overflow: auto; background: #fff;}
 
 .row-1{top: 225px;}
-.row-1-1{top:363px;}
-.row-2{top: 345px;}
+.row-2{top: 233px;}
+.row-3{top: 226px;}
+
 .row-2-1{top:317px;}
-.row-3{top: 395px;}
+
 .row-3-2{top:393px;}
 .row-3-1{top: 355px;}
 .row-4{top: 435px;}