Browse Source

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

dwkim 2 years ago
parent
commit
7f63ca7e4a

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

@@ -46,7 +46,7 @@
46
 		  </div>
46
 		  </div>
47
 	   <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA" class="scroll_area row-2">
47
 	   <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA" class="scroll_area row-2">
48
 		  <ul id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
48
 		  <ul id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
49
-			  <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWCOPY" style="display: block;">
49
+			  <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWCOPY" style="display: none;">
50
 				<li class="history_list">
50
 				<li class="history_list">
51
 				  <div class="left">
51
 				  <div class="left">
52
 					<div class="nomal">
52
 					<div class="nomal">
@@ -154,18 +154,18 @@
154
 		  </div>
154
 		  </div>
155
 			<div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA" class="scroll_area row-6">
155
 			<div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA" class="scroll_area row-6">
156
 			 <ul id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWS" class="panel-group"></ul>
156
 			 <ul id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWS" class="panel-group"></ul>
157
-			  <div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWCOPY" style="display: block;">
157
+			  <div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWCOPY" style="display: none;">
158
 				<li class="history_list6">
158
 				<li class="history_list6">
159
 				  <div>
159
 				  <div>
160
 					<div class="detail_line">
160
 					<div class="detail_line">
161
 					  <div class="detail_left">
161
 					  <div class="detail_left">
162
 						<div class="detail_info">
162
 						<div class="detail_info">
163
-						  <div class="fnLoanRegDt">2022.10.04</div>
163
+						  <div class="fnLoanRegDt"></div>
164
 						</div>
164
 						</div>
165
 					  </div>
165
 					  </div>
166
 					  <div class="detail_right">
166
 					  <div class="detail_right">
167
 						<div class="detail_info">
167
 						<div class="detail_info">
168
-						  <div class="fnDpstPayDvsnNm">입금</div>
168
+						  <div class="fnDpstPayDvsnNm"></div>
169
 						</div>
169
 						</div>
170
 					  </div>
170
 					  </div>
171
 					</div>
171
 					</div>
@@ -177,7 +177,7 @@
177
 					  </div>
177
 					  </div>
178
 					  <div class="detail_right">
178
 					  <div class="detail_right">
179
 						<div class="detail_info">
179
 						<div class="detail_info">
180
-						  <div class="fnDstpAmt">800,000 원</div>
180
+						  <div class="fnDstpAmt"></div>
181
 						</div>
181
 						</div>
182
 					  </div>
182
 					  </div>
183
 					</div>
183
 					</div>
@@ -189,7 +189,7 @@
189
 					  </div>
189
 					  </div>
190
 					  <div class="detail_right">
190
 					  <div class="detail_right">
191
 						<div class="detail_info">
191
 						<div class="detail_info">
192
-						  <div class="fnTrscAfBal">1,000,000 원</div>
192
+						  <div class="fnTrscAfBal"></div>
193
 						</div>
193
 						</div>
194
 					  </div>
194
 					  </div>
195
 					</div>
195
 					</div>
@@ -203,11 +203,11 @@
203
 	  </form>
203
 	  </form>
204
 	</div>
204
 	</div>
205
 	<div id="ITP_MOBILE_JS"></div>
205
 	<div id="ITP_MOBILE_JS"></div>
206
-	<div id="ITP_POP_MLOANMNG01010_STORE_AREA" class="popup2 mobile-pop-close" style="display: block;">
206
+	<div id="ITP_POP_MLOANMNG01010_STORE_AREA" class="popup2 mobile-pop-close" style="display: none;">
207
 		<div class="pop">
207
 		<div class="pop">
208
 			<div class="header">
208
 			<div class="header">
209
 				<div class="header_left">
209
 				<div class="header_left">
210
-					<label>> 매장</label>
210
+					<label>매장</label>
211
 				</div>
211
 				</div>
212
 				<div class="header_right">
212
 				<div class="header_right">
213
 					<button type="button" id="ITP_BTN_MLOANMNG01010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
213
 					<button type="button" id="ITP_BTN_MLOANMNG01010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
@@ -226,11 +226,11 @@
226
 			</div>
226
 			</div>
227
 			<div id="ITP_LIST_MLOANMNG01010_POP_STORE_AREA" class="popup_scroll">
227
 			<div id="ITP_LIST_MLOANMNG01010_POP_STORE_AREA" class="popup_scroll">
228
 				<ul id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
228
 				<ul id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
229
-				<div id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWCOPY" style="display: block;">
229
+				<div id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWCOPY" style="display: none;">
230
 					<li class="row_2">
230
 					<li class="row_2">
231
 						<div class="scroll_left">
231
 						<div class="scroll_left">
232
-							<div class="fnStoreNm"></div>
233
-							<div class="fnStoreStNm"></div>
232
+							<div class="con_2 fnStoreNm"></div>
233
+							<div class="con_2 sub fnStoreStNm"></div>
234
 						</div>
234
 						</div>
235
 						<div class="scroll_right">
235
 						<div class="scroll_right">
236
 							<button id="ITP_BTN_MLOANMNG01010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
236
 							<button id="ITP_BTN_MLOANMNG01010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>

+ 14 - 11
src/main/webapp/mobile/app/mloanmng/MLOANMNG01011.html

@@ -6,45 +6,48 @@
6
 			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
6
 			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
7
 		</form>
7
 		</form>
8
 		  <div class="content">
8
 		  <div class="content">
9
+			  <div class="line header">
10
+			  	  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입금관리</div>
11
+		      </div>
9
 			  <div class="line">
12
 			  <div class="line">
10
 				  <label>매장명</label>
13
 				  <label>매장명</label>
11
-				  <div class="search_wrap">
14
+				  <div class="line_right">
12
 					  <div class="fnStoreNm"></div>
15
 					  <div class="fnStoreNm"></div>
13
 				  </div>
16
 				  </div>
14
 			  </div>
17
 			  </div>
15
 			  <div class="line">
18
 			  <div class="line">
16
 				  <label>정산타입</label>
19
 				  <label>정산타입</label>
17
-				  <div class="search_wrap">
20
+				  <div class="line_right">
18
 					  <div class="fnLoanDvsnNm"></div>
21
 					  <div class="fnLoanDvsnNm"></div>
19
 				  </div>
22
 				  </div>
20
 			  </div>
23
 			  </div>
21
 			  <div class="line">
24
 			  <div class="line">
22
 				  <label>한도금액</label>
25
 				  <label>한도금액</label>
23
-				  <div class="search_wrap">
26
+				  <div class="line_right">
24
 					  <div class="fnLimitAmt">0원</div>
27
 					  <div class="fnLimitAmt">0원</div>
25
 				  </div>
28
 				  </div>
26
 			  </div>
29
 			  </div>
27
 			  <div class="line">
30
 			  <div class="line">
28
 				  <label>사용여부</label>
31
 				  <label>사용여부</label>
29
-				  <div class="search_wrap">
32
+				  <div class="line_right">
30
 					  <div class="fnUseYnNm"></div>
33
 					  <div class="fnUseYnNm"></div>
31
 				  </div>
34
 				  </div>
32
 			  </div>
35
 			  </div>
33
 			  <div class="line">
36
 			  <div class="line">
34
 				  <label>가용한도금액</label>
37
 				  <label>가용한도금액</label>
35
-				  <div class="search_wrap">
38
+				  <div class="line_right">
36
 					  <div class="fnPosbLimitAmt">0원</div>
39
 					  <div class="fnPosbLimitAmt">0원</div>
37
 				  </div>
40
 				  </div>
38
 			  </div>
41
 			  </div>
39
 			  <div class="line">
42
 			  <div class="line">
40
 				  <label>가수금</label>
43
 				  <label>가수금</label>
41
-				  <div class="search_wrap">
44
+				  <div class="line_right">
42
 					  <div class="fnTmpRcvAcctTotal">0원</div>
45
 					  <div class="fnTmpRcvAcctTotal">0원</div>
43
 				  </div>
46
 				  </div>
44
 			  </div>
47
 			  </div>
45
 			  <div class="line">
48
 			  <div class="line">
46
 				  <label>사용금액</label>
49
 				  <label>사용금액</label>
47
-				  <div class="search_wrap">
50
+				  <div class="line_right">
48
 					  <div class="fnUseAmtTotal">0원</div>
51
 					  <div class="fnUseAmtTotal">0원</div>
49
 				  </div>
52
 				  </div>
50
 			  </div>
53
 			  </div>
@@ -58,7 +61,7 @@
58
 			</div>
61
 			</div>
59
 			  <div class="line">
62
 			  <div class="line">
60
 				  <label>입금지급구분</label>
63
 				  <label>입금지급구분</label>
61
-				  <div class="line_right">
64
+				  <div class="float_left" style="margin-left:5px;">
62
 					  <select name="sdpstPayDvsn" id="ITP_FORM_MLOANMNG01011_VIEW_DPST_PAY_DVSN" data-select-code="DPST_PAY_DVSN">
65
 					  <select name="sdpstPayDvsn" id="ITP_FORM_MLOANMNG01011_VIEW_DPST_PAY_DVSN" data-select-code="DPST_PAY_DVSN">
63
 						  <option value=""></option>
66
 						  <option value=""></option>
64
 					  </select>
67
 					  </select>
@@ -70,12 +73,12 @@
70
 			  </div>
73
 			  </div>
71
 			</div>
74
 			</div>
72
 			<div class="table_header">
75
 			<div class="table_header">
73
-			  <h1>> 여신 입출금 이력</h1>
76
+			  <h1><여신 입출금 이력></h1>
74
 			</div>
77
 			</div>
75
 		  </div>
78
 		  </div>
76
 			<div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA" class="scroll_area row-6">
79
 			<div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA" class="scroll_area row-6">
77
-			  <ul id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWS" class="panel-group"></ul>
78
-			  <div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWCOPY" style="display: none;">
80
+			  <ul id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
81
+			  <div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWCOPY" style="display: block;">
79
 				<li class="history_list4 list-row">
82
 				<li class="history_list4 list-row">
80
 				  <div>
83
 				  <div>
81
 					<div class="detail_line">
84
 					<div class="detail_line">

+ 66 - 53
src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html

@@ -1,5 +1,5 @@
1
 <section id="ITP_MOBILE_MLOANMNG02010">
1
 <section id="ITP_MOBILE_MLOANMNG02010">
