모바일 여신관리 > 매장여신정보 작업

src/main/webapp/mobile/app/mloanmng/MLOANMNG01011.html

@@ -0,0 +1,135 @@
+<section id="ITP_MOBILE_MLOANMNG01011">
+	<div id="ITP_AJAX_MLOANMNG01011_VIEW_CONTAINER" style="display: block;">
+		<form id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_BRAND_ID" name="brandId" value="">
+			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_STORE_ID" name="storeId" value="">
+			<input type="hidden" id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
+		</form>
+		  <div class="content">
+			  <div class="line">
+				  <label>매장명</label>
+				  <div class="search_wrap">
+					  <div class="fnStoreNm"></div>
+				  </div>
+			  </div>
+			  <div class="line">
+				  <label>정산타입</label>
+				  <div class="search_wrap">
+					  <div class="fnLoanDvsnNm"></div>
+				  </div>
+			  </div>
+			  <div class="line">
+				  <label>한도금액</label>
+				  <div class="search_wrap">
+					  <div class="fnLimitAmt">0원</div>
+				  </div>
+			  </div>
+			  <div class="line">
+				  <label>사용여부</label>
+				  <div class="search_wrap">
+					  <div class="fnUseYnNm"></div>
+				  </div>
+			  </div>
+			  <div class="line">
+				  <label>가용한도금액</label>
+				  <div class="search_wrap">
+					  <div class="fnPosbLimitAmt">0원</div>
+				  </div>
+			  </div>
+			  <div class="line">
+				  <label>가수금</label>
+				  <div class="search_wrap">
+					  <div class="fnTmpRcvAcctTotal">0원</div>
+				  </div>
+			  </div>
+			  <div class="line">
+				  <label>사용금액</label>
+				  <div class="search_wrap">
+					  <div class="fnUseAmtTotal">0원</div>
+				  </div>
+			  </div>
+			<div class="line">
+			  <label>거래일자</label>
+			  <div class="date_to">
+				<input id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+				<div class="at">~</div>
+				<input id="ITP_FORM_MLOANMNG01011_VIEW_SEARCH_TO_DT" name="toDt" class="year" type="date">
+			  </div>
+			</div>
+			  <div class="line">
+				  <label>입금지급구분</label>
+				  <div class="line_right">
+					  <select name="sdpstPayDvsn" id="ITP_FORM_MLOANMNG01011_VIEW_DPST_PAY_DVSN" data-select-code="DPST_PAY_DVSN">
+						  <option value=""></option>
+					  </select>
+				  </div>
+			  </div>
+			<div class="line" style="height:45px;">
+			  <div class="search">
+				<button id="ITP_BTN_MLOANMNG01011_VIEW_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+			  </div>
+			</div>
+			<div class="table_header">
+			  <h1>> 여신 입출금 이력</h1>
+			</div>
+		  </div>
+			<div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA" class="scroll_area row-6">
+			  <ul id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWCOPY" style="display: none;">
+				<li class="history_list4 list-row">
+				  <div>
+					<div class="detail_line">
+					  <div class="detail_left">
+						<div class="detail_info">
+						  <div class="fnLoanRegDt"></div>
+						</div>
+					  </div>
+					  <div class="detail_right">
+						<div class="detail_info">
+						  <div class="fnDpstPayDvsnNm"></div>
+						</div>
+					  </div>
+					</div>
+					<div class="detail_line">
+					  <div class="detail_left">
+						<div class="detail_info">
+						  <label>입금금액</label>
+						</div>
+					  </div>
+					  <div class="detail_right">
+						<div class="detail_info">
+						  <div class="fnDstpAmt"></div>
+						</div>
+					  </div>
+					</div>
+					<div class="detail_line">
+					  <div class="detail_left">
+						<div class="detail_info">
+						  <label>잔액</label>
+						</div>
+					  </div>
+					  <div class="detail_right">
+						<div class="detail_info">
+						  <div class="fnTrscAfBal"></div>
+						</div>
+					  </div>
+					</div>
+					<div class="detail_line">
+					  <div class="detail_left">
+						<div class="detail_info">
+						  <label>사용용도</label>
+						</div>
+					  </div>
+					  <div class="detail_right">
+						<div class="detail_info">
+						  <div class="fnUse"></div>
+						</div>
+					  </div>
+					</div>
+				  </div>
+				</li>
+			</div>
+		  </div>
+	</div>
+	<div id="ITP_MOBILE_JS"></div>
+  </section>

