Pārlūkot izejas kodu

모바일 발주관리 html 수정

whakdo963 2 gadi atpakaļ
vecāks
revīzija
a172af8e3c

+ 203 - 1
src/main/webapp/mobile/app/main.html

@@ -104,7 +104,209 @@
104 104
 
105 105
 	<div id="ITP_CONTAINER" class="fix">
106 106
 		<div class="itp_mobile_contents">
107
-
107
+<section id="ITP_MOBILE_MPOMNG05010">
108
+	<div id="ITP_AJAX_MPOMNG05010_LIST_CONTAINER" >
109
+		<form id="ITP_FORM_MPOMNG05010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
110
+			<input type="hidden" id="ITP_FORM_MPOMNG0500_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
111
+			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
112
+			<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_IDX" name="sidx" value="0">
113
+			<div class="content">
114
+				<div class="line header">
115
+				  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">납품서현황</div>
116
+			    </div>
117
+				<div class="line">
118
+					<select class="itp_label_select" name="dtlGubun" id="ITP_FORM_MPOMNG05010_LIST_DTL_GUBUN">
119
+						<option value="1">발주생성일</option>
120
+						<option value="2">납품요청일</option>
121
+						<option value="3">납품예정일</option>
122
+						<option value="4">납품완료일</option>
123
+					</select>
124
+					<div class="date_to">
125
+						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date" type="text">
126
+						<div class="at">~</div>
127
+						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date" type="text">
128
+					</div>
129
+				</div>
130
+				<div class="line">
131
+					<label>납품상태</label>
132
+					<div class="float_left">
133
+						<select id="ITP_FORM_MPOMNG04010_LIST_SEARCH_DLV_ST_CD" data-select-code="DLV_ST_CD" class="stcd" name="sdlvStCd">
134
+						<select name="dlvStCd" id="ITP_FORM_MPOMNG05010_LIST_DLV_ST_CD">
135
+							<option value=""></option>
136
+						</select>
137
+					</div>
138
+				</div>
139
+				<div class="line">
140
+					<label>공급업체</label>
141
+					<div class="float_left">
142
+						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
143
+						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
144
+           				<div class="itp_input_btn">
145
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
146
+						</div>
147
+					</div>
148
+					<div class="float_right_btn">
149
+						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
150
+					</div>
151
+				</div>
152
+				<div class="line">
153
+					<label>납품장소</label>
154
+					<div class="float_left">
155
+						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
156
+						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
157
+           				<div class="itp_input_btn">
158
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
159
+						</div>
160
+					</div>
161
+					<div class="float_right_btn">
162
+						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
163
+					</div>
164
+				</div>
165
+				<div class="line">
166
+					<label>품목명</label>
167
+					<div class="float_left name">
168
+						<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
169
+					</div>
170
+				</div>
171
+				<div class="line" style="height:50px;">
172
+					<div class="search">
173
+						<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
174
+					</div>
175
+				</div>
176
+				<div class="table_header">
177
+					<h1><납품서 내역></h1>
178
+				</div>
179
+			</div>
180
+			<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
181
+				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
182
+				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: block;">
183
+					<li class="history_list2">
184
+						<div class="left">
185
+							<div class="nomal">
186
+								<label class="">납품번호 </label>
187
+								<span>:</span>
188
+								<div class="fnDlvSttmtUnqNo"></div>
189
+							</div>
190
+						</div>
191
+						<div class="left">
192
+							<div class="nomal">
193
+								<label>납품예정일</label>
194
+								<span>:</span>
195
+								<div class="fnDlvReqDt history_info"></div>
196
+								<label class="fn sub_info">납품일자</label>
197
+								<span>:</span>
198
+								<div class="fnDlvSchDt"></div>
199
+							</div>
200
+						</div>
201
+						<div class="left">
202
+							<div class="nomal">
203
+								<label>공급업체</label>
204
+								<span>:</span>
205
+								<div class="fnSpplyNm history_info"></div>
206
+								<label class="sub_info">납품장소</label>
207
+								<span>:</span>
208
+								<div class="fnWhsNm"></div>
209
+							</div>
210
+						</div>
211
+						<div class="left">
212
+							<div class="nomal">
213
+								<label>품목 </label>
214
+								<span>:</span>
215
+								<div class="fnItemNm"></div>
216
+							</div>
217
+						</div>
218
+						<div class="left">
219
+							<div class="nomal">
220
+								<label>발주수량</label>
221
+								<span>:</span>
222
+								<div class="fnPodrQty history_info"></div>
223
+								<label class="sub_info">납품수량</label>
224
+								<span>:</span>
225
+								<div class="fnDlvQty"></div>
226
+							</div>
227
+						</div>
228
+					</li>
229
+				</div>
230
+			</div>
231
+		</form>
232
+	</div>
233
+	<div id="ITP_MOBILE_JS"></div>
234
+	<div id="ITP_POP_MPOMNG05010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
235
+		<div class="pop">
236
+			<div class="header">
237
+				<div class="header_left">
238
+					<label>공급업체</label>
239
+				</div>
240
+				<div class="header_right">
241
+					<button type="button" id="ITP_BTN_MPOMNG05010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
242
+				</div>
243
+			</div>
244
+			<div class="search_bar">
245
+				<form id="ITP_FORM_MPOMNG05010_POP_SPPLY_SEARCH" class="form-horizontal" onsubmit="return false;">
246
+					<input type="hidden" id="ITP_FORM_MPOMNG05010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
247
+					<input type="hidden" id="ITP_FORM_MPOMNG05010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
248
+					<input id="ITP_FORM_MPOMNG05010_POP_SPPLY_KEYWORD" type="text" name="sspplyNm" placeholder="공급업체명">
249
+					<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
250
+				</form>
251
+			</div>
252
+			<div class="select_btn">
253
+				<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
254
+			</div>
255
+			<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_AREA" class="popup_scroll">
256
+				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
257
+				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: none;">
258
+					<li class="row_2">
259
+						<div class="scroll_left">
260
+							<div class="con_2 fnSpplyNm">공급업체 명A</div>
261
+							<div class="con_2 sub fnStNm">($)</div>
262
+						</div>
263
+						<div class="scroll_right">
264
+							<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
265
+						</div>
266
+					</li>
267
+				</div>
268
+			</div>
269
+		</div>
270
+	</div>
271
+	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
272
+		<div class="pop">
273
+			<div class="header">
274
+				<div class="header_left">
275
+					<label>납품장소</label>
276
+				</div>
277
+				<div class="header_right">
278
+					<button type="button" id="ITP_BTN_MPOMNG05010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
279
+				</div>
280
+			</div>
281
+			<div class="search_bar">
282
+				<form id="ITP_FORM_MPOMNG05010_POP_WHS" class="form-horizontal" onsubmit="return false;">
283
+					<input type="hidden" id="ITP_FORM_MPOMNG05010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
284
+					<input type="hidden" id="ITP_FORM_MPOMNG05010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
285
+					<input id="ITP_FORM_MPOMNG05010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
286
+					<button id="ITP_BTN_MPOMNG05010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
287
+				</form>
288
+			</div>
289
+			<div class="select_btn">
290
+				<button id="ITP_BTN_MPOMNG05010_POP_WHS_NM" class="btn_blue">납품장소 ▼</button>
291
+			</div>
292
+			<div id="ITP_LIST_MPOMNG05010_POP_WHS_AREA" class="popup_scroll">
293
+				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
294
+				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display: none;">
295
+					<li class="row_2">
296
+						<div class="scroll_left">
297
+							<div class="fnWhsNm"></div>
298
+							<div class="sub fnLocationNm"></div>
299
+							<div class="sub fnLocationNm"></div>
300
+						</div>
301
+						<div class="scroll_right">
302
+							<button id="ITP_BTN_MPOMNG05010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
303
+						</div>
304
+					</li>
305
+				</div>
306
+			</div>
307
+		</div>
308
+	</div>
309
+</section>
108 310
 		</div>
