Explorar o código

모바일 수정

whakdo963 %!s(int64=2) %!d(string=hai) anos
pai
achega
3c9dbf838e

+ 84 - 92
src/main/webapp/mobile/app/mordmng/MORDMNG01010.html

@@ -1,5 +1,5 @@
1
 <section id="ITP_MOBILE_MORDMNG01010">
1
 <section id="ITP_MOBILE_MORDMNG01010">
2
-	<div id="ITP_AJAX_MORDMNG01010_LIST_CONTAINER" style="display: block;">
2
+	<div id="ITP_AJAX_MORDMNG01010_LIST_CONTAINER" style="display: none;">
3
 	  <form id="ITP_FORM_MORDMNG01010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
3
 	  <form id="ITP_FORM_MORDMNG01010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
4
 		<input type="hidden" id="ITP_FORM_MORDMNG01010_LIST_VIEW_CD" name="viewCd" value="C">
4
 		<input type="hidden" id="ITP_FORM_MORDMNG01010_LIST_VIEW_CD" name="viewCd" value="C">
5
 		  <input type="hidden" id="ITP_FORM_MORDMNG01010_SEARCH_BRAND_ID" name="sbrandId" value="">
5
 		  <input type="hidden" id="ITP_FORM_MORDMNG01010_SEARCH_BRAND_ID" name="sbrandId" value="">
@@ -111,112 +111,104 @@
111
 		<form id="ITP_FORM_MORDMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
111
 		<form id="ITP_FORM_MORDMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
112
 		<input type="hidden" id="ITP_FORM_MORDMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
112
 		<input type="hidden" id="ITP_FORM_MORDMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
113
 		  <div class="content">
113
 		  <div class="content">
114
-			<div class="line">
115
-			  <label>브랜드명</label>
116
-			  <div class="line_right">
117
-				<div class="fnBrandNm"></div>
118
-			  </div>      
119
-			</div>
120
-			<div class="line">
121
-			  <label>발주번호</label>
122
-			  <div class="line_right">
123
-				<div class="fnPchPodrUnqNo"></div>
124
-			  </div>      
125
-			</div>
126
-			<div class="line">
127
-			  <label>발주일자</label>
128
-			  <div class="line_right">
129
-				<div class="fnPodrDt"></div>
130
-			  </div>      
131
-			</div>
132
-			<div class="line">
133
-			  <label>발주상태</label>
134
-			  <div class="line_right">
135
-				<div class="fnPchOdrStNm"></div>
136
-			  </div>      
137
-			</div>
138
-			<div class="line">
139
-			  <label>납품장소</label>
140
-			  <div class="line_right">
141
-				<div class="fnWhsNm"></div>
142
-			  </div>
143
-			</div>
144
-			  <div class="line">
145
-				  <label>납기요청일</label>
114
+			  <div class="content_fix">
115
+				<div class="line">
116
+				  <label>브랜드명</label>
117
+				  <div class="line_right">
118
+					<div class="fnBrandNm"></div>
119
+				  </div>      
120
+				</div>
121
+				<div class="line">
122
+				  <label>발주번호</label>
123
+				  <div class="line_right">
124
+					<div class="fnPchPodrUnqNo"></div>
125
+				  </div>      
126
+				</div>
127
+				<div class="line">
128
+				  <label>발주일자</label>
146
 				  <div class="line_right">
129
 				  <div class="line_right">
147
-					  <div class="fnDlvReqDt"></div>
130
+					<div class="fnPodrDt"></div>
131
+				  </div>      
132
+				</div>
133
+				<div class="line">
134
+				  <label>발주상태</label>
135
+				  <div class="line_right">
136
+					<div class="fnPchOdrStNm"></div>
137
+				  </div>      
138
+				</div>
139
+				<div class="line">
140
+				  <label>납품장소</label>
141
+				  <div class="line_right">
142
+					<div class="fnWhsNm"></div>
148
 				  </div>
143
 				  </div>
149
-			  </div>
150
-			<div class="line">
151
-			  <label>발주금액</label>
152
-			  <div class="line_right">
153
-				<div class="fnPodrTotalAmt"></div>
154
-			  </div>      
155
-			</div>
156
-			<div class="line">
157
-			  <label>발주담당자</label>
158
-			  <div class="line_right">
159
-				<div class="fnPodrMgrNm"></div>
160
-			  </div>      
161
-			</div>
162
-			<div class="table_header">
163
-			  <h1>> 수주 상세 내역</h1>
144
+				</div>
145
+				  <div class="line">
146
+					  <label>납기요청일</label>
147
+					  <div class="line_right">
148
+						  <div class="fnDlvReqDt"></div>
149
+					  </div>
150
+				  </div>
151
+				<div class="line">
152
+				  <label>발주금액</label>
153
+				  <div class="line_right">
154
+					<div class="fnPodrTotalAmt"></div>
155
+				  </div>      
156
+				</div>
157
+				<div class="line">
158
+				  <label>발주담당자</label>
159
+				  <div class="line_right">
160
+					<div class="fnPodrMgrNm"></div>
161
+				  </div>      
162
+				</div>
163
+				<div class="table_header">
164
+				  <h1><수주 상세 내역></h1>
165
+				</div>
164
 			</div>
166
 			</div>
165
 		  </div>
167
 		  </div>
166
 			<div id="ITP_LIST_MORDMNG01010_VIEW_ITEM_AREA" class="scroll_area row-5">
168
 			<div id="ITP_LIST_MORDMNG01010_VIEW_ITEM_AREA" class="scroll_area row-5">
