Accueil Explorer Aide
S'inscrire Connexion
orderqueen
/
oqpo-view
Suivre 3
Voter 0
Fork 0
Fichiers Tickets 0 Pull Requests 0 Wiki
Parcourir la source

모바일 재고관리 메뉴 html 메뉴

whakdo963 il y a 2 ans
Parent
324dfff246
commit
a09bd3d16a
3 fichiers modifiés avec 234 ajouts et 108 suppressions
Vue séparée Afficher les stats Diff
  1. 50 46
      src/main/webapp/mobile/app/mstockmng/MSTOCKMNG01010.html
  2. 161 52
      src/main/webapp/mobile/app/mstockmng/MSTOCKMNG02010.html
  3. 23 10
      src/main/webapp/mobile/css/style.css

+ 50 - 46
src/main/webapp/mobile/app/mstockmng/MSTOCKMNG01010.html
Voir le fichier 

@@ -4,26 +4,24 @@
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>
7 10 
 			<div class="line">
8 11 
 			  <label>창고선택</label>
9 
-				<div class="line_right">
10 
-					<select name="swhsId" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_WHS_NM">
11 
-						<option value=""></option>
12 
-					</select>
13 
-				</div>
14 
-			  <!--<div class="search_wrap">
15 
-				  <div class="float_left">
16 
-					<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_WHS_NM" type="text" placeholder="A매장명">
17 
-				  </div>
18 
-				  <div class="float_left_btn">
12 
+			  <div class="float_left">
13 
+				<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_WHS_NM" name="whsNm" type="text" placeholder="A창고명">
14 
+				<div class="itp_input_btn">
19 15 
 					<button id="ITP_BTN_MSTOCKMNG01010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
20 
-					<button id="ITP_BTN_MSTOCKMNG01010_LIST_DETELE_WHS_NM"><img src="../img/delete.png" alt=""></button>
21 
-				  </div>
22 
-			  </div>-->
16 
+				</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>
23 21 
 			</div>
24 22 
 			<div class="line">
25 23 
 			  <label>Location</label>
26 
-			  <div class="line_right">
24 
+			  <div class="float_left">
27 25 
 				<select name="slocation" id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_LOCATION">
28 26 
 				  <option value=""></option>
29 27 
 				</select>
 
@@ -31,8 +29,8 @@
31 29 
 			</div>
32 30 
 			<div class="line">
33 31 
 			  <label>품목명</label>
34 
-			  <div class="search_wrap">
35 
-				<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
32 
+			  <div class="float_left">
33 
+				<input id="ITP_FORM_MSTOCKMNG01010_LIST_SEARCH_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
36 34 
 			  </div>
37 35 
 			</div>
38 36 
 			<div class="line" style="height:45px;">
 
@@ -41,18 +39,19 @@
41 39 
 			  </div>
42 40 
 			</div>
43 41 
 			<div class="table_header">
44 
-			  <h1>> 재고 목록</h1>
42 
+			  <h1><재고 목록></h1>
45 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>
46 44 
 			</div>
47 45 
 		  </div>
48 46 
 			<div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_AREA" class="scroll_area row-2">
49 
-			  <ul id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWS" class="panel-group"></ul>
50 
-			  <div id="ITP_LIST_MSTOCKMNG01010_LIST_ITEM_ROWCOPY" style="display:none;">
51 
-				<li class="history_list list-row">
47 
+			  <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: block;">
49 
+				<li class="history_list2 list-row">
52 50 
 				  <div>
53 51 
 					<div class="left">
54 52 
 					  <div class="nomal">
55 
-						<label>창고번호 &nbsp;:</label>
53 
+						<label>창고번호 </label>
54 
+						<span>:</span>
56 55 
 						<div>
57 56 
 						  <div class="fnWhsId"></div>
58 57 
 						</div>
 
@@ -62,21 +61,23 @@
62 61 
 						</div>
63 62 
 					  </div>
64 63 
 					</div>
