瀏覽代碼

모바일 수정

whakdo963 2 年之前
父節點
當前提交
3c9dbf838e

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

@@ -1,5 +1,5 @@
1 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 3
 	  <form id="ITP_FORM_MORDMNG01010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
4 4
 		<input type="hidden" id="ITP_FORM_MORDMNG01010_LIST_VIEW_CD" name="viewCd" value="C">
5 5
 		  <input type="hidden" id="ITP_FORM_MORDMNG01010_SEARCH_BRAND_ID" name="sbrandId" value="">
@@ -111,112 +111,104 @@
111 111
 		<form id="ITP_FORM_MORDMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
112 112
 		<input type="hidden" id="ITP_FORM_MORDMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
113 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 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 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 166
 			</div>
165 167
 		  </div>
166 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 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 172
 					<div class="left">
172 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 180
 					  </div>
182 181
 					</div>
183 182
 					<div class="left">
184 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 190
 					  </div>
194 191
 					</div>
195 192
 					<div class="left">
196 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 200
 					  </div>
206 201
 					</div>
207 202
 					<div class="left">
208 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 210
 					  </div>
218 211
 					</div>
219
-				  </div>
220 212
 				</li>
221 213
 			</div>
222 214
 		  </div>
@@ -230,7 +222,7 @@
230 222
 		<div class="pop">
231 223
 			<div class="header">
232 224
 				<div class="header_left">
233
-					<label>> 납품장소</label>
225
+					<label>납품장소</label>
234 226
 				</div>
235 227
 				<div class="header_right">
236 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 236
 					<button id="ITP_BTN_MORDMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
245 237
 				</form>
246 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 241
 			</div>
250 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 246
 						<div class="scroll_left">
255 247
 							<div class="fnWhsNm">브랜드 창고 명A</div>
256
-							<div class="fnLocationNm">(상세위치내용)</div>
248
+							<div class="wichi fnLocationNm">(상세위치내용)</div>
257 249
 						</div>
258 250
 						<div class="scroll_right">
259 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 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 3
 		<form id="ITP_FORM_MORDMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
4 4
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_LIST_VIEW_CD" name="viewCd" value="C">
5 5
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_BRAND_ID" name="sbrandId" value="">
6 6
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_STORE_ID" name="sstoreId" value="">
7 7
 			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_SPPLY_ID" name="sspplyId" value="">
8 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 15
 				   <div class="float_left">
13 16
 					   <input id="ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A매장명">
14 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 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 23
 					   <button type="button" id="ITP_BTN_MORDMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
19 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 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 48
 			</div>
49 49
 		  </div>
50 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 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 54
 					<div class="left">
59 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 62
 					  </div>
69 63
 					</div>
70 64
 					<div class="left">
71 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 72
 					  </div>
81 73
 					</div>
82 74
 					<div class="left">
83 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 82
 					  </div>
93 83
 					</div>
94 84
 					<div class="left">
95 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 92
 					  </div>
105 93
 					</div>
106 94
 					<div class="left">
107 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 102
 					  </div>
117 103
 					</div>
118
-				  </div>
119 104
 				</li>
120 105
 			</div>
121 106
 			<div class="button_bar">
@@ -125,119 +110,117 @@
125 110
 		  </div>
126 111
 	  </form>
127 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 114
 		<form id="ITP_FORM_MORDMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
130 115
 		<input type="hidden" id="ITP_FORM_MORDMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
131 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 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 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 170
 			</div>
184 171
 		  </div>
172
+		  <!-- 여기서 부터 하면됨 -->
185 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 175
 			  <div id="ITP_LIST_MORDMNG02010_VIEW_ITEM_ROWCOPY" style="display: block;">
188 176
 				<li class="history_list2 list-row">
189 177
 				  <div>
190 178
 					<div class="left">
191 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 186
 					  </div>
201 187
 					</div>
202 188
 					<div class="left">
203 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 196
 					  </div>
213 197
 					</div>
214 198
 					<div class="left">
215 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 206
 					  </div>
225 207
 					</div>
226 208
 					<div class="left">
227 209
 					  <div class="nomal">
228
-						<label>납품수량 &nbsp;:</label>
229
-						<div class="">
210
+						<label>납품수량</label>
211
+						<span>:</span>
230 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 218
 					  </div>
237 219
 					</div>
238 220
 					<div class="left">
239 221
 					  <div class="nomal">
