Home Verkennen Help
Registreren Inloggen
orderqueen
/
oqpo-view
Volgen 3
Ster 0
Vork 0
Bestanden Kwesties 0 Pull-aanvragen 0 Wiki
Bladeren bron

모바일 재고관리 수정

whakdo963 2 jaren geleden
bovenliggende
bd8cf643aa
commit
33c8a91404
4 gewijzigde bestanden met toevoegingen van 168 en 177 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 22 22
      src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html
  2. 62 77
      src/main/webapp/mobile/app/mstockmng/MSTOCKMNG01010.html
  3. 65 68
      src/main/webapp/mobile/app/mstockmng/MSTOCKMNG02010.html
  4. 19 10
      src/main/webapp/mobile/css/style.css

+ 22 - 22
src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html
Bestand weergeven 

@@ -40,7 +40,7 @@
40 40 
 		  </div>
41 41 
 			<div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_AREA" class="scroll_area row-13">
42 42 
 			  <ul id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
43 
-			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
43 
+			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: none;">
44 44 
 				<li class="history_list7">
45 45 
 				  <!-- <div class="left">hidden 처리
46 46 
 					<div class="nomal">
 
@@ -104,13 +104,13 @@
104 104 
 				<div class="line">
105 105 
 				  <label>매장명</label>
106 106 
 				  <div class="line_right">
107 
-				  	<div class="fnStoreNm">fafdsfsdfsdfdasfsdafsda</div>
107 
+				  	<div class="fnStoreNm"></div>
108 108 
 				  </div>
109 109 
 				</div>
110 110 
 				<div class="line">
111 111 
 				  <label>정산일자</label>
112 112 
 				  <div class="line_right">
113 
-				  	<div class="fnSttlDt">fasdfdsfdsfsdfsdfdsafdasfdsafdsa</div>
113 
+				  	<div class="fnSttlDt"></div>
114 114 
 				  </div>
115 115 
 				</div>
116 116 
 				<div class="line">
 
@@ -149,49 +149,49 @@
149 149 
 				  <div>
150 150 
 					<div class="left">
151 151 
 					  <div class="nomal">
152 
-						<label class="col_3">품목아이디 </label>
152 
+						<label class="col_9">품목명</label>
153 153 
 						<span>:</span>
154 
-					    <div class="fnItemId">asdfwefwfadsfa</div>
155 
-						<label class="sub_info">품목명</label>
154 
+					    <div class="fnItemNm"></div>
155 
+						<label class="col_0">정산구분</label>
156 156 
 						<span>:</span>
157 
-					    <div class="fnItemNm">asdfasfdsadffsd</div>
157 
+					    <div class="fnSttlDvsnNm">정산완로</div>
158 158 
 					  </div>
159 159 
 					</div>
160 160 
 					<div class="left">
161 161 
 					  <div class="nomal">
162 
-						<label class="">단가</label>
163 
-						<span>:</span>
164 
-					    <div class="fnUnitAmt">afsdffasdfasd</div>
165 
-						<label class="sub_info">단위</label>
162 
+						<label class="col_9">품목아이디 </label>
166 163 
 						<span>:</span>
167 
-					    <div class="fnUnit">fasdfsdfasdfsda</div>
164 
+					    <div class="full fnItemId"></div>
168 165 
 					  </div>
169 166 
 					</div>
170 167 
 					<div class="left">
171 168 
 					  <div class="nomal">
172 
-						<label class="lit">발주(납품)수량</label>
169 
+						<label class="col_9">단가</label>
173 170 
 						<span>:</span>
174 
-					    <div class="col_0 lit fnPodrQyt">10,000</div>
175 
-						<label class="lit">입고(수거)일자</label>
171 
+					    <div class="fnUnitAmt"></div>
172 
+						<label class="sub_info">단위</label>
176 173 
 						<span>:</span>
177 
-					    <div class="lit fnWhsColDt">2022.10.10</div>
174 
+					    <div class="fnUnit"></div>
178 175 
 					  </div>
179 176 
 					</div>
180 177 
 					<div class="left">
181 178 
 					  <div class="nomal">
182 
-						<label>입고(수거)수량</label>
179 
+						<label class="lit">발주(납품)수량</label>
183 180 
 						<span>:</span>
184 
-					    <div class="col_0 lit fnWhsColQty">10,000</div>
185 
-						<label class="lit">입고(수거)금액</label>
181 
+					    <div class="col_0 lit fnPodrQyt"></div>
182 
+						<label class="lit">입고(수거)일자</label>
186 183 
 						<span>:</span>
