Просмотр исходного кода

Merge branch 'master' of http://106.246.249.162:13000/orderqueen/oqpo-view

dwkim лет назад: 2
Родитель
Сommit
504c9b2e1b

+ 18 - 0
src/main/webapp/mobile/app/login.html

@@ -62,5 +62,23 @@
62 62
       </form>
63 63
     </div>
64 64
   <script src="../js/app/login.js?version=20210826"></script>
65
+  <footer id="ITP_FOOTER">
66
+  <div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal" style="display:none;">
67
+    <div class="modal-dialog modal-sm">
68
+      <div class="modal-content">
69
+        <div class="modal-header">
70
+          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
71
+          <h5 class="modal-title">알림</h5>
72
+        </div>
73
+        <div class="modal-body">
74
+          <div class="text-center itp_alert_txt"></div>
75
+        </div>
76
+        <div class="modal-footer">
77
+          <button type="button" class="btn btn-primary" id="ITP_MODAL_ALERT_AJAX_CONFIRM">확인</button>
78
+        </div>
79
+      </div>
80
+    </div>
81
+  </div>
82
+  </footer>
65 83
 </html>
66 84
 

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

@@ -127,7 +127,7 @@
127 127
 			</div>
128 128
 		</div>
129 129
 
130
-		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal">
130
+		<div id="ITP_MODAL_ALERT_AJAX" class="modal itp_modal" style="">
131 131
 			<div class="modal-dialog modal-sm">
132 132
 				<div class="modal-content">
133 133
 					<div class="modal-header">

+ 0 - 263
src/main/webapp/mobile/app/mpomng/MPOMNG03010.html

