소스 검색

모바일 html 수정중

whakdo963 2 년 전
부모
커밋
232fc3213b

+ 178 - 87
src/main/webapp/mobile/app/mpomng/MPOMNG02010.html

@@ -1,146 +1,237 @@
1
-<section>
2
-  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
1
+<section id="ITP_MOBILE_MPOMNG02010">
2
+  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: none;">
3
+	<form id="ITP_FORM_MPOMNG02010_DETAIL" class="form-horizontal" onsubmit="return false;">
4
+	<input type="hidden" id="ITP_FORM_MPOMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
3 5
     <div class="content">
4 6
         <div class="line">
5 7
           <label>구매요청일</label>
6 8
         <div class="date_to">
7
-          <input id="ITP_FORM_MPOMNG02010_VIEW" class="year" type="date">
9
+          <input id="ITP_FORM_MPOMNG02010_DETAIL_PCH_REQ_DT" name="pchReqDt" class="year" type="date">
8 10
           <div class="at">~</div>
9
-          <input id="ITP_FORM_MPOMNG02010_VIEW" class="year" type="date">
11
+          <input id="ITP_FORM_MPOMNG02010_DETAIL" class="year" type="date">
10 12
         </div>
11 13
       </div>
12 14
       <div class="line">
13 15
         <label>구매요청상태</label>
14 16
         <div class="line_right">
15
-          <select id="ITP_FORM_MPOMNG02010_VIEW" class="stcd" name="">
16
-            <option value="">상태</option>
17
-          </select>
17
+          <select id="ITP_FORM_MPOMNG02010_DETAIL_PCH_REQ_ST_CD" class="stcd" name="pchReqStCd"></select>
18 18
         </div>
19 19
       </div>
20 20
       <div class="line">
21 21
         <label>납품장소</label>
22 22
         <div class="search_wrap">
23 23
 	        <div class="float_left">
24
-	          <input id="ITP_FORM_MPOMNG02010_VIEW" class="" type="text" placeholder="A매장명">
24
+	          <input id="ITP_FORM_MPOMNG02010_DETAIL_WHS_NM" name="whsNm" type="text" placeholder="A매장명">
25 25
 	        </div>
26 26
 	        <div class="float_left_btn">
27
-	          <button id="ITP_BTN_MPOMNG02010"><img src="../img/search.png" alt=""></button>
28
-	          <button id="ITP_BTN_MPOMNG02010"><img src="../img/delete.png" alt=""></button>
27
+				<button id="ITP_BTN_MPOMNG02010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG02010_WHS_NM"><img src="../img/search.png" alt=""></button>
28
+				<button id="ITP_BTN_MPOMNG02010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
29 29
 	        </div>
30 30
         </div>
31 31
       </div>
32 32
       <div class="line" style="height:50px;">
33 33
         <div class="search">
34
-          <button id="ITP_BTN_MPOMNG02010" class="btn-primary btn-sm ADB">검색</button>
34
+          <button id="ITP_BTN_MPOMNG02010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
35 35
         </div>
36 36
       </div>
37 37
       <div class="table_header">
38 38
         <h1>>구매 요청 내역</h1>
39 39
       </div>
40 40
     </div>
41
-    <div class="scroll_area row-1-1">
42
-      <li class="history_list">
43
-        <div class="left">
44
-          <div class="nomal">
45
-            <label>구매요청일 </label>
46
-            <span>:</span>
47
-            <div class="history">
48
-              <div class="fndate">2022.10.01</div> 
49
-              (<div class="fnOwnerNm">홍길동 점주</div>)
50
-            </div>
51
-          </div>
52
-        </div>
53
-        <div class="left">
54
-          <div class="nomal">
55
-          	<div class="half">
56
-	            <label>구매상태</label>
41
+    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1-1">
42
+   		<ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="panel-group"></ul>
43
+        <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display:block;">
44
+	      <li class="history_list"
45
+	           data-brandUnitUnqNo=""
46
+               data-podrPssblDvsn=""
47
+               data-spplyId=""
48
+               data-stddQty=""
49
+               data-storeUnitUnqNo=""
50
+               data-unit=""
51
+               data-unitAmt=""
52
+               data-unitGubun="">
53
+	        <div class="left">
54
+	          <div class="nomal">
55
+	            <label>구매요청일 </label>
57 56
 	            <span>:</span>
58 57
 	            <div class="history">
59
-	              <div class="fn">대기</div>
58
+	              <div class="fnPchReqDt">2022.10.01</div>
59
+	              (<div class="fnOwnerNm">홍길동 점주</div>)
60 60
 	            </div>
61
-            </div>
62
-          	<div class="half">
63
-	            <label>납품장소명 </label>
61
+	          </div>
62
+	        </div>
63
+	        <div class="left">
64
+	          <div class="nomal">
65
+	          	<div class="half">
66
+		            <label>구매상태</label>
67
+		            <span>:</span>
68
+		            <div class="history">
69
+		              <div class="fnStCd">대기</div>
70
+		            </div>
71
+	            </div>
72
+	          	<div class="half">
73
+		            <label>납품장소명 </label>
74
+		            <span>:</span>
75
+		            <div class="history">
76
+		              <div class="fnWhsNm">A매장내</div>
77
+		            </div>
78
+	            </div>
79
+	          </div>
80
+	        </div>
81
+	        <div class="left">
82
+	          <div class="nomal">
83
+	            <label style="width: 127px;">구매요청 정보</label>
64 84
 	            <span>:</span>
65 85
 	            <div class="history">
66
-	              <div class="fn">A매장내</div>
86
+	              <div class="fnItem">품목수(3)</div> 
87
+	              <i>- </i>
88
+	              <div class="fnItemAtm">1,200,000</div> 원
67 89
 	            </div>
68
-            </div>
69
-          </div>
70
-        </div>
71
-        <div class="left">
72
-          <div class="nomal">
73
-            <label style="width: 127px;">구매요청 정보</label>
74
-            <span>:</span>
75
-            <div class="history">
76
-              <div class="fn">품목수(3)</div> 
77
-              <i>- </i>
78
-              <div class="fn">1,200,000</div> 원
79
-            </div>
80
-          </div>
81
-        </div>
82
-        <div class="left">
83
-          <div class="nomal">
84
-            <label>결재정보 </label>
85
-            <span>:</span>
86
-            <div class="history">
87
-              <div class="fn">미납</div> 
88
-            </div>
89
-          </div>
90
-        </div>
91
-      </li>
90
+	          </div>
91
+	        </div>
92
+	        <div class="left">
93
+	          <div class="nomal">
94
+	            <label>결재정보 </label>
95
+	            <span>:</span>
96
+	            <div class="history">
97
+	              <div class="fnInfo">미납</div> 
98
+	            </div>
99
+	          </div>
100
+	        </div>
101
+	      </li>
102
+      </div>
92 103
     </div>
104
+    </form>
93 105
   </div>
