Explorar o código

모바일 html 수정

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

+ 225 - 213
src/main/webapp/mobile/app/mcollmng/MCOLLMNG01010.html

@@ -1,218 +1,230 @@
1
-<section>
2
-  <div id="ITP_AJAX_COLLMNG01010_VIEW_CONTAINER" style="display: block;">
3
-    <div class="content">
4
-      <div class="line">
5
-        <label>수거장소</label>
6
-        <div class="search_wrap">
7
-	        <div class="float_left">
8
-	          <input id="ITP_FORM_MCOLLMNG01010_VIEW" type="text" placeholder="A매장명">
1
+<section id="ITP_MOBILE_MCOLLMNG01010">
2
+  <div id="ITP_AJAX_MCOLLMNG01010_DETAIL_CONTAINER" style="display: none;">
3
+    <form id="ITP_FORM_MCOLLMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
4
+      <input type="hidden" id="ITP_FORM_MCOLLMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	      <div class="line">
7
+	        <label>수거장소</label>
8
+	        <div class="search_wrap">
9
+		        <div class="float_left">
10
+		          <input id="ITP_FORM_MCOLLMNG01010_DETAIL_COL_PLACE" name="colPlace" type="text" placeholder="A매장명">
11
+		        </div>
12
+		        <div class="float_left_btn">
13
+		          <button id="ITP_BTN_MCOLLMNG01010_DETAIL_SEARCH_COL_PLACE" data-call-popup="ITP_POP_MCOLLMNG01010_COL_AREA"><img src="../img/search.png" alt=""></button>
14
+		          <button id="ITP_BTN_MCOLLMNG01010_DETAIL_DETELE_COL_PLACE"><img src="../img/delete.png" alt=""></button>
15
+		        </div>	
9 16
 	        </div>
10
-	        <div class="float_left_btn">
11
-	          <button id="ITP_BTN_MCOLLMNG01010"><img src="../img/search.png" alt=""></button>
12
-	          <button id="ITP_BTN_MCOLLMNG01010"><img src="../img/delete.png" alt=""></button>
17
+	      </div>
18
+	      <div class="line">
19
+	        <label>수거상태</label>
20
+	        <div class="line_right">
21
+	          <select name="colStCd" id="ITP_FORM_MCOLLMNG01010_DETAIL_COL_ST_CD">
22
+	            <option value=""></option>
23
+	          </select>
13 24
 	        </div>
14
-        </div>
15
-      </div>
16
-      <div class="line">
17
-        <label>수거상태</label>
18
-        <div class="line_right">
19
-          <select name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
20
-            <option value=""></option>
21
-          </select>
22
-        </div>
23
-      </div>
24
-      <div class="line">
25
-        <label>수거일자</label>
26
-        <div class="date_to">
27
-          <input id="ITP_FORM_MCOLLMNG01010_VIEW" class="year" type="date">
28
-          <div class="at">~</div>
29
-          <input id="ITP_FORM_MCOLLMNG01010_VIEW" class="year" type="date">
30
-        </div>
31
-      </div>
32
-      <div class="line">
33
-        <select class="label" name="" id="ITP_FORM_MCOLLMNG01010_VIEW">
34
-          <option value="">발주번호/품목명</option>
35
-        </select>
36
-        <div class="search_wrap">
37
-          <input id="ITP_FORM_MCOLLMNG01010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
38
-        </div>
39
-      </div>
40
-      <div class="line" style="height:50px;">
41
-        <div class="search">
42
-          <button id="ITP_BTN_MCOLLMNG01010" class="btn-primary btn-sm ADB">검색</button>
43
-        </div>
44
-      </div>
45
-      <div class="table_header">
46
-        <h1>> 수거수주 내역</h1>
47
-      </div>
48
-    </div>
49
-    <div class="scroll_area row-3">
50
-      <li class="history_list">
51
-        <div>
52
-          <div class="left">
53
-            <div class="nomal">
54
-              <label>브랜드명 &nbsp;:</label>
55
-              <div>
56
-                <div class="fn">브랜드명</div>
57
-              </div>
58
-              <label>발주번호&nbsp;:</label>
59
-              <div>
60
-                <div class="fn">PO1234123</div>
61
-              </div>
62
-            </div>
63
-          </div>
64
-          <div class="left">
65
-            <div class="nomal">
66
-              <label class="col_0">반품발주상태 &nbsp;:</label>
67
-              <div class="col_5">
68
-                <div class="col_5 fn">요청</div>
69
-              </div>
70
-              <label class="col_0">반품발주일자&nbsp;:</label>
71
-              <div>
72
-                <div class="fn">2022.10.05</div>
73
-              </div>
74
-            </div>
75
-          </div>
76
-          <div class="left">
77
-            <div class="nomal">
78
-              <label class="col_6">수거요청일 &nbsp;:</label>
79
-              <div class="space1">
80
-                <div class="fn">2022.10.09</div>
81
-              </div>
82
-              <label>수거장소&nbsp;:</label>
83
-              <div>
84
-                <div class="fn">A창고</div>
85
-              </div>
86
-            </div>
87
-          </div>
88
-          <div class="left">
89
-            <div class="nomal">
90
-              <label>수거금액 &nbsp;:</label>
91
-              <div>
92
-                <div class="fn">2,000,000</div>
93
-              </div>
94
-              <label>수거품목수&nbsp;:</label>
95
-              <div>
96
-                <div class="fn">3개</div>
97
-              </div>
98
-            </div>
99
-          </div>
100
-        </div>
101
-      </li>
102
-    </div>
25
+	      </div>
26
+	      <div class="line">
27
+	        <label>수거일자</label>
28
+	        <div class="date_to">
29
+	          <input id="ITP_FORM_MCOLLMNG01010_DETAIL_COL_FORM_DT" name="colFormDt" class="year" type="date">
30
+	          <div class="at">~</div>
31
+	          <input id="ITP_FORM_MCOLLMNG01010_DETAIL_COL_TO_DT" name="colToDt" class="year" type="date">
32
+	        </div>
33
+	      </div>
34
+	      <div class="line">
35
+	        <select class="label" name="itemNm" id="ITP_FORM_MCOLLMNG01010_DETAIL_ITEM_NM">
36
+	          <option value="">발주번호/품목명</option>
37
+	        </select>
38
+	        <div class="search_wrap">
39
+	          <input id="ITP_FORM_MCOLLMNG01010_DETAIL_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="검색어입력">
40
+	        </div>
41
+	      </div>
42
+	      <div class="line" style="height:50px;">
43
+	        <div class="search">
44
+	          <button id="ITP_BTN_MCOLLMNG01010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
45
+	        </div>
46
+	      </div>
47
+	      <div class="table_header">
48
+	        <h1>> 수거수주 내역</h1>
49
+	      </div>
50
+	    </div>
51
+      	<div id="ITP_LIST_MCOLLMNG01010_ITEM_AREA" class="scroll_area row-3">
52
+        	<ul id="ITP_LIST_MCOLLMNG01010_DETAIL_ROWS" class="panel-group"></ul>
53
+        	<div id="ITP_LIST_MCOLLMNG01010_DETAIL_ROWCOPY" style="display:none;">
54
+		      <li class="history_list">
55
+		        <div>
56
+		          <div class="left">
57
+		            <div class="nomal">
58
+		              <label>브랜드명 &nbsp;:</label>
59
+		              <div>
60
+		                <div class="fnBrandNm">브랜드명</div>
61
+		              </div>
62
+		              <label>반품발주번호&nbsp;:</label>
63
+		              <div>
64
+		                <div class="fnRtnPodrNo">PO1234123</div>
65
+		              </div>
66
+		            </div>
67
+		          </div>
68
+		          <div class="left">
69
+		            <div class="nomal">
70
+		              <label>반품발주상태 &nbsp;:</label>
71
+		              <div>
72
+		                <div class="fnRtnPodrStCd">요청</div>
73
+		              </div>
74
+		              <label>반품발주일자&nbsp;:</label>
75
+		              <div>
76
+		                <div class="fnRtnPodrDt">2022.10.05</div>
77
+		              </div>
78
+		            </div>
79
+		          </div>
80
+		          <div class="left">
81
+		            <div class="nomal">
82
+		              <label class="col_6">수거요청일 &nbsp;:</label>
83
+		              <div>
84
+		                <div class="fnCOLReqDt">2022.10.09</div>
85
+		              </div>
86
+		              <label>수거장소&nbsp;:</label>
87
+		              <div>
88
+		                <div class="fnCOLPlace">A창고</div>
89
+		              </div>
90
+		            </div>
91
+		          </div>
92
+		          <div class="left">
93
+		            <div class="nomal">
94
+		              <label>수거금액 &nbsp;:</label>
95
+		              <div>
96
+		                <div class="fnColPodrAmt">2,000,000</div>
97
+		              </div>
98
+		              <label>수거품목수&nbsp;:</label>
99
+		              <div>
100
+		                <div class="fnColItemQty">3개</div>
101
+		              </div>
102
+		            </div>
103
+		          </div>
104
+		        </div>
105
+		      </li>
106
+	      </div>
107
+	    </div>
108
+    </form>
103 109
   </div>
104
-  <div id="ITP_AJAX_COLLMNG01010_DETAIL_CONTAINER" style="display: none;">
105
-    <div class="content">
106
-      <div class="line">
107
-        <label>브랜드명</label>
108
-        <div class="line_right">
109
-          <div class="fn">A브랜드명</div>
110
-        </div>      
111
-      </div>
112
-      <div class="line">
113
-        <label>발주번호</label>
114
-        <div class="line_right">
115
-          <div class="fn">PO12345678</div>
116
-        </div>      
117
-      </div>
118
-      <div class="line">
119
-        <label>수거일자</label>
120
-        <div class="line_right">
121
-          <div class="fn">2022.10.09</div>
122
-        </div>      
123
-      </div>
124
-      <div class="line">
125
-        <label>수거상태</label>
126
-        <div class="line_right">
127
-          <div class="fn">반품발주요청</div>
128
-        </div>      
129
-      </div>
130
-      <div class="line">
131
-        <label>수거장소</label>
132
-        <div class="line_right">
133
-          <div class="fn">A창고</div>
134
-        </div>      
135
-      </div>
136
-      <div class="line">
137
-        <label>수거금액</label>
138
-        <div class="line_right">
139
-          <div class="fn">800,000원</div>
140
-        </div>      
141
-      </div>
142
-      <div class="line">
143
-        <label class="col_6">반품발주담당자</label>
144
-        <div class="line_right">
145
-          <div class="fn">홍길동</div>
146
-        </div>      
147
-      </div>
148
-      <div class="table_header">
149
-        <h1>> 수주수주 상세 내역</h1>
150
-      </div>
151
-    </div>
152
-    <div class="scroll_area row-5">
153
-      <li class="history_list2">
154
-        <div>
155
-          <div class="left">
156
-            <div class="nomal">
157
-              <label>순번 &nbsp;:</label>
158
-              <div class="space2">
159
-                <div class="fn">1</div>
160
-              </div>
161
-              <label class="col_0">품목아이디&nbsp;:</label>
162
-              <div class="space2">
163
-                <div class="fn">asdf1234</div>
164
-              </div>
165
-            </div>
166
-          </div>
167
-          <div class="left">
168
-            <div class="nomal">
169
-              <label>품목명 &nbsp;:</label>
170
-              <div class="space2">
171
-                <div class="fn">커피원두</div>
172
-              </div>
173
-              <label>가격단위&nbsp;:</label>
174
-              <div class="space2">
175
-                <div class="fn">1</div>
176
-              </div>
177
-            </div>
178
-          </div>
179
-          <div class="left">
180
-            <div class="nomal">
181
-              <label>단가 &nbsp;:</label>
182
-              <div>
183
-                <div class="fn">1,000원</div>
184
-              </div>
185
-              <label>단위&nbsp;:</label>
186
-              <div>
187
-                <div class="fn">Kg</div>
188
-              </div>
189
-            </div>
190
-          </div>
191
-          <div class="left">
192
-            <div class="nomal">
193
-              <label>수거수량 &nbsp;:</label>
194
-              <div>
195
-                <div class="fn">10</div>
196
-              </div>
197
-              <label>수거금액&nbsp;:</label>
198
-              <div>
199
-                <div class="fn">500,000</div>
200
-              </div>
201
-            </div>
202
-          </div>
203
-          <div class="left">
204
-            <div class="nomal">
205
-              <label class="col_6">수거요청일 &nbsp;:</label>
206
-              <div class="space2">
207
-                <div class="fn">2022.10.09</div>
208
-              </div>
209
-            </div>
210
-          </div>
211
-        </div>
212
-      </li>
213
-    </div>
214
-    <div class="button_bar">
215
-      <button id="ITP_BTN_MCOLLMNG01010" class="col_12 btn-gray CLB">취소</button>
216
-    </div>
110
+  <div id="ITP_AJAX_MCOLLMNG01010_VIEW_CONTAINER" style="display: block;">
111
+      <form id="ITP_FORM_MCOLLMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
112
+      <input type="hidden" id="ITP_FORM_MCOLLMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
113
+	    <div class="content">
114
+	      <div class="line">
115
+	        <label>브랜드명</label>
116
+	        <div class="line_right">
117
+	          <div class="fnbrandNm">A브랜드명</div>
118
+	        </div>      
119
+	      </div>
120
+	      <div class="line">
121
+	        <label>반품발주번호</label>
122
+	        <div class="line_right">
123
+	          <div class="fnRtnPodrNo">PO12345678</div>
124
+	        </div>      
125
+	      </div>
126
+	      <div class="line">
127
+	        <label>수거일자</label>
128
+	        <div class="line_right">
129
+	          <div class="fnColDt">2022.10.09</div>
130
+	        </div>      
131
+	      </div>
132
+	      <div class="line">
133
+	        <label>수거상태</label>
134
+	        <div class="line_right">
135
+	          <div class="fnColStCd">발주요청</div>
136
+	        </div>      
137
+	      </div>
138
+	      <div class="line">
139
+	        <label>수거장소</label>
140
+	        <div class="line_right">
141
+	          <div class="fnCOLPlace">A창고</div>
142
+	        </div>      
143
+	      </div>
144
+	      <div class="line">
145
+	        <label>수거총금액</label>
146
+	        <div class="line_right">
147
+	          <div class="fnColAmt">800,000원</div>
148
+	        </div>      
149
+	      </div>
150
+	      <div class="line">
151
+	        <label>반품발주담당자</label>
152
+	        <div class="line_right">
153
+	          <div class="fnRtnPodrMgrNm">홍길동</div>
154
+	        </div>      
155
+	      </div>
156
+	      <div class="table_header">
157
+	        <h1>> 수거수주 상세 내역</h1>
158
+	      </div>
159
+	    </div>
160
+      	<div id="ITP_LIST_MCOLLMNG01010_ITEM_AREA" class="scroll_area row-5">
161
+        	<ul id="ITP_LIST_MCOLLMNG01010_VIEW_ROWS" class="panel-group"></ul>
162
+        	<div id="ITP_LIST_MCOLLMNG01010_VIEW_ROWCOPY" style="display: none;">
163
+		      <li class="history_list2">
164
+		        <div>
165
+		          <div class="left">
166
+		            <div class="nomal">
167
+		              <label>순번 &nbsp;:</label>
168
+		              <div class="space2">
169
+		                <div class="fnSeq">1</div>
170
+		              </div>
171
+		              <label class="col_0">품목아이디&nbsp;:</label>
172
+		              <div class="space2">
173
+		                <div class="fnItemId">asdf1234</div>
174
+		              </div>
175
+		            </div>
176
+		          </div>
177
+		          <div class="left">
178
+		            <div class="nomal">
179
+		              <label>품목명 &nbsp;:</label>
180
+		              <div class="space2">
181
+		                <div class="fnItemNm">커피원두</div>
182
+		              </div>
183
+		              <label>가격단위&nbsp;:</label>
184
+		              <div class="space2">
185
+		                <div class="fnUnitQty">1</div>
186
+		              </div>
187
+		            </div>
188
+		          </div>
189
+		          <div class="left">
190
+		            <div class="nomal">
191
+		              <label>단가 &nbsp;:</label>
192
+		              <div>
193
+		                <div class="fnUnit">1,000원</div>
194
+		              </div>
195
+		              <label>단위&nbsp;:</label>
196
+		              <div>
197
+		                <div class="fnUnit">Kg</div>
198
+		              </div>
199
+		            </div>
200
+		          </div>
201
+		          <div class="left">
202
+		            <div class="nomal">
203
+		              <label>수거수량 &nbsp;:</label>
204
+		              <div>
205
+		                <div class="fnColQty">10</div>
206
+		              </div>
207
+		              <label>수거금액&nbsp;:</label>
208
+		              <div>
209
+		                <div class="fnColAmt">500,000</div>
210
+		              </div>
211
+		            </div>
212
+		          </div>
213
+		          <div class="left">
214
+		            <div class="nomal">
215
+		              <label class="col_6">수거요청일 &nbsp;:</label>
216
+		              <div>
217
+		                <div class="fnCOLReqDt">2022.10.09</div>
218
+		              </div>
219
+		            </div>
220
+		          </div>
221
+		        </div>
222
+		      </li>
223
+	      </div>
224
+	    </div>
225
+	    <div class="button_bar">
226
+	      <button id="ITP_BTN_MCOLLMNG01010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
227
+	    </div>
228
+    </form>
217 229
   </div>
218 230
 </section>

+ 209 - 196
src/main/webapp/mobile/app/mloanmng/MLOANMNG01010.html