65 
-					  <div class="left">
66 
-						  <div class="nomal">
67 
-							  <label>품목번호 &nbsp;:</label>
68 
-							  <div>
69 
-								  <div class="fnItemId"></div>
70 
-							  </div>
71 
-							  <label>품목명&nbsp;:</label>
72 
-							  <div>
73 
-								  <div class="fnItemNm"></div>
74 
-							  </div>
64 
+				    <div class="left">
65 
+					  <div class="nomal">
66 
+						  <label>품목번호</label>
67 
+						  <span>:</span>
68 
+						  <div>
69 
+							  <div class="fnItemId"></div>
70 
+						  </div>
71 
+						  <label>품목명&nbsp;:</label>
72 
+						  <div>
73 
+							  <div class="fnItemNm"></div>
75 74 
 						  </div>
76 75 
 					  </div>
76 
+				    </div>
77 77 
 					<div class="left">
78 78 
 					  <div class="nomal">
79 
-						<label>단위 &nbsp;:</label>
79 
+						<label>단위</label>
80 
+						<span>:</span>
80 81 
 						<div>
81 82 
 						  <div class="fnUnit"></div>
82 83 
 						</div>
 
@@ -88,21 +89,23 @@
88 89 
 					</div>
89 90 
 					<div class="left">
90 91 
 					  <div class="nomal">
91 
-						<label>현재고수량 &nbsp;:</label>
92 
-						<div class="col_5 fn">
93 
-						  <div class="col_5 fnStckQty"></div>
92 
+						<label>현재고수량</label>
93 
+						<span>:</span>
94 
+						<div>
95 
+						  <div class=" fnStckQty"></div>
94 96 
 						</div>
95 97 
 						<label>적정재고수량&nbsp;:</label>
96 
-						<div class="fn">
98 
+						<div>
97 99 
 						  <div class="fnPrpStckQty"></div>
98 100 
 						</div>
99 101 
 					  </div>
100 102 
 					</div>
101 103 
 					<div class="left">
102 104 
 					  <div class="nomal">
103 
-						<label>안전재고비율 &nbsp;:</label>
104 
-						<div class="col_5 fn">
105 
-						  <div class="col_5 fnSftStckRt"></div>
105 
+						<label>안전재고비율</label>
106 
+						<span>:</span>
107 
+						<div>
108 
+						  <div class="fnSftStckRt"></div>
106 109 
 						</div>
107 110 
 						<label class="col_0">Location&nbsp;:</label>
108 111 
 						<div class="fn">
 
@@ -121,7 +124,7 @@
121 124 
 		<div class="pop">
122 125 
 			<div class="header">
123 126 
 				<div class="header_left">
124 
-					<label>> 납품장소</label>
127 
+					<label>납품장소</label>
125 128 
 				</div>
126 129 
 				<div class="header_right">
127 130 
 					<button type="button" id="ITP_BTN_MSTOCKMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
 
@@ -135,16 +138,17 @@
135 138 
 					<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
136 139 
 				</form>
137 140 
 			</div>
138 
-			<div class="search_bar">
141 
+			<div class="select_btn">
139 142 
 				<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
140 143 
 			</div>
141 144 
 			<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_AREA" class="popup_scroll">
142 
-				<ul id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
143 
-				<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWCOPY" style="display:none;">
144 
-					<li class="list-row">
145 
+				<ul id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
146 
+				<div id="ITP_LIST_MSTOCKMNG01010_POP_WHS_ROWCOPY" style="display: block;">
147 
+					<li class="row_2">
145 148 
 						<div class="scroll_left">
146 149 
 							<div class="fnWhsNm">브랜드 창고 명A</div>
147 
-							<div class="fnLocationNm">(상세위치내용)</div>
150 
+							<div class="sub fnLocationNm">(상세위치내용)</div>
151 
+							<div class="sub fnLocationNm">(상세위치내용)</div>
148 152 
 						</div>
149 153 
 						<div class="scroll_right">
