Etusivu Tutki Apua
Rekisteröidy Kirjaudu sisään
orderqueen
/
oqpo-view
Tarkkaile 3
Äänestä 0
Fork 0
Tiedostot Ongelmat 0 Pull-pyynnöt 0 Wiki
Selaa lähdekoodia

모바일 크기 수정중

whakdo963 2 vuotta sitten
vanhempi
cd35b77cc5
commit
bc49d3dbfa
8 muutettua tiedostoa jossa 218 lisäystä ja 188 poistoa
Jaettu näkymä Näytä diff tilastot
  1. 3 3
      src/main/webapp/mobile/app/main.html
  2. 22 21
      src/main/webapp/mobile/app/mloanmng/MLOANMNG01010.html
  3. 53 38
      src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html
  4. 19 18
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG02010.html
  5. 35 33
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG03010.html
  6. 27 22
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG04010.html
  7. 27 22
      src/main/webapp/mobile/app/mrtnmng/MRTNMNG05010.html
  8. 32 31
      src/main/webapp/mobile/css/style.css

+ 3 - 3
src/main/webapp/mobile/app/main.html
Näytä tiedosto 

@@ -178,9 +178,9 @@
178 178 
 				</div>
179 179 
 			</div>
180 180 
 			<div id="ITP_CONTAINER" class="fix">
181 
-<section>
182 
-
183 
-</section>
181 
+				<section>
182 
+
183 
+				</section>
184 184 
 		</div>
185 185 
 	</body>
186 186 
 </html>

+ 22 - 21
src/main/webapp/mobile/app/mloanmng/MLOANMNG01010.html
Näytä tiedosto 

@@ -1,20 +1,21 @@
1 
-<link rel="stylesheet" href="/style.css">
2 1 
 <section>
3 
-  <div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: block;" >
2 
+  <div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: none;" >
4 3 
     <div class="content">
5 4 
       <div class="line">
6 5 
         <label>매장선택</label>
7 
-        <div class="float_left">
8 
-          <input id="ITP_FORM_MLOANMNG01010_VIEW" type="text" placeholder="A매장명">
9 
-        </div>
10 
-        <div class="float_left_btn">
11 
-          <button id="ITP_BTN_MLOANMNG01010"><img src="/img/search.png" alt=""></button>
12 
-          <button id="ITP_BTN_MLOANMNG01010"><img src="/img/delete.png" alt=""></button>
6 
+        <div class="search_wrap">
7 
+	        <div class="float_left">
8 
+	          <input id="ITP_FORM_MLOANMNG01010_VIEW" type="text" placeholder="A매장명">
9 
+	        </div>
10 
+	        <div class="float_left_btn">
11 
+	          <button id="ITP_BTN_MLOANMNG01010"><img src="../img/search.png" alt=""></button>
12 
+	          <button id="ITP_BTN_MLOANMNG01010"><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_MLOANMNG01010_VIEW">
19 20 
             <option value=""></option>
20 21 
           </select>
 
@@ -22,13 +23,13 @@
22 23 
       </div>
23 24 
       <div class="line">
24 25 
         <label>사용여부</label>
25 
-        <div class="float_left">
26 
+        <div class="line_right">
26 27 
           <select name="" id="ITP_FORM_MLOANMNG01010_VIEW">
27 28 
             <option value=""></option>
28 29 
           </select>
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_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
34 35 
         </div>
 
@@ -86,42 +87,42 @@
86 87 
       </li>
87 88 
     </div>
88 89 
   </div>
89 
-  <div id="ITP_AJAX_MLOANMNG01010_DETAIL_CONTAINER" style="display: none;">
90 
+  <div id="ITP_AJAX_MLOANMNG01010_DETAIL_CONTAINER" style="display: block;">
90 91 
     <div class="content">
91 92 
       <div class="line">
92 93 
         <label>매장명</label>
93 94 
         <div class="line_right">
94 
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" placeholder="A매장명">
95 
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" placeholder="A매장명">
95 96 
         </div>
96 97 
       </div>
97 98 
       <div class="line">
98 
-        <label class="col_6">정산타입/사용여부</label>
99 
+        <label>정산타입/사용여부</label>
99 100 
         <div class="line_right">
100 
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
101 
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
101 102 
         </div>
102 103 
       </div>
103 104 
       <div class="line">
104 105 
         <label>한도금액</label>
105 106 
         <div class="line_right">
106 
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
107 
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
107 108 
         </div>
108 109 
       </div>
109 110 
       <div class="line">
110 111 
         <label>가용한도금액</label>
111 112 
         <div class="line_right">
112 
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
113 
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
113 114 
         </div>
114 115 
       </div>
115 116 
       <div class="line">
116 117 
         <label>가수금액</label>
117 118 
         <div class="line_right">
118 
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
119 
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
119 120 
         </div>
120 121 
       </div>
121 122 
       <div class="line">
122 123 
         <label>사용금액</label>
123 124 
         <div class="line_right">
124 
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
125 
+          <input class="mg0" id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
125 126 
         </div>
126 127 
       </div>
127 128 
       <div class="line">
 
@@ -132,7 +133,7 @@
132 133 
           <input id="ITP_FORM_MLOANMNG01010_DETAIL" class="year" type="date">
133 134 
         </div>
134 135 
       </div>
135 
-      <div class="line">
136 
+      <div class="line" style="height:50px;">
136 137 
         <div class="search">
137 138 
           <button id="ITP_BTN_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
138 139 
         </div>
 
@@ -142,7 +143,7 @@
142 143 
       </div>
143 144 
     </div>