@@ -1,263 +0,0 @@
1
-<section id="ITP_MOBILE_MPOMNG03010">  
2
-  <div id="ITP_POP_MPOMNG03010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
3
-	<div class="pop">
4
-		<div class="header">
5
-			<div class="header_left">
6
-				<label>공급업체</label>
7
-			</div>
8
-			<div class="header_right">
9
-				<button type="button" id="ITP_BTN_MPOMNG03010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
10
-			</div>
11
-		</div>
12
-		<div class="search_bar">
13
-			<form id="ITP_FORM_MPOMNG03010_POP_SPPLY" class="form-horizontal" onsubmit="return false;">
14
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
15
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
16
-				<input id="ITP_FORM_MPOMNG03010_POP_SPPLY_KEYWORD" type="text" name="sSpplyNm" placeholder="공급업체명">
17
-				<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
18
-			</form>
19
-		</div>
20
-		<div class="select_btn">
21
-			<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
22
-		</div>
23
-		<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_AREA" class="popup_scroll">
24
-			<ul id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWS" class="mb_0 itp_nav"></ul>
25
-			<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWCOPY" style="display: block;">
26
-				<li class="row_2">
27
-					<div class="scroll_left">
28
-						<div class="fnSpplyNm">공급업체 명A</div>
29
-						<div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
30
-						<div class="sub fnLocationNm">누리자 B/D</div>
31
-					</div>
32
-					<div class="scroll_right">
33
-						<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
34
-					</div>
35
-				</li>
36
-			</div>
37
-		</div>
38
-	</div>
39
-  </div>
40
-	<div id="ITP_POP_MPOMNG03010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
41
-		<div class="pop">
42
-			<div class="header">
43
-				<div class="header_left">
44
-					<label>납품장소</label>
45
-				</div>
46
-				<div class="header_right">
47
-					<button type="button" id="ITP_BTN_MPOMNG03010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
48
-				</div>
49
-			</div>
50
-			<div class="search_bar">
51
-				<form id="ITP_FORM_MPOMNG03010_POP_WHS" class="form-horizontal" onsubmit="return false;">
52
-					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
53
-					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
54
-					<input id="ITP_FORM_MPOMNG03010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
55
-					<button id="ITP_BTN_MPOMNG03010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
56
-				</form>
57
-			</div>
58
-			<div class="select_btn">
59
-				<button id="ITP_BTN_MPOMNG03010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
60
-			</div>
61
-			<div id="ITP_LIST_MPOMNG03010_POP_WHS_AREA" class="popup_scroll">
62
-				<ul id="ITP_LIST_MPOMNG03010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
63
-				<div id="ITP_LIST_MPOMNG03010_POP_WHS_ROWCOPY" style="display: block;">
64
-					<li class="row_2">
65
-						<div class="scroll_left">
66
-							<div class="fnWhsNm">브랜드 창고 명A</div>
67
-						    <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
68
-							<div class="sub fnLocationNm">누리자 B/D</div>
69
-						</div>
70
-						<div class="scroll_right">
71
-							<button id="ITP_BTN_MPOMNG03010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
72
-						</div>
73
-					</li>
74
-				</div>
75
-			</div>
76
-		</div>
77
-	</div>
78
-  <div id="ITP_AJAX_MPOMNG03010_LIST_CONTAINER" style="display: none;">
79
-      <form id="ITP_FORM_MPOMNG03010_LIST" class="form-horizontal" onsubmit="return false;">
80
-      <input type="hidden" id="ITP_FORM_MPOMNG03010_DETAIL_VIEW_CD" name="viewCd" value="C">
81
-	    <div class="content">
82
-    	  <div class="line header">
83
-			<div class="itp_search_header">구매발주현황</div>
84
-      	  </div>
85
-	      <div class="line">
86
-	        <label>발주일자</label>
87
-	        <div class="date_to date">
88
-	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_FROM_DT" name="fromDt" type="date">
89
-	          <div class="at">~</div>
90
-	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_TO_DT" name="toDt" type="date">
91
-	        </div>
92
-	      </div>
93
-	      <div class="line">
94
-	        <label>발주상태</label>
95
-	        <div class="float_left">
96
-	          <select name="spchOdrStCd" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_PCH_ORD_ST_CD">
97
-	            <option value=""></option>
98
-	          </select>
99
-	      	</div>   
100
-	      </div>
101
-	      <div class="line">
102
-	        <label>공급업체</label>
103
-	        <div class="float_left">
104
-	          <input type="text" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명">
105
-			  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
106
-              <div class="itp_input_btn">
107
-	         	 <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
108
-      		  </div>
109
-	        </div>
110
-	        <div class="float_right_btn">
111
-	          <button id="ITP_BTN_MPOMNG03010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
112
-	        </div>
113
-	      </div>
114
-	      <div class="line">
115
-          	<label>납품장소</label>
116
-          	<div class="search_nm">
117
-	            <div class="float_left">
118
-	              <input type="text" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" />
119
-				  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
120
-           		  <div class="itp_input_btn">
121
-	              	<button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
122
-				  </div>
123
-	            </div>
124
-	            <div class="float_right_btn">
125
-	              <button id="ITP_BTN_MPOMNG03010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
126
-	            </div>
127
-          	</div>
128
-   	 	  </div>
129
-	      <div class="line" style="height:50px;">
130
-	        <div class="search">
131
-	          <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
132
-	        </div>
133
-	      </div>
134
-	      <div class="table_header">
135
-	        <h1><발주 내역></h1>
136
-	      </div>
137
-	    </div>
138
-      <div id="ITP_LIST_MPOMNG03010_LIST_ITEM_AREA" class="scroll_area row-3">
139
-        <ul id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWS" class="mb_0"></ul>
140
-        	<div id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
141
-		      <li class="list-row2">
142
-		        <div class="left">
143
-		          <div class="nomal">
144
-		            <label>발주일자 &nbsp;:</label>
145
-		            <div class="history">
146
-		              <div class="fnPodrDt">2022.10.01</div> 
147
-		              (<div class="fnOwnerNm">홍길동 점주</div>)
148
-		            </div>
149
-		          </div>
150
-		        </div>
151
-		        <div class="left">
152
-		          <div class="nomal">
153
-		            <label>발주상태 &nbsp;:</label>
154
-		            <div class="history">
155
-		              <div class="fnPodrStCd">대기</div>
156
-		            </div>
157
-		            <label>납품장소명&nbsp;:</label>
158
-		            <div class="history">
159
-		              <div class="fnDlvPlaceNm">A매장내</div>
160
-		            </div>
161
-		          </div>
162
-		        </div>
163
-		        <div class="left">
164
-		          <div class="nomal">
165
-		            <label>발주정보 &nbsp;:</label>
166
-		            <div class="history">
167
-		              <div class="fnItemQty">품목수(3)</div> 
168
-		              <i>-</i>
169
-		              <div class="fnItemAtm">1,200,000</div>원
170
-		            </div>
171
-		          </div>
172
-		        </div>
173
-		        <div class="left">
174
-		          <div class="nomal">
175
-		            <label>공급업체 &nbsp;:</label>
176
-		            <div class="history">
177
-		              <div class="fnSpplyNm">A공급업체</div> 
178
-		            </div>
179
-		          </div>
180
-		        </div>
181
-		      </li>
182
-	      </div>
183
-	    </div>
184
-    </form>
185
-  </div>
186
-  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
187
-     <form id="ITP_FORM_MPOMNG03010_VIEW" class="form-horizontal" onsubmit="return false;">
188
-      <input type="hidden" id="ITP_FORM_MPOMNG03010_VIEW_VIEW_CD" name="viewCd" value="C">
189
-	    <div class="content">
190
-	      <div class="line">
191
-	        <label>발주일자</label>
192
-	        <div class="line_right">
193
-	          <div class="fnPodrDt">2022.10.10</div>
194
-	        </div>      
195
-	      </div>
196
-	      <div class="line">
197
-	        <label>발주금액</label>
198
-	        <div class="line_right">
199
-	          <div class="fnPodrAmt">424,000원</div>
200
-	        </div>
201
-	      </div>
202
-	      <div class="line">
203
-	        <label>납품장소</label>
204
-	        <div class="line_right">
205
-	          <div class="fnDlvPlace">A매장내</div>
206
-	        </div>
207
-	      </div>
208
-	      <div class="line">
209
-	        <label>공급업체</label>
210
-	        <div class="line_right">
211
-	          <div class="fnSpplyNm">A공급업체</div>
212
-	        </div>
213
-	      </div>
214
-	      <div class="table_header">
215
-	        <h1>> 발주 품목</h1>
216
-	      </div>
217
-	    </div>
218
-      <div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_AREA" class="scroll_area row-2">
219
-        <ul id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWS" class="mb_0"></ul>
220
-        	<div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWCOPY" style="display:block;">
221
-			  <li>
222
-		        <div>
223
-		          <div class="left_info col-4">
224
-		            <div class="thick">
225
-             		  <label>품목명</label>
226
-             		  <span>:</span>
227
-		              <div class="fnItemNm">품목명</div>
228
-		            </div>
229
-		          </div>
230
-		          <div class="left_info col-6">
231
-		            <div class="thick">
232
-		              <label>수량/금액</label> 
233
-		              <span>:</span>
234
-		              <div class="fnQty">200</div>
235
-		              <span>/</span>
236
-		              <div class="fnAmt">1,224,000</div>
237
-		            </div>
238
-		          </div>
239
-		          <div class="left_info col-4">
240
-		            <div class="thick">
241
-		              <label>구매가 </label>
242
-		              <span>:</span>
243
-		              <div class="fnPchActAmt">12,000</div>
244
-		            </div>
245
-		          </div>
246
-		          <div class="left_info col-6">
247
-		            <div class="thick">
248
-		              <label>납기요청일</label>
249
-		              <span>:</span>
250
-		              <div class="fnDlvReqDt">2022.10.01</div>
251
-		            </div>
252
-		          </div>
253
-		        </div>
254
-		      </li>
255
-	      </div>
256
-	    </div>
257
-	    <div class="button_bar">
258
-	      <button id="ITP_BTN_MPOMNG03010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
259
-	    </div>
260
-    </form>
261
-  </div>
262
-  <div id="ITP_MOBILE_JS"></div>
263
-</section>

+ 245 - 243
src/main/webapp/mobile/app/mpomng/MPOMNG04010.html