167
-			  <ul id="ITP_LIST_MORDMNG01010_VIEW_ITEM_ROWS" class="panel-group"></ul>
169
+			  <ul id="ITP_LIST_MORDMNG01010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
168
 			  <div id="ITP_LIST_MORDMNG01010_VIEW_ITEM_ROWCOPY" style="display: none;">
170
 			  <div id="ITP_LIST_MORDMNG01010_VIEW_ITEM_ROWCOPY" style="display: none;">
169
-				<li class="history_list2 list-row">
170
-				  <div>
171
+				<li class="history_list7">
171
 					<div class="left">
172
 					<div class="left">
172
 					  <div class="nomal">
173
 					  <div class="nomal">
173
-						<label>순번 &nbsp;:</label>
174
-						<div class="space2">
175
-						  <div class="fnPchPodrDtlNo"></div>
176
-						</div>
177
-						<label class="col_0">품목아이디&nbsp;:</label>
178
-						<div class="space2">
179
-						  <div class="fnItemId"></div>
180
-						</div>
174
+						<label class="col_3">순번 </label>
175
+						<span>:</span>
176
+					    <div class="fnPchPodrDtlNo"></div>
177
+						<label class="col_0">품목아이디</label>
178
+						<span>:</span>
179
+					    <div class="col_9 fnItemId"></div>
181
 					  </div>
180
 					  </div>
182
 					</div>
181
 					</div>
183
 					<div class="left">
182
 					<div class="left">
184
 					  <div class="nomal">
183
 					  <div class="nomal">
185
-						<label>품목명 &nbsp;:</label>
186
-						<div class="space2">
187
-						  <div class="fnItemNm"></div>
188
-						</div>
189
-						<label>가격단위&nbsp;:</label>
190
-						<div class="space2">
191
-						  <div class="fnUPodrQty">1</div>
192
-						</div>
184
+						<label class="col_3">품목명</label>
185
+						<span>:</span>
186
+					    <div class="fnItemNm"></div>
187
+						<label>가격단위</label>
188
+						<span>:</span>
189
+					    <div class="fnUPodrQty"></div>
193
 					  </div>
190
 					  </div>
194
 					</div>
191
 					</div>
195
 					<div class="left">
192
 					<div class="left">
196
 					  <div class="nomal">
193
 					  <div class="nomal">
197
-						<label>단가 &nbsp;:</label>
198
-						<div>
199
-						  <div class="fnUnitAmt"></div>
200
-						</div>
201
-						<label>단위&nbsp;:</label>
202
-						<div>
203
-						  <div class="fnUnit"></div>
204
-						</div>
194
+						<label class="col_3">단가</label>
195
+						<span>:</span>
196
+					    <div class="fnUnitAmt">원</div>
197
+						<label>단위</label>
198
+						<span>:</span>
199
+					    <div class="fnUnit"></div>
205
 					  </div>
200
 					  </div>
206
 					</div>
201
 					</div>
207
 					<div class="left">
202
 					<div class="left">
208
 					  <div class="nomal">
203
 					  <div class="nomal">
209
-						<label>발주수량 &nbsp;:</label>
210
-						<div>
211
-						  <div class="fnPodrQty">10</div>
212
-						</div>
213
-						<label>발주금액&nbsp;:</label>
214
-						<div>
215
-						  <div class="fnPodrAmt">500,000</div>
216
-						</div>
204
+						<label class="col_3">발주수량</label>
205
+						<span>:</span>
206
+					    <div class="fnPodrQty"></div>
207
+						<label>발주금액</label>
208
+						<span>:</span>
209
+					    <div class="col_9 fnPodrAmt"></div>
217
 					  </div>
210
 					  </div>
218
 					</div>
211
 					</div>
219
-				  </div>
220
 				</li>
212
 				</li>
221
 			</div>
213
 			</div>
222
 		  </div>
214
 		  </div>
@@ -230,7 +222,7 @@
230
 		<div class="pop">
222
 		<div class="pop">
231
 			<div class="header">
223
 			<div class="header">
232
 				<div class="header_left">
224
 				<div class="header_left">
233
-					<label>> 납품장소</label>
225
+					<label>납품장소</label>
234
 				</div>
226
 				</div>
235
 				<div class="header_right">
227
 				<div class="header_right">
236
 					<button type="button" id="ITP_BTN_MORDMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
228
 					<button type="button" id="ITP_BTN_MORDMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
@@ -244,16 +236,16 @@
244
 					<button id="ITP_BTN_MORDMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
236
 					<button id="ITP_BTN_MORDMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
245
 				</form>
237
 				</form>
246
 			</div>
238
 			</div>
247
-			<div class="search_bar">
248
-				<button id="ITP_BTN_MORDMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
239
+			<div class="select_btn">
240
+				<button id="ITP_BTN_MORDMNG01010_POP_WHS_NM" class="btn_red">납품장소▼</button>
249
 			</div>
241
 			</div>
250
 			<div id="ITP_LIST_MORDMNG01010_POP_WHS_AREA" class="popup_scroll">
242
 			<div id="ITP_LIST_MORDMNG01010_POP_WHS_AREA" class="popup_scroll">
251
-				<ul id="ITP_LIST_MORDMNG01010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
252
-				<div id="ITP_LIST_MORDMNG01010_POP_WHS_ROWCOPY" style="display:none;">
253
-					<li class="list-row">
243
+				<ul id="ITP_LIST_MORDMNG01010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
244
+				<div id="ITP_LIST_MORDMNG01010_POP_WHS_ROWCOPY" style="display: none;">
245
+					<li class="row_2">
254
 						<div class="scroll_left">