144 145 
     <div class="scroll_area row-6">
145 
-      <li class="history_list">
146 
+      <li class="history_list4">
146 147 
         <div>
147 148 
           <div class="detail_line">
148 149 
             <div class="detail_left">

+ 53 - 38
src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html
Näytä tiedosto 

@@ -1,4 +1,3 @@
1 
-<link rel="stylesheet" href="/style.css">
2 1 
 <section>
3 2 
   <div class="popup2" style="display:none; background: transparent;">
4 3 
     <div class="pop">
 
@@ -7,52 +6,66 @@
7 6 
           <label>> 입금등록</label>
8 7 
         </div>
9 8 
         <div class="header_right">
10 
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/close.png"></button>
9 
+          <button id="ITP_BTN_MLOANMNG02010"><img src="../img/close.png"></button>
11 10 
         </div>
12 11 
       </div>
13 12 
       <div class="content">
14 13 
         <div class="line">
15 14 
           <label>브랜드명</label>
16 
-          <div class="float_right">
17 
-            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A 브랜드명">
15 
+          <div class="search_wrap">
16 
+	          <div class="float_right">
17 
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A 브랜드명">
18 
+	          </div>
18 19 
           </div>
19 20 
         </div>
20 21 
         <div class="line">
21 22 
           <label>매장명</label>
22 
-          <div class="float_right">
23 
-            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
23 
+          <div class="search_wrap">
24 
+	          <div class="float_right">
25 
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
26 
+	          </div>
24 27 
           </div>
25 28 
         </div>
26 29 
         <div class="line">
27 30 
           <label>입금금액</label>
28 
-          <div class="float_right">
29 
-            <input id="ITP_FORM_MLOANMNG02010" type="text" >
31 
+          <div class="search_wrap">
32 
+	          <div class="float_right">
33 
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" >
34 
+	          </div>
30 35 
           </div>
31 36 
         </div>
32 37 
         <div class="line">
33 38 
           <label>입금일자</label>
34 
-          <div class="float_right">
35 
-            <input id="ITP_FORM_MLOANMNG02010" type="date" style="width: 387px;">
39 
+          <div class="search_wrap">
40 
+	          <div class="float_right">
41 
+	            <input id="ITP_FORM_MLOANMNG02010" style="width:178px;" type="date">
42 
+	          </div>
36 43 
           </div>
37 44 
         </div>
38 45 
         <div class="line">
39 46 
           <label>입금자명</label>
40 
-          <div class="float_right">
41 
-            <input id="ITP_FORM_MLOANMNG02010" type="text" >
47 
+          <div class="search_wrap">
48 
+	          <div class="float_right">
49 
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" >
50 
+	          </div>
42 51 
           </div>
43 52 
         </div>
44 53 
         <div class="line">
45 54 
           <label>입금은행</label>
46 
-          <div class="float_right">
47 
-            <select name="" id="ITP_FORM_MLOANMNG02010" style="width: 387px;">
48 
-              <option value="">은행코드 선택</option>
49 
-            </select>
55 
+          <div class="search_wrap">
56 
+	          <div class="float_right">
57 
+	            <select name="" id="ITP_FORM_MLOANMNG02010" style="width:178px;">
58 
+	              <option value="">은행코드 선택</option>
59 
+	            </select>
60 
+	          </div>
50 61 
           </div>
51 62 
         </div>
52 63 
         <div class="line">
53 64 
           <label>입금계좌번호</label>
54 
-          <div class="float_right">
55 
-            <input id="ITP_FORM_MLOANMNG02010" type="text" >
65 
+          <div class="search_wrap">
66 
+	          <div class="float_right">
67 
+	            <input id="ITP_FORM_MLOANMNG02010" type="text" >
68 
+	          </div>
56 69 
           </div>
57 70 
         </div>
58 71 
         <div class="line">
 
@@ -69,20 +82,20 @@
69 82 
           <label>> 입금요청반려</label>
70 83 
         </div>
71 84 
         <div class="header_right">
72 
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/close.png"></button>
85 
+          <button id="ITP_BTN_MLOANMNG02010"><img src="../img/close.png"></button>
73 86 
         </div>
74 87 
       </div>
75 88 
       <div class="content">
76 89 
         <div class="line">
77 90 
           <label>브랜드명</label>
78 91 
           <div class="float_left">
79 
-            <div class="fn">A 브랜드명</div>
92 
+            <div class="fn color-gray">A 브랜드명</div>
80 93 
           </div>
81 94 
         </div>
82 95 
         <div class="line">
83 96 
           <label>매장명</label>
84 97 
           <div class="float_left">
85 
-            <div class="fn">A 매장명</div>
98 
+            <div class="fn color-gray">A 매장명</div>
86 99 
           </div>
87 100 
         </div>
88 101 
         <div class="line">
 
@@ -115,7 +128,7 @@
115 128 
             <div class="fn">11122233333344</div>
116 129 
           </div>
117 130 
         </div>
118 
-        <div class="line" style="height: 350px;">
131 
+        <div class="line" style="height: 140px;">
119 132 
           <label>반려사유</label>
120 133 
           <div class="float_left note">
121 134 
             <textarea  class="fn" cols="30" rows="10"></textarea>       
@@ -133,17 +146,19 @@
133 146 
     <div class="content">
134 147 
       <div class="line">
135 148 
         <label>반품장소</label>
