Startseite Erkunden Hilfe
Registrieren Anmelden
orderqueen
/
oqpo-view
Beobachten 3
Favorit hinzufügen 0
Fork 0
Dateien Issues 0 Pull-Requests 0 Wiki
Quellcode durchsuchen

모바일 수정중

whakdo963 vor 2 Jahren
Ursprung
234216be7a
Commit
d8d5c11860
3 geänderte Dateien mit 68 neuen und 60 gelöschten Zeilen
Geteilte Ansicht Diff-Statistik anzeigen
  1. 22 29
      src/main/webapp/mobile/app/main.html
  2. 32 21
      src/main/webapp/mobile/app/mpomng/MPOMNG02010.html
  3. 14 10
      src/main/webapp/mobile/css/style.css

+ 22 - 29
src/main/webapp/mobile/app/main.html
Datei anzeigen 

@@ -179,7 +179,7 @@
179 179 
 			</div>
180 180 
 			<div id="ITP_CONTAINER" class="fix">
181 181 
 		<section>
182 
-		  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: block;">
182 
+		  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
183 183 
 		    <div class="content">
184 184 
 		        <div class="line">
185 185 
 		          <label>구매요청일</label>
 
@@ -222,28 +222,36 @@
222 222 
 		      <li class="history_list">
223 223 
 		        <div class="left">
224 224 
 		          <div class="nomal">
225 
-		            <label>구매요청일 :</label>
225 
+		            <label>구매요청일 </label>
226 
+		            <span>:</span>
226 227 
 		            <div class="history">
227 
-		              <div class="fn">2022.10.01</div>
228 
-		              (<div class="fn">홍길동 점주</div>)
228 
+		              <div class="fndate">2022.10.01</div>
229 
+		              (<div class="fnOwnerNm">홍길동 점주</div>)
229 230 
 		            </div>
230 231 
 		          </div>
231 232 
 		        </div>
232 233 
 		        <div class="left">
233 234 
 		          <div class="nomal">
234 
-		            <label>구매상태 :</label>
235 
-		            <div class="history">
236 
-		              <div class="fn">대기</div>
235 
+		          	<div class="half">
236 
+			            <label>구매상태</label>
237 
+       		            <span>:</span>
238 
+			            <div class="history">
239 
+			              <div class="fn">대기</div>
240 
+			            </div>
237 241 
 		            </div>
238 
-		            <label>납품장소명 :</label>
239 
-		            <div class="history">
240 
-		              <div class="fn">A매장내</div>
242 
+		          	<div class="half">
243 
+			            <label>납품장소명 </label>
244 
+			            <span>:</span>
245 
+			            <div class="history">
246 
+			              <div class="fn">A매장내</div>
247 
+			            </div>
241 248 
 		            </div>
242 249 
 		          </div>
243 250 
 		        </div>
244 251 
 		        <div class="left">
245 252 
 		          <div class="nomal">
246 
-		            <label style="width: 300px;">구매요청 정보 :</label>
253 
+		            <label style="width: 127px;">구매요청 정보</label>
254 
+		            <span>:</span>
247 255 
 		            <div class="history">
248 256 
 		              <div class="fn">품목수(3)</div>
249 257 
 		              <i>- </i>
 
@@ -253,7 +261,8 @@
253 261 
 		        </div>
254 262 
 		        <div class="left">
255 263 
 		          <div class="nomal">
256 
-		            <label>결재정보 :</label>
264 
+		            <label>결재정보 </label>
265 
+		            <span>:</span>
257 266 
 		            <div class="history">
258 267 
 		              <div class="fn">미납</div>
259 268 
 		            </div>
 
@@ -262,7 +271,7 @@
262 271 
 		      </li>
263 272 
 		    </div>
264 273 
 		  </div>
265 
-		  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: none;">
274 
+		  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: block;">
266 275 
 		    <div class="content">
267 276 
 		      <div class="line">
268 277 
 		        <label>납기요청일</label>
 
@@ -309,22 +318,6 @@
309 318 
 		          <div class="fn num">2</div>
