oqpo-view/bin/src/main/webapp/js/app/stinfo/ITP_STINFO06010.js

require(['config'], function() {
	require([
	], function($) {
		pageObj.init();
	});
});

/********************************************************
 --------------------------------------------------------
 - Object 목록								            -
 --------------------------------------------------------
 * const gridColModel = {}	: 화면 Grid Object			*
 * let pageObj = {}			: 화면공통 Object			*
 * let listObj = {}			: 목록화면 Object			*
 * let viewObj = {}			: 상세화면 Object			*
 * let modifyObj = {}		: 수정화면 Object			*
 * let createObj = {}		: 신규화면 Object			*
 *******************************************************/

/*화면 변수*/
const STINFO06010_GRID_ID = '#ITP_STINFO06010_jqGrid';
const STINFO06010_GRID_LIST = '#ITP_STINFO06010_jqGrid_list';
const STINFO06010_GRID_PAGER = '#ITP_STINFO06010_jqGridPager';
const STINFO06010_GRID_EMPTY = '#ITP_STINFO06010_jqGridEmpty';

const STINFO06010_DETAIL_GRID_ID = '#ITP_STINFO06010_DETAIL_jqGrid';
const STINFO06010_DETAIL_GRID_LIST = '#ITP_STINFO06010_DETAIL_jqGrid_list';
const STINFO06010_DETAIL_GRID_PAGER = '#ITP_STINFO06010_DETAIL_jqGridPager';
const STINFO06010_DETAIL_GRID_EMPTY = '#ITP_STINFO06010_DETAIL_jqGridEmpty';

let STINFO06010_GRID_LAST_ROW_ID;

/* 공통코드 리스트 */
let ITP_COMMON_CD_DSTRBT_COST_UNIT = fn_make_common_cd_list(CODE_LIST, 'DSTRBT_COST_UNIT', true, '기본단위');
let ITP_COMMON_CD_CURR = fn_make_common_cd_list(CODE_LIST, 'CURR', true, '통화');
let ITP_COMMON_CD_UNIT_TARGET_CD = fn_make_common_cd_list(CODE_LIST, 'UNIT_TARGET_CD', true, '대상여부');

/*API URL*/
let API_DETAIL_GRID_LIST 	= '/api/itemunit/store-unit-grid-list';		// 목록
let API_DETAIL_INFO 		= '/api/itemunit/info-storeitemunit';		// 상세
let API_DETAIL_SAVE 		= '/api/itemunit/save-store-itemunit';		// 저장