136 
-        <div class="float_left">
137 
-          <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
138 
-        </div>
139 
-        <div class="float_left_btn">
140 
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/search.png" alt=""></button>
141 
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/delete.png" alt=""></button>
149 
+        <div class="search_wrap">
150 
+	        <div class="float_left">
151 
+	          <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
152 
+	        </div>
153 
+	        <div class="float_left_btn">
154 
+	          <button id="ITP_BTN_MLOANMNG02010"><img src="../img/search.png" alt=""></button>
155 
+	          <button id="ITP_BTN_MLOANMNG02010"><img src="../img/delete.png" alt=""></button>
156 
+	        </div>
142 157 
         </div>
143 158 
       </div>
144 159 
       <div class="line">
145 160 
         <label>반품발주상태</label>
146 
-        <div class="float_left">
161 
+        <div class="line_right">
147 162 
           <select name="" id="ITP_FORM_MLOANMNG02010">
148 163 
             <option value=""></option>
149 164 
           </select>
 
@@ -168,16 +183,16 @@
168 183 
       </div>
169 184 
     </div>
170 185 
     <div class="scroll_area row-2">
171 
-      <li class="history_list">
186 
+      <li class="history_list" style="padding:0;">
172 187 
         <div class="button_right">
173 188 
           <button id="ITP_BTN_MLOANMNG02010" class="btn-primary AGR">승인</button>
174 189 
           <button id="ITP_BTN_MLOANMNG02010" class="btn-danger RJT">반려</button>
175 190 
         </div>
176 
-        <div class="left">
191 
+        <div class="left btn">
177 192 
           <div class="nomal">
178 193 
             <label class="col_0">매장명&nbsp;&nbsp;&nbsp;:&nbsp;</label>
179 
-            <div class="history">
180 
-              <div class="fn">A매장</div>
194 
+            <div class="col_5 history">
195 
+              <div class="fn col_5">A매장</div>
181 196 
             </div>
182 197 
             <label class="col_0">입금일자&nbsp;:</label>
183 198 
             <div class="history">
 
@@ -185,11 +200,11 @@
185 200 
             </div>
186 201 
           </div>
187 202 
         </div>
188 
-        <div class="left">
203 
+        <div class="left btn">
189 204 
           <div class="nomal">
190 205 
             <label class="col_0">입금금액&nbsp;:</label>
191 
-            <div class="history">
192 
-              <div class="fn">1,000,000</div>
206 
+            <div class="col_5 history">
207 
+              <div class="col_5 fn">1,000,000</div>
193 208 
             </div>
194 209 
             <label class="col_0">입금자&nbsp;:</label>
195 210 
             <div class="history">
 
@@ -197,7 +212,7 @@
197 212 
             </div>
198 213 
           </div>
199 214 
         </div>
200 
-        <div class="left">
215 
+        <div class="left btn">
201 216 
           <div class="nomal">
202 217 
             <label class="col_0">입금정보&nbsp;:</label>
203 218 
             <div class="history">
 
@@ -206,7 +221,7 @@
206 221 
             </div>
207 222 
           </div>
208 223 
         </div>
209 
-        <div class="left">
224 
+        <div class="left btn">
210 225 
           <div class="nomal">
211 226 
             <label class="col_0">처리결과&nbsp;:</label>
212 227 
             <div class="history">

+ 19 - 18
src/main/webapp/mobile/app/mrtnmng/MRTNMNG02010.html
Näytä tiedosto 

@@ -1,6 +1,5 @@
1 
-<link rel="stylesheet" href="/style.css">
2 1 
 <section>
3 
-  <div id="ITP_AJAX_MRTNMNG02010_VIEW_CONTAINER" style="display:block;">
2 
+  <div id="ITP_AJAX_MRTNMNG02010_VIEW_CONTAINER" style="display: none;">
4 3 
     <div class="content">
5 4 
         <div class="line">
6 5 
           <label>반품요청일</label>
 
@@ -12,7 +11,7 @@
12 11 
       </div>
13 12 
       <div class="line">
14 13 
         <label>반품요청상태</label>
15 
-        <div class="float_left">
14 
+        <div class="line_right">
16 15 
           <select class="stcd" name="" id="ITP_FORM_MRTNMNG02010_VIEW">
17 16 
             <option value="">상태</option>
18 17 
           </select>
 
@@ -20,15 +19,17 @@
20 19 
       </div>
21 20 
       <div class="line">
22 21 
         <label>반품장소</label>
23 
-        <div class="float_left">
24 
-          <input id="ITP_FORM_MRTNMNG02010_VIEW" class="fn" type="text" placeholder="A매장명">
25 
-        </div>
26 
-        <div class="float_left_btn">
27 
-          <button id="ITP_BTN_MRTNMNG02010"><img src="/img/search.png" alt=""></button>
28 
-          <button id="ITP_BTN_MRTNMNG02010"><img src="/img/delete.png" alt=""></button>
29 
-        </div>
22 
+        <div class="search_nm">
23 
+	        <div class="float_left">
24 
+	          <input id="ITP_FORM_MRTNMNG02010_VIEW" class="fn" type="text" placeholder="A매장명">
25 
+	        </div>
26 
+	        <div class="float_left_btn">
27 
+	          <button id="ITP_BTN_MRTNMNG02010"><img src="../img/search.png" alt=""></button>
28 
+	          <button id="ITP_BTN_MRTNMNG02010"><img src="../img/delete.png" alt=""></button>
29 
+	        </div>
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_MRTNMNG02010" class="btn-primary btn-sm ADB">검색</button>
34 35 
         </div>
 
@@ -73,7 +74,7 @@
73 74 
       </li>
74 75 
     </div>
75 76 
   </div>