310 319 
 		        </div>
311 320 
 		      </li>
312 
-		      <li>
313 
-		        <div class="left">
314 
-		          <div class="thick">
315 
-		            <div class="fn">품목명</div>
316 
-		            <div>-</div>
317 
-		            <div class="fn">2EA</div>
318 
-		          </div>
319 
-		          <div class="nomal">
320 
-		            <label class="space0">구매가 :</label>
321 
-		            <div class="fn">1,120,000</div>
322 
-		          </div>
323 
-		        </div>
324 
-		        <div class="right">
325 
-		          <div class="fn num">2</div>
326 
-		        </div>
327 
-		      </li>
328 321 
 		    </div>
329 322 
 		    <div class="button_bar">
330 323 
 		      <button id="" class="col_12 btn-gray CLB">취소</button>

+ 32 - 21
src/main/webapp/mobile/app/mpomng/MPOMNG02010.html
Datei anzeigen 

@@ -1,6 +1,6 @@
1 1 
 <link rel="stylesheet" href="/style.css">
2 2 
 <section>
3 
-  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
3 
+  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: block;">
4 4 
     <div class="content">
5 5 
         <div class="line">
6 6 
           <label>구매요청일</label>
 
@@ -12,7 +12,7 @@
12 12 
       </div>
13 13 
       <div class="line">
14 14 
         <label>구매요청상태</label>
15 
-        <div class="float_left">
15 
+        <div class="line_right">
16 16 
           <select id="ITP_FORM_MPOMNG02010_VIEW" class="stcd" name="">
17 17 
             <option value="">상태</option>
18 18 
           </select>
 
@@ -20,12 +20,14 @@
20 20 
       </div>
21 21 
       <div class="line">
22 22 
         <label>납품장소</label>
23 
-        <div class="float_left">
24 
-          <input id="ITP_FORM_MPOMNG02010_VIEW" class="" type="text" placeholder="A매장명">
25 
-        </div>
26 
-        <div class="float_left_btn">
27 
-          <button id="ITP_BTN_MPOMNG02010"><img src="/img/search.png" alt=""></button>
28 
-          <button id="ITP_BTN_MPOMNG02010"><img src="/img/delete.png" alt=""></button>
23 
+        <div class="search_wrap">
24 
+	        <div class="float_left">
25 
+	          <input id="ITP_FORM_MPOMNG02010_VIEW" class="" type="text" placeholder="A매장명">
26 
+	        </div>
27 
+	        <div class="float_left_btn">
28 
+	          <button id="ITP_BTN_MPOMNG02010"><img src="../img/search.png" alt=""></button>
29 
+	          <button id="ITP_BTN_MPOMNG02010"><img src="../img/delete.png" alt=""></button>
30 
+	        </div>
29 31 
         </div>
30 32 
       </div>
31 33 
       <div class="line">
 
@@ -39,30 +41,38 @@
39 41 
     </div>
40 42 
     <div class="scroll_area row-2">
41 43 
       <li class="history_list">
42 
-        <div>
44 
+        <div class="left">
43 45 
           <div class="nomal">
44 
-            <label>구매요청일 :</label>
46 
+            <label>구매요청일 </label>
47 
+            <span>:</span>
45 48 
             <div class="history">
46 
-              <div class="fn">2022.10.01</div>
47 
-              (<div class="fn">홍길동 점주</div>)
49 
+              <div class="fndate">2022.10.01</div>
50 
+              (<div class="fnOwnerNm">홍길동 점주</div>)
48 51 
             </div>
49 52 
           </div>
50 53 
         </div>
51 54 
         <div class="left">
52 55 
           <div class="nomal">
53 
-            <label>구매상태 :</label>
54 
-            <div class="history">
55 
-              <div class="fn">대기</div>
56 
+          	<div class="half">
57 
+	            <label>구매상태</label>
58 
+     		            <span>:</span>
59 
+	            <div class="history">
60 
+	              <div class="fn">대기</div>
61 
+	            </div>
56 62 
             </div>