109 311
 	</div>
110 312
 	<footer id="ITP_FOOTER">

+ 5 - 2
src/main/webapp/mobile/app/mpomng/MPOMNG02010.html

@@ -104,6 +104,9 @@
104 104
   </div>
105 105
   <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
106 106
     <div class="content">
107
+	  <div class="line header">
108
+		<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매요청현황</div>
109
+   	  </div>
107 110
       <div class="line">
108 111
         <label>납기요청일</label>
109 112
         <div class="line_right">
@@ -132,7 +135,7 @@
132 135
         <h1><구매 품목></h1>
133 136
       </div>
134 137
     </div>
135
-    <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-2">
138
+    <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-3-1">
136 139
       <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0 panel-group"></ul>
137 140
       <div id="ITP_LIST_MPOMNG02010_VIEW_ROWCOPY" style="display: block;">
138 141
         <li class="list-row">
@@ -213,7 +216,7 @@
213 216
       </div>
214 217
       <div id="ITP_LIST_MPOMNG02010_MODIFY_AREA" class="scroll_area row-1-1">
215 218
         <ul id="ITP_LIST_MPOMNG02010_MODIFY_ROWS" class="mb_0 panel-group"></ul>
216
-        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display: none;">
219
+        <div id="ITP_LIST_MPOMNG02010_MODIFY_ROWCOPY" style="display: block;">
217 220
           <li class="list-row">
218 221
             <div class="left_info">
219 222
               <div class="check_box">

+ 6 - 3
src/main/webapp/mobile/app/mpomng/MPOMNG04010.html

@@ -109,10 +109,13 @@
109 109
 		  </div>
110 110
 	  </form>
111 111
 	</div>
112
-	<div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" style="display: none;">
112
+	<div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" style="display: block;">
113 113
 	   <form id="ITP_FORM_MPOMNG04010_VIEW" class="form-horizontal" onsubmit="return false;">
114 114
 		<input type="hidden" id="ITP_FORM_MPOMNG04010_VIEW_VIEW_CD" name="viewCd" value="C">
115 115
 		  <div class="content">
116
+		  	<div class="line header">
117
+			  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매발주현황</div>
118
+		    </div>
116 119
 			<div class="line">
117 120
 			  <label>발주일자</label>
118 121
 			  <div class="line_right">
@@ -147,9 +150,9 @@
147 150
 			  <h1><발주 품목></h1>
148 151
 			</div>
149 152
 		  </div>
150
-		<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-2">
153
+		<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-4-1">
151 154
 		  <ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
152
-			  <div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:none;">
155
+			  <div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display: block;">
153 156
 				<li class="list-row2">
154 157
 				  <div class="left">
155 158
 					<div class="nomal">

+ 1 - 0
src/main/webapp/mobile/css/style.css

@@ -380,6 +380,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
380 380
 .row-3{top: 395px;}
381 381
 .row-3-1{top: 355px;}
382 382
 .row-4{top: 435px;}
383
+.row-4-1 {top: 400px;}
383 384
 .row-5{top: 418px;}
384 385
 .row-6{top: 468px;}
385 386
 .row-7{top: 533px;}