浏览代码

모바일 재고관리 수정

whakdo963 2 年之前
父节点
当前提交
33c8a91404

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

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

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

@@ -4,116 +4,101 @@
4
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
4
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
5
 		  <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6
 		  <div class="content">
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
 				</div>
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
 			</div>
46
 			</div>
45
 		  </div>
47
 		  </div>
46
 			<div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_AREA" class="scroll_area row-12">
48
 			<div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_AREA" class="scroll_area row-12">
47
 			  <ul id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
49
 			  <ul id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
48
 			  <div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWCOPY" style="display: none;"><!-- style="display: grid;" -->
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
 					<div class="left">
52
 					<div class="left">
52
 					  <div class="nomal">
53
 					  <div class="nomal">
53
 						<label>창고번호 </label>
54
 						<label>창고번호 </label>
54
 						<span>:</span>
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
 					  </div>
60
 					  </div>
63
 					</div>
61
 					</div>
64
 				    <div class="left">
62
 				    <div class="left">
65
 					  <div class="nomal">
63
 					  <div class="nomal">
66
 						  <label>품목번호</label>
64
 						  <label>품목번호</label>
67
 						  <span>:</span>
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
 					  </div>
70
 					  </div>
76
 				    </div>
71
 				    </div>
77
 					<div class="left">
72
 					<div class="left">
78
 					  <div class="nomal">
73
 					  <div class="nomal">
79
 						<label>단위</label>
74
 						<label>단위</label>
80
 						<span>:</span>
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
 					  </div>
80
 					  </div>
89
 					</div>
81
 					</div>
90
 					<div class="left">
82
 					<div class="left">
91
 					  <div class="nomal">
83
 					  <div class="nomal">
92
 						<label>현재고수량</label>
84
 						<label>현재고수량</label>
93
 						<span>:</span>
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
 					  </div>
90
 					  </div>
102
 					</div>
91
 					</div>
103
 					<div class="left">
92
 					<div class="left">
104
 					  <div class="nomal">
93
 					  <div class="nomal">
105
 						<label>안전재고비율</label>
94
 						<label>안전재고비율</label>
106
 						<span>:</span>
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
 					  </div>
100
 					  </div>
115
 					</div>
101
 					</div>
116
-				  </div>
117
 				</li>
102
 				</li>
118
 			</div>
103
 			</div>
119
 		  </div>
104
 		  </div>
@@ -139,7 +124,7 @@
139
 				</form>
124
 				</form>
140
 			</div>
125
 			</div>
141
 			<div class="select_btn">
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
 			</div>
128
 			</div>
144
 			<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_AREA" class="popup_scroll">
129
 			<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_AREA" class="popup_scroll">
145
 				<ul id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
130
 				<ul id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
@@ -147,7 +132,7 @@
147
 					<li class="row_2">
132
 					<li class="row_2">
148
 						<div class="scroll_left">
133
 						<div class="scroll_left">
149
 							<div class="con_2 fnWhsNm">브랜드 창고 명A</div>
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
 						</div>
136
 						</div>
152
 						<div class="scroll_right">
137
 						<div class="scroll_right">
153
 							<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
138
 							<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -261,4 +246,4 @@
261
 			</div>
246
 			</div>
262
 		</div>
247
 		</div>
263
 	</div>
248
 	</div>
264
-  </section
249
+  </section>

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

@@ -4,102 +4,99 @@
4
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_BRAND_ID" name="brandId" value="">
4
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_BRAND_ID" name="brandId" value="">
5
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STORE_ID" name="storeId" value="">
5
 		 <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STORE_ID" name="storeId" value="">
6
 		  <div class="content">
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
 				</div>
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
 				  <div class="float_left">
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
 				  </div>
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
 			</div>
51
 			</div>
50
 		  </div>
52
 		  </div>
51
 			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-4">
53
 			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-4">
52
 			  <ul id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
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
 					<div class="left">
57
 					<div class="left">
57
 					  <div class="nomal">
58
 					  <div class="nomal">
58
 						<label class="col_3">품목번호</label>
59
 						<label class="col_3">품목번호</label>
59
 						<span>:</span>
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
 					  </div>
65
 					  </div>