@@ -1,199 +1,212 @@
1
-<link rel="stylesheet" href="/style.css">
2
-<section>
3
-  <div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: block;" >
4
-    <div class="content">
5
-      <div class="line">
6
-        <label>매장선택</label>
7
-        <div class="float_left">
8
-          <input id="ITP_FORM_MLOANMNG01010_VIEW" type="text" placeholder="A매장명">
9
-        </div>
10
-        <div class="float_left_btn">
11
-          <button id="ITP_BTN_MLOANMNG01010"><img src="/img/search.png" alt=""></button>
12
-          <button id="ITP_BTN_MLOANMNG01010"><img src="/img/delete.png" alt=""></button>
13
-        </div>
14
-      </div>
15
-      <div class="line">
16
-        <label>정산타입</label>
17
-        <div class="float_left">
18
-          <select name="" id="ITP_FORM_MLOANMNG01010_VIEW">
19
-            <option value=""></option>
20
-          </select>
21
-        </div>
22
-      </div>
23
-      <div class="line">
24
-        <label>사용여부</label>
25
-        <div class="float_left">
26
-          <select name="" id="ITP_FORM_MLOANMNG01010_VIEW">
27
-            <option value=""></option>
28
-          </select>
29
-        </div>
30
-      </div>
31
-      <div class="line">
32
-        <div class="search">
33
-          <button id="ITP_BTN_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
34
-        </div>
35
-      </div>
36
-      <div class="table_header">
37
-        <h1>> 발주 내역</h1>
38
-      </div>
39
-    </div>
40
-    <div class="scroll_area row-2">
41
-      <li class="history_list">
42
-        <div class="left">
43
-          <div class="nomal">
44
-            <label>매장명 &nbsp;:</label>
45
-            <div class="history">
46
-              <div class="fn">A매장</div>
47
-            </div>
48
-            <label>정산타입&nbsp;:</label>
49
-            <div class="history">
50
-              <div class="fn">선입금</div>
51
-            </div>
52
-          </div>
53
-        </div>
54
-        <div class="left">
55
-          <div class="nomal">
56
-            <label>한도금액 &nbsp;:</label>
57
-            <div class="history">
58
-              <div class="fn">1,000,000</div>
59
-            </div>
60
-            <label class="col_7">가용한도금액&nbsp;:</label>
61
-            <div class="history">
62
-              <div class="fn">800,000</div>
63
-            </div>
64
-          </div>
65
-        </div>
66
-        <div class="left">
67
-          <div class="nomal">
68
-            <label class="col_6">가수금금액 &nbsp;:</label>
69
-            <div class="history">
70
-              <div class="fn">100,000</div>
71
-            </div>
72
-            <label>사용금액&nbsp;:</label>
73
-            <div class="history">
74
-              <div class="fn">200,000</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">사용</div> 
83
-            </div>
84
-          </div>
85
-        </div>
86
-      </li>
87
-    </div>
1
+<section id="ITP_MOBILE_MLOANMNG01010">
2
+  <div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: none;" >
3
+  	<form id="ITP_FORM_MLOANMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
4
+      <input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	      <div class="line">
7
+	        <label>매장선택</label>
8
+	        <div class="search_wrap">
9
+		        <div class="float_left">
10
+		          <input id="ITP_FORM_MLOANMNG01010_VIEW_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
11
+		        </div>
12
+		        <div class="float_left_btn">
13
+		          <button id="ITP_BTN_MLOANMNG01010_VIEW_SEARCH_STORE_NM" data-call-popup="ITP_POP_MLOANMNG01010_STORE_AREA"><img src="../img/search.png" alt=""></button>
14
+		          <button id="ITP_BTN_MLOANMNG01010_VIEW_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
15
+		        </div>
16
+	        </div>
17
+	      </div>
18
+	      <div class="line">
19
+	        <label>정산타입</label>
20
+	        <div class="line_right">
21
+	          <select name="sttlType" id="ITP_FORM_MLOANMNG01010_VIEW_STTL_TYPE">
22
+	            <option value=""></option>
23
+	          </select>
24
+	        </div>
25
+	      </div>
26
+	      <div class="line">
27
+	        <label>사용여부</label>
28
+	        <div class="line_right">
29
+	          <select name="useYn" id="ITP_FORM_MLOANMNG01010_VIEW_USE_YN">
30
+	            <option value=""></option>
31
+	          </select>
32
+	        </div>
33
+	      </div>
34
+	      <div class="line" style="height:45px;">
35
+	        <div class="search">
36
+	          <button id="ITP_BTN_MLOANMNG01010_VIEW_SEARCH" class="btn-primary btn-sm ADB">검색</button>
37
+	        </div>
38
+	      </div>
39
+	      <div class="table_header">
40
+	        <h1>> 발주 내역</h1>
41
+	      </div>
42
+	    </div>
43
+     <div id="ITP_LIST_MLOANMNG01010_ITEM_AREA" class="scroll_area row-2">
44
+        <ul id="ITP_LIST_MLOANMNG01010_VIEW_ROWS" class="panel-group"></ul>
45
+        	<div id="ITP_LIST_MLOANMNG01010_VIEW_ROWCOPY" style="display:block;">
46
+		      <li class="history_list">
47
+		        <div class="left">
48
+		          <div class="nomal">
49
+		            <label>매장명 &nbsp;:</label>
50
+		            <div class="history">
51
+		              <div class="fnStoreNm">A매장</div>
52
+		            </div>
53
+		            <label>정산타입&nbsp;:</label>
54
+		            <div class="history">
55
+		              <div class="fnSttlType">선입금</div>
56
+		            </div>
57
+		          </div>
58
+		        </div>
59
+		        <div class="left">
60
+		          <div class="nomal">
61
+		            <label>한도금액 &nbsp;:</label>
62
+		            <div class="history">
63
+		              <div class="fnLimitAmt">1,000,000</div>
64
+		            </div>
65
+		            <label class="col_7">가용한도금액&nbsp;:</label>
66
+		            <div class="history">
67
+		              <div class="fnLimitAmt">800,000</div>
68
+		            </div>
69
+		          </div>
70
+		        </div>
71
+		        <div class="left">
72
+		          <div class="nomal">
73
+		            <label class="col_6">가수금금액 &nbsp;:</label>
74
+		            <div class="history">
75
+		              <div class="fnAmt">100,000</div>
76
+		            </div>
77
+		            <label>사용금액&nbsp;:</label>
78
+		            <div class="history">
79
+		              <div class="fnUseAmt">200,000</div>
80
+		            </div>
81
+		          </div>
82
+		        </div>
83
+		        <div class="left">
84
+		          <div class="nomal">
85
+		            <label>사용여부 &nbsp;:</label>
86
+		            <div class="history">
87
+		              <div class="fnUseYn">사용</div> 
88
+		            </div>
89
+		          </div>
90
+		        </div>
91
+		      </li>
92
+	      </div>
93
+	    </div>
94
+    </form>
88 95
   </div>
89
-  <div id="ITP_AJAX_MLOANMNG01010_DETAIL_CONTAINER" style="display: none;">
90
-    <div class="content">
91
-      <div class="line">
92
-        <label>매장명</label>
93
-        <div class="line_right">
94
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" placeholder="A매장명">
95
-        </div>      
96
-      </div>
97
-      <div class="line">
98
-        <label class="col_6">정산타입/사용여부</label>
99
-        <div class="line_right">
100
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
101
-        </div>
102
-      </div>
103
-      <div class="line">
104
-        <label>한도금액</label>
105
-        <div class="line_right">
106
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
107
-        </div>
108
-      </div>
109
-      <div class="line">
110
-        <label>가용한도금액</label>
111
-        <div class="line_right">
112
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
113
-        </div>
114
-      </div>
115
-      <div class="line">
116
-        <label>가수금액</label>
117
-        <div class="line_right">
118
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
119
-        </div>
120
-      </div>
121
-      <div class="line">
122
-        <label>사용금액</label>
123
-        <div class="line_right">
124
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" type="text" >
125
-        </div>
126
-      </div>
127
-      <div class="line">
128
-        <label>거래일자</label>
129
-        <div class="date_to">
130
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" class="year" type="date">
131
-          <div class="at">~</div>
132
-          <input id="ITP_FORM_MLOANMNG01010_DETAIL" class="year" type="date">
133
-        </div>
134
-      </div>
135
-      <div class="line">
136
-        <div class="search">
137
-          <button id="ITP_BTN_MLOANMNG01010" class="btn-primary btn-sm ADB">검색</button>
138
-        </div>
139
-      </div>
140
-      <div class="table_header">
141
-        <h1>> 여신 입출금 이력</h1>
142
-      </div>
143
-    </div>
144
-    <div class="scroll_area row-6">
145
-      <li class="history_list">
146
-        <div>
147
-          <div class="detail_line">
148
-            <div class="detail_left">
149
-              <div class="detail_info">
150
-                <div class="fn">2022.10.04</div>
151
-              </div>
152
-            </div>
153
-            <div class="detail_right">
154
-              <div class="detail_info">
155
-                <div class="fn">입금</div>
156
-              </div>
157
-            </div>
158
-          </div>
159
-          <div class="detail_line">
160
-            <div class="detail_left">
161
-              <div class="detail_info">
162
-                <label>입금금액</label>
163
-              </div>
164
-            </div>
165
-            <div class="detail_right">
166
-              <div class="detail_info">
167
-                <div class="fn">800,000 원</div>
168
-              </div>
169
-            </div>
170
-          </div>
171
-          <div class="detail_line">
172
-            <div class="detail_left">
173
-              <div class="detail_info">
174
-                <label>잔액</label>
175
-              </div>
176
-            </div>
177
-            <div class="detail_right">
178
-              <div class="detail_info">
179
-                <div class="fn">1,000,000 원</div>
180
-              </div>
181
-            </div>
182
-          </div>
183
-          <div class="detail_line">
184
-            <div class="detail_left">
185
-              <div class="detail_info">
186
-                <label>사용용도</label>
187
-              </div>
188
-            </div>
189
-            <div class="detail_right">
190
-              <div class="detail_info">
191
-                <div class="fn">정산대금 브랜드 지급</div>
192
-              </div>
193
-            </div>
194
-          </div>
195
-        </div>
196
-      </li>
197
-    </div>
96
+  <div id="ITP_AJAX_MLOANMNG01010_DETAIL_CONTAINER" style="display: block;">
97
+  	<form id="ITP_FORM_MLOANMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
98
+      <input type="hidden" id="ITP_FORM_MLOANMNG01010_DETAIL_VEIW_CD" name="viewCd" value="C">
99
+	    <div class="content">
100
+	      <div class="line">
101
+	        <label>매장명</label>
102
+	        <div class="search_wrap">
103
+	          <input id="ITP_FORM_MLOANMNG01010_DETAIL_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
104
+	        </div>      
105
+	      </div>
106
+	      <div class="line">
107
+	        <label class="col_6">정산타입/사용여부</label>
108
+	        <div class="search_wrap">
109
+	          <input id="ITP_FORM_MLOANMNG01010_DETAIL_TYPE_YN" name="typeYn" type="text" >
110
+	        </div>
111
+	      </div>
112
+	      <div class="line">
113
+	        <label>한도금액</label>
114
+	        <div class="search_wrap">
115
+	          <input id="ITP_FORM_MLOANMNG01010_DETAIL_LIMIT_AMT" name="limitAmt" type="text" >
116
+	        </div>
117
+	      </div>
118
+	      <div class="line">
119
+	        <label>가용한도금액</label>
120
+	        <div class="search_wrap">
121
+	          <input id="ITP_FORM_MLOANMNG01010_DETAIL_LIMIT_AMT" name="limitAmt" type="text" >
122
+	        </div>
123
+	      </div>
124
+	      <div class="line">
125
+	        <label>가수금액</label>
126
+	        <div class="search_wrap">
127
+	          <input id="ITP_FORM_MLOANMNG01010_DETAIL_AMT" name="amt" type="text" >
128
+	        </div>
129
+	      </div>
130
+	      <div class="line">
131
+	        <label>사용금액</label>
132
+	        <div class="search_wrap">
133
+	          <input id="ITP_FORM_MLOANMNG01010_DETAIL_USE_AMT" name="useAmt" type="text" >
134
+	        </div>
135
+	      </div>
136
+	      <div class="line">
137
+	        <label>거래일자</label>
138
+	        <div class="date_to">
139
+	          <input id="ITP_FORM_MLOANMNG01010_DETAIL_TRSC_DT" name="trscDt" class="year" type="date">
140
+	          <div class="at">~</div>
141
+	          <input id="ITP_FORM_MLOANMNG01010_DETAIL" class="year" type="date">
142
+	        </div>
143
+	      </div>
144
+	      <div class="line" style="height:45px;">
145
+	        <div class="search">
146
+	          <button id="ITP_BTN_MLOANMNG01010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
147
+	        </div>
148
+	      </div>
149
+	      <div class="table_header">
150
+	        <h1>> 여신 입출금 이력</h1>
151
+	      </div>
152
+	    </div>
153
+      	<div id="ITP_LIST_MLOANMNG01010_ITEM_AREA" class="scroll_area row-6">
154
+       		<ul id="ITP_LIST_MLOANMNG01010_DETAIL_ROWS" class="panel-group"></ul>
155
+        	<div id="ITP_LIST_MLOANMNG01010_DETAIL_ROWCOPY" style="display: block;">
156
+		      <li class="history_list4">
157
+		        <div>
158
+		          <div class="detail_line">
159
+		            <div class="detail_left">
160
+		              <div class="detail_info">
161
+		                <div class="fnTrscDt">2022.10.04</div>
162
+		              </div>
163
+		            </div>
164
+		            <div class="detail_right">
165
+		              <div class="detail_info">
166
+		                <div class="fnDstp">입금</div>
167
+		              </div>
168
+		            </div>
169
+		          </div>
170
+		          <div class="detail_line">
171
+		            <div class="detail_left">
172
+		              <div class="detail_info">
173
+		                <label>입금금액</label>
174
+		              </div>
175
+		            </div>
176
+		            <div class="detail_right">
177
+		              <div class="detail_info">
178
+		                <div class="fnDstpAmt">800,000 원</div>
179
+		              </div>
180
+		            </div>
181
+		          </div>
182
+		          <div class="detail_line">
183
+		            <div class="detail_left">
184
+		              <div class="detail_info">
185
+		                <label>잔액</label>
186
+		              </div>
187
+		            </div>
188
+		            <div class="detail_right">
189
+		              <div class="detail_info">
190
+		                <div class="fnBal">1,000,000 원</div>
191
+		              </div>
192
+		            </div>
193
+		          </div>
194
+		          <div class="detail_line">
195
+		            <div class="detail_left">
196
+		              <div class="detail_info">
197
+		                <label>사용용도</label>
198
+		              </div>
199
+		            </div>
200
+		            <div class="detail_right">
201
+		              <div class="detail_info">
202
+		                <div class="fnUse">정산대금 브랜드 지급</div>
203
+		              </div>
204
+		            </div>
205
+		          </div>
206
+		        </div>
207
+		      </li>
208
+	      </div>
209
+	    </div>
210
+    </form>
198 211
   </div>
199 212
 </section>

+ 127 - 120
src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html

@@ -1,121 +1,120 @@
1
-<link rel="stylesheet" href="/style.css">
2
-<section>
3
-  <div class="popup2" style="display:none; background: transparent;">
1
+<section id="ITP_MOBILE_MLOANMNG02010">
2
+  <div id="ITP_POP_MLOANMNG_DPST_AREA" class="popup2 mobile-pop-close" style="display: none; background: transparent;">
4 3
     <div class="pop">
5 4
       <div class="header">
6 5
         <div class="header_left">
7 6
           <label>> 입금등록</label>
8 7
         </div>
9 8
         <div class="header_right">
10
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/close.png"></button>
9
+          <button id="ITP_BTN_MLOANMNG02010_POP_DPST_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
11 10
         </div>
12 11
       </div>
13 12
       <div class="content">
14 13
         <div class="line">
15 14
           <label>브랜드명</label>
16
-          <div class="float_right">
17
-            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A 브랜드명">
15
+          <div class="search_wrap">
16
+            <input id="ITP_FORM_MLOANMNG02010_POP_BRAND_NM" name="brandNm" type="text" placeholder="A 브랜드명">
18 17
           </div>
19 18
         </div>
20 19
         <div class="line">
21 20
           <label>매장명</label>
22
-          <div class="float_right">
23
-            <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
21
+          <div class="search_wrap">
22
+            <input id="ITP_FORM_MLOANMNG02010_POP_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
24 23
           </div>
25 24
         </div>
26 25
         <div class="line">
27 26
           <label>입금금액</label>
28
-          <div class="float_right">
29
-            <input id="ITP_FORM_MLOANMNG02010" type="text" >
27
+          <div class="search_wrap">
28
+            <input id="ITP_FORM_MLOANMNG02010_POP_DPST_AMT" name="dpstAmt" type="text" >
30 29
           </div>
31 30
         </div>
32 31
         <div class="line">
33 32
           <label>입금일자</label>
34
-          <div class="float_right">
35
-            <input id="ITP_FORM_MLOANMNG02010" type="date" style="width: 387px;">
33
+          <div class="search_wrap">
34
+            <input id="ITP_FORM_MLOANMNG02010_POP_DPST_DT" name="dpstDt" type="date" style="width: 178px;">
36 35
           </div>
37 36
         </div>
38 37
         <div class="line">
39 38
           <label>입금자명</label>
40
-          <div class="float_right">
41
-            <input id="ITP_FORM_MLOANMNG02010" type="text" >
39
+          <div class="search_wrap">
40
+            <input id="ITP_FORM_MLOANMNG02010_POP_DPST_NM" name="dpstNm" type="text" >
42 41
           </div>