src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html

@@ -46,7 +46,7 @@
 		  </div>
 			<div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA" class="scroll_area row-2">
 			  <ul id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY" style="display: block;">
+			  <div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
 				<li class="history_list4 list-row">
 				  <div class="button_right btn-dpst" style="display: none;">
 					<button id="ITP_BTN_MLOANMNG02010_LIST_AGREE" class="btn-primary AGR">승인</button>

src/main/webapp/mobile/app/mpomng/MPOMNG01010.html

@@ -96,7 +96,8 @@
                 <label>구매금액 &nbsp;&nbsp;:</label>
                 <div class="fnOrdAmt">원</div>
             </div>
-            <label class="pop_label msg_save">구매요청 하시겠습니까?</label>
+            <!--<label class="pop_label msg_save">구매요청 하시겠습니까?</label>-->
+            <div class="pop_msg">구매요청 하시겠습니까?</div>
             <div class="popup_btn">
                 <button id="ITP_BTN_MPOMNG01010_POP_REQ_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
                 <button id="ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM" class="ok btn-primary COK">확인</button>

src/main/webapp/mobile/css/style.css

@@ -7,6 +7,7 @@ body{background: #fff; position: relative; width: 100%; height: auto;}
 section .popup { position: fixed; width: 100%; height: 100%; background: transparent; z-index: 11;}
 section .popup .pop { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); width: 70%; height: 250px; padding-top: 30px; background: #fff; border: 2px solid #000; border-top-left-radius: 10px; border-top-right-radius: 10px;}
 section .popup .pop label.pop_label {position:relative; top:10px; font-size: 1.2rem;}
+section .popup .pop div.pop_msg {position:relative; top:10px; font-size: 1.2rem;}
 section .popup .pop .pop_line { width: 100%; height: 30px;}
 section .popup .pop .pop_line label { font-size: 1.2rem; margin-left: 20px; float: left; width: auto; text-align: left;}
 section .popup .pop .pop_line div {text-align: right; float: right; font-size: 1.2rem; margin-right: 20px; width: auto;}

src/main/webapp/mobile/js/app/mloanmng/ITP_MLOANMNG01010.js

@@ -154,7 +154,7 @@ let mobContentObj = {
 			var errFn = function() { _this.isSearch = false;};
 			const param = $('#ITP_FORM_MLOANMNG01010_LIST_SEARCH').serializeObject();
 			param.gridPage = ++this.listPage;
-			param.gridSize = this.listSize
+			param.gridSize = this.listSize;
 			// console.log(JSON.stringify(param));
 			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
 		}

src/main/webapp/mobile/js/app/mloanmng/ITP_MLOANMNG01011.js

@@ -0,0 +1,141 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_INFO 				= '/api/loan/state/info-loan-store';	// 상세
+const API_MOBILE_HISTORY			= '/api/loan/state/hist-grid-list';		// 이력
+
+let mobPageObj = {
+	init: function () {
+		this.ui.init();
+		this.event.init();
+		this.ready();
+	},
+	ui: {
+		init: function () {
+			this.view();
+		},
+		view: function() {
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+			
+			$('input:hidden[id$="_BRAND_ID"]').val(fn_make_user_info.get('brandId'));
+			$('input:hidden[id$="_STORE_ID"]').val(fn_make_user_info.get('storeId'));
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MLOANMNG01011_VIEW"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MLOANMNG01011_VIEW_SEARCH'		: mobContentObj.view.history.search();	break;
+				}
+				return false;
+			});
+		}
+	},
+	ready: function() {
+		mobContentObj.view.init();
+	}
+};
+
+let mobContentObj = {
+	view: {
+		init: function() {
+			this.load();
+		},
+		load: function(item) {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result);
+			};
+			fn_ajax_call(API_MOBILE_INFO, null, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var id = '#ITP_AJAX_MLOANMNG01011_VIEW_CONTAINER';
+			$(id).find('.fnStoreNm').text(result.storeNm);
+			$(id).find('.fnLoanDvsnNm').text(result.loanDvsnNm);
+			var limitAmt;
+			if(result.loanDvsn == 'LD01') { // 선불(충전)
+				limitAmt = result.chrgeLimitAmt;
+			} else if(result.loanDvsn == 'LD02') { // 후불(신용)
+				limitAmt = result.credtLimitAmt;
+			}
+			$(id).find('.fnLimitAmt').text(CommonObj.currency.add(limitAmt));
+			$(id).find('.fnUseYnNm').text(result.useYnNm);
+			$(id).find('.fnPosbLimitAmt').text(CommonObj.currency.add(limitAmt - result.useAmtTotal));
+			$(id).find('.fnTmpRcvAcctTotal').text(CommonObj.currency.add(result.tmpRcvAcctTotal));
+			$(id).find('.fnUseAmtTotal').text(CommonObj.currency.add(result.useAmtTotal));
+
+			$(id).find('#ITP_FORM_MLOANMNG01011_VIEW_SEARCH_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
+			this.history.init();
+		},
+		history: {
+			rows: [],
+			init: function() {
+				// 조회일자 지정
+				$('#ITP_FORM_MLOANMNG01011_VIEW_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+				$('#ITP_FORM_MLOANMNG01011_VIEW_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+
+				this.search();
+				this.action();
+			},
+			action: function() {
+				var _this = this;
+				$('#ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA').on('scroll', function () {
+					if($(this).scrollTop() + $(this).innerHeight() + 1 >= $(this)[0].scrollHeight) {
+						if(_this.totPage > _this.listPage) {
+							_this.load();
+						}
+					}
+				});
+			},
+			search: function() {
+				this.listPage = 0;
+				this.totPage = 0;
+				this.rows.length = 0;
+				$('#ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWS').empty();
+				this.load();
+			},
+			load: function() {
+				var _this = this;
+				this.isSearch = true;
+				var callbackFn = function(result) {
+					console.log(result);
+					_this.isSearch = false;
+					_this.totPage = result.gridTotal;
+					$.each(result.gridRows, function (i, item) {
+						$('#ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWCOPY').html());
+						var $li = $('#ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA .panel-group > .list-row:last');
+						$li.find('.fnLoanRegDt').text(item.loanRegDt);
+						$li.find('.fnDpstPayDvsnNm').text(item.dpstPayDvsnNm);
+						$li.find('.fnDstpAmt').text(item.dstpAmt);
+						$li.find('.fnTrscAfBal').text(item.trscAfBal);
+						$li.find('.fnUse').text(item.use);
+						_this.rows.push(item);
+					});
+				};
+				var errFn = function() { _this.isSearch = false;};
+				const param = $('#ITP_FORM_MLOANMNG01011_VIEW_SEARCH').serializeObject();
+				param.gridPage = ++this.listPage;
+				param.gridSize = this.listSize;
+				param.fromDt = CommonObj.onlyNumber(param.fromDt);
+				param.toDt = CommonObj.onlyNumber(param.toDt);
+				console.log(JSON.stringify(param));
+				fn_ajax_call(API_MOBILE_HISTORY, JSON.stringify(param), callbackFn, 'POST', errFn);
+			}
+		}
+	}
+};