76 
-  <div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: none;">
77 
+  <div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: block;">
77 78 
     <div class="content">
78 79 
       <div class="line">
79 80 
         <label>반품요청일</label>
 
@@ -99,19 +100,19 @@
99 100 
     </div>
100 101 
     <div class="scroll_area row-1" >
101 102 
       <li>
102 
-        <div class="left">
103 
+        <div class="left_info">
103 104 
           <div class="thick">
104 
-            <div class="fn">품목명</div>
105 
+            <div class="fnItemNm">품목명</div>
105 106 
             <div>-</div>
106 
-            <div class="fn">2EA</div>
107 
+            <div class="fnUnit">2EA</div>
107 108 
           </div>
108 
-          <div class="nomal">
109 
+          <div class="thick">
109 110 
             <label class="space0">반품가 :</label>
110 
-            <div class="fn">1,120,000</div>
111 
+            <div class="fnPchActAmt">1,120,000</div>
111 112 
           </div>
112 113 
         </div>
113 114 
         <div class="right">
114 
-          <div class="fn num">2</div>
115 
+          <div class="num fnNum">2</div>
115 116 
         </div>
116 117 
       </li>
117 118 
     </div>

+ 35 - 33
src/main/webapp/mobile/app/mrtnmng/MRTNMNG03010.html
Näytä tiedosto 

@@ -1,6 +1,5 @@
1 
-<link rel="stylesheet" href="/style.css">
2 1 
 <section>
3 
-  <div id="ITP_AJAX_MRTNMNG03010_VIEW_CONTAINER" style="display: block;">
2 
+  <div id="ITP_AJAX_MRTNMNG03010_VIEW_CONTAINER" style="display: none;">
4 3 
     <div class="content">
5 4 
       <div class="line">
6 5 
         <label>반품발주일자</label>
 
@@ -12,7 +11,7 @@
12 11 
       </div>
13 12 
       <div class="line">
14 13 
         <label>반품발주상태</label>
15 
-        <div class="float_left">
14 
+        <div class="line_right">
16 15 
           <select name="" id="ITP_FORM_MRTNMNG03010_VIEW">
17 16 
             <option value=""></option>
18 17 
           </select>
 
@@ -20,25 +19,29 @@
20 19 
       </div>
21 20 
       <div class="line">
22 21 
         <label>반품장소</label>
23 
-        <div class="float_left">
24 
-          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A매장명">
25 
-        </div>
26 
-        <div class="float_left_btn">
27 
-          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/search.png" alt=""></button>
28 
-          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/delete.png" alt=""></button>
22 
+        <div class="search_nm">
23 
+	        <div class="float_left">
24 
+	          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A매장명">
25 
+	        </div>
26 
+	        <div class="float_left_btn">
27 
+	          <button id="ITP_BTN_MRTNMNG03010"><img src="../img/search.png" alt=""></button>
28 
+	          <button id="ITP_BTN_MRTNMNG03010"><img src="../img/delete.png" alt=""></button>
29 
+	        </div>
29 30 
         </div>
30 31 
       </div>
31 32 
       <div class="line">
32 33 
         <label>반품입고장소</label>
33 
-        <div class="float_left">
34 
-          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A공급업체명">
35 
-        </div>
36 
-        <div class="float_left_btn">
37 
-          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/search.png" alt=""></button>
38 
-          <button id="ITP_BTN_MRTNMNG03010"><img src="/img/delete.png" alt=""></button>
39 
-        </div>
34 
+        <div class="search_nm">
35 
+	        <div class="float_left">
36 
+	          <input id="ITP_FORM_MRTNMNG03010_VIEW" type="text" placeholder="A공급업체명">
37 
+	        </div>
38 
+	        <div class="float_left_btn">
39 
+	          <button id="ITP_BTN_MRTNMNG03010"><img src="../img/search.png" alt=""></button>
40 
+	          <button id="ITP_BTN_MRTNMNG03010"><img src="../img/delete.png" alt=""></button>
41 
+        	</div>
42 
+        </div>
40 43 
       </div>
41 
-      <div class="line">
44 
+      <div class="line" style="height:50px;">
42 45 
         <div class="search">
43 46 
           <button id="ITP_BTN_MRTNMNG03010" class="btn-primary btn-sm ADB">검색</button>
44 47 
         </div>
 
@@ -61,8 +64,8 @@
61 64 
         <div class="left">
62 65 
           <div class="nomal">
63 66 
             <label class="col_2">반품발주상태&nbsp;:</label>
64 
-            <div>
65 
-              <div class="fn">대기</div>
67 
+            <div class="col_5">
68 
+              <div class="col_5 fn">대기</div>
66 69 
             </div>
67 70 
             <label>납품장소명&nbsp;:</label>
68 71 
             <div>
 
@@ -91,7 +94,7 @@
91 94 
       </li>
92 95 
     </div>
93 96 
   </div>
94 
-  <div id="ITP_AJAX_MRTNMNG03010_DETAIL_CONTAINER" style="display: none;">
97 
+  <div id="ITP_AJAX_MRTNMNG03010_DETAIL_CONTAINER" style="display: block;">
95 98 
     <div class="content">
96 99 
       <div class="line">
97 100 
         <label>반품발주일자</label>
 
@@ -124,30 +127,29 @@
124 127 
     <div class="scroll_area row-2">
125 128 
       <li>
126 129 
         <div>
127 
-          <div class="detail_left">
128 
-            <div class="detail_info">
129 
-              <div class="fn">품목명</div>
130 
+          <div class="left_info col-4">
131 
+            <div class="thick">
132 
+              <div class="fnItemNm">품목명</div>
130 133 
               <i>-</i>