187 
-					    <div class="lit fnWhsColAmt">1,000,000</div>
184 
+					    <div class="lit fnWhsColDt"></div>
188 185 
 					  </div>
189 186 
 					</div>
190 187 
 					<div class="left">
191 188 
 					  <div class="nomal">
192 
-						<label class="">정산구분</label>
189 
+						<label class="lit">입고(수거)수량</label>
193 190 
 						<span>:</span>
194 
-					    <div class="fnSttlDvsnNm">정산완로</div>
191 
+					    <div class="col_0 lit fnWhsColQty"></div>
192 
+						<label class="lit">입고(수거)금액</label>
193 
+						<span>:</span>
194 
+					    <div class="lit fnWhsColAmt"></div>
195 195 
 					  </div>
196 196 
 					</div>
197 197 
 				  </div>

+ 62 - 77
src/main/webapp/mobile/app/mstockmng/MSTOCKMNG01010.html
Bestand weergeven 

@@ -4,116 +4,101 @@
4 4 
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5 5 
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6 6 
 		  <div class="content">
7 
-		  	<div class="line header">
8 
-				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">재고현황</div>
9 
-	      	</div>
10 
-			<div class="line">
11 
-			  <label>창고선택</label>
12 
-			  <div class="float_left">
13 
-				<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A창고명">
14 
-				<div class="itp_input_btn">
15 
-					<button id="ITP_BTN_MSTOCKMNG01010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
7 
+			  <div class="content_fix">
8 
+			  	<div class="line header">
9 
+					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">재고현황</div>
10 
+		      	</div>
11 
+				<div class="line">
12 
+				  <label>창고선택</label>
13 
+				  <div class="float_left">
14 
+					<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A창고명">
15 
+					<div class="itp_input_btn">
16 
+						<button id="ITP_BTN_MSTOCKMNG01010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
17 
+					</div>
18 
+				  </div>
19 
+				  <div class="float_right_btn">
20 
+					<button id="ITP_BTN_MSTOCKMNG01010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
21 
+				  </div>
22 
+				</div>
23 
+				<div class="line">
24 
+				  <label>Location</label>
25 
+				  <div class="float_left">
26 
+					<select name="slocation" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_LOCATION">
27 
+					  <option value=""></option>
28 
+					</select>
29 
+				  </div>
30 
+				</div>
31 
+				<div class="line">
32 
+				  <label>품목명</label>
33 
+				  <div class="float_left">
34 
+					<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
35 
+				  </div>
36 
+				</div>
37 
+				<div class="line">
38 
+				  <div class="search">
39 
+					<button id="ITP_BTN_MSTOCKMNG01010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
40 
+				  </div>
41 
+				</div>
42 
+				<div class="table_header">
43 
+				  <h1><재고 목록></h1>
44 
+				  <button type="button" id="ITP_BTN_MSTOCKMNG01010_LIST_ADD_STCK" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MSTOCKMNG01010_STCK_AREA">재고처리</button>
16 45 
 				</div>
17 
-			  </div>
18 
-			  <div class="float_right_btn">
19 
-				<button id="ITP_BTN_MSTOCKMNG01010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
20 
-			  </div>
21 
-			</div>
22 
-			<div class="line top6">
23 
-			  <label>Location</label>
24 
-			  <div class="float_left">
25 
-				<select name="slocation" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_LOCATION">
26 
-				  <option value=""></option>
27 
-				</select>
28 
-			  </div>
29 
-			</div>
30 
-			<div class="line top6">
31 
-			  <label>품목명</label>
32 
-			  <div class="float_left">
33 
-				<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
34 
-			  </div>
35 
-			</div>
36 
-			<div class="line top3">
37 
-			  <div class="search">
38 
-				<button id="ITP_BTN_MSTOCKMNG01010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
39 
-			  </div>
40 
-			</div>
41 
-			<div class="table_header">
42 
-			  <h1><재고 목록></h1>
43 
-			  <button type="button" id="ITP_BTN_MSTOCKMNG01010_LIST_ADD_STCK" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MSTOCKMNG01010_STCK_AREA">재고처리</button>
44 46 
 			</div>
45 47 
 		  </div>
46 48 
 			<div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_AREA" class="scroll_area row-12">
47 49 
 			  <ul id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