246
 						<div class="scroll_left">
255
 							<div class="fnWhsNm">브랜드 창고 명A</div>
247
 							<div class="fnWhsNm">브랜드 창고 명A</div>
256
-							<div class="fnLocationNm">(상세위치내용)</div>
248
+							<div class="wichi fnLocationNm">(상세위치내용)</div>
257
 						</div>
249
 						</div>
258
 						<div class="scroll_right">
250
 						<div class="scroll_right">
259
 							<button id="ITP_BTN_MORDMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
251
 							<button id="ITP_BTN_MORDMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

+ 146 - 163
src/main/webapp/mobile/app/mordmng/MORDMNG02010.html

@@ -1,121 +1,106 @@
1
 <section id="ITP_MOBILE_MORDMNG02010">
1
 <section id="ITP_MOBILE_MORDMNG02010">
2
-	<div id="ITP_AJAX_MORDMNG02010_LIST_CONTAINER" style="display: block;">
2
+	<div id="ITP_AJAX_MORDMNG02010_LIST_CONTAINER" style="display: none;">
3
 		<form id="ITP_FORM_MORDMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
3
 		<form id="ITP_FORM_MORDMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
4
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_LIST_VIEW_CD" name="viewCd" value="C">
4
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_LIST_VIEW_CD" name="viewCd" value="C">
5
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_BRAND_ID" name="sbrandId" value="">
5
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_BRAND_ID" name="sbrandId" value="">
6
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_STORE_ID" name="sstoreId" value="">
6
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_STORE_ID" name="sstoreId" value="">
7
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_SPPLY_ID" name="sspplyId" value="">
7
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_SPPLY_ID" name="sspplyId" value="">
8
 		  <div class="content">
8
 		  <div class="content">
9
-		   <div class="line">
10
-			  <label>납품장소</label>
11
-			   <div class="search_wrap">
9
+		    <div class="content_fix">
10
+		       <div class="line header">
11
+				 <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">납품서생성</div>
12
+	      	   </div>
13
+			   <div class="line">
14
+				  <label>납품장소</label>
12
 				   <div class="float_left">
15
 				   <div class="float_left">
13
 					   <input id="ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A매장명">
16
 					   <input id="ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A매장명">
14
 					   <input type="hidden" id="ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_ID" class="form-control itp_input" name="swhsId"/>
17
 					   <input type="hidden" id="ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_ID" class="form-control itp_input" name="swhsId"/>
18
+	       			   <div class="itp_input_btn">
19
+			   			  <button type="button" id="ITP_BTN_MORDMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
20
+  			 			   </div>	
15
 				   </div>
21
 				   </div>
16
-				   <div class="float_left_btn">
17
-					   <button type="button" id="ITP_BTN_MORDMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
22
+				   <div class="float_right_btn">
18
 					   <button type="button" id="ITP_BTN_MORDMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
23
 					   <button type="button" id="ITP_BTN_MORDMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
19
 				   </div>
24
 				   </div>
20
-			   </div>
21
-			</div>
22
-			<div class="line">
23
-			  <label>납품요청일</label>
24
-				<!--<div class="date_to input-group date">
25
-					<input type="text" id="ITP_FORM_MORDMNG02010_LIST_SEARCH_FROM_DT" class="itp_input" name="fromDt" value="" readonly>
26
-					<span class="at">~</span>
27
-					<input type="text" id="ITP_FORM_MORDMNG02010_LIST_SEARCH_TO_DT" class="itp_input" name="toDt" value="" readonly>
28
-				</div>-->
29
-				<div class="date_to">
30
-					<input type="text" id="ITP_FORM_MORDMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
31
-					<div class="at">~</div>
32
-					<input type="text" id="ITP_FORM_MORDMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
33
 				</div>
25
 				</div>
34
-			</div>
35
-			<div class="line">
36
-				<label>발주번호/품목명</label>
37
-			  <div class="search_wrap">
38
-				<input id="ITP_FORM_MORDMNG02010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="검색어입력">
39
-			  </div>
40
-			</div>
41
-			<div class="line" style="height:45px;">
42
-			  <div class="search">
43
-				<button id="ITP_BTN_MORDMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
44
-			  </div>
45
-			</div>
46
-			<div class="table_header">
47
-			  <h1>> 수주 내역</h1>
26
+				<div class="line">
27
+				  <label>납품요청일</label>
28
+					<div class="date_to">
29
+						<input type="text" id="ITP_FORM_MORDMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
30
+						<div class="at">~</div>
31
+						<input type="text" id="ITP_FORM_MORDMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
32
+					</div>
33
+				</div>
34
+				<div class="line">
35
+					<label>검색명</label>
36
+				  <div class="float_left name">
37
+					<input id="ITP_FORM_MORDMNG02010_LIST_ITEM_NM" name="sitemNm" type="text" placeholder="발주번호/품목명">
38
+				  </div>
39
+				</div>
40
+				<div class="line">
41
+				  <div class="search">
42
+					<button id="ITP_BTN_MORDMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
43
+				  </div>
44
+				</div>
45
+				<div class="table_header">
46
+				  <h1><수주 내역></h1>
47
+				</div>
48
 			</div>
48
 			</div>
49
 		  </div>
49
 		  </div>
50
 		   <div id="ITP_LIST_MORDMNG02010_LIST_ITEM_AREA" class="scroll_area row-2">
50
 		   <div id="ITP_LIST_MORDMNG02010_LIST_ITEM_AREA" class="scroll_area row-2">
