Inicio Explorar Axuda
Rexistro Iniciar sesión
orderqueen
/
oqpo-view
Seguir 3
Destacar 0
Fork 0
Ficheiros Incidencias 0 Pull Requests 0 Wiki
Explorar o código

모바일 폰트 수정

whakdo963 %!s(int64=2) %!d(string=hai) anos
pai
d6d7cf3e9f
achega
4dd5be123b
Modificáronse 5 ficheiros con 72 adicións e 68 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 16 15
      src/main/webapp/mobile/app/mcollmng/MCOLLMNG01010.html
  2. 20 19
      src/main/webapp/mobile/app/mcollmng/MCOLLMNG02010.html
  3. 18 17
      src/main/webapp/mobile/app/mcollmng/MCOLLMNG03010.html
  4. 4 4
      src/main/webapp/mobile/app/mordmng/MORDMNG03010.html
  5. 14 13
      src/main/webapp/mobile/css/style.css

+ 16 - 15
src/main/webapp/mobile/app/mcollmng/MCOLLMNG01010.html
Ver ficheiro 

@@ -1,20 +1,21 @@
1 
-<link rel="stylesheet" href="/style.css">
2 1 
 <section>
3 
-  <div id="ITP_AJAX_COLLMNG01010_VIEW_CONTAINER" style="display: none;">
2 
+  <div id="ITP_AJAX_COLLMNG01010_VIEW_CONTAINER" style="display: block;">
4 3 
     <div class="content">
5 4 
       <div class="line">
6 5 
         <label>수거장소</label>
7 
-        <div class="float_left">
8 
-          <input id="ITP_FORM_MCOLLMNG01010_VIEW" type="text" placeholder="A매장명">
9 
-        </div>
10 
-        <div class="float_left_btn">
11 
-          <button id="ITP_BTN_MCOLLMNG01010"><img src="/img/search.png" alt=""></button>
12 
-          <button id="ITP_BTN_MCOLLMNG01010"><img src="/img/delete.png" alt=""></button>
6 
+        <div class="search_wrap">
7 
+	        <div class="float_left">
8 
+	          <input id="ITP_FORM_MCOLLMNG01010_VIEW" type="text" placeholder="A매장명">
9 
+	        </div>
10 
+	        <div class="float_left_btn">
11 
+	          <button id="ITP_BTN_MCOLLMNG01010"><img src="../img/search.png" alt=""></button>
12 
+	          <button id="ITP_BTN_MCOLLMNG01010"><img src="../img/delete.png" alt=""></button>
13 
+	        </div>
13 14 
         </div>
14 15 
       </div>
15 16 
       <div class="line">
16 17 
         <label>수거상태</label>
17 
-        <div class="float_left">
18 
+        <div class="line_right">
18 19 
           <select name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
19 20 
             <option value=""></option>
20 21 
           </select>
 
@@ -32,11 +33,11 @@
32 33 
         <select class="label" name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
33 34 
           <option value="">발주번호/품목명</option>
34 35 
         </select>
35 
-        <div class="float_left">
36 
-          <input id="ITP_FORM_MCOLLMNG01010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
36 
+        <div class="search_wrap">
37 
+          <input id="ITP_FORM_MCOLLMNG01010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
37 38 
         </div>
38 39 
       </div>
39 
-      <div class="line">
40 
+      <div class="line" style="height:50px;">
40 41 
         <div class="search">
41 42 
           <button id="ITP_BTN_MCOLLMNG01010" class="btn-primary btn-sm ADB">검색</button>
42 43 
         </div>
 
@@ -63,8 +64,8 @@
63 64 
           <div class="left">
64 65 
             <div class="nomal">
65 66 
               <label class="col_0">반품발주상태 &nbsp;:</label>
66 
-              <div style="min-width: 120px;">
67 
-                <div  style="min-width: 120px;" class="fn">요청</div>
67 
+              <div class="col_5">
68 
+                <div class="col_5 fn">요청</div>
68 69 
               </div>
69 70 
               <label class="col_0">반품발주일자&nbsp;:</label>
70 71 
               <div>
 
@@ -100,7 +101,7 @@
100 101 
       </li>