48 50 
 			  <div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWCOPY" style="display: none;"><!-- style="display: grid;" -->
49 
-				<li class="history_list2 list-row">
50 
-				  <div>
51 
+				<li class="history_list2">
51 52 
 					<div class="left">
52 53 
 					  <div class="nomal">
53 54 
 						<label>창고번호 </label>
54 55 
 						<span>:</span>
55 
-						<div>
56 
-						  <div class="fnWhsId"></div>
57 
-						</div>
58 
-						<label>창고명&nbsp;:</label>
59 
-						<div>
60 
-						  <div class="fnWhsNm"></div>
61 
-						</div>
56 
+					    <div class="fnWhsId"></div>
57 
+						<label class="col_0">창고명</label>
58 
+						<span>:</span>
59 
+					    <div class="col_10 fnWhsNm"></div>
62 60 
 					  </div>
63 61 
 					</div>
64 62 
 				    <div class="left">
65 63 
 					  <div class="nomal">
66 64 
 						  <label>품목번호</label>
67 65 
 						  <span>:</span>
68 
-						  <div>
69 
-							  <div class="fnItemId"></div>
70 
-						  </div>
71 
-						  <label>품목명&nbsp;:</label>
72 
-						  <div>
73 
-							  <div class="fnItemNm"></div>
74 
-						  </div>
66 
+						  <div class="fnItemId"></div>
67 
+						  <label class="col_0">품목명</label>
68 
+						  <span>:</span>
69 
+				  		  <div class="col_10 fnItemNm"></div>
75 70 
 					  </div>
76 71 
 				    </div>
77 72 
 					<div class="left">
78 73 
 					  <div class="nomal">
79 74 
 						<label>단위</label>
80 75 
 						<span>:</span>
81 
-						<div>
82 
-						  <div class="fnUnit"></div>
83 
-						</div>
84 
-						<label>단위수량&nbsp;:</label>
85 
-						<div>
86 
-						  <div class="fnUnitQty"></div>
87 
-						</div>
76 
+					    <div class="fnUnit"></div>
77 
+						<label class="col_0">단위수량</label>
78 
+						<span>:</span>
79 
+					    <div class="fnUnitQty"></div>
88 80 
 					  </div>
89 81 
 					</div>
90 82 
 					<div class="left">
91 83 
 					  <div class="nomal">
92 84 
 						<label>현재고수량</label>
93 85 
 						<span>:</span>
94 
-						<div>
95 
-						  <div class=" fnStckQty"></div>
96 
-						</div>
97 
-						<label>적정재고수량&nbsp;:</label>
98 
-						<div>
99 
-						  <div class="fnPrpStckQty"></div>
100 
-						</div>
86 
+					    <div class="col_6 fnStckQty"></div>
87 
+						<label>적정재고수량</label>
88 
+						<span>:</span>
89 
+					    <div class="fnPrpStckQty"></div>
101 90 
 					  </div>
102 91 
 					</div>
103 92 
 					<div class="left">
104 93 
 					  <div class="nomal">
105 94 
 						<label>안전재고비율</label>
106 95 
 						<span>:</span>
107 
-						<div>
108 
-						  <div class="fnSftStckRt"></div>
109 
-						</div>
110 
-						<label class="col_0">Location&nbsp;:</label>
111 
-						<div class="fn">
112 
-						  <div class="fnLocationNm"></div>
113 
-						</div>
96 
+					    <div class="col_6 fnSftStckRt">%</div>
97 
+						<label class="col_0">Location</label>
98 
+						<span>:</span>
99 
+					    <div class="fnLocationNm"></div>
114 100 
 					  </div>
115 101 
 					</div>
116 
-				  </div>
117 102 
 				</li>
118 103 
 			</div>
119 104 
 		  </div>
 
@@ -139,7 +124,7 @@
139 124 
 				</form>
140 125 
 			</div>
141 126 
 			<div class="select_btn">
142 
-				<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_NM" class="btn_blue">납품장소 <img src="../img/arrow_down.png"></button>
127 
+				<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_NM" class="btn_red">납품장소 <img src="../img/arrow_down.png"></button>
143 128 
 			</div>
144 129 
 			<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_AREA" class="popup_scroll">
145 130 
 				<ul id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
 
@@ -147,7 +132,7 @@
147 132 
 					<li class="row_2">
148 133 
 						<div class="scroll_left">
149 134 
 							<div class="con_2 fnWhsNm">브랜드 창고 명A</div>