131 
-              <div class="fn">2EA</div>
134 
+              <div class="fnUnit">2EA</div>
132 135 
             </div>
133 136 
           </div>
134 
-          <div class="detail_right">
135 
-            <div class="detail_info">
137 
+          <div class="left_info col-6">
138 
+            <div class="thick">
136 139 
               <label>수량/금액</label>
137 140 
               <div class="fn">2</div>
138 141 
               <i>/</i>
139 142 
               <div class="fn">24,000</div>
140 143 
             </div>
141 144 
           </div>
142 
-
143 
-          <div class="detail_left">
144 
-            <div class="detail_info">
145 
-              <label class="space0">구매가 &nbsp;:&nbsp;</label>
146 
-              <div class="fn">12,000</div>
145 
+          <div class="left_info col-4">
146 
+            <div class="thick">
147 
+              <label style="margin:0;">구매가 :</label>
148 
+              <div class="fnPchActAmt">12,000</div>
147 149 
             </div>
148 150 
           </div>
149 
-          <div class="detail_right">
150 
-            <div class="detail_info">
151 
+          <div class="left_info col-6">
152 
+            <div class="thick">
151 153 
               <label>납기요청일&nbsp;:&nbsp;</label>
152 154 
               <div class="fn">2022.10.01</div>
153 155 
             </div>

+ 27 - 22
src/main/webapp/mobile/app/mrtnmng/MRTNMNG04010.html
Näytä tiedosto 

@@ -1,16 +1,15 @@
1 
-<link rel="stylesheet" href="/style.css">
2 1 
 <section>
3 2 
   <div id="ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER" style="display: block;">
4 3 
     <div class="content">
5 4 
       <div class="line">
6 5 
         <label>반품예정일</label>
7 
-        <div class="float_left">
6 
+        <div class="line_right">
8 7 
           <input id="ITP_FORM_MRTNMNG04010_VIEW" class="date2" type="date" placeholder="">
9 8 
         </div>
10 9 
       </div>
11 10 
       <div class="line">
12 11 
         <label>반품서번호</label>
13 
-        <div class="float_left">
12 
+        <div class="line_right">
14 13 
           <select name="" id="ITP_FORM_MRTNMNG04010_VIEW">
15 14 
             <option value=""></option>
16 15 
           </select>
 
@@ -18,31 +17,37 @@
18 17 
       </div>
19 18 
       <div class="line">
20 19 
         <label>반품입고장소</label>
21 
-        <div class="float_left">
22 
-          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A공급업체명">
23 
-        </div>
24 
-        <div class="float_left_btn">
25 
-          <button id="ITP_BTN_MRTNMNG04010"><img src="/img/search.png" alt=""></button>
26 
-          <button><img src="/img/delete.png" alt=""></button>
20 
+        <div class="search_wrap">
21 
+	        <div class="float_left">
22 
+	          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A공급업체명">
23 
+	        </div>
24 
+	        <div class="float_left_btn">
25 
+	          <button id="ITP_BTN_MRTNMNG04010"><img src="../img/search.png" alt=""></button>
26 
+	          <button id="ITP_BTN_MRTNMNG04010"><img src="../img/delete.png" alt=""></button>
27 
+	        </div>
27 28 
         </div>
28 29 
       </div>
29 30 
       <div class="line">
30 31 
         <label>반품장소</label>
31 
-        <div class="float_left">
32 
-          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A매장명">
33 
-        </div>
34 
-        <div class="float_left_btn">
35 
-          <button id="ITP_BTN_MRTNMNG04010"><img src="/img/search.png" alt=""></button>
36 
-          <button id="ITP_BTN_MRTNMNG04010"><img src="/img/delete.png" alt=""></button>
37 
-        </div>
32 
+        <div class="search_wrap">
33 
+	        <div class="float_left">
34 
+	          <input id="ITP_FORM_MRTNMNG04010_VIEW" type="text" placeholder="A매장명">
35 
+	        </div>
36 
+	        <div class="float_left_btn">
37 
+	          <button id="ITP_BTN_MRTNMNG04010"><img src="../img/search.png" alt=""></button>
38 
+	          <button id="ITP_BTN_MRTNMNG04010"><img src="../img/delete.png" alt=""></button>
39 
+	        </div>
40 
+      	</div>
38 41 
       </div>
39 42 
       <div class="line">
40 43 
         <label>반품품목명</label>
41 
-        <div class="float_left">
42 
-          <input id="ITP_FORM_MRTNMNG04010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
43 
-        </div>
44 
+       	<div class="search_wrap">
45 
+	        <div class="float_left">
46 
+	          <input id="ITP_FORM_MRTNMNG04010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
47 
+	        </div>
48 
+  	  	</div>
44 49 
       </div>
45 
-      <div class="line">
50 
+      <div class="line" style="height:50px;">
46 51 
         <div class="search">
47 52 
           <button id="ITP_BTN_MRTNMNG04010" class="btn-primary btn-sm ADB">검색</button>
48 53 
         </div>
 
@@ -92,8 +97,8 @@
92 97 
         <div class="left">
93 98 
           <div class="nomal">
94 99 
             <label class="col_2">반품요청수량</label>
95 
-            <div class="history">
96 
-              <div class="fn">10</div>
100 
+            <div class="col_5 history">
101 
+              <div class="col_5 fn">10</div>
97 102 
             </div>
98 103 
             <label class="col_0">반품발주수량</label>
99 104 
             <div class="history">