101 102 
     </div>
102 103 
   </div>
103 
-  <div id="ITP_AJAX_COLLMNG01010_DETAIL_CONTAINER" style="display: block;">
104 
+  <div id="ITP_AJAX_COLLMNG01010_DETAIL_CONTAINER" style="display: none;">
104 105 
     <div class="content">
105 106 
       <div class="line">
106 107 
         <label>브랜드명</label>

+ 20 - 19
src/main/webapp/mobile/app/mcollmng/MCOLLMNG02010.html
Ver ficheiro 

@@ -1,15 +1,16 @@
1 
-<link rel="stylesheet" href="/style.css">
2 1 
 <section>
3 
-  <div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: none;">
2 
+  <div id="ITP_AJAX_MCOLLMNG02010_VIEW_CONTAINER" style="display: block;">
4 3 
     <div class="content">
5 4 
       <div class="line">
6 5 
         <label>수거장소</label>
7 
-        <div class="float_left">
8 
-          <input id="ITP_FORM_MCOLLMNG02010_VIEW" type="text" placeholder="A매장명">
9 
-        </div>
10 
-        <div class="float_left_btn">
11 
-          <button id="ITP_BTN_MCOLLMNG02010"><img src="/img/search.png" alt=""></button>
12 
-          <button id="ITP_BTN_MCOLLMNG02010"><img src="/img/delete.png" alt=""></button>
6 
+        <div class="search_wrap">
7 
+	        <div class="float_left">
8 
+	          <input id="ITP_FORM_MCOLLMNG02010_VIEW" type="text" placeholder="A매장명">
9 
+	        </div>
10 
+	        <div class="float_left_btn">
11 
+	          <button id="ITP_BTN_MCOLLMNG02010"><img src="../img/search.png" alt=""></button>
12 
+	          <button id="ITP_BTN_MCOLLMNG02010"><img src="../img/delete.png" alt=""></button>
13 
+       		</div>
13 14 
         </div>
14 15 
       </div>
15 16 
       <div class="line">
 
@@ -24,11 +25,11 @@
24 25 
         <select class="label" name="" id="ITP_FORM_MCOLLMNG02010_VIEW">
25 26 
           <option value="">발주번호/품목명</option>
26 27 
         </select>
27 
-        <div class="float_left">
28 
-          <input id="ITP_FORM_MCOLLMNG02010_VIEW" style="width: 630px;" type="text" placeholder="검색어입력">
28 
+        <div class="search_wrap">
29 
+          <input id="ITP_FORM_MCOLLMNG02010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
29 30 
         </div>
30 31 
       </div>
31 
-      <div class="line">
32 
+      <div class="line" style="height:45px;">
32 33 
         <div class="search">
33 34 
           <button id="ITP_BTN_MCOLLMNG02010" id="" class="btn-primary btn-sm ADB">검색</button>
34 35 
         </div>
 
@@ -55,8 +56,8 @@
55 56 
           <div class="left">
56 57 
             <div class="nomal">
57 58 
               <label class="col_0">반품발주항번 &nbsp;:</label>
58 
-              <div>
59 
-                <div class="fn">1</div>
59 
+              <div class="col_5">
60 
+                <div class="col_5 fn">1</div>
60 61 
               </div>
61 62 
               <label class="col_0">수거요청일 &nbsp;:</label>
62 63 
               <div class="space1">
 
@@ -91,8 +92,8 @@
91 92 
           <div class="left">
92 93 
             <div class="nomal">
93 94 
               <label class="col_0">단가금액 &nbsp;:</label>
94 
-              <div class="space1">
95 
-                <div class="fn">1,000원</div>
95 
+              <div class="col_5">
96 
+                <div class="col_5 fn">1,000원</div>
96 97 
               </div>
97 98 
               <label class="col_0">수거금액&nbsp;:</label>
98 99 
               <div class="space0">
 
@@ -111,7 +112,7 @@
111 112 
       </div>
112 113 
     </div>
113 114 
   </div>
114 
-  <div id="ITP_AJAX_MCOLLMNG02010_DETAIL_CONTAINER" style="display: block;">
115 
+  <div id="ITP_AJAX_MCOLLMNG02010_DETAIL_CONTAINER" style="display: none;">
115 116 
     <div class="content">