68
 					</div>
66
 					</div>
69
 					<div class="left">
67
 					<div class="left">
70
 					  <div class="nomal">
68
 					  <div class="nomal">
71
 						<label class="col_3">단위</label>
69
 						<label class="col_3">단위</label>
72
 						<span>:</span>
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
 					  </div>
75
 					  </div>
81
 					</div>
76
 					</div>
82
 					<div class="left">
77
 					<div class="left">
83
 					  <div class="nomal">
78
 					  <div class="nomal">
84
 						<label class="col_3">현재고수량</label>
79
 						<label class="col_3">현재고수량</label>
85
 						<span>:</span>
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
 						  <div class="fnCddQty col_0">1</div>
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
 						</div>
92
 						</div>
95
 					  </div>
93
 					  </div>
96
 					</div>
94
 					</div>
97
-				  </div>
98
 				</li>
95
 				</li>
99
 			</div>
96
 			</div>
100
 		  </div>
97
 		  </div>
101
 		  <div class="button_bar">
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
 			<button id="ITP_BTN_MSTOCKMNG02010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
100
 			<button id="ITP_BTN_MSTOCKMNG02010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
104
 		  </div>
101
 		  </div>
105
 	  </form>
102
 	  </form>
@@ -135,7 +132,7 @@
135
 				</form>
132
 				</form>
136
 			</div>
133
 			</div>
137
 			<div class="select_btn">
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
 			</div>
136
 			</div>
140
 			<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_AREA" class="popup_scroll">
137
 			<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_AREA" class="popup_scroll">
141
 				<ul id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
138
 				<ul id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
@@ -143,7 +140,7 @@
143
 					<li class="row_2">
140
 					<li class="row_2">
144
 						<div class="scroll_left">
141
 						<div class="scroll_left">
145
 							<div class="con_2 fnWhsNm">브랜드 창고 명A</div>
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
 						</div>
144
 						</div>
148
 						<div class="scroll_right">
145
 						<div class="scroll_right">
149
 							<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
146
 							<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
@@ -181,7 +178,7 @@
181
 			</form>
178
 			</form>
182
 			<div id="ITP_POP_MSTOCKMNG02010_TABLE_AREA" class="table">
179
 			<div id="ITP_POP_MSTOCKMNG02010_TABLE_AREA" class="table">
183
 				<div class="table_tr">
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
 						<label><input type="checkbox" class="chkAll" checked></label>
182
 						<label><input type="checkbox" class="chkAll" checked></label>
186
 					</div>
183
 					</div>
187
 					<div class="tabel_th">
184
 					<div class="tabel_th">

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