+ 27 - 22
src/main/webapp/mobile/app/mrtnmng/MRTNMNG05010.html
Näytä tiedosto 

@@ -1,4 +1,3 @@
1 
-<link rel="stylesheet" href="/style.css">
2 1 
 <section>
3 2 
   <div id="ITP_AJAX_MRTNMNG05010_VIEW_CONTAINER">
4 3 
     <div class="content">
 
@@ -14,37 +13,43 @@
14 13 
       </div>
15 14 
       <div class="line">
16 15 
         <label>반품발주번호</label>
17 
-        <div class="float_left">
16 
+        <div class="line_right">
18 17 
           <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text">
19 18 
         </div>
20 19 
       </div>
21 20 
       <div class="line">
22 21 
         <label>반품입고장소</label>
23 
-        <div class="float_left">
24 
-          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A공급업체명">
25 
-        </div>
26 
-        <div class="float_left_btn">
27 
-          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/search.png" alt=""></button>
28 
-          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/delete.png" alt=""></button>
22 
+        <div class="search_wrap">
23 
+	        <div class="float_left">
24 
+	          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A공급업체명">
25 
+	        </div>
26 
+	        <div class="float_left_btn">
27 
+	          <button id="ITP_BTN_MRTNMNG05010"><img src="../img/search.png" alt=""></button>
28 
+	          <button id="ITP_BTN_MRTNMNG05010"><img src="../img/delete.png" alt=""></button>
29 
+	        </div>
29 30 
         </div>
30 31 
       </div>
31 32 
       <div class="line">
32 33 
         <label>반품장소</label>
33 
-        <div class="float_left">
34 
-          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A매장명">
35 
-        </div>
36 
-        <div class="float_left_btn">
37 
-          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/search.png" alt=""></button>
38 
-          <button id="ITP_BTN_MRTNMNG05010"><img src="/img/delete.png" alt=""></button>
34 
+        <div class="search_wrap">
35 
+	        <div class="float_left">
36 
+	          <input id="ITP_FORM_MRTNMNG05010_VIEW" type="text" placeholder="A매장명">
37 
+	        </div>
38 
+	        <div class="float_left_btn">
39 
+	          <button id="ITP_BTN_MRTNMNG05010"><img src="../img/search.png" alt=""></button>
40 
+	          <button id="ITP_BTN_MRTNMNG05010"><img src="../img/delete.png" alt=""></button>
41 
+	        </div>
39 42 
         </div>
40 43 
       </div>
41 44 
       <div class="line">
42 45 
         <label>품목명</label>
43 
-        <div class="float_left">
44 
-          <input id="ITP_FORM_MRTNMNG05010_VIEW" style="width: 600px;" type="text" placeholder="A매장명">
46 
+        <div class="search_wrap">
47 
+	        <div class="float_left">
48 
+	          <input id="ITP_FORM_MRTNMNG05010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
49 
+	        </div>
45 50 
         </div>
46 51 
       </div>
47 
-      <div class="line">
52 
+      <div class="line" style="height:50px;">
48 53 
         <div class="search">
49 54 
           <button id="ITP_BTN_MRTNMNG05010"class="btn-primary btn-sm ADB">검색</button>
50 55 
         </div>
 
@@ -57,7 +62,7 @@
57 62 
       <li class="history_list2">
58 63 
         <div class="left">
59 64 
           <div class="nomal">
60 
-            <label class="col_6">반품발주번호 </label>
65 
+            <label>반품발주번호 </label>
61 66 
             <div>
62 67 
               <div class="fn">202210010000001-0100</div>
63 68 
             </div>
 
@@ -93,11 +98,11 @@
93 98 
         </div>
94 99 
         <div class="left">
95 100 
           <div class="nomal">
96 
-            <label class="col_2">반품발주수량</label>
97 
-            <div>
98 
-              <div class="fn">10</div>
101 
+            <label>반품발주수량</label>
102 
+            <div class="col_5">
103 
+              <div class="col_5 fn">10</div>
99 104 
             </div>
100 
-            <label class="col_6">반품입고수량</label>
105 
+            <label>반품입고수량</label>
101 106 
             <div>
102 107 
               <div class="fn">10</div>
103 108 
             </div>

+ 32 - 31
src/main/webapp/mobile/css/style.css
Näytä tiedosto 

@@ -2,6 +2,7 @@
2 2 
 * {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'NanumBarunGothic', 'serif'; list-style: none;}
3 3 
 section {}