@@ -1,261 +1,263 @@
1
-<section id="ITP_MOBILE_MPOMNG04010">
2
-	<div id="ITP_AJAX_MPOMNG04010_LIST_CONTAINER" style="display: block;">
3
-		<form id="ITP_FORM_MPOMNG04010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
4
-			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5
-			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6
-			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_IDX" name="sidx" value="0">
7
-			<div class="content">
8
-				<div class="line">
9
-					<label>발주일자</label>
10
-					<div class="date_to">
11
-						<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
12
-						<div class="at">~</div>
13
-						<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
14
-					</div>
15
-				</div>
16
-				<div class="line">
17
-					<label>발주상태</label>
18
-					<div class="search_wrap">
19
-						<div class="line_right">
20
-							<select id="ITP_FORM_MPOMNG04010_LIST_SEARCH_PCH_ODR_ST_CD" data-select-code="PCH_ODR_ST_CD" class="stcd" name="spchOdrStCd">
21
-								<option value=""></option>
22
-							</select>
23
-						</div>
24
-					</div>
25
-				</div>
26
-				<div class="line">
27
-					<label>공급업체</label>
28
-					<div class="search_wrap">
29
-						<div class="float_left">
30
-							<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
31
-							<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
32
-						</div>
33
-						<div class="float_left_btn">
34
-							<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
35
-							<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
36
-						</div>
37
-					</div>
38
-				</div>
39
-				<div class="line">
40
-					<label>납품장소</label>
41
-					<div class="search_nm">
42
-						<div class="float_left">
43
-							<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
44
-							<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
45
-						</div>
46
-						<div class="float_left_btn">
47
-							<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
48
-							<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
49
-						</div>
50
-					</div>
51
-				</div>
52
-				<div class="line" style="height:50px;">
53
-					<div class="search">
54
-						<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
1
+<section id="ITP_MOBILE_MPOMNG04010">  
2
+	<div id="ITP_POP_MPOMNG04010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
3
+	  <div class="pop">
4
+		  <div class="header">
5
+			  <div class="header_left">
6
+				  <label>공급업체</label>
7
+			  </div>
8
+			  <div class="header_right">
9
+				  <button type="button" id="ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
10
+			  </div>
11
+		  </div>
12
+		  <div class="search_bar">
13
+			  <form id="ITP_FORM_MPOMNG04010_POP_SPPLY" class="form-horizontal" onsubmit="return false;">
14
+				  <input type="hidden" id="ITP_FORM_MPOMNG04010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
15
+				  <input type="hidden" id="ITP_FORM_MPOMNG04010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
16
+				  <input id="ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD" type="text" name="sSpplyNm" placeholder="공급업체명">
17
+				  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
18
+			  </form>
19
+		  </div>
20
+		  <div class="select_btn">
21
+			  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
22
+		  </div>
23
+		  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_AREA" class="popup_scroll">
24
+			  <ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 itp_nav"></ul>
25
+			  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWCOPY" style="display: block;">
26
+				  <li class="row_2">
27
+					  <div class="scroll_left">
28
+						  <div class="fnSpplyNm">공급업체 명A</div>
29
+						  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
30
+						  <div class="sub fnLocationNm">누리자 B/D</div>
31
+					  </div>
32
+					  <div class="scroll_right">
33
+						  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
34
+					  </div>
35
+				  </li>
36
+			  </div>
37
+		  </div>
38
+	  </div>
39
+	</div>
40
+	  <div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
41
+		  <div class="pop">
42
+			  <div class="header">
43
+				  <div class="header_left">
44
+					  <label>납품장소</label>
45
+				  </div>
46
+				  <div class="header_right">
47
+					  <button type="button" id="ITP_BTN_MPOMNG04010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
48
+				  </div>
49
+			  </div>
50
+			  <div class="search_bar">
51
+				  <form id="ITP_FORM_MPOMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
52
+					  <input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
53
+					  <input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
54
+					  <input id="ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
55
+					  <button id="ITP_BTN_MPOMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
56
+				  </form>
57
+			  </div>
58
+			  <div class="select_btn">
59
+				  <button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
60
+			  </div>
61
+			  <div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
62
+				  <ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
63
+				  <div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display: block;">
64
+					  <li class="row_2">
65
+						  <div class="scroll_left">
66
+							  <div class="fnWhsNm">브랜드 창고 명A</div>
67
+							  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
68
+							  <div class="sub fnLocationNm">누리자 B/D</div>
69
+						  </div>
70
+						  <div class="scroll_right">
71
+							  <button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
72
+						  </div>
73
+					  </li>
74
+				  </div>
75
+			  </div>
76
+		  </div>
77
+	  </div>
78
+	<div id="ITP_AJAX_MPOMNG04010_LIST_CONTAINER" style="display: none;">
79
+		<form id="ITP_FORM_MPOMNG04010_LIST" class="form-horizontal" onsubmit="return false;">
80
+		<input type="hidden" id="ITP_FORM_MPOMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
81
+		  <div class="content">
82
+			<div class="line header">
83
+			  <div class="itp_search_header">구매발주현황</div>
84
+			  </div>
85
+			<div class="line">
86
+			  <label>발주일자</label>
87
+			  <div class="date_to date">
88
+				<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT" name="fromDt" type="date">
89
+				<div class="at">~</div>
90
+				<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT" name="toDt" type="date">
91
+			  </div>
92
+			</div>
93
+			<div class="line">
94
+			  <label>발주상태</label>
95
+			  <div class="float_left">
96
+				<select name="spchOdrStCd" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_PCH_ORD_ST_CD">
97
+				  <option value=""></option>
98
+				</select>
99
+				</div>   
100
+			</div>
101
+			<div class="line">
102
+			  <label>공급업체</label>
103
+			  <div class="float_left">
104
+				<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명">
105
+				<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
106
+				<div class="itp_input_btn">
107
+					<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
108
+				  </div>
109
+			  </div>
110
+			  <div class="float_right_btn">
111
+				<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
112
+			  </div>
113
+			</div>
114
+			<div class="line">
115
+				<label>납품장소</label>
116
+				<div class="search_nm">
117
+				  <div class="float_left">
118
+					<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" />
119
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
120
+					   <div class="itp_input_btn">
121
+						<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
55 122
 					</div>
123
+				  </div>
124
+				  <div class="float_right_btn">
125
+					<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
126
+				  </div>
56 127
 				</div>
57
-				<div class="table_header">
58
-					<h1>> 발주 내역</h1>
59 128
 				</div>
129
+			<div class="line" style="height:50px;">
130
+			  <div class="search">
131
+				<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
132
+			  </div>
60 133
 			</div>