43 42
         </div>
44 43
         <div class="line">
45 44
           <label>입금은행</label>
46
-          <div class="float_right">
47
-            <select name="" id="ITP_FORM_MLOANMNG02010" style="width: 387px;">
45
+          <div class="search_wrap">
46
+            <select name="dpstBnk" id="ITP_FORM_MLOANMNG02010_POP_DPST_BNK" style="width: 178px;">
48 47
               <option value="">은행코드 선택</option>
49 48
             </select>
50 49
           </div>
51 50
         </div>
52
-        <div class="line">
51
+        <div class="line" style="height:70px;">
53 52
           <label>입금계좌번호</label>
54
-          <div class="float_right">
55
-            <input id="ITP_FORM_MLOANMNG02010" type="text" >
53
+          <div class="search_wrap">
54
+            <input id="ITP_FORM_MLOANMNG02010_POP_DPST_ACCT_NO" name="dpstAcctNo" type="text" >
56 55
           </div>
57 56
         </div>
58 57
         <div class="line">
59
-          <button id="ITP_BTN_MLOANMNG02010" class="col_4 btn-primary btn-sm ">등록</button>
60
-          <button id="ITP_BTN_MLOANMNG02010" class="col_4 btn-gray btn-sm CLB">취소</button>
58
+          <button id="ITP_BTN_MLOANMNG02010_POP_DPST_" class="col_4 btn-primary btn-sm ">등록</button>
59
+          <button id="ITP_BTN_MLOANMNG02010_POP_DPST_CLOSE" class="cancel col_4 btn-pop-close btn-gray btn-sm CLB">취소</button>
61 60
         </div>
62 61
       </div> 
63 62
     </div>
64 63
   </div>
65
-  <div class="popup3" style="display:none;">
64
+  <div id="ITP_POP_MLOANMNG_DPST_RJCT_AREA" class="popup3 mobile-pop-close" style="display: none;">
66 65
     <div class="pop">
67 66
       <div class="header">
68 67
         <div class="header_left">
69 68
           <label>> 입금요청반려</label>
70 69
         </div>
71 70
         <div class="header_right">
72
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/close.png"></button>
71
+          <button id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
73 72
         </div>
74 73
       </div>
75 74
       <div class="content">
76 75
         <div class="line">
77 76
           <label>브랜드명</label>
78 77
           <div class="float_left">
79
-            <div class="fn">A 브랜드명</div>
78
+            <div class="fnBrandNm">A 브랜드명</div>
80 79
           </div>
81 80
         </div>
82 81
         <div class="line">
83 82
           <label>매장명</label>
84 83
           <div class="float_left">
85
-            <div class="fn">A 매장명</div>
84
+            <div class="fnStoreNm">A 매장명</div>
86 85
           </div>
87 86
         </div>
88 87
         <div class="line">
89 88
           <label>입금금액</label>
90 89
           <div class="float_left">
91
-            <div class="fn">1,000,000</div>
90
+            <div class="fnDpstAmt">1,000,000</div>
92 91
           </div>
93 92
         </div>
94 93
         <div class="line">
95 94
           <label>입금일자</label>
96 95
           <div class="float_left">
97
-            <div class="fn">2022.10.05</div>
96
+            <div class="fnDpstDt">2022.10.05</div>
98 97
           </div>
99 98
         </div>
100 99
         <div class="line">
101 100
           <label>입금자명</label>
102 101
           <div class="float_left">
103
-            <div class="fn">홍길동</div>
102
+            <div class="fnDpstNm">홍길동</div>
104 103
           </div>
105 104
         </div>
106 105
         <div class="line">
107 106
           <label>입금은행</label>
108 107
           <div class="float_left">
109
-            <div class="fn">우리은행</div>
108
+            <div class="fnDpstBnk">우리은행</div>
110 109
           </div>
111 110
         </div>
112 111
         <div class="line">
113 112
           <label>입금계좌번호</label>
114 113
           <div class="float_left">
115
-            <div class="fn">11122233333344</div>
114
+            <div class="fnDpstAcctNo">11122233333344</div>
116 115
           </div>
117 116
         </div>
118
-        <div class="line" style="height: 350px;">
117
+        <div class="line" style="height: 180px;">
119 118
           <label>반려사유</label>
120 119
           <div class="float_left note">
121 120
             <textarea  class="fn" cols="30" rows="10"></textarea>       
@@ -123,99 +122,107 @@
123 122
         </div>
124 123
         <div class="line">
125 124
           <div class="search">
126
-            <button id="ITP_BTN_MLOANMNG02010" class="col_6 btn-danger btn-sm ">반려</button>
125
+            <button id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT" class="col_6 btn-danger btn-sm ">반려</button>
127 126
           </div>
128 127
         </div>
129 128
       </div> 
130 129
     </div>
131 130
   </div>
132
-  <div id="ITP_AJAX_MLOANMNG02010_VIEW_CONTAINER">
133
-    <div class="content">
134
-      <div class="line">
135
-        <label>반품장소</label>
136
-        <div class="float_left">
137
-          <input id="ITP_FORM_MLOANMNG02010" type="text" placeholder="A매장명">
138
-        </div>
139
-        <div class="float_left_btn">
140
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/search.png" alt=""></button>
141
-          <button id="ITP_BTN_MLOANMNG02010"><img src="/img/delete.png" alt=""></button>
142
-        </div>
143
-      </div>
144
-      <div class="line">
145
-        <label>반품발주상태</label>
146
-        <div class="float_left">
147
-          <select name="" id="ITP_FORM_MLOANMNG02010">
148
-            <option value=""></option>
149
-          </select>
150
-        </div>
151
-      </div>
152
-      <div class="line">
153
-        <label>입금일자</label>
154
-        <div class="date_to">
155
-          <input id="ITP_FORM_MLOANMNG02010" class="year" type="date">
156
-          <div class="at">~</div>
157
-          <input id="ITP_FORM_MLOANMNG02010" class="year" type="date">
158
-        </div>
159
-      </div>
160
-      <div class="line">
161
-        <div class="search">
162
-          <button id="ITP_BTN_MLOANMNG02010" class="col_3 btn-yellow btn-sm ">입금등록</button>
163
-          <button id="ITP_BTN_MLOANMNG02010" class="col_5 btn-primary btn-sm ADB">검색</button>
164
-        </div>
165
-      </div>
166
-      <div class="table_header">
167
-        <h1>> 입금 요청 내역</h1>
168
-      </div>
169
-    </div>
170
-    <div class="scroll_area row-2">
171
-      <li class="history_list">
172
-        <div class="button_right">
173
-          <button id="ITP_BTN_MLOANMNG02010" class="btn-primary AGR">승인</button>
174
-          <button id="ITP_BTN_MLOANMNG02010" class="btn-danger RJT">반려</button>
175
-        </div>
176
-        <div class="left">
177
-          <div class="nomal">
178
-            <label class="col_0">매장명&nbsp;&nbsp;&nbsp;:&nbsp;</label>
179
-            <div class="history">
180
-              <div class="fn">A매장</div>
181
-            </div>
182
-            <label class="col_0">입금일자&nbsp;:</label>
183
-            <div class="history">
184
-              <div class="fn">2022.10.05</div>
185
-            </div>
186
-          </div>
187
-        </div>
188
-        <div class="left">
189
-          <div class="nomal">
190
-            <label class="col_0">입금금액&nbsp;:</label>
191
-            <div class="history">
192
-              <div class="fn">1,000,000</div>
193
-            </div>
194
-            <label class="col_0">입금자&nbsp;:</label>
195
-            <div class="history">
196
-              <div class="fn">홍길동</div>
197
-            </div>
198
-          </div>
199
-        </div>
200
-        <div class="left">
201
-          <div class="nomal">
202
-            <label class="col_0">입금정보&nbsp;:</label>
203
-            <div class="history">
204
-              <div class="fn">11122233344</div>
205
-              <div class="fn">(우리은행)</div>
206
-            </div>
207
-          </div>
208
-        </div>
209
-        <div class="left">
210
-          <div class="nomal">
211
-            <label class="col_0">처리결과&nbsp;:</label>
212
-            <div class="history">
213
-              <div class="fn">입금요청</div> 
214
-              <div class="fn">(2022.10.05)</div> 
215
-            </div>
216
-          </div>
217
-        </div>
218
-      </li>
219
-    </div>
131
+  <div id="ITP_AJAX_MLOANMNG02010_DETAIL_CONTAINER">
132
+  	<form id="ITP_FORM_MLOANMNG02010_DETAIL" class="form-horizontal" onsubmit="return false;">
133
+      <input type="hidden" id="ITP_FORM_MLOANMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
134
+	    <div class="content">
135
+	      <div class="line">
136
+	        <label>반품장소</label>
137
+	        <div class="search_wrap">
138
+		        <div class="float_left">
139
+		          <input id="ITP_FORM_MLOANMNG02010_DETAIL_RTN_PLACE" type="text" placeholder="A매장명">
140
+		        </div>
141
+		        <div class="float_left_btn">
142
+		          <button id="ITP_BTN_MLOANMNG02010_DETAIL_SEARCH_RTN_PLACE" data-call-popup="ITP_POP_MPOMNG02010_WHS_AREA"><img src="../img/search.png" alt=""></button>
143
+		          <button id="ITP_BTN_MLOANMNG02010_DETAIL_DELETE_RTN_PLACE"><img src="../img/delete.png" alt=""></button>
144
+		        </div>
145
+	        </div>
146
+	      </div>
147
+	      <div class="line">
148
+	        <label>반품발주상태</label>
149
+	        <div class="line_right">
150
+	          <select name="rtnPodrStCd" id="ITP_FORM_MLOANMNG02010_DETAIL_RTN_PODR_ST_CD">
151
+	            <option value=""></option>
152
+	          </select>
153
+	        </div>
154
+	      </div>
155
+	      <div class="line">
156
+	        <label>입금일자</label>
157
+	        <div class="date_to">
158
+	          <input id="ITP_FORM_MLOANMNG02010_DETAIL_DPST_DT" name="dpstDt" class="year" type="date">
159
+	          <div class="at">~</div>
160
+	          <input id="ITP_FORM_MLOANMNG02010" class="year" type="date">
161
+	        </div>
162
+	      </div>
163
+	      <div class="line">
164
+	        <div class="search">
165
+	          <button id="ITP_BTN_MLOANMNG02010_DETAIL_" class="col_3 btn-yellow btn-sm ">입금등록</button>
166
+	          <button id="ITP_BTN_MLOANMNG02010_DETAIL_SEARCH" class="col_5 btn-primary btn-sm ADB">검색</button>
167
+	        </div>
168
+	      </div>
169
+	      <div class="table_header">
170
+	        <h1>> 입금 요청 내역</h1>
171
+	      </div>
172
+	    </div>
173
+      	<div id="ITP_LIST_MLOANMNG02010_ITEM_AREA" class="scroll_area row-2">
174
+        	<ul id="ITP_LIST_MLOANMNG02010_DETAIL_ROWS" class="panel-group"></ul>
175
+        	<div id="ITP_LIST_MLOANMNG02010_DETAIL_ROWCOPY" style="display: block;">
176
+		      <li class="history_list4">
177
+		        <div class="button_right">
178
+		          <button id="ITP_BTN_MLOANMNG02010_DETAIL" class="btn-primary AGR">승인</button>
179
+		          <button id="ITP_BTN_MLOANMNG02010_DETAIL" class="btn-danger RJT">반려</button>
180
+		        </div>
181
+		        <div class="left btn">
182
+		          <div class="nomal">
183
+		            <label class="col_0">매장명&nbsp;&nbsp;&nbsp;:&nbsp;</label>
184
+		            <div class="col_5">
185
+		              <div class="col_5 fnStoreNm">A매장</div>
186
+		            </div>
187
+		            <label class="col_0">입금일자&nbsp;:</label>
188
+		            <div class="history">
189
+		              <div class="fnDpstDt">2022.10.05</div>
190
+		            </div>
191
+		          </div>
192
+		        </div>
193
+		        <div class="left btn">
194
+		          <div class="nomal">
195
+		            <label class="col_0">입금금액&nbsp;:</label>
196
+		            <div class="history">
197
+		              <div class="fnDpstAmt">1,000,000</div>
198
+		            </div>
199
+		            <label class="col_0">입금자&nbsp;:</label>
200
+		            <div class="col_5">
201
+		              <div class="col_5 fnDpstNm">홍길동</div>
202
+		            </div>
203
+		          </div>
204
+		        </div>
205
+		        <div class="left btn">
206
+		          <div class="nomal">
207
+		            <label class="col_0">입금정보&nbsp;:</label>
208
+		            <div class="history">
209
+		              <div class="fnDpstAcctNo">11122233344</div>
210
+		              <div class="fnDpstBnk">(우리은행)</div>
211
+		            </div>
212
+		          </div>
213
+		        </div>
214
+		        <div class="left btn">
215
+		          <div class="nomal">
216
+		            <label class="col_0">처리결과&nbsp;:</label>
217
+		            <div class="history">
218
+		              <div class="fn">입금요청</div> 
219
+		              <div class="fn">(2022.10.05)</div> 
220
+		            </div>
221
+		          </div>
222
+		        </div>
223
+		      </li>
224
+	      </div>
225
+	    </div>
226
+    </form>
220 227
   </div>
221 228
 </section>

+ 192 - 180
src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html

@@ -1,187 +1,199 @@
1
-<section>
1
+<section id="ITP_MOBILE_MLOANMNG03010">
2 2
   <div id="ITP_AJAX_MLOANMNG03010_VIEW" style="display: block;">
3
-    <div class="content">
4
-      <div class="line">
5
-        <label>매장선택</label>
6
-        <div class="search_wrap">
7
-	        <div class="float_left">
8
-	          <input id="ITP_FORM_MLOANMNG03010_VIEW" type="text" placeholder="A매장명">
3
+   	<form id="ITP_FORM_MLOANMNG03010_VIEW" class="form-horizontal" onsubmit="return false;">
4
+      <input type="hidden" id="ITP_FORM_MLOANMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	      <div class="line">
7
+	        <label>매장선택</label>
8
+	        <div class="search_wrap">
9
+		        <div class="float_left">
10
+		          <input id="ITP_FORM_MLOANMNG03010_VIEW_STORE_NM" type="text" placeholder="A매장명">
11
+		        </div>
12
+		        <div class="float_left_btn">
13
+		          <button id="ITP_BTN_MLOANMNG03010_VIEW_SEARCH_STORE_NM" data-call-popup="ITP_POP_MLOANMNG03010_STORE_AREA"><img src="../img/search.png" alt=""></button>
14
+		          <button id="ITP_BTN_MLOANMNG03010_VIEW_DETELE_sSTORE_NM"><img src="../img/delete.png" alt=""></button>
15
+		        </div>
9 16
 	        </div>
10
-	        <div class="float_left_btn">
11
-	          <button id="ITP_BTN_MLOANMNG03010"><img src="../img/search.png" alt=""></button>
12
-	          <button id="ITP_BTN_MLOANMNG03010"><img src="../img/delete.png" alt=""></button>
17
+	      </div>
18
+	     <!--  <div class="line">
19
+	        <label>정산상태</label>
20
+	        <div class="line_right">
21
+	          <select name="" id="ITP_FORM_MLOANMNG03010_VIEW">
22
+	            <option value=""></option>
23
+	          </select>
13 24
 	        </div>