150 154 
 							<button id="ITP_BTN_MSTOCKMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
 
@@ -158,7 +162,7 @@
158 162 
 		<div class="pop">
159 163 
 			<div class="header">
160 164 
 				<div class="header_left">
161 
-					<label>> 재고처리</label>
165 
+					<label>재고처리</label>
162 166 
 				</div>
163 167 
 				<div class="header_right">
164 168 
 					<button type="button" id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>

+ 161 - 52
src/main/webapp/mobile/app/mstockmng/MSTOCKMNG02010.html
Voir le fichier 

@@ -4,39 +4,36 @@
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>
7 10 
 			<div class="line">
8 
-			  <label>재고실사일자</label>
9 
-			  <div class="line_right">
10 
-				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STCK_DT" name="cddDt" class="date" type="date" data-check-required="empty">
11 
+			  <label style="margin-left:5px; margin-right:5px;">재고실사일자</label>
12 
+			  <div class="float_left">
13 
+				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_STCK_DT" name="cddDt" class="date full" type="date" data-check-required="empty">
11 14 
 			  </div>
12 15 
 			</div>
13 16 
 			<div class="line">
14 17 
 			  <label>창고선택</label>
15 
-			  <div class="line_right">
16 
-				<select name="swhsId" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_ID">
17 
-					<option value=""></option>
18 
-				</select>
18 
+			  <div class="float_left">
19 
+				<input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM" name="whsNm" type="text" placeholder="A창고명">
20 
+				<div class="itp_input_btn">
21 
+					<button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
22 
+				</div>
23 
+			  </div>
24 
+			  <div class="float_right_btn">
25 
+				<button id="ITP_BTN_MSTOCKMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
19 26 
 			  </div>
20 
-			  <!--<div class="search_nm">
21 
-				  <div class="float_left">
22 
-					  <input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_NM" name="whsNm" type="text" placeholder="창고명" data-check-required="empty" readonly>
23 
-					  <input id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_WHS_ID" name="whsId" type="hidden">
24 
-				  </div>
25 
-				  <div class="float_left_btn">
26 
-					  <button id="ITP_BTN_MSTOCKMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
27 
-					  <button id="ITP_BTN_MSTOCKMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
28 
-				  </div>
29 
-			  </div>-->
30 27 
 			</div>
31 28 
 			<div class="line">
32 29 
 			  <label>Location</label>
33 
-			  <div class="line_right">
30 
+			  <div class="float_left">
34 31 
 				<select name="slocation" id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_LOCATION" data-check-required="empty"></select>
35 32 
 			  </div>
36 33 
 			</div>
37 34 
 			  <div class="line">
38 35 
 				  <label>실사구분</label>
39 
-				  <div class="line_right">
36 
+				  <div class="float_left">
40 37 
 					  <select id="ITP_FORM_MSTOCKMNG02010_LIST_SEARCH_CDD_DVSN" data-select-code="CDD_DVSN" data-check-required="empty" name="cddDvsn"></select>
41 38 
 				  </div>
42 39 
 			  </div>
 
@@ -46,18 +43,109 @@
46 43 
 			  </div>
47 44 
 			</div>
48 45 
 			<div class="table_header">
49 
-			  <h1>> 실사 목록</h1>
46 
+			  <h1><실사 목록></h1>
50 47 
 			  <button id="ITP_BTN_MSTOCKMNG02010_LIST_BARCODE" class="btn-primary btn-sm ADB">바코드</button>
51 48 
 			</div>
52 49 
 		  </div>
