모바일 html 수정

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

@@ -11,11 +11,11 @@
       <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_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>
-          <input type="text" id="ITP_FORM_MPOMNG01010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="itp_input date" data-check-required="empty" readonly>
+          <input id="ITP_FORM_MPOMNG01010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="date" data-check-required="empty" type="date" placeholder="">
         </div>
         <div class="line">
           <label>구매요청금액</label>
@@ -52,9 +52,9 @@
           </div>
         </div>
       </div>
-      <div id="ITP_LIST_MPOMNG01010_ITEM_AREA" class="scroll_area row-3">
+      <div id="ITP_LIST_MPOMNG01010_ITEM_AREA" class="scroll_area row-1-1">
         <ul id="ITP_LIST_MPOMNG01010_DETAIL_ROWS" class="mb_0"></ul>
-        <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display: none;">
+        <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display: block;">
       <!--   검색된 데이터가 없습니다  -->
       	<div class="itp_non_data" style="display:none;">
       		<div>검색된 데이터가 없습니다.</div>
@@ -62,16 +62,17 @@
           <li class="list-row">
             <div class="left_info">
               <div class="check_box">
-                <div style="display:none;"><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"></div>
-              </div>
-              <div class="thick">
-                <div class="itp_amt fnUnitAmt"></div>
+              	<label>구매가</label>
+                <span>:</span>
+                <div class="itp_amt fnUnitAmt">asdfasdf</div>
               </div>
             </div>
             <div class="right">
@@ -79,14 +80,6 @@
               <div class="num fnPchReqQty">1</div>
               <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
             </div>
-            <div class="md_info">
-            	<div class="thick">
-            		<div></div>
-            	</div>
-            	<div class="thick">
-            		<div></div>
-            	</div>
-            </div>
           </li>
           
         </div>
@@ -144,12 +137,12 @@
             </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>
-                <div id="ITP_LIST_MPOMNG01010_POP_WHS_ROWCOPY" style="display: none;">
+                <div id="ITP_LIST_MPOMNG01010_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_MPOMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -177,7 +170,7 @@
                     <button id="ITP_BTN_MPOMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
                 </div>
                 <div class="select_btn">
-                    <button id="ITP_BTN_MPOMNG01010_POP_ITEM_NM" class="btn_blue">품목명 V</button>
+                    <button id="ITP_BTN_MPOMNG01010_POP_ITEM_NM" class="btn_blue">품목명 ▼</button>
                 </div>
             </form>
             <div id="ITP_LIST_MPOMNG01010_POP_ITEM_AREA" class="popup_scroll">

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"></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>
@@ -137,14 +137,15 @@
       <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>
@@ -212,20 +213,21 @@
       </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;">
+        <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">
@@ -288,12 +290,12 @@
       </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;">
+        <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>

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

@@ -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,8 +364,8 @@ 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;}
@@ -380,23 +382,20 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .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-row2 {height:130px; padding-top:8px;}
+.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 .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 +434,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;}
@@ -456,9 +455,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 */
@@ -502,6 +501,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 	.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;}