14
-        </div>
15
-      </div>
16
-      <div class="line">
17
-        <label>정산상태</label>
18
-        <div class="line_right">
19
-          <select name="" id="ITP_FORM_MLOANMNG03010_VIEW">
20
-            <option value=""></option>
21
-          </select>
22
-        </div>
23
-      </div>
24
-      <div class="line">
25
-        <label>정산요청일</label>
26
-        <div class="date_to">
27
-          <input id="ITP_FORM_MLOANMNG03010_VIEW" class="year" type="date">
28
-          <div class="at">~</div>
29
-          <input id="ITP_FORM_MLOANMNG03010_VIEW" class="year" type="date">
30
-        </div>
31
-      </div>
32
-      <div class="line" style="height:45px;"">
33
-        <div class="search">
34
-          <button id="ITP_BTN_MLOANMNG03010" class="btn-primary btn-sm ADB">검색</button>
35
-        </div>
36
-      </div>
37
-      <div class="table_header">
38
-        <h1>> 정산 내역</h1>
39
-      </div>
40
-    </div>
41
-    <div class="scroll_area row-2">
42
-      <li class="history_list">
43
-        <div class="left">
44
-          <div class="nomal">
45
-            <label class="history_label">브랜드명 &nbsp;:</label>
46
-            <div class="history">
47
-              <div class="fn">브랜드명</div>
48
-            </div>
49
-            <label class="history_label">매장명&nbsp;:</label>
50
-            <div class="history">
51
-              <div class="fn">A매장</div>
52
-            </div>
53
-          </div>
54
-        </div>
55
-        <div class="left">
56
-          <div class="nomal">
57
-            <label class="history_label">정산상태 &nbsp;:</label>
58
-            <div class="history">
59
-              <div class="fn">정산요청</div>
60
-            </div>
61
-            <label class="history_label">정산요청일&nbsp;:</label>
62
-            <div class="history">
63
-              <div class="fn">2022.10.05</div>
64
-            </div>
65
-          </div>
66
-        </div>
67
-        <div class="left">
68
-          <div class="nomal">
69
-            <label class="history_label">정산금액 &nbsp;:</label>
70
-            <div class="history">
71
-              <div class="fn">1,000,000</div>
72
-            </div>
73
-            <label class="history_label">잔액&nbsp;:</label>
74
-            <div class="history">
75
-              <div class="fn">1,200,000</div>
76
-            </div>
77
-          </div>
78
-        </div>
79
-      </li>
80
-    </div>
25
+	      </div> -->
26
+	      <div class="line">
27
+	        <label>정산요청일</label>
28
+	        <div class="date_to">
29
+	          <input id="ITP_FORM_MLOANMNG03010_VIEW_STTL_DT" name="sttlDt" class="year" type="date">
30
+	          <div class="at">~</div>
31
+	          <input id="ITP_FORM_MLOANMNG03010_VIEW" class="year" type="date">
32
+	        </div>
33
+	      </div>
34
+	      <div class="line" style="height:45px;">
35
+	        <div class="search">
36
+	          <button id="ITP_BTN_MLOANMNG03010" class="btn-primary btn-sm ADB">검색</button>
37
+	        </div>
38
+	      </div>
39
+	      <div class="table_header">
40
+	        <h1>> 정산 내역</h1>
41
+	      </div>
42
+	    </div>
43
+      	<div id="ITP_LIST_MLOANMNG03010_ITEM_AREA" class="scroll_area row-1">
44
+        	<ul id="ITP_LIST_MLOANMNG03010_DETAIL_ROWS" class="panel-group"></ul>
45
+        	<div id="ITP_LIST_MLOANMNG03010_DETAIL_ROWCOPY" style="display: block;">
46
+		      <li class="history_list5">
47
+		        <div class="left">
48
+		          <div class="nomal">
49
+		            <label class="history_label">브랜드명 &nbsp;:</label>
50
+		            <div class="history">
51
+		              <div class="fnBrandNm">브랜드명</div>
52
+		            </div>
53
+		            <label class="history_label">매장명&nbsp;:</label>
54
+		            <div class="history">
55
+		              <div class="fnStoreNm">A매장</div>
56
+		            </div>
57
+		          </div>
58
+		        </div>
59
+		        <div class="left">
60
+		          <div class="nomal">
61
+		            <label class="history_label">정산상태 &nbsp;:</label>
62
+		            <div class="history">
63
+		              <div class="fnSttlStCd">정산요청</div>
64
+		            </div>
65
+		            <label class="history_label">정산요청일&nbsp;:</label>
66
+		            <div class="history">
67
+		              <div class="fnSttlReqDt">2022.10.05</div>
68
+		            </div>
69
+		          </div>
70
+		        </div>
71
+		        <div class="left">
72
+		          <div class="nomal">
73
+		            <label class="history_label">정산금액 &nbsp;:</label>
74
+		            <div class="history">
75
+		              <div class="fnSttlAmt">1,000,000</div>
76
+		            </div>
77
+		            <label class="history_label">잔액&nbsp;:</label>
78
+		            <div class="history">
79
+		              <div class="fnBal">1,200,000</div>
80
+		            </div>
81
+		          </div>
82
+		        </div>
83
+		      </li>
84
+	      </div>
85
+	    </div>
86
+    </form>
81 87
   </div>
82 88
   <div id="ITP_AJAX_MLOANMNG03010_DETAIL" style="display: none;">
83
-    <div class="content">
84
-      <div class="line">
85
-        <label>매장명</label>
86
-        <div class="search_wrap">
87
-          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" placeholder="A매장명">
88
-        </div>      
89
-      </div>
90
-      <div class="line">
91
-        <label class="col_6">정산일자</label>
92
-        <div class="search_wrap">
93
-          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
94
-        </div>
95
-      </div>
96
-      <div class="line">
97
-        <label>정산상태</label>
98
-        <div class="search_wrap">
99
-          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
100
-        </div>
101
-      </div>
102
-      <div class="line">
103
-        <label>정산금액</label>
104
-        <div class="search_wrap">
105
-          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
106
-        </div>
107
-      </div>
108
-      <div class="line">
109
-        <label>잔액</label>
110
-        <div class="search_wrap">
111
-          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="text" >
112
-        </div>
113
-      </div>
114
-      <div class="line">
115
-        <label>정산등록일자</label>
116
-        <div class="search_wrap">
117
-          <input id="ITP_FORM_MLOANMNG03010_DETAIL" type="date" style="width:178px;">
118
-        </div>
119
-      </div>
120
-      <div class="table_header">
121
-        <h1>> 정산 상세 내역</h1>
122
-      </div>
123
-    </div>
124
-    <div class="scroll_area row-4">
125
-      <li class="history_list2">
126
-        <div>
127
-          <div class="left">
128
-            <div class="nomal">
129
-              <label class="col_0">품목아이디 &nbsp;:</label>
130
-              <div class="space2">
131
-                <div class="fn">adsf1234</div>
132
-              </div>
133
-              <label class="col_0">품목명&nbsp;:</label>
134
-              <div class="space2">
135
-                <div class="fn">커피원두</div>
136
-              </div>
137
-            </div>
138
-          </div>
139
-          <div class="left">
140
-            <div class="nomal">
141
-              <label class="col_0">단가 &nbsp;:</label>
142
-              <div class="space2">
143
-                <div class="fn">1,000원</div>
144
-              </div>
145
-              <label class="col_0">단위&nbsp;:</label>
146
-              <div class="space2">
147
-                <div class="fn">Kg</div>
148
-              </div>
149
-            </div>
150
-          </div>
151
-          <div class="left">
152
-            <div class="nomal">
153
-              <label class="col_0">발주(납품)수량 &nbsp;:</label>
154
-              <div style="min-width:0px;">
155
-                <div class="fn" style="min-width:0px;">100</div>
156
-              </div>
157
-              <label class="col_0">입고(수거)일자&nbsp;:</label>
158
-              <div>
159
-                <div class="fn">2022.10.05</div>
160
-              </div>
161
-            </div>
162
-          </div>
163
-          <div class="left">
164
-            <div class="nomal">
165
-              <label class="col_0">입고(수거)수량 &nbsp;:</label>
166
-              <div style="min-width:0px;">
167
-                <div class="fn"style="min-width:0px;" >100</div>
168
-              </div>
169
-              <label class="col_0">입고(수거)금액&nbsp;:</label>
170
-              <div class="fn">
171
-                <div class="fn">500,000</div>
172
-              </div>
173
-            </div>
174
-          </div>
175
-          <div class="left">
176
-            <div class="nomal">
177
-              <label class="col_0">정산구분 &nbsp;:</label>
178
-              <div class="space2">
179
-                <div class="fn">입고</div>
180
-              </div>
181
-            </div>
182
-          </div>
183
-        </div>
184
-      </li>
185
-    </div>
89
+  	<form id="ITP_FORM_MLOANMNG03010_DETAIL" class="form-horizontal" onsubmit="return false;">
90
+	    <input type="hidden" id="ITP_FORM_MLOANMNG03010_DETAIL_VIEW_CD" name="viewCd" value="C">
91
+	    <div class="content">
92
+	      <div class="line">
93
+	        <label>매장명</label>
94
+	        <div class="search_wrap">
95
+	          <input id="ITP_FORM_MLOANMNG03010_DETAIL_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
96
+	        </div>      
97
+	      </div>
98
+	      <div class="line">
99
+	        <label class="col_6">정산일자</label>
100
+	        <div class="search_wrap">
101
+	          <input id="ITP_FORM_MLOANMNG03010_DETAIL_STTL_DT" name="sttlDt" type="text" >
102
+	        </div>
103
+	      </div>
104
+	      <div class="line">
105
+	        <label>정산상태</label>
106
+	        <div class="search_wrap">
107
+	          <input id="ITP_FORM_MLOANMNG03010_DETAIL_STTL_ST_CD" name="sttlStCd" type="text" >
108
+	        </div>
109
+	      </div>
110
+	      <div class="line">
111
+	        <label>정산금액</label>
112
+	        <div class="search_wrap">
113
+	          <input id="ITP_FORM_MLOANMNG03010_DETAIL_STTL_AMT" name="sttlAmt" type="text" >
114
+	        </div>
115
+	      </div>
116
+	      <div class="line">
117
+	        <label>잔액</label>
118
+	        <div class="search_wrap">
119
+	          <input id="ITP_FORM_MLOANMNG03010_DETAIL_BAL" name="bal" type="text" >
120
+	        </div>
121
+	      </div>
122
+	      <div class="line">
123
+	        <label>정산등록일자</label>
124
+	        <div class="search_wrap">
125
+	          <input id="ITP_FORM_MLOANMNG03010_DETAIL_STTl_REG_DT" name="sttlRegDt" type="date" style="width:178px;">
126
+	        </div>
127
+	      </div>
128
+	      <div class="table_header">
129
+	        <h1>> 정산 상세 내역</h1>
130
+	      </div>
131
+	    </div>
132
+      	<div id="ITP_LIST_MLOANMNG03010_ITEM_AREA" class="scroll_area row-4">
133
+        	<ul id="ITP_LIST_MLOANMNG03010_DETAIL_ROWS" class="panel-group"></ul>
134
+        	<div id="ITP_LIST_MLOANMNG03010_DETAIL_ROWCOPY" style="display: block;">
135
+		      <li class="history_list2">
136
+		        <div>
137
+		          <div class="left">
138
+		            <div class="nomal">
139
+		              <label class="col_0">품목아이디 &nbsp;:</label>
140
+		              <div class="space2">
141
+		                <div class="fnItemId">adsf1234</div>
142
+		              </div>
143
+		              <label class="col_0">품목명&nbsp;:</label>
144
+		              <div class="space2">
145
+		                <div class="fnItemNm">커피원두</div>
146
+		              </div>
147
+		            </div>
148
+		          </div>
149
+		          <div class="left">
150
+		            <div class="nomal">
151
+		              <label class="col_0">단가 &nbsp;:</label>
152
+		              <div class="space2">
153
+		                <div class="fnUnit">1,000원</div>
154
+		              </div>
155
+		              <label class="col_0">단위&nbsp;:</label>
156
+		              <div class="space2">
157
+		                <div class="fnUnit">Kg</div>
158
+		              </div>
159
+		            </div>
160
+		          </div>
161
+		          <div class="left">
162
+		            <div class="nomal">
163
+		              <label class="col_0">발주(납품)수량 &nbsp;:</label>
164
+		              <div style="min-width:0px;">
165
+		                <div class="fnPodrQyt" style="min-width:0px;">100</div>
166
+		              </div>
167
+		              <label class="col_0">입고(수거)일자&nbsp;:</label>
168
+		              <div>
169
+		                <div class="fnColDt">2022.10.05</div>
170
+		              </div>
171
+		            </div>
172
+		          </div>
173
+		          <div class="left">
174
+		            <div class="nomal">
175
+		              <label class="col_0">입고(수거)수량 &nbsp;:</label>
176
+		              <div style="min-width:0px;">
177
+		                <div class="fnColQty" style="min-width:0px;" >100</div>
178
+		              </div>
179
+		              <label class="col_0">입고(수거)금액&nbsp;:</label>
180
+		              <div class="fn">
181
+		                <div class="fnColAmt">500,000</div>
182
+		              </div>
183
+		            </div>
184
+		          </div>
185
+		          <div class="left">
186
+		            <div class="nomal">
187
+		              <label class="col_0">정산구분 &nbsp;:</label>
188
+		              <div class="space2">
189
+		                <div class="fnSttlDvsn">입고</div>
190
+		              </div>
191
+		            </div>
192
+		          </div>
193
+		        </div>
194
+		      </li>
195
+	      </div>
196
+	    </div>
197
+    </form>
186 198
   </div>
187 199
 </section>

+ 226 - 214
src/main/webapp/mobile/app/mordmng/MORDMNG01010.html

@@ -1,218 +1,230 @@
1
-<section>
2
-  <div id="ITP_AJAX_MORDMNG01010_VIEW_CONTAINER" style="display: none;">
3
-    <div class="content">
4
-      <div class="line">
5
-        <label>납품장소</label>
6
-        <div class="search_wrap">
7
-	        <div class="float_left">
8
-	          <input id="ITP_FORM_MORDMNG01010_VIEW" type="text" placeholder="A매장명">
1
+<section id="ITP_MOBILE_MORDMNG01010">
2
+  <div id="ITP_AJAX_MORDMNG01010_DETAIL_CONTAINER" style="display: none;">
3
+    <form id="ITP_FORM_MORDMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
4
+      <input type="hidden" id="ITP_FORM_MORDMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	      <div class="line">
7
+	        <label>납품장소</label>
8
+	        <div class="search_wrap">
9
+		        <div class="float_left">
10
+		          <input id="ITP_FORM_MORDMNG01010_DETAIL_DLV_PLACE" name="dlvPlace" type="text" placeholder="A매장명">
11
+		        </div>
12
+		        <div class="float_left_btn">
13
+		          <button id="ITP_BTN_MORDMNG01010_DETAIL_SEARCH_DLV_PLACE" data-call-popup="ITP_POP_MORDMNG01010_DLV_AREA"><img src="../img/search.png" alt=""></button>
14
+		          <button id="ITP_BTN_MORDMNG01010_DETAIL_DETELE_DLV_PLACE"><img src="../img/delete.png" alt=""></button>
15
+		        </div>	
9 16
 	        </div>
10
-	        <div class="float_left_btn">
11
-	          <button id="ITP_BTN_MORDMNG01010"><img src="../img/search.png" alt=""></button>
12
-	          <button id="ITP_BTN_MORDMNG01010"><img src="../img/delete.png" alt=""></button>
13
-	        </div>	
14
-        </div>
15
-      </div>
16
-      <div class="line">
17
-        <label>수주상태</label>
18
-        <div class="line_right">
19
-          <select name="" id="ITP_FORM_MORDMNG01010_VIEW">
20
-            <option value=""></option>
21
-          </select>
22
-        </div>
23
-      </div>
24
-      <div class="line">
25
-        <label>수주일자</label>
26
-        <div class="date_to">
27
-          <input id="ITP_FORM_MORDMNG01010_VIEW" class="year" type="date">
28
-          <div class="at">~</div>
29
-          <input id="ITP_FORM_MORDMNG01010_VIEW" class="year" type="date">
30
-        </div>
31
-      </div>
32
-      <div class="line">
33
-        <select class="label" name="" id="ITP_FORM_MORDMNG01010_VIEW">
34
-          <option value="">발주번호/품목명</option>
35
-        </select>
36
-        <div class="search_wrap">
37
-          <input id="ITP_FORM_MORDMNG01010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
38
-        </div>
39
-      </div>
40
-      <div class="line" style="height:50px;">
41
-        <div class="search">
42
-          <button id="ITP_BTN_MORDMNG01010" class="btn-primary btn-sm ADB">검색</button>
43
-        </div>
44
-      </div>
45
-      <div class="table_header">
46
-        <h1>> 수거수주 내역</h1>
47
-      </div>
48
-    </div>
49
-    <div class="scroll_area row-3">
50
-      <li class="history_list">
51
-        <div>
52
-          <div class="left">
53
-            <div class="nomal">
54
-              <label>브랜드명 &nbsp;:</label>
55
-              <div>
56
-                <div class="fn">브랜드명</div>
57
-              </div>
58
-              <label>발주번호&nbsp;:</label>
59
-              <div>
60
-                <div class="fn">PO1234123</div>
61
-              </div>
62
-            </div>
63
-          </div>
64
-          <div class="left">
65
-            <div class="nomal">
66
-              <label>발주상태 &nbsp;:</label>
67
-              <div>
68
-                <div class="fn">요청</div>
69
-              </div>
70
-              <label>발주일자&nbsp;:</label>
71
-              <div>
72
-                <div class="fn">2022.10.05</div>
73
-              </div>
74
-            </div>
75
-          </div>
76
-          <div class="left">
77
-            <div class="nomal">
78
-              <label class="col_6">납품요청일 &nbsp;:</label>
79
-              <div>
80
-                <div class="fn">2022.10.09</div>
81
-              </div>
82
-              <label>납품장소&nbsp;:</label>
83
-              <div>
84
-                <div class="fn">A창고</div>
85
-              </div>
86
-            </div>
87
-          </div>
88
-          <div class="left">
89
-            <div class="nomal">
90
-              <label>발주금액 &nbsp;:</label>
91
-              <div>
92
-                <div class="fn">2,000,000</div>
93
-              </div>
94
-              <label>품목수&nbsp;:</label>
95
-              <div>
96
-                <div class="fn">3개</div>
97
-              </div>
98
-            </div>
99
-          </div>
100
-        </div>
101
-      </li>
102
-    </div>
17
+	      </div>
18
+	      <div class="line">
19
+	        <label>수주상태</label>
20
+	        <div class="line_right">
21
+	          <select name="stCd" id="ITP_FORM_MORDMNG01010_DETAIL_ST_CD">
22
+	            <option value=""></option>
23
+	          </select>
24
+	        </div>
25
+	      </div>
26
+	      <div class="line">
27
+	        <label>수주일자</label>
28
+	        <div class="date_to">
29
+	          <input id="ITP_FORM_MORDMNG01010_DETAIL_FORM_DT" name="formDt" class="year" type="date">
30
+	          <div class="at">~</div>
31
+	          <input id="ITP_FORM_MORDMNG01010_DETAIL_TO_DT" name="toDt" class="year" type="date">
32
+	        </div>
33
+	      </div>
34
+	      <div class="line">
35
+	        <select class="label" name="itemNm" id="ITP_FORM_MORDMNG01010_DETAIL_ITEM_NM">
36
+	          <option value="">발주번호/품목명</option>
37
+	        </select>
38
+	        <div class="search_wrap">
39
+	          <input id="ITP_FORM_MORDMNG01010_DETAIL_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="검색어입력">
40
+	        </div>
41
+	      </div>
42
+	      <div class="line" style="height:50px;">
43
+	        <div class="search">
44
+	          <button id="ITP_BTN_MORDMNG01010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
45
+	        </div>
46
+	      </div>
47
+	      <div class="table_header">
48
+	        <h1>> 수거수주 내역</h1>
49
+	      </div>
50
+	    </div>
51
+      	<div id="ITP_LIST_MORDMNG01010_ITEM_AREA" class="scroll_area row-3">
52
+        	<ul id="ITP_LIST_MORDMNG01010_DETAIL_ROWS" class="panel-group"></ul>
53
+        	<div id="ITP_LIST_MORDMNG01010_DETAIL_ROWCOPY" style="display:none;">
54
+		      <li class="history_list">
55
+		        <div>
56
+		          <div class="left">
57
+		            <div class="nomal">
58
+		              <label>브랜드명 &nbsp;:</label>
59
+		              <div>
60
+		                <div class="fnBrandNm">브랜드명</div>
61
+		              </div>
62
+		              <label>발주번호&nbsp;:</label>
63
+		              <div>
64
+		                <div class="fnPodrNo">PO1234123</div>
65
+		              </div>
66
+		            </div>
67
+		          </div>
68
+		          <div class="left">
69
+		            <div class="nomal">
70
+		              <label>발주상태 &nbsp;:</label>
71
+		              <div>
72
+		                <div class="fnPodrStCd">요청</div>
73
+		              </div>
74
+		              <label>발주일자&nbsp;:</label>
75
+		              <div>
76
+		                <div class="fnPodrDt">2022.10.05</div>
77
+		              </div>
78
+		            </div>
79
+		          </div>
80
+		          <div class="left">
81
+		            <div class="nomal">
82
+		              <label class="col_6">납품요청일 &nbsp;:</label>
83
+		              <div>
84
+		                <div class="fnDlvReqDt">2022.10.09</div>
85
+		              </div>
86
+		              <label>납품장소&nbsp;:</label>
87
+		              <div>
88
+		                <div class="fnDlvPlace">A창고</div>
89
+		              </div>
90
+		            </div>
91
+		          </div>
92
+		          <div class="left">
93
+		            <div class="nomal">
94
+		              <label>발주금액 &nbsp;:</label>
95
+		              <div>
96
+		                <div class="fnPodrAmt">2,000,000</div>
97
+		              </div>
98
+		              <label>품목수&nbsp;:</label>
99
+		              <div>
100
+		                <div class="fnItemQty">3개</div>
101
+		              </div>
102
+		            </div>
103
+		          </div>
104
+		        </div>
105
+		      </li>
106
+	      </div>
107
+	    </div>
108
+    </form>
103 109
   </div>