94
-  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: block;">
106
+  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
107
+  	<form id="ITP_FORM_MPOMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
108
+		<input type="hidden" id="ITP_FORM_MPOMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
109
+	    <div class="content">
110
+	      <div class="line">
111
+	        <label>납기요청일</label>
112
+	        <div class="line_right">
113
+	          <div class="fnDlvReqDt">2022.10.10</div>
114
+	        </div>      
115
+	      </div>
116
+	      <div class="line">
117
+	        <label>구매요청금액</label>
118
+	        <div class="line_right">
119
+	          <div class="fnPchReqAmt">424,000원</div>
120
+	        </div>
121
+	      </div>
122
+	      <div class="line">
123
+	        <label>납품장소</label>
124
+	        <div class="line_right">
125
+	          <div class="fnDlvPlace">A매장내</div>
126
+	        </div>
127
+	      </div>
128
+	      <div class="line">
129
+	        <label>결재정보</label>
130
+	        <div class="line_right">
131
+	          <div class="fnInfo">(미납)0원</div>
132
+	        </div>
133
+	      </div>
134
+	      <div class="table_header">
135
+	        <h1>>구매 품목</h1>
136
+	      </div>
137
+	    </div>
138
+	    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-2">
139
+		   <ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="panel-group"></ul>
140
+           <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display:block;">
141
+		       <li class=""
142
+                    data-brandUnitUnqNo=""
143
+                    data-podrPssblDvsn=""
144
+                    data-spplyId=""
145
+                    data-stddQty=""
146
+                    data-storeUnitUnqNo=""
147
+                    data-unit=""
148
+                    data-unitAmt=""
149
+                    data-unitGubun="">
150
+		        <div class="left_info">
151
+		          <div class="thick">
152
+		            <div class="fnItemNm">품목명</div>
153
+		            <div>-</div>
154
+		            <div class="fnUnit">2EA</div>
155
+		          </div>
156
+		          <div class="thick">
157
+		            <label class="space0">구매가 :</label>
158
+		            <div class="fnPchActAmt">1,120,000</div>
159
+		          </div>
160
+		        </div>
161
+		        <div class="right">
162
+		          <div class="fnNum">2</div>
163
+		        </div>
164
+		      </li>
165
+	      </div>
166
+	    </div>
167
+	    <div class="button_bar">
168
+	      <button id="" class="col_12 btn-gray CLB">취소</button>
169
+	    </div>	
170
+    </form>
171
+  </div>
172
+  <div id="ITP_AJAX_MPOMNG02010_NEW_CONTAINER" style="display: block;">
173
+  <form id="ITP_FORM_MPOMNG02010_NEW" class="form-horizontal" onsubmit="return false;"> 
174
+   <input type="hidden" id="ITP_FORM_MPOMNG01010_NEW_VIEW_CD" name="viewCd" value="C">
95 175
     <div class="content">
96 176
       <div class="line">
97 177
         <label>납기요청일</label>
98
-        <div class="line_right">
99
-          <div class="fn">2022.10.10</div>
100
-        </div>      
178
+        <input id="ITP_FORM_MPOMNG02010_NEW_DLV_REQ_DT" name="dlvReqDt" class="date" type="date" placeholder="">
101 179
       </div>
102 180
       <div class="line">
103 181
         <label>구매요청금액</label>
104 182
         <div class="line_right">
105
-          <div class="fn">424,000원</div>
183
+          <div class="fnPchReqAmt">424,000원</div>
106 184
         </div>
107 185
       </div>
108 186
       <div class="line">
109 187
         <label>납품장소</label>
110
-        <div class="line_right">
111
-          <div class="fn">A매장내</div>
112
-        </div>
113
-      </div>
114
-      <div class="line">
115
-        <label>결재정보</label>
116
-        <div class="line_right">
117
-          <div class="fn">(미납)0원</div>
188
+        <div class="search_nm">
189
+          <div class="float_left">
190
+            <input id="ITP_FORM_MPOMNG02010_NEW_WHS_NM" name="whsNm" type="text" placeholder="A매장명">
191
+          </div>
192
+          <div class="float_left_btn">
193
+            <button id="ITP_BTN_MPOMNG02010_NEW_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG02010_WHS_NM"><img src="../img/search.png" alt=""></button>
194
+            <button id="ITP_BTN_MPOMNG02010_NEW_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
195
+          </div>
118 196
         </div>
119 197
       </div>
120 198
       <div class="table_header">
121
-        <h1>>구매 품목</h1>
199
+        <h1>> 구매 품목</h1>
200
+   		<button type="button" id="ITP_BTN_MPOMNG02010_NEW_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
201
+       	<button type="button" id="ITP_BTN_MPOMNG02010_NEW_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MPOMNG02010_ITEM_AREA">품목추가</button>	     
122 202
       </div>
123 203
     </div>
124
-    <div class="scroll_area row-2">
125
-      <li>
126
-        <div class="left_info">
127
-          <div class="thick">
128
-            <div class="fnItemNm">품목명</div>
129
-            <div>-</div>
130
-            <div class="fnUnit">2EA</div>
204
+    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1">
205
+      <ul id="ITP_LIST_MPOMNG02010_NEW_ROWS"></ul>
206
+	  <div id="ITP_LIST_MPOMNG02010_NEW_ROWCOPY" style="display:block;">	    
207
+	    <li>
208
+          <div class="left_info">
209
+            <div class="check_box">
210
+                <div><input type="checkbox" id="ITP_FORM_MPOMNG01010_NEW_CHECKBOX" name="itemId" /></div>
211
+            </div>
212
+            <div class="thick">
213
+              <div class="fnItemNm">품목명</div>
214
+              <div>-</div>
215
+              <div class="fnUnit">2EA</div>
216
+            </div>
217
+            <div class="thick">
218
+              <label class="space0">구매가 :</label>
219
+              <div class="fnPchActAmt">1,120,000</div>
220
+            </div>
131 221
           </div>
132
-          <div class="thick">
133
-            <label class="space0">구매가 :</label>
134
-            <div class="fnPchActAmt">1,120,000</div>
222
+          <div class="right">
223
+            <button id="ITP_BTN_MPOMNG02010_NEW_MINUS"><</button>
224
+            <div class="num fnNum">2</div>
225
+            <button id="ITP_BTN_MPOMNG02010_NEW_PLUS">></button>
135 226
           </div>
136
-        </div>
137
-        <div class="right">
138
-          <div class="fnNum">2</div>
139
-        </div>
140
-      </li>
227
+        </li>
228
+      </div>
141 229
     </div>
142 230
     <div class="button_bar">
143
-      <button id="" class="col_12 btn-gray CLB">취소</button>
231
+        <button id="ITP_BTN_MPOMNG02010_NEW_REQ_ORDER" data-call-popup="ITP_POP_MPOMNG02010_REQ_CONFIRM" class="col_3 btn-primary REQ">구매요청</button>
232
+        <button id="ITP_BTN_MPOMNG02010_NEW_TEMP_SAVE" class="col_3 btn-gray TSA">임시저장</button>
233
+        <button id="ITP_BTN_MPOMNG02010_NEW_CANCEL" class="col_3 btn-gray CLB">취소</button>
144 234
     </div>