61
-			<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
62
-				<ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="panel-group"></ul>
63
-				<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: none;">
64
-					<li class="history_list list-row">
65
-						<div class="left">
66
-							<div class="nomal">
67
-								<label>발주일자 &nbsp;:</label>
68
-								<div class="history">
69
-									<div class="fnPodrDt">2022.10.01</div>
70
-									(<div class="fnPodrMgrNm">홍길동 점주</div>)
71
-								</div>
72
-							</div>
73
-						</div>
74
-						<div class="left">
75
-							<div class="nomal">
76
-								<label>발주상태 &nbsp;:</label>
77
-								<div class="history">
78
-									<div class="fnPchodrStCd">대기</div>
79
-								</div>
80
-								<label>납품장소명&nbsp;:</label>
81
-								<div class="history">
82
-									<div class="fnLocationNm">A매장내</div>
83
-								</div>
84
-							</div>
85
-						</div>
86
-						<div class="left">
87
-							<div class="nomal">
88
-								<label>발주정보 &nbsp;:</label>
89
-								<div class="history">
90
-									<div class="fnItemQty">품목수($)</div>
91
-									<i>-</i>
92
-									<div class="fnPodrTotalAmt">1,200,000</div>원
93
-								</div>
94
-							</div>
95
-						</div>
96
-						<div class="left">
97
-							<div class="nomal">
98
-								<label>공급업체 &nbsp;:</label>
99
-								<div class="history">
100
-									<div class="fnSpplyNm">A공급업체</div>
101
-								</div>
102
-							</div>
103
-						</div>
104
-					</li>
105
-				</div>
134
+			<div class="table_header">
135
+			  <h1><발주 내역></h1>
106 136
 			</div>
107
-		</form>
108
-	</div>
109
-	<div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" style="display: none;">
110
-		<form id="ITP_FORM_MPOMNG04010_VIEW" class="form-horizontal" onsubmit="return false;">
111
-			<input type="hidden" id="ITP_FORM_MPOMNG04010_VIEW_VIEW_CD" name="viewCd" value="C">
112
-			<div class="content">
113
-				<div class="line">
114
-					<label>발주일자</label>
115
-					<div class="line_right">
116
-						<div class="fnPodrDt"></div>
137
+		  </div>
138
+		<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
139
+		  <ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="mb_0"></ul>
140
+			  <div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: block;">
141
+				<li class="list-row2">
142
+				  <div class="left">
143
+					<div class="nomal">
144
+					  <label>발주일자 &nbsp;:</label>
145
+					  <div class="history">
146
+						<div class="fnPodrDt">2022.10.01</div> 
147
+						(<div class="fnOwnerNm">홍길동 점주</div>)
148
+					  </div>
117 149
 					</div>
118
-				</div>
119
-				<div class="line">
120
-					<label>발주금액</label>
121
-					<div class="line_right">
122
-						<div class="fnPodrTotalAmt"></div>
150
+				  </div>
151
+				  <div class="left">
152
+					<div class="nomal">
153
+					  <label>발주상태 &nbsp;:</label>
154
+					  <div class="history">
155
+						<div class="fnPodrStCd">대기</div>
156
+					  </div>
157
+					  <label>납품장소명&nbsp;:</label>
158
+					  <div class="history">
159
+						<div class="fnDlvPlaceNm">A매장내</div>
160
+					  </div>
123 161
 					</div>
124
-				</div>
125
-				<div class="line">
126
-					<label>납품장소</label>
127
-					<div class="line_right">
128
-						<div class="fnShmtWhsDvsnNm"></div>
162
+				  </div>
163
+				  <div class="left">
164
+					<div class="nomal">
165
+					  <label>발주정보 &nbsp;:</label>
166
+					  <div class="history">
167
+						<div class="fnItemQty">품목수(3)</div> 
168
+						<i>-</i>
169
+						<div class="fnItemAtm">1,200,000</div>원
170
+					  </div>
129 171
 					</div>
130
-				</div>
131
-				<div class="line">
132
-					<label>공급업체</label>
133
-					<div class="line_right">
134
-						<div class="fnSpplyNm"></div>
172
+				  </div>
173
+				  <div class="left">
174
+					<div class="nomal">
175
+					  <label>공급업체 &nbsp;:</label>
176
+					  <div class="history">
177
+						<div class="fnSpplyNm">A공급업체</div> 
178
+					  </div>
135 179
 					</div>
136
-				</div>
137
-				<div class="line">
138
-					<label>납기요청일</label>
139
-					<div class="line_right">
140
-						<div class="fnDlvReqDt"></div>
141
-					</div>
142
-				</div>
143
-				<div class="table_header">
144
-					<h1>> 발주 품목</h1>
145
-				</div>
146
-			</div>
147
-			<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-3">
148
-				<ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="panel-group"></ul>
149
-				<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:none;">
150
-					<li class="list-row">
151
-						<div>
152
-							<div class="left_info col-4">
153
-								<div class="thick">
154
-									<div class="fnItemNm">품목명</div>
155
-									<i>-</i>
156
-									<div class="fnUnit"></div>
157
-								</div>
158
-							</div>
159
-							<div class="left_info col-6">
160
-								<div class="thick">
161
-									<label>수량&nbsp;:&nbsp;</label>
162
-									<div class="fnPodrQty"></div>
163
-								</div>
164
-							</div>
165
-							<div class="left_info col-4">
166
-								<div class="thick">
167
-									<label style="margin:0;">구매가 :</label>
168
-									<div class="fnUnitAmt"></div>
169
-								</div>
170
-							</div>
171
-							<div class="left_info col-6">
172
-								<div class="thick">
173
-									<label>금액&nbsp;:&nbsp;</label>
174
-									<div class="fnPodrAmt"></div>
175
-								</div>
176
-							</div>
177
-						</div>
178
-					</li>
179
-				</div>
180
+				  </div>
181
+				</li>
180 182
 			</div>
181
-			<div class="button_bar">
182
-				<button id="ITP_BTN_MPOMNG04010_VIEW_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
183
-			</div>
184
-		</form>
183
+		  </div>
184
+	  </form>
185 185
 	</div>
186
-	<div id="ITP_MOBILE_JS"></div>
187
-	<div id="ITP_POP_MPOMNG04010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
188
-		<div class="pop">
189
-			<div class="header">
190
-				<div class="header_left">
191
-					<label>> 공급업체</label>
192
-				</div>
193
-				<div class="header_right">
194
-					<button type="button" id="ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
195
-				</div>
186
+	<div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" style="display: none;">
187
+	   <form id="ITP_FORM_MPOMNG04010_VIEW" class="form-horizontal" onsubmit="return false;">
188
+		<input type="hidden" id="ITP_FORM_MPOMNG04010_VIEW_VIEW_CD" name="viewCd" value="C">
189
+		  <div class="content">
190
+			<div class="line">
191
+			  <label>발주일자</label>
192
+			  <div class="line_right">
193
+				<div class="fnPodrDt">2022.10.10</div>
194
+			  </div>      
196 195
 			</div>