116 117 
       <div class="line">
117 118 
         <label>브랜드명</label>
 
@@ -152,8 +153,8 @@
152 153 
       <div class="line">
153 154 
         <label>수거담당자</label>
154 155 
         <div class="line_right">
155 
-          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:200px;" placeholder="이름">
156 
-          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:300px;" placeholder="연락처">
156 
+          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:100px;margin-right: 5px;" placeholder="이름">
157 
+          <input id="ITP_FORM_MCOLLMNG02010_DETAIL" class="left" type="text" style="width:140px;margin-right: 10px;" placeholder="연락처">
157 158 
         </div>
158 159 
       </div>
159 160 
       <div class="table_header">
 
@@ -215,7 +216,7 @@
215 216 
             <div class="nomal">
216 217 
               <label>수거구분 &nbsp;:</label>
217 218 
               <div>
218 
-                <select style="width:200px" name="" id="ITP_FORM_MCOLLMNG02010_DETAIL">
219 
+                <select style="width:85px" name="" id="ITP_FORM_MCOLLMNG02010_DETAIL">
219 220 
                   <option value=""></option>
220 221 
                 </select>
221 222 
               </div>

+ 18 - 17
src/main/webapp/mobile/app/mcollmng/MCOLLMNG03010.html
Ver ficheiro 

@@ -1,15 +1,16 @@
1 
-<link rel="stylesheet" href="/style.css">
2 1 
 <section>
3 
-  <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: none;">
2 
+  <div id="ITP_AJAX_MCOLLMNG03010_VIEW_CONTAINER" style="display: block;">
4 3 
     <div class="content">
5 4 
       <div class="line">
6 5 
         <label>수거장소</label>
7 
-        <div class="float_left">
8 
-          <input type="text" placeholder="A매장명">
9 
-        </div>
10 
-        <div class="float_left_btn">
11 
-          <button><img src="/img/search.png" alt=""></button>
12 
-          <button><img src="/img/delete.png" alt=""></button>
6 
+        <div class="search_wrap">
7 
+	        <div class="float_left">
8 
+	          <input type="text" placeholder="A매장명">
9 
+	        </div>
10 
+	        <div class="float_left_btn">
11 
+	          <button><img src="../img/search.png" alt=""></button>
12 
+	          <button><img src="../img/delete.png" alt=""></button>
13 
+        	</div>
13 14 
         </div>
14 15 
       </div>
15 16 
       <div class="line">
 
@@ -24,11 +25,11 @@
24 25 
         <select class="label" name="" id="">
25 26 
           <option value="">수거서번호</option>
26 27 
         </select>
27 
-        <div class="float_left">
28 
-          <input style="width: 630px;" type="text" placeholder="검색어입력">
28 
+        <div class="search_wrap">
29 
+          <input style="width: 262px;" type="text" placeholder="검색어입력">
29 30 
         </div>
30 31 
       </div>
31 
-      <div class="line">
32 
+      <div class="line" style="height:45px;">
32 33 
         <div class="search">
33 34 
           <button id="" class="btn-primary btn-sm ADB">검색</button>
34 35 
         </div>
 
@@ -108,11 +109,11 @@
108 109 
       </div>
109 110 
     </div>
110 111 
   </div>
111 
-  <div id="ITP_AJAX_MCOLLMNG03010_DETAIL_CONTAINER" style="display: block;">
112 
+  <div id="ITP_AJAX_MCOLLMNG03010_DETAIL_CONTAINER" style="display: none;">
112 113 
     <div class="detail_content">
113 114 
       <div class="detail_header">
114 115 
         <div class="detail_logo">
115 
-          <img src="/img/naver.png" alt="">
116 
+          <img src="../img/naver.png" alt="">
116 117 
         </div>
117 118 
         <div class="detail_ok">
118 119 
           <label>납품 확인서</label>
 
@@ -199,13 +200,13 @@
199 200 
       </div>
200 201 
     </div>
201 202 
     <div class="scroll_area row-7">