2
-	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER" style="display: block;">
2
+	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER" style="display: none;">
3
 		<form id="ITP_FORM_MLOANMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
3
 		<form id="ITP_FORM_MLOANMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
4
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
4
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
5
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
@@ -33,9 +33,9 @@
33
 			<div class="line">
33
 			<div class="line">
34
 			  <label>입금일자</label>
34
 			  <label>입금일자</label>
35
 			  <div class="date_to">
35
 			  <div class="date_to">
36
-				<input id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
37
-				<div class="at">~</div>
38
-				<input id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
36
+				  <input type="text" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
37
+				  <div class="at">~</div>
38
+				  <input type="text" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
39
 			  </div>
39
 			  </div>
40
 			</div>
40
 			</div>
41
 			<div class="line">
41
 			<div class="line">
@@ -57,45 +57,49 @@
57
 					<button id="ITP_BTN_MLOANMNG02010_LIST_AGREE" class="btn-primary AGR">승인</button>
57
 					<button id="ITP_BTN_MLOANMNG02010_LIST_AGREE" class="btn-primary AGR">승인</button>
58
 					<button id="ITP_BTN_MLOANMNG02010_LIST_REJECT" class="btn-danger RJT">반려</button>
58
 					<button id="ITP_BTN_MLOANMNG02010_LIST_REJECT" class="btn-danger RJT">반려</button>
59
 				  </div>
59
 				  </div>
60
-				  <div class="left btn">
60
+				  <div class="left btn_list">
61
 					<div class="nomal">
61
 					<div class="nomal">
62
-					  <label>매장명&nbsp;&nbsp;&nbsp;:&nbsp;</label>
62
+					  <label class="sub_info">매장명</label>
63
+					  <span>:</span>
63
 					  <div >
64
 					  <div >
64
-						<div class="col_5 fnStoreNm"></div>
65
+						<div class="col_5 fnStoreNm">asdfsadf</div>
65
 					  </div>
66
 					  </div>
66
-					  <label class="col_0">입금일자&nbsp;:</label>
67
+					  <label class="sub_info">입금일자&nbsp;:</label>
67
 					  <div class="history">
68
 					  <div class="history">
68
-						<div class="fnDpstDt"></div>
69
+						<div class="fnDpstDt">2002.10.10</div>
69
 					  </div>
70
 					  </div>
70
 					</div>
71
 					</div>
71
 				  </div>
72
 				  </div>
72
-				  <div class="left btn">
73
+				  <div class="left btn_list">
73
 					<div class="nomal">
74
 					<div class="nomal">
74
-					  <label class="col_0">입금금액&nbsp;:</label>
75
+					  <label class="sub_info">입금금액</label>
76
+					  <span>:</span>
75
 					  <div class="history">
77
 					  <div class="history">
76
-						<div class="fnDpstAmt"></div>
78
+						<div class="fnDpstAmt">afsdfasdf</div>
77
 					  </div>
79
 					  </div>
78
-					  <label class="col_0">입금자&nbsp;:</label>
80
+					  <label class="sub_info">입금자&nbsp;:</label>
79
 					  <div class="col_5">
81
 					  <div class="col_5">
80
-						<div class="col_5 fnDpstNm"></div>
82
+						<div class="col_5 fnDpstNm">fasdf</div>
81
 					  </div>
83
 					  </div>
82
 					</div>
84
 					</div>
83
 				  </div>
85
 				  </div>
84
-				  <div class="left btn">
86
+				  <div class="left btn_list">
85
 					<div class="nomal">
87
 					<div class="nomal">
86
-					  <label class="col_0">입금정보&nbsp;:</label>
88
+					  <label class="sub_info">입금정보</label>
89
+					  <span>:</span>
87
 					  <div class="history">
90
 					  <div class="history">
88
-						<div class="fnRcvAcctNo"></div>
89
-						<div class="fnDpstBnkNm"></div>
91
+						<div class="fnRcvAcctNo">asdf</div>
92
+						<div class="fnDpstBnkNm">asdf</div>
90
 					  </div>
93
 					  </div>
91
 					</div>
94
 					</div>
92
 				  </div>
95
 				  </div>
93
-				  <div class="left btn">
96
+				  <div class="left btn_list">
94
 					<div class="nomal">
97
 					<div class="nomal">
95
-					  <label class="col_0">처리결과&nbsp;:</label>
98
+					  <label class="sub_info">처리결과</label>
99
+					  <span>:</span>
96
 					  <div class="history">
100
 					  <div class="history">
97
-						<div class="fnDpstStNm"></div>
98
-						<div class="fnDpstDt"></div>
101
+						<div class="fnDpstStNm">asdf</div>
102
+						<div class="fnDpstDt">fasdf</div>
99
 					  </div>
103
 					  </div>
100
 					</div>
104
 					</div>
101
 				  </div>
105
 				  </div>
@@ -116,7 +120,7 @@
116
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_PAY_MOBILE_URL" name="kicc_action_mobile_url" value="">
120
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_PAY_MOBILE_URL" name="kicc_action_mobile_url" value="">
117
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_PAY_JS_URL" name="kicc_javascript_url" value="">
121
 			<input type="hidden" id="ITP_FORM_MLOANMNG02010_PAY_JS_URL" name="kicc_javascript_url" value="">
118
 			<div class="content">
122
 			<div class="content">
119
-				<div class="line" style="height:100px;">
123
+				<div class="line" style="height:140px;">
120
 					<label class="pay_label">수발주 선불(충전)을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여<br> PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.</label>
124
 					<label class="pay_label">수발주 선불(충전)을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여<br> PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.</label>
121
 				</div>
125
 				</div>
122
 				<div class="list_line">
126
 				<div class="list_line">
@@ -124,7 +128,7 @@
124
 						<label>주문번호</label>
128
 						<label>주문번호</label>
125
 					</div>
129
 					</div>
126
 					<div class="list_info">
130
 					<div class="list_info">
127
-						<div class="pay_info fnPoOrdNo"></div>
131
+						<div class="pay_info fnPoOrdNo">asdf324234324</div>
128
 					</div>
132
 					</div>
129
 				</div>
133
 				</div>
130
 				<div class="list_line">
134
 				<div class="list_line">
@@ -132,7 +136,7 @@
132
 						<label>구매자명</label>
136
 						<label>구매자명</label>
133
 					</div>
137
 					</div>
134
 					<div class="list_info">
138
 					<div class="list_info">
135
-						<div class="pay_info fnOrdNm"></div>
139
+						<div class="pay_info fnOrdNm">asdfa</div>
136
 					</div>
140
 					</div>
137
 				</div>
141
 				</div>
138
 				<div class="list_line">
142
 				<div class="list_line">
@@ -140,15 +144,15 @@
140
 						<label>상품명</label>
144
 						<label>상품명</label>
141
 					</div>
145
 					</div>
142
 					<div class="list_info">
146
 					<div class="list_info">
143
-						<div class="pay_info fnGoodsNm"></div>
147
+						<div class="pay_info fnGoodsNm">afsdfasdf</div>
144
 					</div>
148
 					</div>
145
 				</div>
149
 				</div>
146
 				<div class="list_line">
150
 				<div class="list_line">
147
 					<div class="list_label">
151
 					<div class="list_label">
148
 						<label>결제금액 *</label>
152
 						<label>결제금액 *</label>
149
 					</div>
153
 					</div>
150
-					<div class="list_info" style="padding-top:10px;">
151
-						<div class="pay_info fnItemNm"></div>
154
+					<div class="list_info" style="padding-top:4px;">
155
+						<!-- <div class="pay_info fnItemNm"></div> -->
152
 						<input id="ITP_FORM_MLOANMNG02010_PAY_GOODS_AMT" name="goodsAmt" value="100" type="text" readonly>
156
 						<input id="ITP_FORM_MLOANMNG02010_PAY_GOODS_AMT" name="goodsAmt" value="100" type="text" readonly>
153
 					</div>
157
 					</div>
154
 				</div>
158
 				</div>
@@ -156,8 +160,8 @@
156
 					<div class="list_label">
160
 					<div class="list_label">
157
 						<label>결제방법 *</label>
161
 						<label>결제방법 *</label>
158
 					</div>
162
 					</div>
159
-					<div class="list_info mail" style="padding-top:10px;">
160
-						<select id="ITP_FORM_MLOANMNG02010_PAY_PAY_METHOD" name="payMethod">
163
+					<div class="list_info mail" style="padding-top:4px;">
164
+						<select id="ITP_FORM_MLOANMNG02010_PAY_PAY_METHOD" name="payMethod" style="width:90%;">
161
 							<option value="11">신용카드</option>
165
 							<option value="11">신용카드</option>
162
 							<option value="21">계좌이체</option>
166
 							<option value="21">계좌이체</option>
163
 						</select>
167
 						</select>
@@ -167,7 +171,7 @@
167
 					<div class="list_label">
171
 					<div class="list_label">
168
 						<label>휴대전화번호 *</label>
172
 						<label>휴대전화번호 *</label>
169
 					</div>
173
 					</div>
170
-					<div class="list_info" style="padding-top:10px;">
174
+					<div class="list_info" style="padding-top:4px;">
171
 						<input id="ITP_FORM_MLOANMNG02010_PAY_ORD_TEL" name="ordTel" value="010-2329-8816" type="text" data-check-required="empty" data-key-up="number">
175
 						<input id="ITP_FORM_MLOANMNG02010_PAY_ORD_TEL" name="ordTel" value="010-2329-8816" type="text" data-check-required="empty" data-key-up="number">
172
 					</div>
176
 					</div>
173
 				</div>
177
 				</div>
@@ -175,7 +179,7 @@
175
 					<div class="list_label border">
179
 					<div class="list_label border">
176
 						<label>E-mail</label>
180
 						<label>E-mail</label>
177
 					</div>
181
 					</div>
178
-					<div class="list_info mail" style="padding-top:10px;">
182
+					<div class="list_info mail" style="padding-top:4px;">
179
 						<input id="ITP_FORM_MLOANMNG02010_PAY_ORD_EMAIL" name="ordEmail" class="" type="hidden">
183
 						<input id="ITP_FORM_MLOANMNG02010_PAY_ORD_EMAIL" name="ordEmail" class="" type="hidden">