53 
-			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-2">
54 
-			  <ul id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS" class="panel-group"></ul>
55 
-			  <div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY" style="display:none;">
50 
+			<div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_AREA" class="scroll_area row-3-2">
51 
+			  <ul id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
52 
+			  <div id="ITP_LIST_MSTOCKMNG02010_LIST_ITEM_ROWCOPY" style="display: grid;"> <!-- display:gird -->
53 
+				<li class="history_list5 list-row">
54 
+				  <div>
55 
+					<div class="left">
56 
+					  <div class="nomal">
57 
+						<label>품목번호</label>
58 
+						<span>:</span>
59 
+						<div>
60 
+						  <div class="fnItemId"></div>
61 
+						</div>
62 
+						<label>품목명&nbsp;:</label>
63 
+						<div>
64 
+						  <div class="fnItemNm"></div>
65 
+						</div>
66 
+					  </div>
67 
+					</div>
68 
+					<div class="left">
69 
+					  <div class="nomal">
70 
+						<label>단위</label>
71 
+						<span>:</span>
72 
+						<div>
73 
+						  <div class="fnUnit"></div>
74 
+						</div>
75 
+						<label>단위수량&nbsp;:</label>
76 
+						<div>
77 
+						  <div class="fnUnitQty"></div>
78 
+						</div>
79 
+					  </div>
80 
+					</div>
81 
+					<div class="left">
82 
+					  <div class="nomal">
83 
+						<label class="col_0">현재고수량</label>
84 
+						<span>:</span>
85 
+						<div class="fn">
86 
+						  <div class="fnStckQty"></div>
87 
+						</div>
88 
+						<label class="col_6">실사수량&nbsp;:</label>
89 
+						<div class="btn_bar">
90 
+						  <button class="DETAIL_ITEM_MINUS"><</button>
91 
+						  <div class="fnCddQty col_0">1</div>
92 
+						  <button class="DETAIL_ITEM_PLUS">></button>
93 
+						</div>
94 
+					  </div>
95 
+					</div>
96 
+				  </div>
97 
+				</li>
98 
+				<li class="history_list5 list-row">
99 
+				  <div>
100 
+					<div class="left">
101 
+					  <div class="nomal">
102 
+						<label>품목번호</label>
103 
+						<span>:</span>
104 
+						<div>
105 
+						  <div class="fnItemId"></div>
106 
+						</div>
107 
+						<label>품목명&nbsp;:</label>
108 
+						<div>
109 
+						  <div class="fnItemNm"></div>
110 
+						</div>
111 
+					  </div>
112 
+					</div>
113 
+					<div class="left">
114 
+					  <div class="nomal">
115 
+						<label>단위</label>
116 
+						<span>:</span>
117 
+						<div>
118 
+						  <div class="fnUnit"></div>
119 
+						</div>
120 
+						<label>단위수량&nbsp;:</label>
121 
+						<div>
122 
+						  <div class="fnUnitQty"></div>
123 
+						</div>
124 
+					  </div>
125 
+					</div>
126 
+					<div class="left">
127 
+					  <div class="nomal">
128 
+						<label class="col_0">현재고수량</label>
129 
+						<span>:</span>
130 
+						<div class="fn">
131 
+						  <div class="fnStckQty"></div>
132 
+						</div>
133 
+						<label class="col_6">실사수량&nbsp;:</label>
134 
+						<div class="btn_bar">
135 
+						  <button class="DETAIL_ITEM_MINUS"><</button>
136 
+						  <div class="fnCddQty col_0">1</div>
137 
+						  <button class="DETAIL_ITEM_PLUS">></button>
138 
+						</div>
139 
+					  </div>
140 
+					</div>
141 
+				  </div>
142 
+				</li>
56 143 
 				<li class="history_list5 list-row">
57 144 
 				  <div>
58 145 
 					<div class="left">
59 146 
 					  <div class="nomal">
60 
-						<label>품목번호 &nbsp;:</label>
147 
+						<label>품목번호</label>
148 
+						<span>:</span>
61 149 
 						<div>
62 150 
 						  <div class="fnItemId"></div>
63 151 
 						</div>
 
@@ -69,7 +157,8 @@
69 157 
 					</div>
70 158 
 					<div class="left">
71 159 
 					  <div class="nomal">
72 
-						<label>단위 &nbsp;:</label>
160 
+						<label>단위</label>
161 
+						<span>:</span>
73 162 
 						<div>