240
-						<label>비고 &nbsp;:</label>
222
+						<label>비고</label>
223
+						<span>:</span>
241 224
 						<div class="space2">
242 225
 						  <input id="ITP_FORM_MORDMNG02010_VIEW_DELI_DESC" type="text" name="deliDesc">
243 226
 						</div>

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

@@ -51,40 +51,52 @@
51 51
     <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-2">
52 52
       <ul id="ITP_LIST_MPOMNG02010_ITEM_ROWS" class="mb_0 panel-group"></ul>
53 53
       <div id="ITP_LIST_MPOMNG02010_ITEM_ROWCOPY" style="display: none;">
54
-        <li class="history_list7">
54
+        <li class="history_list4">
55 55
           <div class="left">
56 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 63
             </div>
62 64
           </div>
63 65
           <div class="left">
64 66
             <div class="nomal">
65
-	            <label>구매상태</label>
66
-	            <span>:</span>
67
-	            <div class="fnPchReqStNm">구매완료배송중</div>
68
-	            <label>결재정보 </label>
67
+             	<label>구매요청일 </label>
69 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 83
             </div>
72 84
           </div>
73 85
           <div class="left">
74 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 93
             </div>
82 94
           </div>
83 95
           <div class="left">
84 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 100
             </div>
89 101
           </div>
90 102
         </li>
@@ -100,25 +112,37 @@
100 112
 	      <div class="line">
101 113
 	        <label>납기요청일</label>
102 114
 	        <div class="line_right">
103
-	          <div class="fnDlvReqDt">2022.10.12</div>
115
+	          <div class="fnDlvReqDt"></div>
104 116
 	        </div>      
105 117
 	      </div>
106 118
 	      <div class="line">
107 119
 	        <label>구매요청금액</label>
108 120
 	        <div class="line_right">
109
-	          <div class="fnPchReqTotalAmt">424,000원</div>
121
+	          <div class="fnPchReqTotalAmt">원</div>
110 122
 	        </div>
111 123
 	      </div>
112 124
 	      <div class="line">
113 125
 	        <label>납품장소</label>
114 126
 	        <div class="line_right">
115
-	          <div class="fnLocationNm">A매장내</div>
127
+	          <div class="fnLocationNm"></div>
116 128
 	        </div>
117 129
 	      </div>
118 130
 	      <div class="line">
119
-	        <label>결재정보</label>
131
+	        <label>요청상태</label>
120 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 146
 	        </div>
123 147
 	      </div>
124 148
 	      <div class="table_header">
@@ -129,22 +153,24 @@
129 153
     <div id="ITP_LIST_MPOMNG02010_VIEW_AREA" class="scroll_area row-3">
130 154
       <ul id="ITP_LIST_MPOMNG02010_VIEW_ROWS" class="mb_0 panel-group"></ul>
131 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 160
                 <span>:</span>
137
-                <div class="itp_item fnItemNm">품목명</div>
161
+                <div class="full fnItemNm"></div>
138 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 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 172
               </div>
144 173
            </div>   
145
-          <div class="right">
146
-            <div class="fnnum fnPchReqQty">2</div>
147
-          </div>
148 174
         </li>
149 175
       </div>
150 176
     </div>
@@ -362,7 +388,6 @@
362 388
 			    </div>
363 389
 		    </div>
364 390
          </li>
365
-         
366 391
         </div>
367 392
       </div>
368 393
     </div>

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

@@ -201,7 +201,7 @@ body.eee {height: 700px; background: #eee;}
201 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 202
 #ITP_LOGIN .login_popup .itp_del_btn.reg_no {width:50px; right:123px; top:4px;}
203 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 205
 #ITP_LOGIN .login_popup .itp_del_btn button {width:25px; border:none; padding:0;}
206 206
 #ITP_LOGIN .login_popup .itp_del_btn button img{width:18px;}
207 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 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 358
 .content .line .line_right {float: right; margin-right: 0%; width:57%}
359 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 361
 .content .line .line_right input.m9 {margin-right:93px;}
362 362
 .content .line .line_right input.left {text-align: left;}
363 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 535
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
536 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 539
 .scroll_area li .left .nomal .col_0{width:auto;}
539 540
 .scroll_area li .left .nomal .col_6{width:60px;}
541
+.scroll_area li .left .nomal .col_7{width:74px;}
540 542
 .scroll_area li .left .nomal .col_9{width:90px;}
541 543
 .scroll_area li .left .nomal .col_10{width:100px;}
542 544