145
-  </div>
235
+  </form>
236
+</div>
146 237
 </section>

+ 111 - 104
src/main/webapp/mobile/app/mpomng/MPOMNG03010.html

@@ -1,125 +1,131 @@
1
-<section>
2
-  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
3
-    <div class="content">
4
-      <div class="line">
5
-        <label>발주일자</label>
6
-        <div class="date_to">
7
-          <input id="ITP_FORM_MPOMNG03010_VIEW" class="year" type="date">
8
-          <div class="at">~</div>
9
-          <input id="ITP_FORM_MPOMNG03010_VIEW" class="year" type="date">
10
-        </div>
11
-      </div>
12
-      <div class="line">
13
-        <label>발주상태</label>
14
-        <div class="search_wrap">
15
-	        <div class="line_right">
16
-	          <select name="" id="ITP_FORM_MPOMNG03010_VIEW">
17
-	            <option value=""></option>
18
-	          </select>
19
-	        </div>
20
-      	</div>   
21
-      </div>
22
-      <div class="line">
23
-        <label>공급업체</label>
24
-        <div class="search_wrap">
25
-	        <div class="float_left">
26
-	          <input id="ITP_FORM_MPOMNG03010_VIEW" type="text" placeholder="A공급업체명">
27
-	        </div>
28
-	        <div class="float_left_btn">
29
-	          <button id="ITP_BTN_MPOMNG03010"><img src="../img/search.png" alt=""></button>
30
-	          <button id="ITP_BTN_MPOMNG03010"><img src="../img/delete.png" alt=""></button>
31
-	        </div>
32
-	       </div> 
33
-      </div>
34
-      <div class="line">
35
-        <label>납품장소</label>
36
-         	<div class="search_wrap">
37
-	        <div class="float_left">
38
-	          <input id="ITP_FORM_MPOMNG03010_VIEW" type="text" placeholder="A매장명">
1
+<section id="ITP_MOBILE_MPOMNG03010">
2
+  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: block;">
3
+  <form id="ITP_FORM_MPOMNG03010_DETAIL" class="form-horizontal" onsubmit="return false;">
4
+	  <input type="hidden" id="ITP_FORM_MPOMNG03010_DETAIL_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	      <div class="line">
7
+	        <label>발주일자</label>
8
+	        <div class="date_to">
9
+	          <input id="ITP_FORM_MPOMNG03010_DETAIL_PODR_DT" name="podrDt" class="year" type="date">
10
+	          <div class="at">~</div>
11
+	          <input id="ITP_FORM_MPOMNG03010_DETAIL" class="year" type="date">
39 12
 	        </div>
40
-	        <div class="float_left_btn">
41
-	          <button id="ITP_BTN_MPOMNG03010"><img src="../img/search.png" alt=""></button>
42
-	          <button id="ITP_BTN_MPOMNG03010"><img src="../img/delete.png" alt=""></button>
13
+	      </div>
14
+	      <div class="line">
15
+	        <label>발주상태</label>
16
+	        <div class="search_wrap">
17
+		        <div class="line_right">
18
+		          <select name="" id="ITP_FORM_MPOMNG03010_DETAIL_ST_CD"></select>
19
+		        </div>
20
+	      	</div>   
21
+	      </div>
22
+	      <div class="line">
23
+	        <label>공급업체</label>
24
+	        <div class="search_wrap">
25
+		        <div class="float_left">
26
+		          <input id="ITP_FORM_MPOMNG03010_DETAIL_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
27
+		        </div>
28
+		        <div class="float_left_btn">
29
+		          <button id="ITP_BTN_MPOMNG03010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG03010_SPPLY_NM"><img src="../img/search.png" alt=""></button>
30
+		          <button id="ITP_BTN_MPOMNG03010_DETAIL_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
31
+		        </div>
32
+	   		</div> 
33
+	      </div>
34
+	      <div class="line">
35
+	        <label>납품장소</label>
36
+	         	<div class="search_wrap">
37
+		        <div class="float_left">
38
+		          <input id="ITP_FORM_MPOMNG03010_DETAIL_WHS_NM" type="text" placeholder="A매장명">
39
+		        </div>
40
+		        <div class="float_left_btn">
41
+           		  <button id="ITP_BTN_MPOMNG03010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
42
+           		  <button id="ITP_BTN_MPOMNG03010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
43
+		        </div>
44
+		     </div>   
45
+	      </div>
46
+	      <div class="line" style="height:50px;">
47
+	        <div class="search">
48
+	          <button id="ITP_BTN_MPOMNG03010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
43 49
 	        </div>
44
-	     </div>   
45
-      </div>
46
-      <div class="line" style="height:50px;">
47
-        <div class="search">
48
-          <button id="ITP_BTN_MPOMNG03010" class="btn-primary btn-sm ADB">검색</button>
49
-        </div>
50
-      </div>
51
-      <div class="table_header">
52
-        <h1>> 발주 내역</h1>
53
-      </div>
54
-    </div>
55
-    <div class="scroll_area row-3">
56
-      <li class="history_list">
57
-        <div class="left">
58
-          <div class="nomal">
59
-            <label>발주일자 &nbsp;:</label>
60
-            <div class="history">
61
-              <div class="fn">2022.10.01</div> 
62
-              (<div class="fn">홍길동 점주</div>)
63
-            </div>
64
-          </div>
65
-        </div>
66
-        <div class="left">
67
-          <div class="nomal">
68
-            <label>발주상태 &nbsp;:</label>
69
-            <div class="history">
70
-              <div class="fn">대기</div>
71
-            </div>
72
-            <label>납품장소명&nbsp;:</label>
73
-            <div class="history">
74
-              <div class="fn">A매장내</div>
75
-            </div>
76
-          </div>
77
-        </div>
78
-        <div class="left">
79
-          <div class="nomal">
80
-            <label>발주정보 &nbsp;:</label>
81
-            <div class="history">
82
-              <div class="fn">품목수(3)</div> 
83
-              <i>-</i>
84
-              <div class="fn">1,200,000</div>원
85
-            </div>
86
-          </div>
87
-        </div>
88
-        <div class="left">
89
-          <div class="nomal">
90
-            <label>공급업체 &nbsp;:</label>
91
-            <div class="history">
92
-              <div class="fn">A공급업체</div> 
93
-            </div>
94
-          </div>
95
-        </div>
96
-      </li>
97
-    </div>
50
+	      </div>
51
+	      <div class="table_header">
52
+	        <h1>> 발주 내역</h1>
53
+	      </div>
54
+	    </div>
55
+	    <div id="ITP_LIST_MPOMNG03010_ITEM_AREA" class="scroll_area row-3">
56
+        	<ul id="ITP_LIST_MPOMNG03010_DETAIL_ROWS" class="panel-group"></ul>
57
+	        <div id="ITP_LIST_MPOMNG03010_DETAIL_ROWCOPY" style="display:block;">
58
+		      <li class="history_list">
59
+		        <div class="left">
60
+		          <div class="nomal">
61
+		            <label>발주일자 &nbsp;:</label>
62
+		            <div class="history">
63
+		              <div class="fnPodrDt">2022.10.01</div> 
64
+		              (<div class="fnOwnerNm">홍길동 점주</div>)
65
+		            </div>
66
+		          </div>
67
+		        </div>
68
+		        <div class="left">
69
+		          <div class="nomal">
70
+		            <label>발주상태 &nbsp;:</label>
71
+		            <div class="history">
72
+		              <div class="fnPodrStCd">대기</div>
73
+		            </div>
74
+		            <label>납품장소명&nbsp;:</label>
75
+		            <div class="history">
76
+		              <div class="fnDlvPlace">A매장내</div>
77
+		            </div>
78
+		          </div>
79
+		        </div>
80
+		        <div class="left">
81
+		          <div class="nomal">
82
+		            <label>발주정보 &nbsp;:</label>
83
+		            <div class="history">
84
+		              <div class="fnItem">품목수(3)</div> 
85
+		              <i>-</i>
86
+		              <div class="fnItemAtm">1,200,000</div>원
87
+		            </div>
88
+		          </div>
89
+		        </div>
90
+		        <div class="left">
91
+		          <div class="nomal">
92
+		            <label>공급업체 &nbsp;:</label>
93
+		            <div class="history">
94
+		              <div class="fnSpplyNm">A공급업체</div> 
95
+		            </div>
96
+		          </div>
97
+		        </div>
98
+		      </li>
99
+	      </div>
100
+	    </div>
101
+    </form>
98 102
   </div>