74 163 
 						  <div class="fnUnit"></div>
75 164 
 						</div>
 
@@ -81,7 +170,8 @@
81 170 
 					</div>
82 171 
 					<div class="left">
83 172 
 					  <div class="nomal">
84 
-						<label class="col_0">현재고수량 &nbsp;:</label>
173 
+						<label class="col_0">현재고수량</label>
174 
+						<span>:</span>
85 175 
 						<div class="fn">
86 176 
 						  <div class="fnStckQty"></div>
87 177 
 						</div>
 
@@ -119,7 +209,7 @@
119 209 
 		<div class="pop">
120 210 
 			<div class="header">
121 211 
 				<div class="header_left">
122 
-					<label>> 납품장소</label>
212 
+					<label>납품장소</label>
123 213 
 				</div>
124 214 
 				<div class="header_right">
125 215 
 					<button type="button" id="ITP_BTN_MSTOCKMNG02010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
 
@@ -133,16 +223,17 @@
133 223 
 					<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
134 224 
 				</form>
135 225 
 			</div>
136 
-			<div class="search_bar">
226 
+			<div class="select_btn">
137 227 
 				<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
138 228 
 			</div>
139 229 
 			<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_AREA" class="popup_scroll">
140 
-				<ul id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
141 
-				<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWCOPY" style="display:none;">
142 
-					<li class="list-row">
230 
+				<ul id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
231 
+				<div id="ITP_LIST_MSTOCKMNG02010_POP_WHS_ROWCOPY" style="display: block;">
232 
+					<li class="row_2">
143 233 
 						<div class="scroll_left">
144 234 
 							<div class="fnWhsNm">브랜드 창고 명A</div>
145 
-							<div class="fnLocationNm">(상세위치내용)</div>
235 
+							<div class="sub fnLocationNm">(상세위치내용)</div>
236 
+							<div class="sub fnLocationNm">(상세위치내용)</div>
146 237 
 						</div>
147 238 
 						<div class="scroll_right">
148 239 
 							<button id="ITP_BTN_MSTOCKMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
 
@@ -156,7 +247,7 @@
156 247 
 		<div class="pop">
157 248 
 			<div class="header">
158 249 
 				<div class="header_left">
159 
-					<label>> 품목 검색</label>
250 
+					<label>품목 검색</label>
160 251 
 				</div>
161 252 
 				<div class="header_right">
162 253 
 					<button type="button" id="ITP_BTN_MSTOCKMNG02010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
 
@@ -178,25 +269,43 @@
178 269 
 					</div>
179 270 
 				</div>
180 271 
 			</form>
181 
-			<table id="ITP_POP_MSTOCKMNG02010_TABLE_AREA" border="1">
182 
-				<thead>
183 
-				<th><input type="checkbox" class="chkAll" checked></th>
184 
-				<th>품목번호</th>
185 
-				<th>품목명</th>
186 
-				<th>단위</th>
187 
-				<th>현재고수량</th>
188 
-				</thead>
189 
-				<tbody>
190 
-				</tbody>
191 
-			</table>
192 
-			<div id="ITP_POP_MSTOCKMNG02010_TABLE_TR" style="display:none;">
193 
-				<tr>
194 
-					<td><input type="checkbox" class="chkItem" checked></td>
195 
-					<td class="fnItemId"></td>
196 
-					<td class="fnItemNm"></td>
197 
-					<td class="fnUnit"></td>
198 
-					<td class="fnStckQty"></td>
199 
-				</tr>
272 
+			<div id="ITP_POP_MSTOCKMNG02010_TABLE_AREA" class="table">
273 
+				<div class="table_tr">
274 
+					<div class="tabel_th" style="width:10%; border:none;">
275 
+						<label><input type="checkbox" class="chkAll" checked></label>
276 
+					</div>
277 
+					<div class="tabel_th">
278 
+						<label>품목번호</label>
279 
+					</div>
280 
+					<div class="tabel_th">
281 
+						<label>품목명</label>
282 
+					</div>
283 
+					<div class="tabel_th">
284 
+						<label>단위</label>
285 
+					</div>
286 
+					<div class="tabel_th">
287 
+						<label>현재고수량</label>
288 
+					</div>
289 
+				</div>
290 
+			</div>
291 
+			<div id="ITP_POP_MSTOCKMNG02010_TABLE_TR" class="table_body" style="display: block;">
292 
+				<div class="table_tr">
293 
+					<div class="table_td" style="width:10%; border:none;">
294 
+						<input type="checkbox" class="chkItem" checked>
295 
+					</div>
296 
+					<div class="table_td">
297 
+						<div class="fnItemId"></div>
298 
+					</div>
299 
+					<div class="table_td">
300 
+						<div class="fnItemNm"></div>
301 
+					</div>
302 
+					<div class="table_td">
303 
+						<div class="fnUnit"></div>
304 
+					</div>
305 
+					<div class="table_td">
306 
+						<div class="fnStckQty"></div>
307 
+					</div>
308 
+				</div>
200 309 
 			</div>
