Browse Source

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

juney 2 years ago
parent
commit
afb3d51167

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

@@ -1,99 +1,90 @@
1
 <section id="ITP_MOBILE_MLOANMNG01010">
1
 <section id="ITP_MOBILE_MLOANMNG01010">
2
 	<div id="ITP_AJAX_MLOANMNG01010_LIST_CONTAINER" style="display: none;" >
2
 	<div id="ITP_AJAX_MLOANMNG01010_LIST_CONTAINER" style="display: none;" >
3
 		<form id="ITP_FORM_MLOANMNG01010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
3
 		<form id="ITP_FORM_MLOANMNG01010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
4
-			<input type="hidden" id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5
-			<input type="hidden" id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
4
+		  <input type="hidden" id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
5
+		  <input type="hidden" id="ITP_FORM_MLOANMNG01010_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>
10
-			<div class="line">
11
-			  <label>매장선택</label>
12
-			  <div class="float_left">
13
-				<input id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
14
-				<div class="itp_input_btn">		
15
-					<button id="ITP_BTN_MLOANMNG01010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
7
+			  <div class="content_fix">
8
+			  	<div class="line header">
9
+					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">여신현황</div>
10
+		      	</div>
11
+				<div class="line">
12
+				  <label>매장선택</label>
13
+				  <div class="float_left">
14
+					<input id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
15
+					<div class="itp_input_btn">		
16
+						<button id="ITP_BTN_MLOANMNG01010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
17
+					</div>
18
+				  </div>
19
+				  <div class="float_right_btn">
20
+					<button id="ITP_BTN_MLOANMNG01010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
21
+				  </div>
22
+				</div>
23
+				<div class="line">
24
+				  <label>정산타입</label>
25
+				  <div class="float_left">
26
+					<select name="sloanDvsn" id="ITP_FORM_MLOANMNG01010_LIST_LOAN_DVSN" data-select-code="LOAN_DVSN">
27
+					  <option value=""></option>
28
+					</select>
29
+				  </div>
30
+				</div>
31
+				<div class="line">
32
+				  <label>사용여부</label>
33
+				  <div class="float_left">
34
+					<select name="suseYn" id="ITP_FORM_MLOANMNG01010_LIST_USE_YN" data-select-code="USE_YN" name="suseYn">
35
+					  <option value=""></option>
36
+					</select>
37
+				  </div>
38
+				</div>
39
+				<div class="line">
40
+				  <div class="search">
41
+					<button id="ITP_BTN_MLOANMNG01010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
42
+				  </div>
43
+				</div>
44
+				<div class="table_header">
45
+				  <h1><여신 현황 내역></h1>
16
 				</div>
46
 				</div>
17
-			  </div>
18
-			  <div class="float_right_btn">
19
-				<button id="ITP_BTN_MLOANMNG01010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
20
-			  </div>
21
-			</div>
22
-			<div class="line top6">
23
-			  <label>정산타입</label>
24
-			  <div class="float_left">
25
-				<select name="sloanDvsn" id="ITP_FORM_MLOANMNG01010_LIST_LOAN_DVSN" data-select-code="LOAN_DVSN">
26
-				  <option value=""></option>
27
-				</select>
28
-			  </div>
29
-			</div>
30
-			<div class="line top9">
31
-			  <label>사용여부</label>
32
-			  <div class="float_left">
33
-				<select name="suseYn" id="ITP_FORM_MLOANMNG01010_LIST_USE_YN" data-select-code="USE_YN" name="suseYn">
34
-				  <option value=""></option>
35
-				</select>
36
-			  </div>
37
-			</div>
38
-			<div class="line top3">
39
-			  <div class="search">
40
-				<button id="ITP_BTN_MLOANMNG01010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
41
-			  </div>
42
-			</div>
43
-			<div class="table_header">
44
-			  <h1><여신 현황 내역></h1>
45
 			</div>
47
 			</div>
46
 		  </div>
48
 		  </div>
47
 	   <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA" class="scroll_area row-2">
49
 	   <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>
50
 		  <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: none;">
51
 			  <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWCOPY" style="display: none;">
50
-				<li class="history_list">
52
+				<li class="history_list7">
51
 				  <div class="left">
53
 				  <div class="left">
52
 					<div class="nomal">
54
 					<div class="nomal">
53
-					  <label class="col_3">매장명</label>
55
+					  <label>매장명</label>
54
 					  <span>:</span>
56
 					  <span>:</span>
55
-					  <div class="history">
56
-						<div class="fnStoreNm"></div>
57
-					  </div>
58
-					  <label>정산타입&nbsp;:</label>
59
-					  <div class="history">
60
-						<div class="fnLoanDvsnNm"></div>
61
-					  </div>
57
+					  <div class="fnStoreNm"></div>
58
+					  <label>정산타입</label>
59
+					  <span>:</span>
60
+					  <div class="fnLoanDvsnNm"></div>
62
 					</div>
61
 					</div>
