ITP_OPER02010.js 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699
  1. require(['config'], function() {
  2. require([
  3. 'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
  4. ], function($) {
  5. pageObj.init();
  6. });
  7. });
  8. const OPER02010_GRID_ID = '#ITP_OPER02010_jqGrid';
  9. const OPER02010_GRID_LIST = '#ITP_OPER02010_jqGrid_list';
  10. const OPER02010_GRID_PAGER = '#ITP_OPER02010_jqGridPager';
  11. const OPER02010_GRID_EMPTY = '#ITP_OPER02010_jqGridEmpty';
  12. const OPER02010_VIEW_GRID_ID = '#ITP_OPER02010_VIEW_jqGrid';
  13. const OPER02010_VIEW_GRID_LIST = '#ITP_OPER02010_VIEW_jqGrid_list';
  14. const OPER02010_VIEW_GRID_PAGER = '#ITP_OPER02010_VIEW_jqGridPager';
  15. const OPER02010_VIEW_GRID_EMPTY = '#ITP_OPER02010_VIEW_jqGridEmpty';
  16. const OPER02010_DETAIL_GRID_ID = '#ITP_OPER02010_DETAIL_jqGrid';
  17. const OPER02010_DETAIL_GRID_LIST = '#ITP_OPER02010_DETAIL_jqGrid_list';
  18. const OPER02010_DETAIL_GRID_PAGER = '#ITP_OPER02010_DETAIL_jqGridPager';
  19. const OPER02010_DETAIL_GRID_EMPTY = '#ITP_OPER02010_DETAIL_jqGridEmpty';
  20. let ITP_FORM_OPER02010_DETAIL_IS_WRITING = false;
  21. let NTICE_SAVE_NTICE = '/api/ntice/save-ntice';
  22. let NTICE_DETAIL_GRID_LIST = '/api/ntice/detail-grid-list';
  23. let NTICE_INFO_NTICE = '/api/ntice/info-ntice';
  24. let NTICE_TARGET_GRID_LIST = '/api/ntice/target-grid-list';
  25. // Grid Column Model
  26. const gridColModel = {
  27. // 목록
  28. list: [
  29. {
  30. index: 'NTICE_NO', name: 'nticeNo',
  31. label: ITP_MSG_LOCALE.label.notiNo, //공지번호
  32. width: '10', fixed: false, align: 'center',
  33. sortable: false, hidden: false
  34. },
  35. {
  36. index: 'AFFL_SHOP_NM', name: 'afflShopNm',
  37. label: ITP_MSG_LOCALE.label.afflShopNm, //가맹점
  38. width: '10', fixed: false, align: 'center',
  39. sortable: false, hidden: false
  40. },
  41. {
  42. index: 'BRAND_NM', name: 'brandNm',
  43. label: ITP_MSG_LOCALE.label.brandNm, //브랜드
  44. width: '13', fixed: false, align: 'center',
  45. sortable: false, hidden: false
  46. },
  47. {
  48. index: 'NTICE_TITL', name: 'nticeTitl',
  49. label: ITP_MSG_LOCALE.label.titlet, //공지제목
  50. width: '15', fixed: false, align: 'center',
  51. sortable: false, hidden: false
  52. },
  53. {
  54. index: 'TARGET_NM', name: 'targetNm',
  55. label: ITP_MSG_LOCALE.label.targetNm, //공지대상
  56. width: '10', fixed: false, align: 'center',
  57. sortable: false, hidden: false
  58. },
  59. {
  60. index: 'NTICE_STAT_NM', name: 'nticeStatNm',
  61. label: ITP_MSG_LOCALE.label.status, //상태
  62. width: '6', fixed: false, align: 'center',
  63. sortable: false, hidden: false
  64. },
  65. {
  66. index: 'NOTI_ST_DAY', name: 'notiStDay',
  67. label: ITP_MSG_LOCALE.label.viewDt, //노출일
  68. width: '10', fixed: false, align: 'center',
  69. sortable: false, hidden: false
  70. },
  71. {
  72. index: 'ADD_DT', name: 'addDt',
  73. label: ITP_MSG_LOCALE.label.regDt, //등록일
  74. width: '10', fixed: false, align: 'center',
  75. sortable: false, hidden: false
  76. }
  77. ],
  78. detail: [
  79. {
  80. index: 'VIEW_CD', name: 'viewCd',
  81. label: ITP_MSG_LOCALE.label.viewCd,
  82. width: '10', fixed: false, align: 'center',
  83. sortable: false, hidden: true
  84. },
  85. {
  86. index: 'NTICE_NO', name: 'nticeNo',
  87. label: ITP_MSG_LOCALE.label.notiNo,
  88. width: '10', fixed: false, align: 'center',
  89. sortable: false, hidden: true
  90. },
  91. {
  92. index: 'BRAND_ID', name: 'brandId',
  93. label: ITP_MSG_LOCALE.label.brandId,
  94. width: '20', fixed: false, align: 'center',
  95. sortable: false, editable: false, edittype: 'text'
  96. },
  97. {
  98. index: 'BRAND_NM', name: 'brandNm',
  99. label: ITP_MSG_LOCALE.label.brandNm,
  100. width: '30', fixed: false, align: 'center',
  101. sortable: false, editable: false, edittype: 'text'
  102. }
  103. ],
  104. brand: [
  105. {
  106. index: 'VIEW_CD', name: 'viewCd',
  107. label: ITP_MSG_LOCALE.label.viewCd,
  108. width: '10', fixed: false, align: 'center',
  109. sortable: false, hidden: true
  110. },
  111. {
  112. index: 'BRAND_ID', name: 'brandId',
  113. label: ITP_MSG_LOCALE.table.brandId,
  114. width: '20', fixed: false, align: 'center',
  115. sortable: false, editable: false, edittype: 'text'
  116. },
  117. {
  118. index: 'BRAND_NM', name: 'brandNm',
  119. label: ITP_MSG_LOCALE.table.brandNm,
  120. width: '30', fixed: false, align: 'center',
  121. sortable: false, editable: false, edittype: 'text'
  122. }
  123. ]
  124. };
  125. /********************************************************
  126. --------------------------------------------------------
  127. - Object 목록 -
  128. --------------------------------------------------------
  129. * let pageObj = {} : 화면공통 Object *
  130. * let listObj = {} : 목록화면 Object *
  131. * let viewObj = {} : 상세화면 Object *
  132. * let modifyObj = {} : 수정화면 Object *
  133. * let createObj = {} : 신규화면 Object *
  134. *******************************************************/
  135. /*화면공통 Object*/
  136. let pageObj = {
  137. init: function () {
  138. this.ui.init();
  139. this.event.init();
  140. },
  141. ui: {
  142. init: function () {
  143. this.button();
  144. this.ready();
  145. },
  146. button: function () {
  147. // 버튼 권한설정
  148. fn_proc_btn_auth('OPER02010');
  149. // 공통코드 표시
  150. $('select').each(function() {
  151. if($(this).data('select-code')) {
  152. fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
  153. }
  154. });
  155. // 조회일자 지정
  156. var now = new Date();
  157. $('#ITP_TAB_OPER02010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
  158. $('#ITP_FORM_OPER02010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
  159. $('#ITP_FORM_OPER02010_SEARCH_TO_DT').datepicker('setDate', new Date());
  160. },
  161. ready: function () {
  162. listObj.init();
  163. // 가맹점 조회
  164. afflShopObj.init();
  165. }
  166. },
  167. event: {
  168. init: function () {
  169. this.button();
  170. },
  171. button: function () {
  172. // 버튼 클릭 이벤트
  173. $('button').each(function() {
  174. var id = $(this).attr('id');
  175. $(this).on('click', function() {
  176. switch (id) {
  177. case 'ITP_BTN_OPER02010_SRH' : listObj.button.search(); break; // 조회 버튼 클릭
  178. case 'ITP_BTN_OPER02010_NEWREG' : listObj.button.create(); break; // 신규등록 버튼
  179. case 'ITP_BTN_OPER02010_MODIFY' : modifyObj.button.modify(); break; // 수정 버튼
  180. case 'ITP_BTN_OPER02010_CANCELLIST' : createObj.button.cancel(); break; // 취소/목록 버튼
  181. case 'ITP_BTN_OPER00210_DELETE' : break; // 삭제 버튼
  182. case 'ITP_BTN_OPER02010_SAVE' : createObj.button.save(); break; // 저장 버튼
  183. case 'ITP_BTN_OPER02010_DETAIL_ADDROW' : createObj.button.addRow(); break; // 상세:추가버튼
  184. case 'ITP_BTN_OPER02010_DETAIL_DELROW' : createObj.button.delRow(); break; // 상세:삭제버튼
  185. }
  186. });
  187. });
  188. }
  189. },
  190. switchScreen: function(mode) {
  191. $('.itp_det_head').find('button[id^="ITP_BTN_OPER02010_"]').each(function(i) {
  192. $(this).hide();
  193. });
  194. $('div[id$="_CONTAINER"]').each(function(i) {
  195. if($(this).attr('id').startsWith('ITP_AJAX_OPER02010')) {
  196. $(this).hide();
  197. }
  198. });
  199. if(mode === 'LIST') { // 목록
  200. fn_show_btn_auth_array(['#ITP_BTN_OPER02010_SRH', '#ITP_BTN_OPER02010_NEWREG']);
  201. $('#ITP_AJAX_OPER02010_LIST_CONTAINER').show();
  202. } else if(mode == 'ADD') { // 등록
  203. fn_show_btn_auth_array(['#ITP_BTN_OPER02010_CANCELLIST', '#ITP_BTN_OPER02010_SAVE']);
  204. $('#ITP_AJAX_OPER02010_DETAIL_CONTAINER').show();
  205. $('input[id^="ITP_FORM_OPER02010_DETAIL_"]').each(function(i) {
  206. ($(this).attr('id') === 'ITP_FORM_OPER02010_DETAIL_VIEW_CD') ? $(this).val('C') : $(this).val('');
  207. });
  208. $('#ITP_FORM_OPER02010_FROM_DT').datepicker('setDate', new Date());
  209. $('#ITP_FORM_OPER02010_TO_DT').datepicker('setDate', new Date());
  210. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_AFFL_SHOP_ID').val('');
  211. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_AFFL_SHOP_NM').val('').prop('readonly', true);
  212. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SEARCH_BRAND_ID option').remove();
  213. } else if(mode === 'MODIFY') { // 수정
  214. fn_show_btn_auth_array(['#ITP_BTN_OPER02010_CANCELLIST', '#ITP_BTN_OPER02010_SAVE', '#ITP_BTN_OPER02010_RESET_PW']);
  215. $('#ITP_AJAX_OPER02010_DETAIL_CONTAINER').show();
  216. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_AFFL_SHOP_NM').prop('readonly', true);
  217. } else if(mode === 'VIEW') { // 보기
  218. fn_show_btn_auth_array(['#ITP_BTN_OPER02010_MODIFY', '#ITP_BTN_OPER02010_CANCELLIST']);
  219. $('#ITP_AJAX_OPER02010_VIEW_CONTAINER').show();
  220. }
  221. },
  222. grid: {
  223. init: function(mode) {
  224. this.gridId = (mode === 'VIEW') ? OPER02010_VIEW_GRID_ID : OPER02010_DETAIL_GRID_ID;
  225. this.unload();
  226. this.load(mode);
  227. },
  228. gridId: '',
  229. load : function(mode) {
  230. let param = $('#ITP_FORM_OPER02010_' + mode).serializeObject();
  231. param.gridSize = $.jgrid.defaults.rowNum;
  232. param.pagingYn = false; // 페이지안함
  233. var _gridId = this.gridId;
  234. var option = {
  235. gridId: _gridId,
  236. colModel: gridColModel.detail,
  237. param: JSON.stringify(param),
  238. url: DOMAIN + NTICE_TARGET_GRID_LIST,
  239. multiselect: (mode !== 'VIEW'),
  240. loadComplete: function(data) {
  241. console.log(data);
  242. itp_fn_grid_load_complete(data, _gridId, true, undefined, 'OPER02010_' + mode);
  243. },
  244. onSortCol: function(index, columnIndex, sortOrder) {
  245. var sortingFn = {
  246. callBack: function(args) {
  247. $(args).trigger('reloadGrid');
  248. }
  249. };
  250. if (itp_fn_check_grid_is_writing(_gridId)) {
  251. itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, _gridId);
  252. return 'stop';
  253. } else {
  254. itp_fn_grid_sorting(_gridId, index, sortOrder);
  255. }
  256. }
  257. };
  258. itp_fn_grid_make_not_paging(option);
  259. },
  260. resetGrid: function(e) {
  261. var gridId = this.gridId.replace('#', '');
  262. var rids = $(this.gridId).jqGrid('getDataIDs');
  263. var last_row_id = rids[rids.length - 1];
  264. itp_fn_grid_reset_selection(e, last_row_id, gridId, 'OPER02010_' + mode);
  265. },
  266. unload : function() {
  267. $.jgrid.gridUnload(this.gridId);
  268. }
  269. }
  270. };
  271. /*목록화면 Object*/
  272. let listObj = {
  273. init: function () {
  274. // Grid
  275. this.grid.init();
  276. },
  277. button: {
  278. search: function () {
  279. listObj.grid.itp_OPER02010_search = true;
  280. let param = $('#ITP_FORM_OPER02010_SEARCH').serializeObject();
  281. param.gridSize = $.jgrid.defaults.rowNum;
  282. param.gridPage = $.jgrid.defaults.page;
  283. $(OPER02010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
  284. },
  285. create: function () {
  286. pageObj.switchScreen('ADD');
  287. itp_fn_form_clear_validate(null, '#ITP_FORM_OPER02010_DETAIL');
  288. createObj.init();
  289. }
  290. },
  291. grid: {
  292. init: function() {
  293. // 데이터 없을때
  294. this.itp_fn_OPER02010_empty.push();
  295. itp_fn_jqgrid_resize(OPER02010_GRID_ID, OPER02010_GRID_LIST, 'lg');
  296. itp_fn_fire_window_resize();
  297. this.search();
  298. },
  299. itp_OPER02010_param: {},
  300. itp_OPER02010_search: false,
  301. colModel: gridColModel.list,
  302. search: function() {
  303. pageObj.switchScreen('LIST');
  304. this.unload();
  305. this.load();
  306. },
  307. load: function() {
  308. var _this = this;
  309. let param = $('#ITP_FORM_OPER02010_SEARCH').serializeObject();
  310. param.gridSize = $.jgrid.defaults.rowNum;
  311. var option = {
  312. gridId: OPER02010_GRID_ID,
  313. colModel: this.colModel,
  314. param: JSON.stringify(param),
  315. url: DOMAIN + NTICE_DETAIL_GRID_LIST,
  316. pager: OPER02010_GRID_PAGER,
  317. onCellSelect: function(rowId, cellIdx, cellValue) {
  318. var cm = $(this).jqGrid('getGridParam', 'colModel');
  319. var colNm = cm[cellIdx].name;
  320. if (colNm == 'nticeTitl') {
  321. const nticeNoVal = $(this).jqGrid('getCell', rowId, 'nticeNo');
  322. const key = {nticeNo: nticeNoVal, viewCd: 'R'};
  323. var param = $.param(key);
  324. viewObj.init(param);
  325. }
  326. },
  327. loadComplete: function(data) {
  328. console.log(data);
  329. itp_fn_grid_load_complete(data, OPER02010_GRID_ID, true, 'number', 'OPER02010', listObj.grid.itp_OPER02010_search, _this.itp_fn_OPER02010_empty, true, data.gridRecords, true);
  330. var ids = $(OPER02010_GRID_ID).getDataIDs();
  331. $.each(ids, function(idx, rowId) {
  332. $(OPER02010_GRID_ID).jqGrid('setCell', rowId, 'nticeTitl', '', ITP_GRID_COL_STYLE.link);
  333. // $(OPER02010_GRID_ID).jqGrid('setCell', rowId, 'afflShopNm', '', ITP_GRID_COL_STYLE.link);
  334. });
  335. if ($('#ITP_CONTAINER').data('openYn') == 'Y') {
  336. $('#ITP_CONTAINER').data('openYn', 'N');
  337. const keyNew = {nticeNo: $('#ITP_CONTAINER').data('nticeNo'), viewCd: 'R'};
  338. var paramNew = $.param(keyNew);
  339. viewObj.init(paramNew);
  340. }
  341. }
  342. };
  343. itp_fn_grid_make_remote(option);
  344. },
  345. itp_fn_OPER02010_empty: {
  346. push: function() {
  347. let param = $('#ITP_FORM_OPER02010_SEARCH').serializeObject();
  348. listObj.grid.itp_OPER02010_param = param;
  349. },
  350. back: function() {
  351. var _this = listObj.grid;
  352. $('#ITP_FORM_OPER02010_DEVI_TP_CD').val(_this.itp_OPER02010_param.safflShopId);
  353. $('#ITP_FORM_OPER02010_ORDER_YN').val(_this.itp_OPER02010_param.safflShopNm);
  354. $('#ITP_FORM_OPER02010_ADT_AUTH_CD').val(_this.itp_OPER02010_param.sbrandId);
  355. $('#ITP_FORM_OPER02010_EMAIL_RCV_YN').val(_this.itp_OPER02010_param.snticeTitl);
  356. $('#ITP_FORM_OPER02010_FROM_DT').val(_this.itp_OPER02010_param.fromDt);
  357. $('#ITP_FORM_OPER02010_TO_DT').val(_this.itp_OPER02010_param.toDt);
  358. }
  359. },
  360. reload : function() {
  361. var _this = this;
  362. $(OPER02010_GRID_EMPTY).off('click').on('click', function() {
  363. _this.itp_fn_OPER02010_empty.back();
  364. _this.itp_OPER02010_param.gridSize = $.jgrid.defaults.rowNum;
  365. $(OPER02010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_OPER02010_param)}).trigger('reloadGrid');
  366. });
  367. },
  368. clearData : function() {
  369. $(OPER02010_GRID_ID).jqGrid('clearGridData', true);
  370. $(OPER02010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
  371. $(OPER02010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
  372. $(OPER02010_GRID_EMPTY).show();
  373. },
  374. unload : function() {
  375. $.jgrid.gridUnload(OPER02010_GRID_ID);
  376. }
  377. }
  378. };
  379. /*상세화면 Object*/
  380. let viewObj = {
  381. init: function (param) {
  382. this.load(param);
  383. },
  384. button: {
  385. },
  386. load: function(param) {
  387. fn_ajax_call(NTICE_INFO_NTICE, param, this.callback, 'GET');
  388. },
  389. callback: function (result) {
  390. console.log(result);
  391. pageObj.switchScreen('VIEW');
  392. $('#ITP_FORM_OPER02010_VIEW #ITP_FORM_OPER02010_VIEW_USER_ID').val(result.nticeNo);
  393. $('#ITP_FORM_OPER02010_VIEW .fnNticeTitl').text(result.nticeTitl);
  394. $('#ITP_FORM_OPER02010_VIEW .fnNotiDay').text(result.notiStDay+' ~ '+result.notiEdDay);
  395. $('#ITP_FORM_OPER02010_VIEW .fnDelYn').text(result.delYn);
  396. $('#ITP_FORM_OPER02010_VIEW .fnNticeDesc').html(result.nticeDesc.replace(/(\n|\r\n)/g, '<br>'));
  397. $('#ITP_FORM_OPER02010_VIEW .fnTargetNm').text(result.targetNm);
  398. $('#ITP_FORM_OPER02010_VIEW_FILE_NO').val(result.fileNo); //파일번호 셋팅
  399. //파일업로드(뷰화면)
  400. $('#ITP_OPER02010_VIEW_UPLOAD').empty();
  401. const fileArgs = {
  402. 'fileNo': $('#ITP_FORM_OPER02010_VIEW_FILE_NO').val(),
  403. 'viewCd': $('#ITP_FORM_OPER02010_VIEW_VIEW_CD').val()
  404. };
  405. itp_fn_set_file_upload('ITP_OPER02010_VIEW_UPLOAD', 'notice', true, false, 'OPER02010', fileArgs);
  406. // 권한정보 리스트 조회
  407. pageObj.grid.init('VIEW');
  408. }
  409. };
  410. /*수정화면 Object*/
  411. let modifyObj = {
  412. init: function (param) {
  413. },
  414. button: {
  415. modify: function () {
  416. itp_fn_form_clear_validate(null, '#ITP_FORM_OPER02010_DETAIL');
  417. const nticeNoVal = $('#ITP_FORM_OPER02010_VIEW_USER_ID').val();
  418. const key = {nticeNo: nticeNoVal, viewCd: 'R'};
  419. var param = $.param(key);
  420. modifyObj.load(param);
  421. }
  422. },
  423. load: function(param) {
  424. fn_ajax_call(NTICE_INFO_NTICE, param, this.callback, 'GET');
  425. },
  426. callback: function (result) {
  427. console.log(result);
  428. pageObj.switchScreen('MODIFY');
  429. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_VIEW_CD').val('U');
  430. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_NTICE_NO').val(result.nticeNo);
  431. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_NTICE_TITL').val(result.nticeTitl);
  432. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_FROM_DT').val(result.notiStDay);
  433. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_TO_DT').val(result.notiEdDay);
  434. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DEL_YN').val(result.delYn);
  435. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_NTICE_DESC').val(result.nticeDesc);
  436. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_TARGET_CD').val(result.targetCd);
  437. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_BRAND').prop('checked', result.brandChk === 'Y');
  438. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_STORE').prop('checked', result.shopChk === 'Y');
  439. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SPPLY').prop('checked', result.supplyChk === 'Y');
  440. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_BRAND_CHK').val(result.brandChk);
  441. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_STORE_CHK').val(result.shopChk);
  442. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SPPLY_CHK').val(result.supplyChk);
  443. $('#ITP_FORM_OPER02010_DETAIL_FILE_NO').val(result.fileNo); //파일번호 셋팅
  444. // 가맹점 셋팅
  445. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP_ID').val(result.afflShopId);
  446. $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP_NM').val(result.afflShopNm);
  447. // $('#ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP').attr('disabled', true);
  448. // $('#ITP_FORM_OPER02010_DETAIL_DELETE_AFFL_SHOP').attr('disabled', true);
  449. // $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
  450. // $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_SEARCH_BRAND_ID').attr('readonly', true);
  451. if(result.brandId && result.brandId != '') {
  452. var brandList = [{'brandId':result.brandId, 'brandNm':result.brandNm}];
  453. fn_make_select_brand(brandList, 'ITP_FORM_OPER02010_DETAIL_SEARCH_BRAND_ID');
  454. }
  455. let targetIndex = $('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_TARGET_CD option').index($('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_TARGET_CD option:selected'));
  456. // if(targetIndex > 0) {
  457. if(result.targetCd && result.targetCd != '') {
  458. $('#ITP_BTN_OPER02010_DETAIL_ADDROW').attr('disabled', false);
  459. $('#ITP_BTN_OPER02010_DETAIL_DELROW').attr('disabled', false);
  460. }
  461. //파일업로드(수정화면)
  462. $('#ITP_OPER02010_DETAIL_UPLOAD').empty();
  463. const fileArgs = {
  464. 'fileNo': $('#ITP_FORM_OPER02010_DETAIL_FILE_NO').val(),
  465. 'viewCd': $('#ITP_FORM_OPER02010_DETAIL_VIEW_CD').val(),
  466. 'showYn': $('#ITP_OPER02010_DETAIL_UPLOAD').attr('data-show-yn'),
  467. 'fileId': '#ITP_FORM_OPER02010_DETAIL_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
  468. };
  469. itp_fn_set_file_upload('ITP_OPER02010_DETAIL_UPLOAD', 'notice', true, false, 'OPERATION02010', fileArgs);
  470. // 리스트 조회
  471. createObj.form.init();
  472. pageObj.grid.init('DETAIL');
  473. }
  474. };
  475. /*신규화면 Object*/
  476. let createObj = {
  477. init: function () {
  478. this.form.init();
  479. this.load();
  480. },
  481. form: {
  482. init: function () {
  483. this.selectbox();
  484. this.checkbox();
  485. },
  486. selectbox: function () {
  487. // 브랜드 selectbox 선택
  488. $('#ITP_FORM_OPER02010_DETAIL_BRAND_ID').off('change').on('change', function() {
  489. if(this.selectedIndex > 0) {
  490. $('#ITP_FORM_OPER02010_DETAIL_TARGET_CD option:eq(0)').prop('selected', true);
  491. $('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').prop('disabled', true).trigger('change');
  492. } else {
  493. $('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').prop('disabled', false);
  494. }
  495. });
  496. // 공지대상 selectbox 선택
  497. $('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').off('change').on('change', function() {
  498. if(this.selectedIndex > 0) {
  499. $('#ITP_BTN_OPER02010_DETAIL_ADDROW').prop('disabled', false);
  500. $('#ITP_BTN_OPER02010_DETAIL_DELROW').prop('disabled', false);
  501. } else {
  502. $('#ITP_BTN_OPER02010_DETAIL_ADDROW').prop('disabled', true);
  503. $('#ITP_BTN_OPER02010_DETAIL_DELROW').prop('disabled', true);
  504. $(OPER02010_DETAIL_GRID_ID).jqGrid('clearGridData');
  505. }
  506. });
  507. },
  508. checkbox: function () {
  509. // 공지대상 checkbox 선택
  510. $('#ITP_FORM_OPER02010_TARGET').find('input:checkbox').off('change').on('change', function() {
  511. $(this).next().val($(this).is(':checked') ? 'Y' : '');
  512. });
  513. }
  514. },
  515. button: {
  516. addRow: function() {
  517. // 팝업
  518. var popFn = function(rowDataPop) {
  519. console.log(rowDataPop);
  520. // 기존등록 사용자ID
  521. var exists = '';
  522. const rowData = $(OPER02010_DETAIL_GRID_ID).getRowData();
  523. $.each(rowData, function(key, value) {
  524. exists = exists + value.brandId + ';';
  525. });
  526. $.each(rowDataPop, function(key, value) {
  527. // console.log(JSON.stringify(value));
  528. // console.log(exists.indexOf(value.userId));
  529. if(exists.indexOf(value.brandId) < 0) {
  530. $(OPER03010_DETAIL_GRID_ID).jqGrid('addRowData', value.brandId, value, 'last');
  531. var rids = $(OPER01010_DETAIL_GRID_ID).jqGrid('getDataIDs');
  532. var last_row_id = rids[rids.length - 1];
  533. $(OPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'viewCd', 'C');
  534. // 행추가
  535. // $(OPER02010_DETAIL_GRID_ID).jqGrid('addRow', {position: 'last'});
  536. // var rids = $(OPER02010_DETAIL_GRID_ID).jqGrid('getDataIDs');
  537. // var last_row_id = rids[rids.length - 1];
  538. // $(OPER02010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'viewCd', 'C');
  539. // $(OPER02010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'brandId', value.brandId);
  540. // $(OPER02010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'brandNm', value.brandNm);
  541. }
  542. });
  543. $(OPER02010_DETAIL_GRID_EMPTY).hide();
  544. };
  545. var agrs = {'afflShopId': $('#ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP_ID').val()};
  546. fn_call_popup('biz', 'BIZPOP_AFFL_BRAND', '#ITP_ASIDE', popFn, agrs, 'S');
  547. },
  548. delRow: function() {
  549. itp_fn_grid_del_row(OPER02010_DETAIL_GRID_ID);
  550. },
  551. save: function() {
  552. const formId = '#ITP_FORM_OPER02010_DETAIL';
  553. itp_fn_form_clear_validate(null, formId);
  554. var vali_nticeNo = itp_fn_form_validate(formId, formId + '_NTICE_TITL', ['empty'], undefined);
  555. var vali_nticeDesc = itp_fn_form_validate(formId, formId + '_NTICE_DESC', ['empty'], undefined);
  556. var vali_targetCd = itp_fn_form_validate(formId, formId + '_TARGET_CD', ['empty'], undefined);
  557. if (vali_nticeNo && vali_nticeDesc && vali_targetCd) {
  558. let gridInsertData = [];
  559. let gridUpdateData = [];
  560. let gridDeleteData = [];
  561. const rowData = $(OPER02010_DETAIL_GRID_ID).getRowData();
  562. const keyValue = $(formId + '_USER_ID').val();
  563. $.each(rowData, function(key, value) {
  564. if (value.viewCd != 'R') {
  565. value.nticeNo = keyValue;
  566. if (value.viewCd == 'C') {
  567. gridInsertData.push(value);
  568. } else if (value.viewCd == 'U') {
  569. gridUpdateData.push(value);
  570. } else if (value.viewCd == 'D') {
  571. gridDeleteData.push(value);
  572. }
  573. }
  574. });
  575. $('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').attr('disabled', false);
  576. let param = $(formId).serializeObject();
  577. param.gridInsertData = gridInsertData;
  578. param.gridUpdateData = gridUpdateData;
  579. param.gridDeleteData = gridDeleteData;
  580. // console.log(JSON.stringify(param));
  581. var searhFn = function() {
  582. ITP_FORM_OPER02010_DETAIL_IS_WRITING = false;
  583. listObj.grid.search();
  584. };
  585. fn_ajax_call(NTICE_SAVE_NTICE, JSON.stringify(param), searhFn, 'POST');
  586. }
  587. },
  588. cancel: function() {
  589. listObj.grid.search();
  590. }
  591. },
  592. load: function () {
  593. //파일업로드(등록화면)
  594. $('#ITP_FORM_OPER02010_DETAIL_FILE_NO').val('');
  595. $('#ITP_OPER02010_DETAIL_UPLOAD').empty();
  596. const fileArgs = {
  597. 'fileNo': $('#ITP_FORM_OPER02010_DETAIL_FILE_NO').val(),
  598. 'viewCd': $('#ITP_FORM_OPER02010_DETAIL_VIEW_CD').val(),
  599. 'showYn': $('#ITP_OPER02010_DETAIL_UPLOAD').attr('data-show-yn'),
  600. 'fileId': '#ITP_FORM_OPER02010_DETAIL_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
  601. };
  602. itp_fn_set_file_upload('ITP_OPER02010_DETAIL_UPLOAD', 'notice', true, false, 'OPER02010', fileArgs);
  603. // 권한정보 리스트 조회
  604. pageObj.grid.init('DETAIL');
  605. }
  606. };
  607. /*가맹점 조회 Object*/
  608. let afflShopObj = {
  609. init: function() {
  610. (AUTH_TYPE_CD === '10' || AUTH_TYPE_CD === '20') ? this.action() : this.make();
  611. },
  612. button: function() {
  613. var _this = this;
  614. // 가맹점 조회 버튼 클릭
  615. $('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_BTN').on('click', function() {
  616. _this.popup('L');
  617. });
  618. // 가맹점 텍스트 삭제 버튼 클릭
  619. $('#ITP_FORM_OPER02010_DELETE_AFFL_SHOP_BTN').on('click', function() {
  620. $('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_ID').val('');
  621. $('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_NM').val('');
  622. $('select#ITP_FORM_OPER02010_SEARCH_BRAND_ID option').remove();
  623. });
  624. // 신규등록 가맹점 조회 버튼 클릭
  625. $('#ITP_FORM_OPER02010_DETAIL_SEARCH_AFFL_SHOP').on('click', function() {
  626. _this.popup('C');
  627. });
  628. // 신규등록 가맹점 텍스트 삭제 버튼 클릭
  629. $('#ITP_FORM_OPER02010_DETAIL_DELETE_AFFL_SHOP').on('click', function() {
  630. $('#ITP_FORM_OPER02010_DETAIL_AFFL_SHOP_ID').val('');
  631. $('#ITP_FORM_OPER02010_DETAIL_AFFL_SHOP_NM').val('');
  632. $('select#ITP_FORM_OPER02010_DETAIL_BRAND_ID option').remove();
  633. $('#ITP_FORM_OPER02010_DETAIL_TARGET_CD option:eq(0)').prop('selected', true);
  634. $('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').trigger('change');
  635. });
  636. },
  637. make: function() {
  638. $('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP').hide();
  639. $('#ITP_FORM_OPER02010_DELETE_AFFL_SHOP').hide();
  640. if(AFFL_SHOP_LIST) {
  641. $('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_ID').val(AFFL_SHOP_LIST[0].afflShopId);
  642. $('#ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_NM').val(AFFL_SHOP_LIST[0].afflShopNm);
  643. }
  644. if(AFFL_BRAND_LIST) {
  645. fn_make_select_brand(AFFL_BRAND_LIST, 'ITP_FORM_OPER02010_SEARCH_BRAND_ID');
  646. }
  647. },
  648. action: function() {
  649. this.button();
  650. },
  651. popup: function (view) {
  652. // 팝업
  653. var popFn = function(rowDataPop) {
  654. console.log(rowDataPop);
  655. var id = (view === 'C') ? 'ITP_FORM_OPER02010_DETAIL' : 'ITP_FORM_OPER02010_SEARCH';
  656. console.log(id);
  657. if(rowDataPop.AFFL_SHOP) {
  658. $('#'+ id + '_AFFL_SHOP_ID').val(rowDataPop.AFFL_SHOP.afflShopId);
  659. $('#'+ id + '_AFFL_SHOP_NM').val(rowDataPop.AFFL_SHOP.afflShopNm);
  660. }
  661. if(rowDataPop.AFFL_BRAND) {
  662. fn_make_select_brand(rowDataPop.AFFL_BRAND, id + '_BRAND_ID', true, '선택');
  663. }
  664. };
  665. fn_call_popup('biz', 'BIZPOP_AFFL_SHOP', '#ITP_ASIDE', popFn, null, 'S');
  666. }
  667. };