180
 						<input id="ITP_FORM_MLOANMNG02010_PAY_EMAIL_ID" name="emailId" class="" type="text" data-check-required="empty">
184
 						<input id="ITP_FORM_MLOANMNG02010_PAY_EMAIL_ID" name="emailId" class="" type="text" data-check-required="empty">
181
 						<span>@</span>
185
 						<span>@</span>
@@ -191,6 +195,12 @@
191
 						<button id="ITP_BTN_MLOANMNG02010_PAY_CANCEL" class="col_3 btn-gray btn-sm CLB">취소</button>
195
 						<button id="ITP_BTN_MLOANMNG02010_PAY_CANCEL" class="col_3 btn-gray btn-sm CLB">취소</button>
192
 					</div>
196
 					</div>
193
 				</div>
197
 				</div>
198
+				<div class="line"></div>
199
+				<div class="line"></div>
200
+				<div class="line"></div>
201
+				<div class="line"></div>
202
+				<div class="line"></div>
203
+				<div class="line"></div>
194
 			</div>
204
 			</div>
195
 		</form>
205
 		</form>
196
 	</div>
206
 	</div>
@@ -199,7 +209,7 @@
199
 		<div class="pop">
209
 		<div class="pop">
200
 			<div class="header">
210
 			<div class="header">
201
 				<div class="header_left">
211
 				<div class="header_left">
202
-					<label>> 매장</label>
212
+					<label>매장</label>
203
 				</div>
213
 				</div>
204
 				<div class="header_right">
214
 				<div class="header_right">
205
 					<button type="button" id="ITP_BTN_MLOANMNG02010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
215
 					<button type="button" id="ITP_BTN_MLOANMNG02010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
@@ -213,13 +223,16 @@
213
 					<button id="ITP_BTN_MLOANMNG02010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
223
 					<button id="ITP_BTN_MLOANMNG02010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
214
 				</form>
224
 				</form>
215
 			</div>
225
 			</div>
226
+			<div class="select_btn">
227
+				<button id="ITP_BTN_MLOANMNG02010_POP_SOTRE_NM" class="btn_blue">매 장 ▼</button>
228
+			</div>
216
 			<div id="ITP_LIST_MLOANMNG02010_POP_STORE_AREA" class="popup_scroll">
229
 			<div id="ITP_LIST_MLOANMNG02010_POP_STORE_AREA" class="popup_scroll">
217
-				<ul id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWS" class="panel-group itp_nav"></ul>
218
-				<div id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWCOPY" style="display:none;">
219
-					<li class="list-row">
230
+				<ul id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
231
+				<div id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWCOPY" style="display: block;">
232
+					<li class="row_2">
220
 						<div class="scroll_left">
233
 						<div class="scroll_left">
221
-							<div class="fnStoreNm"></div>
222
-							<div class="fnStoreStNm"></div>
234
+							<div class="con_2 fnStoreNm"></div>
235
+							<div class="con_2 sub fnStoreStNm"></div>
223
 						</div>
236
 						</div>
224
 						<div class="scroll_right">
237
 						<div class="scroll_right">
225
 							<button id="ITP_BTN_MLOANMNG02010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
238
 							<button id="ITP_BTN_MLOANMNG02010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
@@ -236,13 +249,13 @@
236
 			<div class="pop">
249
 			<div class="pop">
237
 				<div class="header">
250
 				<div class="header">
238
 					<div class="header_left">
251
 					<div class="header_left">
239
-						<label>> 입금등록</label>
252
+						<label>입금등록</label>
240
 					</div>
253
 					</div>
241
 					<div class="header_right">
254
 					<div class="header_right">
242
 						<button id="ITP_BTN_MLOANMNG02010_POP_DPST_REQ_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
255
 						<button id="ITP_BTN_MLOANMNG02010_POP_DPST_REQ_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
243
 					</div>
256
 					</div>
244
 				</div>
257
 				</div>
245
-				<div class="content">
258
+				<div class="content" style="border:none;">
246
 					<div class="line">
259
 					<div class="line">
247
 						<label>브랜드명</label>
260
 						<label>브랜드명</label>
248
 						<div class="search_wrap itp_ip">
261
 						<div class="search_wrap itp_ip">
@@ -264,7 +277,7 @@
264
 					<div class="line">
277
 					<div class="line">
265
 						<label>입금일자</label>
278
 						<label>입금일자</label>
266
 						<div class="search_wrap itp_ip">
279
 						<div class="search_wrap itp_ip">
267
-							<input id="ITP_FORM_MLOANMNG02010_POP_DPST_DT" name="dpstDt" data-check-required="empty" type="date" style="width: 178px;">
280
+							<input id="ITP_FORM_MLOANMNG02010_POP_DPST_DT" name="dpstDt" data-check-required="empty" type="date">
268
 						</div>
281
 						</div>
269
 					</div>
282
 					</div>
270
 					<div class="line itp_ip">
283
 					<div class="line itp_ip">
@@ -276,7 +289,7 @@
276
 					<div class="line">
289
 					<div class="line">
277
 						<label>입금은행</label>
290
 						<label>입금은행</label>
278
 						<div class="search_wrap itp_ip">
291
 						<div class="search_wrap itp_ip">
279
-							<select name="dpstBnkCd" id="ITP_FORM_MLOANMNG02010_POP_DPST_BNK" data-select-code="BNK_CD" data-check-required="empty" style="width: 178px;">
292
+							<select name="dpstBnkCd" id="ITP_FORM_MLOANMNG02010_POP_DPST_BNK" data-select-code="BNK_CD" data-check-required="empty" >
280
 								<option value="">은행코드 선택</option>
293
 								<option value="">은행코드 선택</option>
281
 							</select>
294
 							</select>
282
 						</div>
295
 						</div>
@@ -295,59 +308,59 @@
295
 			</div>
308
 			</div>
296
 		</form>
309
 		</form>
297
 	</div>
310
 	</div>
298
-	<div id="ITP_POP_MLOANMNG02010_DPST_RJCT_AREA" class="popup3 mobile-pop-close" style="display: none;">
311
+	<div id="ITP_POP_MLOANMNG02010_DPST_RJCT_AREA" class="popup2 mobile-pop-close" style="display: none;">
299
 		<form id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT" class="form-horizontal" onsubmit="return false;">
312
 		<form id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT" class="form-horizontal" onsubmit="return false;">
300
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_BRAND_ID" name="sbrandId" value="">
313
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_BRAND_ID" name="sbrandId" value="">
301
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_STORE_ID" name="sstoreId" value="">
314
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_STORE_ID" name="sstoreId" value="">
302
 		<div class="pop">
315
 		<div class="pop">
303
 			<div class="header">
316
 			<div class="header">
304
 				<div class="header_left">
317
 				<div class="header_left">
305
-					<label>> 입금요청반려</label>
318
+					<label>입금요청반려</label>
306
 				</div>
319
 				</div>
307
 				<div class="header_right">
320
 				<div class="header_right">
308
 					<button id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
321
 					<button id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
309
 				</div>
322
 				</div>
310
 			</div>
323
 			</div>
311
-			<div class="content">
324
+			<div class="content" style="border:none;">
312
 				<div class="line">
325
 				<div class="line">
313
 					<label>브랜드명</label>
326
 					<label>브랜드명</label>
314
-					<div class="float_left">
327
+					<div class="pop_right">
315
 						<div class="fnBrandNm"></div>
328
 						<div class="fnBrandNm"></div>
316
 					</div>
329
 					</div>
317
 				</div>
330
 				</div>
318
 				<div class="line">
331
 				<div class="line">
319
 					<label>매장명</label>
332
 					<label>매장명</label>
320
-					<div class="float_left">
333
+					<div class="pop_right">
321
 						<div class="fnStoreNm"></div>
334
 						<div class="fnStoreNm"></div>
322
 					</div>
335
 					</div>
323
 				</div>
336
 				</div>
324
 				<div class="line">
337
 				<div class="line">
325
 					<label>입금금액</label>
338
 					<label>입금금액</label>
326
-					<div class="float_left">
339
+					<div class="pop_right">
327
 						<div class="fnDpstAmt"></div>
340
 						<div class="fnDpstAmt"></div>
328
 					</div>
341
 					</div>
329
 				</div>
342
 				</div>
330
 				<div class="line">
343
 				<div class="line">
331
 					<label>입금일자</label>
344
 					<label>입금일자</label>
332
-					<div class="float_left">
345
+					<div class="pop_right">
333
 						<div class="fnDpstDt"></div>
346
 						<div class="fnDpstDt"></div>
334
 					</div>
347
 					</div>
335
 				</div>
348
 				</div>
336
 				<div class="line">
349
 				<div class="line">
337
 					<label>입금자명</label>
350
 					<label>입금자명</label>
338
-					<div class="float_left">
351
+					<div class="pop_right">
339
 						<div class="fnDpstNm"></div>
352
 						<div class="fnDpstNm"></div>
340
 					</div>
353
 					</div>
341
 				</div>
354
 				</div>
342
 				<div class="line">
355
 				<div class="line">
343
 					<label>입금은행</label>
356
 					<label>입금은행</label>
344
-					<div class="float_left">
345
-						<div class="fnDpstBnk"></div>
357
+					<div class="pop_right">
358
+						<div class="fnDpstBnk">></div>
346
 					</div>
359
 					</div>
347
 				</div>
360
 				</div>
348
 				<div class="line">
361
 				<div class="line">
349
 					<label>입금계좌번호</label>
362
 					<label>입금계좌번호</label>
350
-					<div class="float_left">
363
+					<div class="pop_right">
351
 						<div class="fnDpstAcctNo"></div>
364
 						<div class="fnDpstAcctNo"></div>
352
 					</div>
365
 					</div>
353
 				</div>
366
 				</div>

+ 88 - 67
src/main/webapp/mobile/app/mloanmng/MLOANMNG03010.html

@@ -4,17 +4,20 @@
4
 			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
4
 			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5
 			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
5
 			 <input type="hidden" id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6
 		  <div class="content">
6
 		  <div class="content">
7
+		  <div class="line header">
8
+				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입금관리</div>
9
+	      	</div>
7
 			<div class="line">
10
 			<div class="line">