63
 				  </div>
62
 				  </div>
64
 				  <div class="left">
63
 				  <div class="left">
65
 					<div class="nomal">
64
 					<div class="nomal">
66
-					  <label class="col_3">한도금액</label>
65
+					  <label>한도금액</label>
67
 					  <span>:</span>
66
 					  <span>:</span>
68
-					  <div class="history">
69
-						<div class="fnLimitAmt"></div>
70
-					  </div>
71
-					  <label class="col_7">가용한도금액&nbsp;:</label>
72
-					  <div class="history">
73
-						<div class="fnPosbLimitAmt"></div>
74
-					  </div>
67
+					  <div class="fnLimitAmt"></div>
68
+					  <label>가용한도금액</label>
69
+					  <span>:</span>
70
+					  <div class="col_6 fnPosbLimitAmt"></div>
75
 					</div>
71
 					</div>
76
 				  </div>
72
 				  </div>
77
 				  <div class="left">
73
 				  <div class="left">
78
 					<div class="nomal">
74
 					<div class="nomal">
79
-					  <label class="col_3">가수금금액</label>
75
+					  <label>가수금금액</label>
80
 					  <span>:</span>
76
 					  <span>:</span>
81
-					  <div class="history">
82
-						<div class="fnTmpRcvAcctTotal"></div>
83
-					  </div>
84
-					  <label>사용금액&nbsp;:</label>
85
-					  <div class="history">
86
-						<div class="fnUseAmtTotal"></div>
87
-					  </div>
77
+					  <div class="fnTmpRcvAcctTotal"></div>
78
+					  <label>사용금액</label>
79
+					  <span>:</span>
80
+					  <div class="fnUseAmtTotal"></div>
88
 					</div>
81
 					</div>
89
 				  </div>
82
 				  </div>
90
 				  <div class="left">
83
 				  <div class="left">
91
 					<div class="nomal">
84
 					<div class="nomal">
92
-					  <label class="col_3">사용여부</label>
85
+					  <label>사용여부</label>
93
 					  <span>:</span>
86
 					  <span>:</span>
94
-					  <div class="history">
95
-						<div class="fnUseYnNm"></div>
96
-					  </div>
87
+					  <div class="full fnUseYnNm"></div>
97
 					</div>
88
 					</div>
98
 				  </div>
89
 				  </div>
99
 				</li>
90
 				</li>
@@ -103,57 +94,59 @@
103
 	</div>
94
 	</div>
104
 	<div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: none;">
95
 	<div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: none;">
105
 		<form id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH" class="form-horizontal" onsubmit="return false;">
96
 		<form id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH" class="form-horizontal" onsubmit="return false;">
106
-			<input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW__SEARCH_BRAND_ID" name="sbrandId" value="">
107
-			<input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW__SEARCH_STORE_ID" name="sstoreId" value="">
97
+		  <input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW__SEARCH_BRAND_ID" name="sbrandId" value="">
98
+		  <input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW__SEARCH_STORE_ID" name="sstoreId" value="">
108
 		  <div class="content">
99
 		  <div class="content">
109
-		  	  <div class="line header">
110
-				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">여신현황</div>
111
-	      	  </div>
112
-			  <div class="line">
113
-				  <label>매장명</label>
114
-				  <div class="line_right">
115
-					  <div class="fnStoreNm"></div>
100
+		  	  <div class="content_fix">
101
+			  	  <div class="line header">
102
+					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">여신현황</div>
103
+		      	  </div>
104
+				  <div class="line">
105
+					  <label>매장명</label>
106
+					  <div class="line_right">
107
+						  <div class="fnStoreNm"></div>
108
+					  </div>
116
 				  </div>
109
 				  </div>
117
-			  </div>
118
-			  <div class="line">
119
-				  <label>정산타입</label>
120
-				  <div class="line_right">
121
-					  <div class="fnLoanDvsnNm"></div>
110
+				  <div class="line">
111
+					  <label>정산타입</label>
112
+					  <div class="line_right">
113
+						  <div class="fnLoanDvsnNm"></div>
114
+					  </div>
122
 				  </div>
115
 				  </div>