@@ -37,7 +37,7 @@ section .popup2 {position: absolute; top:0; width: 100%; height: 100vh; backgrou
37
 section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
37
 section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
38
 section .popup2 .barcode {width: 100%;}
38
 section .popup2 .barcode {width: 100%;}
39
 section .popup2 .barcode_area {width: 300px; height: 300px; margin: auto; background: #fff; border: 1px solid #000; margin-top: 10%;}
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
 section .popup2 .btn_barcode {margin-top: 20%;}
41
 section .popup2 .btn_barcode {margin-top: 20%;}
42
 section .popup2 .btn_barcode button {width: 35%; height: 40px; font-size: 15px; font-weight:100;}
42
 section .popup2 .btn_barcode button {width: 35%; height: 40px; font-size: 15px; font-weight:100;}
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;}
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
 section .popup2 .pop .table .table_tr {display:flex;}
69
 section .popup2 .pop .table .table_tr {display:flex;}
70
 section .popup2 .pop .table .table_tr .tabel_th{width:23%;; height:30px; border-left:1px solid #aaa; background:#eee;}
70
 section .popup2 .pop .table .table_tr .tabel_th{width:23%;; height:30px; border-left:1px solid #aaa; background:#eee;}
71
 section .popup2 .pop .table .table_tr .tabel_th label {font-size:14px; padding-top:5px; font-weight:100;}
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
 section .popup2 .pop .table_body .table_body{width:98%; height:120px; margin:0 auto; border:1px solid #aaa; border-bottom: none; overflow:auto;}
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
 section .popup2 .pop .table_body .table_body::-webkit-scrollbar {
75
 section .popup2 .pop .table_body .table_body::-webkit-scrollbar {
76
     display: none; /* Chrome, Safari, Opera*/
76
     display: none; /* Chrome, Safari, Opera*/
77
 }
77
 }
78
 section .popup2 .pop .table_tr {display:flex; height:31px; border-bottom:1px solid #aaa;}
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
 section .popup2 .pop .popup_scroll ul.mb_0 {margin-bottom:0 !important;}
83
 section .popup2 .pop .popup_scroll ul.mb_0 {margin-bottom:0 !important;}
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;}
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
 section .popup2	.list_line {width:98%; float:left; height:40px;display: inline-flex; margin:0 1%; font-size:12px;}
113
 section .popup2	.list_line {width:98%; float:left; height:40px;display: inline-flex; margin:0 1%; font-size:12px;}
114
 section .popup2 .border {border-bottom: 1px solid #000 !important;}
114
 section .popup2 .border {border-bottom: 1px solid #000 !important;}
115
 section .popup2 .list_line .list_label {width:30%;border:1px solid #000; height:40px; padding-top:10px; border-bottom:none; background:#eee;}
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
 section .popup2 .list_line .list_info {width:70%;height:40px; border:1px solid #000; padding-top:10px; border-left:none; border-bottom:none;}
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
 section .popup2 .list_line .list_info input{width:90%;}
118
 section .popup2 .list_line .list_info input{width:90%;}
118
 section .popup2 .list_line .mail input {width:30%;}
119
 section .popup2 .list_line .mail input {width:30%;}
119
 section .popup2 .list_line .mail select {width:30%;}
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
 section .popup_scroll li .right .num {padding:2px 0px; width: 43px; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
122
 section .popup_scroll li .right .num {padding:2px 0px; width: 43px; border-top:1px solid #E0B8AB; border-bottom:1px solid #E0B8AB;}
122
 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
 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
 section .popup_scroll li .right button:hover {background:#FCD5C1;}
124
 section .popup_scroll li .right button:hover {background:#FCD5C1;}
124
 section .popup_scroll li .right button:checked {background:#ccc;}
125
 section .popup_scroll li .right button:checked {background:#ccc;}
125
 section .popup2 .list_line .line_right {float:right; width:70%;}
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
 section .popup2 .list_line .line_right input {width:200px; float:right;}
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
 section .popup2 .search .left button,
134
 section .popup2 .search .left button,
134
 section .popup2 .search .right button {width:100%;}
135
 section .popup2 .search .right button {width:100%;}
@@ -510,6 +511,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
510
 .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
511
 .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
511
 .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
512
 .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
512
 .scroll_area li .left .nomal .lit{font-size:11pt;}
513
 .scroll_area li .left .nomal .lit{font-size:11pt;}
514
+.scroll_area li .left .nomal div.lit {padding-right:2px;}
513
 .scroll_area li .left .nomal span {position:relative; top:-5px; margin:0 2px; font-size:15px; font-weight:700;}
515
 .scroll_area li .left .nomal span {position:relative; top:-5px; margin:0 2px; font-size:15px; font-weight:700;}
514
 .scroll_area li .left .nomal span.mg0 {margin:0;}
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
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
519
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
518
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
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
 .scroll_area li .left .nomal label{position:relative; top:-5px; font-size:12pt; font-weight:100; min-width:75px; text-align:left;}
527
 .scroll_area li .left .nomal label{position:relative; top:-5px; font-size:12pt; font-weight:100; min-width:75px; text-align:left;}
521
 .scroll_area li .left .nomal label.sub_info{min-width: auto; display: inline-flex;}
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
 .scroll_area li .left .nomal .full{width:200px;}
537
 .scroll_area li .left .nomal .full{width:200px;}
531
 .scroll_area li .left .nomal .col_0{width:auto;}
538
 .scroll_area li .left .nomal .col_0{width:auto;}
532
 .scroll_area li .left .nomal .col_6{width:60px;}
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
 .scroll_area li .right {margin: 22px 10px 22px 0; position: relative; display: flex; height:30px; font-size: 1.4rem; font-weight: 700; float: right;}
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;}