8
-			  <label>매장선택</label>
9
-				<div class="search_wrap">
10
-					<div class="float_left">
11
-						<input id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명" readonly>
12
-					</div>
13
-					<div class="float_left_btn">
11
+			    <label>매장선택</label>
12
+				<div class="float_left">
13
+					<input id="ITP_FORM_MLOANMNG03010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명" readonly>
14
+					<div class="itp_input_btn">	
14
 						<button id="ITP_BTN_MLOANMNG03010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
15
 						<button id="ITP_BTN_MLOANMNG03010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
15
-						<button id="ITP_BTN_MLOANMNG03010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
16
 					</div>
16
 					</div>
17
 				</div>
17
 				</div>
18
+				<div class="float_right_btn">
19
+					<button id="ITP_BTN_MLOANMNG03010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
20
+				</div>
18
 			</div>
21
 			</div>
19
 		   <!--  <div class="line">
22
 		   <!--  <div class="line">
20
 			  <label>정산상태</label>
23
 			  <label>정산상태</label>
@@ -38,20 +41,21 @@
38
 			  </div>
41
 			  </div>
39
 			</div>
42
 			</div>
40
 			<div class="table_header">
43
 			<div class="table_header">
41
-			  <h1>> 정산 내역</h1>
44
+			  <h1><정산 내역></h1>
42
 			</div>
45
 			</div>
43
 		  </div>
46
 		  </div>
44
-			<div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_AREA" class="scroll_area row-1">
45
-			  <ul id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWS" class="panel-group"></ul>
46
-			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: none;">
47
-				<li class="history_list4 list-row">
47
+			<div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_AREA" class="scroll_area row-0">
48
+			  <ul id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
49
+			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
50
+				<li class="history_list4" style="padding-top:3px;">
48
 				  <div class="left">
51
 				  <div class="left">
49
 					<div class="nomal">
52
 					<div class="nomal">
50
-					  <label class="history_label">매장명 &nbsp;:</label>
53
+					  <label class="history_label">매장명</label>
54
+					  <span>:</span>
51
 					  <div class="history">
55
 					  <div class="history">
52
 						<div class="fnStoreNm"></div>
56
 						<div class="fnStoreNm"></div>
53
 					  </div>
57
 					  </div>
54
-					  <label class="history_label">정산타입&nbsp;:</label>
58
+					  <label class="sub_info">정산타입&nbsp;:</label>
55
 					  <div class="history">
59
 					  <div class="history">
56
 						<div class="fnLoanDvsnNm"></div>
60
 						<div class="fnLoanDvsnNm"></div>
57
 					  </div>
61
 					  </div>
@@ -59,11 +63,12 @@
59
 				  </div>
63
 				  </div>
60
 				  <div class="left">
64
 				  <div class="left">
61
 					<div class="nomal">
65
 					<div class="nomal">
62
-					  <label class="history_label">정산번호 &nbsp;:</label>
66
+					  <label class="history_label">정산번호 </label>
67
+					  <span>:</span>
63
 					  <div class="history">
68
 					  <div class="history">
64
 						<div class="fnSttlMgntUnqNo"></div>
69
 						<div class="fnSttlMgntUnqNo"></div>
65
 					  </div>
70
 					  </div>
66
-					  <label class="history_label">정산상태&nbsp;:</label>
71
+					  <label class="sub_info">정산상태&nbsp;:</label>
67
 					  <div class="history">
72
 					  <div class="history">
68
 						<div class="fnSttlStNm"></div>
73
 						<div class="fnSttlStNm"></div>
69
 					  </div>
74
 					  </div>
@@ -71,11 +76,12 @@
71
 				  </div>
76
 				  </div>
72
 				  <div class="left">
77
 				  <div class="left">
73
 					<div class="nomal">
78
 					<div class="nomal">
74
-					  <label class="history_label">정산요청일 &nbsp;:</label>
79
+					  <label class="history_label">정산요청일 </label>
80
+					  <span>:</span>
75
 					  <div class="history">
81
 					  <div class="history">
76
 						<div class="fnSttlReqDt"></div>
82
 						<div class="fnSttlReqDt"></div>
77
 					  </div>
83
 					  </div>
78
-					  <label class="history_label">정산금액&nbsp;:</label>
84
+					  <label class="sub_info">정산금액&nbsp;:</label>
79
 					  <div class="history">
85
 					  <div class="history">
80
 						<div class="fnSttlAmt"></div>
86
 						<div class="fnSttlAmt"></div>
81
 					  </div>
87
 					  </div>
@@ -83,11 +89,12 @@
83
 				  </div>
89
 				  </div>
84
 					<div class="left">
90
 					<div class="left">
85
 						<div class="nomal">
91
 						<div class="nomal">
86
-							<label class="history_label">정산확정일 &nbsp;:</label>
92
+							<label class="history_label">정산확정일 </label>
93
+							<span>:</span>
87
 							<div class="history">
94
 							<div class="history">
88
 								<div class="fnSttlDt"></div>
95
 								<div class="fnSttlDt"></div>
89
 							</div>
96
 							</div>
90
-							<label class="history_label">미납금액&nbsp;:</label>
97
+							<label class="sub_info">미납금액&nbsp;:</label>
91
 							<div class="history">
98
 							<div class="history">
92
 								<div class="fnUnpaidAmt"></div>
99
 								<div class="fnUnpaidAmt"></div>
93
 							</div>
100
 							</div>
@@ -95,13 +102,13 @@
95
 					</div>
102
 					</div>
96
 					<div class="left">
103
 					<div class="left">
97
 						<div class="nomal">
104
 						<div class="nomal">
98
-							<label class="history_label">사용가능한도 &nbsp;:</label>
105
+							<label class="history_label">사용가능한도</label>
106
+							<span>:</span>
99
 							<div class="history">
107
 							<div class="history">
100
 								<div class="fnUseAmtTotal"></div>
108
 								<div class="fnUseAmtTotal"></div>
101
 							</div>
109
 							</div>
102
 							<label class="history_label"></label>
110
 							<label class="history_label"></label>
103
-							<div class="history">
104
-							</div>
111
+							<div class="history"></div>
105
 						</div>
112
 						</div>
106
 					</div>
113
 					</div>
107
 				</li>
114
 				</li>
@@ -120,100 +127,105 @@
120
 		  <div class="content">
127
 		  <div class="content">
121
 			<div class="line">
128
 			<div class="line">
122
 			  <label>매장명</label>
129
 			  <label>매장명</label>
123
-			  <div class="search_wrap">
130
+			  <div class="line_right">
124
 			  	<div class="fnStoreNm">a 매장명</div>
131
 			  	<div class="fnStoreNm">a 매장명</div>
125
 			  </div>      
132
 			  </div>      
126
 			</div>
133
 			</div>
127
 			<div class="line">
134
 			<div class="line">
128
-			  <label class="col_6">정산일자</label>
129
-			  <div class="search_wrap">
135
+			  <label>정산일자</label>
136
+			  <div class="line_right">
130
 			  	<div class="fnSttlDt">2022.10.10</div>
137
 			  	<div class="fnSttlDt">2022.10.10</div>
131
 			  </div>
138
 			  </div>
132
 			</div>
139
 			</div>
133
 			<div class="line">
140
 			<div class="line">
134
 			  <label>정산상태</label>
141
 			  <label>정산상태</label>
135
-			  <div class="search_wrap">
142
+			  <div class="line_right">
136
   			  	<div class="fnSttlStCd">정산요청</div>
143
   			  	<div class="fnSttlStCd">정산요청</div>
137
 			  </div>
144
 			  </div>
138
 			</div>
145
 			</div>
139
 			<div class="line">
146
 			<div class="line">
140
 			  <label>정산금액</label>
147
 			  <label>정산금액</label>
141
-			  <div class="search_wrap">
148
+			  <div class="line_right">
142
 			  	<div class="fnSttlAmt">2,000,000원</div>
149
 			  	<div class="fnSttlAmt">2,000,000원</div>
143
 			  </div>
150
 			  </div>
144
 			</div>
151
 			</div>
145
 			<div class="line">
152
 			<div class="line">
146
 			  <label>잔액</label>
153
 			  <label>잔액</label>
147
-			  <div class="search_wrap">
154
+			  <div class="line_right">
148
 			  	<div class="fnBal">1,000,000원</div>
155
 			  	<div class="fnBal">1,000,000원</div>
149
 			  </div>
156
 			  </div>
150
 			</div>
157
 			</div>
151
 			<div class="line">
158
 			<div class="line">
152
 			  <label>정산등록일자</label>
159
 			  <label>정산등록일자</label>
153
-			  <div class="search_wrap">
160
+			  <div class="line_right">
154
 			  	<div class="fnSttlRegDt">2022.10.10</div>
161
 			  	<div class="fnSttlRegDt">2022.10.10</div>
155
 			  </div>
162
 			  </div>
156
 			</div>
163
 			</div>
157
 			<div class="table_header">
164
 			<div class="table_header">
158
-			  <h1>> 정산 상세 내역</h1>
165
+			  <h1><정산 상세 내역></h1>
159
 			</div>
166
 			</div>
160
 		  </div>
167
 		  </div>
161
-		  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_AREA" class="scroll_area row-4">
162
-			  <ul id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWS" class="panel-group"></ul>
163
-			  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWCOPY" style="display: none;">
168
+		  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_AREA" class="scroll_area row-5-1">
169
+			  <ul id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
170
+			  <div id="ITP_LIST_MLOANMNG03010_VIEW_ITEM_ROWCOPY" style="display: block;">
164
 				<li class="history_list2 list-row">
171
 				<li class="history_list2 list-row">
165
 				  <div>
172
 				  <div>
166
 					<div class="left">
173
 					<div class="left">
167
 					  <div class="nomal">
174
 					  <div class="nomal">
168
-						<label class="col_0">품목아이디 &nbsp;:</label>
175
+						<label>품목아이디 </label>
176
+						<span>:</span>
169
 						<div class="space2">
177
 						<div class="space2">
170
-						  <div class="fnItemId"></div>
178
+						  <div class="fnItemId">asdfasdfassd</div>
171
 						</div>
179
 						</div>
172
-						<label class="col_0">품목명&nbsp;:</label>
180
+						<label class="sub_info">품목명&nbsp;:</label>
173
 						<div class="space2">
181
 						<div class="space2">
174
-						  <div class="fnItemNm"></div>
182
+						  <div class="fnItemNm">fasdfasdfad</div>
175
 						</div>
183
 						</div>