51
-			  <ul id="ITP_LIST_MORDMNG02010_LIST_ITEM_ROWS" class="panel-group"></ul>
51
+			  <ul id="ITP_LIST_MORDMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
52
 			  <div id="ITP_LIST_MORDMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
52
 			  <div id="ITP_LIST_MORDMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
53
-				<li class="history_list3 list-row">
54
-			 	  <div class="scroll_btn">
55
-				  	<input type="checkbox" id="ITP_LIST_MORDMNG02010_LIST_ITEM_CHECKBOX">
56
-				  </div>
57
-				  <div class="btn_check">
53
+				<li class="history_list3">
58
 					<div class="left">
54
 					<div class="left">
59
 					  <div class="nomal">
55
 					  <div class="nomal">
60
-						<label class="col_0">브랜드명 &nbsp;:</label>
61
-						<div>
62
-						  <div class="fnBrandNm space1"></div>
63
-						</div>
64
-						<label class="col_0">발주번호&nbsp;:</label>
65
-						<div>
66
-						  <div class="fnPchPodrUnqNo"></div>
67
-						</div>
56
+						<label class="col_0">브랜드명</label>
57
+						<span>:</span>
58
+					    <div class=" fnBrandNm"></div>
59
+						<label class="col_0">발주번호</label>
60
+						<span>:</span>
61
+					    <div class="col_9 fnPchPodrUnqNo"></div>
68
 					  </div>
62
 					  </div>
69
 					</div>
63
 					</div>
70
 					<div class="left">
64
 					<div class="left">
71
 					  <div class="nomal">
65
 					  <div class="nomal">
72
-						<label class="col_0">발주항번 &nbsp;:</label>
73
-						<div>
74
-						  <div class="fnPchPodrDtlNo space1"></div>
75
-						</div>
76
-						<label class="col_6">납품요청일 &nbsp;:</label>
77
-						<div>
78
-						  <div class="fnDlvReqDt space1"></div>
79
-						</div>
66
+						<label class="col_0">발주항번</label>
67
+						<span>:</span>
68
+					    <div class="fnPchPodrDtlNo"></div>
69
+						<label class="col_6">납품요청일</label>
70
+						<span>:</span>
71
+					    <div class="fnDlvReqDt"></div>
80
 					  </div>
72
 					  </div>
81
 					</div>
73
 					</div>
82
 					<div class="left">
74
 					<div class="left">
83
 					  <div class="nomal">
75
 					  <div class="nomal">
84
-						<label class="col_0">납품장소&nbsp;:</label>
85
-						<div>
86
-						  <div class="fnWhsNm space1">A창고</div>
87
-						</div>
88
-						<label class="col_0">품목번호 &nbsp;:</label>
89
-						<div>
90
-						  <div class="fnItemId space1">asdf1324</div>
91
-						</div>
76
+						<label class="col_0">납품장소</label>
77
+						<span>:</span>
78
+					    <div class="fnWhsNm"></div>
79
+						<label class="col_0">품목번호</label>
80
+						<span>:</span>
81
+					    <div class="col_9 fnItemId"></div>
92
 					  </div>
82
 					  </div>
93
 					</div>
83
 					</div>
94
 					<div class="left">
84
 					<div class="left">
95
 					  <div class="nomal">
85
 					  <div class="nomal">
96
-						<label class="col_0">품목명 &nbsp;:</label>
97
-						<div>
98
-						  <div class="fnItemNm space1"></div>
99
-						</div>
100
-						<label class="col_0">발주수량&nbsp;:</label>
101
-						<div>
102
-						  <div class="fnPodrQty"></div>
103
-						</div>
86
+						<label class="col_3">품목명</label>
87
+						<span>:</span>
88
+					    <div class="fnItemNm"></div>
89
+						<label class="col_0">발주수량</label>
90
+						<span>:</span>
91
+					    <div class="col_9 fnPodrQty"></div>
104
 					  </div>
92
 					  </div>
105
 					</div>
93
 					</div>
106
 					<div class="left">
94
 					<div class="left">
107
 					  <div class="nomal">
95
 					  <div class="nomal">
108
-						<label class="col_0">단가금액 &nbsp;:</label>
109
-						<div class="col_5">
110
-						  <div class="fnUnitAmt col_5">1,</div>
111
-						</div>
112
-						<label class="col_0">발주금액&nbsp;:</label>
113
-						<div>
114
-						  <div class="fnPodrAmt space0"></div>
115
-						</div>
96
+						<label class="col_0">단가금액</label>
97
+						<span>:</span>
98
+					    <div class="fnUnitAmt"></div>
99
+						<label class="col_0">발주금액</label>
100
+						<span>:</span>
101
+					    <div class="col_9 fnPodrAmt"></div>
116
 					  </div>
102
 					  </div>
117
 					</div>
103
 					</div>
118
-				  </div>
119
 				</li>
104
 				</li>
120
 			</div>
105
 			</div>
121
 			<div class="button_bar">
106
 			<div class="button_bar">
@@ -125,119 +110,117 @@
125
 		  </div>
110
 		  </div>
126
 	  </form>
111
 	  </form>
127
 	</div>
112
 	</div>
128
-	<div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: none;">
113
+	<div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: block;">
129
 		<form id="ITP_FORM_MORDMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
114
 		<form id="ITP_FORM_MORDMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
130
 		<input type="hidden" id="ITP_FORM_MORDMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
115
 		<input type="hidden" id="ITP_FORM_MORDMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
131
 		  <div class="content">
116
 		  <div class="content">