197
-			<div class="search_bar">
198
-				<form id="ITP_FORM_MPOMNG04010_POP_SPPLY_SEARCH" class="form-horizontal" onsubmit="return false;">
199
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
200
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
201
-					<input id="ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD" type="text" name="sspplyNm" placeholder="공급업체명">
202
-					<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
203
-				</form>
196
+			<div class="line">
197
+			  <label>발주금액</label>
198
+			  <div class="line_right">
199
+				<div class="fnPodrAmt">424,000원</div>
200
+			  </div>
204 201
 			</div>
205
-			<div class="search_bar">
206
-				<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
202
+			<div class="line">
203
+			  <label>납품장소</label>
204
+			  <div class="line_right">
205
+				<div class="fnDlvPlace">A매장내</div>
206
+			  </div>
207 207
 			</div>
208
-			<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_AREA" class="popup_scroll">
209
-				<ul id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
210
-				<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWCOPY" style="display: none;">
211
-					<li class="list-row">
212
-						<div class="scroll_left">
213
-							<div class="fnSpplyNm">공급업체 명A</div>
214
-							<div class="fnStNm">($)</div>
215
-						</div>
216
-						<div class="scroll_right">
217
-							<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
218
-						</div>
219
-					</li>
220
-				</div>
208
+			<div class="line">
209
+			  <label>공급업체</label>
210
+			  <div class="line_right">
211
+				<div class="fnSpplyNm">A공급업체</div>
212
+			  </div>
221 213
 			</div>
222
-		</div>
223
-	</div>
224
-	<div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
225
-		<div class="pop">
226
-			<div class="header">
227
-				<div class="header_left">
228
-					<label>> 납품장소</label>
229
-				</div>
230
-				<div class="header_right">
231
-					<button type="button" id="ITP_BTN_MPOMNG04010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
232
-				</div>
233
-			</div>
234
-			<div class="search_bar">
235
-				<form id="ITP_FORM_MPOMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
236
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
237
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
238
-					<input id="ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
239
-					<button id="ITP_BTN_MPOMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
240
-				</form>
214
+			<div class="table_header">
215
+			  <h1>> 발주 품목</h1>
241 216
 			</div>
242
-			<div class="search_bar">
243
-				<button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
244
-			</div>
245
-			<div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
246
-				<ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
247
-				<div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display:none;">
248
-					<li class="list-row">
249
-						<div class="scroll_left">
250
-							<div class="fnWhsNm">브랜드 창고 명A</div>
251
-							<div class="fnLocationNm">(상세위치내용)</div>
252
-						</div>
253
-						<div class="scroll_right">
254
-							<button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
255
-						</div>
256
-					</li>
257
-				</div>
217
+		  </div>
218
+		<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-2">
219
+		  <ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="mb_0"></ul>
220
+			  <div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:block;">
221
+				<li>
222
+				  <div>
223
+					<div class="left_info col-4">
224
+					  <div class="thick">
225
+						 <label>품목명</label>
226
+						 <span>:</span>
227
+						<div class="fnItemNm">품목명</div>
228
+					  </div>
229
+					</div>
230
+					<div class="left_info col-6">
231
+					  <div class="thick">
232
+						<label>수량/금액</label> 
233
+						<span>:</span>
234
+						<div class="fnQty">200</div>
235
+						<span>/</span>
236
+						<div class="fnAmt">1,224,000</div>
237
+					  </div>
238
+					</div>
239
+					<div class="left_info col-4">
240
+					  <div class="thick">
241
+						<label>구매가 </label>
242
+						<span>:</span>
243
+						<div class="fnPchActAmt">12,000</div>
244
+					  </div>
245
+					</div>
246
+					<div class="left_info col-6">
247
+					  <div class="thick">
248
+						<label>납기요청일</label>
249
+						<span>:</span>
250
+						<div class="fnDlvReqDt">2022.10.01</div>
251
+					  </div>
252
+					</div>
253
+				  </div>
254
+				</li>
258 255
 			</div>
259
-		</div>
256
+		  </div>
257
+		  <div class="button_bar">
258
+			<button id="ITP_BTN_MPOMNG04010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
259
+		  </div>
260
+	  </form>
260 261
 	</div>
261
-</section>
262
+	<div id="ITP_MOBILE_JS"></div>
263
+  </section>

+ 52 - 65
src/main/webapp/mobile/app/mpomng/MPOMNG05010.html

@@ -29,40 +29,34 @@
29 29
 				</div>
30 30
 				<div class="line">
31 31
 					<label>공급업체</label>
32
-					<div class="search_nm">
33
-						<div class="float_left">
34
-							<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
35
-							<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
36
-	           				<div class="itp_input_btn">
37
-								<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
38
-							</div>
39
-						</div>
40
-						<div class="float_right_btn">
41
-							<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
32
+					<div class="float_left">
33
+						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
34
+						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
35
+           				<div class="itp_input_btn">
36
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
42 37
 						</div>
43 38
 					</div>
39
+					<div class="float_right_btn">
40
+						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
41
+					</div>
44 42
 				</div>
45 43
 				<div class="line">
46 44
 					<label>납품장소</label>
47
-					<div class="search_nm">
48
-						<div class="float_left">
49
-							<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
50
-							<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
51
-	           				<div class="itp_input_btn">
52
-								<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
53
-							</div>
54
-						</div>
55
-						<div class="float_right_btn">
56
-							<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
45
+					<div class="float_left">
46
+						<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
47
+						<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
48
+           				<div class="itp_input_btn">
49
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
57 50
 						</div>
58 51
 					</div>
52
+					<div class="float_right_btn">
53
+						<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
54
+					</div>
59 55
 				</div>
60 56
 				<div class="line">
61 57
 					<label>품목명</label>
62
-					<div class="search_wrap">
63
-						<div class="float_left">
64
-							<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
65
-						</div>
58
+					<div class="float_left name">
59
+						<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
66 60
 					</div>
67 61
 				</div>
68 62
 				<div class="line" style="height:50px;">
@@ -71,63 +65,55 @@
71 65
 					</div>
72 66
 				</div>
73 67
 				<div class="table_header">
74
-					<h1>> 납품서 내역</h1>
68
+					<h1><납품서 내역></h1>
75 69
 				</div>
76 70
 			</div>