176
 					  </div>
184
 					  </div>
177
 					</div>
185
 					</div>
178
 					<div class="left">
186
 					<div class="left">
179
 					  <div class="nomal">
187
 					  <div class="nomal">
180
-						<label class="col_0">단가 &nbsp;:</label>
188
+						<label>단가</label>
189
+						<span>:</span>
181
 						<div class="space2">
190
 						<div class="space2">
182
-						  <div class="fnUnitAmt"></div>
191
+						  <div class="fnUnitAmt">52525525</div>
183
 						</div>
192
 						</div>
184
-						<label class="col_0">단위&nbsp;:</label>
193
+						<label class="sub_info">단위&nbsp;:</label>
185
 						<div class="space2">
194
 						<div class="space2">
186
-						  <div class="fnUnit"></div>
195
+						  <div class="fnUnit">25252asd</div>
187
 						</div>
196
 						</div>
188
 					  </div>
197
 					  </div>
189
 					</div>
198
 					</div>
190
 					<div class="left">
199
 					<div class="left">
191
 					  <div class="nomal">
200
 					  <div class="nomal">
192
-						<label class="col_0">발주(납품)수량 &nbsp;:</label>
193
-						<div style="min-width:0px;">
194
-						  <div class="fnPodrQyt" style="min-width:0px;"></div>
201
+						<label>발주(납품)수량</label>
202
+						<span>:</span>
203
+						<div>
204
+						  <div class="fnPodrQyt">1212</div>
195
 						</div>
205
 						</div>
196
-						<label class="col_0">입고(수거)일자&nbsp;:</label>
206
+						<label class="sub_info">입고(수거)일자&nbsp;:</label>
197
 						<div>
207
 						<div>
198
-						  <div class="fnWhsColDt"></div>
208
+						  <div class="fnWhsColDt">2022.20.20</div>
199
 						</div>
209
 						</div>
200
 					  </div>
210
 					  </div>
201
 					</div>
211
 					</div>
202
 					<div class="left">
212
 					<div class="left">
203
 					  <div class="nomal">
213
 					  <div class="nomal">
204
-						<label class="col_0">입고(수거)수량 &nbsp;:</label>
205
-						<div style="min-width:0px;">
206
-						  <div class="fnWhsColQty" style="min-width:0px;" ></div>
214
+						<label>입고(수거)수량</label>
215
+						<span>:</span>
216
+						<div>
217
+						  <div class="fnWhsColQty">1212</div>
207
 						</div>
218
 						</div>
208
-						<label class="col_0">입고(수거)금액&nbsp;:</label>
219
+						<label class="sub_info">입고(수거)금액&nbsp;:</label>
209
 						<div class="fn">
220
 						<div class="fn">
210
-						  <div class="fnWhsColAmt"></div>
221
+						  <div class="fnWhsColAmt">2020.10.10</div>
211
 						</div>
222
 						</div>
212
 					  </div>
223
 					  </div>
213
 					</div>
224
 					</div>
214
 					<div class="left">
225
 					<div class="left">
215
 					  <div class="nomal">
226
 					  <div class="nomal">
216
-						<label class="col_0">정산구분 &nbsp;:</label>
227
+						<label class="">정산구분</label>
228
+						<span>:</span>
217
 						<div class="space2">
229
 						<div class="space2">
218
 						  <div class="fnSttlDvsnNm"></div>
230
 						  <div class="fnSttlDvsnNm"></div>
219
 						</div>
231
 						</div>
@@ -228,7 +240,7 @@
228
 			<button id="ITP_BTN_MLOANMNG03010_VIEW_CANCEL_LIST" class="btn_col_3 btn-gray CLB">취소</button>
240
 			<button id="ITP_BTN_MLOANMNG03010_VIEW_CANCEL_LIST" class="btn_col_3 btn-gray CLB">취소</button>
229
 		</div>
241
 		</div>
230
 	</div>
242
 	</div>
231
-	<div id="ITP_AJAX_MLOANMNG03010_PAY_CONTAINER" style="display: none;">
243
+	<div id="ITP_AJAX_MLOANMNG03010_PAY_CONTAINER" style="display: block;">
232
 		<form id="ITP_FORM_MLOANMNG03010_PAY" class="form-horizontal" onsubmit="return false;">
244
 		<form id="ITP_FORM_MLOANMNG03010_PAY" class="form-horizontal" onsubmit="return false;">
233
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_BRAND_ID" name="brandId" value="">
245
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_BRAND_ID" name="brandId" value="">
234
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_STORE_ID" name="storeId" value="">
246
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_STORE_ID" name="storeId" value="">
@@ -239,7 +251,7 @@
239
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_MOBILE_URL" name="kicc_action_mobile_url" value="">
251
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_MOBILE_URL" name="kicc_action_mobile_url" value="">
240
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_JS_URL" name="kicc_javascript_url" value="">
252
 			<input type="hidden" id="ITP_FORM_MLOANMNG03010_PAY_JS_URL" name="kicc_javascript_url" value="">
241
 			<div class="content">
253
 			<div class="content">
242
-				<div class="line" style="height:100px;">
254
+				<div class="line" style="height:140px;">
243
 					<label class="pay_label">수발주 선불(충전)을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여<br> PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.</label>
255
 					<label class="pay_label">수발주 선불(충전)을 위해 아래 항목을 입력을 한 후에 결제 버튼을 클릭하여<br> PG사 결제 절차에 따라 결재을 진행해 주시기 바랍니다.</label>
244
 				</div>
256
 				</div>
245
 				<div class="list_line">
257
 				<div class="list_line">
@@ -270,7 +282,7 @@
270
 					<div class="list_label">
282
 					<div class="list_label">
271
 						<label>결제금액 *</label>
283
 						<label>결제금액 *</label>
272
 					</div>
284
 					</div>
273
-					<div class="list_info" style="padding-top:10px;">
285
+					<div class="list_info" style="padding-top:4px;">
274
 						<div class="pay_info fnItemNm"></div>
286
 						<div class="pay_info fnItemNm"></div>
275
 						<input id="ITP_FORM_MLOANMNG03010_PAY_GOODS_AMT" name="goodsAmt" type="text" readonly>
287
 						<input id="ITP_FORM_MLOANMNG03010_PAY_GOODS_AMT" name="goodsAmt" type="text" readonly>
276
 					</div>
288
 					</div>
@@ -279,8 +291,8 @@
279
 					<div class="list_label">
291
 					<div class="list_label">
280
 						<label>결제방법 *</label>
292
 						<label>결제방법 *</label>
281
 					</div>
293
 					</div>
282
-					<div class="list_info mail" style="padding-top:10px;">
283
-						<select id="ITP_FORM_MLOANMNG02010_PAY_PAY_METHOD" name="payMethod">
294
+					<div class="list_info mail" style="padding-top:4px;">
295
+						<select id="ITP_FORM_MLOANMNG02010_PAY_PAY_METHOD" name="payMethod" style="width:90%;">
284
 							<option value="11">신용카드</option>
296
 							<option value="11">신용카드</option>
285
 							<option value="21">계좌이체</option>
297
 							<option value="21">계좌이체</option>
286
 						</select>
298
 						</select>
@@ -290,7 +302,7 @@
290
 					<div class="list_label">
302
 					<div class="list_label">
291
 						<label>휴대전화번호 *</label>
303
 						<label>휴대전화번호 *</label>
292
 					</div>
304
 					</div>
293
-					<div class="list_info" style="padding-top:10px;">
305
+					<div class="list_info" style="padding-top:4px;">
294
 						<input id="ITP_FORM_MLOANMNG03010_PAY_ORD_TEL" name="ordTel" type="text" data-check-required="empty">
306
 						<input id="ITP_FORM_MLOANMNG03010_PAY_ORD_TEL" name="ordTel" type="text" data-check-required="empty">
295
 					</div>
307
 					</div>
296
 				</div>
308
 				</div>
@@ -298,7 +310,7 @@
298
 					<div class="list_label border">
310
 					<div class="list_label border">
299
 						<label>E-mail</label>
311
 						<label>E-mail</label>
300
 					</div>
312
 					</div>
301
-					<div class="list_info mail" style="padding-top:10px;">
313
+					<div class="list_info mail" style="padding-top:4px;">
302
 						<input id="ITP_FORM_MLOANMNG03010_PAY_ORD_EMAIL" name="ordEmail" class="" type="hidden">
314
 						<input id="ITP_FORM_MLOANMNG03010_PAY_ORD_EMAIL" name="ordEmail" class="" type="hidden">
303
 						<input id="ITP_FORM_MLOANMNG03010_PAY_EMAIL_ID" name="emailId" class="" type="text" data-check-required="empty">
315
 						<input id="ITP_FORM_MLOANMNG03010_PAY_EMAIL_ID" name="emailId" class="" type="text" data-check-required="empty">
304
 						<span>@</span>
316
 						<span>@</span>
@@ -314,15 +326,21 @@
314
 						<button id="ITP_BTN_MLOANMNG03010_PAY_CANCEL" class="col_3 btn-gray btn-sm CLB">취소</button>
326
 						<button id="ITP_BTN_MLOANMNG03010_PAY_CANCEL" class="col_3 btn-gray btn-sm CLB">취소</button>
315
 					</div>
327
 					</div>
316
 				</div>
328
 				</div>
329
+				<div class="line"></div>
330
+				<div class="line"></div>
331
+				<div class="line"></div>
332
+				<div class="line"></div>
333
+				<div class="line"></div>
334
+				<div class="line"></div>
317
 			</div>
335
 			</div>
318
 		</form>
336
 		</form>
319
 	</div>
337
 	</div>
320
 	<div id="ITP_MOBILE_JS"></div>
338
 	<div id="ITP_MOBILE_JS"></div>
321
-	<div id="ITP_POP_MLOANMNG03010_STORE_AREA" class="popup2 mobile-pop-close" style="display: none;">
339
+	<div id="ITP_POP_MLOANMNG03010_STORE_AREA" class="popup2 mobile-pop-close" style="display: block;">
322
 		<div class="pop">
340
 		<div class="pop">
323
 			<div class="header">
341
 			<div class="header">
324
 				<div class="header_left">
342
 				<div class="header_left">
325
-					<label>> 매장</label>
343
+					<label>매장</label>
326
 				</div>
344
 				</div>
327
 				<div class="header_right">