104
-  <div id="ITP_AJAX_MORDMNG01010_DETAIL_CONTAINER" style="display: block;">
105
-    <div class="content">
106
-      <div class="line">
107
-        <label>브랜드명</label>
108
-        <div class="line_right">
109
-          <div class="fn">A브랜드명</div>
110
-        </div>      
111
-      </div>
112
-      <div class="line">
113
-        <label>발주번호</label>
114
-        <div class="line_right">
115
-          <div class="fn">PO12345678</div>
116
-        </div>      
117
-      </div>
118
-      <div class="line">
119
-        <label>발주일자</label>
120
-        <div class="line_right">
121
-          <div class="fn">2022.10.09</div>
122
-        </div>      
123
-      </div>
124
-      <div class="line">
125
-        <label>발주상태</label>
126
-        <div class="line_right">
127
-          <div class="fn">발주요청</div>
128
-        </div>      
129
-      </div>
130
-      <div class="line">
131
-        <label>납품장소</label>
132
-        <div class="line_right">
133
-          <div class="fn">A창고</div>
134
-        </div>      
135
-      </div>
136
-      <div class="line">
137
-        <label>발주금액</label>
138
-        <div class="line_right">
139
-          <div class="fn">800,000원</div>
140
-        </div>      
141
-      </div>
142
-      <div class="line">
143
-        <label>발주담당자</label>
144
-        <div class="line_right">
145
-          <div class="fn">홍길동</div>
146
-        </div>      
147
-      </div>
148
-      <div class="table_header">
149
-        <h1>> 수주 상세 내역</h1>
150
-      </div>
151
-    </div>
152
-    <div class="scroll_area row-5">
153
-      <li class="history_list2">
154
-        <div>
155
-          <div class="left">
156
-            <div class="nomal">
157
-              <label>순번 &nbsp;:</label>
158
-              <div class="space2">
159
-                <div class="fn">1</div>
160
-              </div>
161
-              <label class="col_0">품목아이디&nbsp;:</label>
162
-              <div class="space2">
163
-                <div class="fn">asdf1234</div>
164
-              </div>
165
-            </div>
166
-          </div>
167
-          <div class="left">
168
-            <div class="nomal">
169
-              <label>품목명 &nbsp;:</label>
170
-              <div class="space2">
171
-                <div class="fn">커피원두</div>
172
-              </div>
173
-              <label>가격단위&nbsp;:</label>
174
-              <div class="space2">
175
-                <div class="fn">1</div>
176
-              </div>
177
-            </div>
178
-          </div>
179
-          <div class="left">
180
-            <div class="nomal">
181
-              <label>단가 &nbsp;:</label>
182
-              <div>
183
-                <div class="fn">1,000원</div>
184
-              </div>
185
-              <label>단위&nbsp;:</label>
186
-              <div>
187
-                <div class="fn">Kg</div>
188
-              </div>
189
-            </div>
190
-          </div>
191
-          <div class="left">
192
-            <div class="nomal">
193
-              <label>발주수량 &nbsp;:</label>
194
-              <div>
195
-                <div class="fn">10</div>
196
-              </div>
197
-              <label>발주금액&nbsp;:</label>
198
-              <div>
199
-                <div class="fn">500,000</div>
200
-              </div>
201
-            </div>
202
-          </div>
203
-          <div class="left">
204
-            <div class="nomal">
205
-              <label class="col_6">납기요청일 &nbsp;:</label>
206
-              <div>
207
-                <div class="fn">2022.10.09</div>
208
-              </div>
209
-            </div>
210
-          </div>
211
-        </div>
212
-      </li>
213
-    </div>
214
-    <div class="button_bar">
215
-      <button id="ITP_BTN_MORDMNG01010" class="col_12 btn-gray CLB">취소</button>
216
-    </div>
110
+  <div id="ITP_AJAX_MORDMNG01010_VIEW_CONTAINER" style="display: block;">
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">
113
+	    <div class="content">
114
+	      <div class="line">
115
+	        <label>브랜드명</label>
116
+	        <div class="line_right">
117
+	          <div class="fnbrandNm">A브랜드명</div>
118
+	        </div>      
119
+	      </div>
120
+	      <div class="line">
121
+	        <label>발주번호</label>
122
+	        <div class="line_right">
123
+	          <div class="fnPodrNo">PO12345678</div>
124
+	        </div>      
125
+	      </div>
126
+	      <div class="line">
127
+	        <label>발주일자</label>
128
+	        <div class="line_right">
129
+	          <div class="fnPodrDt">2022.10.09</div>
130
+	        </div>      
131
+	      </div>
132
+	      <div class="line">
133
+	        <label>발주상태</label>
134
+	        <div class="line_right">
135
+	          <div class="fnPodrStCd">발주요청</div>
136
+	        </div>      
137
+	      </div>
138
+	      <div class="line">
139
+	        <label>납품장소</label>
140
+	        <div class="line_right">
141
+	          <div class="fnDlvPlace">A창고</div>
142
+	        </div>      
143
+	      </div>
144
+	      <div class="line">
145
+	        <label>발주금액</label>
146
+	        <div class="line_right">
147
+	          <div class="fnPodrAmt">800,000원</div>
148
+	        </div>      
149
+	      </div>
150
+	      <div class="line">
151
+	        <label>발주담당자</label>
152
+	        <div class="line_right">
153
+	          <div class="fnPodrMgrNm">홍길동</div>
154
+	        </div>      
155
+	      </div>
156
+	      <div class="table_header">
157
+	        <h1>> 수주 상세 내역</h1>
158
+	      </div>
159
+	    </div>
160
+      	<div id="ITP_LIST_MORDMNG01010_ITEM_AREA" class="scroll_area row-5">
161
+        	<ul id="ITP_LIST_MORDMNG01010_VIEW_ROWS" class="panel-group"></ul>
162
+        	<div id="ITP_LIST_MORDMNG01010_VIEW_ROWCOPY" style="display: none;">
163
+		      <li class="history_list2">
164
+		        <div>
165
+		          <div class="left">
166
+		            <div class="nomal">
167
+		              <label>순번 &nbsp;:</label>
168
+		              <div class="space2">
169
+		                <div class="fnSeq">1</div>
170
+		              </div>
171
+		              <label class="col_0">품목아이디&nbsp;:</label>
172
+		              <div class="space2">
173
+		                <div class="fnItemId">asdf1234</div>
174
+		              </div>
175
+		            </div>
176
+		          </div>
177
+		          <div class="left">
178
+		            <div class="nomal">
179
+		              <label>품목명 &nbsp;:</label>
180
+		              <div class="space2">
181
+		                <div class="fnItemNm">커피원두</div>
182
+		              </div>
183
+		              <label>가격단위&nbsp;:</label>
184
+		              <div class="space2">
185
+		                <div class="fnUnitQty">1</div>
186
+		              </div>
187
+		            </div>
188
+		          </div>
189
+		          <div class="left">
190
+		            <div class="nomal">
191
+		              <label>단가 &nbsp;:</label>
192
+		              <div>
193
+		                <div class="fnUnit">1,000원</div>
194
+		              </div>
195
+		              <label>단위&nbsp;:</label>
196
+		              <div>
197
+		                <div class="fnUnit">Kg</div>
198
+		              </div>
199
+		            </div>
200
+		          </div>
201
+		          <div class="left">
202
+		            <div class="nomal">
203
+		              <label>발주수량 &nbsp;:</label>
204
+		              <div>
205
+		                <div class="fnPodrQty">10</div>
206
+		              </div>
207
+		              <label>발주금액&nbsp;:</label>
208
+		              <div>
209
+		                <div class="fnPodrAmt">500,000</div>
210
+		              </div>
211
+		            </div>
212
+		          </div>
213
+		          <div class="left">
214
+		            <div class="nomal">
215
+		              <label class="col_6">납기요청일 &nbsp;:</label>
216
+		              <div>
217
+		                <div class="fnDlvReqDt">2022.10.09</div>
218
+		              </div>
219
+		            </div>
220
+		          </div>
221
+		        </div>
222
+		      </li>
223
+	      </div>
224
+	    </div>
225
+	    <div class="button_bar">
226
+	      <button id="ITP_BTN_MORDMNG01010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
227
+	    </div>
228
+    </form>
217 229
   </div>
218 230
 </section>

+ 242 - 230
src/main/webapp/mobile/app/mordmng/MORDMNG02010.html

@@ -1,235 +1,247 @@
1
-<section>
2
-  <div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: block;">
3
-    <div class="content">
4
-      <div class="line">
5
-        <label>납품장소</label>
6
-        <div class="search_wrap">
7
-	        <div class="float_left">
8
-	          <input id="ITP_FORM_MORDMNG02010_VIEW" type="text" placeholder="A매장명">
1
+<section id="ITP_MOBILE_MORDMNG02010">
2
+  <div id="ITP_AJAX_MORDMNG02010_DETAIL_CONTAINER" style="display: block;">
3
+      <form id="ITP_FORM_MORDMNG02010_DETAIL" class="form-horizontal" onsubmit="return false;">
4
+      <input type="hidden" id="ITP_FORM_MORDMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	     <div class="line">
7
+	        <label>납품장소</label>
8
+	        <div class="search_wrap">
9
+		        <div class="float_left">
10
+		          <input id="ITP_FORM_MORDMNG02010_DETAIL_DLV_PLACE" name="dlvPlace" type="text" placeholder="A매장명">
11
+		        </div>
12
+		        <div class="float_left_btn">
13
+		          <button id="ITP_BTN_MORDMNG02010_DETAIL_SEARCH_DLV_PLACE" data-call-popup="ITP_POP_MORDMNG02010_DLV_AREA"><img src="../img/search.png" alt=""></button>
14
+		          <button id="ITP_BTN_MORDMNG02010_DETAIL_DETELE_DLV_PLACE"><img src="../img/delete.png" alt=""></button>
15
+		        </div>	
9 16
 	        </div>
10
-	        <div class="float_left_btn">
11
-	          <button id="ITP_BTN_MORDMNG02010"><img src="../img/search.png" alt=""></button>
12
-	          <button id="ITP_BTN_MORDMNG02010"><img src="../img/delete.png" alt=""></button>
17
+	      </div>
18
+	      <div class="line">
19
+	        <label>납품요청일</label>
20
+	        <div class="date_to">
21
+	          <input id="ITP_FORM_MORDMNG02010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="year" type="date">
22
+	          <div class="at">~</div>
23
+	          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="year" type="date">
13 24
 	        </div>
14
-        </div>
15
-      </div>
16
-      <div class="line">
17
-        <label>납품요청일</label>
18
-        <div class="date_to">
19
-          <input id="ITP_FORM_MORDMNG02010_VIEW" class="year" type="date">
20
-          <div class="at">~</div>
21
-          <input id="ITP_FORM_MORDMNG02010_VIEW" class="year" type="date">
22
-        </div>
23
-      </div>
24
-      <div class="line">
25
-        <select class="label" name="" id="ITP_FORM_MORDMNG02010_VIEW">
26
-          <option value="">발주번호/품목명</option>
27
-        </select>
28
-        <div class="search_wrap">
29
-          <input id="ITP_FORM_MORDMNG02010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
30
-        </div>
31
-      </div>
32
-      <div class="line" style="height:45px;">
33
-        <div class="search">
34
-          <button id="ITP_BTN_MORDMNG02010" class="btn-primary btn-sm ADB">검색</button>
35
-        </div>
36
-      </div>
37
-      <div class="table_header">
38
-        <h1>> 수주 내역</h1>
39
-      </div>
40
-    </div>
41
-    <div class="scroll_area row-2">
42
-      <li class="history_list3">
43
-        <div>
44
-          <div class="left">
45
-            <div class="nomal">
46
-              <label class="col_0">브랜드명 &nbsp;:</label>
47
-              <div>
48
-                <div class="fn space1">브랜드명</div>
49
-              </div>
50
-              <label class="col_0">발주번호&nbsp;:</label>
51
-              <div>
52
-                <div class="fn">PO1234123</div>
53
-              </div>
54
-            </div>
55
-          </div>
56
-          <div class="left">
57
-            <div class="nomal">
58
-              <label class="col_0">발주항번 &nbsp;:</label>
59
-              <div>
60
-                <div class="fn space1">1</div>
61
-              </div>
62
-              <label class="col_6">납품요청일 &nbsp;:</label>
63
-              <div>
64
-                <div class="fn space1">2022.10.09</div>
65
-              </div>
66
-            </div>
67
-          </div>
68
-          <div class="left">
69
-            <div class="nomal">
70
-              <label class="col_0">납품장소&nbsp;:</label>
71
-              <div>
72
-                <div class="fn space1">A창고</div>
73
-              </div>
74
-              <label class="col_0">품목번호 &nbsp;:</label>
75
-              <div>
76
-                <div class="fn space1">asdf1324</div>
77
-              </div>
78
-            </div>
79
-          </div>
80
-          <div class="left">
81
-            <div class="nomal">
82
-              <label class="col_0">품목명 &nbsp;:</label>
83
-              <div>
84
-                <div class="fn space1">asdf1324</div>
85
-              </div>
86
-              <label class="col_0">발주수량&nbsp;:</label>
87
-              <div>
88
-                <div class="fn">3개</div>
89
-              </div>
90
-            </div>
91
-          </div>
92
-          <div class="left">
93
-            <div class="nomal">
94
-              <label class="col_0">단가금액 &nbsp;:</label>
95
-              <div class="col_5">
96
-                <div class="fn col_5">1,000원</div>
97
-              </div>
98
-              <label class="col_0">발주금액&nbsp;:</label>
99
-              <div>
100
-                <div class="fn space0">20,000원</div>
101
-              </div>
102
-              <div class="scroll_btn">
103
-                <button id="ITP_BTN_MORDMNG02010">선택</button>
104
-              </div>
105
-            </div>
106
-          </div>
107
-        </div>
108
-      </li>
109
-      <div class="button_bar">
110
-        <button id="ITP_BTN_MORDMNG02010" class="btn_col_6 btn-primary IVC">납품서생성</button>
111
-        <button id="ITP_BTN_MORDMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
112
-      </div>
113
-    </div>
25
+	      </div>
26
+	      <div class="line">
27
+	        <select class="label" name="itemNm" id="ITP_FORM_MORDMNG02010_DETAIL_ITEM_NM">
28
+	          <option value="">발주번호/품목명</option>
29
+	        </select>
30
+	        <div class="search_wrap">
31
+	          <input id="ITP_FORM_MORDMNG02010_DETAIL_ITEM_NM" name="ITEM_NM" style="width: 262px;" type="text" placeholder="검색어입력">
32
+	        </div>
33
+	      </div>
34
+	      <div class="line" style="height:45px;">
35
+	        <div class="search">
36
+	          <button id="ITP_BTN_MORDMNG02010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
37
+	        </div>
38
+	      </div>
39
+	      <div class="table_header">
40
+	        <h1>> 수주 내역</h1>
41
+	      </div>
42
+	    </div>
43
+     	<div id="ITP_LIST_MORDMNG02010_ITEM_AREA" class="scroll_area row-2">
44
+        	<ul id="ITP_LIST_MORDMNG02010_DETAIL_ROWS" class="panel-group"></ul>
45
+        	<div id="ITP_LIST_MORDMNG02010_DETAIL_ROWCOPY" style="display:none;">
46
+		      <li class="history_list3">
47
+		        <div>
48
+		          <div class="left">
49
+		            <div class="nomal">
50
+		              <label class="col_0">브랜드명 &nbsp;:</label>
51
+		              <div>
52
+		                <div class="fnBrandNm space1">브랜드명</div>
53
+		              </div>
54
+		              <label class="col_0">발주번호&nbsp;:</label>
55
+		              <div>
56
+		                <div class="fnpodrNo">PO1234123</div>
57
+		              </div>
58
+		            </div>
59
+		          </div>
60
+		          <div class="left">
61
+		            <div class="nomal">
62
+		              <label class="col_0">발주항번 &nbsp;:</label>
63
+		              <div>
64
+		                <div class="fnPodrNo space1">1</div>
65
+		              </div>
66
+		              <label class="col_6">납품요청일 &nbsp;:</label>
67
+		              <div>
68
+		                <div class="fnDlvReqDt space1">2022.10.09</div>
69
+		              </div>
70
+		            </div>
71
+		          </div>
72
+		          <div class="left">
73
+		            <div class="nomal">
74
+		              <label class="col_0">납품장소&nbsp;:</label>
75
+		              <div>
76
+		                <div class="fnDlvPlace space1">A창고</div>
77
+		              </div>
78
+		              <label class="col_0">품목번호 &nbsp;:</label>
79
+		              <div>
80
+		                <div class="fnItemNo space1">asdf1324</div>
81
+		              </div>
82
+		            </div>
83
+		          </div>
84
+		          <div class="left">
85
+		            <div class="nomal">
86
+		              <label class="col_0">품목명 &nbsp;:</label>
87
+		              <div>
88
+		                <div class="fnItemNm space1">asdf1324</div>
89
+		              </div>
90
+		              <label class="col_0">발주수량&nbsp;:</label>
91
+		              <div>
92
+		                <div class="fnPodrQty">3개</div>
93
+		              </div>
94
+		            </div>
95
+		          </div>
96
+		          <div class="left">
97
+		            <div class="nomal">
98
+		              <label class="col_0">단가금액 &nbsp;:</label>
99
+		              <div class="col_5">
100
+		                <div class="fnUnitAmt col_5">1,000원</div>
101
+		              </div>
102
+		              <label class="col_0">발주금액&nbsp;:</label>
103
+		              <div>
104
+		                <div class="fnPodrAmt space0">20,000원</div>
105
+		              </div>
106
+		              <div class="scroll_btn">
107
+		                <button id="ITP_BTN_MORDMNG02010_DETAIL_CHOICE">선택</button>
108
+		              </div>
109
+		            </div>
110
+		          </div>
111
+		        </div>
112
+		      </li>
113
+	      </div>
114
+	      <div class="button_bar">
115
+	        <button id="ITP_BTN_MORDMNG02010_DETAIL" class="btn_col_6 btn-primary IVC">납품서생성</button>
116
+	        <button id="ITP_BTN_MORDMNG02010_DETAIL_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
117
+	      </div>
118
+	    </div>
119
+    </form>
114 120
   </div>