150 
-							<div class="con_2 sub fnLocationNm">(상세위치내용)</div>
135 
+							<div class="con_2 wichi fnLocationNm">(상세위치내용)</div>
151 136 
 						</div>
152 137 
 						<div class="scroll_right">
153 138 
 							<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
 
@@ -261,4 +246,4 @@
261 246 
 			</div>
262 247 
 		</div>
263 248 
 	</div>
264 
-  </section
249 
+  </section>

+ 65 - 68
src/main/webapp/mobile/app/mstockmng/MSTOCKMNG02010.html
Bestand weergeven 

@@ -4,102 +4,99 @@
4 4 
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_BRAND_ID" name="brandId" value="">
5 5 
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STORE_ID" name="storeId" value="">
6 6 
 		  <div class="content">
7 
-		  <div class="line header">
8 
-				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">재고실사</div>
9 
-	      	</div>
10 
-			<div class="line">
11 
-			  <label style="margin-left:5px; margin-right:5px;">재고실사일자</label>
12 
-			  <div class="float_left">
13 
-				  <input type="text" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STCK_DT" name="cddDt" class="itp_input date full" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="재고실사일자" readonly>
14 
-			  </div>
15 
-			</div>
16 
-			<div class="line top3">
17 
-			  <label>창고선택</label>
18 
-			  <div class="float_left">
19 
-				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A창고명">
20 
-				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_ID" name="swhsId" type="hidden">
21 
-				<div class="itp_input_btn">
22 
-					<button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
7 
+		    <div class="content_fix">
8 
+			  <div class="line header">
9 
+					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">재고실사</div>
10 
+		      	</div>
11 
+				<div class="line">
12 
+				  <label>재고실사일자</label>
13 
+				  <div class="float_left">
14 
+					  <input type="text" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STCK_DT" name="cddDt" class="itp_input date full" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="재고실사일자" readonly>
15 
+				  </div>
23 16 
 				</div>
24 
-			  </div>
25 
-			  <div class="float_right_btn">
26 
-				<button id="ITP_BTN_MSTOCKMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
27 
-			  </div>
28 
-			</div>
29 
-			<div class="line top9">
30 
-			  <label>Location</label>
31 
-			  <div class="float_left">
32 
-				<select name="slocation" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_LOCATION" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="Location"></select>
33 
-			  </div>
34 
-			</div>
35 
-			  <div class="line top12">
36 
-				  <label>실사구분</label>
17 
+				<div class="line">
18 
+				  <label>창고선택</label>
37 19 
 				  <div class="float_left">
38 
-					  <select id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_CDD_DVSN" data-select-code="CDD_DVSN" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="실사구분" name="cddDvsn"></select>
20 
+					<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A창고명">
21 
+					<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_ID" name="swhsId" type="hidden">
22 
+					<div class="itp_input_btn">
23 
+						<button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
24 
+					</div>
39 25 
 				  </div>
40 
-			  </div>
41 
-			<div class="line top12" >
42 
-			  <div class="search">
43 
-				<button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">대상 검색</button>
44 
-			  </div>
45 
-			</div>
46 
-			<div class="table_header">
47 
-			  <h1><실사 목록></h1>
48 
-			  <button id="ITP_BTN_MSTOCKMNG02010_LIST_BARCODE" class="btn-primary btn-sm ADB">바코드</button>
26 
+				  <div class="float_right_btn">
27 
+					<button id="ITP_BTN_MSTOCKMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
28 
+				  </div>
29 
+				</div>
30 
+				<div class="line">
31 
+				  <label>Location</label>
32 
+				  <div class="float_left">
33 
+					<select name="slocation" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_LOCATION" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="Location"></select>
34 
+				  </div>
35 
+				</div>
36 
+				  <div class="line">
37 
+					  <label>실사구분</label>
38 
+					  <div class="float_left">
39 
+						  <select id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_CDD_DVSN" data-select-code="CDD_DVSN" data-check-required="empty" data-alert-required="ONLYCHK" data-alert-msg="실사구분" name="cddDvsn"></select>
40 
+					  </div>
41 
+				  </div>
42 
+				<div class="line" >
43 
+				  <div class="search">
44 
+					<button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">대상 검색</button>
45 
+				  </div>
46 
+				</div>
47 
+				<div class="table_header">
48 
+				  <h1><실사 목록></h1>
49 
+				  <button id="ITP_BTN_MSTOCKMNG02010_LIST_BARCODE" class="btn-primary btn-sm ADB">바코드</button>
50 
+				</div>
49 51 
 			</div>
