모바일 여신관리 디자인 적용

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

@@ -24,7 +24,7 @@
 			  <div class="line">
 				  <label>한도금액</label>
 				  <div class="line_right">
-					  <div class="fnLimitAmt">0원</div>
+					  <div class="fnLimitAmt"></div>
 				  </div>
 			  </div>
 			  <div class="line">
@@ -36,19 +36,19 @@
 			  <div class="line">
 				  <label>가용한도금액</label>
 				  <div class="line_right">
-					  <div class="fnPosbLimitAmt">0원</div>
+					  <div class="fnPosbLimitAmt"></div>
 				  </div>
 			  </div>
 			  <div class="line">
 				  <label>가수금</label>
 				  <div class="line_right">
-					  <div class="fnTmpRcvAcctTotal">0원</div>
+					  <div class="fnTmpRcvAcctTotal"></div>
 				  </div>
 			  </div>
 			  <div class="line">
 				  <label>사용금액</label>
 				  <div class="line_right">
-					  <div class="fnUseAmtTotal">0원</div>
+					  <div class="fnUseAmtTotal"></div>
 				  </div>
 			  </div>
 			<div class="line top3">
@@ -78,7 +78,7 @@
 		  </div>
 			<div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_AREA" class="scroll_area row-14">
 			  <ul id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWCOPY" style="display: block;">
+			  <div id="ITP_LIST_MLOANMNG01011_VIEW_ITEM_ROWCOPY" style="display: none;">
 				<li class="history_list4 list-row">
 				  <div>
 					<div class="detail_line">

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

@@ -46,7 +46,7 @@
 		  </div>
 			<div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_AREA" class="scroll_area row-13">
 			  <ul id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
+			  <div id="ITP_LIST_MLOANMNG03010_LIST_ITEM_ROWCOPY" style="display: none;">
 				<li class="history_list4" style="padding-top:3px;">
 				  <div class="left">
 					<div class="nomal">
@@ -83,7 +83,7 @@
 					  </div>
 					  <label class="sub_info">정산금액&nbsp;:</label>
 					  <div class="history">
-						<div class="fnSttlAmt"></div>
+						<div class="fnSttlReqAmt"></div>
 					  </div>
 					</div>
 				  </div>
@@ -92,7 +92,7 @@
 							<label class="history_label">정산확정일 </label>
 							<span>:</span>
 							<div class="history">
-								<div class="fnSttlDt"></div>
+								<div class="fnSttlReqDt"></div>
 							</div>
 							<label class="sub_info">미납금액&nbsp;:</label>
 							<div class="history">
@@ -128,37 +128,37 @@
 			<div class="line">
 			  <label>매장명</label>
 			  <div class="line_right">
-			  	<div class="fnStoreNm">a 매장명</div>
+			  	<div class="fnStoreNm"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>정산일자</label>
 			  <div class="line_right">
-			  	<div class="fnSttlDt">2022.10.10</div>
+			  	<div class="fnSttlDt"></div>
 			  </div>
 			</div>
 			<div class="line">
 			  <label>정산상태</label>
 			  <div class="line_right">
-  			  	<div class="fnSttlStCd">정산요청</div>
+  			  	<div class="fnSttlStNm"></div>
 			  </div>
 			</div>
 			<div class="line">
 			  <label>정산금액</label>
 			  <div class="line_right">
-			  	<div class="fnSttlAmt">2,000,000원</div>
+			  	<div class="fnSttlReqAmt"></div>
 			  </div>
 			</div>
 			<div class="line">
 			  <label>잔액</label>
 			  <div class="line_right">
-			  	<div class="fnBal">1,000,000원</div>
+			  	<div class="fnUseAmtTotal"></div>
 			  </div>
 			</div>
 			<div class="line">
 			  <label>정산등록일자</label>
 			  <div class="line_right">
-			  	<div class="fnSttlRegDt">2022.10.10</div>
+			  	<div class="fnSttlReqDt"></div>
 			  </div>
 			</div>
 			<div class="table_header">
@@ -175,11 +175,11 @@
 						<label class="col_3">품목아이디 </label>
 						<span>:</span>
 						<div class="space2">
-						  <div class="fnItemId">asdfasdfassd</div>
+						  <div class="fnItemId"></div>
 						</div>
 						<label class="sub_info">품목명&nbsp;:</label>
 						<div class="space2">
-						  <div class="fnItemNm">fasdfasdfad</div>
+						  <div class="fnItemNm"></div>
 						</div>
 					  </div>
 					</div>
@@ -188,11 +188,11 @@
 						<label class="col_3">단가</label>
 						<span>:</span>
 						<div class="space2">
-						  <div class="fnUnitAmt">52525525</div>
+						  <div class="fnUnitAmt"></div>
 						</div>
 						<label class="sub_info">단위&nbsp;:</label>
 						<div class="space2">
-						  <div class="fnUnit">25252asd</div>
+						  <div class="fnUnit"></div>
 						</div>
 					  </div>
 					</div>
@@ -201,11 +201,11 @@
 						<label>발주(납품)수량</label>
 						<span>:</span>
 						<div>