57 
-            <label>납품장소명 :</label>
58 
-            <div class="history">
59 
-              <div class="fn">A매장내</div>
63 
+          	<div class="half">
64 
+	            <label>납품장소명 </label>
65 
+	            <span>:</span>
66 
+	            <div class="history">
67 
+	              <div class="fn">A매장내</div>
68 
+	            </div>
60 69 
             </div>
61 70 
           </div>
62 71 
         </div>
63 72 
         <div class="left">
64 73 
           <div class="nomal">
65 
-            <label style="width: 300px;">구매요청 정보 :</label>
74 
+            <label style="width: 127px;">구매요청 정보</label>
75 
+            <span>:</span>
66 76 
             <div class="history">
67 77 
               <div class="fn">품목수(3)</div>
68 78 
               <i>- </i>
 
@@ -72,7 +82,8 @@
72 82 
         </div>
73 83 
         <div class="left">
74 84 
           <div class="nomal">
75 
-            <label>결재정보 :</label>
85 
+            <label>결재정보 </label>
86 
+            <span>:</span>
76 87 
             <div class="history">
77 88 
               <div class="fn">미납</div>
78 89 
             </div>
 
@@ -81,7 +92,7 @@
81 92 
       </li>
82 93 
     </div>
83 94 
   </div>
84 
-  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: block;">
95 
+  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: none;">
85 96 
     <div class="content">
86 97 
       <div class="line">
87 98 
         <label>납기요청일</label>

+ 14 - 10
src/main/webapp/mobile/css/style.css
Datei anzeigen 

@@ -194,7 +194,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
194 194 
 .content {top: 55px; position: fixed; z-index: 10; width:100%; background: #fff;}
195 195 
 .content .line {position: relative; display: inline-block; width: 100%; height: 50px; margin-bottom: 0px;}
196 196 
 .content .line div {font-weight: 700;}
197 
-.content .line label {font-size: 1rem; margin-left: 20px; float: left; text-align: left; margin-top: 15px;}
197 
+.content .line label {font-size: 1.2rem; margin-left: 10px; float: left; text-align: left; margin-top: 15px;}
198 198 
 .content .line label.col_6{width: 404px;}
199 199 
 .content .line select.label {border: 1px solid #000; font-size: 1.2rem;margin: 0 10px; float: left; width: 300px; height: 60px; text-align: left; margin-top: 15px;}
200 200 
 .content .line .search_nm {float: right; margin-right: 2%;}
 
@@ -217,7 +217,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
217 217 
 .content .line div.date_to {float: right; margin-right:10px;}
218 218 
 .content .line div.date_to input.year {width: 120px; height: 30px;}
219 219 
 .content .line div.date_to div.at {width: 3%;  font-size: 1rem; float: right; display: contents;}
220 
-.content .line .search {width: 100%; height: 150px;}
220 
+.content .line .search {width: 100%; height: 50px;}
221 221 
 .content .line .search button {width: 50%; height: 35px; font-size: 1rem; padding: 0;}
222 222 
 .content .line .search button.col_3 {width: 35%; margin: 0 20px; float: left;}
223 223 
 .content .line .search button.col_5 {width: 55%; margin: 0 20px; float: right;}
 
@@ -267,7 +267,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
267 267 
 /* scroll_area 조정 */
268 268 
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
269 269 
 .row-1{top: 290px;}
270 
-.row-2{top: 335px;}
270 
+.row-2{top: 345px;}
271 271 
 .row-3{top: 650px;}
272 272 
 .row-4{top: 750px;}
273 273 
 .row-5{top: 850px;}
 
@@ -277,18 +277,18 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
277 277
278 278
279 279 
 .scroll_area li {margin: 5px 3px; list-style: none; width: 99%; height: 100px; border: 1px solid #000; background-color: #fff;}
280 
-.scroll_area li.history_list {height: 300px; }
280 
+.scroll_area li.history_list {height: 180px; }
281 281 
 .scroll_area li.history_list .button_right {float: right; display: grid;}
282 282 
 .scroll_area li.history_list .button_right button {width: 124px; height: 149px; font-size: 2rem; margin: 0; border-radius: 0;}
283 283 
 .scroll_area li.history_list1 {height: 230px; }
284 284 
 .scroll_area li.history_list2 {height: 380px;}
285 285 
 .scroll_area li.history_list3 {height: 330px;}
286 286 
 .scroll_area li .history_info {width: 240px;}
287 
-.scroll_area li .left {position: relative; float: left; width:50%;}
287 
+.scroll_area li .left {width:100%; height:30px; margin-top:12px;}
288 288 
 .scroll_area li .left div {display: inline-block;}
289 
-.scroll_area li .left label{font-size: 1.3rem;}
289 
+.scroll_area li .left label{font-size: 1.1rem;}
290 290 
 .scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 70%; font-weight: 600;}
291 
-.scroll_area li .left .history {font-weight: 700; font-size: 1.1rem; margin-left: 20px;}
291 
+.scroll_area li .left .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
292 292 
 .scroll_area li .left .history input{width: 150px;}
293 293
294 294 
 .scroll_area li div {padding: 1px;}
 
@@ -305,11 +305,15 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
305 305 
 .scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
306 306 
 .scroll_area li .detail_right .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
307 307 
 .scroll_area li .detail_right .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
308 
-.scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 2.2rem;}
308 
+.scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 1.2rem;}
309 
+.scroll_area li .left .nomal .half {width:50%; float:left;}
310 
+.scroll_area li .left .nomal .half label {font-weight:100;}
309 311 
 .scroll_area li .left .nomal  input{width: 200px;}