202 
-      <li class="history_list1">
203 
+      <li class="history_list5">
203 204 
         <div>
204 205 
           <div class="left">
205 206 
             <div class="nomal">
206 207 
               <label class="col_0">수거발주번호 &nbsp;:</label>
207 
-              <div class="space2">
208 
-                <div class="fn">P12345</div>
208 
+              <div class="col_5">
209 
+                <div class="col_5 fn">P12345</div>
209 210 
               </div>
210 211 
               <label class="col_0">품목아이디&nbsp;:</label>
211 212 
               <div class="space2">
 
@@ -229,7 +230,7 @@
229 230 
             <div class="nomal">
230 231 
               <label>수거수량 &nbsp;:</label>
231 232 
               <div class="fn">
232 
-                <div class="space2">10</div>
233 
+                <div class="">10</div>
233 234 
               </div>
234 235 
               <label class="col_0">수거사유구분&nbsp;:</label>
235 236 
               <div class="fn">

+ 4 - 4
src/main/webapp/mobile/app/mordmng/MORDMNG03010.html
Ver ficheiro 

@@ -1,5 +1,5 @@
1 1 
 <section>
2 
-  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: none;">
2 
+  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: block;">
3 3 
     <div class="content">
4 4 
       <div class="line">
5 5 
         <label>납품장소</label>
 
@@ -109,11 +109,11 @@
109 109 
       </div>
110 110 
     </div>
111 111 
   </div>
112 
-  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: block;">
112 
+  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: none;">
113 113 
     <div class="detail_content">
114 114 
       <div class="detail_header">
115 115 
         <div class="detail_logo">
116 
-          <img src="/img/naver.png" alt="">
116 
+          <img src="../img/naver.png" alt="">
117 117 
         </div>
118 118 
         <div class="detail_ok">
119 119 
           <label>납품 확인서</label>
 
@@ -200,7 +200,7 @@
200 200 
       </div>
201 201 
     </div>
202 202 
     <div class="scroll_area row-7">
203 
-      <li class="history_list1">
203 
+      <li class="history_list5">
204 204 
         <div>
205 205 
           <div class="left">
206 206 
             <div class="nomal">

+ 14 - 13
src/main/webapp/mobile/css/style.css
Ver ficheiro 

@@ -231,23 +231,24 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
231 231 
 .content .table_header button {float: right; width: 111px; font-size: 1rem; padding: 5px 20px; margin: 8px;}
232 232
233 233 
 .detail_content {top: 0px; position: fixed; z-index: 10; width:100%; background: #fff;}
234 
-.detail_content .detail_header {width: 100%; height: 80px;}
234 
+.detail_content .detail_header {width: 100%; height: 80px; padding-top:65px}
235 235 
 .detail_content .detail_header .detail_logo {float: left;}
236 
-.detail_content .detail_header .detail_logo img {width: 150px; margin-left: 50px;}
236 
+.detail_content .detail_header .detail_logo img {width: 70px; margin-left: 15px;}
237 237 
 .detail_content .detail_header .detail_ok {float: left;}
238 
-.detail_content .detail_header .detail_ok label {margin-left: 80px; font-size: 2.8rem; font-weight: 700;}
239 
-.detail_content .detail_confirmation {height: 200px; }
238 
+.detail_content .detail_header .detail_ok label {margin-left: 50px; font-size: 1.6rem; font-weight: 700;}
239 
+.detail_content .detail_confirmation {height: 260px; }
240 240 
 .detail_content .detail_confirmation .detail_col {float: left; width: 100%; display: inline-flex; margin-left: 15px; margin-bottom: 10px;}
241 241 
 .detail_content .detail_confirmation .detail_col label{font-size: 1rem; font-weight: 700; float: left; width: 100px; text-align: left;}
242 
-.detail_content .detail_confirmation .detail_col i{font-size: 1rem; width: 1%; text-align: right; margin-right: 10px;}
242 
+.detail_content .detail_confirmation .detail_col i{font-size: 1rem; font-style:normal; width: 1%; text-align: right; margin-right: 10px;}
243 243 
 .detail_content .detail_confirmation .detail_col div{font-size: 1rem; width: auto; text-align: left;}
244 
+.detail_content .detail_company_info {height:150px;}
244 245 
 .detail_content .detail_company_info label{font-size: 1rem; font-weight: 600;}
245 246 
 .detail_content .detail_company_info .weight {margin-bottom: 20px;}
246 
-.detail_content .detail_company_info .weight label{font-size: 1.4rem; font-weight: 700;}
247 
+.detail_content .detail_company_info .weight label{font-size: 1.2rem; font-weight: 700;}
247 248 
 .detail_content .detail_company_info div{font-size: 1rem;}
248 
-.detail_content .detail_company_info .info_left {width: 50%; height: 350px; float: left;}
249 
-.detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 50px;}
250 
-.detail_content .table_header {margin: 33% auto; width: 100%; height: 45px; background-color: skyblue; align-items: center; position: fixed; z-index: 10;}
249 
+.detail_content .detail_company_info .info_left {width: 50%; height: 150px; float: left;}
250 
+.detail_content .detail_company_info .info_left .company_info {width: 100%; float: left; display: flex; margin-left: 15px;}
251 
+.detail_content .table_header {margin: 0% auto; width: 100%; height: 45px; background-color: skyblue; align-items: center; position: fixed; z-index: 10;}
251 252 
 .detail_content .table_header h1 {margin-top: 12px; margin-left: 15px; font-size: 1.2rem; float: left;}