132
-			<div class="line">
133
-			  <label>브랜드명</label>
134
-			  <div class="line_right">
135
-				<div class="fnBrandNm"></div>
136
-			  </div>      
137
-			</div>
138
-			<div class="line">
139
-			  <label>발주번호</label>
140
-			  <div class="line_right">
141
-				<div class="fnPchPodrUnqNo"></div>
142
-			  </div>      
143
-			</div>
144
-			<div class="line">
145
-			  <label class="col_6">납품서생성일자</label>
146
-			  <div class="line_right">
147
-				<div class="fnDlvRegDt"></div>
148
-			  </div>      
149
-			</div>
150
-			<div class="line">
151
-			  <label>발주총금액</label>
152
-			  <div class="line_right">
153
-				<div class="fnPodrTotalAmt"></div>
154
-			  </div>      
155
-			</div>
156
-			<div class="line">
157
-			  <label>납품장소</label>
158
-			  <div class="line_right">
159
-				<div class="fnWhsNm">A창고</div>
160
-			  </div>      
161
-			</div>
162
-			<div class="line">
163
-			  <label class="col_6">납품장소연락처</label>
164
-			  <div class="line_right">
165
-				<div class="fnDeliTelNo"></div>
166
-			  </div>      
167
-			</div>
168
-			  <div class="line">
169
-				  <label class="col_6">납품일자</label>
117
+			  <div class="content_fix">
118
+				<div class="line">
119
+				  <label>브랜드명</label>
170
 				  <div class="line_right">
120
 				  <div class="line_right">
171
-					  <input id="ITP_FORM_MORDMNG02010_VIEW_DLV_SCH_DT" name="dlvSchDt" class="year" type="date">
121
+					<div class="fnBrandNm"></div>
122
+				  </div>      
123
+				</div>
124
+				<div class="line">
125
+				  <label>발주번호</label>
126
+				  <div class="line_right">
127
+					<div class="fnPchPodrUnqNo"></div>
128
+				  </div>      
129
+				</div>
130
+				<div class="line">
131
+				  <label class="col_6">납품서생성일자</label>
132
+				  <div class="line_right">
133
+					<div class="fnDlvRegDt"></div>
134
+				  </div>      
135
+				</div>
136
+				<div class="line">
137
+				  <label>발주총금액</label>
138
+				  <div class="line_right">
139
+					<div class="fnPodrTotalAmt">12,000,000</div>
140
+				  </div>      
141
+				</div>
142
+				<div class="line">
143
+				  <label>납품장소</label>
144
+				  <div class="line_right">
145
+					<div class="fnWhsNm">A창고</div>
146
+				  </div>      
147
+				</div>
148
+				<div class="line">
149
+				  <label class="col_6">납품장소연락처</label>
150
+				  <div class="line_right">
151
+					<div class="fnDeliTelNo">010-0202-20202</div>
152
+				  </div>      
153
+				</div>
154
+				  <div class="line">
155
+					  <label class="col_6">납품일자</label>
156
+					  <div class="line_right">
157
+						  <input id="ITP_FORM_MORDMNG02010_VIEW_DLV_SCH_DT" name="dlvSchDt" class="year" type="date">
158
+					  </div>
172
 				  </div>
159
 				  </div>
173
-			  </div>
174
-			<div class="line">
175
-			  <label>발주담당자</label>
176
-			  <div class="line_right">
177
-				<input id="ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_NM" name="dlvMgrNm" class="left" type="text" style="width:100px;margin-right: 5px;" placeholder="이름">
178
-				<input id="ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_TEL_NO" name="dlvMgrTelNo" class="left" type="text" style="width:140px;margin-right: 10px;" placeholder="연락처">
179
-			  </div>
180
-			</div>
181
-			<div class="table_header">
182
-			  <h1>> 납품 상세 내역</h1>
160
+				<div class="line">
161
+				  <label>발주담당자</label>
162
+				  <div class="line_right">
163
+					<input id="ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_NM" name="dlvMgrNm" class="left" type="text" style="width:100px;margin-right: 5px;" placeholder="이름">
164
+					<input id="ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_TEL_NO" name="dlvMgrTelNo" class="left" type="text" style="width:140px;margin-right: 10px;" placeholder="연락처">
165
+				  </div>
166
+				</div>
167
+				<div class="table_header">
168
+				  <h1><납품 상세 내역></h1>
169
+				</div>
183
 			</div>
170
 			</div>
184
 		  </div>
171
 		  </div>
172
+		  <!-- 여기서 부터 하면됨 -->
185
 			<div id="ITP_LIST_MORDMNG02010_VIEW_ITEM_AREA" class="scroll_area row-5">
173
 			<div id="ITP_LIST_MORDMNG02010_VIEW_ITEM_AREA" class="scroll_area row-5">
186
-			  <ul id="ITP_LIST_MORDMNG02010_VIEW_ITEM_ROWS" class="panel-group"></ul>
174
+			  <ul id="ITP_LIST_MORDMNG02010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
187
 			  <div id="ITP_LIST_MORDMNG02010_VIEW_ITEM_ROWCOPY" style="display: block;">
175
 			  <div id="ITP_LIST_MORDMNG02010_VIEW_ITEM_ROWCOPY" style="display: block;">
188
 				<li class="history_list2 list-row">
176
 				<li class="history_list2 list-row">
189
 				  <div>
177
 				  <div>
190
 					<div class="left">
178
 					<div class="left">
191
 					  <div class="nomal">
179
 					  <div class="nomal">
