ITP_OPER02010.js 25 KB

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