252 253 
 .detail_content .table_header button {float: right; width: 200px; font-size: 2rem; padding: 5px 20px; margin: 20px;}
253 254 
 
@@ -279,7 +280,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
279 280 
 .row-4{top: 377px;}
280 281 
 .row-5{top: 418px;}
281 282 
 .row-6{top: 468px;}
282 
-.row-7{top: 1030px;}
283 
+.row-7{top: 533px;}
283 284
284 285 
 .col-4{width:40% !important;}
285 286 
 .col-6{width:60% !important;}
 
@@ -296,10 +297,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
296 297 
 .scroll_area li.history_list .button_right {float: right; display: grid;}
297 298 
 .scroll_area li.history_list .button_right button {width: 65px; height: 70px; font-size: 1rem; margin: 0; border-radius: 0;}
298 299 
 .scroll_area li.history_list1 {height: 230px;}
299 
-.scroll_area li.history_list2 {height: 160px; padding-top:5px;}
300 
+.scroll_area li.history_list2 {height: 165px; padding-top:5px;}
300 301 
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
301 302 
 .scroll_area li.history_list3 {height: 160px; padding-top:5px;}
302 303 
 .scroll_area li.history_list4 {height: 150px;}
304 
+.scroll_area li.history_list5 {height: 100px; padding-top:5px;}
303 305 
 .scroll_area li .history_info {width: auto;}
304 306 
 .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
305 307 
 .scroll_area li .btn {width:calc(100% - 65px); padding-top:12px;}
 
@@ -325,7 +327,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
325 327 
 .scroll_area li .left .nomal .half label {font-weight:100;}
326 328 
 .scroll_area li .left .nomal  input{width: 85px; height:30px;}
327 329 
 .scroll_area li .left .nomal .scroll_btn {margin-bottom: 10px; min-width: 0;}
328 
-.scroll_area li .left .nomal .scroll_btn button{width: 50px; height: 40px; font-size: 0.8rem; padding: 0; border-radius: 10px; background: rgb(198, 170, 250);}
330 
+.scroll_area li .left .nomal .scroll_btn button{top: 120px; position: absolute; width: 50px; height: 40px; font-size: 0.8rem; padding: 0; border-radius: 10px; background: rgb(198, 170, 250);}
329 331
330 332 
 .scroll_area li .left .nomal span {margin:0 10px;}
331 333 
 
@@ -333,7 +335,6 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
333 335 
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
334 336 
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
335 337
336 
-.scroll_area li .left .nomal .space2 {display: inline-flex; font-size: 1.4rem; font-weight: 700;}
337 338 
 .scroll_area li .left .nomal label{position:relative; margin-left: 10px;}
338 339 
 .scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
339 340 
 .scroll_area li .left .nomal label.col_0{width: auto;}