4 4 
 body{background: #fff; position: relative; width: 100%; height: auto;}
5 
+.color-gray {color:#aaa;}
5 6 
 /* 팝업 */
6 7 
 section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
7 8 
 section .popup .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 250px; padding-top: 30px; background: #fff; border: 2px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
 
@@ -16,7 +17,7 @@ section .popup .pop .popup_btn button.cancel {width: 36%;}
16 17
17 18
18 19 
 section .popup2 {position: fixed; width: 100%; height: 100%; background: rgba(200, 200,200, 0.8); z-index: 11;}
19 
-section .popup2 .content {padding-top: 5%; top: 100px; position: fixed; z-index: 10; width:100%; background: #fff;}
20 
+section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
20 21 
 section .popup2 .barcode {width: 100%;}
21 22 
 section .popup2 .barcode_area {width: 70%; height: 35%; margin: auto; background: #fff; border: 1px solid #000; margin-top: 5%;}
22 23 
 section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 2.6rem; margin:auto; margin-top: 30%;}
 
@@ -54,17 +55,19 @@ section .popup2 .pop .popup_scroll li .right {margin: 40px 0; position: relative
54 55 
 section .popup2 .pop .popup_scroll li .right .num {margin: 0 40px; width: auto;}
55 56 
 section .popup2 .pop .popup_scroll li .right button {margin: -12px; padding: 20px; font-size: 1.5rem; border-radius: 0px;}
56 57 
 section .popup2 .pop .popup_scroll li .add button{float: right; width: 120px; height: 120px; margin: 10px 20px; border-radius: 30px; font-size: 2rem; background: rgb(198, 170, 250);}
57 
-section .popup2 .pop .content .line button {width: 40%; height: 80px;font-size: 2.4rem; padding: 0; margin: 0 20px;}
58 
+section .popup2 .pop .content .line button {width: 40%; height: 35px;font-size: 1rem; padding: 0; margin: 0 10px;}
58 59
59 60 
 section .popup3 { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
60 
-section .popup3 .content {padding-top: 5%; top: 100px; position: fixed; z-index: 10; width:100%; background: #fff;}
61 
-section .popup3 .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
62 
-section .popup3 .pop .header {position: relative; height: 100px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
63 
-section .popup3 .pop .header .header_left {float: left; padding-top: 20px; padding-left: 20px;}
64 
-section .popup3 .pop .header .header_left label {font-size: 2.4rem;}
61 
+section .popup3 .content {position: fixed; z-index: 10; width:100%; height:596px; background: #fff;}
62 
+section .popup3 .content label{width:120px; margin-top:7px;}
63 
+section .popup3 .content div{font-weight:100;}
64 
+section .popup3 .pop { position: absolute; top: 37%; left: 50%; transform: translate(-50%,-40%); width: 90%; height: 85%; background: #fff; border: 2px solid #000;}
65 
+section .popup3 .pop .header {position: relative; height: 50px; background: rgb(204, 225, 240); border-bottom: 1px solid #000;}
66 
+section .popup3 .pop .header .header_left {float: left; padding-top: 5px; padding-left: 20px;}
67 
+section .popup3 .pop .header .header_left label {font-size: 1.4rem;}
65 68 
 section .popup3 .pop .header .header_right {float: right; padding-right: 10px;}
66 69 
 section .popup3 .pop .header .header_right button {border: none; background: transparent;}
67 
-
70 
+section .popup3 .pop .header .header_right button img {width:30px; height:30px;}
68 71 
 /* 버튼 */
69 72 
 button {background-color: #fff; padding: 10px;}
70 73 
 button.btn-primary  {color: #fff; background-color: #337ab7; border: 1px solid #000;font-weight: 700;}
 
@@ -143,7 +146,7 @@ body.eee {height: 700px; background: #eee;}
143 146
144 147
145 148 
 input {margin-top: 3px; border: 1px solid #000; margin-top: -2px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 15px;}
146 
-select {border: 1px solid #000; height: 60px; font-size: 1rem; text-align: left; padding:0 15px;}
149 
+select {border: 1px solid #000; height: 35px; font-size: 1rem; text-align: left; padding:0 15px;}
147 150 
 input .day {margin: 18%; width: 45%; height: 80px; float: right;}
148 151
149 152 
 /* 공통화면 */
 
@@ -195,14 +198,13 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
195 198 
 .content .line {position: relative; display: inline-block; width: 100%; height: 35px; margin-bottom: 0px;}
196 199 
 .content .line div {font-weight: 700;}
197 200 
 .content .line label {font-size: 1.2rem; margin-left: 10px; float: left; text-align: left; margin-top: 12px;}
198 
-.content .line label.col_6{width: 404px;}
199 201 
 .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;}
200 202 
 .content .line .search_nm {float: right; margin-right: 2%;}
201 203 
 .content .line .search_wrap {float:right; margin-right:10px;}
202 204 
 .content .line .float_left {float: left;}
203 205 
 .content .line .float_left.note {width: 100%; padding: 10px;}
204 
-.content .line .float_left.note textarea {width: 100%; height: 300px; border: 1px solid #000; text-align: left;}
205 
-.content .line .float_left div {font-size: 2.4rem; margin-top: -8px;}
206 
+.content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #000; text-align: left;}
207 
+.content .line .float_left div {font-size: 1rem; margin-top: 8px;}
206 208 
 .content .line .float_left_btn {float: left; margin-top: 5px; margin-left: 5px;}
207 209 
 .content .line .float_left_btn button {padding:0; width:36px; height:36px; border-radius:5px;}
208 210 
 .content .line .float_left_btn button img {width:20px; height:20px;}
 
@@ -211,7 +213,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
211 213 
 .content .line .line_right div {float: right; font-size: 1.2rem; margin-top: 12px; margin-right: 30px;}
212 214 
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
213 215 
 .content .line .line_right input.left {text-align: left;}
214 
-.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:83px;}
216 
+.content .line .line_right input.mg0 {margin-right:10px;}
217 
+.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
215 218 
 .content .line input.date {width: 40%; margin: 10px; height: 40px; float: right; margin-right: 3%;}
216 219 
 .content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
217 220 
 .content .line div.date_to {float: right; margin-right:10px;}
 
@@ -219,8 +222,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
219 222 
 .content .line div.date_to div.at {width: 3%;  font-size: 1rem; float: right; display: contents;}
220 223 
 .content .line .search {width: 100%; height: 50px;}
221 224 
 .content .line .search button {width: 50%; height: 35px; font-size: 1rem; padding: 0;}
222 
-.content .line .search button.col_3 {width: 35%; margin: 0 20px; float: left;}
223 
-.content .line .search button.col_5 {width: 55%; margin: 0 20px; float: right;}
225 
+.content .line .search button.col_3 {width: 35%; margin-left:12px; float: left;}
226 
+.content .line .search button.col_5 {width: 55%; margin-right: 10px; float: right;}
224 227 
 .content .table_header {margin: 0 auto; width: 100%; height: 50px; background-color: #92c7f6; position: fixed; z-index: 10; border-bottom: 1px solid #000; border-top: 1px solid #000;}
225 228 
 .content .table_header h1 {margin-top: 12px; margin-left: 10px; font-size: 1.2rem; float: left; color: #fff; font-weight: 100;}
226 229 
 .content .table_header button {float: right; width: 111px; font-size: 1rem; padding: 5px 20px; margin: 8px;}
 
@@ -273,7 +276,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
273 276 
 .row-3{top: 333px;}
274 277 
 .row-4{top: 377px;}
275 278 
 .row-5{top: 850px;}
276 
-.row-6{top: 950px;}
279 
+.row-6{top: 468px;}
277 280 
 .row-7{top: 1030px;}
278 281
279 282 
 .col-4{width:40% !important;}
 
@@ -289,33 +292,32 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
289 292 
 .scroll_area li .left_info .history input{width: 150px;}
290 293 
 .scroll_area li.history_list {height: 140px; padding-top:8px;}
291 294 
 .scroll_area li.history_list .button_right {float: right; display: grid;}
292 
-.scroll_area li.history_list .button_right button {width: 124px; height: 149px; font-size: 2rem; margin: 0; border-radius: 0;}
293 
-.scroll_area li.history_list1 {height: 230px; }
295 
+.scroll_area li.history_list .button_right button {width: 70px; height: 70px; font-size: 1rem; margin: 0; border-radius: 0;}
296 
+.scroll_area li.history_list1 {height: 230px;}
294 297 
 .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
295 298 
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
296 299 
 .scroll_area li.history_list3 {height: 330px;}
300 
+.scroll_area li.history_list4 {height: 150px;}
297 301 
 .scroll_area li .history_info {width: auto;}
298 302 
 .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
303 
+.scroll_area li .btn {width:calc(100% - 70px); padding-top:12px;}
299 304 
 .scroll_area li .left div {display: inline-block;}
300 305 
 .scroll_area li .left label{font-size: 1.1rem;}
301 306 
 .scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 50%; font-weight: 600;}
302 307 
 .scroll_area li .left .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
303 308 
 .scroll_area li .left .history input{width: 150px;}
304 309
305 
-.scroll_area li div {padding: 1px;}
306 
-.scroll_area li .detail_line {width: 100%; display: inline-block;}
310 
+.scroll_area li .detail_line {width: 100%; height:25px; display: inline-block;}
307 311 
 .scroll_area li .detail_left {float: left;}
308 
-.scroll_area li .detail_left div {display: inline-block;}
309 312 
 .scroll_area li .detail_left .detail_info {margin: 5px 10px;}
310 
-.scroll_area li .detail_left .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
311 
-.scroll_area li .detail_left .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
312 
-.scroll_area li .detail_left .detail_info label {width: auto;  font-size: 2rem;}
313 
+.scroll_area li .detail_left .detail_info div {width: auto; font-size: 1rem; font-weight: 700;}
314 
+.scroll_area li .detail_left .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
315 
+.scroll_area li .detail_left .detail_info label {position:absolute; width: auto;  font-size: 1rem;}
313 316 
 .scroll_area li .detail_right {float: right;}
314 
-.scroll_area li .detail_right div {display: inline-block;}
315 317 
 .scroll_area li .detail_right .detail_info {margin: 5px 25px;}
316 318 
 .scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
317 
-.scroll_area li .detail_right .detail_info div {width: auto; font-size: 2.2rem; font-weight: 700;}
318 
-.scroll_area li .detail_right .detail_info i {width: auto; font-size: 2.2rem; margin: 0 20px;}
319 
+.scroll_area li .detail_right .detail_info div {width: auto; font-size: 1rem; font-weight: 700;}
320 
+.scroll_area li .detail_right .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
319 321 
 .scroll_area li .left .nomal  {width: 100%; float:left; text-align: left; font-size: 1.2rem;}
320 322 
 .scroll_area li .left .nomal .half {width:50%; float:left;}
321 323 
 .scroll_area li .left .nomal .half label {font-weight:100;}
 
@@ -336,12 +338,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
336 338 
 .scroll_area li .left .nomal label{position:relative; margin-left: 10px;}
337 339 
 .scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
338 340 
 .scroll_area li .left .nomal label.col_0{width: auto;}
339 
-.scroll_area li .left .nomal label.col_1{width: 180px;}
340 
-.scroll_area li .left .nomal label.col_2{width: 273px;}
341 
-.scroll_area li .left .nomal label.col_6{width: 250px;}
342 
-.scroll_area li .left .nomal label.col_7{width: 280px;}
341 
+.scroll_area li .left .nomal label.col_2{width: 95px;}
343 342 
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
344 343 
 .scroll_area li .left .nomal div{min-width:90px; display: inline-flex; font-weight: 700; font-size: 1.1rem;}
344 
+.scroll_area li .left .nomal .col_5{min-width:50px;}
345 
+
345 346 
 .scroll_area li .right {margin: 30px 20px 0 0; position: relative; display: flex; font-size: 1.4rem; font-weight: 700; float: right;}
346 347 
 .scroll_area li .right .num {margin: 0 25px; width: auto;}
347 348 
 .scroll_area li .right button {margin: -6px; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}