50 52 
 		  </div>
51 53 
 			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-4">
52 54 
 			  <ul id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
53 
-			  <div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY" style="display: none;"> <!-- display:gird -->
54 
-				<li class="history_list5 list-row">
55 
-				  <div>
55 
+			  <div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
56 
+				<li class="history_list8">
56 57 
 					<div class="left">
57 58 
 					  <div class="nomal">
58 59 
 						<label class="col_3">품목번호</label>
59 60 
 						<span>:</span>
60 
-						<div>
61 
-						  <div class="fnItemId" data-normal-yn="Y"></div>
62 
-						</div>
63 
-						<label class="col_0">품목명&nbsp;:</label>
64 
-						<div>
65 
-						  <div class="fnItemNm"></div>
66 
-						</div>
61 
+					    <div class="fnItemId" data-normal-yn="Y"></div>
62 
+						<label class="col_0">품목명</label>
63 
+						<span>:</span>
64 
+					    <div class="col_10 fnItemNm"></div>
67 65 
 					  </div>
68 66 
 					</div>
69 67 
 					<div class="left">
70 68 
 					  <div class="nomal">
71 69 
 						<label class="col_3">단위</label>
72 70 
 						<span>:</span>
73 
-						<div>
74 
-						  <div class="fnUnit"></div>
75 
-						</div>
76 
-						<label class="col_0">단위수량&nbsp;:</label>
77 
-						<div>
78 
-						  <div class="fnCddQty"></div>
79 
-						</div>
71 
+					    <div class="fnUnit"></div>
72 
+						<label class="col_0">단위수량</label>
73 
+						<span>:</span>
74 
+					    <div class="fnCddQty"></div>
80 75 
 					  </div>
81 76 
 					</div>
82 77 
 					<div class="left">
83 78 
 					  <div class="nomal">
84 79 
 						<label class="col_3">현재고수량</label>
85 80 
 						<span>:</span>
86 
-						<div class="fn">
87 
-						  <div class="fnStckQty"></div>
88 
-						</div>
89 
-						<label class="col_3">실사수량&nbsp;:</label>
90 
-						<div class="btn_bar">
91 
-						  <button class="DETAIL_ITEM_MINUS"><</button>
81 
+					    <div class="col_6 fnStckQty"></div>
82 
+						<label class="col_3">실사수량</label>
83 
+						<span>:</span>
84 
+						<div class="m_btn_bar">
85 
+						  <button class="DETAIL_ITEM_MINUS">
86 
+						  	<div>-</div>
87 
+						  </button>
92 88 
 						  <div class="fnCddQty col_0">1</div>
93 
-						  <button class="DETAIL_ITEM_PLUS">></button>
89 
+						  <button class="DETAIL_ITEM_PLUS">
90 
+						  	<div style="left:-1px;">+</div>
91 
+						  </button>
94 92 
 						</div>
95 93 
 					  </div>
96 94 
 					</div>
97 
-				  </div>
98 95 
 				</li>
99 96 
 			</div>
100 97 
 		  </div>
101 98 
 		  <div class="button_bar">
102 
-			<button id="ITP_BTN_MSTOCKMNG02010_LIST_SAVE" class="btn_col_6 btn-primary REQ">실사저장</button>
99 
+			<button id="ITP_BTN_MSTOCKMNG02010_LIST_SAVE" class="btn_col_6 btn-m-orange REQ">실사저장</button>
103 100 
 			<button id="ITP_BTN_MSTOCKMNG02010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
104 101 
 		  </div>
105 102 
 	  </form>
 
@@ -135,7 +132,7 @@
135 132 
 				</form>
136 133 
 			</div>
137 134 
 			<div class="select_btn">
138 
-				<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_NM" class="btn_blue">납품장소 <img src="../img/arrow_down.png"></button>
135 
+				<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_NM" class="btn_red">납품장소 <img src="../img/arrow_down.png"></button>
139 136 
 			</div>
140 137 
 			<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_AREA" class="popup_scroll">
141 138 
 				<ul id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
 
@@ -143,7 +140,7 @@
143 140 
 					<li class="row_2">
144 141 
 						<div class="scroll_left">
145 142 
 							<div class="con_2 fnWhsNm">브랜드 창고 명A</div>