115
-  <div id="ITP_AJAX_MORDMNG02010_DETAIL_CONTAINER" style="display: none;">
116
-    <div class="content">
117
-      <div class="line">
118
-        <label>브랜드명</label>
119
-        <div class="line_right">
120
-          <div class="fn">A브랜드명</div>
121
-        </div>      
122
-      </div>
123
-      <div class="line">
124
-        <label>발주번호</label>
125
-        <div class="line_right">
126
-          <div class="fn">PO12345678</div>
127
-        </div>      
128
-      </div>
129
-      <div class="line">
130
-        <label class="col_6">납품서생성일자</label>
131
-        <div class="line_right">
132
-          <div class="fn">2022.10.09</div>
133
-        </div>      
134
-      </div>
135
-      <div class="line">
136
-        <label>발주총금액</label>
137
-        <div class="line_right">
138
-          <div class="fn">600,000원</div>
139
-        </div>      
140
-      </div>
141
-      <div class="line">
142
-        <label>납품장소</label>
143
-        <div class="line_right">
144
-          <div class="fn">A창고</div>
145
-        </div>      
146
-      </div>
147
-      <div class="line">
148
-        <label class="col_6">납품장소연락처</label>
149
-        <div class="line_right">
150
-          <div class="fn">02-0202-4544</div>
151
-        </div>      
152
-      </div>
153
-      <div class="line">
154
-        <label>발주담당자</label>
155
-        <div class="line_right">
156
-          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:100px;margin-right: 5px;" placeholder="이름">
157
-          <input id="ITP_FORM_MORDMNG02010_DETAIL" class="left" type="text" style="width:140px;margin-right: 10px;" placeholder="연락처">
158
-        </div>
159
-      </div>
160
-      <div class="table_header">
161
-        <h1>> 납품 상세 내역</h1>
162
-      </div>
163
-    </div>
164
-    <div class="scroll_area row-5">
165
-      <li class="history_list2">
166
-        <div>
167
-          <div class="left">
168
-            <div class="nomal">
169
-              <label>발주항번 &nbsp;:</label>
170
-              <div class="space2">
171
-                <div class="fn">1</div>
172
-              </div>
173
-              <label class="col_0">품목아이디&nbsp;:</label>
174
-              <div class="space2">
175
-                <div class="fn">asdf1234</div>
176
-              </div>
177
-            </div>
178
-          </div>
179
-          <div class="left">
180
-            <div class="nomal">
181
-              <label>품목명 &nbsp;:</label>
182
-              <div class="space2">
183
-                <div class="fn">커피원두</div>
184
-              </div>
185
-              <label>가격단위&nbsp;:</label>
186
-              <div class="space2">
187
-                <div class="fn">1</div>
188
-              </div>
189
-            </div>
190
-          </div>
191
-          <div class="left">
192
-            <div class="nomal">
193
-              <label>단가 &nbsp;:</label>
194
-              <div class="fn">
195
-                <div class="fn">1,000원</div>
196
-              </div>
197
-              <label>단위&nbsp;:</label>
198
-              <div class="fn">
199
-                <div class="fn">Kg</div>
200
-              </div>
201
-            </div>
202
-          </div>
203
-          <div class="left">
204
-            <div class="nomal">
205
-              <label>납품수량 &nbsp;:</label>
206
-              <div class="fn">
207
-                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
208
-              </div>
209
-              <label>납품일자&nbsp;:</label>
210
-              <div class="fn">
211
-                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
212
-              </div>
213
-            </div>
214
-          </div>
215
-          <div class="left">
216
-            <div class="nomal">
217
-              <label>유통기한 &nbsp;:</label>
218
-              <div class="space2">
219
-                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
220
-              </div>
221
-              <label>비고 &nbsp;:</label>
222
-              <div class="space2">
223
-                <input id="ITP_FORM_MORDMNG02010_DETAIL" type="text">
224
-              </div>
225
-            </div>
226
-          </div>
227
-        </div>
228
-      </li>
229
-    </div>
230
-    <div class="button_bar">
231
-      <button id="ITP_BTN_MORDMNG02010" class="btn_col_6 btn-primary CRT">생성</button>
232
-      <button id="ITP_BTN_MORDMNG02010" class="btn_col_3 btn-gray CLB">취소</button>
233
-    </div>
121
+  <div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: none;">
122
+  	<form id="ITP_FORM_MORDMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
123
+      <input type="hidden" id="ITP_FORM_MORDMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
124
+	    <div class="content">
125
+	      <div class="line">
126
+	        <label>브랜드명</label>
127
+	        <div class="line_right">
128
+	          <div class="fnbrandNm">A브랜드명</div>
129
+	        </div>      
130
+	      </div>
131
+	      <div class="line">
132
+	        <label>발주번호</label>
133
+	        <div class="line_right">
134
+	          <div class="fnPodrNo">PO12345678</div>
135
+	        </div>      
136
+	      </div>
137
+	      <div class="line">
138
+	        <label class="col_6">납품서생성일자</label>
139
+	        <div class="line_right">
140
+	          <div class="fnDlvRegDt">2022.10.09</div>
141
+	        </div>      
142
+	      </div>
143
+	      <div class="line">
144
+	        <label>발주총금액</label>
145
+	        <div class="line_right">
146
+	          <div class="fnPodrAmt">600,000원</div>
147
+	        </div>      
148
+	      </div>
149
+	      <div class="line">
150
+	        <label>납품장소</label>
151
+	        <div class="line_right">
152
+	          <div class="fnDlvPlace">A창고</div>
153
+	        </div>      
154
+	      </div>
155
+	      <div class="line">
156
+	        <label class="col_6">납품장소연락처</label>
157
+	        <div class="line_right">
158
+	          <div class="fnPodrPlaceNum">02-0202-4544</div>
159
+	        </div>      
160
+	      </div>
161
+	      <div class="line">
162
+	        <label>발주담당자</label>
163
+	        <div class="line_right">
164
+	          <input id="ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_NM" name="dlvMgrNm" class="left" type="text" style="width:100px;margin-right: 5px;" placeholder="이름">
165
+	          <input id="ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_TEL_NO" name="dlvMgrTelNo" class="left" type="text" style="width:140px;margin-right: 10px;" placeholder="연락처">
166
+	        </div>
167
+	      </div>
168
+	      <div class="table_header">
169
+	        <h1>> 납품 상세 내역</h1>
170
+	      </div>
171
+	    </div>
172
+      	<div id="ITP_LIST_MORDMNG02010_ITEM_AREA" class="scroll_area row-5">
173
+        	<ul id="ITP_LIST_MORDMNG02010_VIEW_ROWS" class="panel-group"></ul>
174
+        	<div id="ITP_LIST_MORDMNG02010_VIEW_ROWCOPY" style="display: none;">
175
+		      <li class="history_list2">
176
+		        <div>
177
+		          <div class="left">
178
+		            <div class="nomal">
179
+		              <label>발주항번 &nbsp;:</label>
180
+		              <div class="space2">
181
+		                <div class="fnPodrSeq">1</div>
182
+		              </div>
183
+		              <label class="col_0">품목아이디&nbsp;:</label>
184
+		              <div class="space2">
185
+		                <div class="fnItemId">asdf1234</div>
186
+		              </div>
187
+		            </div>
188
+		          </div>
189
+		          <div class="left">
190
+		            <div class="nomal">
191
+		              <label>품목명 &nbsp;:</label>
192
+		              <div class="space2">
193
+		                <div class="fnItemNm">커피원두</div>
194
+		              </div>
195
+		              <label>가격단위&nbsp;:</label>
196
+		              <div class="space2">
197
+		                <div class="fnUnit">1</div>
198
+		              </div>
199
+		            </div>
200
+		          </div>
201
+		          <div class="left">
202
+		            <div class="nomal">
203
+		              <label>단가 &nbsp;:</label>
204
+		              <div class="">
205
+		                <div class="fnUnit">1,000원</div>
206
+		              </div>
207
+		              <label>단위&nbsp;:</label>
208
+		              <div class="">
209
+		                <div class="fnUnit">Kg</div>
210
+		              </div>
211
+		            </div>
212
+		          </div>
213
+		          <div class="left">
214
+		            <div class="nomal">
215
+		              <label>납품수량 &nbsp;:</label>
216
+		              <div class="">
217
+		                <input id="ITP_FORM_MORDMNG02010_VIEW_DLV_QTY" type="text">
218
+		              </div>
219
+		              <label>납품일자&nbsp;:</label>
220
+		              <div class="">
221
+		                <input id="ITP_FORM_MORDMNG02010_VIEW_DLV_DT" type="text">
222
+		              </div>
223
+		            </div>
224
+		          </div>
225
+		          <div class="left">
226
+		            <div class="nomal">
227
+		              <label>유통기한 &nbsp;:</label>
228
+		              <div class="space2">
229
+		                <input id="ITP_FORM_MORDMNG02010_VIEW_EXPRY_DATE" type="text">
230
+		              </div>
231
+		              <label>비고 &nbsp;:</label>
232
+		              <div class="space2">
233
+		                <input id="ITP_FORM_MORDMNG02010_VIEW_NOTE" type="text">
234
+		              </div>
235
+		            </div>
236
+		          </div>
237
+		        </div>
238
+		      </li>
239
+	      </div>
240
+	    </div>
241
+	    <div class="button_bar">
242
+	      <button id="ITP_BTN_MORDMNG02010_VIEW_ADD" class="btn_col_6 btn-primary CRT">생성</button>
243
+	      <button id="ITP_BTN_MORDMNG02010_VIEW_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
244
+	    </div>
245
+    </form>
234 246
   </div>
235 247
 </section>

+ 174 - 165
src/main/webapp/mobile/app/mordmng/MORDMNG03010.html

@@ -1,115 +1,121 @@
1
-<section>
2
-  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: block;">
3
-    <div class="content">
4
-      <div class="line">
5
-        <label>납품장소</label>
6
-        <div class="search_wrap">
7
-	        <div class="float_left">
8
-	          <input id="ITP_FORM_MORDMNG03010_VIEW" type="text" placeholder="A매장명">
1
+<section id="ITP_MOBILE_MORDMNG03010">
2
+  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: block;">
3
+    <form id="ITP_FORM_MORDMNG03010_DETAIL" class="form-horizontal" onsubmit="return false;">
4
+      <input type="hidden" id="ITP_FORM_MORDMNG03010_DETAIL_VIEW_CD" name="viewCd" value="C">
5
+	    <div class="content">
6
+	      <div class="line">
7
+	        <label>납품장소</label>
8
+	        <div class="search_wrap">
9
+		        <div class="float_left">
10
+		          <input id="ITP_FORM_MORDMNG03010_DETAIL_DLV_PLACE" name="dlvPlace" type="text" placeholder="A매장명">
11
+		        </div>
12
+		        <div class="float_left_btn">
13
+		          <button id="ITP_BTN_MORDMNG03010_DETAIL_SEARCH_DLV_PLACE" data-call-popup="ITP_POP_MORDMNG03010_DLV_AREA"><img src="../img/search.png" alt=""></button>
14
+		          <button id="ITP_BTN_MORDMNG03010_DETAIL_DETELE_DLV_PLACE"><img src="../img/delete.png" alt=""></button>
15
+		        </div>
9 16
 	        </div>
10
-	        <div class="float_left_btn">
11
-	          <button id="ITP_BTN_MORDMNG03010"><img src="../img/search.png" alt=""></button>
12
-	          <button id="ITP_BTN_MORDMNG03010"><img src="../img/delete.png" alt=""></button>
17
+	      </div>
18
+	      <div class="line">
19
+	        <label>납품요청일</label>
20
+	        <div class="date_to">
21
+	          <input id="ITP_FORM_MORDMNG03010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="year" type="date">
22
+	          <div class="at">~</div>
23
+	          <input id="ITP_FORM_MORDMNG03010_DETAIL" class="year" type="date">
13 24
 	        </div>