99
-  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: block;">
103
+  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
104
+	<form id="ITP_FORM_MPOMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
105
+	<input type="hidden" id="ITP_FORM_MPOMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
100 106
     <div class="content">
101 107
       <div class="line">
102 108
         <label>발주일자</label>
103 109
         <div class="line_right">
104
-          <div class="fn">2022.10.10</div>
110
+          <div class="fnPodrDt">2022.10.10</div>
105 111
         </div>      
106 112
       </div>
107 113
       <div class="line">
108 114
         <label>발주금액</label>
109 115
         <div class="line_right">
110
-          <div class="fn">424,000원</div>
116
+          <div class="fnPodrAmt">424,000원</div>
111 117
         </div>
112 118
       </div>
113 119
       <div class="line">
114 120
         <label>납품장소</label>
115 121
         <div class="line_right">
116
-          <div class="fn">A매장내</div>
122
+          <div class="fnDlvPlace">A매장내</div>
117 123
         </div>
118 124
       </div>
119 125
       <div class="line">
120 126
         <label>공급업체</label>
121 127
         <div class="line_right">
122
-          <div class="fn">A공급업체</div>
128
+          <div class="fnSpplyNm">A공급업체</div>
123 129
         </div>
124 130
       </div>
125 131
       <div class="table_header">
@@ -139,9 +145,9 @@
139 145
           <div class="left_info col-6">
140 146
             <div class="thick">
141 147
               <label>수량/금액</label>
142
-              <div class="fn">2</div>
148
+              <div class="fnQty">2</div>
143 149
               <i>/</i>
144
-              <div class="fn">24,000</div>
150
+              <div class="fnAmt">24,000</div>
145 151
             </div>
146 152
           </div>
147 153
           <div class="left_info col-4">
@@ -153,14 +159,15 @@
153 159
           <div class="left_info col-6">
154 160
             <div class="thick">
155 161
               <label>납기요청일&nbsp;:&nbsp;</label>
156
-              <div class="fn">2022.10.01</div>
162
+              <div class="fnDlvReqDt">2022.10.01</div>
157 163
             </div>
158 164
           </div>
159 165
         </div>
160 166
       </li>
161 167
     </div>
162 168
     <div class="button_bar">
163
-      <button id="ITP_BTN_MPOMNG03010" class="col_12 btn-gray CLB">취소</button>
169
+      <button id="ITP_BTN_MPOMNG03010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
164 170
     </div>
171
+    </form>
165 172
   </div>
166 173
 </section>

+ 120 - 116
src/main/webapp/mobile/app/mpomng/MPOMNG04010.html

@@ -1,122 +1,126 @@
1
-		<section>
2
-  <div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" >
3
-    <div class="content">
4
-      <div class="line">
5
-        <select class="label" name="" id="ITP_FORM_MPOMNG04010_VIEW">
6
-          <option value="">납품예정일</option>
7
-        </select>
8
-        <div class="date_to">
9
-          <input id="ITP_FORM_MPOMNG04010_VIEW" class="year" type="date">
10
-          <div class="at">~</div>
11
-          <input id="ITP_FORM_MPOMNG04010_VIEW" class="year" type="date">
12
-        </div>
13
-      </div>
14
-      <div class="line">
15
-        <label>납품상태</label>
16
-        <div class="search_wrap">
17
-	        <div class="line_right">
18
-	          <select name="" id="ITP_FORM_MPOMNG04010_VIEW">
19
-	            <option value=""></option>
20
-	          </select>
1
+<section id="ITP_MOBILE_MPOMNG04010">  
2
+  <div id="ITP_AJAX_MPOMNG04010_DETAIL_CONTAINER">
3
+  <form id="ITP_FORM_MPOMNG04010_DETAIL" class="form-horizontal" onsubmit="return false;">
4
+  	<input type="hidden" id="ITP_FORM_MPOMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	      <div class="line">
7
+	        <select class="label" name="dlvSchDt" id="ITP_FORM_MPOMNG04010_DETAIL_DLV_SCH_DT">
8
+	          <option value="">납품예정일</option>
9
+	        </select>
10
+	        <div class="date_to">
11
+	          <input id="ITP_FORM_MPOMNG04010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="year" type="date">
12
+	          <div class="at">~</div>
13
+	          <input id="ITP_FORM_MPOMNG04010_DETAIL_DLV_CMPLT_DT" name="dlvCmpltDt" class="year" type="date">
21 14
 	        </div>
22
-        </div>
23
-      </div>
24
-      <div class="line">
25
-        <label>공급업체</label>
26
-        <div class="search_wrap">
27
-	        <div class="float_left">
28
-	          <input id="ITP_FORM_MPOMNG04010_VIEW" type="text" placeholder="A공급업체명">
15
+	      </div>
16
+	      <div class="line">
17
+	        <label>납품상태</label>
18
+	        <div class="search_wrap">
19
+		        <div class="line_right">
20
+		          <select name="dlvStCd" id="ITP_FORM_MPOMNG04010_DETAIL_DLV_ST_CD"></select>
21
+		        </div>
29 22
 	        </div>