192
-						<label>발주항번 &nbsp;:</label>
193
-						<div class="space2">
194
-						  <div class="fnPchPodrDtlNo">1</div>
195
-						</div>
196
-						<label class="col_0">품목아이디&nbsp;:</label>
197
-						<div class="space2">
198
-						  <div class="fnItemId"></div>
199
-						</div>
180
+						<label>발주항번</label>
181
+						<span>:</span>
182
+					    <div class="fnPchPodrDtlNo">1</div>
183
+						<label class="col_0">품목아이디</label>
184
+						<span>:</span>
185
+					    <div class="fnItemId"></div>
200
 					  </div>
186
 					  </div>
201
 					</div>
187
 					</div>
202
 					<div class="left">
188
 					<div class="left">
203
 					  <div class="nomal">
189
 					  <div class="nomal">
204
-						<label>품목명 &nbsp;:</label>
205
-						<div class="space2">
206
-						  <div class="fnItemNm"></div>
207
-						</div>
208
-						<label>가격단위&nbsp;:</label>
209
-						<div class="space2">
210
-						  <div class="fnUnit">1</div>
211
-						</div>
190
+						<label>품목명</label>
191
+						<span>:</span>
192
+					    <div class="fnItemNm"></div>
193
+						<label>가격단위</label>
194
+						<span>:</span>
195
+					    <div class="fnUnit">1</div>
212
 					  </div>
196
 					  </div>
213
 					</div>
197
 					</div>
214
 					<div class="left">
198
 					<div class="left">
215
 					  <div class="nomal">
199
 					  <div class="nomal">
216
-						<label>단가 &nbsp;:</label>
217
-						<div class="">
218
-						  <div class="fnUnitAmt">1,000원</div>
219
-						</div>
220
-						<label>발주수량&nbsp;:</label>
221
-						<div class="">
222
-						  <div class="fnPodrQty"></div>
223
-						</div>
200
+						<label>단가</label>
201
+						<span>:</span>
202
+					    <div class="fnUnitAmt">1,000원</div>
203
+						<label>발주수량</label>
204
+						<span>:</span>
205
+					    <div class="fnPodrQty"></div>
224
 					  </div>
206
 					  </div>
225
 					</div>
207
 					</div>
226
 					<div class="left">
208
 					<div class="left">
227
 					  <div class="nomal">
209
 					  <div class="nomal">
228
-						<label>납품수량 &nbsp;:</label>
229
-						<div class="">
210
+						<label>납품수량</label>
211
+						<span>:</span>
230
 						  <input id="ITP_FORM_MORDMNG02010_VIEW_SHMT_QTY" name="shmtQty" type="text">
212
 						  <input id="ITP_FORM_MORDMNG02010_VIEW_SHMT_QTY" name="shmtQty" type="text">
231
-						</div>
232
-						  <label>유통기한 &nbsp;:</label>
233
-						  <div class="space2">
234
-							  <input id="ITP_FORM_MORDMNG02010_VIEW_EXPRY_DATE" name="expryDate" class="year" type="date">
235
-						  </div>
213
+					    <label>유통기한</label>
214
+					    <span>:</span>
215
+					    <div class="space2">
216
+						  <input id="ITP_FORM_MORDMNG02010_VIEW_EXPRY_DATE" name="expryDate" class="year" type="date">
217
+					    </div>
236
 					  </div>
218
 					  </div>
237
 					</div>
219
 					</div>
238
 					<div class="left">
220
 					<div class="left">
239
 					  <div class="nomal">
221
 					  <div class="nomal">
240
-						<label>비고 &nbsp;:</label>
222
+						<label>비고</label>
223
+						<span>:</span>
241
 						<div class="space2">
224
 						<div class="space2">
242
 						  <input id="ITP_FORM_MORDMNG02010_VIEW_DELI_DESC" type="text" name="deliDesc">
225
 						  <input id="ITP_FORM_MORDMNG02010_VIEW_DELI_DESC" type="text" name="deliDesc">
243
 						</div>
226
 						</div>

+ 61 - 36
src/main/webapp/mobile/app/mpomng/MPOMNG02010.html

@@ -51,40 +51,52 @@
51
     <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-2">
51
     <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-2">
52
       <ul id="ITP_LIST_MPOMNG02010_ITEM_ROWS" class="mb_0 panel-group"></ul>
52
       <ul id="ITP_LIST_MPOMNG02010_ITEM_ROWS" class="mb_0 panel-group"></ul>
53
       <div id="ITP_LIST_MPOMNG02010_ITEM_ROWCOPY" style="display: none;">
53
       <div id="ITP_LIST_MPOMNG02010_ITEM_ROWCOPY" style="display: none;">
54
-        <li class="history_list7">
54
+        <li class="history_list4">
55
           <div class="left">
55
           <div class="left">
56
             <div class="nomal">
56
             <div class="nomal">
57
-              <label>구매요청일 </label>
58
-              <span>:</span>
59
-              <div class="fnPchReqDt">2020.10.10</div>
60
-              <div class="fnPchReqMgrNm">(홍길동)</div>
57
+              	<label>요청구문 </label>
58
+              	<span>:</span>
59
+              	<div class="fnReqTypeNm "></div>
60
+              	<label>요청자명 </label>
61
+              	<span>:</span>
62
+              	<div class="fnPchReqMgrNm"></div>
61
             </div>
63
             </div>
62
           </div>
64
           </div>
63
           <div class="left">
65
           <div class="left">
64
             <div class="nomal">
66
             <div class="nomal">
65
-	            <label>구매상태</label>
66
-	            <span>:</span>
67
-	            <div class="fnPchReqStNm">구매완료배송중</div>
68
-	            <label>결재정보 </label>
67
+             	<label>구매요청일 </label>
69
               	<span>:</span>
68
               	<span>:</span>