77 71
 			<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
78
-				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="panel-group"></ul>
79
-				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: none;">
72
+				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="mb_0"></ul>
73
+				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: block;">
80 74
 					<li class="history_list2 list-row">
81 75
 						<div class="left">
82 76
 							<div class="nomal">
83 77
 								<label class="">납품번호 </label>
84
-								<div class="history">
85
-									<div class="fnDlvSttmtUnqNo"></div>
86
-								</div>
78
+								<span>:</span>
79
+								<div class="fnDlvSttmtUnqNo"></div>
87 80
 							</div>
88 81
 						</div>
89 82
 						<div class="left">
90 83
 							<div class="nomal">
91 84
 								<label>납품예정일</label>
92
-								<div class="history">
93
-									<div class="fnDlvReqDt history_info"></div>
94
-								</div>
85
+								<span>:</span>
86
+								<div class="fnDlvReqDt history_info"></div>
95 87
 								<label class="fn sub_info">납품일자</label>
96
-								<div class="history">
97
-									<div class="fnDlvSchDt"></div>
98
-								</div>
88
+								<span>:</span>
89
+								<div class="fnDlvSchDt"></div>
99 90
 							</div>
100 91
 						</div>
101 92
 						<div class="left">
102 93
 							<div class="nomal">
103 94
 								<label>공급업체</label>
104
-								<div class="history">
105
-									<div class="fnSpplyNm history_info"></div>
106
-								</div>
95
+								<span>:</span>
96
+								<div class="fnSpplyNm history_info"></div>
107 97
 								<label class="sub_info">납품장소</label>
108
-								<div class="history">
109
-									<div class="fnWhsNm"></div>
110
-								</div>
98
+								<span>:</span>
99
+								<div class="fnWhsNm"></div>
111 100
 							</div>
112 101
 						</div>
113 102
 						<div class="left">
114 103
 							<div class="nomal">
115 104
 								<label>품목 </label>
116
-								<div class="history">
117
-									<div class="fnItemNm"></div>
118
-								</div>
105
+								<span>:</span>
106
+								<div class="fnItemNm"></div>
119 107
 							</div>
120 108
 						</div>
121 109
 						<div class="left">
122 110
 							<div class="nomal">
123 111
 								<label>발주수량</label>
124
-								<div class="history">
125
-									<div class="fnPodrQty history_info"></div>
126
-								</div>
112
+								<span>:</span>
113
+								<div class="fnPodrQty history_info"></div>
127 114
 								<label class="sub_info">납품수량</label>
128
-								<div class="history">
129
-									<div class="fnDlvQty"></div>
130
-								</div>
115
+								<span>:</span>
116
+								<div class="fnDlvQty"></div>
131 117
 							</div>
132 118
 						</div>
133 119
 					</li>
@@ -140,7 +126,7 @@
140 126
 		<div class="pop">
141 127
 			<div class="header">
142 128
 				<div class="header_left">
143
-					<label>> 공급업체</label>
129
+					<label>공급업체</label>
144 130
 				</div>
145 131
 				<div class="header_right">
146 132
 					<button type="button" id="ITP_BTN_MPOMNG05010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
@@ -154,16 +140,16 @@
154 140
 					<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
155 141
 				</form>
156 142
 			</div>
157
-			<div class="search_bar">
143
+			<div class="select_btn">
158 144
 				<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
159 145
 			</div>
160 146
 			<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_AREA" class="popup_scroll">
161
-				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
162
-				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: none;">
163
-					<li class="list-row">
147
+				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="mb_0 itp_nav"></ul>
148
+				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: block;">
149
+					<li class="row_2">
164 150
 						<div class="scroll_left">
165
-							<div class="fnSpplyNm">공급업체 명A</div>
166
-							<div class="fnStNm">($)</div>
151
+							<div class="con_2 fnSpplyNm">공급업체 명A</div>
152
+							<div class="con_2 sub fnStNm">($)</div>
167 153
 						</div>
168 154
 						<div class="scroll_right">
169 155
 							<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
@@ -173,11 +159,11 @@
173 159
 			</div>
174 160
 		</div>
175 161
 	</div>
176
-	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
162
+	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: block;">
177 163
 		<div class="pop">
178 164
 			<div class="header">
179 165
 				<div class="header_left">
180
-					<label>> 납품장소</label>
166
+					<label>납품장소</label>
181 167
 				</div>
182 168
 				<div class="header_right">
183 169
 					<button type="button" id="ITP_BTN_MPOMNG05010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
@@ -191,16 +177,17 @@
191 177
 					<button id="ITP_BTN_MPOMNG05010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
192 178
 				</form>
193 179
 			</div>
194
-			<div class="search_bar">
180
+			<div class="select_btn">
195 181
 				<button id="ITP_BTN_MPOMNG05010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
196 182
 			</div>
197 183
 			<div id="ITP_LIST_MPOMNG05010_POP_WHS_AREA" class="popup_scroll">
198
-				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
199
-				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display:none;">
200
-					<li class="list-row">
184
+				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="mb_0 itp_nav"></ul>
185
+				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display: block;">
186
+					<li class="row_2">
201 187
 						<div class="scroll_left">
202 188
 							<div class="fnWhsNm">브랜드 창고 명A</div>
203
-							<div class="fnLocationNm">(상세위치내용)</div>
189
+							<div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
190
+							<div class="sub fnLocationNm">누리자 B/D</div>
204 191
 						</div>
205 192
 						<div class="scroll_right">
206 193
 							<button id="ITP_BTN_MPOMNG05010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

+ 24 - 28
src/main/webapp/mobile/app/mpomng/MPOMNG06010.html

@@ -19,61 +19,57 @@
19 19
 				</div>
20 20
 				<div class="line">
21 21
 					<label>납품서번호</label>
22
-					<div class="search_wrap">
23
-						<div class="float_left">
24
-							<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_DLV_STTMT_UNQ_NO" name="sdlvSttmtUnqNo" style="width: 262px;" type="text" placeholder="">
25
-						</div>
22
+					<div class="float_left">
23
+						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_DLV_STTMT_UNQ_NO" name="sdlvSttmtUnqNo" type="text" placeholder="">
26 24
 					</div>
27 25
 				</div>
28 26
 				<div class="line">
29 27
 					<label>공급업체</label>