30
-	        <div class="float_left_btn">
31
-	          <button id="ITP_BTN_MPOMNG04010"><img src="../img/search.png" alt=""></button>
32
-	          <button id="ITP_BTN_MPOMNG04010"><img src="../img/delete.png" alt=""></button>
23
+	      </div>
24
+	      <div class="line">
25
+	        <label>공급업체</label>
26
+	        <div class="search_wrap">
27
+		        <div class="float_left">
28
+		          <input id="ITP_FORM_MPOMNG04010_DETAIL_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
29
+		        </div>
30
+		        <div class="float_left_btn">
31
+		          <button id="ITP_BTN_MPOMNG04010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG04010_SPPLY_NM"><img src="../img/search.png" alt=""></button>
32
+		          <button id="ITP_BTN_MPOMNG04010_DETAIL_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
33
+		        </div>
34
+	   		</div> 
35
+	      </div>
36
+	      <div class="line">
37
+	        <label>납품장소</label>
38
+	         	<div class="search_wrap">
39
+		        <div class="float_left">
40
+		          <input id="ITP_FORM_MPOMNG04010_DETAIL_WHS_NM" type="text" placeholder="A매장명">
41
+		        </div>
42
+		        <div class="float_left_btn">
43
+           		  <button id="ITP_BTN_MPOMNG04010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG04010_WHS_AREA"><img src="../img/search.png" alt=""></button>
44
+           		  <button id="ITP_BTN_MPOMNG04010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
45
+		        </div>
46
+		     </div>   
47
+	      </div>
48
+	      <div class="line">
49
+	        <label>품목명</label>
50
+	       	<div class="search_wrap">
51
+		        <div class="float_left">
52
+		          <input id="ITP_FORM_MPOMNG04010_DETAIL_ITEM_NM" style="width: 262px;" name="itemNm" type="text" placeholder="A매장명">
53
+		        </div>
33 54
 	        </div>
34
-	       </div> 
35
-      </div>
36
-      <div class="line">
37
-        <label>납품장소</label>
38
-  		<div class="search_wrap">
39
-	        <div class="float_left">
40
-	          <input id="ITP_FORM_MPOMNG04010_VIEW" type="text" placeholder="A매장명">
55
+	      </div>
56
+	      <div class="line" style="height:50px;">
57
+	        <div class="search">
58
+	          <button id="ITP_BTN_MPOMNG04010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
41 59
 	        </div>
42
-	        <div class="float_left_btn">
43
-	          <button id="ITP_BTN_MPOMNG04010"><img src="../img/search.png" alt=""></button>
44
-	          <button id="ITP_BTN_MPOMNG04010"><img src="../img/delete.png" alt=""></button>
45
-	        </div>
46
-	     </div>   
47
-      </div>
48
-      <div class="line">
49
-        <label>품목명</label>
50
-       	<div class="search_wrap">
51
-	        <div class="float_left">
52
-	          <input id="ITP_FORM_MPOMNG04010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
53
-	        </div>
54
-        </div>
55
-      </div>
56
-      <div class="line" style="height:50px;">
57
-        <div class="search">
58
-          <button id="ITP_BTN_MPOMNG04010" class="btn-primary btn-sm ADB">검색</button>
59
-        </div>
60
-      </div>
61
-      <div class="table_header">
62
-        <h1>> 납품서 내역</h1>
63
-      </div>
64
-    </div>
65
-    <div class="scroll_area row-4">
66
-      <li class="history_list2">
67
-        <div class="left">
68
-          <div class="nomal">
69
-            <label class="">납품번호 </label>
70
-            <div class="history">
71
-              <div class="fn">202210010000001-0100</div> 
72
-            </div>
73
-          </div>
74
-        </div>
75
-        <div class="left">
76
-          <div class="nomal">
77
-            <label>납품예정일</label>
78
-            <div class="history">
79
-              <div class="fn history_info">2022.10.03</div>
80
-            </div>
81
-            <label class="fn sub_info">납품일자</label>
82
-            <div class="history">
83
-              <div class="fn">2022.10.03</div>
84
-            </div>
85
-          </div>
86
-        </div>
87
-        <div class="left">
88
-          <div class="nomal">
89
-            <label>공급업체</label>
90
-            <div class="history">
91
-              <div class="fn history_info">A공급업체명</div>
92
-            </div>
93
-            <label class="sub_info">납품장소</label>
94
-            <div class="history">
95
-              <div class="fn">A매장내</div>
96
-            </div>
97
-          </div>
98
-        </div>
99
-        <div class="left">
100
-          <div class="nomal">
101
-            <label>품목 </label>
102
-            <div class="history">
103
-              <div class="fn">품목명(EA)</div> 
104
-            </div>
105
-          </div>
106
-        </div>
107
-        <div class="left">
108
-          <div class="nomal">
109
-            <label>발주수량</label>
110
-            <div class="history">
111
-              <div class="fn history_info">10</div>
112
-            </div>
113
-            <label class="sub_info">납품수량</label>
114
-            <div class="history">
115
-              <div class="fn">10</div>
116
-            </div>
117
-          </div>
118
-        </div>
119
-      </li>
120
-    </div>
60
+	      </div>
61
+	      <div class="table_header">
62
+	        <h1>> 납품서 내역</h1>
63
+	      </div>
64
+	    </div>
65
+	    <div id="ITP_LIST_MPOMNG04010_ITEM_AREA" class="scroll_area row-4">
66
+   		  <ul id="ITP_LIST_MPOMNG04010_DETAIL_ROWS" class="panel-group"></ul>
67
+          <div id="ITP_LIST_MPOMNG04010_DETAIL_ROWCOPY" style="display:block;">
68
+		      <li class="history_list2">
69
+		        <div class="left">
70
+		          <div class="nomal">
71
+		            <label class="">납품번호 </label>
72
+		            <div class="history">
73
+		              <div class="fnDlvSttmtNo">202210010000001-0100</div> 
74
+		            </div>
75
+		          </div>
76
+		        </div>
77
+		        <div class="left">
78
+		          <div class="nomal">
79
+		            <label>납품예정일</label>
80
+		            <div class="history">
81
+		              <div class="fnDlvSchDt history_info">2022.10.03</div>
82
+		            </div>
83
+		            <label class="sub_info">납품일자</label>
84
+		            <div class="history">
85
+		              <div class="fnDlvCmpltDt">2022.10.03</div>
86
+		            </div>
87
+		          </div>
88
+		        </div>
89
+		        <div class="left">
90
+		          <div class="nomal">
91
+		            <label>공급업체</label>
92
+		            <div class="history">
93
+		              <div class="fnSpplyNm history_info">A공급업체명</div>
94
+		            </div>
95
+		            <label class="sub_info">납품장소</label>
96
+		            <div class="history">
97
+		              <div class="fnWhsNm">A매장내</div>
98
+		            </div>
99
+		          </div>
100
+		        </div>
101
+		        <div class="left">
102
+		          <div class="nomal">
103
+		            <label>품목 </label>
104
+		            <div class="history">
105
+		              <div class="fnItemNm">품목명(EA)</div> 
106
+		            </div>
107
+		          </div>
108
+		        </div>
109
+		        <div class="left">
110
+		          <div class="nomal">
111
+		            <label>발주수량</label>
112
+		            <div class="history">
113
+		              <div class="fnPodrQty history_info">10</div>
114
+		            </div>
115
+		            <label class="sub_info">납품수량</label>
116
+		            <div class="history">
117
+		              <div class="fnDlvQty">10</div>
118
+		            </div>
119
+		          </div>
120
+		        </div>
121
+		      </li>
122
+	      </div>
123
+	    </div>
124
+    </form>
121 125
   </div>