146 
-							<div class="con_2 sub fnLocationNm">(상세위치내용)</div>
143 
+							<div class="con_2 wichi fnLocationNm">(상세위치내용)</div>
147 144 
 						</div>
148 145 
 						<div class="scroll_right">
149 146 
 							<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
 
@@ -181,7 +178,7 @@
181 178 
 			</form>
182 179 
 			<div id="ITP_POP_MSTOCKMNG02010_TABLE_AREA" class="table">
183 180 
 				<div class="table_tr">
184 
-					<div class="tabel_th" style="width:10%; border:none;">
181 
+					<div class="tabel_th" style="width:10%; border: none;">
185 182 
 						<label><input type="checkbox" class="chkAll" checked></label>
186 183 
 					</div>
187 184 
 					<div class="tabel_th">

+ 19 - 10
src/main/webapp/mobile/css/style.css
Bestand weergeven 

@@ -37,7 +37,7 @@ section .popup2 {position: absolute; top:0; width: 100%; height: 100vh; backgrou
37 37 
 section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
38 38 
 section .popup2 .barcode {width: 100%;}
39 39 
 section .popup2 .barcode_area {width: 300px; height: 300px; margin: auto; background: #fff; border: 1px solid #000; margin-top: 10%;}
40 
-section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 16px; margin:auto; margin-top: 10%;}
40 
+section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 16px; margin:auto; margin-top: 50%;}
41 41 
 section .popup2 .btn_barcode {margin-top: 20%;}
42 42 
 section .popup2 .btn_barcode button {width: 35%; height: 40px; font-size: 15px; font-weight:100;}