123
-			  </div>
124
-			  <div class="line">
125
-				  <label>한도금액</label>
126
-				  <div class="line_right">
127
-					  <div class="fnLimitAmt">0원</div>
128
-				  </div>
129
-			  </div>
130
-			  <div class="line">
131
-				  <label>가용한도금액</label>
132
-				  <div class="line_right">
133
-					  <div class="fnPosbLimitAmt">0원</div>
134
-				  </div>
135
-			  </div>
136
-			  <div class="line">
137
-				  <label>사용금액</label>
138
-				  <div class="line_right">
139
-					  <div class="fnUseAmtTotal">0원</div>
140
-				  </div>
141
-			  </div>
142
-			<div class="line top6">
143
-			  <label>거래일자</label>
144
-			  <div class="date_to">
145
-				<input id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
146
-				<div style="margin:4px;">~</div>
147
-				<input id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH_TO_DT" name="toDt" class="year" type="date">
148
-			  </div>
149
-			</div>
150
-			<div class="line">
151
-			  <div class="search">
152
-				<button id="ITP_BTN_MLOANMNG01010_VIEW_SEARCH" class="btn-primary btn-sm ADB">검색</button>
153
-			  </div>
154
-			</div>
155
-			<div class="table_header">
156
-			  <h1><여신 입출금 이력></h1>
116
+				  <div class="line">
117
+					  <label>한도금액</label>
118
+					  <div class="line_right">
119
+						  <div class="fnLimitAmt">0원</div>
120
+					  </div>
121
+				  </div>
122
+				  <div class="line">
123
+					  <label>가용한도금액</label>
124
+					  <div class="line_right">
125
+						  <div class="fnPosbLimitAmt">0원</div>
126
+					  </div>
127
+				  </div>
128
+				  <div class="line">
129
+					  <label>사용금액</label>
130
+					  <div class="line_right">
131
+						  <div class="fnUseAmtTotal">0원</div>
132
+					  </div>
133
+				  </div>
134
+				<div class="line top6">
135
+				  <label>거래일자</label>
136
+				  <div class="date_to">
137
+					<input id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
138
+					<div style="margin:4px;">~</div>
139
+					<input id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH_TO_DT" name="toDt" class="year" type="date">
140
+				  </div>
141
+				</div>
142
+				<div class="line">
143
+				  <div class="search">
144
+					<button id="ITP_BTN_MLOANMNG01010_VIEW_SEARCH" class="btn-primary btn-sm ADB">검색</button>
145
+				  </div>
146
+				</div>
147
+				<div class="table_header">
148
+				  <h1><여신 입출금 이력></h1>
149
+				</div>
157
 			</div>
150
 			</div>
158
 		  </div>
151
 		  </div>
159
 			<div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA" class="scroll_area row-11">
152
 			<div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA" class="scroll_area row-11">
@@ -226,7 +219,7 @@
226
 				</form>
219
 				</form>
227
 			</div>
220
 			</div>
228
 			<div class="select_btn">
221
 			<div class="select_btn">
229
-				<button id="ITP_BTN_MLOANMNG01010_POP_SOTRE_NM" class="btn_blue">매 장 <img src="../img/arrow_down.png"></button>
222
+				<button id="ITP_BTN_MLOANMNG01010_POP_SOTRE_NM" class="btn_red">매 장 <img src="../img/arrow_down.png"></button>
230
 			</div>
223
 			</div>
231
 			<div id="ITP_LIST_MLOANMNG01010_POP_STORE_AREA" class="popup_scroll">
224
 			<div id="ITP_LIST_MLOANMNG01010_POP_STORE_AREA" class="popup_scroll">
232
 				<ul id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
225
 				<ul id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
@@ -234,7 +227,7 @@
234
 					<li class="row_2">
227
 					<li class="row_2">
235
 						<div class="scroll_left">
228
 						<div class="scroll_left">
236
 							<div class="con_2 fnStoreNm"></div>
229
 							<div class="con_2 fnStoreNm"></div>
237
-							<div class="con_2 sub fnStoreStNm"></div>
230
+							<div class="con_2 wichi fnStoreStNm"></div>
238
 						</div>
231
 						</div>
239
 						<div class="scroll_right">
232
 						<div class="scroll_right">
240
 							<button id="ITP_BTN_MLOANMNG01010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
233
 							<button id="ITP_BTN_MLOANMNG01010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>

+ 63 - 61
src/main/webapp/mobile/app/mloanmng/MLOANMNG01011.html

@@ -1,79 +1,81 @@
1
 <section id="ITP_MOBILE_MLOANMNG01011">
1
 <section id="ITP_MOBILE_MLOANMNG01011">
2
-	<div id="ITP_AJAX_MLOANMNG01011_VIEW_CONTAINER" style="display: block;">
2
+	<div id="ITP_AJAX_MLOANMNG01011_VIEW_CONTAINER" style="display: none;">
3
 		<form id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH" class="form-horizontal" onsubmit="return false;">
3
 		<form id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH" class="form-horizontal" onsubmit="return false;">
4
 			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_BRAND_ID" name="brandId" value="">
4
 			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_BRAND_ID" name="brandId" value="">
5
 			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_STORE_ID" name="storeId" value="">
5
 			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_STORE_ID" name="storeId" value="">
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>
12
-			  <div class="line">
13
-				  <label>매장명</label>
14
-				  <div class="line_right">
15
-					  <div class="fnStoreNm"></div>
9
+			  <div class="content_fix">
10
+				  <div class="line header">
11
+				  	  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입금관리</div>
12
+			      </div>
13
+				  <div class="line">
14
+					  <label>매장명</label>
15
+					  <div class="line_right">
16
+						  <div class="fnStoreNm"></div>
17
+					  </div>
18
+				  </div>
19
+				  <div class="line">
20
+					  <label>정산타입</label>
21
+					  <div class="line_right">
22
+						  <div class="fnLoanDvsnNm"></div>
23
+					  </div>
16
 				  </div>