src/main/webapp/mobile/js/app/mpomng/ITP_MPOMNG01010.js

@@ -319,32 +319,31 @@ let mobPopObj = {
 		view: function() {
 			var popMsg = '';
 			var loanDvsn = $('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_LOAN_DVSN').val();
+			var ordUseAmt = CommonObj.onlyNumber($('#ITP_FORM_MPOMNG01010_DETAIL .fnOrdUseAmt').text());
+			var pchReqAmtTot = CommonObj.onlyNumber($('#ITP_FORM_MPOMNG01010_DETAIL .fnPchReqAmtTot').text());
 			if(this.pchReqStCd === PCH_REQ_ST_CD_REQUEST_SAVE) { // 구매요청
-				console.log(loanDvsn);
 				if(loanDvsn === 'LD03') {		// 무정산
 					this.saveMode = 2;
 					popMsg = '구매요청 하시겠습니까?';
 					$('#ITP_POP_MPOMNG01010_REQ_AREA #ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM').text('확인');
 				} else {
-					var ordUseAmt = CommonObj.onlyNumber($('#ITP_FORM_MPOMNG01010_DETAIL .fnOrdUseAmt').text());
-					var pchReqAmtTot = CommonObj.onlyNumber($('#ITP_FORM_MPOMNG01010_DETAIL .fnPchReqAmtTot').text());
-					if (parseInt(ordUseAmt) < parseInt(pchReqAmtTot)) { // 요청금액이 가능금액보다 클 경우
+					if (ordUseAmt < pchReqAmtTot) { // 요청금액이 가능금액보다 클 경우
 						if($('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_PG_AFFL_ID').val() === '') {	// PG 정보 없음
 							this.saveMode = 3;
-							popMsg = 	'무통장 입금 후 구매요청해 주세요.\n' +
+							popMsg = 	'무통장 입금 후 구매요청해 주세요.<br>' +
 										'임시저장 하시겠습니까?';
 							$('#ITP_POP_MPOMNG01010_REQ_AREA #ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM').text('확인');
 						} else {
 							if(loanDvsn === 'LD01') {	// 선불매장
 								this.saveMode = 4;
-								popMsg = 	'선불매장이므로 결재를 하셔야 구매요청이 진행이 됩니다.\n' +
+								popMsg = 	'선불매장이므로 결재를 하셔야 구매요청이 진행이 됩니다.<br>' +
 											'결재를 하시겠습니까?';
 								$('#ITP_POP_MPOMNG01010_REQ_AREA #ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM').text('결제');
 							} else if(loanDvsn === 'LD02') { // 후불매장
 								this.saveMode = 5;
-								popMsg = 	'구매한도가 부족합니다.\n' +
-											'선결재를 하신 후에 구매요청을 하시기 바랍니다.\n' +
-											'결재 버튼을 누르시면 임시 저장 후 결재가 진행이 됩니다.\n' +
+								popMsg = 	'구매한도가 부족합니다.<br>' +
+											'선결재를 하신 후에 구매요청을 하시기 바랍니다.<br>' +
+											'결재 버튼을 누르시면 임시 저장 후 결재가 진행이 됩니다.<br>' +
 											'결재를 하시겠습니까?';
 								$('#ITP_POP_MPOMNG01010_REQ_AREA #ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM').text('결제');
 							}
@@ -362,8 +361,8 @@ let mobPopObj = {
 			}
 			$('#ITP_POP_MPOMNG01010_REQ_AREA .fnPopDlvReqDt').text($('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_DLV_REQ_DT').val());
 			$('#ITP_POP_MPOMNG01010_REQ_AREA .fnItemQty').text(CommonObj.currency.add(mobContObj.list.rows.length, '개'));
-			$('#ITP_POP_MPOMNG01010_REQ_AREA .fnOrdAmt').text($('#ITP_FORM_MPOMNG01010_DETAIL .fnPchReqAmtTot').text());
-			$('#ITP_POP_MPOMNG01010_REQ_AREA .msg_save').text(popMsg);
+			$('#ITP_POP_MPOMNG01010_REQ_AREA .fnOrdAmt').text(CommonObj.currency.add(pchReqAmtTot));
+			$('#ITP_POP_MPOMNG01010_REQ_AREA .pop_msg').html(popMsg);
 		},
 		action: function() {
 			var _this = this;
@@ -373,17 +372,17 @@ let mobPopObj = {
 			});
 		},
 		save: function() {
-			var procSave = function () {
+			var procSave = function (rtnFn) {
 				let param = $('#ITP_FORM_MPOMNG01010_DETAIL').serializeObject();
 				$.each(mobContObj.list.rows, function(index, item) {
 					item['viewCd'] = 'C';
 				});
 				param.gridInsertData = mobContObj.list.rows;
 				param['dlvReqDt'] = param.dlvReqDt.replace(/[^0-9]/g, "");
-				console.log(JSON.stringify(param));
 				var saveFn = function (result) {
 					console.log(result);
 					mobPopObj.hide('ITP_POP_MPOMNG01010_REQ_AREA');
+					if(typeof rtnFn === 'function') rtnFn();
 				};
 				fn_ajax_call(API_MOBILE_SAVE, JSON.stringify(param), saveFn, 'POST');
 			};
@@ -392,15 +391,24 @@ let mobPopObj = {
 					$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_PCH_REQ_ST_CD').val(PCH_REQ_ST_CD_TEMP_SAVE);
 				procSave();
 			} else if (this.saveMode === 4 || this.saveMode === 5) {
-				var payFn = function(result) {
-					console.log(result);
-				};
-				var args = {
-					'payTpCd': this.saveMode === 4 ? '10' : '30',
-					'brandId': $('#ITP_FORM_MPOMNG01010_DETAIL_BRAND_ID').val(),
-					'storeId': $('#ITP_FORM_MPOMNG01010_DETAIL_STORE_ID').val()
+				var procPay = function() {
+					var payFn = function(result) {
+						console.log(result);
+						mobContObj.data.load();
+					};
+					var args = {
+						'payTpCd': this.saveMode === 4 ? '10' : '30',
+						'brandId': $('#ITP_FORM_MPOMNG01010_DETAIL_BRAND_ID').val(),
+						'storeId': $('#ITP_FORM_MPOMNG01010_DETAIL_STORE_ID').val()
+					};
+					itp_fn_payment.call(args, payFn);
 				};
-				itp_fn_payment.call(args, payFn);
+				if(this.saveMode === 5) {
+					$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_PCH_REQ_ST_CD').val(PCH_REQ_ST_CD_TEMP_SAVE);
+					procSave(procPay);
+				} else {
+					mobPopObj.hide('ITP_POP_MPOMNG01010_REQ_AREA');
+				}
 			}
 		}
 	},

src/main/webapp/mobile/js/app/popup/biz/ITP_BIZPOP_PO_PAYMENT.js

@@ -71,7 +71,7 @@ var popPageObj = {
 		}			
 		// 이지페이 결제 생성
 		let param = $('#ITP_FORM_PO_PAYMENT_POPUP').serializeObject();	
-		param.goodsAmt = $('#ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT').val() == '' ? 0 : $('#ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT').val();	
+		param.goodsAmt = $('#ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT').val() === '' ? 0 : $('#ITP_FORM_PO_PAYMENT_POPUP_GOODS_AMT').val();
 		fn_ajax_call(EASYPAY_PAYMENT_CREATE, JSON.stringify(param), function(result) {
 			// console.log(JSON.stringify(result));
 			

src/main/webapp/mobile/js/properties.js

@@ -1,6 +1,6 @@
 
-//const DOMAIN = 'http://106.246.249.162:38050';
-const DOMAIN = 'http://192.168.0.13:8050';
+const DOMAIN = 'http://106.246.249.162:38050';
+//const DOMAIN = 'http://192.168.0.13:8050';
 const ITP_CONTEXTPATH = '/oqpo-view';
 const MOBILE_CONTEXTPATH = ITP_CONTEXTPATH + '/mobile';
 const ITP_LANGUAGE = 'ko';