70
-              	<div class="fnPchReqRjctNm">결재완료</div>
69
+              	<div class="col_7 fnPchReqDt"></div>
70
+	            <label>납품요청일 </label>
71
+              	<span>:</span>
72
+              	<div class="fnWhsReqDt"></div>
73
+            </div>
74
+          </div>
75
+          <div class="left">
76
+            <div class="nomal">
77
+            	<label>구매상태</label>
78
+            	<span>:</span>
79
+            	<div class="fnPchReqStNm"></div>
80
+            	<label>반려일자</label>
81
+            	<span>:</span>
82
+            	<div class="fnRjctDt"></div>
71
             </div>
83
             </div>
72
           </div>
84
           </div>
73
           <div class="left">
85
           <div class="left">
74
             <div class="nomal">
86
             <div class="nomal">
75
-              <label>품목 수</label>
76
-              <span>:</span>
77
-              <div class="fnPchReqItemQty">1,000</div>
78
-              <label>금액</label>
79
-              <span>:</span>
80
-              <div class="fnPchReqTotalAmt">1,000,000</div>
87
+              	<label>품목 수</label>
88
+              	<span>:</span>
89
+              	<div class="fnPchReqItemQty"></div>
90
+              	<label>금액</label>
91
+              	<span>:</span>
92
+              	<div class="fnPchReqTotalAmt"></div>
81
             </div>
93
             </div>
82
           </div>
94
           </div>
83
           <div class="left">
95
           <div class="left">
84
             <div class="nomal">
96
             <div class="nomal">
85
-             <label>납품장소명 </label>
86
-             <span>:</span>
87
-             <div class="full fnWhsLocationNm">테스트 ㅁㅇㄴㄻㄴㄹㅇㅇㄴㅁㄹㅇㄴㅁㄹ</div>
97
+             	<label>납품장소명 </label>
98
+             	<span>:</span>
99
+            	<div class="full fnWhsLocationNm"></div>
88
             </div>
100
             </div>
89
           </div>
101
           </div>
90
         </li>
102
         </li>
@@ -100,25 +112,37 @@
100
 	      <div class="line">
112
 	      <div class="line">
101
 	        <label>납기요청일</label>
113
 	        <label>납기요청일</label>
102
 	        <div class="line_right">
114
 	        <div class="line_right">
103
-	          <div class="fnDlvReqDt">2022.10.12</div>
115
+	          <div class="fnDlvReqDt"></div>
104
 	        </div>      
116
 	        </div>      
105
 	      </div>
117
 	      </div>
106
 	      <div class="line">
118
 	      <div class="line">
107
 	        <label>구매요청금액</label>
119
 	        <label>구매요청금액</label>
108
 	        <div class="line_right">
120
 	        <div class="line_right">
109
-	          <div class="fnPchReqTotalAmt">424,000원</div>
121
+	          <div class="fnPchReqTotalAmt">원</div>
110
 	        </div>
122
 	        </div>
111
 	      </div>
123
 	      </div>
112
 	      <div class="line">
124
 	      <div class="line">
113
 	        <label>납품장소</label>
125
 	        <label>납품장소</label>
114
 	        <div class="line_right">
126
 	        <div class="line_right">
115
-	          <div class="fnLocationNm">A매장내</div>
127
+	          <div class="fnLocationNm"></div>
116
 	        </div>
128
 	        </div>
117
 	      </div>
129
 	      </div>
118
 	      <div class="line">
130
 	      <div class="line">
119
-	        <label>결재정보</label>
131
+	        <label>요청상태</label>
120
 	        <div class="line_right">
132
 	        <div class="line_right">
121
-	          <div class="fnPchApprNm">(미납)0원</div>
133
+	          <div class="fnReqSt"></div>
134
+	        </div>
135
+	      </div>
136
+	      <div class="line">
137
+	        <label>반려일자</label>
138
+	        <div class="line_right">
139
+	          <div class="fnRjctDt"></div>
140
+	        </div>
141
+	      </div>
142
+	      <div class="line">
143
+	        <label>반려담당자명</label>
144
+	        <div class="line_right">
145
+	          <div class="fnRjctMgrNm"></div>
122
 	        </div>
146
 	        </div>
123
 	      </div>
147
 	      </div>
124
 	      <div class="table_header">
148
 	      <div class="table_header">
@@ -129,22 +153,24 @@
129
     <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-3">
153
     <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-3">
130
       <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0 panel-group"></ul>
154
       <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0 panel-group"></ul>
131
       <div id="ITP_LIST_MPOMNG02010_VIEW_ROWCOPY" style="display: none;">
155
       <div id="ITP_LIST_MPOMNG02010_VIEW_ROWCOPY" style="display: none;">
132
-        <li class="list-row">
133
-          <div class="left_info">
134
-            <div class="thick">
135
-              	<label>품목명</label>
156
+        <li class="history_list5">
157
+          <div class="left">
158
+            <div class="nomal">
159
+              	<label class="col_3">품목명</label>
136
                 <span>:</span>
160
                 <span>:</span>
137
-                <div class="itp_item fnItemNm">품목명</div>
161
+                <div class="full fnItemNm"></div>
138
               </div>
162
               </div>
139
-              <div class="thick">
140
-              	<label>구매가</label>
163
+           </div>   
164
+           <div class="left">
165
+            <div class="nomal">
166
+              	<label class="col_3">요청수량</label>
141
                 <span>:</span>
167
                 <span>:</span>
142
-                <div class="itp_amt fnUnitAmt"></div>
168
+                <div class="fnReqQty"></div>
169
+                <label class="col_3">요청금액</label>
170
+                <span>:</span>
171
+                <div class="col_10 fnReqAmt"></div>
143
               </div>