/*화면 Grid ColModel*/
const gridColModel = {
	list: [
		{
			index: 'BRAND_ID', name: 'brandId',
			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
			width: '10', fixed: false, align: 'center',
			sortable: false, hidden: true
		},
		{
			index: 'BRAND_NM', name: 'brandNm',
			label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
			width: '13', fixed: false, align: 'center',
			sortable: false, hidden: false
		},
		{
			index: 'STORE_ID', name: 'storeId',
			label: ITP_MSG_LOCALE.label.storeId, //매장ID
			width: '10', fixed: false, align: 'center',
			sortable: false, hidden: true
		},
		{
			index: 'STORE_NM', name: 'storeNm',
			label: ITP_MSG_LOCALE.label.storeNm, //매장명
			width: '10', fixed: false, align: 'center',
			sortable: false, hidden: true
		},
		{
			index: 'CONT_STT_DT', name: 'contSttDt',
			label: ITP_MSG_LOCALE.label.contSttDt, //계약시작일
			width: '15', fixed: false, align: 'center',
			sortable: false, hidden: false
		},
		{
			index: 'CONT_END_DT', name: 'contEndDt',
			label: ITP_MSG_LOCALE.label.contEndDt, //계약종료일
			width: '6', fixed: false, align: 'center',
			sortable: false, hidden: false
		},
		{
			index: 'SYS_REG_DTTM', name: 'sysRegDttm',
			label: ITP_MSG_LOCALE.label.sysRegDt, //계약생성일
			width: '6', fixed: false, align: 'center',
			sortable: false, hidden: false
		},
		{
			index: 'ITEM_CNT', name: 'itemCnt',
			label: ITP_MSG_LOCALE.label.itemCnt, //계약품목수
			width: '10', fixed: false, align: 'center',
			sortable: false, hidden: false
		}
	],
	detail: [
		{
			index: 'BRAND_ID', name: 'brandId',
			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
			width: '10', fixed: false, align: 'center',
			sortable: false, hidden: true
		},
		{
			index: 'ITEM_ID', name: 'itemId',
			label: ITP_MSG_LOCALE.label.itemId, //품목번호
			width: '10', fixed: false, align: 'center',
			sortable: false, hidden: false
		},
		{
			index: 'ITEM_NM', name: 'itemNm',
			label: ITP_MSG_LOCALE.label.itemNm, //품목명
			width: '13', fixed: false, align: 'center',
			sortable: false, hidden: false
		},
		{
			index: 'CONT_STT_DT', name: 'contSttDt',
			label: ITP_MSG_LOCALE.label.contSttDt, //계약시작일
			width: '10', fixed: false, align: 'center',
			sortable: false, hidden: false
		},
		{
			index: 'CONT_END_DT', name: 'contEndDt',
			label: ITP_MSG_LOCALE.label.contEndDt, //계약종료일
			width: '10', fixed: false, align: 'center',
			sortable: false, hidden: false
		},
		{
			index: 'UNIT', name: 'unit',
			label: ITP_MSG_LOCALE.label.unit, //기본단위
			width: '9', fixed: false, align: 'center',
			sortable: false, editable: true, formatter: 'select', edittype: 'select',
			editoptions: {value: ITP_COMMON_CD_DSTRBT_COST_UNIT},
			editrules: {required: true}
		},
		{
			index: 'STDD_QYT', name: 'stddQty',
			label: ITP_MSG_LOCALE.label.stddQty, //기준수량
			width: '6', fixed: false, align: 'center',
			sortable: true, editable: true, edittype: 'text',
			editrules: {required: true}
		},
		{
			index: 'CURR', name: 'curr',
			label: ITP_MSG_LOCALE.label.curr, //통화
			width: '9', fixed: false, align: 'center',
			sortable: false, editable: true, formatter: 'select', edittype: 'select',
			editoptions: {value: ITP_COMMON_CD_CURR},
			editrules: {required: true}
		},
		{
			index: 'UNIT_AMT', name: 'unitAmt',
			label: ITP_MSG_LOCALE.label.unitAmt, //단가
			width: '10', fixed: false, align: 'center',
			sortable: true, editable: true, edittype: 'text',
			editrules: {required: true}
		},
		{
			index: 'UNIT_TARGET_CD', name: 'unitTargetCd',
			label: ITP_MSG_LOCALE.label.unitTargetCd, //대상여부
			width: '10', fixed: false, align: 'center',
			sortable: false, editable: true, formatter: 'select', edittype: 'select',
			editoptions: {value: ITP_COMMON_CD_UNIT_TARGET_CD},
			editrules: {required: true}
		},
		{
			index: 'SPPLY_UNIT_AMT', name: 'spplyUnitAmt',
			label: ITP_MSG_LOCALE.label.spplyUnitAmt, //공급단가
			width: '6', fixed: false, align: 'center',
			sortable: false, hidden: false
		},
		{
			index: 'EDIT_STATUS', name: 'editStatus',
			label: ITP_MSG_LOCALE.label.spplyUnitAmt, //공급단가
			width: '6', fixed: false, align: 'center',
			sortable: false, hidden: true
		}
	]
};