122 126
 </section>

+ 115 - 110
src/main/webapp/mobile/app/mpomng/MPOMNG05010.html

@@ -1,117 +1,122 @@
1
-<section>
2
-  <div id="ITP_AJAX_MPOMNG05010_VIEW_CONTAINER">
3
-    <div class="content">
4
-      <div class="line">
5
-        <label>납품예정일</label>
6
-        <div class="line_right">
7
-          <input id="ITP_FORM_MPOMNG05010_VIEW" class=" date2" type="date" placeholder="">
8
-        </div>
9
-      </div>
10
-      <div class="line">
11
-        <label>납품서번호</label>
12
-		<div class="search_wrap">
1
+<section id="ITP_MOBILE_MPOMNG05010">  
2
+  <div id="ITP_AJAX_MPOMNG05010_DETAIL_CONTAINER">
3
+   <form id="ITP_FORM_MPOMNG05010_DETAIL" class="form-horizontal" onsubmit="return false;">
4
+	  	<input type="hidden" id="ITP_FORM_MPOMNG05010_DETAIL_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	      <div class="line">
7
+	        <label>납품예정일</label>
13 8
 	        <div class="line_right">
14
-	          <select name="" id="ITP_FORM_MPOMNG05010_VIEW">
15
-	          </select>
9
+	          <input id="ITP_FORM_MPOMNG05010_DETAIL_DLV_SCH_DT" name="dlvSchDt" class=" date2" type="date" placeholder="">
16 10
 	        </div>
17
-        </div>
18
-      </div>
19
-      <div class="line">
20
-        <label>공급업체</label>
21
-        <div class="search_wrap">
22
-	        <div class="float_left">
23
-	          <input id="ITP_FORM_MPOMNG05010_VIEW" type="text" placeholder="A공급업체명">
11
+	      </div>
12
+	      <div class="line">
13
+	        <label>납품서번호</label>
14
+			<div class="search_wrap">
15
+		        <div class="line_right">
16
+   	          		<input id="ITP_FORM_MPOMNG05010_DETAIL_DLV_STTMT_NO" name="dlvSttmtNo" class="date2" type="date" placeholder="">
17
+		        </div>
24 18
 	        </div>
25
-	        <div class="float_left_btn">
26
-	          <button id="ITP_BTN_MPOMNG05010"><img src="../img/search.png" alt=""></button>
27
-	          <button id="ITP_BTN_MPOMNG05010"><img src="../img/delete.png" alt=""></button>
19
+	      </div>
20
+	      <div class="line">
21
+	        <label>공급업체</label>
22
+	        <div class="search_wrap">
23
+		        <div class="float_left">
24
+		          <input id="ITP_FORM_MPOMNG05010_DETAIL_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
25
+		        </div>
26
+		        <div class="float_left_btn">
27
+		          <button id="ITP_BTN_MPOMNG05010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG05010_SPPLY_NM"><img src="../img/search.png" alt=""></button>
28
+		          <button id="ITP_BTN_MPOMNG05010_DETAIL_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
29
+		        </div>
30
+	   		</div> 
31
+	      </div>
32
+	      <div class="line">
33
+	        <label>납품장소</label>
34
+	         	<div class="search_wrap">
35
+		        <div class="float_left">
36
+		          <input id="ITP_FORM_MPOMNG05010_DETAIL_WHS_NM" type="text" placeholder="A매장명">
37
+		        </div>
38
+		        <div class="float_left_btn">
39
+           		  <button id="ITP_BTN_MPOMNG05010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG05010_WHS_AREA"><img src="../img/search.png" alt=""></button>
40
+           		  <button id="ITP_BTN_MPOMNG05010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
41
+		        </div>
42
+		     </div>   
43
+	      </div>
44
+	      <div class="line">
45
+	        <label>품목명</label>
46
+	       	<div class="search_wrap">
47
+		        <div class="float_left">
48
+		          <input id="ITP_FORM_MPOMNG05010_DETAIL_ITEM_NM" style="width: 262px;" name="itemNm" type="text" placeholder="A매장명">
49
+		        </div>
28 50
 	        </div>
29
-	       </div> 
30
-      </div>
31
-      <div class="line">
32
-        <label>납품장소</label>
33
-  		<div class="search_wrap">
34
-	        <div class="float_left">
35
-	          <input id="ITP_FORM_MPOMNG05010_VIEW" type="text" placeholder="A매장명">
51
+	      </div>
52
+	      <div class="line" style="height:50px;">
53
+	        <div class="search">
54
+	          <button id="ITP_BTN_MPOMNG05010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
36 55
 	        </div>
