운영관리 > 사용자관리 수정

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

@@ -18,10 +18,10 @@
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
 								<form id="ITP_FORM_OPER01010_SEARCH" class="form-horizontal">
-									<input type="hidden" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_ID" name="afflShopId" value="">
+									<input type="hidden" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_ID" name="safflShopId" value="">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<input type="text" name="afflShopNm" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_NM" class="form-control itp_input" placeholder="가맹점명" readonly>
+											<input type="text" name="safflShopNm" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_NM" class="form-control itp_input" placeholder="가맹점명" readonly>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
 											<button type="button" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP" class="btn btn-success btn-sm SEB"><i class="glyphicon glyphicon-search"></i></button>
@@ -70,6 +70,7 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_OPER01010_DETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_OPER01010_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_OPER01010_DETAIL_SEARCH_AFFL_SHOP_ID" name="afflShopId" value="">
 								<section class="itp_form_sec">
 									<!-- <h4 class="itp_form_tit">사용자정보 현재 테스트중</h4> -->
 									<div class="itp_form_in">

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

@@ -133,6 +133,12 @@ const gridColModel = {
 		}
 	],
 	brand: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
 		{
 			index: 'BRAND_ID', name: 'brandId',
 			label: ITP_MSG_LOCALE.table.brandId,
@@ -375,7 +381,7 @@ let listObj = {
 		create:  function () {
 			pageObj.switchScreen('ADD');
 			itp_fn_form_clear_validate(null, '#ITP_FORM_OPER02010_DETAIL');
-			// createObj.init();
+			createObj.init();
 		}
 	},
 	grid: {
@@ -478,7 +484,7 @@ let viewObj = {
 	},
 	button: {
 	},
-	load: function() {
+	load: function(param) {
 		fn_ajax_call(NTICE_INFO_NTICE, param, this.callback, 'GET');
 	},
 	callback: function (result) {
@@ -596,10 +602,11 @@ let createObj = {
 		init: function () {
 			this.selectbox();
 			this.checkbox();
+			this.button();
 		},
 		selectbox: function () {
 			// 브랜드 selectbox 선택
-			$('#ITP_FORM_OPER02010_DETAIL_SEARCH_BRAND_ID').on('change', function() {
+			$('#ITP_FORM_OPER02010_DETAIL_SEARCH_BRAND_ID').off('change').on('change', function() {
 				if(this.selectedIndex > 0) {
 					$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD option:eq(0)').prop('selected', true);
 					$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').attr('disabled', true);
@@ -609,7 +616,7 @@ let createObj = {
 				}
 			});
 			// 공지대상 selectbox 선택
-			$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').on('change', function() {
+			$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').off('change').on('change', function() {
 				if(this.selectedIndex > 0) {
 					$('#ITP_BTN_OPER02010_DETAIL_ADDROW').attr('disabled', false);
 					$('#ITP_BTN_OPER02010_DETAIL_DELROW').attr('disabled', false);
@@ -622,35 +629,95 @@ let createObj = {
 		},
 		checkbox: function () {
 			// 공지대상 checkbox 선택
-			$('#ITP_FORM_OPER02010_TARGET').find('input:checkbox').on('change', function() {
+			$('#ITP_FORM_OPER02010_TARGET').find('input:checkbox').off('change').on('change', function() {
 				$(this).next().val($(this).is(':checked') ? 'Y' : '');
 			});
-		}
-	},
-	button: {
-		init: function() {
-			this.addRow();
-			this.delRow();
-			this.save();
-			this.cancel();
 		},
-		addRow: function() {
+		button: function() {
 			// 신규등록 가맹점 조회 버튼 클릭
-			$('#ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP').on('click', function() {
+			$('#ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP').off('click').on('click', function() {
 				afflShopObj.popup('C');
 			});
-		},
-		delRow: function() {
 			// 신규등록 가맹점 텍스트 삭제 버튼 클릭
-			$('#ITP_FORM_OPER02010_DETAIL_DELETE_AFFL_SHOP').on('click', function() {
+			$('#ITP_FORM_OPER02010_DETAIL_DELETE_AFFL_SHOP').off('click').on('click', function() {
 				$('#ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP_NM').val('');
 				$('select#ITP_FORM_OPER02010_DETAIL_SEARCH_BRAND_ID option').remove();
 				$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD option:eq(0)').prop('selected', true);
 				$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').trigger('change');
 			});
+		}
+	},
+	button: {
+		init: function() {
+		},
+		addRow: function() {
+			// 팝업
+			var popFn = function(rowDataPop) {
+				// 기존등록 사용자ID
+				var exists = '';
+				const rowData = $(OPER02010_DETAIL_GRID_ID).getRowData();
+				$.each(rowData, function(key, value) {
+					exists = exists + value.userId + ';';
+				});
+
+				$.each(rowDataPop, function(key, value) {
+					// console.log(JSON.stringify(value));
+					// console.log(exists.indexOf(value.userId));
+					if(exists.indexOf(value.userId) < 0) {
+						// 행추가
+						$(OPER02010_DETAIL_GRID_ID).jqGrid('addRow', {position: 'last'});
+						var rids = $(OPER02010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+						var last_row_id = rids[rids.length - 1];
+						$(OPER02010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'viewCd', 'C');
+						$(OPER02010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'brandId', value.brandId);
+						$(OPER02010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'brandNm', value.brandNm);
+					}
+				});
+				$(OPER02010_DETAIL_GRID_EMPTY).hide();
+			};
+			var agrs = {'afflShopId': $('#ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP_ID').val()};
+			fn_call_popup('biz', 'BIZPOP_AFFL_BRAND', '#ITP_ASIDE', popFn, agrs, 'S');
+		},
+		delRow: function() {
+			itp_fn_grid_del_row(OPER02010_DETAIL_GRID_ID);
 		},
 		save: function() {
+			const formId = '#ITP_FORM_OPER02010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			var vali_nticeNo = itp_fn_form_validate(formId, formId + '_NTICE_TITL', ['empty'], undefined);
+			var vali_nticeDesc = itp_fn_form_validate(formId, formId + '_NTICE_DESC', ['empty'], undefined);
+			var vali_targetCd = itp_fn_form_validate(formId, formId + '_TARGET_CD', ['empty'], undefined);
+
+			if (vali_nticeNo && vali_nticeDesc && vali_targetCd) {
+				let gridInsertData = [];
+				let gridUpdateData = [];
+				let gridDeleteData = [];
+				const rowData = $(OPER02010_DETAIL_GRID_ID).getRowData();
+				const keyValue = $(formId + '_USER_ID').val();
+				$.each(rowData, function(key, value) {
+					if (value.viewCd != 'R') {
+						value.nticeNo = keyValue;
+						if (value.viewCd == 'C') {
+							gridInsertData.push(value);
+						} else if (value.viewCd == 'U') {
+							gridUpdateData.push(value);
+						} else if (value.viewCd == 'D') {
+							gridDeleteData.push(value);
+						}
+					}
+				});
+				let param = $(formId).serializeObject();
+				param.gridInsertData = gridInsertData;
+				param.gridUpdateData = gridUpdateData;
+				param.gridDeleteData = gridDeleteData;
+				// console.log(JSON.stringify(param));
 
+				var searhFn = function() {
+					ITP_FORM_OPER02010_DETAIL_IS_WRITING = false;
+					listObj.grid.search();
+				};
+				fn_ajax_call(NTICE_SAVE_NTICE, JSON.stringify(param), searhFn, 'POST');
+			}
 		},
 		cancel: function() {
 			listObj.grid.search();
@@ -659,7 +726,7 @@ let createObj = {
 			var gridId = OPER02010_DETAIL_GRID_ID.replace('#', '');
 			var rids = $(OPER02010_DETAIL_GRID_ID).jqGrid('getDataIDs');
 			var last_row_id = rids[rids.length - 1];
-			itp_fn_grid_reset_selection(e, last_row_id, gridId, 'OPER03010_DETAIL');
+			itp_fn_grid_reset_selection(e, last_row_id, gridId, 'OPER02010_DETAIL');
 		}
 	},
 	load: function () {

src/main/webapp/js/app/templage.js

@@ -0,0 +1,123 @@
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const TEMPLATE_GRID_ID = '#ITP_TEMPLATE_jqGrid';
+const TEMPLATE_GRID_LIST = '#ITP_TEMPLATE_jqGrid_list';
+const TEMPLATE_GRID_PAGER = '#ITP_TEMPLATE_jqGridPager';
+const TEMPLATE_GRID_EMPTY = '#ITP_TEMPLATE_jqGridEmpty';
+
+const TEMPLATE_VIEW_GRID_ID = '#ITP_TEMPLATE_VIEW_jqGrid';
+const TEMPLATE_VIEW_GRID_LIST = '#ITP_TEMPLATE_VIEW_jqGrid_list';
+const TEMPLATE_VIEW_GRID_PAGER = '#ITP_TEMPLATE_VIEW_jqGridPager';
+const TEMPLATE_VIEW_GRID_EMPTY = '#ITP_TEMPLATE_VIEW_jqGridEmpty';
+
+const TEMPLATE_DETAIL_GRID_ID = '#ITP_TEMPLATE_DETAIL_jqGrid';
+const TEMPLATE_DETAIL_GRID_LIST = '#ITP_TEMPLATE_DETAIL_jqGrid_list';
+const TEMPLATE_DETAIL_GRID_PAGER = '#ITP_TEMPLATE_DETAIL_jqGridPager';
+const TEMPLATE_DETAIL_GRID_EMPTY = '#ITP_TEMPLATE_DETAIL_jqGridEmpty';
+
+/*API URL*/
+
+/*화면 Grid Object*/
+const gridColModel = {
+    list: [],
+    view: [],
+    detail: []
+};
+
+require(['config'], function() {
+    require([
+    ], function($) {
+        pageObj.init();
+    });
+});
+
+/*화면공통 Object*/
+let pageObj = {
+    init: function () {
+        this.ui.init();
+        this.event.init();
+    },
+    ui: {
+        init: function () {
+        }
+    },
+    event: {
+        init: function () {
+        }
+    },
+    switchScreen: function(mode) {
+        if (mode == 'LIST') { // 목록
+        } else if(mode == 'ADD') { // 등록
+        } else if(mode == 'MODIFY') { // 수정
+        } else if(mode == 'VIEW') { // 보기
+        }
+    }
+};
+
+/*목록화면 Object*/
+let listObj = {
+    init: function () {
+        this.grid.init();
+    },
+    empty: {
+    },
+    grid: {
+        init: function () {
+        },
+        colModel: gridColModel.list,
+        search: function() {
+        },
+        load: function() {
+        },
+        reload : function() {
+        },
+        clearData : function() {
+        },
+        unload : function() {
+        }
+    }
+};
+
+/*상세화면 Object*/
+let viewObj = {
+    init: function (param) {
+        this.load(param);
+    },
+    load: function() {
+    },
+    callback: function (result) {
+        // console.log(result);
+    }
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+    init: function (param) {
+        this.load(param);
+    },
+    load: function() {
+    },
+    callback: function (result) {
+        // console.log(result);
+    }
+};
+
+/*신규화면 Object*/
+let createObj = {
+    init: function () {
+        this.load();
+    },
+    load: function () {
+    }
+};