172
               </div>
144
            </div>   
173
            </div>   
145
-          <div class="right">
146
-            <div class="fnnum fnPchReqQty">2</div>
147
-          </div>
148
         </li>
174
         </li>
149
       </div>
175
       </div>
150
     </div>
176
     </div>
@@ -362,7 +388,6 @@
362
 			    </div>
388
 			    </div>
363
 		    </div>
389
 		    </div>
364
          </li>
390
          </li>
365
-         
366
         </div>
391
         </div>
367
       </div>
392
       </div>
368
     </div>
393
     </div>

+ 5 - 3
src/main/webapp/mobile/css/style.css

@@ -201,7 +201,7 @@ body.eee {height: 700px; background: #eee;}
201
 #ITP_LOGIN .login_popup .num_area .input_area button {margin-left: 0.1%; width: 19.5%; height: 45px; background-color: #f7b014; color: #eee; font-size: 16px; padding: 0; border:3px solid #fbd896; border-radius: 10px;}
201
 #ITP_LOGIN .login_popup .num_area .input_area button {margin-left: 0.1%; width: 19.5%; height: 45px; background-color: #f7b014; color: #eee; font-size: 16px; padding: 0; border:3px solid #fbd896; border-radius: 10px;}
202
 #ITP_LOGIN .login_popup .itp_del_btn.reg_no {width:50px; right:123px; top:4px;}
202
 #ITP_LOGIN .login_popup .itp_del_btn.reg_no {width:50px; right:123px; top:4px;}
203
 #ITP_LOGIN .login_popup .itp_del_btn.reg_no button {width:45px; border:none; background:transparent;}
203
 #ITP_LOGIN .login_popup .itp_del_btn.reg_no button {width:45px; border:none; background:transparent;}
204
-#ITP_LOGIN .login_popup .itp_del_btn {position:absolute; top:12px; right:66px;}
204
+#ITP_LOGIN .login_popup .itp_del_btn {position:absolute; top:12px; right:66px; background:transparent;}
205
 #ITP_LOGIN .login_popup .itp_del_btn button {width:25px; border:none; padding:0;}
205
 #ITP_LOGIN .login_popup .itp_del_btn button {width:25px; border:none; padding:0;}
206
 #ITP_LOGIN .login_popup .itp_del_btn button img{width:18px;}
206
 #ITP_LOGIN .login_popup .itp_del_btn button img{width:18px;}
207
 #ITP_LOGIN .login_popup .num_area .brand_list select {padding-left: 10px; width: 70%; height: 45px; font-size: 0.8rem; border:2px solid #ddd; border-radius:10px; background: url(../img/downarrow.png)no-repeat 95% 50%/20px auto; -webkit-appearance:none; appearance:none;}
207
 #ITP_LOGIN .login_popup .num_area .brand_list select {padding-left: 10px; width: 70%; height: 45px; font-size: 0.8rem; border:2px solid #ddd; border-radius:10px; background: url(../img/downarrow.png)no-repeat 95% 50%/20px auto; -webkit-appearance:none; appearance:none;}
@@ -357,7 +357,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
357
 .content .line .float_left select {float: left; width: 100%; height: 34px; margin-top:3px; border: 1px solid #aaa; border-radius:5px; font-size: 14pt; font-weight:100;}
357
 .content .line .float_left select {float: left; width: 100%; height: 34px; margin-top:3px; border: 1px solid #aaa; border-radius:5px; font-size: 14pt; font-weight:100;}
358
 .content .line .line_right {float: right; margin-right: 0%; width:57%}
358
 .content .line .line_right {float: right; margin-right: 0%; width:57%}
359
 .content .line .line_right div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; text-align:right; float: right; font-size: 14pt; margin-top: 7px; margin-right:0%; color:#555;padding-right:5px;}
359
 .content .line .line_right div {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; text-align:right; float: right; font-size: 14pt; margin-top: 7px; margin-right:0%; color:#555;padding-right:5px;}
360
-.content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
360
+.content .line .line_right input {position: relative; text-align: center; font-size:14pt; width:100%;}
361
 .content .line .line_right input.m9 {margin-right:93px;}
361
 .content .line .line_right input.m9 {margin-right:93px;}
362
 .content .line .line_right input.left {text-align: left;}
362
 .content .line .line_right input.left {text-align: left;}
363
 .content .line .line_right input.mg0 {margin-right:10px;}
363
 .content .line .line_right input.mg0 {margin-right:10px;}
@@ -534,9 +534,11 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
534
 
534
 
535
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
535
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
536
 .scroll_area li .left .nomal div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight: 700; font-size: 12pt; width:73px;}
536
 .scroll_area li .left .nomal div{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:left; font-weight: 700; font-size: 12pt; width:73px;}
537
-.scroll_area li .left .nomal .full{width:200px;}
537
+
538
+.scroll_area li .left .nomal .full{width:240px;}
538
 .scroll_area li .left .nomal .col_0{width:auto;}
539
 .scroll_area li .left .nomal .col_0{width:auto;}
539
 .scroll_area li .left .nomal .col_6{width:60px;}
540
 .scroll_area li .left .nomal .col_6{width:60px;}
541
+.scroll_area li .left .nomal .col_7{width:74px;}
540
 .scroll_area li .left .nomal .col_9{width:90px;}
542
 .scroll_area li .left .nomal .col_9{width:90px;}
541
 .scroll_area li .left .nomal .col_10{width:100px;}
543
 .scroll_area li .left .nomal .col_10{width:100px;}
542
 
544