24
 				  </div>
17
-			  </div>
18
-			  <div class="line">
19
-				  <label>정산타입</label>
20
-				  <div class="line_right">
21
-					  <div class="fnLoanDvsnNm"></div>
25
+				  <div class="line">
26
+					  <label>한도금액</label>
27
+					  <div class="line_right">
28
+						  <div class="fnLimitAmt"></div>
29
+					  </div>
30
+				  </div>
31
+				  <div class="line">
32
+					  <label>사용여부</label>
33
+					  <div class="line_right">
34
+						  <div class="fnUseYnNm"></div>
35
+					  </div>
22
 				  </div>
36
 				  </div>
23
-			  </div>
24
-			  <div class="line">
25
-				  <label>한도금액</label>
26
-				  <div class="line_right">
27
-					  <div class="fnLimitAmt"></div>
37
+				  <div class="line">
38
+					  <label>가용한도금액</label>
39
+					  <div class="line_right">
40
+						  <div class="fnPosbLimitAmt"></div>
41
+					  </div>
28
 				  </div>
42
 				  </div>
29
-			  </div>
30
-			  <div class="line">
31
-				  <label>사용여부</label>
32
-				  <div class="line_right">
33
-					  <div class="fnUseYnNm"></div>
43
+				  <div class="line">
44
+					  <label>가수금</label>
45
+					  <div class="line_right">
46
+						  <div class="fnTmpRcvAcctTotal"></div>
47
+					  </div>
34
 				  </div>
48
 				  </div>
35
-			  </div>
36
-			  <div class="line">
37
-				  <label>가용한도금액</label>
38
-				  <div class="line_right">
39
-					  <div class="fnPosbLimitAmt"></div>
49
+				  <div class="line">
50
+					  <label>사용금액</label>
51
+					  <div class="line_right">
52
+						  <div class="fnUseAmtTotal"></div>
53
+					  </div>
40
 				  </div>
54
 				  </div>
41
-			  </div>
42
-			  <div class="line">
43
-				  <label>가수금</label>
44
-				  <div class="line_right">
45
-					  <div class="fnTmpRcvAcctTotal"></div>
55
+				<div class="line top3">
56
+				  <label>거래일자</label>
57
+				  <div class="date_to">
58
+					  <input type="text" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
59
+					  <div class="at">~</div>
60
+					  <input type="text" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_TO_DT" name="toDt" class="itp_input date">
46
 				  </div>
61
 				  </div>
47
-			  </div>
48
-			  <div class="line">
49
-				  <label>사용금액</label>
50
-				  <div class="line_right">
51
-					  <div class="fnUseAmtTotal"></div>
62
+				</div>
63
+				  <div class="line top3">
64
+					  <label>입금지급구분</label>
65
+					  <div class="float_left">
66
+						  <select name="sdpstPayDvsn" id="ITP_FORM_MLOANMNG01011_VIEW_DPST_PAY_DVSN" data-select-code="DPST_PAY_DVSN">
67
+							  <option value=""></option>
68
+						  </select>
69
+					  </div>
52
 				  </div>
70
 				  </div>
53
-			  </div>
54
-			<div class="line top3">
55
-			  <label>거래일자</label>
56
-			  <div class="date_to">
57
-				  <input type="text" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
58
-				  <div class="at">~</div>
59
-				  <input type="text" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_TO_DT" name="toDt" class="itp_input date">
60
-			  </div>
61
-			</div>
62
-			  <div class="line top3">
63
-				  <label>입금지급구분</label>
64
-				  <div class="float_left">
65
-					  <select name="sdpstPayDvsn" id="ITP_FORM_MLOANMNG01011_VIEW_DPST_PAY_DVSN" data-select-code="DPST_PAY_DVSN">
66
-						  <option value=""></option>
67
-					  </select>
71
+				<div class="line">
72
+				  <div class="search">
73
+					<button id="ITP_BTN_MLOANMNG01011_VIEW_SEARCH" class="btn-primary btn-sm ADB">검색</button>
68
 				  </div>
74
 				  </div>
69
-			  </div>
70
-			<div class="line">
71
-			  <div class="search">
72
-				<button id="ITP_BTN_MLOANMNG01011_VIEW_SEARCH" class="btn-primary btn-sm ADB">검색</button>
73
-			  </div>
74
-			</div>
75
-			<div class="table_header">
76
-			  <h1><여신 입출금 이력></h1>
75
+				</div>
76
+				<div class="table_header">
77
+				  <h1><여신 입출금 이력></h1>
78
+				</div>
77
 			</div>
79
 			</div>
78
 		  </div>
80
 		  </div>
79
 			<div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA" class="scroll_area row-14">
81
 			<div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA" class="scroll_area row-14">