310 312 
 .scroll_area li .left .nomal .scroll_btn {margin-bottom: 10px; min-width: 0;}
311 313 
 .scroll_area li .left .nomal .scroll_btn button{position: absolute; top: -10px; width: 100px; height: 70px; font-size: 1.8rem; padding: 0; border-radius: 15px; background: rgb(198, 170, 250);}
312 314
315 
+.scroll_area li .left .nomal span {margin:0 10px;}
316 
+
313 317 
 .scroll_area li .left .nomal .btn_bar{position: relative; width: auto; font-size: 2.2rem;}
314 318 
 .scroll_area li .left .nomal .btn_bar button{width: 50px; height: 70px; font-size: 2rem; padding: 0;}
315 319 
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 0 50px;}
 
@@ -318,7 +322,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
318 322 
 .scroll_area li .left .nomal .space0{ margin-left: 30px; width: auto;}
319 323 
 .scroll_area li .left .nomal .space1{ margin-left: 0px; width: 200px;}
320 324 
 .scroll_area li .left .nomal .space2 {width: 120px; display: inline-flex; font-size: 2.4rem; margin-right: 30px; font-weight: 700;}
321 
-.scroll_area li .left .nomal label{margin-left: 10px; width: 120px; display: inline-flex;}
325 
+.scroll_area li .left .nomal label{position:relative; margin-left: 10px;}
322 326 
 .scroll_area li .left .nomal label.sub_info{width: 168px; display: inline-flex;}
323 327 
 .scroll_area li .left .nomal label.col_0{width: auto;}
324 328 
 .scroll_area li .left .nomal label.col_1{width: 180px;}
 
@@ -326,7 +330,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
326 330 
 .scroll_area li .left .nomal label.col_6{width: 250px;}
327 331 
 .scroll_area li .left .nomal label.col_7{width: 280px;}
328 332 
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
329 
-.scroll_area li .left .nomal div{display: inline-flex; font-weight: 700; font-size: 1.2rem;}
333 
+.scroll_area li .left .nomal div{display: inline-flex; font-weight: 700; font-size: 1.1rem;}
330 334 
 .scroll_area li .right {margin: 30px 20px 0 0; position: relative; display: flex; font-size: 1.4rem; font-weight: 700; float: right;}
331 335 
 .scroll_area li .right .num {margin: 0 25px; width: auto;}
332 336 
 .scroll_area li .right button {margin: -6px; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}