345
 				<div class="header_right">
328
 					<button type="button" id="ITP_BTN_MLOANMNG03010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
346
 					<button type="button" id="ITP_BTN_MLOANMNG03010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
@@ -336,13 +354,16 @@
336
 					<button id="ITP_BTN_MLOANMNG03010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
354
 					<button id="ITP_BTN_MLOANMNG03010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
337
 				</form>
355
 				</form>
338
 			</div>
356
 			</div>
357
+			<div class="select_btn">
358
+				<button id="ITP_BTN_MLOANMNG02010_POP_SOTRE_NM" class="btn_blue">매 장 ▼</button>
359
+			</div>
339
 			<div id="ITP_LIST_MLOANMNG03010_POP_STORE_AREA" class="popup_scroll">
360
 			<div id="ITP_LIST_MLOANMNG03010_POP_STORE_AREA" class="popup_scroll">
340
-				<ul id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWS" class="panel-group itp_nav"></ul>
341
-				<div id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWCOPY" style="display:none;">
342
-					<li class="list-row">
361
+				<ul id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
362
+				<div id="ITP_LIST_MLOANMNG03010_POP_STORE_ROWCOPY" style="display: block;">
363
+					<li class="row_2">
343
 						<div class="scroll_left">
364
 						<div class="scroll_left">
344
-							<div class="fnStoreNm"></div>
345
-							<div class="fnStoreStNm"></div>
365
+							<div class="con_2 fnStoreNm"></div>
366
+							<div class="con_2 sub fnStoreStNm"></div>
346
 						</div>
367
 						</div>
347
 						<div class="scroll_right">
368
 						<div class="scroll_right">
348
 							<button id="ITP_BTN_MLOANMNG03010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
369
 							<button id="ITP_BTN_MLOANMNG03010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>

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

@@ -69,7 +69,7 @@
69
 		<form id="ITP_FORM_MRTNMNG05010_LIST_MODIFY" class="form-horizontal" onsubmit="return false;">
69
 		<form id="ITP_FORM_MRTNMNG05010_LIST_MODIFY" class="form-horizontal" onsubmit="return false;">
70
 			<div id="ITP_LIST_MRTNMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
70
 			<div id="ITP_LIST_MRTNMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
71
 				<ul id="ITP_LIST_MRTNMNG05010_LIST_ITEM_ROWS" class="panel-group"></ul>
71
 				<ul id="ITP_LIST_MRTNMNG05010_LIST_ITEM_ROWS" class="panel-group"></ul>
72
-				<div id="ITP_LIST_MRTNMNG05010_LIST_ITEM_ROWCOPY" style="display: block;">
72
+				<div id="ITP_LIST_MRTNMNG05010_LIST_ITEM_ROWCOPY" style="display: none;">
73
 					<li class="history_list2">
73
 					<li class="history_list2">
74
 						<div class="left">
74
 						<div class="left">
75
 							<div class="nomal">
75
 							<div class="nomal">

+ 30 - 19
src/main/webapp/mobile/css/style.css

@@ -81,7 +81,7 @@ section .popup2 .pop .popup_scroll li .scroll_right button {width: 50px; height:
81
 section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:24px; height:38px;}
81
 section .popup2 .pop .popup_scroll li .right {position: relative; display: flex; font-size: 1.6rem; font-weight: 700; float: right; top:24px; height:38px;}
82
 section .popup2 .pop .popup_scroll li .right button {padding: 5px; font-size: 22px; width:30px;}
82
 section .popup2 .pop .popup_scroll li .right button {padding: 5px; font-size: 22px; width:30px;}
83
 section .popup2 .pop .popup_scroll li .add button{float: right; width: 60px; height: 55px; margin: 12px 9px; border-radius: 10px; font-size: 1rem; background: rgb(198, 170, 250);}
83
 section .popup2 .pop .popup_scroll li .add button{float: right; width: 60px; height: 55px; margin: 12px 9px; border-radius: 10px; font-size: 1rem; background: rgb(198, 170, 250);}
84
-section .popup2 .pop .content .line button {width: 40%; height: 35px;font-size: 1rem; padding: 0; margin: 0 10px;}
84
+section .popup2 .pop .content .line button {width: 40%; height: 35px;font-size: 14px; font-weight:100; padding-top: 7px; margin: 0 10px;}
85
 section .popup2	.list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
85
 section .popup2	.list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