+ 68 - 76
src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html

@@ -1,104 +1,96 @@
1
 <section id="ITP_MOBILE_MLOANMNG02010">
1
 <section id="ITP_MOBILE_MLOANMNG02010">
2
 	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER" style="display: none;">
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="">
5
-			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
6
-			<input type="hidden" id="ITP_FORM_LOANMNG02010_SEARCH_STORE_LOAN_DVSN" name="loanDvsn" 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="">
6
+		  <input type="hidden" id="ITP_FORM_LOANMNG02010_SEARCH_STORE_LOAN_DVSN" name="loanDvsn" value="">
7
 		  <div class="content">
7
 		  <div class="content">
8
-		  	<div class="line header">
9
-				<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입금관리</div>
10
-	      	</div>
11
-			<div class="line">
12
-			  <label>매장선텍</label>
13
-			  <div class="float_left">
14
-				<input id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM" name="sstoreNm" type="text" placeholder="A매장명" readonly>
15
-				<div class="itp_input_btn">	
16
-					<button id="ITP_BTN_MLOANMNG02010_LIST_SEARCH_RTN_PLACE"><img src="../img/search.png" alt=""></button>
8
+			  <div class="content_fix">
9
+			  	<div class="line header">
10
+					<div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">입금관리</div>
11
+		      	</div>
12
+				<div class="line">
13
+				  <label>매장선텍</label>
14
+				  <div class="float_left">
15
+					<input id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM" name="sstoreNm" type="text" placeholder="A매장명" readonly>
16
+					<div class="itp_input_btn">	
17
+						<button id="ITP_BTN_MLOANMNG02010_LIST_SEARCH_RTN_PLACE"><img src="../img/search.png" alt=""></button>
18
+					</div>
19
+				  </div>
20
+				  <div class="float_right_btn">
21
+					<button id="ITP_BTN_MLOANMNG02010_LIST_DELETE_RTN_PLACE"><img src="../img/delete.png" alt=""></button>
22
+				  </div>
23
+				</div>
24
+				<div class="line">
25
+				  <label>입금상태</label>
26
+				  <div class="float_left">
27
+					<select name="sdpstStCd" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_DPST_ST_CD" data-select-code="DPST_ST_CD">
28
+					  <option value=""></option>
29
+					</select>
30
+				  </div>
31
+				</div>
32
+				<div class="line">
33
+				  <label>입금일자</label>
34
+				  <div class="date_to">
35
+					  <input type="text" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
36
+					  <div class="at">~</div>
37
+					  <input type="text" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
38
+				  </div>
39
+				</div>
40
+				<div class="line">
41
+				  <div class="search">
42
+				  	<button id="ITP_BTN_MLOANMNG02010_LIST_PAY" class="col_3 btn-danger btn-sm ">결제하기</button>
43
+					<button id="ITP_BTN_MLOANMNG02010_LIST_ADD" class="col_3 btn-yellow btn-sm ">입금등록</button>
44
+					<button id="ITP_BTN_MLOANMNG02010_LIST_SEARCH" class="col_3 btn-primary btn-sm ADB">검색</button>
45
+				  </div>
46
+				</div>
47
+				<div class="table_header">
48
+				  <h1><입금 요청 내역></h1>
17
 				</div>
49
 				</div>
18
-			  </div>
19
-			  <div class="float_right_btn">
20
-				<button id="ITP_BTN_MLOANMNG02010_LIST_DELETE_RTN_PLACE"><img src="../img/delete.png" alt=""></button>
21
-			  </div>
22
-			</div>
23
-			<div class="line top6">
24
-			  <label>입금상태</label>
25
-			  <div class="float_left">
26
-				<select name="sdpstStCd" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_DPST_ST_CD" data-select-code="DPST_ST_CD">
27
-				  <option value=""></option>
28
-				</select>
29
-			  </div>
30
-			</div>
31
-			<div class="line top12">
32
-			  <label>입금일자</label>
33
-			  <div class="date_to">
34
-				  <input type="text" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
35
-				  <div class="at">~</div>
36
-				  <input type="text" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
37
-			  </div>
38
-			</div>
39
-			<div class="line top6">
40
-			  <div class="search">
41
-			  	<button id="ITP_BTN_MLOANMNG02010_LIST_PAY" class="col_3 btn-danger btn-sm ">결제하기</button>
42
-				<button id="ITP_BTN_MLOANMNG02010_LIST_ADD" class="col_3 btn-yellow btn-sm ">입금등록</button>
43
-				<button id="ITP_BTN_MLOANMNG02010_LIST_SEARCH" class="col_3 btn-primary btn-sm ADB">검색</button>
44
-			  </div>
45
-			</div>
46
-			<div class="table_header">
47
-			  <h1><입금 요청 내역></h1>
48
 			</div>
50
 			</div>
49
 		  </div>
51
 		  </div>
50
 			<div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA" class="scroll_area row-12">
52
 			<div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA" class="scroll_area row-12">