37
-	        <div class="float_left_btn">
38
-	          <button id="ITP_BTN_MPOMNG05010"><img src="../img/search.png" alt=""></button>
39
-	          <button id="ITP_BTN_MPOMNG05010"><img src="../img/delete.png" alt=""></button>
40
-	        </div>
41
-	     </div>   
42
-      </div>
43
-      <div class="line">
44
-        <label>품목명</label>
45
-       	<div class="search_wrap">
46
-	        <div class="float_left">
47
-	          <input id="ITP_FORM_MPOMNG05010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
48
-	        </div>
49
-        </div>
50
-      </div>
51
-      <div class="line" style="height:50px;">
52
-        <div class="search">
53
-          <button id="ITP_BTN_MPOMNG05010" class="btn-primary btn-sm ADB">검색</button>
54
-        </div>
55
-      </div>
56
-      <div class="table_header">
57
-        <h1>> 납품서 내역</h1>
58
-      </div>
59
-    </div>
60
-    <div class="scroll_area row-4">
61
-      <li class="history_list2">
62
-        <div class="left">
63
-          <div class="nomal">
64
-            <label>납품번호 </label>
65
-            <div class="history">
66
-              <div class="fn">202210010000001-0100</div> 
67
-            </div>
68
-          </div>
69
-        </div>
70
-        <div class="left">
71
-          <div class="nomal">
72
-            <label class="history_label">납품예정일</label>
73
-            <div class="history">
74
-              <div class="fn history_info">2022.10.03</div>
75
-            </div>
76
-          </div>
77
-        </div>
78
-        <div class="left">
79
-          <div class="nomal">
80
-            <label>공급업체</label>
81
-            <div class="history">
82
-              <div class="fn history_info">A공급업체명</div>
83
-            </div>
84
-            <label class="sub_info">납품장소</label>
85
-            <div class="history">
86
-              <div class="fn">A매장내</div>
87
-            </div>
88
-          </div>
89
-        </div>
90
-        <div class="left">
91
-          <div class="nomal">
92
-            <label>품목 </label>
93
-            <div class="history">
94
-              <div class="fn">품목명(EA)</div> 
95
-            </div>
96
-          </div>
97
-        </div>
98
-        <div class="left">
99
-          <div class="nomal">
100
-            <label>납품수량</label>
101
-            <div class="history">
102
-              <div class="fn history_info">10</div>
103
-            </div>
104
-            <label class="sub_info">입고수량</label>
105
-            <div class="history">
106
-              <input id="ITP_FORM_MPOMNG05010__VIEW" type="text" placeholder="10">
107
-            </div>
108
-          </div>
109
-        </div>
110
-      </li>
111
-    </div>
112
-    <div class="button_bar">
113
-      <button id="ITP_BTN_MPOMNG05010" class="btn_col_6 btn-primary INPS">입고처리</button>
114
-      <button id="ITP_BTN_MPOMNG05010" class="btn_col_3 btn-gray CLB">취소</button>
115
-    </div>
56
+	      </div>
57
+	      <div class="table_header">
58
+	        <h1>> 납품서 내역</h1>
59
+	      </div>
60
+	    </div>
61
+	    <div id="ITP_LIST_MPOMNG05010_ITEM_AREA" class="scroll_area row-4">
62
+ 		  <ul id="ITP_LIST_MPOMNG05010_DETAIL_ROWS" class="panel-group"></ul>
63
+          <div id="ITP_LIST_MPOMNG05010_DETAIL_ROWCOPY" style="display:block;">
64
+		      <li class="history_list2">
65
+		        <div class="left">
66
+		          <div class="nomal">
67
+		            <label>납품번호 </label>
68
+		            <div class="history">
69
+		              <div class="fnDlvSttmtNo">202210010000001-0100</div> 
70
+		            </div>
71
+		          </div>
72
+		        </div>
73
+		        <div class="left">
74
+		          <div class="nomal">
75
+		            <label class="history_label">납품예정일</label>
76
+		            <div class="history">
77
+		              <div class="fnDlvSchDt history_info">2022.10.03</div>
78
+		            </div>
79
+		          </div>
80
+		        </div>
81
+		        <div class="left">
82
+		          <div class="nomal">
83
+		            <label>공급업체</label>
84
+		            <div class="history">
85
+		              <div class="fnSpplyNm history_info">A공급업체명</div>
86
+		            </div>
87
+		            <label class="sub_info">납품장소</label>
88
+		            <div class="history">
89
+		              <div class="fnWhsNm">A매장내</div>
90
+		            </div>
91
+		          </div>
92
+		        </div>
93
+		        <div class="left">
94
+		          <div class="nomal">
95
+		            <label>품목 </label>
96
+		            <div class="history">
97
+		              <div class="fnItemNm">품목명(EA)</div> 
98
+		            </div>
99
+		          </div>
100
+		        </div>
101
+		        <div class="left">
102
+		          <div class="nomal">
103
+		            <label>납품수량</label>
104
+		            <div class="history">
105
+		              <div class="fnDlvQty history_info">10</div>
106
+		            </div>
107
+		            <label class="sub_info">입고수량</label>
108
+		            <div class="history">
109
+		              <input id="ITP_FORM_MPOMNG05010__DETAIL_WHS_QTY" name="whsQty" type="text" placeholder="10">
110
+		            </div>
111
+		          </div>
112
+		        </div>
113
+		      </li>
114
+	      </div>
115
+	    </div>
116
+	    <div class="button_bar">
117
+	      <button id="ITP_BTN_MPOMNG05010" class="btn_col_6 btn-primary INPS">입고처리</button>
118
+	      <button id="ITP_BTN_MPOMNG05010_DETAIL_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
119
+	    </div>
120
+    </form>
116 121
   </div>
117 122
 </section>

+ 116 - 112
src/main/webapp/mobile/app/mpomng/MPOMNG06010.html

@@ -1,116 +1,120 @@
1
-s<section>
2
-  <div id="ITP_AJAX_MPOMNG06010_VIEW_CONTAINER">
3
-    <div class="content">
4
-      <div class="line">
5
-        <select class="label" name="" id="ITP_FORM_MPOMNG06010_VIEW">
6
-          <option value="">입고일자</option>
7
-        </select>
8
-        <div class="date_to">
9
-          <input id="ITP_FORM_MPOMNG06010_VIEW" class="year" type="date">
10
-          <div class="at">~</div>
11
-          <input id="ITP_FORM_MPOMNG06010_VIEW" class="year" type="date">
12
-        </div>
13
-      </div>
14
-      <div class="line">
15
-        <label>발주번호</label>
16
-        <div class="search_wrap">
17
-	        <div class="line_right">
18
-	          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text">
1
+<section id="ITP_MOBILE_MPOMNG06010">
2
+  <div id="ITP_AJAX_MPOMNG06010_DETAIL_CONTAINER">
3
+  	<form id="ITP_FORM_MPOMNG06010_DETAIL" class="form-horizontal" onsubmit="return false;">
4
+	  	<input type="hidden" id="ITP_FORM_MPOMNG06010_DETAIL_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	      <div class="line">
7
+	        <select class="label" name="whsDt" id="ITP_FORM_MPOMNG06010_DETAIL_WHS_DT"></select>
8
+	        <div class="date_to">
9
+	          <input id="ITP_FORM_MPOMNG06010_DETAIL" name="" class="year" type="date">
10
+	          <div class="at">~</div>
11
+	          <input id="ITP_FORM_MPOMNG06010_DETAIL" name="" class="year" type="date">
19 12
 	        </div>
20
-	    </div>    
21
-      </div>
22
-      <div class="line">
23
-        <label>공급업체</label>
24
-        <div class="search_wrap">
25
-	        <div class="float_left">
26
-	          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text" placeholder="A공급업체명">
13
+	      </div>
14
+	      <div class="line">
15
+	        <label>발주번호</label>
16
+	        <div class="search_wrap">
17
+		        <div class="line_right">
18
+		          <input id="ITP_FORM_MPOMNG06010_DETAIL_PODR_NO" name="podrNo" type="text">
19
+		        </div>
20
+		    </div>    
21
+	      </div>
22
+	      <div class="line">
23
+	        <label>공급업체</label>
24
+	        <div class="search_wrap">
25
+		        <div class="float_left">
26
+		          <input id="ITP_FORM_MPOMNG06010_DETAIL_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
27
+		        </div>
28
+		        <div class="float_left_btn">
29
+		          <button id="ITP_BTN_MPOMNG06010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG06010_SPPLY_NM"><img src="../img/search.png" alt=""></button>
30
+		          <button id="ITP_BTN_MPOMNG06010_DETAIL_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
31
+		        </div>
32
+	   		</div> 
33
+	      </div>
34
+	      <div class="line">
35
+	        <label>납품장소</label>
36
+	         	<div class="search_wrap">
37
+		        <div class="float_left">
38
+		          <input id="ITP_FORM_MPOMNG06010_DETAIL_WHS_NM" type="text" placeholder="A매장명">
39
+		        </div>
40
+		        <div class="float_left_btn">
41
+           		  <button id="ITP_BTN_MPOMNG06010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG06010_WHS_AREA"><img src="../img/search.png" alt=""></button>
42
+           		  <button id="ITP_BTN_MPOMNG06010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
43
+		        </div>
44
+		     </div>   
45
+	      </div>
46
+	      <div class="line">
47
+	        <label>품목명</label>
48
+	        <div class="search_wrap">
49
+		        <div class="float_left">
50
+		          <input id="ITP_FORM_MPOMNG06010_DETAIL_ITEM_NM" style="width: 262px;" name="itemNm" type="text" placeholder="A매장명">
51
+		        </div>
52
+		    </div>    
53
+	      </div>
54
+	      <div class="line" style="height:50px;">
55
+	        <div class="search">
56
+	          <button id="ITP_BTN_MPOMNG06010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
27 57
 	        </div>