30
-					<div class="search_nm">
31
-						<div class="float_left">
32
-							<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
33
-							<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
34
-						</div>
35
-						<div class="float_left_btn">
28
+					<div class="float_left">
29
+						<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
30
+						<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
31
+           				<div class="itp_input_btn">
36 32
 							<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
37
-							<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
38 33
 						</div>
39 34
 					</div>
35
+					<div class="float_right_btn">
36
+						<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
37
+					</div>
40 38
 				</div>
41 39
 				<div class="line">
42 40
 					<label>납품장소</label>
43
-					<div class="search_nm">
44
-						<div class="float_left">
45
-							<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_NM" data-check-required="empty" class="" name="swhsNm" placeholder="매장명" readonly />
46
-							<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_ID" data-check-required="empty" class="" name="swhsId" />
47
-						</div>
48
-						<div class="float_left_btn">
41
+					<div class="float_left">
42
+						<input type="text" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_NM" data-check-required="empty" class="" name="swhsNm" placeholder="매장명" readonly />
43
+						<input type="hidden" id="ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_ID" data-check-required="empty" class="" name="swhsId" />
44
+           				<div class="itp_input_btn">
49 45
 							<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
50
-							<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
51 46
 						</div>
52 47
 					</div>
48
+					<div class="float_right_btn">
49
+						<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
50
+					</div>
53 51
 				</div>
54 52
 				<div class="line">
55 53
 					<label>품목명</label>
56
-					<div class="search_wrap">
57
-						<div class="float_left">
58
-							<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
59
-						</div>
54
+					<div class="float_left name">
55
+						<input id="ITP_FORM_MPOMNG06010_LIST_SEARCH_ITEM_NM" name="sitemNm" type="text" placeholder="품목명">
60 56
 					</div>
61 57
 				</div>
62
-				<div class="line" style="height:50px;">
58
+				<div class="line">
63 59
 					<div class="search">
64 60
 						<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
65 61
 					</div>
66 62
 				</div>
67 63
 				<div class="table_header">
68
-					<h1>> 납품서 내역</h1>
64
+					<h1><납품서 내역></h1>
69 65
 				</div>
70 66
 			</div>
71 67
 		</form>
72 68
 		<form id="ITP_FORM_MPOMNG06010_LIST_MODIFY" class="form-horizontal" onsubmit="return false;">
73 69
 			<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_AREA" class="scroll_area row-4">
74
-				<ul id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWS" class="panel-group"></ul>
75
-				<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWCOPY" style="display: none;">
76
-					<li class="history_list2 list-row">
70
+				<ul id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWS" class="mb_0"></ul>
71
+				<div id="ITP_LIST_MPOMNG06010_LIST_ITEM_ROWCOPY" style="display: block;">
72
+					<li class="history_list2">
77 73
 						<div class="left">
78 74
 							<div class="nomal">
79 75
 								<label>납품번호 </label>
@@ -126,7 +122,7 @@
126 122
 				</div>
127 123
 			</div>
128 124
 			<div class="button_bar">
129
-				<button id="ITP_BTN_MPOMNG06010_LIST_SAVE" class="btn_col_6 btn-primary INPS">입고처리</button>
125
+				<button id="ITP_BTN_MPOMNG06010_LIST_SAVE" class="col_12 btn-primary INPS">입고처리</button>
130 126
 				<!--<button id="ITP_BTN_MPOMNG06010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>-->
131 127
 			</div>
132 128
 		</form>

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

@@ -7,6 +7,7 @@
7 7
 * {margin: 0; padding: 0; box-sizing: border-box; text-align: center; font-family: 'GmarketSansMedium', 'serif'; list-style: none;}
8 8
 section {}