51
 			  <ul id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
53
 			  <ul id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
52
 			  <div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
54
 			  <div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
53
-				<li class="history_list4">
55
+				<li class="history_list1">
54
 				  <div class="button_right btn-dpst" style="display: gird;"><!-- display:gird 로 해야 정상으로 보임 -->
56
 				  <div class="button_right btn-dpst" style="display: gird;"><!-- display:gird 로 해야 정상으로 보임 -->
55
 					<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>
56
 					<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>
57
 				  </div>
59
 				  </div>
58
 				  <div class="left btn_list">
60
 				  <div class="left btn_list">
59
-					<div class="nomal">
60
-					  <label class="sub_info">매장명</label>
61
+					<div class="nomal btn">
62
+					  <label class="col_0">매장명</label>
61
 					  <span>:</span>
63
 					  <span>:</span>
62
-					  <div >
63
-						<div class="col_5 fnStoreNm">asdfsadf</div>
64
-					  </div>
65
-					  <label class="sub_info">입금일자&nbsp;:</label>
66
-					  <div class="history">
67
-						<div class="fnDpstDt">2002.10.10</div>
68
-					  </div>
64
+					  <div class="fnStoreNm"></div>
65
+					  <label class="sub_info">입금일자</label>
66
+					  <span>:</span>
67
+					  <div class="fnDpstDt"></div>
69
 					</div>
68
 					</div>
70
 				  </div>
69
 				  </div>
71
 				  <div class="left btn_list">
70
 				  <div class="left btn_list">
72
-					<div class="nomal">
73
-					  <label class="sub_info">입금금액</label>
71
+					<div class="nomal btn">
72
+					  <label class="col_3">입금금액</label>
73
+					  <span>:</span>
74
+					  <div class="fnDpstAmt"></div>
75
+					  <label class="sub_info">입금자</label>
74
 					  <span>:</span>
76
 					  <span>:</span>
75
-					  <div class="history">
76
-						<div class="fnDpstAmt">afsdfasdf</div>
77
-					  </div>
78
-					  <label class="sub_info">입금자&nbsp;:</label>
79
-					  <div class="col_5">
80
-						<div class="col_5 fnDpstNm">fasdf</div>
81
-					  </div>
77
+					  <div class="fnDpstNm"></div>
82
 					</div>
78
 					</div>
83
 				  </div>
79
 				  </div>
84
 				  <div class="left btn_list">
80
 				  <div class="left btn_list">
85
-					<div class="nomal">
86
-					  <label class="sub_info">입금정보</label>
81
+					<div class="nomal btn">
82
+					  <label class="col_3">입금정보</label>
87
 					  <span>:</span>
83
 					  <span>:</span>
88
-					  <div class="history">
89
-						<div class="fnRcvAcctNo">asdf</div>
90
-						<div class="fnDpstBnkNm">asdf</div>
91
-					  </div>
84
+					  <div class="col_0 fnRcvAcctNo"></div>
85
+					  <div class="fnDpstBnkNm"></div>
92
 					</div>
86
 					</div>
93
 				  </div>
87
 				  </div>
94
 				  <div class="left btn_list">
88
 				  <div class="left btn_list">
95
-					<div class="nomal">
96
-					  <label class="sub_info">처리결과</label>
89
+					<div class="nomal btn">
90
+					  <label class="col_3">처리결과</label>
97
 					  <span>:</span>
91
 					  <span>:</span>
98
-					  <div class="history">
99
-						<div class="fnDpstStNm">asdf</div>
100
-						<div class="fnDpstDt">fasdf</div>
101
-					  </div>
92
+					  <div class="col_0 fnDpstStNm"></div>
93
+					  <div class="fnDpstDt"></div>
102
 					</div>
94
 					</div>
103
 				  </div>
95
 				  </div>
104
 				</li>
96
 				</li>
@@ -222,7 +214,7 @@
222
 				</form>
214
 				</form>
223
 			</div>
215
 			</div>
224
 			<div class="select_btn">
216
 			<div class="select_btn">
225
-				<button id="ITP_BTN_MLOANMNG02010_POP_SOTRE_NM" class="btn_blue">매 장 <img src="../img/arrow_down.png"></button>
217
+				<button id="ITP_BTN_MLOANMNG02010_POP_SOTRE_NM" class="btn_red">매 장 <img src="../img/arrow_down.png"></button>
226
 			</div>
218
 			</div>
227
 			<div id="ITP_LIST_MLOANMNG02010_POP_STORE_AREA" class="popup_scroll">
219
 			<div id="ITP_LIST_MLOANMNG02010_POP_STORE_AREA" class="popup_scroll">
228
 				<ul id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
220
 				<ul id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWS" class="mb_0 panel-group itp_nav"></ul>
@@ -230,7 +222,7 @@
230
 					<li class="row_2">
222
 					<li class="row_2">
231
 						<div class="scroll_left">
223
 						<div class="scroll_left">
