ITP_STINFO03010.js 30 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773
  1. require(['config'], function() {
  2. require([
  3. 'kakao.map.util',
  4. 'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
  5. ], function($) {
  6. pageObj.init();
  7. });
  8. });
  9. /********************************************************
  10. --------------------------------------------------------
  11. - Object 목록 -
  12. --------------------------------------------------------
  13. * const gridColModel = {} : 화면 Grid Object *
  14. * let pageObj = {} : 화면공통 Object *
  15. * let listObj = {} : 목록화면 Object *
  16. * let viewObj = {} : 상세화면 Object *
  17. * let modifyObj = {} : 수정화면 Object *
  18. * let createObj = {} : 신규화면 Object *
  19. * let sfflyObj = {} : 공급업체담당자 Object *
  20. *******************************************************/
  21. //[grid]
  22. /*화면 변수*/
  23. const STINFO03010_GRID_ID = '#ITP_STINFO03010_jqGrid';
  24. const STINFO03010_GRID_LIST = '#ITP_STINFO03010_jqGrid_list';
  25. const STINFO03010_GRID_PAGER = '#ITP_STINFO03010_jqGridPager';
  26. const STINFO03010_GRID_EMPTY = '#ITP_STINFO03010_jqGridEmpty';
  27. const STINFO03010_VIEW_GRID_ID = '#ITP_STINFO03010_VIEW_jqGrid';
  28. const STINFO03010_VIEW_GRID_LIST = '#ITP_STINFO03010_VIEW_jqGrid_list';
  29. const STINFO03010_VIEW_GRID_PAGER = '#ITP_STINFO03010_VIEW_jqGridPager';
  30. const STINFO03010_VIEW_GRID_EMPTY = '#ITP_STINFO03010_VIEW_jqGridEmpty';
  31. const STINFO03010_DETAIL_GRID_ID = '#ITP_STINFO03010_DETAIL_jqGrid';
  32. const STINFO03010_DETAIL_GRID_LIST = '#ITP_STINFO03010_DETAIL_jqGrid_list';
  33. const STINFO03010_DETAIL_GRID_PAGER = '#ITP_STINFO03010_DETAIL_jqGridPager';
  34. const STINFO03010_DETAIL_GRID_EMPTY = '#ITP_STINFO03010_DETAIL_jqGridEmpty';
  35. let ITP_FORM_STINFO03010_DETAIL_IS_DUPLICATE = false;
  36. let ITP_FORM_STINFO03010_DETAIL_IS_WRITING = false;
  37. let STINFO03010_GRID_LAST_ROW_ID;
  38. let ITP_COMMON_ASSGN_TASK = fn_make_common_cd_list(CODE_LIST, 'ASSGN_TASK', true, '담당업무');
  39. /*API URL*/
  40. let API_DETAIL_GRID_LIST = '/api/spply/detail-grid-list'; // 목록
  41. let API_DETAIL_INFO = '/api/spply/info-spply'; // 상세
  42. let API_DETAIL_SAVE = '/api/spply/save-spply'; // 저장
  43. let API_INTI_PW = '/api/spply/inti-spplyPw'; // 패스워드 초기화
  44. let API_POP_GRID_LIST = '/api/spply/pop-grid-list'; // 공급사 팝업 그리드 리스트
  45. /*화면 Grid ColModel*/
  46. const gridColModel = {
  47. list: [
  48. {
  49. index: 'SFFLY_ID', name: 'spplyId',
  50. label: ITP_MSG_LOCALE.label.spplyId
  51. , //공급업체번호
  52. width: '10', fixed: false, align: 'center',
  53. sortable: false, hidden: false
  54. },
  55. {
  56. index: 'SFFLY_NM', name: 'spplyNm',
  57. label: ITP_MSG_LOCALE.label.spplyNm, //공급업체명
  58. width: '13', fixed: false, align: 'left',
  59. sortable: false, hidden: false, classes: 'ui-ellipsis'
  60. },
  61. {
  62. index: 'BRAND_ID', name: 'brandId',
  63. label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
  64. width: '10', fixed: false, align: 'center',
  65. sortable: false, hidden: true
  66. },
  67. {
  68. index: 'BRAND_NM', name: 'brandNm',
  69. label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
  70. width: '13', fixed: false, align: 'left',
  71. sortable: false, hidden: false, classes: 'ui-ellipsis'
  72. },
  73. {
  74. index: 'BSNS_REG_NO', name: 'bsnsRegNo',
  75. label: ITP_MSG_LOCALE.label.bsnsRegNo, //사업자등록번호
  76. width: '11', fixed: false, align: 'center',
  77. sortable: false, hidden: false
  78. },
  79. {
  80. index: 'OWNER_NM', name: 'ownerNm',
  81. label: ITP_MSG_LOCALE.label.ownerNm, //대표자명
  82. width: '15', fixed: false, align: 'center',
  83. sortable: false, hidden: true
  84. },
  85. {
  86. index: 'ST_NM', name: 'stNm',
  87. label: ITP_MSG_LOCALE.label.stNm, //상태
  88. width: '6', fixed: false, align: 'center',
  89. sortable: false, hidden: false
  90. },
  91. {
  92. index: 'SYS_REG_DTTM', name: 'sysRegDttm',
  93. label: ITP_MSG_LOCALE.label.sysRegDttm, //최초등록일
  94. width: '9', fixed: false, align: 'center',
  95. sortable: false, hidden: false
  96. },
  97. ],
  98. detail: [
  99. {
  100. index: 'VIEW_CD', name: 'viewCd',
  101. label: ITP_MSG_LOCALE.label.viewCd,
  102. width: '10', fixed: false, align: 'center',
  103. sortable: false, hidden: true
  104. },
  105. {
  106. index: 'SPPLY_ID', name: 'spplyId',
  107. label: ITP_MSG_LOCALE.label.spplyId,
  108. width: '10', fixed: false, align: 'center',
  109. sortable: false, hidden: true
  110. },
  111. {
  112. index: 'SPPLY_MGR_ID', name: 'spplyMgrId',
  113. label: ITP_MSG_LOCALE.label.spplyMgrId,
  114. width: '10', fixed: false, align: 'center',
  115. sortable: false, hidden: true
  116. },
  117. {
  118. index: 'ASSGN_TASK_NM', name: 'spplyMgrNm',
  119. label: ITP_MSG_LOCALE.label.spplyMgrNm, //담당자명
  120. width: '16', fixed: false, align: 'center',
  121. sortable: false, editable: true, edittype: 'text',
  122. classes: 'input_color',
  123. editrules: {required: true}, editoptions: {maxlength: 20}
  124. },
  125. {
  126. index: 'POSITION', name: 'position',
  127. label: ITP_MSG_LOCALE.label.position, //직위
  128. width: '10', fixed: false, align: 'center',
  129. sortable: true, editable: true, edittype: 'text',
  130. classes: 'input_color',
  131. editrules: {required: true}, editoptions: {maxlength: 20}
  132. },
  133. {
  134. index: 'RPRST_EMAIL', name: 'rprstEmal',
  135. label: ITP_MSG_LOCALE.label.rprstEmal, //이메일
  136. width: '20', fixed: false, align: 'center',
  137. classes: 'input_color',
  138. sortable: false, editable: true, edittype: 'text',
  139. editoptions: {maxlength: 50}
  140. },
  141. {
  142. index: 'RPRST_TEL_NO', name: 'rprstTelNo',
  143. label: ITP_MSG_LOCALE.label.rprstMblNo, //핸드폰번호
  144. width: '20', fixed: false, align: 'center',
  145. classes: 'input_color',
  146. sortable: false, editable: true, edittype: 'text',
  147. editoptions: {'data-key-up': 'tel', maxlength: 13}
  148. },
  149. {
  150. index: 'ASSGN_TASK', name: 'assgnTask',
  151. label: ITP_MSG_LOCALE.label.assgnTaskNm, //담당업무
  152. width: '10', fixed: false, align: 'center',
  153. sortable: false, editable: true, formatter: 'select', edittype: 'select',
  154. editoptions: {value: ITP_COMMON_ASSGN_TASK},
  155. classes: 'input_color',
  156. editrules: {required: false}
  157. }/*,
  158. {
  159. index: 'ASSGN_TASK_NM', name: 'assgnTaskNm',
  160. label: ITP_MSG_LOCALE.label.assgnTaskNm, //담당업무
  161. width: '10', fixed: false, align: 'center',
  162. sortable: false, editable: true, edittype: 'text'
  163. }*/
  164. ]
  165. };
  166. /*화면공통 Object*/
  167. let pageObj = {
  168. init: function () {
  169. this.ui.init();
  170. this.event.init();
  171. this.fileUpload();
  172. },
  173. ui: {
  174. init: function () {
  175. this.view();
  176. this.form();
  177. this.grid();
  178. this.ready();
  179. },
  180. view: function() {
  181. // 버튼 권한설정
  182. fn_proc_btn_auth('STINFO03010');
  183. // 공통코드 표시
  184. $('select').each(function() {
  185. if($(this).data('select-code')) {
  186. fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
  187. }
  188. });
  189. },
  190. form: function() {
  191. itp_fn_form_event.onKeyup('#ITP_FORM_STINFO03010_DETAIL');
  192. },
  193. grid: function() {
  194. },
  195. ready: function() {
  196. listObj.init();
  197. }
  198. },
  199. event: {
  200. init: function () {
  201. this.button();
  202. },
  203. button: function () {
  204. // 버튼 클릭 이벤트
  205. $('button').each(function() {
  206. var id = $(this).attr('id');
  207. $(this).on('click', function() {
  208. switch (id) {
  209. case 'ITP_BTN_STINFO03010_SRH' : listObj.button.search(); break; // 조회 버튼 클릭
  210. case 'ITP_BTN_STINFO03010_NEWREG' : listObj.button.create(); break; // 신규등록 버튼
  211. case 'ITP_BTN_STINFO03010_MODIFY' : modifyObj.button.modify(); break; // 수정 버튼
  212. case 'ITP_BTN_STINFO03010_CANCELLIST' : createObj.button.cancel(); break; // 취소/목록 버튼
  213. case 'ITP_BTN_STINFO03010_DELETE' : break; // 삭제 버튼
  214. case 'ITP_BTN_STINFO03010_SAVE' : createObj.button.save(); break; // 저장 버튼
  215. case 'ITP_BTN_STINFO03010_DETAIL_ADDROW' : createObj.button.addRow(); break; // 행추가
  216. case 'ITP_BTN_STINFO03010_DETAIL_DELROW' : createObj.button.delRow(); break; // 행삭제
  217. case 'ITP_FORM_STINFO03010_DETAIL_ADRES_SCH' : createObj.button.address(); break; // 신규등록 주소 찾기
  218. }
  219. });
  220. });
  221. $('body').on('click', function(e) {
  222. var gridId = STINFO03010_DETAIL_GRID_ID.replace('#', '');
  223. var rids = $(STINFO03010_DETAIL_GRID_ID).jqGrid('getDataIDs');
  224. var last_row_id = rids[rids.length - 1];
  225. itp_fn_grid_reset_selection(e, last_row_id, gridId, 'STINFO03010_DETAIL');
  226. });
  227. }
  228. },
  229. fileUpload: function() {
  230. //파일업로드(등록/수정화면)
  231. var id = 'STINFO03010';
  232. var acctScrId = 'STINFO03010_ACCT';
  233. $('#ITP_' + id + '_DETAIL_ACCT_FILE_UPLOAD').empty();
  234. const acctFileArgs = {
  235. 'fileNo': $('#ITP_FORM_' + id + '_DETAIL_ACCT_FILE_NO').val(),
  236. 'viewCd': $('#ITP_FORM_' + id + '_DETAIL_VIEW_CD').val(),
  237. 'showYn': $('#ITP_' + id + '_DETAIL_ACCT_FILE_UPLOAD').attr('data-show-yn'),
  238. 'fileId': '#ITP_FORM_' + id + '_DETAIL_ACCT_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
  239. };
  240. itp_fn_set_file_upload('ITP_' + id + '_DETAIL_ACCT_FILE_UPLOAD', 'notice', false, true, acctScrId, acctFileArgs);
  241. var corpScrId = 'STINFO03010_CORP';
  242. $('#ITP_' + id + '_DETAIL_CORP_FILE_UPLOAD').empty();
  243. const corpFileArgs = {
  244. 'fileNo': $('#ITP_FORM_' + id + '_DETAIL_CORP_FILE_NO').val(),
  245. 'viewCd': $('#ITP_FORM_' + id + '_DETAIL_VIEW_CD').val(),
  246. 'showYn': $('#ITP_' + id + '_DETAIL_CORP_FILE_UPLOAD').attr('data-show-yn'),
  247. 'fileId': '#ITP_FORM_' + id + '_DETAIL_CORP_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
  248. };
  249. itp_fn_set_file_upload('ITP_' + id + '_DETAIL_CORP_FILE_UPLOAD', 'notice', false, true, corpScrId, corpFileArgs);
  250. },
  251. switchScreen: function(mode) {
  252. $('.itp_det_head').find('button[id^="ITP_BTN_STINFO03010_"]').each(function(i) {
  253. $(this).hide();
  254. });
  255. $('#ITP_TAB_STINFO03010').find('div[id$="_CONTAINER"]').each(function(i) {
  256. $(this).hide();
  257. });
  258. if(mode == 'LIST') { // 목록
  259. itp_fn_fire_window_resize();
  260. fn_show_btn_auth_array(['#ITP_BTN_STINFO03010_SRH', '#ITP_BTN_STINFO03010_NEWREG']);
  261. $('#ITP_AJAX_STINFO03010_LIST_CONTAINER').show();
  262. $('#ITP_FORM_STINFO03010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));
  263. } else if(mode == 'ADD') { // 등록
  264. fn_show_btn_auth_array(['#ITP_BTN_STINFO03010_CANCELLIST', '#ITP_BTN_STINFO03010_SAVE']);
  265. $('#ITP_AJAX_STINFO03010_DETAIL_CONTAINER').show();
  266. $('#ITP_FORM_STINFO03010_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
  267. $(this).attr('id') === 'ITP_FORM_STINFO03010_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
  268. if(elem.type === 'select') {
  269. $(this).val('').prop('selected', true);
  270. }
  271. });
  272. // 브랜드그룹 정보 설정
  273. $('#ITP_FORM_STINFO03010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
  274. $('#ITP_FORM_STINFO03010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
  275. $('#ITP_FORM_STINFO03010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
  276. $('#ITP_FORM_STINFO03010_DETAIL .fnSpplyId').text('(자동부여) (비밀번호는 사업자번호로 초기화 됩니다.)');
  277. $('#ITP_FORM_STINFO03010_DETAIL .itp_form_info').hide();
  278. $('#ITP_FORM_STINFO03010_DETAIL .itp_form_change').show();
  279. $('#ITP_BTN_STINFO03010_RESET_PW').hide();
  280. $.bootstrapFileUpload('resetUpload', "ITP_STINFO03010_DETAIL_ACCT_FILE_UPLOAD");
  281. $.bootstrapFileUpload('resetUpload', "ITP_STINFO03010_DETAIL_CORP_FILE_UPLOAD");
  282. } else if(mode == 'MODIFY') { // 수정
  283. fn_show_btn_auth_array(['#ITP_BTN_STINFO03010_CANCELLIST', '#ITP_BTN_STINFO03010_SAVE', '#ITP_BTN_STINFO03010_RESET_PW']);
  284. $('#ITP_AJAX_STINFO03010_DETAIL_CONTAINER').show();
  285. $('#ITP_BTN_STINFO03010_RESET_PW').show();
  286. $('#ITP_FORM_STINFO03010_DETAIL .itp_form_info').show();
  287. $('#ITP_FORM_STINFO03010_DETAIL .itp_form_change').hide();
  288. $('#ITP_FORM_STINFO03010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
  289. $('#ITP_FORM_STINFO03010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
  290. $('#ITP_FORM_STINFO03010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
  291. $.bootstrapFileUpload('resetUpload', "ITP_STINFO03010_DETAIL_ACCT_FILE_UPLOAD");
  292. $.bootstrapFileUpload('resetUpload', "ITP_STINFO03010_DETAIL_CORP_FILE_UPLOAD");
  293. } else if(mode == 'VIEW') { // 보기
  294. fn_show_btn_auth_array(['#ITP_BTN_STINFO03010_MODIFY', '#ITP_BTN_STINFO03010_CANCELLIST']);
  295. $('#ITP_AJAX_STINFO03010_VIEW_CONTAINER').show();
  296. }
  297. },
  298. grid: {
  299. init: function(mode, gridRows) {
  300. this.gridId = (mode === 'VIEW') ? STINFO03010_VIEW_GRID_ID : STINFO03010_DETAIL_GRID_ID;
  301. this.gridList = (mode === 'VIEW') ? STINFO03010_VIEW_GRID_LIST : STINFO03010_DETAIL_GRID_LIST;
  302. this.gridEmpty = (mode === 'VIEW') ? STINFO03010_VIEW_GRID_EMPTY : STINFO03010_DETAIL_GRID_EMPTY;
  303. this.gridRows = gridRows;
  304. itp_fn_jqgrid_resize(this.gridId, this.gridList, 'lg');
  305. this.unload();
  306. this.load(mode, gridRows);
  307. },
  308. gridId: '',
  309. gridList: '',
  310. gridEmpty: '',
  311. gridRows: '',
  312. load: function(mode, gridRows) {
  313. var _this = this;
  314. var option = {
  315. gridId: _this.gridId,
  316. colModel: gridColModel.detail,
  317. data: gridRows,
  318. multiselect: (mode !== 'VIEW'),
  319. // cellEdit: (mode !== 'VIEW'),
  320. loadComplete: function(data) {
  321. $(_this.gridList).find('.ui-jqgrid .ui-jqgrid-bdiv').css('overflow-x', 'hidden');
  322. (Array.isArray(data.rows) && data.rows.length === 0) ? $(_this.gridEmpty).show() : $(_this.gridEmpty).hide();
  323. },
  324. onCellSelect: function(rowid, cellIdx, cellValue) {
  325. if(mode !== 'VIEW') {
  326. STINFO03010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowid, cellIdx, STINFO03010_GRID_LAST_ROW_ID, _this.gridId, ['actionId']);
  327. itp_fn_form_event.onKeyup(STINFO03010_DETAIL_GRID_ID);
  328. }
  329. }
  330. };
  331. itp_fn_grid_make_local(option);
  332. },
  333. unload : function() {
  334. $.jgrid.gridUnload(this.gridId);
  335. },
  336. changeRows: function(gridRows) {
  337. var modifyRows = [];
  338. var chkColumns = ['spplyMgrNm', 'position', 'rprstEmal', 'rprstTelNo', 'assgnTask'];
  339. $.each(this.gridRows, function(index, item) {
  340. var row = gridRows[index];
  341. if(row.viewCd === 'C') {
  342. modifyRows.push(item);
  343. } else {
  344. if(row.itemId === item.itemId) {
  345. $.each(chkColumns, function(index, column) {
  346. if(row[column].toString() !== item[column].toString()) {
  347. row.viewCd = 'U';
  348. modifyRows.push(row);
  349. return false;
  350. }
  351. });
  352. }
  353. }
  354. });
  355. return modifyRows;
  356. }
  357. }
  358. };
  359. /*목록화면 Object*/
  360. let listObj = {
  361. init: function () {
  362. this.grid.init();
  363. },
  364. itp_STINFO03010_search: false,
  365. button: {
  366. search: function() {
  367. listObj.itp_STINFO03010_search = true;
  368. let param = $('#ITP_FORM_STINFO03010_SEARCH').serializeObject();
  369. param.gridSize = $.jgrid.defaults.rowNum;
  370. param.gridPage = $.jgrid.defaults.page;
  371. $(STINFO03010_GRID_ID).data('grid-param',param);
  372. $(STINFO03010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
  373. },
  374. create: function() {
  375. if(!fn_make_user_info.isEmpty()) {
  376. createObj.init();
  377. }
  378. }
  379. },
  380. empty: {
  381. init: function() {
  382. },
  383. itp_STINFO03010_param: {},
  384. push: function() {
  385. },
  386. back: function() {
  387. }
  388. },
  389. grid: {
  390. init: function () {
  391. // 데이터 없을때
  392. itp_fn_jqgrid_resize(STINFO03010_GRID_ID, STINFO03010_GRID_LIST, 'lg');
  393. this.search();
  394. },
  395. colModel: gridColModel.list,
  396. search: function() {
  397. pageObj.switchScreen('LIST');
  398. this.unload();
  399. this.load();
  400. },
  401. load: function() {
  402. let param = $('#ITP_FORM_STINFO03010_SEARCH').serializeObject();
  403. param.gridSize = $.jgrid.defaults.rowNum;
  404. param.sbrandId = fn_make_user_info.get('brandId');
  405. var option = {
  406. gridId: STINFO03010_GRID_ID,
  407. colModel: gridColModel.list,
  408. param: param,
  409. url: DOMAIN + API_DETAIL_GRID_LIST,
  410. pager: STINFO03010_GRID_PAGER,
  411. onCellSelect: function(rowId, cellIdx, cellValue) {
  412. var cm = $(this).jqGrid('getGridParam', 'colModel');
  413. var colNm = cm[cellIdx].name;
  414. if (colNm == 'spplyId') {
  415. const selectVal = $(this).jqGrid('getCell', rowId, 'spplyId');
  416. const key = {brandId:fn_make_user_info.get('brandId'), spplyId: selectVal, viewCd: 'R'};
  417. var param = $.param(key);
  418. viewObj.init(param);
  419. }
  420. },
  421. loadComplete: function(data) {
  422. itp_fn_grid_load_complete(data, STINFO03010_GRID_ID, true, 'number', 'STINFO03010', listObj.itp_STINFO03010_search, listObj.empty, true, data.gridRecords, true);
  423. var ids = $(STINFO03010_GRID_ID).getDataIDs();
  424. $.each(ids, function(idx, rowId) {
  425. $(STINFO03010_GRID_ID).jqGrid('setCell', rowId, 'spplyId', '', ITP_GRID_COL_STYLE.link);
  426. });
  427. const self=this;
  428. if(self.sortUse) return;
  429. self.sortUse=true;
  430. self['sort2']='asc';
  431. const th=$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').eq(2);
  432. th.find('.s-ico').show();
  433. th.find('.ui-grid-ico-sort').hide();
  434. th.find('.glyphicon-triangle-bottom').show();//asc 는 bottom 으로
  435. //$(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels .ui-th-div').css('cursor','default');
  436. $(STINFO03010_GRID_LIST).find('th').eq(2).css({cursor:'pointer',background:'#FFEBCD'});
  437. $(STINFO03010_GRID_LIST).find('th').eq(4).css({cursor:'pointer',background:'#FFEBCD'});
  438. $(STINFO03010_GRID_LIST).find('.ui-jqgrid-labels>th').on('click', function() {
  439. const idx=$(this).index();
  440. console.log("xxxx grid header click xxxxxxx index=="+idx, param );
  441. if(idx==2 || idx==4 ) {
  442. var field='',sort=self['sort'+idx];
  443. if(sort ) {
  444. sort=sort=='asc'?'desc':'asc';
  445. } else {
  446. // 등록일 내림차순, 제목 오름차순
  447. sort=idx==2? 'asc':idx==4? 'desc': 'asc';
  448. }
  449. const icon=sort=='asc'? '.glyphicon-triangle-bottom': '.glyphicon-triangle-top';
  450. self['sort'+idx]=sort;
  451. if(idx==2) {
  452. field='spplyNm';
  453. } else if(idx==4) {
  454. field='brandNm';
  455. }
  456. let param = $('#ITP_FORM_STINFO03010_SEARCH').serializeObject();
  457. param.page=1;
  458. param.sidx=field;
  459. param.sord=sort;
  460. $(STINFO03010_GRID_ID).jqGrid('setGridParam',{
  461. postData:JSON.stringify(param)
  462. }).trigger('reloadGrid');
  463. $(this).find('.s-ico').show();
  464. $(this).find('.ui-grid-ico-sort').hide();
  465. $(this).find(icon).show();
  466. }
  467. });
  468. },
  469. onPaging: function(action) {
  470. itp_fn_grid_paging(STINFO03010_GRID_ID, action, param);
  471. }
  472. };
  473. itp_fn_grid_make_remote(option);
  474. },
  475. clearData : function() {
  476. $(STINFO03010_GRID_ID).jqGrid('clearGridData', true);
  477. $(STINFO03010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
  478. $(STINFO03010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
  479. $(STINFO03010_GRID_EMPTY).show();
  480. },
  481. unload : function() {
  482. $.jgrid.gridUnload(STINFO03010_GRID_ID);
  483. }
  484. }
  485. };
  486. /*상세화면 Object*/
  487. let viewObj = {
  488. init: function (param) {
  489. this.load(param);
  490. },
  491. load: function(param) {
  492. fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
  493. },
  494. callback: function (result) {
  495. pageObj.switchScreen('VIEW');
  496. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_SPPLY_ID').val(result.spplyId);
  497. $('#ITP_FORM_STINFO03010_VIEW .fnBrandNm').text(result.brandNm);
  498. $('#ITP_FORM_STINFO03010_VIEW .fnStCd').text(result.stNm);
  499. $('#ITP_FORM_STINFO03010_VIEW .fnSpplyId').text(result.spplyId);
  500. $('#ITP_FORM_STINFO03010_VIEW .fnCorpType').text(result.corpTypeNm);
  501. $('#ITP_FORM_STINFO03010_VIEW .fnSpplyNm').text(result.spplyNm);
  502. $('#ITP_FORM_STINFO03010_VIEW .fnBsnsCndt').text(result.bsnsCndt);
  503. $('#ITP_FORM_STINFO03010_VIEW .fnBsnsRegNo').text(result.bsnsRegNo);
  504. $('#ITP_FORM_STINFO03010_VIEW .fnCtgrBsns').text(result.ctgrBsns);
  505. $('#ITP_FORM_STINFO03010_VIEW .fnCorpRegNo').text(result.corpRegNo);
  506. $('#ITP_FORM_STINFO03010_VIEW .fnTelNo').text(result.mgrTelNo);
  507. $('#ITP_FORM_STINFO03010_VIEW .fnOwnerNm').text(result.ownerNm);
  508. $('#ITP_FORM_STINFO03010_VIEW .fnFaxNo').text(result.faxNo);
  509. $('#ITP_FORM_STINFO03010_VIEW .fnMblNo').text(result.mgrMblNo);
  510. $('#ITP_FORM_STINFO03010_VIEW .fnEmalAddr').text(result.mgrEmal);
  511. $('#ITP_FORM_STINFO03010_VIEW .fnAreaCd').text(result.areaNm);
  512. $('#ITP_FORM_STINFO03010_VIEW .fnBnkCd').text(result.bnkNm);
  513. $('#ITP_FORM_STINFO03010_VIEW .fnAcctNo').text(result.acctNo);
  514. $('#ITP_FORM_STINFO03010_VIEW .fnOwacNm').text(result.owacNm);
  515. // 통장사본 fileBookCopyNoList
  516. $('#ITP_FORM_STINFO03010_VIEW .fnFilePath').text(result.fileBookCopyNoList);
  517. // 사업자등록파일 fileBsnsRegNoList
  518. $('#ITP_FORM_STINFO03010_VIEW .fnFilePath').text(result.fileBsnsRegNoList);
  519. $('#ITP_FORM_STINFO03010_VIEW .fnZipNo').text(result.zipNo);
  520. $('#ITP_FORM_STINFO03010_VIEW .fnLoadAddr').text(result.addr1);
  521. $('#ITP_FORM_STINFO03010_VIEW .fnDtlAddr').text(result.addr2);
  522. // $('#ITP_FORM_STINFO03010_VIEW .fnRegDt').text(result.openDt);
  523. // $('#ITP_FORM_STINFO03010_VIEW .fnCloseDt').text(result.openDt);
  524. /*
  525. itp_fn_attach_file.view('ITP_STINFO03010_VIEW_ACCT_FILE', result.fileBookCopyNoList
  526. , 'form-control itp_input', 'border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;');
  527. itp_fn_attach_file.view('ITP_STINFO03010_VIEW_REG_NO_FILE', result.fileBsnsRegNoList
  528. , 'form-control itp_input', 'border:none; top:12px; left:12px; height:100px; width:125px; position:absolute;');
  529. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_VIEW_CD').val('R');
  530. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_STORE_ID').val(result.storeId);
  531. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_BRAND_ID').val(fn_make_user_info.get('brandId'));
  532. $('#ITP_FORM_STINFO03010_VIEW .fnBrandNm').text(result.brandNm);
  533. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_ST_CD').val(result.stCd);
  534. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_SPPLY_ID').val(result.spplyId);
  535. $('#ITP_FORM_STINFO03010_VIEW .fnSpplyId').text(result.spplyId);
  536. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_CORP_TYPE').val(result.corpType);
  537. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_SPPLY_NM').val(result.spplyNm);
  538. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_BSNS_CNDT').val(result.bsnsCndt);
  539. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_BSNS_REG_NO').val(result.bsnsRegNo);
  540. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_CTGR_BSNS').val(result.ctgrBsns);
  541. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_CORP_REG_NO').val(result.corpRegNo);
  542. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_TEL_NO').val(result.mgrTelNo);
  543. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_OWNER_NM').val(result.ownerNm);
  544. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_FAX_NO').val(result.faxNo);
  545. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_MBL_NO').val(result.mgrMblNo);
  546. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_EMAL_ADDR').val(result.mgrEmal);
  547. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_AREA_CD').val(result.areaCd);
  548. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_BNK_CD').val(result.bnkCd);
  549. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_ACCT_NO').val(result.acctNo);
  550. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_OWAC_NM').val(result.owacNm);
  551. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_FROM_DT').val(result.openDt);
  552. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_ZIPNO').val(result.zipNo);
  553. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_ADRES').val(result.addr1);
  554. $('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_VIEW_ADRES_DTL').val(result.addr2);
  555. */
  556. $('#ITP_FORM_STINFO03010_VIEW .fnRegId').text(result.sysRegId);
  557. $('#ITP_FORM_STINFO03010_VIEW .fnRegDt').text(result.sysRegDttm);
  558. $('#ITP_FORM_STINFO03010_VIEW .fnChgId').text(result.sysChgId);
  559. $('#ITP_FORM_STINFO03010_VIEW .fnChgDt').text(result.sysChgDttm);
  560. formReadonly("#ITP_FORM_STINFO03010_VIEW .form-control");
  561. fileUploadInfo3010('ACCT_FILE',result.fileBsnsRegNoList);
  562. fileUploadInfo3010('CORP_FILE',result.fileBookCopyNoList);
  563. // 담당자정보 리스트 조회
  564. pageObj.grid.init('VIEW', result.spplyMgrList);
  565. // viewObj.grid.load(result.spplyMgrList);
  566. }
  567. };
  568. /*수정화면 Object*/
  569. let modifyObj = {
  570. init: function () {
  571. },
  572. button: {
  573. modify: function (param) {
  574. itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO03010_DETAIL');
  575. const selectVal = $('#ITP_FORM_STINFO03010_VIEW_SPPLY_ID').val();
  576. const key = {brandId:fn_make_user_info.get('brandId'), spplyId: selectVal, viewCd: 'R'};
  577. var param = $.param(key);
  578. modifyObj.load(param);
  579. }
  580. },
  581. load: function(param) {
  582. fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
  583. },
  584. callback: function (result) {
  585. pageObj.switchScreen('MODIFY');
  586. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_VIEW_CD').val('U');
  587. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_STORE_ID').val(result.storeId);
  588. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
  589. $('#ITP_FORM_STINFO03010_DETAIL .fnBrandNm').text(result.brandNm);
  590. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_ST_CD').val(result.stCd);
  591. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_SPPLY_ID').val(result.spplyId);
  592. $('#ITP_FORM_STINFO03010_DETAIL .fnSpplyId').text(result.spplyId);
  593. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_CORP_TYPE').val(result.corpType);
  594. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_SPPLY_NM').val(result.spplyNm);
  595. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_BSNS_CNDT').val(result.bsnsCndt);
  596. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_BSNS_REG_NO').val(result.bsnsRegNo);
  597. $('#ITP_FORM_STINFO03010_DETAIL .fnBsnsRegNo').text(result.bsnsRegNo);
  598. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_CTGR_BSNS').val(result.ctgrBsns);
  599. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_CORP_REG_NO').val(result.corpRegNo);
  600. $('#ITP_FORM_STINFO03010_DETAIL .fnCorpRegNo').text(result.corpRegNo);
  601. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_TEL_NO').val(result.mgrTelNo);
  602. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_OWNER_NM').val(result.ownerNm);
  603. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_FAX_NO').val(result.faxNo);
  604. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_MBL_NO').val(result.mgrMblNo);
  605. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_EMAL_ADDR').val(result.mgrEmal);
  606. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_AREA_CD').val(result.areaCd);
  607. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_BNK_CD').val(result.bnkCd);
  608. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_ACCT_NO').val(result.acctNo);
  609. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_OWAC_NM').val(result.owacNm);
  610. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_FROM_DT').val(result.openDt);
  611. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_ZIPNO').val(result.zipNo);
  612. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_ADRES').val(result.addr1);
  613. $('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_ADRES_DTL').val(result.addr2);
  614. $('#ITP_FORM_STINFO03010_DETAIL .fnRegId').text(result.sysRegId);
  615. $('#ITP_FORM_STINFO03010_DETAIL .fnRegDt').text(result.sysRegDttm);
  616. $('#ITP_FORM_STINFO03010_DETAIL .fnChgId').text(result.sysChgId);
  617. $('#ITP_FORM_STINFO03010_DETAIL .fnChgDt').text(result.sysChgDttm);
  618. // 담당자정보 리스트 조회
  619. pageObj.grid.init('DETAIL', result.spplyMgrList);
  620. // modifyObj.grid.load(result.spplyMgrList);
  621. }
  622. };
  623. /*신규화면 Object*/
  624. let createObj = {
  625. init: function () {
  626. pageObj.switchScreen('ADD');
  627. itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO03010_DETAIL');
  628. $('#ITP_FORM_STINFO03010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
  629. pageObj.grid.init('DETAIL', []);
  630. },
  631. button: {
  632. cancel: function() {
  633. listObj.grid.search();
  634. },
  635. address: function() {
  636. kakaoMap.simpleAddress('ITP_FORM_STINFO03010_DETAIL');
  637. },
  638. addRow: function() {
  639. itp_fn_grid_add_row(STINFO03010_DETAIL_GRID_ID, undefined, ['spplyId'], 'STINFO03010_DETAIL');
  640. itp_fn_form_event.onKeyup(STINFO03010_DETAIL_GRID_ID);
  641. },
  642. delRow: function() {
  643. itp_fn_grid_del_row(STINFO03010_DETAIL_GRID_ID);
  644. },
  645. save: function() {
  646. const formId = '#ITP_FORM_STINFO03010_DETAIL';
  647. itp_fn_form_clear_validate(null, formId);
  648. if (itp_fn_form_event.isValid(formId)) {
  649. itp_fn_grid_save_rows(STINFO03010_DETAIL_GRID_ID);
  650. let gridInsertData = [];
  651. // let gridUpdateData = [];
  652. let gridDeleteData = [];
  653. for(var i=0; i<$(STINFO03010_DETAIL_GRID_ID).getGridParam('reccount'); i++) {
  654. $(STINFO03010_DETAIL_GRID_ID).jqGrid('saveCell', i+1, 2)
  655. }
  656. const rowData = $(STINFO03010_DETAIL_GRID_ID).getRowData();
  657. var gridUpdateData = pageObj.grid.changeRows(rowData);
  658. $.each(rowData, function(key, value) {
  659. if (value.viewCd !== 'R') {
  660. if (value.viewCd === 'C') {
  661. value.spplyId = $(formId + '_SPPLY_ID').val();
  662. gridInsertData.push(value);
  663. } else if (value.viewCd === 'U') {
  664. gridUpdateData.push(value);
  665. } else if (value.viewCd === 'D') {
  666. gridDeleteData.push(value);
  667. }
  668. }
  669. });
  670. itp_fn_form_event.removeChar(formId);
  671. let param = $(formId).serializeObject();
  672. if(param.hasOwnProperty('zipNo') ) {
  673. if(!param.zipNo || param.zipNo=='undefined') {
  674. setTimeout(()=>itp_fn_modal_alert('우편번호를 확인해주세요'), 100);
  675. return;
  676. }
  677. }
  678. param.gridInsertData = gridInsertData;
  679. param.gridUpdateData = gridUpdateData;
  680. param.gridDeleteData = gridDeleteData;
  681. var searhFn = function() {
  682. ITP_FORM_STINFO03010_DETAIL_IS_WRITING = false;
  683. listObj.grid.search();
  684. };
  685. fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
  686. }
  687. }
  688. }
  689. };
  690. function fileUploadInfo3010(name, arr, type ) {
  691. //파일업로드(등록/수정화면)
  692. if(!type) type= 'VIEW';
  693. if(!name) name='ACCT_FILE';
  694. var uid='#ITP_STINFO03010_'+type+'_'+name+'_UPLOAD';
  695. var fid='#ITP_FORM_STINFO03010_'+type+'_'+name+'_NO';
  696. var sid='ITP_STINFO03010_'+type+'_'+name;
  697. var viewCd=type=='VIEW' ? 'R': 'U';
  698. if(Array.isArray(arr) && arr.length ) {
  699. $(fid).val(arr[0].fileNo);
  700. } else {
  701. $(fid).val('');
  702. }
  703. $(uid).empty();
  704. $(uid).bootstrapFileUpload({
  705. url: DOMAIN + '/api/file/upload',
  706. inputName: 'uploadFile',
  707. folderName: 'notice',
  708. fileNumber: $(fid).val(),
  709. fileInput: fid,
  710. fileTypes: ITP_UPLOAD_DEFAULTS.fileTypes,
  711. viewCode: viewCd,
  712. formMethod: 'post',
  713. multiFile: true,
  714. multiUpload: false,
  715. maxSize: 100,
  716. maxFiles: 5,
  717. showThumb: true,
  718. thumbWidth: 80,
  719. thumbHeight: 80,
  720. debug: true,
  721. screen_id: sid,
  722. showYn: false,
  723. onInit: function() {
  724. }
  725. });
  726. setTimeout(function() {
  727. $('#'+sid+'_UPLOAD_FORM').hide();
  728. /*
  729. $(uid+' .fileupload-add').hide();
  730. $(uid+' .filedownload-remove').hide();
  731. */
  732. },20);
  733. }