/*화면공통 Object*/
let pageObj = {
	init: function () {
		this.ui.init();
		this.event.init();
	},
	screenMode: 'LIST',
	ui: {
		init: function () {
			this.view();
			this.grid();
			this.ready();
		},
		view: function() {
			// 버튼 권한설정
			fn_proc_btn_auth('STINFO06010');

			// 공통코드 표시
			$('select').each(function() {
				if($(this).data('select-code')) {
					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
				}
			});

			// 조회일자 지정
			$('#ITP_TAB_STINFO06010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
		},
		grid: function() {
			itp_fn_jqgrid_resize(STINFO06010_GRID_ID, STINFO06010_GRID_LIST, 'lg');
			listObj.empty.init();
			itp_fn_fire_window_resize();
		},
		ready: function() {
			listObj.init();
		}
	},
	event: {
		init: function () {
			this.button();
		},
		button: function () {
			// 버튼 클릭 이벤트
			$('button').each(function() {
				var id = $(this).attr('id');
				$(this).on('click', function() {
					switch (id) {
						case 'ITP_BTN_STINFO06010_SRH'				: (this.screenMode === 'List') ? listObj.button.search() : modifyObj.search();		break;	// 조회 버튼 클릭
						case 'ITP_BTN_STINFO06010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
						case 'ITP_BTN_STINFO06010_CANCELLIST'		: listObj.grid.search(); 		break;	// 취소/목록 버튼
						case 'ITP_BTN_STINFO06010_SAVE'				: modifyObj.button.save(); 		break;	// 저장 버튼
					}
				});
			});

		}
	},
	switchScreen: function(mode) {
		$('.itp_det_head').find('button[id^="ITP_BTN_STINFO06010_"]').each(function(i) {
			$(this).hide();
		});
		$('#ITP_TAB_STINFO06010').find('div[id$="_CONTAINER"]').each(function(i) {
			$(this).hide();
		});
		if(mode == 'LIST') { // 목록
			$('#ITP_AJAX_STINFO06010_LIST_CONTAINER').show();
			fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_SRH', '#ITP_BTN_STINFO06010_NEWREG']);
		} else if(mode == 'ADD') { // 등록
			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').show();
			fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_CANCELLIST', '#ITP_BTN_STINFO06010_SAVE']);

			$('#ITP_FORM_STINFO06010_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
				$(this).attr('id') === 'ITP_FORM_STINFO06010_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
				if(elem.type === 'select') {
					$(this).val('').prop('selected', true);
				}
			});

			// 가맹점 정보 설정
			$('#ITP_FORM_STINFO06010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
			$('#ITP_FORM_STINFO06010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));

			$('#ITP_FORM_STINFO06010_DETAIL_STORE_ID').removeAttr('readonly');
			$('#ITP_FORM_STINFO06010_DETAIL_DUP').removeAttr('disabled');

			$('#ITP_FORM_STINFO06010_DETAIL .fnStoreNm').text('(자동부여)');
		} else if(mode == 'MODIFY') { // 수정
			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').show();
			fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_CANCELLIST', '#ITP_BTN_STINFO06010_SAVE', '#ITP_BTN_STINFO06010_RESET_PW']);

			// 가맹점 정보 설정
			$('#ITP_FORM_STINFO06010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
			$('#ITP_FORM_STINFO06010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
		} else if(mode == 'VIEW') { // 보기
			$('#ITP_AJAX_STINFO06010_VIEW_CONTAINER').show();
			fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_MODIFY', '#ITP_BTN_STINFO06010_CANCELLIST']);
		}
		this.screenMode = mode;
	}
};

/*목록화면 Object*/
let listObj = {
	init: function () {
		this.grid.init();
	},
	itp_STINFO06010_search: false,
	button: {
		search: function() {
			listObj.itp_STINFO06010_search = true;
			let param = $('#ITP_FORM_STINFO06010_SEARCH').serializeObject();
			param.gridSize = $.jgrid.defaults.rowNum;
			param.gridPage = $.jgrid.defaults.page;
			$(STINFO06010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
		},
		create: function() {
			if(!fn_make_user_info.isEmpty()) {
				let param = $('#ITP_FORM_STINFO06010_DETAIL').serializeObject();
				modifyObj.init($.param(param));
			}
		}
	},
	empty: {
		init: function() {
			var _this = this;
			this.push();
			$(STINFO06010_GRID_EMPTY).on('click', function() {
				_this.back();
				_this.itp_STINFO06010_param.gridSize = $.jgrid.defaults.rowNum;
				$(STINFO06010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO06010_param)}).trigger('reloadGrid');
			});
		},
		itp_STINFO06010_param: {},
		push: function() {
			let param = $('#ITP_FORM_STINFO06010_SEARCH').serializeObject();
			listObj.itp_STINFO06010_param = param;
		},
		back: function() {
			$('#ITP_FORM_STINFO06010_SERVICE_ST_CD').val(this.itp_STINFO06010_param.sstoreNm);
		}
	},
	grid: {
		init: function () {
			// 데이터 없을때
			listObj.empty.push();
			this.search();
		},
		search: function() {
			pageObj.switchScreen('LIST');
			this.unload();
			this.load();
		},
		load: function() {
			let param = $('#ITP_FORM_STINFO06010_SEARCH').serializeObject();
			param.gridSize = $.jgrid.defaults.rowNum;
			param.sbrandId = fn_make_user_info.get('brandId');

			var option = {
				gridId: STINFO06010_GRID_ID,
				colModel: gridColModel.list,
				param: JSON.stringify(param),
				url: DOMAIN + API_DETAIL_GRID_LIST,
				pager: STINFO06010_GRID_PAGER,
				onCellSelect: function(rowId, cellIdx, cellValue) {
					var cm = $(this).jqGrid('getGridParam', 'colModel');
					var colNm = cm[cellIdx].name;
					if (colNm == 'contSttDt') {
						const storeId = $(this).jqGrid('getCell', rowId, 'storeId');
						const contSttDt = $(this).jqGrid('getCell', rowId, 'contSttDt');
						const contEndDt = $(this).jqGrid('getCell', rowId, 'contEndDt');
						const key = {brandId:fn_make_user_info.get('brandId'), storeId: storeId, contSttDt: contSttDt, contEndDt: contEndDt, viewCd: 'R'};
						var param = $.param(key);
						modifyObj.init(param);
					}
				},
				loadComplete: function(data) {
					console.log(data);
					itp_fn_grid_load_complete(data, STINFO06010_GRID_ID, true, 'number', 'STINFO06010', listObj.itp_STINFO06010_search, listObj.empty, true, data.gridRecords, true);
					var ids = $(STINFO06010_GRID_ID).getDataIDs();
					$.each(ids, function(idx, rowId) {
						$(STINFO06010_GRID_ID).jqGrid('setCell', rowId, 'contSttDt', '', ITP_GRID_COL_STYLE.link);
					});
				},
				onPaging: function(action) {
					itp_fn_grid_paging(STINFO06010_GRID_ID, action, param);
				}
			};
			itp_fn_grid_make_remote(option);
		},
		clearData : function() {
			$(STINFO06010_GRID_ID).jqGrid('clearGridData', true);
			$(STINFO06010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
			$(STINFO06010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
			$(STINFO06010_GRID_EMPTY).show();
		},
		unload : function() {
			$.jgrid.gridUnload(STINFO06010_GRID_ID);
		}
	}
};

/*수정화면 Object*/
let modifyObj = {
	init: function (param) {
		pageObj.switchScreen('MODIFY');
		this.grid.init(param);
	},
	itp_STINFO06010_search: false,
	search: function() {
		listObj.itp_STINFO06010_search = true;
		let param = $('#ITP_FORM_STINFO06010_DETAIL').serializeObject();
		param.gridSize = $.jgrid.defaults.rowNum;
		param.gridPage = $.jgrid.defaults.page;
		$(STINFO06010_DETAIL_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
	},
	button: {
		save: function() {
			itp_fn_grid_save_rows(STINFO06010_DETAIL_GRID_ID);

			var rows = $(STINFO06010_DETAIL_GRID_ID).getRowData();
			let param = {};
			var gridUpdateData = [];
			$.each(rows, function (key, value) {
				if(value.editStatus === 'U') {
					gridUpdateData.push(value);
				}
			});
			param['viewCd'] = 'U';
			param['brandId'] = fn_make_user_info.get('brandId');
			param['storeId'] = fn_make_user_info.get('userId');
			param['gridUpdateData'] = gridUpdateData;
			console.log(JSON.stringify(param));
			var searhFn = function() {
				listObj.grid.search();
			};
			fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
		}
	},
	empty: {
		init: function() {
			var _this = this;
			this.push();
			$(STINFO06010_DETAIL_GRID_EMPTY).on('click', function() {
				_this.back();
				_this.itp_STINFO06010_param.gridSize = $.jgrid.defaults.rowNum;
				$(STINFO06010_DETAIL_GRID_ID).setGridParam($.param(_this.itp_STINFO06010_param)).trigger('reloadGrid');
			});
		},
		itp_STINFO06010_param: {},
		push: function() {
			let param = $('#ITP_FORM_STINFO06010_DETAIL').serializeObject();
			listObj.itp_STINFO06010_param = param;
		},
		back: function() {
		}
	},
	grid: {
		init: function (param) {
			// 데이터 없을때
			listObj.empty.push();
			this.unload();
			this.load(param);
		},
		load: function(param) {
			var option = {
				gridId: STINFO06010_DETAIL_GRID_ID,
				colModel: gridColModel.detail,
				mtype: 'GET',
				param: param,
				url: DOMAIN + API_DETAIL_INFO,
				loadComplete: function(data) {
					console.log(data);
					itp_fn_grid_load_complete(data, STINFO06010_DETAIL_GRID_ID, false, 'number', 'STINFO06010', modifyObj.itp_STINFO06010_search, modifyObj.empty, true, data.gridRecords, true);
				},
				// onCelSelect: function(rowId, cellIdx, cellValue) {
				// 	STINFO06010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowId, cellIdx, STINFO06010_GRID_LAST_ROW_ID, STINFO06010_DETAIL_GRID_ID, ['itemId']);
				// },
				ondblClickRow : function (rowid, iRow, iCol) {
					console.log('rowId ===> ' + rowid);
					STINFO06010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowid, iRow, STINFO06010_GRID_LAST_ROW_ID, STINFO06010_DETAIL_GRID_ID, ['itemId']);
					$('#' + rowid + "_stddQty").blur(function(){
						console.log('_stddQty ===> ' + '#' + rowid + "_stddQty");
						$(STINFO06010_DETAIL_GRID_ID).jqGrid('saveRow', rowid, true, 'clientArray');
						if($(STINFO06010_DETAIL_GRID_ID).jqGrid('getRowData', rowid, 'editStatus') !== 'U') {
							$(STINFO06010_DETAIL_GRID_ID).jqGrid('setRowData', rowid, {editStatus: 'U'});
						}
					});
				},
				onPaging: function(action) {
					itp_fn_grid_paging(STINFO06010_GRID_ID, action, param);
				}
			};
			itp_fn_grid_make_remote(option);
		},
		clearData : function() {
			$(STINFO06010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
			$(STINFO06010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
			$(STINFO06010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
			$(STINFO06010_DETAIL_GRID_EMPTY).show();
		},
		unload : function() {
			$.jgrid.gridUnload(STINFO06010_DETAIL_GRID_ID);
		}
	}
};