232
 							<div class="con_2 fnStoreNm"></div>
224
 							<div class="con_2 fnStoreNm"></div>
233
-							<div class="con_2 sub fnStoreStNm"></div>
225
+							<div class="con_2 wichi fnStoreStNm"></div>
234
 						</div>
226
 						</div>
235
 						<div class="scroll_right">
227
 						<div class="scroll_right">
236
 							<button id="ITP_BTN_MLOANMNG02010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
228
 							<button id="ITP_BTN_MLOANMNG02010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
@@ -240,7 +232,7 @@
240
 			</div>
232
 			</div>
241
 		</div>
233
 		</div>
242
 	</div>
234
 	</div>
243
-	<div id="ITP_POP_MLOANMNG02010_DPST_REQ_AREA" class="popup2 mobile-pop-close" style="display: none; background: transparent;">
235
+	<div id="ITP_POP_MLOANMNG02010_DPST_REQ_AREA" class="popup2 mobile-pop-close" style="display: block; background: transparent;">
244
 		<form id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ" class="form-horizontal" onsubmit="return false;">
236
 		<form id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ" class="form-horizontal" onsubmit="return false;">
245
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ_BRAND_ID" name="brandId" value="">
237
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ_BRAND_ID" name="brandId" value="">
246
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ_STORE_ID" name="storeId" value="">
238
 			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ_STORE_ID" name="storeId" value="">

+ 14 - 11
src/main/webapp/mobile/css/style.css

@@ -132,9 +132,9 @@ section .popup2 .search .right {width:20%; float:right; margin-right:20px;}
132
 
132
 
133
 section .popup2 .search .left button,
133
 section .popup2 .search .left button,
134
 section .popup2 .search .right button {width:100%;}
134
 section .popup2 .search .right button {width:100%;}
135
-section .popup2 .content .line .search_wrap input {float:right; width:50%; margin-right:10px; margin-top:0;}
135
+section .popup2 .content .line .search_wrap input {float:right; width:50%; margin-right:0px; margin-top:0;}
136
 section .popup2 .content .line.mt_5 {margin-top:5px;}
136
 section .popup2 .content .line.mt_5 {margin-top:5px;}
137
-section .popup2 .content .line .search_wrap select {float:right; width:50%; height:27px; margin-right:10px;}
137
+section .popup2 .content .line .search_wrap select {float:right; width:50%; height:34px; margin-right:10px;}
138
 
138
 
139
 
139
 
140
 section .popup3 {position: absolute; top:0;width: 100%; height: 100vh; background: transparent; z-index: 11;}
140
 section .popup3 {position: absolute; top:0;width: 100%; height: 100vh; background: transparent; z-index: 11;}
@@ -372,14 +372,15 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
372
 .content .line .search button.col_3 {width: 25%; height:30px; margin:0 10px;}
372
 .content .line .search button.col_3 {width: 25%; height:30px; margin:0 10px;}
373
 .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
373
 .content .list_line {width:98%; float:left; height:50px;display: inline-flex; margin:0 1%; font-size:12px;}