43 43 
 section .popup2 .pop { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 95%; height: 70%; background: #fff; border: 1px solid #000; border-radius:10px;}
 
@@ -69,16 +69,16 @@ section .popup2 .pop .table{width:98%; margin:0 auto; border:1px solid #aaa; bor
69 69 
 section .popup2 .pop .table .table_tr {display:flex;}
70 70 
 section .popup2 .pop .table .table_tr .tabel_th{width:23%;; height:30px; border-left:1px solid #aaa; background:#eee;}
71 71 
 section .popup2 .pop .table .table_tr .tabel_th label {font-size:14px; padding-top:5px; font-weight:100;}
72 
-section .popup2 .pop .table .table_tr .tabel_th .chkAll {margin:-3px;}
72 
+section .popup2 .pop .table .table_tr .tabel_th .chkAll {margin:-5px; width:15px;}
73 73
74 74 
 section .popup2 .pop .table_body .table_body{width:98%; height:120px; margin:0 auto; border:1px solid #aaa; border-bottom: none; overflow:auto;}
75 75 
 section .popup2 .pop .table_body .table_body::-webkit-scrollbar {
76 76 
     display: none; /* Chrome, Safari, Opera*/
77 77 
 }
78 78 
 section .popup2 .pop .table_tr {display:flex; height:31px; border-bottom:1px solid #aaa;}
79 
-section .popup2 .pop .table_tr .table_td{width:23%;; height:30px; padding-top:5px; border-left:1px solid #aaa; background:#fff;}
80 
-section .popup2 .pop .table_tr .table_td div {font-size:12px; font-weight:100;}
81 
-section .popup2 .pop .table_tr .table_td .chkItem {margin:-3px;}
79 
+section .popup2 .pop .table_tr .table_td{display:grid; width:23%; height:30px; padding-top:5px; border-left:1px solid #aaa; background:#fff;}
80 
+section .popup2 .pop .table_tr .table_td div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; font-size:12px; font-weight:100;}
81 
+section .popup2 .pop .table_tr .table_td .chkItem {margin-top:-5px; width:15px; left:50%; position:relative; transform:translateX(-50%);}
82 82
83 83 
 section .popup2 .pop .popup_scroll ul.mb_0 {margin-bottom:0 !important;}
84 84 
 section .popup2 .pop .popup_scroll {position: relative; top:-25px; width: 100%;height: 75%; overflow: auto; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
 
@@ -113,22 +113,23 @@ section .popup2 .pop .content .line button {width: 35%; height: 35px;font-size:
113 113 
 section .popup2	.list_line {width:98%; float:left; height:40px;display: inline-flex; margin:0 1%; font-size:12px;}
114 114 
 section .popup2 .border {border-bottom: 1px solid #000 !important;}
115 115 
 section .popup2 .list_line .list_label {width:30%;border:1px solid #000; height:40px; padding-top:10px; border-bottom:none; background:#eee;}
116 
+section .popup2 .list_line .list_label label{font-size:12pt;}
116 117 
 section .popup2 .list_line .list_info {width:70%;height:40px; border:1px solid #000; padding-top:10px; border-left:none; border-bottom:none;}
117 118 
 section .popup2 .list_line .list_info input{width:90%;}
118 119 
 section .popup2 .list_line .mail input {width:30%;}
119 120 
 section .popup2 .list_line .mail select {width:30%;}
120 
-section .popup2 .list_line .list_info .pay_info {text-align:left; padding-left:17px;}
121 
+section .popup2 .list_line .list_info .pay_info {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; padding-left:10px; font-size:12pt; width:100%; }
121 122 
 section .popup_scroll li .right .num {padding:2px 0px; width: 43px; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
122 123 
 section .popup_scroll li .right button {background:#e1cac1; color:#fff; border:1px solid #E0B8AB; padding:0px 7px; font-size: 1.5rem; border-radius: 0px;}
123 124 
 section .popup_scroll li .right button:hover {background:#FCD5C1;}
124 125 
 section .popup_scroll li .right button:checked {background:#ccc;}
125 126 
 section .popup2 .list_line .line_right {float:right; width:70%;}
126 
-section .popup2 .list_line .line_right select {width:200px; float:right; height:27px; margin-top:6px;}
127 
+section .popup2 .list_line .line_right select {width:200px; float:right; height:34px; margin-top:4px;}
127 128 
 section .popup2 .list_line .line_right input {width:200px; float:right;}
128 
-section .popup2 .list_line .info{width:30%; padding-top:10px; padding-left:20px; text-align:left;}
129 
+section .popup2 .list_line .info{width:30%; padding-top:8px; padding-left:20px; text-align:left; font-size:12pt;}
129 130
130 
-section .popup2 .search .left {width:20%; float:left; margin-left:20px;}
131 
-section .popup2 .search .right {width:20%; float:right; margin-right:20px;}
131 
+section .popup2 .search .left {width:20%; float:left; margin:20px;}
132 
+section .popup2 .search .right {width:20%; float:right; margin:20px;}
132 133
133 134 
 section .popup2 .search .left button,
134 135 
 section .popup2 .search .right button {width:100%;}
 
@@ -510,6 +511,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
510 511 
 .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
511 512 
 .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
512 513 
 .scroll_area li .left .nomal .lit{font-size:11pt;}
514 
+.scroll_area li .left .nomal div.lit {padding-right:2px;}
513 515 
 .scroll_area li .left .nomal span {position:relative; top:-5px; margin:0 2px; font-size:15px; font-weight:700;}
514 516 
 .scroll_area li .left .nomal span.mg0 {margin:0;}
515 517 
 
@@ -517,6 +519,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
517 519 
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
518 520 
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
519 521
522 
+.scroll_area li .left .nomal .m_btn_bar{position: relative; display:inline-flex; width: 100px; height:25px; font-size: 12pt;}
523 
+.scroll_area li .left .nomal .m_btn_bar button{width: 20px; height: 25px; font-size: 12pt; padding: 0; border:1px solid #E0B8AB; background: #e1cac1; color:#fff;}
524 
+.scroll_area li .left .nomal .m_btn_bar button div{position:relative; width:10px; top:-2px; left:2px;}
525 
+.scroll_area li .left .nomal .m_btn_bar .col_0{width: 40px; text-align:center; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
526 
+
520 527 
 .scroll_area li .left .nomal label{position:relative; top:-5px; font-size:12pt; font-weight:100; min-width:75px; text-align:left;}
521 528 
 .scroll_area li .left .nomal label.sub_info{min-width: auto; display: inline-flex;}
522 529 
 
@@ -530,6 +537,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
530 537 
 .scroll_area li .left .nomal .full{width:200px;}
531 538 
 .scroll_area li .left .nomal .col_0{width:auto;}
532 539 
 .scroll_area li .left .nomal .col_6{width:60px;}
540 
+.scroll_area li .left .nomal .col_9{width:90px;}
541 
+.scroll_area li .left .nomal .col_10{width:100px;}
533 542
534 543
535 544 
 .scroll_area li .right {margin: 22px 10px 22px 0; position: relative; display: flex; height:30px; font-size: 1.4rem; font-weight: 700; float: right;}