201 310 
 		</div>
202 311 
 	</div>

+ 23 - 10
src/main/webapp/mobile/css/style.css
Voir le fichier 

@@ -31,9 +31,9 @@ section .popup2 {position: fixed; width: 100%; height: 100%; background: rgba(20
31 31 
 section .popup2 .content {position: fixed; z-index: 10; width:100%; background: #fff;}
32 32 
 section .popup2 .barcode {width: 100%;}
33 33 
 section .popup2 .barcode_area {width: 300px; height: 300px; margin: auto; background: #fff; border: 1px solid #000; margin-top: 10%;}
34 
-section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 1.1rem; margin:auto; margin-top: 20%;}
34 
+section .popup2 .barcode h1{text-align: left; width: 85%; font-size: 20px; margin:auto; margin-top: 20%;}
35 35 
 section .popup2 .btn_barcode {margin-top: 20%;}
36 
-section .popup2 .btn_barcode button {width: 35%; height: 50px; font-size: 1rem;}
36 
+section .popup2 .btn_barcode button {width: 35%; height: 50px; font-size: 15px; font-weight:100;}
37 37 
 section .popup2 .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 95%; height: 85%; background: #fff; border: 1px solid #000; border-radius:10px;}
38 38 
 section .popup2 .pop .header {position: relative; height: 50px; background: #f0831e; color:#eee; border-bottom: 1px solid #000; border-top-right-radius: 10px; border-top-left-radius: 10px;}
39 39 
 section .popup2 .pop .header .header_left {padding-top: 12px;}
 
@@ -48,16 +48,26 @@ section .popup2 .pop .search_bar input {width: 90%; margin:0 5%; height: 40px; p
48 48 
 section .popup2 .pop .search_bar button {position:relative; top:-74px; background:transparent; margin-right:5%; float: right; border: none; padding-top:3px;}
49 49 
 section .popup2 .pop .search_bar button img {width: 22px;}
50 50 
 section .popup2 .pop .search_bar button.search {float: none; width: 50%; height: 35px; background:rgb(46, 46, 248); color: #fff; font-size: 1rem; padding: 0; border: 1px solid #000; margin: 0 auto;}
51 
-section .popup2 .pop .search_item_bar {width:100%; margin-top:10px;}
52 
-section .popup2 .pop .search_item_bar input {width:22%; border-radius:2px;}
53 
-section .popup2 .pop .search_item_bar select {width:22%;border-radius:2px;}
51 
+section .popup2 .pop .search_item_bar {width:98%;margin:5px auto; display:flex;}
52 
+section .popup2 .pop .search_item_bar input {width:40%; border-radius:5px; margin:0;}
53 
+section .popup2 .pop .search_item_bar select {width:22%;border-radius:5px; margin-right:5px;}
54 54 
 section .popup2 .pop .search_btn_bar {width:100%; height:50px; margin-top:10px; margin-right:10px;}
55 55 
 section .popup2 .pop .search_btn_bar .btn_right {float:right; margin-right:10px;}
56 56 
 section .popup2 .pop .search_btn_bar .btn_right button img{width:18px; height:18px; margin-right:2px;}
57 
-section .popup2 .pop .search_btn_bar .btn_right button {height:35px; padding:5px 8px; font-size:12px; border-radius:3px; border:1px solid #333;}
58 
-section .popup2 .pop table{width:98%; margin:0 1%;}
59 
-section .popup2 .pop table tbody th {height:50px; font-size:16px;}
60 
-section .popup2 .pop table tbody input{width:15px;}
57 
+section .popup2 .pop .search_btn_bar .btn_right button {height:30px; padding:5px 12px; font-size:12px; font-weight:100; border-radius:3px; border:1px solid #333;}
58 
+
59 
+section .popup2 .pop .table{width:98%; margin:0 auto; border:1px solid #aaa; border-bottom:none;}
60 
+section .popup2 .pop .table .table_tr {display:flex;}
61 
+section .popup2 .pop .table .table_tr .tabel_th{width:23%;; height:30px; border-left:1px solid #aaa; background:#eee;}
62 
+section .popup2 .pop .table .table_tr .tabel_th label {font-size:14px; font-weight:100;}
63 
+section .popup2 .pop .table .table_tr .tabel_th .chkAll {margin:-2px;}
64 
+
65 
+section .popup2 .pop .table_body{width:98%; margin:0 auto; border:1px solid #aaa; border-bottom: none;}
66 
+section .popup2 .pop .table_body .table_tr {display:flex; height:31px; border-bottom:1px solid #aaa;}
67 
+section .popup2 .pop .table_body .table_tr .table_td{width:23%;; height:30px; padding-top:5px; border-left:1px solid #aaa; background:#fff;}
68 
+section .popup2 .pop .table_body .table_tr .table_td div {font-size:14px; font-weight:100;}
69 
+section .popup2 .pop .table_body .table_tr .table_td .chkItem {margin:-7px;}
70 
+
61 71 
 section .popup2 .pop .popup_scroll ul.mb_0 {margin-bottom:0 !important;}
62 72 
 section .popup2 .pop .popup_scroll {position: relative; top:-25px; width: 100%;height: 540px; overflow: auto; border-top:1px solid #E0B8AB;}
63 73 
 section .popup2 .pop .popup_scroll li {list-style: none; width: 100%; height: 50px; border-bottom: 1px solid #E0B8AB;}
 
@@ -314,7 +324,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
314 324 
 .content .line .line_right input.date{width:140px; margin-right:132px; height:35px;}
315 325 
 .content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
316 326 
 .content .line input.date {width: 50%; margin: 5px 0; height: 35px; float: left; text-align:center; font-size:14px;background: url(../img/calender.png)no-repeat 95% 50%/20px auto #fff;}
317 
-.content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
327 
+.content .line input.full {width: 100%;}
318 328 
 .content .line div.date_to {display:flex; width:60%; float: left; margin-right:0px;}
319 329 
 .content .line div.date_to input {font-weight:100; width:47%; font-size:14px;}
320 330 
 
@@ -384,6 +394,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
384 394 
 .row-2{top: 345px;}
385 395 
 .row-2-1{top:317px;}
386 396 
 .row-3{top: 395px;}
397 
+.row-3-2{top:393px;}
387 398 
 .row-3-1{top: 355px;}
388 399 
 .row-4{top: 435px;}
389 400 
 .row-4-1 {top: 400px;}
 
@@ -517,6 +528,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
517 528
518 529 
 @media screen and (min-width: 550px) {
519 530 
 	.content .line input.date {width: 70%;}
531 
+	.content .line input.full {width: 100%;}
532 
+
520 533 
 	.content .line .line_right {width:80%}
521 534 
 	.content .line .float_left .itp_input_btn {width:70%;}
522 535 
 	.content .line .float_left {width:70%;}