14
-        </div>
15
-      </div>
16
-      <div class="line">
17
-        <label>납품요청일</label>
18
-        <div class="date_to">
19
-          <input id="ITP_FORM_MORDMNG03010_VIEW" class="year" type="date">
20
-          <div class="at">~</div>
21
-          <input id="ITP_FORM_MORDMNG03010_VIEW" class="year" type="date">
22
-        </div>
23
-      </div>
24
-      <div class="line">
25
-        <select class="label" name="" id="ITP_FORM_MORDMNG03010_VIEW">
26
-          <option value="">발주번호/품목명</option>
27
-        </select>
28
-        <div class="search_wrap">
29
-          <input id="ITP_FORM_MORDMNG03010_VIEW" style="width: 262px;" type="text" placeholder="검색어입력">
30
-        </div>
31
-      </div>
32
-      <div class="line" style="height:45px;">
33
-        <div class="search">
34
-          <button id="ITP_BTN_MORDMNG03010" class="btn-primary btn-sm ADB">검색</button>
35
-        </div>
36
-      </div>
37
-      <div class="table_header">
38
-        <h1>> 수주 내역</h1>
39
-      </div>
40
-    </div>
41
-    <div class="scroll_area row-2">
42
-      <li class="history_list3">
43
-        <div>
44
-          <div class="left">
45
-            <div class="nomal">
46
-              <label class="col_0">브랜드명 &nbsp;:</label>
47
-              <div>
48
-                <div class="fn space1">브랜드명</div>
49
-              </div>
50
-              <label>납품서번호&nbsp;:</label>
51
-              <div>
52
-                <div class="fn">PO1234123</div>
53
-              </div>
54
-            </div>
55
-          </div>
56
-          <div class="left">
57
-            <div class="nomal">
58
-              <label class="col_6">납품서상태 &nbsp;:</label>
59
-              <div>
60
-                <div class="fn">납품전</div>
61
-              </div>
62
-              <label class="col_0">수주일자&nbsp;:</label>
63
-              <div>
64
-                <div class="fn">2022.10.09</div>
65
-              </div>
66
-            </div>
67
-          </div>
68
-          <div class="left">
69
-            <div class="nomal">
70
-              <label>납품요청일&nbsp;:</label>
71
-              <div>
72
-                <div class="fn">2022.10.09</div>
73
-              </div>
74
-              <label>압품예정일&nbsp;:</label>
75
-              <div>
76
-                <div class="fn">2022.10.10</div>
77
-              </div>
78
-            </div>
79
-          </div>
80
-          <div class="left">
81
-            <div class="nomal">
82
-              <label class="col_0">품목수량 &nbsp;:</label>
83
-              <div>
84
-                <div class="fn space1">2</div>
85
-              </div>
86
-              <label>발주총금액&nbsp;:</label>
87
-              <div>
88
-                <div>600,000</div>
89
-              </div>
90
-            </div>
91
-          </div>
92
-          <div class="left">
93
-            <div class="nomal">
94
-              <label class="col_0">납품장소 &nbsp;:</label>
95
-              <div>
96
-                <div class="fn space1">A창고</div>
97
-              </div>
98
-              <label>납품담당자&nbsp;:</label>
99
-              <div>
100
-                <div class="space0">홍길동</div>
101
-              </div>
102
-            </div>
103
-          </div>
104
-        </div>
105
-      </li>
106
-      <div class="button_bar">
107
-        <button id="ITP_BTN_MORDMNG03010" class="btn_col_6 btn-primary IVVIEW">납품서보기</button>
108
-        <button id="ITP_BTN_MORDMNG03010" class="btn_col_3 btn-gray CLB">취소</button>
109
-      </div>
110
-    </div>
25
+	      </div>
26
+	      <div class="line">
27
+	        <select class="label" name="itemNm" id="ITP_FORM_MORDMNG03010_DETAIL_ITEM_NM">
28
+	          <option value="">발주번호/품목명</option>
29
+	        </select>
30
+	        <div class="search_wrap">
31
+	          <input id="ITP_FORM_MORDMNG03010_DETAIL_ITEM_NM" name="ITEM_NM" style="width: 262px;" type="text" placeholder="검색어입력">
32
+	        </div>
33
+	      </div>
34
+	      <div class="line" style="height:45px;">
35
+	        <div class="search">
36
+	          <button id="ITP_BTN_MORDMNG03010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
37
+	        </div>
38
+	      </div>
39
+	      <div class="table_header">
40
+	        <h1>> 수주 내역</h1>
41
+	      </div>
42
+	    </div>
43
+    	<div id="ITP_LIST_MORDMNG03010_ITEM_AREA" class="scroll_area row-2">
44
+        	<ul id="ITP_LIST_MORDMNG03010_DETAIL_ROWS" class="panel-group"></ul>
45
+        	<div id="ITP_LIST_MORDMNG03010_DETAIL_ROWCOPY" style="display:none;">
46
+		      <li class="history_list3">
47
+		        <div>
48
+		          <div class="left">
49
+		            <div class="nomal">
50
+		              <label class="col_0">브랜드명 &nbsp;:</label>
51
+		              <div>
52
+		                <div class="fnBrandNm space1">브랜드명</div>
53
+		              </div>
54
+		              <label>납품서번호&nbsp;:</label>
55
+		              <div>
56
+		                <div class="fnDlvNo">PO1234123</div>
57
+		              </div>
58
+		            </div>
59
+		          </div>
60
+		          <div class="left">
61
+		            <div class="nomal">
62
+		              <label class="col_6">납품서상태 &nbsp;:</label>
63
+		              <div>
64
+		                <div class="fnDlvStCd">납품전</div>
65
+		              </div>
66
+		              <label class="col_0">수주일자&nbsp;:</label>
67
+		              <div>
68
+		                <div class="fnDt">2022.10.09</div>
69
+		              </div>
70
+		            </div>
71
+		          </div>
72
+		          <div class="left">
73
+		            <div class="nomal">
74
+		              <label>납품요청일&nbsp;:</label>
75
+		              <div>
76
+		                <div class="fnDlvReqDt">2022.10.09</div>
77
+		              </div>
78
+		              <label>압품예정일&nbsp;:</label>
79
+		              <div>
80
+		                <div class="fnReqDt">2022.10.10</div>
81
+		              </div>
82
+		            </div>
83
+		          </div>
84
+		          <div class="left">
85
+		            <div class="nomal">
86
+		              <label class="col_0">품목수량 &nbsp;:</label>
87
+		              <div>
88
+		                <div class="fnItemQty space1">2</div>
89
+		              </div>
90
+		              <label>발주총금액&nbsp;:</label>
91
+		              <div>
92
+		                <div class="fnPodrAmt">600,000</div>
93
+		              </div>
94
+		            </div>
95
+		          </div>
96
+		          <div class="left">
97
+		            <div class="nomal">
98
+		              <label class="col_0">납품장소 &nbsp;:</label>
99
+		              <div>
100
+		                <div class="fnDlvPlace space1">A창고</div>
101
+		              </div>
102
+		              <label>납품담당자&nbsp;:</label>
103
+		              <div>
104
+		                <div class="fnDlvMgrNm space0">홍길동</div>
105
+		              </div>
106
+		            </div>
107
+		          </div>
108
+		        </div>
109
+		      </li>
110
+	      </div>
111
+	      <div class="button_bar">
112
+	        <button id="ITP_BTN_MORDMNG03010_DETAIL_DLV" class="btn_col_6 btn-primary IVDETAIL">납품서보기</button>
113
+	        <button id="ITP_BTN_MORDMNG03010_DETAIL_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
114
+	      </div>
115
+	    </div>
116
+    </form>
111 117
   </div>
112
-  <div id="ITP_AJAX_MORDMNG03010_DETAIL_CONTAINER" style="display: none;">
118
+  <div id="ITP_AJAX_MORDMNG03010_VIEW_CONTAINER" style="display: none;">
113 119
     <div class="detail_content">
114 120
       <div class="detail_header">
115 121
         <div class="detail_logo">
@@ -123,32 +129,32 @@
123 129
         <div class="detail_col">
124 130
           <label>발행일</label>
125 131
           <i>:</i>
126
-          <div class="fn">2022.10.09</div>
132
+          <div class="fnDt">2022.10.09</div>
127 133
         </div>
128 134
         <div class="detail_col">
129 135
           <label>납품서확인번호</label>
130 136
           <i>:</i>
131
-          <div class="fn">DL123445</div>
137
+          <div class="fnDlvNo">DL123445</div>
132 138
         </div>
133 139
         <div class="detail_col">
134 140
           <label>납품일</label>
135 141
           <i>:</i>
136
-          <div class="fn">2022.10.10</div>
142
+          <div class="fnDlvDt">2022.10.10</div>
137 143
         </div>
138 144
         <div class="detail_col">
139 145
           <label>납품담당자</label>
140 146
           <i>:</i>
141
-          <div class="fn">홍길동(010-1234-1548)</div>
147
+          <div class="fnDlvMgrNm">홍길동(010-1234-1548)</div>
142 148
         </div>
143 149
         <div class="detail_col">
144 150
           <label>납품장소</label>
145 151
           <i>:</i>
146
-          <div class="fn">(123450 서울 송파구 문정동 100 A창고)</div>
152
+          <div class="fnDlvPlace">(123450 서울 송파구 문정동 100 A창고)</div>
147 153
         </div>
148 154
         <div class="detail_col">
149 155
           <label>전화번호</label>
150 156
           <i>:</i>
151
-          <div class="fn">02-123-4567</div>
157
+          <div class="fnTel">02-123-4567</div>
152 158
         </div>
153 159
       </div>
154 160
       <div class="detail_company_info">
@@ -158,19 +164,19 @@
158 164
           </div>
159 165
           <div class="company_info">
160 166
             <label>등록번호&nbsp;:&nbsp;</label>
161
-            <div class="fn">215-12-23454</div>
167
+            <div class="fnBsnsRegNo">215-12-23454</div>
162 168
           </div>
163 169
           <div class="company_info">
164 170
             <label>상호&nbsp;:&nbsp;</label>
165
-            <div class="fn">공급업체명</div>
171
+            <div class="fnSag">공급업체명</div>
166 172
           </div>
167 173
           <div class="company_info">
168 174
             <label>성명&nbsp;:&nbsp;</label>
169
-            <div class="fn">공급자</div>
175
+            <div class="fnNm">공급자</div>
170 176
           </div>
171 177
           <div class="company_info">
172 178
             <label>주소&nbsp;:&nbsp;</label>
173
-            <div class="fn">서울 송파구 문정동</div>
179
+            <div class="fnAddr">서울 송파구 문정동</div>
174 180
           </div>
175 181
         </div>
176 182
         <div class="info_left">
@@ -179,19 +185,19 @@
179 185
           </div>
180 186
           <div class="company_info">
181 187
             <label>등록번호&nbsp;:&nbsp;</label>
182
-            <div class="fn">215-12-23454</div>
188
+            <div class="fnBsnsRegNo">215-12-23454</div>
183 189
           </div>
184 190
           <div class="company_info">
185 191
             <label>상호&nbsp;:&nbsp;</label>
186
-            <div class="fn">브랜드 회사명</div>
192
+            <div class="fnSag">브랜드 회사명</div>
187 193
           </div>
188 194
           <div class="company_info">
189 195
             <label>성명&nbsp;:&nbsp;</label>
190
-            <div class="fn">대표자명</div>
196
+            <div class="fnNm">대표자명</div>
191 197
           </div>
192 198
           <div class="company_info">
193 199
             <label>주소&nbsp;:&nbsp;</label>
194
-            <div class="fn">경기 성남시 상대원동</div>
200
+            <div class="fnAddr">경기 성남시 상대원동</div>
195 201
           </div>
196 202
         </div>
197 203
       </div>
@@ -199,50 +205,53 @@
199 205
         <h1>> 납품 상세 내역</h1>
200 206
       </div>
201 207
     </div>
202
-    <div class="scroll_area row-7">
203
-      <li class="history_list5">
204
-        <div>
205
-          <div class="left">
206
-            <div class="nomal">
207
-              <label>발주번호 &nbsp;:</label>
208
-              <div class="space2">
209
-                <div class="fn">P12345</div>
210
-              </div>
211
-              <label class="col_0">품목아이디&nbsp;:</label>
212
-              <div class="space2">
213
-                <div class="fn">asdf1234</div>
214
-              </div>
215
-            </div>
216
-          </div>
217
-          <div class="left">
218
-            <div class="nomal">
219
-              <label>품목명 &nbsp;:</label>
220
-              <div class="space2">
221
-                <div class="fn">커피원두</div>
222
-              </div>
223
-              <label>유통기한&nbsp;:</label>
224
-              <div class="space2">
225
-                <div class="fn">2023.12.02</div>
226
-              </div>
227
-            </div>
228
-          </div>
229
-          <div class="left">
230
-            <div class="nomal">
231
-              <label>발주수량 &nbsp;:</label>
232
-              <div class="space2">
233
-                <div class="fn">10</div>
234
-              </div>
235
-              <label>납품수량&nbsp;:</label>
236
-              <div>
237
-                <div class="fn">10</div>
238
-              </div>
239
-            </div>
240
-          </div>
241
-        </div>
242
-      </li>
208
+  	<div id="ITP_LIST_MORDMNG03010_ITEM_AREA" class="scroll_area row-7">
209
+       	<ul id="ITP_LIST_MORDMNG03010_DETAIL_ROWS" class="panel-group"></ul>
210
+       	<div id="ITP_LIST_MORDMNG03010_DETAIL_ROWCOPY" style="display:none;">
211
+	      <li class="history_list5">
212
+	        <div>
213
+	          <div class="left">
214
+	            <div class="nomal">
215
+	              <label>발주번호 &nbsp;:</label>
216
+	              <div class="space2">
217
+	                <div class="fnpodrNo">P12345</div>
218
+	              </div>
219
+	              <label class="col_0">품목아이디&nbsp;:</label>
220
+	              <div class="space2">
221
+	                <div class="fnItemId">asdf1234</div>
222
+	              </div>
223
+	            </div>
224
+	          </div>
225
+	          <div class="left">
226
+	            <div class="nomal">
227
+	              <label>품목명 &nbsp;:</label>
228
+	              <div class="space2">
229
+	                <div class="fnItemNm">커피원두</div>
230
+	              </div>
231
+	              <label>유통기한&nbsp;:</label>
232
+	              <div class="space2">
233
+	                <div class="fnExpryDate">2023.12.02</div>
234
+	              </div>
235
+	            </div>
236
+	          </div>
237
+	          <div class="left">
238
+	            <div class="nomal">
239
+	              <label>발주수량 &nbsp;:</label>
240
+	              <div class="space2">
241
+	                <div class="fnPodrQty">10</div>
242
+	              </div>
243
+	              <label>납품수량&nbsp;:</label>
244
+	              <div>
245
+	                <div class="fnDlvQty">10</div>
246
+	              </div>
247
+	            </div>
248
+	          </div>
249
+	        </div>
250
+	      </li>
251
+      </div>
243 252
     </div>
244 253
     <div class="button_bar">
245
-      <button id="ITP_BTN_MORDMNG03010" class="col_12 btn-gray COK">확인</button>
254
+      <button id="ITP_BTN_MORDMNG03010_VIEW" class="ok col_12 btn-gray COK">확인</button>
246 255
     </div>
247 256
   </div>
248 257
 </section>

+ 117 - 110
src/main/webapp/mobile/app/mstockmng/MSTOCKMNG01010.html

@@ -1,28 +1,28 @@
1
-<section id="MSTOCK01010">
2
-  <div id="ITP_POP_MSTOCKMNG_ITEM_NM" class="popup2 mobile-pop-close" style="display: block;">
1
+<section id="ITP_MOBILE_MSTOCKMNG01010">
2
+  <div id="ITP_POP_MSTOCKMNG01010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: block;">
3 3
     <div class="pop">
4 4
         <div class="header">
5 5
             <div class="header_left">
6 6
                 <label>> 품목 검색</label>
7 7
             </div>
8 8
             <div class="header_right">
9
-                <button type="button" id="ITP_BTN_MSTOCKMNG_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
9
+                <button type="button" id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
10 10
             </div>
11 11
         </div>
12
-        <form id="ITP_FORM_MSTOCKMNG_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
13
-            <input type="hidden" id="ITP_FORM_MSTOCKMNG_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
14
-            <input type="hidden" id="ITP_FORM_MSTOCKMNG_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
12
+        <form id="ITP_FORM_MSTOCKMNG01010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
13
+            <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
14
+            <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
15 15
             <div class="search_bar">
16
-                <input id="ITP_FORM_MSTOCKMNG_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
17
-                <button id="ITP_BTN_MSTOCKMNG_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
16
+                <input id="ITP_FORM_MSTOCKMNG01010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
17
+                <button id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
18 18
             </div>
19 19
             <div class="search_bar">
20
-                <button id="ITP_BTN_MSTOCKMNG_POP_ITEM_NM" class="btn_blue">품목명▼</button>
20
+                <button id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
21 21
             </div>
22 22
         </form>
23 23
         <div class="popup_scroll">
24
-            <ul id="ITP_LIST_MSTOCKMNG_POP_ITEM_ROWS" class="panel-group"></ul>
25
-            <div id="ITP_LIST_MSTOCKMNG_POP_ITEM_ROWCOPY" style="display:block;">
24
+            <ul id="ITP_LIST_MSTOCKMNG01010_POP_ITEM_ROWS" class="panel-group"></ul>
25
+            <div id="ITP_LIST_MSTOCKMNG01010_POP_ITEM_ROWCOPY" style="display:block;">
26 26
                 <li class="row_2"
27 27
                     data-brandUnitUnqNo=""
28 28
                     data-podrPssblDvsn=""
@@ -34,7 +34,7 @@
34 34
                     data-unitGubun="">
35 35
                     <div class="left" style="width:200px;">
36 36
                         <div class="check_box">
37
-                            <input type="checkbox" id="ITP_FORM_MSTOCKMNG_POP_ITEM_CHECKBOX" name="itemId" />
37
+                            <input type="checkbox" id="ITP_FORM_MSTOCKMNG01010_POP_ITEM_CHECKBOX" name="itemId" />
38 38
                         </div>
39 39
                         <div class="thick">
40 40
                             <div class="fnItemNm">품목명</div>
@@ -47,114 +47,121 @@
47 47
                         </div>
48 48
                     </div>
49 49
                     <div class="right">
50
-                        <button id="ITP_BTN_MSTOCKMNG_POP_ITEM_PLUS">-</button>
50
+                        <button id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_PLUS">-</button>
51 51
                         <div class="num">2</div>
52
-                        <button id="ITP_BTN_MSTOCKMNG_POP_ITEM_MINUS">+</button>
52
+                        <button id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_MINUS">+</button>
53 53
                     </div>
54 54
                     <div class="add">
55
-                        <button id="ITP_BTN_MSTOCKMNG_POP_ITEM_ADD">추가</button>
55
+                        <button id="ITP_BTN_MSTOCKMNG01010_POP_ITEM_ADD">추가</button>
56 56
                     </div>
57 57
                 </li>
58 58
             </div>
59 59
         </div>
60 60
     </div>
61 61
 </div>
62
-  <div id="ITP_AJAX_MSTOCKMNG01010_VIEW_CONTAINER">
63
-    <div class="content">
64
-      <div class="line">
65
-        <label>창고선택</label>
66
-        <div class="search_wrap">
67
-	        <div class="float_left">
68
-	          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" type="text" placeholder="A매장명">
62
+  <div id="ITP_AJAX_MSTOCKMNG01010_DETAIL_CONTAINER">
63
+    <form id="ITP_FORM_MSTOCKMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
64
+      <input type="hidden" id="ITP_FORM_MSTOCKMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
65
+	    <div class="content">
66
+	      <div class="line">
67
+	        <label>창고선택</label>
68
+	        <div class="search_wrap">
69
+		        <div class="float_left">
70
+		          <input id="ITP_FORM_MSTOCKMNG01010_DETAIL_WHS_NM" type="text" placeholder="A매장명">
71
+		        </div>
72
+		        <div class="float_left_btn">
73
+		          <button id="ITP_BTN_MSTOCKMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MSTOCKMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
74
+		          <button id="ITP_BTN_MSTOCKMNG01010_DETAIL_DETELE_WHS_NM"><img src="../img/delete.png" alt=""></button>
75
+		        </div>
69 76
 	        </div>