86
 section .popup2 .border {border-bottom: 1px solid #000 !important;}
86
 section .popup2 .border {border-bottom: 1px solid #000 !important;}
87
 section .popup2 .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
87
 section .popup2 .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
@@ -201,10 +201,10 @@ body.eee {height: 700px; background: #eee;}
201
 .main .wicon .icon_left {float: left;}
201
 .main .wicon .icon_left {float: left;}
202
 
202
 
203
 
203
 
204
-input {margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px; font-size: 0.8rem; text-align: left; padding:0 10px;}
204
+input {font-size:14px; margin-top: 3px; border: 1px solid #aaa; border-radius:5px; height: 36px;text-align: left; padding:0 10px;}
205
 input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
205
 input[type="date"]::-webkit-calendar-picker-indicator {display:none;}
206
 
206
 
207
-select {border: 1px solid #000; height: 35px; font-size: 1rem; text-align: left; padding:0 15px;}
207
+select {border: 1px solid #aaa; border-radius:5px; height: 35px; font-size: 12px; text-align: left; padding:0 15px;}
208
 input .day {margin: 18%; width: 45%; height: 80px; float: right;}
208
 input .day {margin: 18%; width: 45%; height: 80px; float: right;}
209
 
209
 
210
 /* 공통화면 */
210
 /* 공통화면 */
@@ -282,11 +282,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
282
 .content {position:fixed; z-index: 10; padding-top: 10px; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
282
 .content {position:fixed; z-index: 10; padding-top: 10px; width:100%; background: #f4f5f4; border-bottom:1px solid #E0B8AB;}
283
 .content .header {width:100% !important; height:55px !important; margin:0 !important;}
283
 .content .header {width:100% !important; height:55px !important; margin:0 !important;}
284
 .content .line {position: relative; display: inline-block; width: 99%; height: 45px; margin:auto 1%; margin-bottom: -10px;}
284
 .content .line {position: relative; display: inline-block; width: 99%; height: 45px; margin:auto 1%; margin-bottom: -10px;}
285
-.content .line div {font-weight: 700;}
285
+.content .line .pop_right {width:50%; height:46px; float:right;}
286
+.content .line .pop_right div {float:right; margin-right:10px; padding-top:8px; text-align:right; font-size:16px;}
287
+.content .line .search_wrap input {float:right; width:50%; margin-right:10px;}
288
+.content .line .search_wrap select {float:right; width:50%; margin-right:10px;}
286
 .content .line div.itp_search_header {font-weight:100;padding:9px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;}
289
 .content .line div.itp_search_header {font-weight:100;padding:9px 10px 4px 9px; text-align: left; color:#b88278;border-bottom: 1px solid #aaa;}
287
 .content .line div.itp_search_header img{width:22px; top:-2px; position:relative;}
290
 .content .line div.itp_search_header img{width:22px; top:-2px; position:relative;}
288
-.content .line label {min-width:110px; color:#666; font-size: 18px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
289
-.content .line label.pay_label {margin:38px 1%; width:98%;}
291
+.content .line label {min-width:92px; color:#666; font-size: 16px; margin-left: 10px; float: left; text-align: left; margin-top: 10px; font-weight:100;}
292
+.content .line label.pay_label {margin:20px 1%; width:98%;}
290
 .content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
293
 .content .line select.label {border: 1px solid #000; font-size: 0.9rem;margin:9px 0 0 5px; float: left; width: 120px; height: 30px; text-align: left;}
291
 .content .line .itp_label_select {padding:0;width:116px; color:#666; font-size: 18px; float: left; margin-top: 5px; margin-right:4px; font-weight:100; border:1px solid #aaa; border-radius:5px;}
294
 .content .line .itp_label_select {padding:0;width:116px; color:#666; font-size: 18px; float: left; margin-top: 5px; margin-right:4px; font-weight:100; border:1px solid #aaa; border-radius:5px;}
292
 .content .line .float_left {float: left; margin-top:2px; width:50%;}
295
 .content .line .float_left {float: left; margin-top:2px; width:50%;}
@@ -295,14 +298,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
295
 .content .line .float_left button img {width:22px;}
298
 .content .line .float_left button img {width:22px;}
296
 .content .line .float_left input {width:100%; font-size:14px;}
299
 .content .line .float_left input {width:100%; font-size:14px;}
297
 .content .line .float_left.note {width: 100%; padding: 10px;}
300
 .content .line .float_left.note {width: 100%; padding: 10px;}
298
-.content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #000; text-align: left;}
301
+.content .line .float_left.note textarea {width: 100%; height: 100px; border: 1px solid #aaa; text-align: left; font-size:14px;}
299
 .content .line .float_left div {font-size: 1rem; margin-top: 8px;}
302
 .content .line .float_left div {font-size: 1rem; margin-top: 8px;}
300
 .content .line .float_left .itp_input_btn {top:5px; margin:0; position:absolute; width:50%;}
303
 .content .line .float_left .itp_input_btn {top:5px; margin:0; position:absolute; width:50%;}
301
 .content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
304
 .content .line .float_right_btn {float: left; margin-top: 5px; margin-left: 5px;}
302
 .content .line .float_right_btn button {padding:0; width:36px; height:36px; border-radius:5px; border:1px solid #aaa;}
305
 .content .line .float_right_btn button {padding:0; width:36px; height:36px; border-radius:5px; border:1px solid #aaa;}
303
 .content .line .float_right_btn button img {width:20px; height:20px;}
306
 .content .line .float_right_btn button img {width:20px; height:20px;}
304
-.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;;}
305
-.content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:50%}
307
+.content .line .float_left select {float: left; width: 100%; height: 36px; border: 1px solid #aaa; border-radius:5px; font-size: 14px;}
308
+.content .line .line_right {font-size: 2rem; float: left; margin-right: 0%; width:65%}
306
 .content .line .line_right div {float: right; font-size: 18px;; margin-top: 12px; color:#555;}
309
 .content .line .line_right div {float: right; font-size: 18px;; margin-top: 12px; color:#555;}
307
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
310
 .content .line .line_right input {position: relative; text-align: right; margin-right: 84px;}
308
 .content .line .line_right input.m9 {margin-right:93px;}
311
 .content .line .line_right input.m9 {margin-right:93px;}
@@ -318,15 +321,17 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
318
 .content .line div.date_to div.at {width: 6%;  font-size: 16px; padding-top:12px; float: right;}
321
 .content .line div.date_to div.at {width: 6%;  font-size: 16px; padding-top:12px; float: right;}
319
 .content .line .search {width: 100%; height: 50px; padding-top:8px;}
322
 .content .line .search {width: 100%; height: 50px; padding-top:8px;}
320
 .content .line .search button {width: 50%; height: 35px; font-size: 14px; font-weight:100; padding: 0;}
323
 .content .line .search button {width: 50%; height: 35px; font-size: 14px; font-weight:100; padding: 0;}
321
-.content .line .search button.col_3 {width: 25%; margin:0 12px;}
324
+.content .line .search button.col_3 {width: 25%; margin:0 10px;}
322
 .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
325
 .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
323
 .content .border {border-bottom: 1px solid #000 !important;}
326
 .content .border {border-bottom: 1px solid #000 !important;}
324
 .content .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
327
 .content .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
325
-.content .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:17px; border-left:none; border-bottom:none;}
328
+.content .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:15px; border-left:none; border-bottom:none;}
329
+
326
 .content .list_line .list_info input{width:90%;}
330
 .content .list_line .list_info input{width:90%;}
331
+
327
 .content .list_line .mail input {width:30%;}
332
 .content .list_line .mail input {width:30%;}
328
-.content .list_line .mail select {width:30%;}
329
-.content .list_line .list_info .pay_info {text-align:left; padding-left:17px;}
333
+.content .list_line .mail select {width:30%; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
334
+.content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:15px;}
330
 .content .table_header {margin-top: 10px; width: 100%; height: 45px;}
335
 .content .table_header {margin-top: 10px; width: 100%; height: 45px;}
331
 .content .table_header h1 {margin-left: 12px; font-size: 16px; float: left; color: #000; font-weight: 700;}
336
 .content .table_header h1 {margin-left: 12px; font-size: 16px; float: left; color: #000; font-weight: 700;}
332
 .content .table_header button {float: right; width: 80px; height:30px; font-size: 12px; font-weight: 100; padding:0px; margin: 8px; border-radius:15px;}
337
 .content .table_header button {float: right; width: 80px; height:30px; font-size: 12px; font-weight: 100; padding:0px; margin: 8px; border-radius:15px;}
@@ -373,6 +378,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
373
 
378
 
374
 /* scroll_area 조정 */
379
 /* scroll_area 조정 */
375
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
380
 .scroll_area {position: absolute; width: 100%; height: 1090px; bottom: 30px; overflow: auto; background: #fff;}
381
+.row-0{top: 302px;}
376
 .row-1{top: 347px;}
382
 .row-1{top: 347px;}
377
 .row-1-1{top:363px;}
383
 .row-1-1{top:363px;}
378
 .row-2{top: 345px;}
384
 .row-2{top: 345px;}
@@ -382,11 +388,13 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
382
 .row-4{top: 435px;}
388
 .row-4{top: 435px;}
383
 .row-4-1 {top: 400px;}
389
 .row-4-1 {top: 400px;}
384
 .row-5{top: 418px;}
390
 .row-5{top: 418px;}
385
-.row-6{top: 465px;}
391
+.row-5-1{top: 391px;}
392
+.row-6{top: 621px;}
386
 .row-7{top: 533px;}
393
 .row-7{top: 533px;}
387
 .row-9{top: 383px;}
394
 .row-9{top: 383px;}
388
 .row-10{top: 349px;}
395
 .row-10{top: 349px;}
389
 .row-11{top: 309px;}
396
 .row-11{top: 309px;}
397
+
390
 .col-4{width:35% !important;}
398
 .col-4{width:35% !important;}
391
 .col-6{width:60% !important;}
399
 .col-6{width:60% !important;}
392
 .col-4 .thick{width:100% !important;}
400
 .col-4 .thick{width:100% !important;}
@@ -416,7 +424,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
416
 
424
 
417
 
425
 
418
 .scroll_area li.history_list4 .button_right {float: right; display: grid;}
426
 .scroll_area li.history_list4 .button_right {float: right; display: grid;}
419
-.scroll_area li.history_list4 .button_right button {width: 65px; height: 75px; font-size: 1rem; margin: 0; border-radius: 0;}
427
+.scroll_area li.history_list4 .button_right button {width: 65px; height: 74px; font-size: 15px; font-weight:100; margin: 0; border-radius: 0;}
420
 
428
 
421
 .scroll_area li.history_list1 {height: 230px;}
429
 .scroll_area li.history_list1 {height: 230px;}
422
 .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
430
 .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
@@ -428,7 +436,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
428
 .scroll_area li.history_list6 {height: 110px; padding-top:5px;}
436
 .scroll_area li.history_list6 {height: 110px; padding-top:5px;}
429
 .scroll_area li .history_info {width: auto;}
437
 .scroll_area li .history_info {width: auto;}
430
 .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
438
 .scroll_area li .left {width:100%; height:30px; margin-top:0px;}
431
-.scroll_area li .btn {width:calc(100% - 65px); padding-top:12px;}
439
+.scroll_area li .btn_list {width:calc(100% - 65px); height:35px; padding-top:12px;}
432
 .scroll_area li .left div {display: inline-block;}
440
 .scroll_area li .left div {display: inline-block;}
433
 .scroll_area li .left label{font-size: 1.1rem;}
441
 .scroll_area li .left label{font-size: 1.1rem;}
434
 .scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 50%; font-weight: 600;}
442
 .scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 50%; font-weight: 600;}
@@ -456,16 +464,17 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
456
 
464
 
457
 .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
465
 .scroll_area li .scroll_btn input {width:15px; margin:auto 10px;}
458
 .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
466
 .scroll_area li .scroll_btn input:checked ~ .scroll_btn {background:#eee;}
459
-.scroll_area li .left .nomal span {margin:0 5px;}
467
+.scroll_area li .left .nomal span {margin:0 5px; font-size:16px; font-weight:700;}
460
 
468
 
461
 .scroll_area li .left .nomal .btn_bar{position: relative; width: auto; font-size: 2.2rem;}
469
 .scroll_area li .left .nomal .btn_bar{position: relative; width: auto; font-size: 2.2rem;}
462
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
470
 .scroll_area li .left .nomal .btn_bar button{width: 25px; height: 30px; font-size: 1rem; padding: 0;}
463
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
471
 .scroll_area li .left .nomal .btn_bar .col_0{min-width: auto; margin: 5px 20px;}
464
 
472
 
465
 .scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:90px; text-align:left;}
473
 .scroll_area li .left .nomal label{position:relative; margin-left: 10px; font-size:15px; font-weight:700; min-width:90px; text-align:left;}
466
-.scroll_area li .left .nomal label.sub_info{min-width: 70px; display: inline-flex;}
474
+.scroll_area li .left .nomal label.sub_info{min-width: auto; display: inline-flex;}
467
 
475
 
468
 .scroll_area li .left .nomal label.col_2{width: 95px;}
476
 .scroll_area li .left .nomal label.col_2{width: 95px;}
477
+
469
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
478
 .scroll_area li .left .nomal i{width: 50px; text-align: center;}
470
 .scroll_area li .left .nomal div{ display: inline-flex; font-weight: 100; font-size: 15px;}
479
 .scroll_area li .left .nomal div{ display: inline-flex; font-weight: 100; font-size: 15px;}
471
 .scroll_area li .left .nomal .col_5{min-width:50px;}
480
 .scroll_area li .left .nomal .col_5{min-width:50px;}
@@ -508,7 +517,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
508
 
517
 
509
 @media screen and (min-width: 550px) {
518
 @media screen and (min-width: 550px) {
510
 	.content .line input.date {width: 70%;}
519
 	.content .line input.date {width: 70%;}
511
-	.content .line .line_right {width:70%}
520
+	.content .line .line_right {width:80%}
512
 	.content .line .float_left .itp_input_btn {width:70%;}
521
 	.content .line .float_left .itp_input_btn {width:70%;}
513
 	.content .line .float_left {width:70%;}
522
 	.content .line .float_left {width:70%;}
514
 	.content .line div.date_to {width:70%;}
523
 	.content .line div.date_to {width:70%;}
@@ -516,6 +525,8 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
516
 	.content .line .float_left.name {width:76%;}
525
 	.content .line .float_left.name {width:76%;}
517
 	.modal-dialog {margin:auto 20% !important;}
526
 	.modal-dialog {margin:auto 20% !important;}
518
 	.scroll_area li .left_info .thick {width: 90%;}
527
 	.scroll_area li .left_info .thick {width: 90%;}
528
+	.content .line .search_wrap input {width:78%;}
529
+	.content .line .search_wrap select {width:78%;}	
519
 }
530
 }
520
 @media screen and (max-height: 720px) {
531
 @media screen and (max-height: 720px) {
521
 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}
532
 	#ITP_LOGIN {position:fixed; top:80px; max-width: 500px; margin: 0 auto;}

+ 7 - 12
src/main/webapp/mobile/js/app/mloanmng/ITP_MLOANMNG01010.js

@@ -134,17 +134,12 @@ let mobContentObj = {
134
 				_this.totPage = result.gridTotal;
134
 				_this.totPage = result.gridTotal;
135
 				$.each(result.gridRows, function (i, item) {
135
 				$.each(result.gridRows, function (i, item) {
136
 					$('#ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWCOPY').html());
136
 					$('#ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWCOPY').html());
137
-					var $li = $('#ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA .panel-group > .list-row:last');
137
+					var $li = $('#ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA .panel-group > .history_list:last');
138
 					$li.find('.fnStoreNm').text(item.storeNm);
138
 					$li.find('.fnStoreNm').text(item.storeNm);
139
 					$li.find('.fnLoanDvsnNm').text(item.loanDvsnNm);
139
 					$li.find('.fnLoanDvsnNm').text(item.loanDvsnNm);
140
-					var limitAmt;
141
-					if(item.loanDvsn == 'LD01') { // 선불(충전)
142
-						limitAmt = item.chrgeLimitAmt;
143
-					} else if(item.loanDvsn == 'LD02') { // 후불(신용)
144
-						limitAmt = item.credtLimitAmt;
145
-					}
146
-					$li.find('.fnLimitAmt').text(CommonObj.currency.add(limitAmt));
147
-					$li.find('.fnPosbLimitAmt').text(CommonObj.currency.add(limitAmt - item.useAmtTotal));
140
+					var limitAmt = (item.loanDvsn === 'LD01') ? limitAmt = item.chrgeLimitAmt : limitAmt = item.credtLimitAmt;
141
+					$li.find('.fnLimitAmt').text(CommonObj.currency.add(limitAmt ? limitAmt : '0'));
142
+					$li.find('.fnPosbLimitAmt').text(CommonObj.currency.add((limitAmt ? limitAmt : 0) - item.useAmtTotal));
148
 					$li.find('.fnTmpRcvAcctTotal').text(CommonObj.currency.add(item.tmpRcvAcctTotal));
143
 					$li.find('.fnTmpRcvAcctTotal').text(CommonObj.currency.add(item.tmpRcvAcctTotal));
149
 					$li.find('.fnUseAmtTotal').text(CommonObj.currency.add(item.useAmtTotal));
144
 					$li.find('.fnUseAmtTotal').text(CommonObj.currency.add(item.useAmtTotal));
150
 					$li.find('.fnUseYnNm').text(item.useYnNm);
145
 					$li.find('.fnUseYnNm').text(item.useYnNm);
@@ -208,7 +203,7 @@ let mobContentObj = {
208
 				this.listPage = 0;
203
 				this.listPage = 0;
209
 				this.totPage = 0;
204
 				this.totPage = 0;
210
 				this.rows.length = 0;
205
 				this.rows.length = 0;
211
-				$('#ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWS').empty();
206
+				$('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWS').empty();
212
 				this.load();
207
 				this.load();
213
 			},
208
 			},
214
 			load: function() {
209
 			load: function() {
@@ -220,7 +215,7 @@ let mobContentObj = {
220
 					_this.totPage = result.gridTotal;
215
 					_this.totPage = result.gridTotal;
221
 					$.each(result.gridRows, function (i, item) {
216
 					$.each(result.gridRows, function (i, item) {
222
 						$('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWCOPY').html());
217
 						$('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWCOPY').html());
223
-						var $li = $('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA .panel-group > .list-row:last');
218
+						var $li = $('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA .panel-group > .history_list6:last');
224
 						$li.find('.fnLoanRegDt').text(item.loanRegDt);
219
 						$li.find('.fnLoanRegDt').text(item.loanRegDt);
225
 						$li.find('.fnDpstPayDvsnNm').text(item.dpstPayDvsnNm);
220
 						$li.find('.fnDpstPayDvsnNm').text(item.dpstPayDvsnNm);
226
 						$li.find('.fnDstpAmt').text(item.dstpAmt);
221
 						$li.find('.fnDstpAmt').text(item.dstpAmt);
@@ -280,7 +275,7 @@ let mobPopObj = {
280
 			this.rows = gridRows;
275
 			this.rows = gridRows;
281
 			$.each(gridRows, function (i, item) {
276
 			$.each(gridRows, function (i, item) {
282
 				$('#ITP_LIST_MLOANMNG01010_POP_STORE_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01010_POP_STORE_ROWCOPY').html());
277
 				$('#ITP_LIST_MLOANMNG01010_POP_STORE_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01010_POP_STORE_ROWCOPY').html());
283
-				var $li = $('#ITP_LIST_MLOANMNG01010_POP_STORE_AREA .panel-group > .list-row:last');
278
+				var $li = $('#ITP_LIST_MLOANMNG01010_POP_STORE_AREA .panel-group > .row_2:last');
284
 				$li.find('.fnStoreNm').text(item.storeNm);
279
 				$li.find('.fnStoreNm').text(item.storeNm);
285
 				$li.find('.fnStoreStNm').text(item.storeStNm);
280
 				$li.find('.fnStoreStNm').text(item.storeStNm);
286
 				$li.find('.fnStoreId').data('store-id', item.storeId);
281
 				$li.find('.fnStoreId').data('store-id', item.storeId);

+ 4 - 3
src/main/webapp/mobile/js/app/mloanmng/ITP_MLOANMNG02010.js

@@ -41,8 +41,9 @@ let mobPageObj = {
41
 			});
41
 			});
42
 
42
 
43
 			// 조회일자 지정
43
 			// 조회일자 지정
44
-			$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
45
-			$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
44
+			$('#ITP_MOBILE_MLOANMNG02010 .itp_input.date').datepicker(ITP_DATE_LANGUAGE);
45
+			$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH_FROM_DT').datepicker('setDate', itp_fn_date_add('M', -1));
46
+			$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH_TO_DT').datepicker('setDate', itp_fn_date_add('M', 0));
46
 
47
 
47
 			if(fn_make_user_info.get('authTpCd') === '50') {
48
 			if(fn_make_user_info.get('authTpCd') === '50') {
48
 				$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM').val(fn_make_user_info.get('storeNm'));
49
 				$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM').val(fn_make_user_info.get('storeNm'));
@@ -170,7 +171,7 @@ let mobContentObj = {
170
 				_this.totPage = result.gridTotal;
171
 				_this.totPage = result.gridTotal;
171
 				$.each(result.gridRows, function (i, item) {
172
 				$.each(result.gridRows, function (i, item) {
172
 					$('#ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY').html());
173
 					$('#ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY').html());
173
-					var $li = $('#ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA .panel-group > .list-row:last');
174
+					var $li = $('#ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA .panel-group > .history_list4:last');
174
 					$li.find('.fnStoreNm').text(item.storeNm);
175
 					$li.find('.fnStoreNm').text(item.storeNm);
175
 					$li.find('.fnDpstDt').text(item.dpstDt);
176
 					$li.find('.fnDpstDt').text(item.dpstDt);
176
 					$li.find('.fnDpstAmt').text(CommonObj.currency.add(item.dpstAmt));
177
 					$li.find('.fnDpstAmt').text(CommonObj.currency.add(item.dpstAmt));

+ 5 - 3
src/main/webapp/mobile/js/app/mpomng/ITP_MPOMNG01010.js

@@ -109,7 +109,6 @@ let mobContObj = {
109
 			this.detachRow();
109
 			this.detachRow();
110
 		},
110
 		},
111
 		attachRow: function (item) {
111
 		attachRow: function (item) {
112
-			console.log(item);
113
 			var _this = this;
112
 			var _this = this;
114
 			var fnIsExist = function(rows) {
113
 			var fnIsExist = function(rows) {
115
 				var isExist = false;
114
 				var isExist = false;
@@ -119,10 +118,10 @@ let mobContObj = {
119
 						return false;
118
 						return false;
120
 					}
119
 					}
121
 				});
120
 				});
121
+				console.log(isExist);
122
 				return isExist;
122
 				return isExist;
123
 			};
123
 			};
124
 			if(!fnIsExist(this.rows)) {
124
 			if(!fnIsExist(this.rows)) {
125
-				this.rows.push(item);
126
 				$('#ITP_LIST_MPOMNG01010_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY').html());
125
 				$('#ITP_LIST_MPOMNG01010_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY').html());
127
 				var $li = $('#ITP_LIST_MPOMNG01010_ITEM_AREA .panel-group > .list-row:last');
126
 				var $li = $('#ITP_LIST_MPOMNG01010_ITEM_AREA .panel-group > .list-row:last');
128
 				$li.find('.fnBrandUnitUnqNo').val(item.brandUnitUnqNo);
127
 				$li.find('.fnBrandUnitUnqNo').val(item.brandUnitUnqNo);
@@ -132,6 +131,7 @@ let mobContObj = {
132
 				this.pchReqAmtTot();
131
 				this.pchReqAmtTot();
133
 				$('.list-row #ITP_BTN_MPOMNG01010_DETAIL_PLUS')[$li.index()].addEventListener('click', function() { _this.actPlus(this); });
132
 				$('.list-row #ITP_BTN_MPOMNG01010_DETAIL_PLUS')[$li.index()].addEventListener('click', function() { _this.actPlus(this); });
134
 				$('.list-row #ITP_BTN_MPOMNG01010_DETAIL_MINUS')[$li.index()].addEventListener('click', function() { _this.actMinus(this); });
133
 				$('.list-row #ITP_BTN_MPOMNG01010_DETAIL_MINUS')[$li.index()].addEventListener('click', function() { _this.actMinus(this); });
134
+				this.rows.push(item);
135
 			}
135
 			}
136
 			this.empty();
136
 			this.empty();
137
 		},
137
 		},
@@ -141,7 +141,8 @@ let mobContObj = {
141
 				$('#ITP_LIST_MPOMNG01010_DETAIL_ROWS li').each(function(index, elem) {
141
 				$('#ITP_LIST_MPOMNG01010_DETAIL_ROWS li').each(function(index, elem) {
142
 					var isChecked = $(this).find('input[type="checkbox"]').is(':checked');
142
 					var isChecked = $(this).find('input[type="checkbox"]').is(':checked');
143
 					if(isChecked) {
143
 					if(isChecked) {
144
-						$(this).remove();_this.rows.splice(index, 1);
144
+						$(this).remove();
145
+						_this.rows.splice(index, 1);
145
 					}
146
 					}
146
 				});
147
 				});
147
 				this.pchReqAmtTot();
148
 				this.pchReqAmtTot();
@@ -200,6 +201,7 @@ let mobPopObj = {
200
 		search: function() {
201
 		search: function() {
201
 			$('#ITP_LIST_MPOMNG01010_POP_ITEM_AREA .panel-group').empty();
202
 			$('#ITP_LIST_MPOMNG01010_POP_ITEM_AREA .panel-group').empty();
202
 			var callbackFn = function(result) {
203
 			var callbackFn = function(result) {
204
+				console.log(result);
203
 				mobPopObj.popItem.rows = result.gridRows;
205
 				mobPopObj.popItem.rows = result.gridRows;
204
 				$.each(mobPopObj.popItem.rows, function (i, item) {
206
 				$.each(mobPopObj.popItem.rows, function (i, item) {
205
 					$('#ITP_LIST_MPOMNG01010_POP_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY').html());
207
 					$('#ITP_LIST_MPOMNG01010_POP_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY').html());