운영관리-서비스변경 작성-2

src/main/webapp/app/oper/OPER07010.html

@@ -34,14 +34,14 @@
 							</div>
 						</div>
 					</div>
-					<div class="pull-right itp_cicon">
-						<div class="col-xs-4 itp_ip itp_noMar">
+					<div class="pull-right itp_cicon"  style="margin-right: 20px;">
+						<div class="col-xs-9 itp_ip itp_noMar">
 							<select id="ITP_FORM_OPER07010_SEARCH_SHMT_COL_PROC_TYPE" data-select-code="SHMT_COL_PROC_TYPE" class="form-control itp_input" name="shmtColProcType"></select>
 						</div>
 						<button type="button" id="ITP_BTN_OPER07010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;수정&nbsp;&nbsp;</button>
 					</div>
 					<div class="itp_table fix">
-						<h3 class="itp_table_tit">브랜드 진행정보</h3>
+						<h1 class="itp_table_tit">브랜드 진행정보</h1>
 						<div id="ITP_OPER07010_brand_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
 							<div id="ITP_OPER07010_jqGridView_brand" class="itp_views fix"></div>
 							<table id="ITP_OPER07010_brand_jqGrid"></table>
@@ -50,7 +50,7 @@
 						</div>
 					</div>
 					<div class="itp_table fix">
-						<h3 class="itp_table_tit">매장 진행정보</h3>
+						<h1 class="itp_table_tit">매장 진행정보</h1>
 						<div id="ITP_OPER07010_store_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
 							<div id="ITP_OPER07010_jqGridView_store" class="itp_views fix"></div>
 							<table id="ITP_OPER07010_store_jqGrid"></table>

src/main/webapp/js/app/oper/ITP_OPER07010.js

@@ -5,7 +5,6 @@ require(['config'], function() {
     });
 });
 
-console.log(CONN_KEY);
 /********************************************************
  --------------------------------------------------------
  - Object 목록								            -
@@ -30,9 +29,6 @@ const OPER07010_STORE_GRID_LIST = '#ITP_OPER07010_store_jqGrid_list';
 const OPER07010_STORE_GRID_PAGER = '#ITP_OPER07010_store_jqGridPager';
 const OPER07010_STORE_GRID_EMPTY = '#ITP_OPER07010_store_jqGridEmpty';
 
-let ITP_COMMON_LOAN_DVSN = fn_make_common_cd_list(CODE_LIST, 'LOAN_DVSN', true, '여신구분');
-let OPER07010_STORE_GRID_LAST_ROW_ID;
-
 
 /*API URL*/
 let API_BRAND_BRAND_ING_INFO = '/api/brand/brand-ing-info';
@@ -40,6 +36,60 @@ let API_BRAND_STORE_ING_INFO = '/api/brand/store-ing-list';
 let API_BRAND_CHANGE_BRAND_SHCO = '/api/brand/change-brand-shco';
 let API_STORE_CHANGE_STORE_LOAN = '/api/store/change-store-loan';
 