-						  <div class="fnPodrQyt">1212</div>
+						  <div class="fnPodrQyt"></div>
 						</div>
 						<label class="sub_info">입고(수거)일자&nbsp;:</label>
 						<div>
-						  <div class="fnWhsColDt">2022.20.20</div>
+						  <div class="fnWhsColDt"></div>
 						</div>
 					  </div>
 					</div>
@@ -214,11 +214,11 @@
 						<label>입고(수거)수량</label>
 						<span>:</span>
 						<div>
-						  <div class="fnWhsColQty">1212</div>
+						  <div class="fnWhsColQty"></div>
 						</div>
 						<label class="sub_info">입고(수거)금액&nbsp;:</label>
 						<div class="fn">
-						  <div class="fnWhsColAmt">2020.10.10</div>
+						  <div class="fnWhsColAmt"></div>
 						</div>
 					  </div>
 					</div>

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

@@ -49,6 +49,8 @@ let mobPageObj = {
 				$('#ITP_FORM_MLOANMNG03010_LIST_SEARCH #ITP_BTN_MLOANMNG03010_LIST_SEARCH_STORE_NM').hide();
 				$('#ITP_FORM_MLOANMNG03010_LIST_SEARCH #ITP_BTN_MLOANMNG03010_LIST_DELETE_STORE_NM').hide();
 			}
+
+			CommonObj.btnPay('#ITP_BTN_MLOANMNG03010_VIEW_PAYMENT');
 		},
 		info: function() {
 			$('input:hidden[id$="_BRAND_ID"]').val(fn_make_user_info.get('brandId'));
@@ -178,8 +180,8 @@ let mobContentObj = {
 					$li.find('.fnSttlMgntUnqNo').text(item.sttlMgntUnqNo);
 					$li.find('.fnSttlStNm').text(item.sttlStNm);
 					$li.find('.fnSttlReqDt').text(item.sttlReqDt);
-					$li.find('.fnSttlAmt').text(CommonObj.currency.add(item.sttlAmt));
-					$li.find('.fnSttlDt').text(item.sttlDt);
+					$li.find('.fnSttlReqAmt').text(CommonObj.currency.add(item.sttlReqAmt));
+					$li.find('.fnSttlReqDt').text(CommonObj.nullToString(item.sttlReqDt));
 					$li.find('.fnUnpaidAmt').text(CommonObj.currency.add(item.unpaidAmt));
 					$li.find('.fnUseAmtTotal').text(CommonObj.currency.add(item.useAmtTotal));
 					_this.rows.push(item);
@@ -188,9 +190,7 @@ let mobContentObj = {
 			var errFn = function() { _this.isSearch = false;};
 			const param = $('#ITP_FORM_MLOANMNG03010_LIST_SEARCH').serializeObject();
 			param.gridPage = ++this.listPage;
-			param.gridSize = this.listSize
-			param.fromDt = CommonObj.onlyNumber(param.fromDt);
-			param.toDt = CommonObj.onlyNumber(param.toDt);
+			param.gridSize = this.listSize;
 			// console.log(JSON.stringify(param));
 			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
 		}
@@ -218,8 +218,9 @@ let mobContentObj = {
 			$(id).find('.fnLoanDvsnNm').text(result.loanDvsnNm);
 			$(id).find('.fnSttlStNm').text(result.sttlStNm);
 			$(id).find('.fnSttlReqDt').text(result.sttlReqDt);
-			$(id).find('.fnSttlAmt').text(CommonObj.currency.add(result.sttlAmt));
-			$(id).find('.fnSttlDt').text(result.sttlDt);
+			$(id).find('.fnSttlReqAmt').text(CommonObj.currency.add(result.sttlReqAmt));
+			$(id).find('.fnUseAmtTotal').text(CommonObj.currency.add(result.useAmtTotal));
+			$(id).find('.fnSttlReqDt').text(result.sttlReqDt);
 			$('#ITP_FORM_MLOANMNG03010_VIEW #ITP_FORM_MLOANMNG03010_VIEW_STORE_ID').val(result.storeId);
 			$('#ITP_FORM_MLOANMNG03010_VIEW #ITP_FORM_MLOANMNG03010_VIEW_STTL_MGNT_UNQ_NO').val(result.sttlMgntUnqNo);
 			$('#ITP_FORM_MLOANMNG03010_VIEW #ITP_FORM_MLOANMNG03010_VIEW_UNPAID_AMT').val(result.unpaidAmt);

src/main/webapp/mobile/js/config.js

@@ -820,6 +820,15 @@ let CommonObj = {
 	onlyNumber: function(str) {
 		return (str) ? str.replace(/[^0-9]/g, '') : str;
 	},
+	nullToString: function(value) {
+		return (value == null || value.length === 0) ? '' : value;
+	},
+	isPayPossible: function() {
+		return (fn_make_user_info.get('apprYn') === 'Y');
+	},
+	btnPay: function(id) {
+		return this.isPayPossible() ? $(id).show() : $(id).hide();
+	},
 	isApp: (/oqpo_android|oqpo_ios/).test(navigator.userAgent.toLowerCase())
 };