70
-	        <div class="float_left_btn">
71
-	          <button id="ITP_BTN_MSTOCKMNG01010"><img src="../img/search.png" alt=""></button>
72
-	          <button id="ITP_BTN_MSTOCKMNG01010"><img src="../img/delete.png" alt=""></button>
77
+	      </div>
78
+	      <div class="line">
79
+	        <label>Location</label>
80
+	        <div class="line_right">
81
+	          <select name="whsDvsn" id="ITP_FORM_MSTOCKMNG01010_DETAIL_WHS_DVSN">
82
+	            <option value=""></option>
83
+	          </select>
73 84
 	        </div>
74
-        </div>
75
-      </div>
76
-      <div class="line">
77
-        <label>Location</label>
78
-        <div class="line_right">
79
-          <select name="" id="ITP_FORM_MSTOCKMNG01010_VIEW">
80
-            <option value=""></option>
81
-          </select>
82
-        </div>
83
-      </div>
84
-      <div class="line">
85
-        <label>품목명</label>
86
-        <div class="search_wrap">
87
-          <input id="ITP_FORM_MSTOCKMNG01010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
88
-        </div>
89
-      </div>
90
-      <div class="line" style="height:45px;">
91
-        <div class="search">
92
-          <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">검색</button>
93
-        </div>
94
-      </div>
95
-      <div class="table_header">
96
-        <h1>> 재고 목록</h1>
97
-        <button id="ITP_BTN_MSTOCKMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
98
-      </div>
99
-    </div>
100
-    <div class="scroll_area row-2">
101
-      <li class="history_list">
102
-        <div>
103
-          <div class="left">
104
-            <div class="nomal">
105
-              <label>품목번호 &nbsp;:</label>
106
-              <div>
107
-                <div class="fn">adsf1234</div>
108
-              </div>
109
-              <label>품목명&nbsp;:</label>
110
-              <div>
111
-                <div class="fn">원두커피</div>
112
-              </div>
113
-            </div>
114
-          </div>
115
-          <div class="left">
116
-            <div class="nomal">
117
-              <label>단위 &nbsp;:</label>
118
-              <div>
119
-                <div class="fn">Kg</div>
120
-              </div>
121
-              <label>단위수량&nbsp;:</label>
122
-              <div>
123
-                <div class="fn">20 Kg</div>
124
-              </div>
125
-            </div>
126
-          </div>
127
-          <div class="left">
128
-            <div class="nomal">
129
-              <label>현재고수량 &nbsp;:</label>
130
-              <div class="col_5 fn">
131
-                <div class="col_5 fn">100Kg</div>
132
-              </div>
133
-              <label>적정재고수량&nbsp;:</label>
134
-              <div class="fn">
135
-                <div class="fn">50Kg</div>
136
-              </div>
137
-            </div>
138
-          </div>
139
-          <div class="left">
140
-            <div class="nomal">
141
-              <label>안전재고비율 &nbsp;:</label>
142
-              <div class="col_5 fn">
143
-                <div class="col_5 fn">40%</div>
144
-              </div>
145
-              <label class="col_0">Location&nbsp;:</label>
146
-              <div class="fn">
147
-                <div class="fn">매장내</div>
148
-              </div>
149
-            </div>
150
-          </div>
151
-        </div>
152
-      </li>
153
-    </div>
154
-    <div class="button_bar">
155
-      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-primary REQ">구매요청</button>
156
-      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-gray TSA">임시저장</button>
157
-      <button id="ITP_BTN_MSTOCKMNG01010" class="col_3 btn-gray CLB">취소</button>
158
-    </div>
85
+	      </div>
86
+	      <div class="line">
87
+	        <label>품목명</label>
88
+	        <div class="search_wrap">
89
+	          <input id="ITP_FORM_MSTOCKMNG01010_DETAIL_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="A매장명">
90
+	        </div>
91
+	      </div>
92
+	      <div class="line" style="height:45px;">
93
+	        <div class="search">
94
+	          <button id="ITP_BTN_MSTOCKMNG01010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
95
+	        </div>
96
+	      </div>
97
+	      <div class="table_header">
98
+	        <h1>> 재고 목록</h1>
99
+            <button type="button" id="ITP_BTN_MSTOCKMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
100
+            <button type="button" id="ITP_BTN_MSTOCKMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MSTOCKMNG01010_ITEM_AREA">품목추가</button>
101
+	      </div>
102
+	    </div>
103
+      	<div id="ITP_LIST_MSTOCKMNG01010_ITEM_AREA" class="scroll_area row-2">
104
+        	<ul id="ITP_LIST_MSTOCKMNG01010_DETAIL_ROWS" class="panel-group"></ul>
105
+        	<div id="ITP_LIST_MSTOCKMNG01010_DETAIL_ROWCOPY" style="display:none;">
106
+		      <li class="history_list">
107
+		        <div>
108
+		          <div class="left">
109
+		            <div class="nomal">
110
+		              <label>품목번호 &nbsp;:</label>
111
+		              <div>
112
+		                <div class="fnItemNo">adsf1234</div>
113
+		              </div>
114
+		              <label>품목명&nbsp;:</label>
115
+		              <div>
116
+		                <div class="fnItemNm">원두커피</div>
117
+		              </div>
118
+		            </div>
119
+		          </div>
120
+		          <div class="left">
121
+		            <div class="nomal">
122
+		              <label>단위 &nbsp;:</label>
123
+		              <div>
124
+		                <div class="fnUnit">Kg</div>
125
+		              </div>
126
+		              <label>단위수량&nbsp;:</label>
127
+		              <div>
128
+		                <div class="fnUnitQty">20 Kg</div>
129
+		              </div>
130
+		            </div>
131
+		          </div>
132
+		          <div class="left">
133
+		            <div class="nomal">
134
+		              <label>현재고수량 &nbsp;:</label>
135
+		              <div class="col_5 fn">
136
+		                <div class="col_5 fnStckQty">100Kg</div>
137
+		              </div>
138
+		              <label>적정재고수량&nbsp;:</label>
139
+		              <div class="fn">
140
+		                <div class="fnStckQty">50Kg</div>
141
+		              </div>
142
+		            </div>
143
+		          </div>
144
+		          <div class="left">
145
+		            <div class="nomal">
146
+		              <label>안전재고비율 &nbsp;:</label>
147
+		              <div class="col_5 fn">
148
+		                <div class="col_5 fn">40%</div>
149
+		              </div>
150
+		              <label class="col_0">Location&nbsp;:</label>
151
+		              <div class="fn">
152
+		                <div class="fnWhsDvsn">매장내</div>
153
+		              </div>
154
+		            </div>
155
+		          </div>
156
+		        </div>
157
+		      </li>
158
+	      </div>
159
+	    </div>
160
+	    <div class="button_bar">
161
+	        <button id="ITP_BTN_MSTOCKMNG01010_DETAIL_REQ_ORDER" data-call-popup="ITP_POP_MSTOCKMNG01010_REQ_AREA" class="col_3 btn-primary REQ">구매요청</button>
162
+	        <button id="ITP_BTN_MSTOCKMNG01010_DETAIL_TEMP_SAVE" data-call-popup="ITP_POP_MSTOCKMNG01010_REQ_AREA" class="col_3 btn-gray TSA">임시저장</button>
163
+	        <button id="ITP_BTN_MSTOCKMNG01010_DETAIL_CANCEL" class="col_3 btn-gray CLB">취소</button>
164
+	    </div>
165
+    </form>
159 166
   </div>
160 167
 </section>

+ 93 - 87
src/main/webapp/mobile/app/mstockmng/MSTOCKMNG02010.html

@@ -1,5 +1,5 @@
1
-<section id="MSTOCK02010">
2
-  <div class="popup2" style="display: block;">
1
+<section id="ITP_MOBILE_MSTOCKMNG02010">
2
+  <div id="ITP_POP_MSTOCKMNG02010_BARCODE_AREA" class="popup2" style="display: block;">
3 3
     <div class="barcode">
4 4
       <h1>바코드를 스캔 하시면 재고  실사 목록에 스캔한<br>바코드의품목이 추가 되고 실사 수량을 입력<br>하시기 바랍니다.</h1>
5 5
     </div>
@@ -7,94 +7,100 @@
7 7
 
8 8
     </div>
9 9
     <div class="btn_barcode">
10
-      <button id="ITP_BTN_MSTOCK02010" class="btn-gray">취소</button>
10
+      <button id="ITP_BTN_MSTOCKMNG02010_POP_CANCEL" class="btn-gray">취소</button>
11 11
     </div>
12 12
   </div>
13
-  <div id="ITP_AJAX_MSTOCK02010_VIEW_CONTAINER">
14
-    <div class="content">
15
-      <div class="line">
16
-        <label>재고실사일자</label>
17
-        <div class="line_right">
18
-          <input id="ITP_FORM_MSTOCK02010_VIEW" class="date" type="date">
19
-        </div>
20
-      </div>
21
-      <div class="line">
22
-        <label>재고실사일자</label>
23
-        <div class="search_wrap">
24
-	        <div class="float_left">
25
-	          <input id="ITP_FORM_MSTOCK02010_VIEW" type="text" placeholder="A매장명">
13
+  <div id="ITP_AJAX_MSTOCKMNG02010_DETAIL_CONTAINER">
14
+   <form id="ITP_FORM_MSTOCKMNG02010_DETAIL" class="form-horizontal" onsubmit="return false;">
15
+      <input type="hidden" id="ITP_FORM_MSTOCKMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
16
+	    <div class="content">
17
+	      <div class="line">
18
+	        <label>재고실사일자</label>
19
+	        <div class="line_right">
20
+	          <input id="ITP_FORM_MSTOCKMNG02010_DETAIL_STCK_DT" class="date" type="date">
26 21
 	        </div>
27
-	        <div class="float_left_btn">
28
-	          <button id="ITP_BTN_MSTOCK02010"><img src="../img/search.png" alt=""></button>
29
-	          <button id="ITP_BTN_MSTOCK02010"><img src="../img/delete.png" alt=""></button>
22
+	      </div>
23
+	      <div class="line">
24
+	        <label>창고선택</label>
25
+	        <div class="search_wrap">
26
+		        <div class="float_left">
27
+		          <input id="ITP_FORM_MSTOCKMNG02010_DETAIL_WHS_NM" name="whsNm" type="text" placeholder="A매장명">
28
+		        </div>
29
+		        <div class="float_left_btn">
30
+          		  <button id="ITP_BTN_MSTOCKMNG02010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MSTOCKMNG02010_WHS_AREA"><img src="../img/search.png" alt=""></button>
31
+           		  <button id="ITP_BTN_MSTOCKMNG02010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
32
+		        </div>
30 33
 	        </div>
31
-        </div>
32
-      </div>
33
-      <div class="line">
34
-        <label>Location</label>
35
-        <div class="line_right">
36
-          <select name="" id="ITP_FORM_MSTOCK02010_VIEW">
37
-            <option value=""></option>
38
-          </select>
39
-        </div>
40
-      </div>
41
-      <div class="line" style="height:45px;">
42
-        <div class="search">
43
-          <button id="ITP_BTN_MSTOCK02010" class="btn-primary btn-sm ADB">대상 검색</button>
44
-        </div>
45
-      </div>
46
-      <div class="table_header">
47
-        <h1>> 실사 목록</h1>
48
-        <button id="ITP_BTN_MSTOCK02010" class="btn-primary btn-sm ADB">바코드</button>
49
-      </div>
50
-    </div>
51
-    <div class="scroll_area row-2">
52
-      <li class="history_list">
53
-        <div>
54
-          <div class="left">
55
-            <div class="nomal">
56
-              <label>품목번호 &nbsp;:</label>
57
-              <div>
58
-                <div class="fn">adsf1234</div>
59
-              </div>
60
-              <label>품목명&nbsp;:</label>
61
-              <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>
70
-                <div class="fn">Kg</div>
71
-              </div>
72
-              <label>단위수량&nbsp;:</label>
73
-              <div>
74
-                <div class="fn">20 Kg</div>
75
-              </div>
76
-            </div>
77
-          </div>
78
-          <div class="left">
79
-            <div class="nomal">
80
-              <label class="col_0">현재고수량 &nbsp;:</label>
81
-              <div class="fn">
82
-                <div class="fn">100Kg</div>
83
-              </div>
84
-              <label class="col_6">실사수량&nbsp;:</label>
85
-              <div class="btn_bar">
86
-                <button id="ITP_BTN_MSTOCK02010"><</button>
87
-                <div class="fn col_0">2</div>
88
-                <button id="ITP_BTN_MSTOCK02010">></button>
89
-              </div>
90
-            </div>
91
-          </div>
92
-        </div>
93
-      </li>
94
-    </div>
95
-    <div class="button_bar">
96
-      <button id="ITP_BTN_MSTOCK02010" class="btn_col_6 btn-primary REQ">실사저장</button>
97
-      <button id="ITP_BTN_MSTOCK02010" class="btn_col_3 btn-gray CLB">취소</button>
98
-    </div>
34
+	      </div>
35
+	      <div class="line">
36
+	        <label>Location</label>
37
+	        <div class="line_right">
38
+	          <select name="whsDvsn" id="ITP_FORM_MSTOCKMNG02010_DETAIL_WHS_DVSN">
39
+	            <option value=""></option>
40
+	          </select>
41
+	        </div>
42
+	      </div>
43
+	      <div class="line" style="height:45px;">
44
+	        <div class="search">
45
+	          <button id="ITP_BTN_MSTOCKMNG02010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">대상 검색</button>
46
+	        </div>
47
+	      </div>
48
+	      <div class="table_header">
49
+	        <h1>> 실사 목록</h1>
50
+	        <button id="ITP_BTN_MSTOCKMNG02010_DETAIL_BARCODE" class="btn-primary btn-sm ADB">바코드</button>
51
+	      </div>
52
+	    </div>
53
+      	<div id="ITP_LIST_MSTOCKMNG02010_ITEM_AREA" class="scroll_area row-2">
54
+        	<ul id="ITP_LIST_MSTOCKMNG02010_DETAIL_ROWS" class="panel-group"></ul>
55
+        	<div id="ITP_LIST_MSTOCKMNG02010_DETAIL_ROWCOPY" style="display:none;">
56
+		      <li class="history_list5">
57
+		        <div>
58
+		          <div class="left">
59
+		            <div class="nomal">
60
+		              <label>품목번호 &nbsp;:</label>
61
+		              <div>
62
+		                <div class="fnItemNo">adsf1234</div>
63
+		              </div>
64
+		              <label>품목명&nbsp;:</label>
65
+		              <div>
66
+		                <div class="fnItemNm">원두커피</div>
67
+		              </div>
68
+		            </div>
69
+		          </div>
70
+		          <div class="left">
71
+		            <div class="nomal">
72
+		              <label>단위 &nbsp;:</label>
73
+		              <div>
74
+		                <div class="fnUnit">Kg</div>
75
+		              </div>
76
+		              <label>단위수량&nbsp;:</label>
77
+		              <div>
78
+		                <div class="fnUnitQty">20 Kg</div>
79
+		              </div>
80
+		            </div>
81
+		          </div>
82
+		          <div class="left">
83
+		            <div class="nomal">
84
+		              <label class="col_0">현재고수량 &nbsp;:</label>
85
+		              <div class="fn">
86
+		                <div class="fnStckQty">100Kg</div>
87
+		              </div>
88
+		              <label class="col_6">실사수량&nbsp;:</label>
89
+		              <div class="btn_bar">
90
+		                <button id="ITP_BTN_MSTOCKMNG02010_DETAIL_QTY"><</button>
91
+		                <div class="fn col_0">2</div>
92
+		                <button id="ITP_BTN_MSTOCKMNG02010_DETAIL_QTY">></button>
93
+		              </div>
94
+		            </div>
95
+		          </div>
96
+		        </div>
97
+		      </li>
98
+	      </div>
99
+	    </div>
100
+	    <div class="button_bar">
101
+	      <button id="ITP_BTN_MSTOCKMNG02010_DETAIL_SAVE" class="btn_col_6 btn-primary REQ">실사저장</button>
102
+	      <button id="ITP_BTN_MSTOCKMNG02010_DETAIL_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
103
+	    </div>
104
+    </form>
99 105
   </div>
100 106
 </section>

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

@@ -296,8 +296,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
296 296
 .scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
297 297
 .scroll_area li .left_info .history input{width: 150px;}
298 298
 .scroll_area li.history_list {height: 140px; padding-top:8px;}
299
-.scroll_area li.history_list .button_right {float: right; display: grid;}
300
-.scroll_area li.history_list .button_right button {width: 65px; height: 70px; font-size: 1rem; margin: 0; border-radius: 0;}
299
+.scroll_area li.history_list4 .button_right {float: right; display: grid;}
300
+.scroll_area li.history_list4 .button_right button {width: 65px; height: 75px; font-size: 1rem; margin: 0; border-radius: 0;}
301
+
301 302
 .scroll_area li.history_list1 {height: 230px;}
302 303
 .scroll_area li.history_list2 {height: 165px; padding-top:5px;}
303 304
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}