9 9
 body{background: #fff; position: relative; width: 100%; height: auto; font-family: 'GmarketSansMedium';}
10
+body .login {position:fixed;}
10 11
 .color-gray {color:#aaa;}
11 12
 /* 팝업 */
12 13
 section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
@@ -68,6 +69,7 @@ section .popup2 .pop .popup_scroll li .left .history {font-weight: 700; font-siz
68 69
 section .popup2 .pop .popup_scroll li .left .history input{width: 150px;}
69 70
 section .popup2 .pop .popup_scroll li .scroll_left {float: left; display:grid;}
70 71
 section .popup2 .pop .popup_scroll li .scroll_left div {text-align:left; float: left; font-size: 18px; font-weight: 100; width: auto; margin:8px 6px -6px 10px;}
72
+section .popup2 .pop .popup_scroll li .scroll_left .con_2 {padding-top:8px;}
71 73
 section .popup2 .pop .popup_scroll li .scroll_left .sub{font-size:14px; color:gray;}
72 74
 section .popup2 .pop .popup_scroll li .scroll_left .amt{font-size:16px; color:#b88278;}
73 75
 section .popup2 .pop .popup_scroll li .scroll_right {float: right;}
@@ -139,11 +141,15 @@ body.eee {height: 700px; background: #eee;}
139 141
 
140 142
 /* 로그인 */
141 143
 .bg_gray {width:100%; height:180px; background:#ecebea; border-bottom-left-radius:50%; border-bottom-right-radius:50%;}
142
-#ITP_LOGIN {max-width: 500px; margin: 0 auto;}
143
-#ITP_LOGIN .login_popup {position: relative; width: 100%; text-align: center;}
144
+#ITP_LOGIN {
145
+    transform: translateX(-50%);
146
+    max-width: 500px;
147
+    left: 50%;
148
+    position: fixed;}
149
+#ITP_LOGIN .login_popup {position: relative; width: 350px; text-align: center;}
144 150
 #ITP_LOGIN .login_popup h1 { font-size: 1.5rem; color: #333; font-weight: 700;}
145 151
 #ITP_LOGIN .login_popup input { position: relative; height: 30px; font-size: 2.2rem;}
146
-#ITP_LOGIN .login_popup .login_info { margin-bottom: 30px; position:relative; top:-50px;}
152
+#ITP_LOGIN .login_popup .login_info {position:relative; top:-50px;}
147 153
 #ITP_LOGIN .login_popup .login_info img {width:100px; margin-bottom:10px;}
148 154
 #ITP_LOGIN .login_popup .num_area { position: relative; width: 100%;  margin-bottom: 40px;}
149 155
 #ITP_LOGIN .login_popup .num_area .input_area {margin-bottom: 10px;}
@@ -159,7 +165,7 @@ body.eee {height: 700px; background: #eee;}
159 165
 #ITP_LOGIN .input_area label {position: absolute; left: 18%; top: 14px; font-size: 15px; transition: all .5s ease; color:#666;}
160 166
 #ITP_LOGIN .input_area input:focus + label,
161 167
 #ITP_LOGIN .input_area input:valid + label {top: 4px; left: 18%; font-size: 0.6rem; color: blue;}
162
-#ITP_LOGIN .error {margin: 0 auto; margin-top: 100px;}
168
+#ITP_LOGIN .error {margin: 0 auto; height:70px;}
163 169
 #ITP_LOGIN .error label {font-size: 1rem;}
164 170
 #ITP_LOGIN .login_btn {position: relative; top: -20px; left: 0;}
165 171
 #ITP_LOGIN .login_btn button {
@@ -272,8 +278,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
272 278
 .content .line label {min-width:110px; color:#666; font-size: 18px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
273 279
 .content .line label.pay_label {margin:38px 1%; width:98%;}
274 280
 .content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
275
-.content .line .itp_label_select {min-width:110px; color:#666; font-size: 18px; float: left; margin-top: 3px; font-weight:100;}
281
+.content .line .itp_label_select {padding:0;width:120px; color:#666; font-size: 18px; float: left; margin-top: 3px; font-weight:100;}
276 282
 .content .line .float_left {float: left; margin-top:2px; width:50%;}
283
+.content .line .float_left.name {width:60%;}
277 284
 .content .line .float_left button {float:right; left:-5px; position:relative; background:transparent; border:none; width:36px; height:36px; padding:0;} 
278 285
 .content .line .float_left button img {width:22px;}
279 286
 .content .line .float_left input {width:100%; font-size:14px;}
@@ -351,7 +358,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
351 358
 .button_bar button.btn_col_6 {width: 65%;}
352 359
 .button_bar button.btn_col_3,
353 360
 .button_bar button.btn_col_6 {border: 1px solid #000; float: left; height: 60px; font-size: 1.4rem; font-weight: 700; border-radius: 0px;}
354
-.button_bar button.col_12 {width: 100%; height: 60px; font-size: 1.2rem;}
361
+.button_bar button.col_12 {font-weight:100; width: 100%; height: 60px; font-size: 18px;}
355 362
 
356 363
 /* scroll_area 조정 */
357 364
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
@@ -360,10 +367,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
360 367
 .row-2{top: 300px;}
361 368
 
362 369
 .row-3{top: 395px;}
363
-.row-4{top: 377px;}
370
+.row-4{top: 385px;}
364 371
 .row-5{top: 418px;}
365 372
 .row-6{top: 468px;}
366 373
 .row-7{top: 533px;}
374
+.row-9{top: 383px;}
367 375
 
368 376
 .col-4{width:40% !important;}
369 377
 .col-6{width:60% !important;}
@@ -398,7 +406,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
398 406
 .scroll_area li.history_list4 .button_right button {width: 65px; height: 75px; font-size: 1rem; margin: 0; border-radius: 0;}
399 407
 
400 408
 .scroll_area li.history_list1 {height: 230px;}
401
-.scroll_area li.history_list2 {height: 165px; padding-top:5px;}
409
+.scroll_area li.history_list2 {height: 160px; padding-top:5px;}
402 410
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
403 411
 .scroll_area li.history_list3 {height: 160px; padding-top:5px;}
404 412
 .scroll_area li.history_list3 .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
@@ -440,7 +448,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
440 448
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
441 449
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
442 450
 
443
-.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:100; min-width:100px; text-align:left;}
451
+.scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:100px; text-align:left;}
444 452
 .scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
445 453
 .scroll_area li .left .nomal label.col_0{width: auto;}
446 454
 .scroll_area li .left .nomal label.col_2{width: 95px;}
@@ -492,6 +500,24 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
492 500
 	.content .line div.date_to {width:70%;}
493 501
 	.content .line div.date_to input {width:45%}
494 502
 	.content .line {margin:-5px 3%;}
503
+	.content .line .float_left.name {width:76%;}
504
+	.modal-dialog {margin:auto 20% !important;}
495 505
 }
496
-
506
+@media screen and (max-height: 720px) {
507
+	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}
508
+	.bg_gray {position:relative; top:-90px;}
509
+	
510
+	}
511
+/* 알림 팝업 추가 */
512
+.modal {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; display: none; overflow: hidden; outline: 0;}
513
+.itp_modal {z-index: 10000;}
514
+.modal-dialog {position: relative; width: auto; margin: 10px;}
515
+.modal-content {position: relative; background-color: #fff; background-clip: padding-box; border: 1px solid #999; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; outline: 0; box-shadow: 0 3px 9px rgb(0 0 0 / 50%);}
516
+.modal-header {min-height: 16.43px; padding: 15px; border-bottom: 1px solid #e5e5e5; padding: 12px 15px 12px 15px; background: #337ab7; cursor: move;}
517
+.modal-header .close { margin-top: -2px; color: #fff; opacity: 1;}
518
+button.close {-webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0;}
519
+.close {float: right; font-size: 21px; font-weight: 700; line-height: 1; text-shadow: 0 1px 0 #fff;}
520
+.modal-body {position: relative; padding: 15px;}
521
+.modal-footer {padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;}
522
+.modal-footer .btn {border-radius:6px; padding: 6px 12px;}
497 523
 

+ 5 - 1
src/main/webapp/mobile/js/app/login.js

@@ -85,7 +85,11 @@ function itp_fn_login_validate() {
85 85
 }
86 86
 
87 87
 function itp_fn_login_info() {
88
-	$(location).attr('href', 'app:loginInfo');
88
+	if(CommonObj.isApp) {
89
+		$(location).attr('href', 'app:loginInfo');
90
+	} else {
91
+		itp_fn_login_proc();
92
+	}
89 93
 }
90 94
 
91 95
 function itp_fn_login_proc() {

+ 2 - 1
src/main/webapp/mobile/js/config.js

@@ -113,7 +113,8 @@ var itp_fn_logined_check = function(user_nm_update, fn) {
113 113
 		}
114 114
 	} else {
115 115
 		// 로그인 페이지로 이동
116
-		$(location).attr('href', MOBILE_CONTEXTPATH + '/app/login.html');
116
+		if($(location).attr('pathname').indexOf('login.html') < 0)
117
+			$(location).attr('href', MOBILE_CONTEXTPATH + '/app/login.html');
117 118
 	}
118 119
 };
119 120