28
-	        <div class="float_left_btn">
29
-	          <button id="ITP_BTN_MPOMNG06010"><img src="../img/search.png" alt=""></button>
30
-	          <button id="ITP_BTN_MPOMNG06010"><img src="../img/delete.png" alt=""></button>
31
-	        </div>
32
-	       </div> 
33
-      </div>
34
-      <div class="line">
35
-        <label>납품장소</label>
36
-  		<div class="search_wrap">
37
-	        <div class="float_left">
38
-	          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text" placeholder="A매장명">
39
-	        </div>
40
-	        <div class="float_left_btn">
41
-	          <button id="ITP_BTN_MPOMNG06010"><img src="../img/search.png" alt=""></button>
42
-	          <button id="ITP_BTN_MPOMNG06010"><img src="../img/delete.png" alt=""></button>
43
-	        </div>
44
-	     </div>   
45
-      </div>
46
-      <div class="line">
47
-        <label>품목명</label>
48
-        <div class="search_wrap">
49
-	        <div class="float_left">
50
-	          <input id="ITP_FORM_MPOMNG06010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
51
-	        </div>
52
-	    </div>    
53
-      </div>
54
-      <div class="line" style="height:50px;">
55
-        <div class="search">
56
-          <button id="ITP_BTN_MPOMNG06010" class="btn-primary btn-sm ADB">검색</button>
57
-        </div>
58
-      </div>
59
-      <div class="table_header">
60
-        <h1>> 입고 내역</h1>
61
-      </div>
62
-    </div>
63
-    <div class="scroll_area row-4">
64
-      <li class="history_list2">
65
-        <div class="left">
66
-          <div class="nomal">
67
-            <label>납품번호 </label>
68
-            <div class="history">
69
-              <div class="fn">202210010000001-0100</div> 
70
-            </div>
71
-          </div>
72
-        </div>
73
-        <div class="left">
74
-          <div class="nomal">
75
-            <label class="history_label">납품예정일</label>
76
-            <div class="history">
77
-              <div class="fn history_info">2022.10.03</div>
78
-            </div>
79
-          </div>
80
-        </div>
81
-        <div class="left">
82
-          <div class="nomal">
83
-            <label>공급업체</label>
84
-            <div class="history">
85
-              <div class="fn history_info">A공급업체명</div>
86
-            </div>
87
-            <label class="sub_info">납품장소</label>
88
-            <div class="history">
89
-              <div class="fn">A매장내</div>
90
-            </div>
91
-          </div>
92
-        </div>
93
-        <div class="left">
94
-          <div class="nomal">
95
-            <label>품목 </label>
96
-            <div class="history">
97
-              <div class="fn">품목명(EA)</div> 
98
-            </div>
99
-          </div>
100
-        </div>
101
-        <div class="left">
102
-          <div class="nomal">
103
-            <label>발주수량</label>
104
-            <div class="history">
105
-              <div class="fn history_info">10</div>
106
-            </div>
107
-            <label class="sub_info">입고수량</label>
108
-            <div class="history">
109
-              <div class="fn">10</div>
110
-            </div>
111
-          </div>
112
-        </div>
113
-      </li>
114
-    </div>
58
+	      </div>
59
+	      <div class="table_header">
60
+	        <h1>> 입고 내역</h1>
61
+	      </div>
62
+	    </div>
63
+	    <div id="ITP_LIST_MPOMNG06010_ITEM_AREA" class="scroll_area row-4">
64
+    	  <ul id="ITP_LIST_MPOMNG06010_DETAIL_ROWS" class="panel-group"></ul>
65
+          <div id="ITP_LIST_MPOMNG06010_DETAIL_ROWCOPY" style="display:block;">
66
+		      <li class="history_list2">
67
+		        <div class="left">
68
+		          <div class="nomal">
69
+		            <label>납품번호 </label>
70
+		            <div class="history">
71
+		              <div class="fnDlvSttmtNo">202210010000001-0100</div> 
72
+		            </div>
73
+		          </div>
74
+		        </div>
75
+		        <div class="left">
76
+		          <div class="nomal">
77
+		            <label class="history_label">납품예정일</label>
78
+		            <div class="history">
79
+		              <div class="fnDlvSchDt history_info">2022.10.03</div>
80
+		            </div>
81
+		          </div>
82
+		        </div>
83
+		        <div class="left">
84
+		          <div class="nomal">
85
+		            <label>공급업체</label>
86
+		            <div class="history">
87
+		              <div class="fnSpplyNm history_info">A공급업체명</div>
88
+		            </div>
89
+		            <label class="sub_info">납품장소</label>
90
+		            <div class="history">
91
+		              <div class="fnWhsNm">A매장내</div>
92
+		            </div>
93
+		          </div>
94
+		        </div>
95
+		        <div class="left">
96
+		          <div class="nomal">
97
+		            <label>품목 </label>
98
+		            <div class="history">
99
+		              <div class="fnItemNm">품목명(EA)</div> 
100
+		            </div>
101
+		          </div>
102
+		        </div>
103
+		        <div class="left">
104
+		          <div class="nomal">
105
+		            <label>발주수량</label>
106
+		            <div class="history">
107
+		              <div class="fnPodrQty history_info">10</div>
108
+		            </div>
109
+		            <label class="sub_info">입고수량</label>
110
+		            <div class="history">
111
+		              <div class="fnDlvQty">10</div>
112
+		            </div>
113
+		          </div>
114
+		        </div>
115
+		      </li>
116
+	      </div>
117
+	    </div>
118
+    </form>
115 119
   </div>
116 120
 </section>

+ 2 - 2
src/main/webapp/mobile/app/mrtnmng/MRTNMNG02010.html

@@ -1,6 +1,6 @@
1
-<section>
1
+<section id="ITP_MOBILE_MRTNMNG02010">
2 2
 	<div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: none;">
3
-		<form id="ITP_FORM_MPOMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
3
+		<form id="ITP_FORM_MRTNMNG02010_DETAIL" class="form-horizontal" onsubmit="return false;">
4 4
 			<input type="hidden" id="ITP_FORM_MRTNMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
5 5
 			<div class="content">
6 6
 				<div class="line">

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

@@ -216,7 +216,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
216 216
 .content .line .line_right input.left {text-align: left;}
217 217
 .content .line .line_right input.mg0 {margin-right:10px;}
218 218
 .content .line .line_right input.date{width:140px; margin-right:132px; height:35px;} 
219
-.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
219
+.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:83px;}
220 220
 .content .line input.date {width: 40%; margin: 10px; height: 40px; float: right; margin-right: 3%;}
221 221
 .content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
222 222
 .content .line div.date_to {float: right; margin-right:10px;}