374
 .content .border {border-bottom: 1px solid #000 !important;}
374
 .content .border {border-bottom: 1px solid #000 !important;}
375
-.content .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:17px; border-bottom:none; background:#eee;}
375
+.content .list_line .list_label {width:30%;border:1px solid #000; height:50px; padding-top:14px; border-bottom:none; background:#eee;}
376
+.content .list_line .list_label label {font-size:12pt;}
376
 .content .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:15px; border-left:none; border-bottom:none;}
377
 .content .list_line .list_info {width:70%;height:50px; border:1px solid #000; padding-top:15px; border-left:none; border-bottom:none;}
377
 
378
 
378
-.content .list_line .list_info input{width:90%;}
379
+.content .list_line .list_info input{width:90%; margin:0;}
379
 
380
 
380
 .content .list_line .mail input {width:30%;}
381
 .content .list_line .mail input {width:30%;}
381
-.content .list_line .mail select {width:30%; height:27px; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
382
-.content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:15px;}
382
+.content .list_line .mail select {width:30%; height:34px; font-size:14px; border: 1px solid #aaa;border-radius: 5px;}
383
+.content .list_line .list_info .pay_info {text-align:left; padding-left:17px; font-size:12pt;}
383
 .content .table_header {margin-top: 6px; width: 100%; height: 36px;}
384
 .content .table_header {margin-top: 6px; width: 100%; height: 36px;}
384
 .content .table_header h1 {margin-left: 15px; margin-top:16px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
385
 .content .table_header h1 {margin-left: 15px; margin-top:16px; margin-bottom:0; font-size: 13px; float: left; color: #000; font-weight: 100;}
385
 .content .table_header button {float: right; width: 68px; height:26px; font-size: 12px; font-weight: 100; padding:0px; margin: 4px 12px 6px 0; border-radius:15px;}
386
 .content .table_header button {float: right; width: 68px; height:26px; font-size: 12px; font-weight: 100; padding:0px; margin: 4px 12px 6px 0; border-radius:15px;}
@@ -458,14 +459,14 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
458
 .scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
459
 .scroll_area li .left_info .history {font-weight: 700; font-size: 1.1rem; margin-top:-2px;}
459
 .scroll_area li .left_info .history input{width: 150px;}
460
 .scroll_area li .left_info .history input{width: 150px;}
460
 .scroll_area li.history_list {height: 140px; padding-top:8px;}
461
 .scroll_area li.history_list {height: 140px; padding-top:8px;}
461
-.scroll_area li.history_list .btn_check {height:158px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
462
+.scroll_area li.history_list .btn_check {height:120px; margin-top:-5px; width:90%; float:right; padding-top:7px; }
462
 .scroll_area li.history_list .scroll_btn {width:10%; height:130px; margin-top:-5px; display:inline-flex;}
463
 .scroll_area li.history_list .scroll_btn {width:10%; height:130px; margin-top:-5px; display:inline-flex;}
463
 
464
 
464
 
465
 
465
-.scroll_area li.history_list4 .button_right {float: right; display: grid;}
466
-.scroll_area li.history_list4 .button_right button {width: 65px; height: 74px; font-size: 15px; font-weight:100; margin: 0; border-radius: 0;}
466
+.scroll_area li.history_list1 .button_right {float: right; display: grid;}
467
+.scroll_area li.history_list1 .button_right button {width: 50px; height: 60px; font-size: 15px; font-weight:100; margin: 0; border-radius: 0;}
467
 
468
 
468
-.scroll_area li.history_list1 {height: 230px;}
469
+.scroll_area li.history_list1 {height: 120px;}
469
 .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
470
 .scroll_area li.history_list2 {height: 160px; padding-top:5px;}
470
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
471
 .scroll_area li.history_list2 label{min-width:95px; display:inline-flex;}
471
 .scroll_area li.history_list3 {height: 160px; padding-top:5px;}
472
 .scroll_area li.history_list3 {height: 160px; padding-top:5px;}
@@ -474,9 +475,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
474
 .scroll_area li.history_list5 {height: 65px; padding-top:5px;}
475
 .scroll_area li.history_list5 {height: 65px; padding-top:5px;}
475
 .scroll_area li.history_list6 {height: 110px; padding-top:5px;}
476
 .scroll_area li.history_list6 {height: 110px; padding-top:5px;}
476
 .scroll_area li.history_list7 {height: 120px; padding-top:5px;}
477
 .scroll_area li.history_list7 {height: 120px; padding-top:5px;}
478
+
477
 .scroll_area li .history_info {width: auto;}
479
 .scroll_area li .history_info {width: auto;}
478
 .scroll_area li .left {width:100%; height:28px; margin-top:0px;}
480
 .scroll_area li .left {width:100%; height:28px; margin-top:0px;}
479
-.scroll_area li .btn_list {width:calc(100% - 65px); height:35px; padding-top:12px;}
480
 .scroll_area li .left div {display: inline-block;}
481
 .scroll_area li .left div {display: inline-block;}
481
 .scroll_area li .left label{font-size: 1.1rem;}
482
 .scroll_area li .left label{font-size: 1.1rem;}
482
 .scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 50%; font-weight: 600;}
483
 .scroll_area li .left .thick {float:left;  margin: 8px 20px; font-size: 1rem; text-align: left; width: 50%; font-weight: 600;}
@@ -494,7 +495,9 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
494
 .scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
495
 .scroll_area li .detail_right .detail_info label {margin: 5px 30px; font-size: 2rem;}
495
 .scroll_area li .detail_right .detail_info div {width: auto; font-size: 14px; font-weight: 100;}
496
 .scroll_area li .detail_right .detail_info div {width: auto; font-size: 14px; font-weight: 100;}
496
 .scroll_area li .detail_right .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
497
 .scroll_area li .detail_right .detail_info i {width: auto; font-size: 1rem; margin: 0 20px;}
498
+
497
 .scroll_area li .left .nomal  {position:relative; left:50%; transform: translateX(-50%); width: 330px; height:28px; float:left; text-align: left; font-size: 1.2rem;}
499
 .scroll_area li .left .nomal  {position:relative; left:50%; transform: translateX(-50%); width: 330px; height:28px; float:left; text-align: left; font-size: 1.2rem;}
500
+.scroll_area li .left .nomal.btn {width:290px; left:44%; padding:0;}
498
 .scroll_area li .left .nomal .half {float:left;}
501
 .scroll_area li .left .nomal .half {float:left;}
499
 .scroll_area li .left .nomal .half label {min-width:auto;}
502
 .scroll_area li .left .nomal .half label {min-width:auto;}
500
 .scroll_area li .left .nomal .half div {min-width:auto; margin-right:5px; margin-top:0;}
503
 .scroll_area li .left .nomal .half div {min-width:auto; margin-right:5px; margin-top:0;}