+/*변수*/
+let ITP_COMMON_LOAN_DVSN = fn_make_common_cd_list(CODE_LIST, 'LOAN_DVSN', true, '여신구분');
+let OPER07010_STORE_GRID_LAST_ROW_ID;
+
+let editStoreNum = 0;
+
+function editBButton (cellvalue, options, rowObject) {
+	editStoreNum ++;
+	if (cellvalue == 'N') {
+		return '<span>변경불가</span>';
+	} else {
+		let storeId = '';
+		storeId = rowObject.storeId;		
+		return '<input type="button" id="'+editStoreNum+'_checkEdit" value="변경" onclick="test('+editStoreNum+')" name="'+storeId+'">'
+	}
+};
+
+function test(num) {
+	let ids = $(OPER07010_STORE_GRID_ID).jqGrid('getDataIDs');
+	for (var i = 0; i < ids.length; i++) {
+		if ((num - 1) == i) {
+			let rowData = $(OPER07010_STORE_GRID_ID).jqGrid('getRowData', ids[i]);
+			if (rowData.loanDvsn == '') {
+				itp_fn_modal_alert_ajax('변경할 사항의 입력을 완료해야합니다.');
+				return false;
+			} else if (rowData.loanDvsn != 'LD02' && rowData.credtLimtAmt.length > 0) {
+				itp_fn_modal_alert_ajax('후불상태만 한도를 입력할 수 있습니다');
+				return false;
+			} else if (rowData.loanDvsn == 'LD02' && rowData.credtLimtAmt == '') {
+				itp_fn_modal_alert_ajax('후불상태는 한도값을 입력해야합니다');
+				return false;
+			}
+			
+			/*
+			let loanDvsnId = '#' + num + '_loanDvsn';
+			let creditId = '#' + num + '_credtLimtAmt';
+			if ($(loanDvsnId).val() != 'LD02') {				
+				$(creditId).attr("readonly",true);
+			} else {
+				$(creditId).removeAttr("readonly"); 
+			}*/
+			
+			var searchFn = function() {
+				let param = $('#ITP_FORM_OPER07010_SEARCH').serializeObject();
+	        	param.gridSize = $.jgrid.defaults.rowNum;
+				$(OPER07010_STORE_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+				editStoreNum = 0;
+			}
+    		fn_ajax_call(API_STORE_CHANGE_STORE_LOAN, JSON.stringify(rowData), searchFn, 'POST');
+		}
+	}
+	editStoreNum = 0;
+}
+
 
 /*화면 Grid Object*/
 const gridColModel = {
@@ -71,37 +121,37 @@ const gridColModel = {
         {
             index: 'PCH_CNT', name: 'pchCnt',
             label: '발주요청건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'PODR_CNT', name: 'podrCnt',
             label: '발주진행건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'DLV_CNT', name: 'dlvCnt',
             label: '입고대기건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'RPCH_CNT', name: 'rpchCnt',
             label: '반품요청건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'RODR_CNT', name: 'rodrCnt',
             label: '반품진행건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'PICK_CNT', name: 'pickCnt',
             label: '수거대기건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
@@ -133,69 +183,71 @@ const gridColModel = {
         {
             index: 'STORE_NM', name: 'storeNm',
             label: '매장명',
-            width: '10', fixed: false, align: 'center',
+            width: '11', fixed: false, align: 'center',
             sortable: false, hidden: false, classes: 'ui-ellipsis'
         },
         {
             index: 'LOAN_DVSN_NM', name: 'loanDvsnNm',
             label: '여신구분',
-            width: '10', fixed: false, align: 'center',
+            width: '8', fixed: false, align: 'center',
             sortable: false, hidden: false
         },
         {
             index: 'PCH_CNT', name: 'pchCnt',
             label: '발주요청건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'PODR_CNT', name: 'podrCnt',
             label: '발주진행건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'DLV_CNT', name: 'dlvCnt',
             label: '입고대기건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'RPCH_CNT', name: 'rpchCnt',
             label: '반품요청건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'RODR_CNT', name: 'rodrCnt',
             label: '반품진행건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'PICK_CNT', name: 'pickCnt',
             label: '수거대기건수',
-            width: '10', fixed: false, align: 'center',
+            width: '10', fixed: false, align: 'right',
             sortable: false, hidden: false
         },
         {
             index: 'LOAN_DVSN', name: 'loanDvsn',
-            label: '여신구분코드',
-            width: '10', fixed: false, align: 'center',
+            label: '여신변경선택',
+            width: '11', fixed: false, align: 'center',
             sortable: false, editable: true, formatter: 'select', edittype: 'select',
 			editoptions: {value: ITP_COMMON_LOAN_DVSN}
         },
         {
             index: 'CREDT_LIMT_AMT', name: 'credtLimtAmt',
             label: '후불한도',
-            width: '10', fixed: false, align: 'center',
-            sortable: false, hidden: false, editable: true, edittype: 'text'
+            width: '10', fixed: false, align: 'right',
+            sortable: false, hidden: false, editable: true, edittype: 'text',
+            editoptions: {"onKeyup": "this.value=this.value.replace(/[^0-9]/g,'');", maxlength: 10}, 
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
         },
         {
             index: 'CHG_PASS_YN', name: 'chgPassYn',
             label: '변경여부',
-            width: '10', fixed: false, align: 'center',
-            sortable: false, hidden: false
+            width: '8', fixed: false, align: 'center',
+            sortable: false, hidden: false, formatter: editBButton
         }
     ]
 };
@@ -287,7 +339,8 @@ let pageObj = {
 /*목록화면 Object*/
 let listObj = {
     init: function () {
-        //this.grid_brand.init();
+    	let param = $('#ITP_FORM_OPER07010_SEARCH').serializeObject();
+    	listObj.load(param);
         this.grid_store.init();
     },
     button: {
@@ -298,15 +351,22 @@ let listObj = {
     		param.gridSize = $.jgrid.defaults.rowNum;
 			param.gridPage = $.jgrid.defaults.page;
 			// console.log(JSON.stringify(param));
+			if (!('brandId' in param)) {
+				param.brandId = '';
+			}
 			listObj.load(param);
 			// $(OPER07010_BRAND_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
 			$(OPER07010_STORE_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+			editStoreNum = 0;
 		},
 		modify: function() {
 			listObj.grid_store.itp_OPER07010_search = true;
     		let param = $('#ITP_FORM_OPER07010_SEARCH').serializeObject();
     		param.shmtColProcType = $('#ITP_FORM_OPER07010_SEARCH_SHMT_COL_PROC_TYPE').val();
-    		console.log(param);
+    		// console.log(param);
+    		if (param.shmtColProcType == '' || param.shmtColProcType.length == 0) {
+				return false;
+			}
     		var searchFn = function() {
     			listObj.load(param);
     			$(OPER07010_STORE_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
@@ -347,7 +407,7 @@ let listObj = {
         		colModel: gridColModel.brand,
         		data: gridData,
         		loadComplete: function(data) {
-        			console.log(data);
+        			// console.log(data);
         			$(_this.gridList).find('.ui-jqgrid .ui-jqgrid-bdiv').css('overflow-x', 'hidden');
 					(Array.isArray(data.rows) && data.rows.length === 0) ? $(_this.gridEmpty).show() : $(_this.gridEmpty).hide();
 				}