Selaa lähdekoodia

Merge branch 'master' of http://106.246.249.162:13000/orderqueen/oqpo-view

juney 2 vuotta sitten
vanhempi
commit
5306498dac

+ 5 - 4
src/main/webapp/app/vendinfo/VENDINFO02010.html

@@ -20,10 +20,11 @@
20 20
 										<div class="col-xs-2 itp_ip itp_noMar">
21 21
 											<input type="text" id="ITP_FORM_VENDINFO02010_SEARCH_SPPLY_NM" class="form-control itp_input" name="sspplyNm" placeholder="공급업체 선택" data-check-required="empty" readonly/>
22 22
 										</div>
23
-										<div class="col-xs-1 itp_in" style="width:8%; padding:0px;">
24
-											<button type="button" id="ITP_FORM_VENDINFO02010_SEARCH_STORE_SPPLY" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
25
-											<button type="button" id="ITP_FORM_VENDINFO02010_DELETE_STORE_SPPLY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
26
-						                </div>
23
+										<div class="col-xs-2 itp_ip itp_noMar">
24
+											<!-- <select id="ITP_FORM_VENDINFO02010_SERVICE_ST_CD" data-select-code="ST_CD" class="form-control itp_input" name="sitemStCd">
25
+												<option value="N"></option>
26
+											</select>	 -->									
27
+										</div>
27 28
 										<div class="col-xs-2 itp_ip itp_noMar">
28 29
 											<select id="ITP_FORM_VENDINFO02010_SEARCH_PODR_PSSBL_DVSN" data-select-code="PODR_PSSBL_DVSN" class="form-control itp_input" name="spodrPssblDvsn">
29 30
 												<option value="N"></option>

+ 153 - 157
src/main/webapp/js/app/ordmng/ITP_ORDMNG03010.js

@@ -1,8 +1,7 @@
1 1
 require(['config'], function() {
2 2
 	require([
3
-		
4 3
 	], function($) {
5
-			pageObj.init();
4
+		pageObj.init(); //config 적용
6 5
 	});
7 6
 });
8 7
 
@@ -16,10 +15,10 @@ require(['config'], function() {
16 15
 *******************************************************/
17 16
 
18 17
 /*화면 변수*/
19
-const ORDMNG03010_GRID_ID = '#ITP_ORDMNG03010_jqGrid';
20
-const ORDMNG03010_GRID_LIST = '#ITP_ORDMNG03010_jqGrid_list';
21
-const ORDMNG03010_GRID_PAGER = '#ITP_ORDMNG03010_jqGridPager';
22
-const ORDMNG03010_GRID_EMPTY = '#ITP_ORDMNG03010_jqGridEmpty';
18
+const ORDMNG03010_GRID_ID = '#ITP_ORDMNG03010_jqGrid';			//GRID_ID 선언
19
+const ORDMNG03010_GRID_LIST = '#ITP_ORDMNG03010_jqGrid_list';	//GRID_LIST 선언
20
+const ORDMNG03010_GRID_PAGER = '#ITP_ORDMNG03010_jqGridPager';	//GRID_PAGER 선언
21
+const ORDMNG03010_GRID_EMPTY = '#ITP_ORDMNG03010_jqGridEmpty';	//GRID_EMPTY 선언
23 22
 
24 23
 /*API URL*/
25 24
 let API_DELI_GRID_LIST 	= '/api/pomng/inoutmng/spply-deli-grid-list';// 목록
@@ -29,157 +28,155 @@ let API_INFO_INV 		= '/api/pomng/inoutmng/init-spply-inv';	// 상세
29 28
 const gridColModel = {
30 29
 	list: [
31 30
 			{
32
-				index: 'Brand_ID', name: 'brandId',
33
-				label: ITP_MSG_LOCALE.label.brandId, //브랜드
34
-				width: '18', fixed: false, align: 'center',
35
-				sortable: false, hidden: true
31
+				index: 'Brand_ID', name: 'brandId',			//서버로 전송시 데이터 명 , 데이터명
32
+				label: ITP_MSG_LOCALE.label.brandId, 		//브랜드아이디
33
+				width: '18', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
34
+				sortable: false, hidden: true				//정렬가능 여부,화면표시 여부
36 35
 			},
37 36
 			{
38
-				index: 'Brand_Nm', name: 'brandNm',
39
-				label: ITP_MSG_LOCALE.label.brandNm, //브랜드
40
-				width: '20', fixed: false, align: 'center',
41
-				sortable: false, hidden: false
37
+				index: 'Brand_Nm', name: 'brandNm',			//정렬가능 여부,화면표시 여부
38
+				label: ITP_MSG_LOCALE.label.brandNm, 		//브랜드이름
39
+				width: '20', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
40
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부	
42 41
 			},
43 42
 			{
44
-				index: 'DLV_STTMT_NO', name: 'dlvSttmtUnqNo',
45
-				label: ITP_MSG_LOCALE.label.dlvSttmtUnqNo, //납품서번호
46
-				width: '20', fixed: false, align: 'center',
47
-				sortable: false, hidden: false
43
+				index: 'DLV_STTMT_NO', name: 'dlvSttmtUnqNo',	//서버로 전송시 데이터 명 , 데이터명
44
+				label: ITP_MSG_LOCALE.label.dlvSttmtUnqNo, 		//납품서번호
45
+				width: '20', fixed: false, align: 'center',		// cell가로넓이,고정 여부 ,text정렬 
46
+				sortable: false, hidden: false					//정렬가능 여부,화면표시 여부
48 47
 			},
49 48
 			{
50
-				index: 'ITEM_ST_CD', name: 'dlvStCd',
51
-				label: '납품상태', //납품서상태
52
-				width: '12', fixed: false, align: 'center',
53
-				sortable: false, hidden: false
49
+				index: 'ITEM_ST_CD', name: 'dlvStCd',		//서버로 전송시 데이터 명 , 데이터명
50
+				label: '납품상태', 								//납품서상태
51
+				width: '12', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
52
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
54 53
 			},
55 54
 			{
56
-				index: 'PODR_REG_DT', name: 'podrRegDt',
57
-				label: '수주일자', //수주일자
58
-				width: '14', fixed: false, align: 'center',
59
-				sortable: false, hidden: false
55
+				index: 'PODR_REG_DT', name: 'podrRegDt',	//서버로 전송시 데이터 명 , 데이터명
56
+				label: '수주일자', 								//수주일자
57
+				width: '14', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
58
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
60 59
 			},
61 60
 			{
62
-				index: 'PCH_ITEM_YN', name: 'dlvReqDt',
63
-				label: ITP_MSG_LOCALE.label.dlvReqDt, //납품요청일
64
-				width: '14', fixed: false, align: 'center',
65
-				sortable: false, hidden: false
61
+				index: 'PCH_ITEM_YN', name: 'dlvReqDt',		//서버로 전송시 데이터 명 , 데이터명
62
+				label: ITP_MSG_LOCALE.label.dlvReqDt, 		//납품요청일
63
+				width: '14', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
64
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
66 65
 			},
67 66
 			{
68
-				index: 'PCH_ITEM_YN', name: 'dlvSchDt',
69
-				label: ITP_MSG_LOCALE.label.dlvSchDt, //납품예정일
70
-				width: '14', fixed: false, align: 'center',
71
-				sortable: false, hidden: false
67
+				index: 'PCH_ITEM_YN', name: 'dlvSchDt',		//서버로 전송시 데이터 명 , 데이터명
68
+				label: ITP_MSG_LOCALE.label.dlvSchDt, 		//납품예정일
69
+				width: '14', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
70
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
72 71
 			},
73 72
 			{
74
-				index: 'PCH_ITEM_YN', name: 'dlvCmpltDt',
75
-				label: ITP_MSG_LOCALE.label.dlvCmpltDt, //납품완료일
76
-				width: '10', fixed: false, align: 'center',
77
-				sortable: false, hidden: false
73
+				index: 'PCH_ITEM_YN', name: 'dlvCmpltDt',	//서버로 전송시 데이터 명 , 데이터명
74
+				label: ITP_MSG_LOCALE.label.dlvCmpltDt, 	//납품완료일
75
+				width: '10', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
76
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
78 77
 			},
79 78
 			{
80
-				index: 'ITEM_CLASS_NM', name: 'itemId',
81
-				label: ITP_MSG_LOCALE.label.itemId, //품목번호
82
-				width: '11', fixed: false, align: 'center',
83
-				sortable: false, hidden: false
79
+				index: 'ITEM_CLASS_NM', name: 'itemId',		//서버로 전송시 데이터 명 , 데이터명
80
+				label: ITP_MSG_LOCALE.label.itemId, 		//품목번호
81
+				width: '11', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
82
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
84 83
 			},
85 84
 			{
86
-				index: 'PODR_PSSBLDVSN_NM', name: 'itemNm',
87
-				label: ITP_MSG_LOCALE.label.itemNm, //품목명
88
-				width: '10', fixed: false, align: 'center',
89
-				sortable: false, hidden: false
85
+				index: 'PODR_PSSBLDVSN_NM', name: 'itemNm',	//서버로 전송시 데이터 명 , 데이터명
86
+				label: ITP_MSG_LOCALE.label.itemNm, 		//품목명
87
+				width: '10', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
88
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
90 89
 			},
91 90
 			{
92
-				index: 'PODR_QTY', name: 'podrQty',
93
-				label: ITP_MSG_LOCALE.label.podrQty, //수주수량
94
-				width: '6', fixed: false, align: 'center',
95
-				sortable: false, hidden: false
91
+				index: 'PODR_QTY', name: 'podrQty',			//서버로 전송시 데이터 명 , 데이터명
92
+				label: ITP_MSG_LOCALE.label.podrQty, 		//수주수량
93
+				width: '6', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
94
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
96 95
 			},
97 96
 			{
98
-				index: 'SALE_ITEM_YN', name: 'dlvQty',
99
-				label: ITP_MSG_LOCALE.label.dlvQty, //납품수량
100
-				width: '6', fixed: false, align: 'center',
101
-				sortable: false, hidden: false
97
+				index: 'SALE_ITEM_YN', name: 'dlvQty',		//서버로 전송시 데이터 명 , 데이터명
98
+				label: ITP_MSG_LOCALE.label.dlvQty, 		//납품수량
99
+				width: '6', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
100
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
102 101
 			},
103 102
 			{
104
-				index: 'UNIT', name: 'unit',
105
-				label: ITP_MSG_LOCALE.label.unit, //납품수량
106
-				width: '6', fixed: false, align: 'center',
107
-				sortable: false, hidden: false
103
+				index: 'UNIT', name: 'unit',				//서버로 전송시 데이터 명 , 데이터명
104
+				label: ITP_MSG_LOCALE.label.unit, 			//납품수량
105
+				width: '6', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
106
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
108 107
 			},
109 108
 			{
110
-				index: 'PCH_ITEM_YN', name: 'unitAmt',
111
-				label: ITP_MSG_LOCALE.label.unitAmt, //납품금액
112
-				width: '6', fixed: false, align: 'center',
113
-				sortable: false, hidden: false
109
+				index: 'PCH_ITEM_YN', name: 'unitAmt',		//서버로 전송시 데이터 명 , 데이터명
110
+				label: ITP_MSG_LOCALE.label.unitAmt, 		//납품금액
111
+				width: '6', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
112
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
114 113
 			},
115 114
 			{
116
-				index: 'SALE_ITEM_YN', name: 'whsNm',
117
-				label: ITP_MSG_LOCALE.label.whsNm, //납품장소
118
-				width: '6', fixed: false, align: 'center',
119
-				sortable: false, hidden: false
115
+				index: 'SALE_ITEM_YN', name: 'whsNm',		//서버로 전송시 데이터 명 , 데이터명
116
+				label: ITP_MSG_LOCALE.label.whsNm, 			//납품장소
117
+				width: '6', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
118
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
120 119
 			},
121 120
 			{
122
-				index: 'PCH_ITEM_YN', name: 'dlvMgrNm',
123
-				label: ITP_MSG_LOCALE.label.dlvMgrNm, //납품담당자
124
-				width: '8', fixed: false, align: 'center',
125
-				sortable: false, hidden: false
121
+				index: 'PCH_ITEM_YN', name: 'dlvMgrNm',		//서버로 전송시 데이터 명 , 데이터명
122
+				label: ITP_MSG_LOCALE.label.dlvMgrNm, 		//납품담당자
123
+				width: '8', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
124
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
126 125
 			},
127 126
 			{
128
-				index: 'PCH_ITEM_YN', name: 'dlvMgrTelNo',
129
-				label: ITP_MSG_LOCALE.label.dlvMgrTelNo, //납품담당연락처
130
-				width: '10', fixed: false, align: 'center',
131
-				sortable: false, hidden: false
127
+				index: 'PCH_ITEM_YN', name: 'dlvMgrTelNo',	//서버로 전송시 데이터 명 , 데이터명
128
+				label: ITP_MSG_LOCALE.label.dlvMgrTelNo, 	//납품담당연락처
129
+				width: '10', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
130
+				sortable: false, hidden: false				//정렬가능 여부,화면표시 여부
132 131
 			}
133
-	],
132
+	]
134 133
 };
135 134
 /*화면공통 Object*/
136 135
 let pageObj = {
137 136
 	init: function () {
138
-			this.ui.init();
139
-			this.event.init();
140
-			this.action();
137
+			this.ui.init();		//ul 안 init 불러옴
138
+			this.event.init();	//event 안 init 불러옴
139
+			this.action();		//action 불러옴
141 140
 	},
142 141
 	ui: {
143 142
 		init: function () {
144
-			this.view();
145
-			listObj.init();
143
+			this.view();	//view 불러오기
144
+			listObj.init();	//listObj 에서 init 불러오기
146 145
 		},
147 146
 		view: function() {
148 147
 			// 버튼 권한설정
149 148
 			fn_proc_btn_auth('ORDMNG03010');
150
-
151 149
 		}
152 150
 	},
153 151
 	action: function () {
154
-		var _this = this;
155
-		// 검색 납품장소
152
+		var _this = this;  //_this 는 this 와 같다
153
+		// 검색 납품장소 클릭
156 154
 		$('#ITP_FORM_ORDMNG03010_SSEARCH_SWHS_NM').on('click', function() {
157
-			_this.popup('SW');
155
+			_this.popup(); //'whs 팝업생성'
158 156
 		});
159 157
 		// 검색 납품장소 텍스트 삭제 버튼 클릭
160 158
 		$('#ITP_FORM_ORDMNG03010_SDELETE_SWHS_NM').on('click', function() {
161
-			$('#ITP_FORM_ORDMNG03010_SEARCH_SWHS_NM').val('');
162
-			$('#ITP_FORM_ORDMNG03010_SEARCH_SWHS_ID').val('');
159
+			$('#ITP_FORM_ORDMNG03010_SEARCH_SWHS_NM').val(''); //납품장소 이름 값 제거
160
+			$('#ITP_FORM_ORDMNG03010_SEARCH_SWHS_ID').val(''); //납품장소 아이디 값 제거
163 161
 		});
164 162
 	
165 163
 	},
166 164
 	popup: function () {
167
-		var popFn ;
168
-			popFn = this.callback.searWhs;
169
-	  const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId'), whsDvsn:""};
170
-			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key, 'S');
165
+		var	popFn = this.callback.searWhs; //popFn 선언
166
+	  const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId'), whsDvsn:""};//key 값 선언
167
+			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key, 'S'); //popup 부르기 팝업 이름,popFn,key
171 168
 	},
172 169
 	callback: {
173 170
 		searWhs: function(rowDataPop) {
174 171
 			if(rowDataPop) {
175
-				$('#ITP_FORM_ORDMNG03010_SEARCH_SWHS_NM').val(rowDataPop.whsNm);
176
-				$('#ITP_FORM_ORDMNG03010_SEARCH_SWHS_ID').val(rowDataPop.whsId);
172
+				$('#ITP_FORM_ORDMNG03010_SEARCH_SWHS_NM').val(rowDataPop.whsNm); // popup 에서 고른 값 넣기
173
+				$('#ITP_FORM_ORDMNG03010_SEARCH_SWHS_ID').val(rowDataPop.whsId); //	popup 에서 고른 값 넣기
177 174
 			}
178
-		},
175
+		}
179 176
 	},
180 177
 	event: {
181 178
 		init: function () {
182
-				this.button();
179
+				this.button(); //button 부르기
183 180
 		},
184 181
 		button: function () {
185 182
 				// 버튼 클릭 이벤트
@@ -187,95 +184,94 @@ let pageObj = {
187 184
 				var id = $(this).attr('id');
188 185
 				$(this).on('click', function() {
189 186
 					switch (id) {
190
-						case 'ITP_BTN_ORDMNG03010_SRH'		: listObj.button.search();		break;	// 조회 버튼 클릭
191
-						case 'ITP_BTN_ORDMNG03010_POPUP'	: listObj.button.create(); 		break;	// 납품서출력 팝업
187
+						case 'ITP_BTN_ORDMNG03010_SRH'		: listObj.button.search();	break;	// 조회 버튼 클릭
188
+						case 'ITP_BTN_ORDMNG03010_POPUP'	: listObj.button.create(); 			// 납품서출력 팝업
192 189
 					}
193 190
 				});
194 191
 			});
195 192
 		}
196 193
 	},
197 194
 	screen: function() {
198
-			$('#ITP_FORM_ORDMNG03010_SEARCH_SPPLY_ID').val(fn_make_user_info.get('userId'));
199
-			$('#ITP_FORM_ORDMNG03010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));					
200
-			$('#ITP_FORM_ORDMNG03010_SDELETE_SWHS_NM').show();
195
+		$('#ITP_FORM_ORDMNG03010_SEARCH_SPPLY_ID').val(fn_make_user_info.get('userId')); //input hidden 값 넣기
196
+		$('#ITP_FORM_ORDMNG03010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));//input hidden 값 넣기				
197
+		$('#ITP_FORM_ORDMNG03010_SDELETE_SWHS_NM').show(); //버튼 보이게 하기
201 198
 	}
202 199
 };
203 200
 
204 201
 /*목록화면 Object*/
205 202
 let listObj = {
206 203
 	init: function () {
207
-			this.grid.init();
204
+		this.grid.init(); //grid 에 init 불러오기
208 205
 	},
209
-	itp_ORDMNG03010_search: false,
210
-	
206
+	itp_ORDMNG03010_search: false, //조회 안함
211 207
 	button: {
212
-			search: function() {
213
-					listObj.itp_ORDMNG03010_search = true;
214
-					let param = $('#ITP_FORM_ORDMNG03010_SEARCH').serializeObject();
215
-					param.gridSize = $.jgrid.defaults.rowNum;
216
-					param.gridPage = $.jgrid.defaults.pageITP_FORM_ORDMNG03010_SSEARCH_SWHS_NM;
217
-					$(ORDMNG03010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
218
-			},
219
-			create: function() {
220
-					if(!fn_make_user_info.isEmpty()) {
221
-						const rowKey = $(ORDMNG03010_GRID_ID).getGridParam('selrow');
222
-						if (!rowKey) {//선택 안했을시
223
-							alert("납품서를 선택해주세요 (대표 납품서번호)") ;
224
-							return;
225
-						}
226
-						var selectedIds = $(ORDMNG03010_GRID_ID).getGridParam('selarrrow');
227
-						if(selectedIds.length > 1) { // 1이상 선택
228
-						   alert("납품서 하나만 선택해주세요 (대표 납품서번호)") ;
229
-							return;
230
-						} 
231
-						var selRowData ;
232
-						
233
-						for (var i=selectedIds.length-1; i>=0; i--) {//1개만 선택시
234
-							selRowData = $(ORDMNG03010_GRID_ID).jqGrid('getRowData', selectedIds[i]);
235
-						}
236
-						const key = {brandId :fn_make_user_info.get('brandId'), dlvSttmtUnqNo : selRowData.dlvSttmtUnqNo};
237
-						fn_call_popup('biz', 'BIZPOP_DLV_STTMT_PRN', '#ITP_ASIDE',null, key, 'S');
238
-					}
208
+		search: function() {
209
+			listObj.itp_ORDMNG03010_search = true; //조회 시작
210
+			let param = $('#ITP_FORM_ORDMNG03010_SEARCH').serializeObject();
211
+			param.gridSize = $.jgrid.defaults.rowNum; // 그리드 사이즈 20
212
+			param.gridPage = $.jgrid.defaults.page; // 페이지 1
213
+			$(ORDMNG03010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
214
+		},
215
+		create: function() {
216
+			if(!fn_make_user_info.isEmpty()) { //fn_make_user_info 가 있다면
217
+				const rowKey = $(ORDMNG03010_GRID_ID).getGridParam('selrow'); // 그리드 셀 선택
218
+				if (!rowKey) {//선택 안했을시
219
+					alert("납품서를 선택해주세요 (대표 납품서번호)") ; //출력
220
+					return; //리턴
221
+				}
222
+				var selectedIds = $(ORDMNG03010_GRID_ID).getGridParam('selarrrow');
223
+				if(selectedIds.length > 1) { // 1이상 선택
224
+				   alert("납품서 하나만 선택해주세요 (대표 납품서번호)") ;//출력
225
+					return; //리턴
226
+				} 
227
+				var selRowData ; //변수선언
228
+				
229
+				for (var i=selectedIds.length-1; i>=0; i--) {//1개만 선택시
230
+					selRowData = $(ORDMNG03010_GRID_ID).jqGrid('getRowData', selectedIds[i]);//cell 선택
231
+				}
232
+				const key = {brandId :fn_make_user_info.get('brandId'), dlvSttmtUnqNo : selRowData.dlvSttmtUnqNo}; //popup key 값 설정
233
+				fn_call_popup('biz', 'BIZPOP_DLV_STTMT_PRN', '#ITP_ASIDE',null, key, 'S'); //config 참고 421줄  팝업 이름,키
234
+				
239 235
 			}
240
-			
236
+		}
241 237
 	},
242 238
 	empty: {
243
-			init: function() {
244
-				var _this = this;
245
-				this.push();
246
-				$(ORDMNG03010_GRID_EMPTY).on('click', function() {
247
-						_this.itp_ORDMNG03010_param.gridSize = $.jgrid.defaults.rowNum;
248
-						$(ORDMNG03010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_ORDMNG03010_param)}).trigger('reloadGrid');
249
-				});
250
-			},
251
-			itp_ORDMNG03010_param: {},
252
-			push: function() {
253
-				let param = $('#ITP_FORM_ORDMNG03010_SEARCH').serializeObject();
254
-				listObj.itp_ORDMNG03010_param = param;
255
-			},
239
+		init: function() {
240
+			var _this = this; //_this = this
241
+			this.push(); //push 부르기
242
+			$(ORDMNG03010_GRID_EMPTY).on('click', function() {
243
+					_this.itp_ORDMNG03010_param.gridSize = $.jgrid.defaults.rowNum; 
244
+					$(ORDMNG03010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_ORDMNG03010_param)}).trigger('reloadGrid');
245
+			});
246
+		},
247
+		itp_ORDMNG03010_param: {},//현재 정보는 없음
248
+		push: function() {
249
+			let param = $('#ITP_FORM_ORDMNG03010_SEARCH').serializeObject(); //param 값 선언
250
+			listObj.itp_ORDMNG03010_param = param;//두개의 값은 같다
251
+		}
256 252
 	},
257 253
 	grid: {
258 254
 		init: function () {
259 255
 				// 데이터 없을때
260
-			listObj.empty.push();
261
-			this.search();
256
+			listObj.empty.push();//listObj 에서 empty 에서 push 불러오기
257
+			this.search();//search 불러오기
262 258
 		},
263
-		colModel: gridColModel.list,
259
+		colModel: gridColModel.list,	//컬럼정보
264 260
 		search: function() {
265
-			pageObj.screen();
266
-			this.load();
261
+			pageObj.screen(); 	//공통 스크린 불러오기
262
+			this.load();		//load 불러오기
267 263
 		},
268 264
 		load: function() {
269
-			let param = $('#ITP_FORM_ORDMNG03010_SEARCH').serializeObject();
270
-			param.gridSize = $.jgrid.defaults.rowNum;
271
-			param.sbrandId = fn_make_user_info.get('brandId');
265
+			let param = $('#ITP_FORM_ORDMNG03010_SEARCH').serializeObject(); //param 값 선언
266
+			param.gridSize = $.jgrid.defaults.rowNum; //그리드 사이즈 20
267
+			param.sbrandId = fn_make_user_info.get('brandId'); //안쓰는 api 값 넣기
272 268
 			var option = {
273
-				gridId: ORDMNG03010_GRID_ID,
274
-				colModel: gridColModel.list,
275
-				param: param,
276
-				url: DOMAIN + API_DELI_GRID_LIST,
277
-				pager: ORDMNG03010_GRID_PAGER,
278
-				multiselect: true,
269
+				gridId: ORDMNG03010_GRID_ID, //아이디 정보
270
+				colModel: gridColModel.list, //컬럼 정보
271
+				param: param, //파람 정보
272
+				url: DOMAIN + API_DELI_GRID_LIST,//API 주소 정보
273
+				pager: ORDMNG03010_GRID_PAGER, //페이지 정보
274
+				multiselect: true, //동시선택 가능
279 275
 				loadComplete: function(data) {
280 276
 					itp_fn_grid_load_complete(data, ORDMNG03010_GRID_ID, true, 'number', 'ORDMNG03010', listObj.itp_ORDMNG03010_search, listObj.empty, true, data.gridRecords, true);
281 277
 

+ 166 - 627
src/main/webapp/js/app/vendinfo/ITP_VENDINFO02010.js

@@ -1,8 +1,7 @@
1 1
 require(['config'], function() {
2 2
 	require([
3
-			'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
4 3
 	], function($) {
5
-			pageObj.init();
4
+		pageObj.init();	//config 적용
6 5
 	});
7 6
 });
8 7
 
@@ -14,436 +13,204 @@ require(['config'], function() {
14 13
 * let pageObj = {}			: 화면공통 Object			*
15 14
 * let listObj = {}			: 목록화면 Object			*
16 15
 * let viewObj = {}			: 상세화면 Object			*
17
-* let modifyObj = {}		: 수정화면 Object			*
18
-* let createObj = {}		: 신규화면 Object			*
19 16
 *******************************************************/
20 17
 
21 18
 /*화면 변수*/
22
-const VENDINFO02010_GRID_ID = '#ITP_VENDINFO02010_jqGrid';
23
-const VENDINFO02010_GRID_LIST = '#ITP_VENDINFO02010_jqGrid_list';
24
-const VENDINFO02010_GRID_PAGER = '#ITP_VENDINFO02010_jqGridPager';
25
-const VENDINFO02010_GRID_EMPTY = '#ITP_VENDINFO02010_jqGridEmpty';
19
+const VENDINFO02010_GRID_ID = '#ITP_VENDINFO02010_jqGrid'; 			//GRID_ID 선언
20
+const VENDINFO02010_GRID_LIST = '#ITP_VENDINFO02010_jqGrid_list';	//GRID_LIST 선언
21
+const VENDINFO02010_GRID_PAGER = '#ITP_VENDINFO02010_jqGridPager';	//GRID_PAGER 선언
22
+const VENDINFO02010_GRID_EMPTY = '#ITP_VENDINFO02010_jqGridEmpty';	//GRID_EMPTY 선언
26 23
 
27
-const VENDINFO02010_VIEW_GRID_ID = '#ITP_VENDINFO02010_VIEW_jqGrid';
28
-const VENDINFO02010_VIEW_GRID_LIST = '#ITP_VENDINFO02010_VIEW_jqGrid_list';
29
-const VENDINFO02010_VIEW_GRID_PAGER = '#ITP_VENDINFO02010_VIEW_jqGridPager';
30
-const VENDINFO02010_VIEW_GRID_EMPTY = '#ITP_VENDINFO02010_VIEW_jqGridEmpty';
31
-
32
-const VENDINFO02010_DETAIL_GRID_ID = '#ITP_VENDINFO02010_DETAIL_jqGrid';
33
-const VENDINFO02010_DETAIL_GRID_LIST = '#ITP_VENDINFO02010_DETAIL_jqGrid_list';
34
-const VENDINFO02010_DETAIL_GRID_PAGER = '#ITP_VENDINFO02010_DETAIL_jqGridPager';
35
-const VENDINFO02010_DETAIL_GRID_EMPTY = '#ITP_VENDINFO02010_DETAIL_jqGridEmpty';
36
-
37
-let ITP_FORM_VENDINFO02010_DETAIL_IS_DUPLICATE = false;
38
-let ITP_FORM_VENDINFO02010_DETAIL_IS_WRITING = false;
39 24
 
40 25
 /*API URL*/
41
-let API_DETAIL_GRID_LIST 	= '/api/item/spply-grid-list';	    // 목록
42
-let API_DETAIL_INFO 		= '/api/item/info-item';			// 상세
43
-let API_DETAIL_SAVE 		= '/api/item/save-item';			// 저장
44
-let API_ITEM_CLASS_LEVEL	= '/api/item/class-level-list';		//품목분류 level 검색
26
+let API_ITEM_GRID_LIST 	= '/api/item/spply-grid-list';	    // 목록 
27
+let API_ITEM_INFO 		= '/api/item/info-item';			// 상세
45 28
 
46 29
 /*화면 Grid ColModel*/
47 30
 const gridColModel = {
48 31
 	list: [
49
-	
50
-			{
51
-					index: 'ITEM_ID', name: 'itemId',
52
-					label: ITP_MSG_LOCALE.label.itemId, //품목번호
53
-					width: '12', fixed: false, align: 'center',
54
-					sortable: false, hidden: false
55
-			},
56 32
 			{
57
-					index: 'ITEM_ID', name: 'itemId',
58
-					label: ITP_MSG_LOCALE.label.itemId, //품목번호
59
-					width: '12', fixed: false, align: 'center',
60
-					sortable: false, hidden: true
33
+				index: 'ITEM_ID', name: 'itemId',  			//서버로 전송시 데이터 명 , 데이터명
34
+				label: ITP_MSG_LOCALE.label.itemId, 		//품목번호
35
+				width: '12', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
36
+				sortable: false, hidden: false 				//정렬가능 여부,화면표시 여부
61 37
 			},
62 38
 			{
63
-					index: 'ITEM_NM', name: 'itemNm',
64
-					label: ITP_MSG_LOCALE.label.itemNm, //품목명
65
-					width: '13', fixed: false, align: 'center',
66
-					sortable: false, hidden: false
39
+				index: 'ITEM_NM', name: 'itemNm',			//서버로 전송시 데이터 명 , 데이터명
40
+				label: ITP_MSG_LOCALE.label.itemNm, 		//품목명
41
+				width: '13', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
42
+				sortable: false, hidden: false 				//정렬가능 여부,화면표시 여부
67 43
 			},
68 44
 			{
69
-					index: 'ITEM_TYPE_NM', name: 'itemTypeNm',
70
-					label: ITP_MSG_LOCALE.label.itemTypeNm, //품목유형
71
-					width: '10', fixed: false, align: 'center',
72
-					sortable: false, hidden: false
45
+				index: 'ITEM_TYPE_NM', name: 'itemTypeNm',	//서버로 전송시 데이터 명 , 데이터명
46
+				label: ITP_MSG_LOCALE.label.itemTypeNm, 	//품목유형
47
+				width: '10', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
48
+				sortable: false, hidden: false 				//정렬가능 여부,화면표시 여부
73 49
 			},
74 50
 			{
75
-					index: 'ITEM_CLASS_NM', name: 'itemClassNm',
76
-					label: ITP_MSG_LOCALE.label.itemClassNm, //품목분류
77
-					width: '12', fixed: false, align: 'center',
78
-					sortable: false, hidden: false
51
+				index: 'ITEM_CLASS_NM', name: 'itemClassNm',//서버로 전송시 데이터 명 , 데이터명
52
+				label: ITP_MSG_LOCALE.label.itemClassNm, 	//품목분류
53
+				width: '12', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
54
+				sortable: false, hidden: false 				//정렬가능 여부,화면표시 여부
79 55
 			},
80 56
 			{
81
-					index: 'ITEM_ST_CD', name: 'itemStCd',
82
-					label: ITP_MSG_LOCALE.label.stNm, //상태
83
-					width: '6', fixed: false, align: 'center',
84
-					sortable: false, hidden: true
57
+				index: 'ITEM_ST_NM', name: 'itemStNm',		//서버로 전송시 데이터 명 , 데이터명
58
+				label: "상태", 								//상태
59
+				width: '8', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
60
+				sortable: false, hidden: false 				//정렬가능 여부,화면표시 여부
85 61
 			},
86 62
 			{
87
-					index: 'PODR_PSSBLDVSN_NM', name: 'podrPssblDvsnNm',
88
-					label: ITP_MSG_LOCALE.label.podrPssblDvsnNm, //발주여부
89
-					width: '6', fixed: false, align: 'center',
90
-					sortable: false, hidden: false
63
+				index: 'PODR_PSSBLDVSN_NM', name: 'podrPssblDvsnNm',//서버로 전송시 데이터 명 , 데이터명
64
+				label: ITP_MSG_LOCALE.label.podrPssblDvsnNm, //발주여부
65
+				width: '6', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
66
+				sortable: false, hidden: false 				//정렬가능 여부,화면표시 여부
91 67
 			},
92 68
 			{
93
-					index: 'UNIT', name: 'unit',
94
-					label: ITP_MSG_LOCALE.label.unit, //기본단위
95
-					width: '6', fixed: false, align: 'center',
96
-					sortable: false, hidden: false
69
+				index: 'UNIT', name: 'unit',				//서버로 전송시 데이터 명 , 데이터명		
70
+				label: ITP_MSG_LOCALE.label.unit, 			//기본단위
71
+				width: '6', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
72
+				sortable: false, hidden: false 				//정렬가능 여부,화면표시 여부
97 73
 			},
98 74
 			{
99
-					index: 'PCH_ITEM_YN', name: 'pchItemYn',
100
-					label: ITP_MSG_LOCALE.label.pchItemYn, //구매품목여부
101
-					width: '8', fixed: false, align: 'center',
102
-					sortable: false, hidden: false
75
+				index: 'PCH_ITEM_YN', name: 'pchItemYn',	//서버로 전송시 데이터 명 , 데이터명
76
+				label: ITP_MSG_LOCALE.label.pchItemYn, 		//구매품목여부
77
+				width: '8', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
78
+				sortable: false, hidden: false 				//정렬가능 여부,화면표시 여부
103 79
 			},
104 80
 			{
105
-					index: 'SALE_ITEM_YN', name: 'saleItemYn',
106
-					label: ITP_MSG_LOCALE.label.saleItemYn, //판매품목여부
107
-					width: '8', fixed: false, align: 'center',
108
-					sortable: false, hidden: false
109
-			},
110
-	],
111
-	detail: [
112
-			{
113
-					index: 'VIEW_CD', name: 'viewCd',
114
-					label: ITP_MSG_LOCALE.label.viewCd,
115
-					width: '10', fixed: false, align: 'center',
116
-					sortable: false, hidden: true
117
-			},
118
-			{
119
-					index: 'AUTH_NO', name: 'authNo',
120
-					label: ITP_MSG_LOCALE.label.permitCd,
121
-					width: '20', fixed: false, align: 'center',
122
-					sortable: false, editable: false, edittype: 'text',
123
-					editrules: {required: true}
124
-			},
125
-			{
126
-					index: 'AUTH_NM', name: 'authNm',
127
-					label: ITP_MSG_LOCALE.label.permitName,
128
-					width: '30', fixed: false, align: 'center',
129
-					sortable: true, editable: false, edittype: 'text',
130
-					editrules: {required: true}
131
-			},
132
-			{
133
-					index: 'USE_YN_NM', name: 'useYnNm',
134
-					label: ITP_MSG_LOCALE.label.status,
135
-					width: '10', fixed: false, align: 'center',
136
-					sortable: false, editable: false, edittype: 'text'
137
-			},
138
-			{
139
-					index: 'ADD_DT', name: 'addDt',
140
-					label: ITP_MSG_LOCALE.label.regDt,
141
-					width: '10', fixed: false, align: 'center',
142
-					sortable: false, editable: false, edittype: 'text'
81
+				index: 'SALE_ITEM_YN', name: 'saleItemYn',	//서버로 전송시 데이터 명 , 데이터명
82
+				label: ITP_MSG_LOCALE.label.saleItemYn, 	//판매품목여부
83
+				width: '8', fixed: false, align: 'center',	// cell가로넓이,고정 여부 ,text정렬 
84
+				sortable: false, hidden: false 				//정렬가능 여부,화면표시 여부
143 85
 			}
144 86
 	]
145 87
 };
146
-
147 88
 /*화면공통 Object*/
148
-let pageObj = {
89
+let pageObj = {		
149 90
 	init: function () {
150
-			this.ui.init();
151
-			this.event.init();
152
-			this.fileUpload();
153
-			storeSpplyObj.init();
154
-
91
+		this.ui.init(); //ui 안 init 불러옴
92
+		this.event.button(); //event 안 button 불러옴
155 93
 	},
156 94
 	ui: {
157
-			init: function () {
158
-					this.view();
159
-					this.grid();
160
-					this.ready();
161
-			},
162
-			view: function() {
163
-					// 버튼 권한설정
164
-					fn_proc_btn_auth('VENDINFO02010');
165
-
166
-					// 공통코드 표시
167
-					$('select').each(function() {
168
-							if($(this).data('select-code')) {
169
-									fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
170
-							}
171
-					});
172
-
173
-					itemClassLevel.make(1, 'LIST');
174
-			},
175
-			grid: function() {
176
-					itp_fn_jqgrid_resize(VENDINFO02010_GRID_ID, VENDINFO02010_GRID_LIST, 'lg');
177
-					listObj.empty.init();
178
-					itp_fn_fire_window_resize();
179
-			},
180
-			ready: function() {
181
-					listObj.init();
182
-			}
95
+		init: function () {
96
+			this.view(); //ui 에서 view 불러옴
97
+			this.ready();//ui 에서 ready 불러옴
98
+		},
99
+		view: function() {
100
+			// 버튼 권한설정
101
+			fn_proc_btn_auth('VENDINFO02010');
102
+			// 공통코드 표시
103
+			$('select').each(function() {
104
+				if($(this).data('select-code')) {
105
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
106
+				}
107
+			});
108
+		},
109
+		ready: function() {
110
+			listObj.init();//목록화면 오브젝트
111
+		}
183 112
 	},
184 113
 	event: {
185
-			init: function () {
186
-					this.button();
187
-			},
188
-			button: function () {
189
-					// 버튼 클릭 이벤트
190
-					$('button').each(function() {
191
-							var id = $(this).attr('id');
192
-							$(this).on('click', function() {
193
-									switch (id) {
194
-											case 'ITP_BTN_VENDINFO02010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
195
-											case 'ITP_BTN_VENDINFO02010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
196
-											case 'ITP_BTN_VENDINFO02010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
197
-											case 'ITP_BTN_VENDINFO02010_CANCELLIST'		: createObj.button.cancel(); 	break;	// 취소/목록 버튼
198
-											case 'ITP_BTN_VENDINFO02010_DELETE'			: 								break;	// 삭제 버튼
199
-											case 'ITP_BTN_VENDINFO02010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
200
-											case 'ITP_FORM_VENDINFO02010_DETAIL_DUP'		: createObj.button.duplicate();	break;	// 중복체크
201
-											case 'ITP_BTN_VENDINFO02010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
202
-									}
203
-							});
204
-					});
205
-
206
-					$('body').on('click', function(e) {
207
-							var gridId = VENDINFO02010_DETAIL_GRID_ID.replace('#', '');
208
-							var rids = $(VENDINFO02010_DETAIL_GRID_ID).jqGrid('getDataIDs');
209
-							var last_row_id = rids[rids.length - 1];
210
-							itp_fn_grid_reset_selection(e, last_row_id, gridId, 'VENDINFO02010_DETAIL');
211
-					});
212
-
213
-			}
214
-	},
215
-	fileUpload: function() {
216
-			//파일업로드(등록/수정화면)
217
-			var id = 'VENDINFO02010';
218
-			$('#ITP_' + id + '_DETAIL_UPLOAD').empty();
219
-			const fileArgs = {
220
-					'fileNo': $('#ITP_FORM_' + id + '_DETAIL_FILE_NO').val(),
221
-					'viewCd': $('#ITP_FORM_' + id + '_DETAIL_VIEW_CD').val(),
222
-					'showYn': $('#ITP_' + id + '_DETAIL_UPLOAD').attr('data-show-yn'),
223
-					'fileId': '#ITP_FORM_' + id + '_DETAIL_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
224
-			};
225
-			itp_fn_set_file_upload('ITP_' + id + '_DETAIL_UPLOAD', 'notice', true, false, id, fileArgs);
226
-	},
227
-	switchScreen: function(mode) {
228
-			$('.itp_det_head').find('button[id^="ITP_BTN_VENDINFO02010_"]').each(function(i) {
229
-					$(this).hide();
230
-			});
231
-			$('#ITP_TAB_VENDINFO02010').find('div[id$="_CONTAINER"]').each(function(i) {
232
-					$(this).hide();
233
-			});
234
-			if(mode == 'LIST') { // 목록
235
-					$('#ITP_AJAX_VENDINFO02010_LIST_CONTAINER').show();
236
-					if(fn_make_user_info.get('authTpCd') !== '60') {
237
-						$('#ITP_FORM_VENDINFO02010_SEARCH_STORE_SPPLY').show();
238
-						$('#ITP_FORM_VENDINFO02010_DELETE_STORE_SPPLY').show();
239
-					} else {
240
-						$('#ITP_FORM_VENDINFO02010_SEARCH_STORE_SPPLY').hide();
241
-						$('#ITP_FORM_VENDINFO02010_DELETE_STORE_SPPLY').hide();
114
+		button: function () {
115
+			// 버튼 클릭 이벤트
116
+			$('button').each(function() {
117
+				var id = $(this).attr('id');
118
+				$(this).on('click', function() {//버튼 클릭시
119
+					switch (id) {
120
+						case 'ITP_BTN_VENDINFO02010_SRH'		: listObj.button.search();	break	// 조회 버튼 클릭시 멈춤
121
+						case 'ITP_BTN_VENDINFO02010_CANCELLIST'	: viewObj.button.cancel(); 			// 취소/목록 버튼
242 122
 					}
243
-					
244
-					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_SRH']);
245
-			} else if(mode == 'ADD') { // 등록
246
-					$('#ITP_AJAX_VENDINFO02010_DETAIL_CONTAINER').show();
247
-					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_CANCELLIST', '#ITP_BTN_VENDINFO02010_SAVE']);
248
-
249
-					$('#ITP_FORM_VENDINFO02010_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
250
-							$(this).attr('id') === 'ITP_FORM_VENDINFO02010_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
251
-							if(elem.type === 'select') {
252
-									$(this).val('').prop('selected', true);
253
-							}
254
-					});
255
-
256
-					$('#ITP_FORM_VENDINFO02010_DETAIL_STORE_ID').removeAttr('readonly');
257
-					$('#ITP_FORM_VENDINFO02010_DETAIL_DUP').removeAttr('disabled');
258
-
259
-					// 가맹점 정보 설정
260
-					$('#ITP_FORM_VENDINFO02010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
261
-					$('#ITP_FORM_VENDINFO02010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
262
-					$('#ITP_FORM_VENDINFO02010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
263
-					$('#ITP_FORM_VENDINFO02010_DETAIL .fnItemClassMgntNo').text('(자동부여)');
264
-			} else if(mode == 'MODIFY') { // 수정
265
-					$('#ITP_AJAX_VENDINFO02010_DETAIL_CONTAINER').show();
266
-					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_CANCELLIST', '#ITP_BTN_VENDINFO02010_SAVE', '#ITP_BTN_VENDINFO02010_RESET_PW']);
267
-
268
-					$('#ITP_FORM_VENDINFO02010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
269
-					$('#ITP_FORM_VENDINFO02010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
270
-					$('#ITP_FORM_VENDINFO02010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
271
-					$('#ITP_FORM_VENDINFO02010_DETAIL_STORE_ID').attr('readonly', true);
272
-					$('#ITP_FORM_VENDINFO02010_DETAIL_DUP').attr('disabled', true);
273
-					$('#ITP_FORM_VENDINFO02010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
274
-
275
-					$('#ITP_FORM_VENDINFO02010_DETAIL_SEARCH_AFFL_SHOP').hide();
276
-					$('#ITP_FORM_VENDINFO02010_DETAIL_DELETE_AFFL_SHOP').hide();
277
-			} else if(mode == 'VIEW') { // 보기
278
-					$('#ITP_AJAX_VENDINFO02010_VIEW_CONTAINER').show();
279
-					$('#ITP_FORM_VENDINFO02010_VIEW .fnBrandNm').text(fn_make_user_info.get('brandNm'));
280
-					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_MODIFY', '#ITP_BTN_VENDINFO02010_CANCELLIST']);
281
-			}
123
+				});
124
+			});
125
+		}
282 126
 	},
283
-	grid: {
284
-		init: function(mode) {
285
-			this.mode = mode;
286
-			this.gridId = (mode === 'VIEW') ? VENDINFO02010_VIEW_GRID_ID : VENDINFO02010_NEW_GRID_ID;
287
-			this.unload();
288
-			this.load(mode);
289
-		},
290
-		mode: 'DETAIL',
291
-		gridId: '',
292
-		button: {
293
-			addRow: function() {
294
-				// 팝업
295
-				var gridId = (pageObj.pageMode === 'MODIFY') ? VENDINFO02010_NEW_GRID_ID : VENDINFO02010_DETAIL_GRID_ID;
296
-				var popFn = function(rowDataPop) {
297
-					console.log(rowDataPop);
298
-					// 기존등록 사용자ID
299
-					var exists = '';
300
-					const rowData = $(gridId).getRowData();
301
-					$.each(rowData, function(key, value) {
302
-						exists = exists + value.authNo + ';';
303
-					});
304
-
305
-					$.each(rowDataPop, function(key, value) {
306
-						// console.log(JSON.stringify(value));
307
-						if(exists.indexOf(value.authNo) < 0) {
308
-							value['viewCd'] =  "C";
309
-							$(gridId).jqGrid('addRowData', value.authNo, value, 'last');
310
-						}
311
-					});
312
-					$((pageObj.pageMode === 'MODIFY') ? VENDINFO02010_NEW_GRID_EMPTY : VENDINFO02010_DETAIL_GRID_EMPTY).hide();
313
-				};
314
-				fn_call_popup('comm', 'STORE_SPPLY', '#ITP_ASIDE', popFn, null, 'S');
315
-			},
316
-			delRow: function() {
317
-				itp_fn_grid_del_row((pageObj.pageMode === 'MODIFY') ? VENDINFO02010_NEW_GRID_ID : VENDINFO02010_DETAIL_GRID_ID);
318
-			}
319
-		},
320
-		load : function() {
321
-			var gridId = (pageObj.pageMode === 'MODIFY') ? VENDINFO02010_NEW_GRID_ID : VENDINFO02010_VIEW_GRID_ID;
322
-			var formId = (pageObj.pageMode === 'MODIFY') ? '#ITP_FORM_VENDINFO02010_NEW' : '#ITP_FORM_VENDINFO02010_VIEW';
323
-			let param = $(formId).serializeObject();
324
-			param.gridSize = $.jgrid.defaults.rowNum;
325
-			param.pagingYn = false; // 페이지안함
326
-
327
-			var option = {
328
-				gridId: gridId,
329
-				colModel: gridColModel.detail,
330
-				param: param,
331
-				url: DOMAIN + API_USERAUTH_GRID_LIST,
332
-				multiselect: (this.mode !== 'VIEW'),
333
-				loadComplete: function(data) {
334
-					console.log(data);
335
-					itp_fn_grid_load_complete(data, gridId, true, undefined, 'VENDINFO02010_' + this.mode);
336
-				},
337
-				onSortCol: function(index, columnIndex, sortOrder) {
338
-					var sortingFn = {
339
-						callBack: function(args) {
340
-							$(args).trigger('reloadGrid');
341
-						}
342
-					};
343
-					if (itp_fn_check_grid_is_writing(gridId)) {
344
-						itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, gridId);
345
-						return 'stop';
346
-					} else {
347
-						itp_fn_grid_sorting(gridId, index, sortOrder);
348
-					}
349
-				}
350
-			};
351
-			itp_fn_grid_make_not_paging(option);
352
-		},
353
-		unload : function() {
354
-			$.jgrid.gridUnload(this.gridId);
127
+	switchScreen: function(mode) {
128
+		//itp_det_head 에서 Id가 ITP_BTN_VENDINFO02010_인 버튼을 찾아서 숨기기
129
+		$('.itp_det_head').find('button[id^="ITP_BTN_VENDINFO02010_"]').each(function(i) {
130
+				$(this).hide();
131
+		});
132
+		//ITP_TAB_VENDINFO02010 에서 _CONTAINER 컨테이너 찾아서 숨기기
133
+		$('#ITP_TAB_VENDINFO02010').find('div[id$="_CONTAINER"]').each(function(i) {
134
+				$(this).hide();
135
+		});
136
+		if(mode == 'LIST') { // mode 가 List 일때 List컨테이너를 보여주고 조회버튼 보이기
137
+				$('#ITP_AJAX_VENDINFO02010_LIST_CONTAINER').show();
138
+				fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_SRH']);
139
+		}  else if(mode == 'VIEW') { // mode 가 VIEW 일때 VEIW 컨테이너를 보여주고 취소/목록버튼 보이기
140
+				$('#ITP_AJAX_VENDINFO02010_VIEW_CONTAINER').show();
141
+				fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_CANCELLIST']);
355 142
 		}
356
-	}
143
+	},
357 144
 };
358 145
 
359 146
 /*목록화면 Object*/
360 147
 let listObj = {
361 148
 	init: function () {
362
-			this.form();
363
-			this.grid.init();
149
+		this.grid.init(); //grid에서 init 불러오기
364 150
 	},
365
-    itp_VENDINFO02010_param: {},
366
-	itp_VENDINFO02010_search: false,
151
+    itp_VENDINFO02010_param: {}, //itp_VENDINFO02010_param 값 없음
152
+	itp_VENDINFO02010_search: false, // 조회안함
367 153
 	button: {
368
-			search: function() {
369
-					listObj.itp_VENDINFO02010_search = true;
370
-					var url = DOMAIN + API_DETAIL_GRID_LIST;
371
-					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject();
372
-					param.gridSize = $.jgrid.defaults.rowNum;
373
-					param.gridPage = $.jgrid.defaults.page;
374
-					$(VENDINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
375
-			},
376
-			create: function() {
377
-					if(!fn_make_user_info.isEmpty()) {
378
-						createObj.init();
379
-					}
380
-			}
381
-	},
382
-	form: function() {
383
-			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS1').on('change', function() {
384
-					($(this).val() === '') ? itemClassLevel.clear(2): itemClassLevel.change(2);
385
-			});
386
-			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS2').on('change', function() {
387
-					($(this).val() === '') ? itemClassLevel.clear(3): itemClassLevel.change(3);
388
-			});
389
-			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS3').on('change', function() {
390
-					($(this).val() === '') ? itemClassLevel.clear(4): itemClassLevel.change(4);
391
-			});
154
+		search: function() {
155
+			listObj.itp_VENDINFO02010_search = true; //조회시작
156
+			let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject(); // param 선언
157
+			param.gridSize = $.jgrid.defaults.rowNum; // 그리드 사이즈 20
158
+			param.gridPage = $.jgrid.defaults.page; // 페이지 1
159
+			
160
+			$(VENDINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
161
+		},
392 162
 	},
393 163
 	empty: {
394
-			init: function() {
395
-					var _this = this;
396
-					this.push();
397
-					$(VENDINFO02010_GRID_EMPTY).on('click', function() {
398
-							_this.back();
399
-							_this.itp_VENDINFO02010_param.gridSize = $.jgrid.defaults.rowNum;
400
-							$(VENDINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_VENDINFO02010_param)}).trigger('reloadGrid');
401
-					});
402
-			},
403
-			itp_VENDINFO02010_param: {},
404
-			push: function() {
405
-					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject();
406
-					listObj.itp_VENDINFO02010_param = param;
407
-			},
408
-			back: function() {
409
-//					$('#ITP_FORM_VENDINFO02010_SERVICE_ST_CD').val(this.itp_VENDINFO02010_param.sitemStCd);
410
-					$('#ITP_FORM_VENDINFO02010_SEARCH_PODR_PSSBL_DVSN').val(listObj.itp_VENDINFO02010_param.podrPssblDvsnNm);
411
-					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_KIND').val(listObj.itp_VENDINFO02010_param.sitemKind);
412
-					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_NM').val(listObj.itp_VENDINFO02010_param.itemNm);
413
-			}
164
+		init: function() {
165
+			var _this = this; //_this 는 this 와 같음 
166
+			this.push(); //push 불러옴
167
+			$(VENDINFO02010_GRID_EMPTY).on('click', function() { //Empty 페이지 클릭시
168
+					_this.back(); //back 실행
169
+					_this.itp_VENDINFO02010_param.gridSize = $.jgrid.defaults.rowNum; //그리드 사이즈 20
170
+					$(VENDINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_VENDINFO02010_param)}).trigger('reloadGrid');
171
+			});
172
+		},
173
+		itp_VENDINFO02010_param: {}, //param 선언
174
+		push: function() {
175
+			let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject(); //param 선언
176
+			listObj.itp_VENDINFO02010_param = param; //param 두개는 같다
177
+		},
178
+		back: function() {
179
+//			$('#ITP_FORM_VENDINFO02010_SERVICE_ST_CD').val(this.itp_VENDINFO02010_param.sitemStCd); //공통코드 선택 상태
180
+			$('#ITP_FORM_VENDINFO02010_SEARCH_PODR_PSSBL_DVSN').val(listObj.itp_VENDINFO02010_param.podrPssblDvsnNm);//공통코드  발주구분선택
181
+			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_NM').val(listObj.itp_VENDINFO02010_param.itemNm); //현재 접속중인 공급사 명 표시
182
+		}
414 183
 	},
415 184
 	grid: {
416 185
 			init: function () {
417 186
 					// 데이터 없을때
418
-					listObj.empty.push();
419
-					this.search();
187
+					listObj.empty.push();//listObj 에 empty 에 push 불러오기
188
+					this.search(); //search 불러오기
420 189
 			},
421
-			colModel: gridColModel.list,
190
+			colModel: gridColModel.list,//컬럼정보
422 191
 			search: function() {
423
-					pageObj.switchScreen('LIST');
424
-//					this.unload();
425
-//					this.localLoad();
426
-					this.load();
192
+					pageObj.switchScreen('LIST');//리스트 페이지로
193
+					this.load();//load 불러오기
427 194
 			},
428 195
 			localLoad: function() {
429 196
 				var option = {
430
-					gridId: VENDINFO02010_GRID_ID,
431
-					colModel: gridColModel.list,
432
-					data: [],
433
-					multiselect: true,
434
-					pager: VENDINFO02010_GRID_PAGER,
435
-					onCellSelect: function(rowId, cellIdx, cellValue) {
436
-						var cm = $(this).jqGrid('getGridParam', 'colModel');
437
-						var colNm = cm[cellIdx].name;
438
-						if (colNm == 'itemId') {
439
-								const selectVal = $(this).jqGrid('getCell', rowId, 'itemId');
440
-								const key = {brandId:fn_make_user_info.get('brandId'), itemId: selectVal, viewCd: 'R'};
441
-								var param = $.param(key);
442
-								viewObj.init(param);
197
+					gridId: VENDINFO02010_GRID_ID, 	//그리드 아이디 정보
198
+					colModel: gridColModel.list,	//컬럼 정보
199
+					data: [],//데이터 정보
200
+					multiselect: true, //동시선택 가능
201
+					pager: VENDINFO02010_GRID_PAGER, //페이지 정보
202
+					onCellSelect: function(rowId, cellIdx, cellValue) { //셀 선택시
203
+						var cm = $(this).jqGrid('getGridParam', 'colModel'); //cm 선언 
204
+						var colNm = cm[cellIdx].name; //col 이름 선언
205
+						if (colNm == 'itemId') {	//그리드  셀 이름이 아이템 이름일때
206
+								const selectVal = $(this).jqGrid('getCell', rowId, 'itemId');//selectVal 선언
207
+								const key = {brandId:fn_make_user_info.get('brandId'), itemId: selectVal, viewCd: 'R'};//key 값 선언
208
+								var param = $.param(key); //param 에 key 값 넣기
209
+								viewObj.init(param); // view init 으로 param 보내기
443 210
 						}
444 211
 					},	
445 212
 					loadComplete: function(data) {
446
-						console.log(data);
213
+						console.log(data); //콘솔 data 출력
447 214
 						if(data && data.length > 0) {
448 215
 							itp_fn_grid_load_complete(data, VENDINFO02010_GRID_ID, true, 'number', 'VENDINFO02010', listObj.itp_VENDINFO02010_search, listObj.empty, true, data.gridRecords, true);
449 216
 							var ids = $(VENDINFO02010_GRID_ID).getDataIDs();
@@ -459,19 +226,17 @@ let listObj = {
459 226
 				itp_fn_grid_make_local(option);
460 227
 			},
461 228
 			load: function() {
462
-					$('#ITP_FORM_VENDINFO02010_SEARCH_SPPLY_ID').val(fn_make_user_info.get('spplyId'));
463
-					$('#ITP_FORM_VENDINFO02010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));
464
-					$('#ITP_FORM_VENDINFO02010_SEARCH_SPPLY_NM').val(fn_make_user_info.get('spplyNm'));
229
+					$('#ITP_FORM_VENDINFO02010_SEARCH_SPPLY_ID').val(fn_make_user_info.get('spplyId'));//fn_make_user_info 에서 spplyId 가져와서 넣기
230
+					$('#ITP_FORM_VENDINFO02010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));//fn_make_user_info 에서 brandId 가져와서 넣기
231
+					$('#ITP_FORM_VENDINFO02010_SEARCH_SPPLY_NM').val(fn_make_user_info.get('spplyNm'));//fn_make_user_info 에서 spplyNm 가져와서 넣기
465 232
 
466
-					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject();
467
-					param.gridSize = $.jgrid.defaults.rowNum;
468
-					param.sbrandId = sessionStorage.getItem('itp_brand_id') !== null ? sessionStorage.getItem('itp_brand_id') : 'BRD221000001';
233
+					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject(); //param 값넣기 
469 234
 
470 235
 					var option = {
471 236
 							gridId: VENDINFO02010_GRID_ID,
472 237
 							colModel: gridColModel.list,
473 238
 							param: param,
474
-							url: DOMAIN + API_DETAIL_GRID_LIST,
239
+							url: DOMAIN + API_ITEM_GRID_LIST,
475 240
 							pager: VENDINFO02010_GRID_PAGER,
476 241
 							onCellSelect: function(rowId, cellIdx, cellValue) {
477 242
 									var cm = $(this).jqGrid('getGridParam', 'colModel');
@@ -497,74 +262,52 @@ let listObj = {
497 262
 					};
498 263
 					itp_fn_grid_make_remote(option);
499 264
 			},
500
-			clearData : function() {
501
-					$(VENDINFO02010_GRID_ID).jqGrid('clearGridData', true);
502
-					$(VENDINFO02010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
503
-					$(VENDINFO02010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
504
-					$(VENDINFO02010_GRID_EMPTY).show();
505
-			},
506
-			unload : function() {
507
-					$.jgrid.gridUnload(VENDINFO02010_GRID_ID);
508
-			}
509 265
 	}
510 266
 };
511 267
 
512 268
 /*상세화면 Object*/
513 269
 let viewObj = {
514 270
 	init: function (param) {
515
-			this.load(param);
271
+		this.load(param);//load param 불러오기
516 272
 	},
517 273
 	load: function(param) {
518
-			fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
274
+		fn_ajax_call(API_ITEM_INFO, param, this.callback, 'GET');//API 주소, param  , Fn, 파일형식
519 275
 	},
520
-	callback: function (result) {
521
-			console.log(result);
522
-			pageObj.switchScreen('VIEW');
523
-			$('#ITP_FORM_VENDINFO02010_VIEW #ITP_FORM_VENDINFO02010_VIEW_ITEM_ID').val(result.itemId);
524
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnStCd').text(result.itemStCd);
525
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass1').text(result.itemClass1);
526
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass2').text(result.itemClass2);
527
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass3').text(result.itemClass3);
528
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass4').text(result.itemClass4);
529
-			/*
530
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass1Nm').text(result.itemClass1Nm);
531
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass2Nm').text(result.itemClass2Nm);
532
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass3Nm').text(result.itemClass3Nm);
533
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass4Nm').text(result.itemClass4Nm);
276
+	button: {
277
+		cancel: function() {
278
+			listObj.grid.search(); //취소 버튼은 listObj 에 grid 안 search에 적용
279
+		}
280
+	},
281
+	callback: function (result) { 
282
+			pageObj.switchScreen('VIEW'); //VIEW로 화면 전환시
534 283
 			
535
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnClass2').text(">");
536
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnClass3').text(">");
537
-			$('#ITP_FORM_VENDINFO02010_VIEW .fnClass4').text(">");
538
-			*/
539
-			var itemClassNm = "";
284
+			var itemClassNm = ""; //itemClassNm 값 없음
540 285
 			
541
-			if (result.itemClass1Nm != null && result.itemClass1Nm != "")
286
+			if (result.itemClass1Nm != null && result.itemClass1Nm != "")//itemclass1Nm 값이 있을때
542 287
 			{
543
-				var itemClassNm = result.itemClass1Nm;
288
+				var itemClassNm = result.itemClass1Nm;  //itemClassNm 에 itemClass1Nm 값 넣음
544 289
 			}
545 290
 			
546
-			if (result.itemClass2Nm != null && result.itemClass2Nm != "")
291
+			if (result.itemClass2Nm != null && result.itemClass2Nm != "")//itemclass2Nm 값이 있을때
547 292
 			{
548
-				var itemClassNm = itemClassNm + " " + ">" + " " + result.itemClass2Nm;	
549
-				
293
+				var itemClassNm = itemClassNm + " " + ">" + " " + result.itemClass2Nm;	//itemClassNm 에 itemClassNm + > + itemClass2Nm 값 넣음
550 294
 			}
551 295
 			
552
-			if (result.itemClass3Nm != null && result.itemClass3Nm != "")
296
+			if (result.itemClass3Nm != null && result.itemClass3Nm != "")//itemclass3Nm 값이 있을때
553 297
 			{
554
-				var itemClassNm = itemClassNm + " " + ">" + " " + result.itemClass3Nm;			
298
+				var itemClassNm = itemClassNm + " " + ">" + " " + result.itemClass3Nm;	//itemClassNm 에 itemClassNm + > + itemClass3Nm 값 넣음		
555 299
 			}
556 300
 			
557
-			if (result.itemClass4Nm != null && result.itemClass4Nm != "")
301
+			if (result.itemClass4Nm != null && result.itemClass4Nm != "")//itemclass4Nm 값이 있을때
558 302
 			{
559
-				var itemClassNm = itemClassNm + " " + ">" + " " + result.itemClass4Nm;	
303
+				var itemClassNm = itemClassNm + " " + ">" + " " + result.itemClass4Nm;	//itemClassNm 에 itemClassNm + > + itemClass4Nm 값 넣음
560 304
 	
561 305
 			}
306
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnBrandNm').text(fn_make_user_info.get('brandNm'));//fn_make_user_info에서 brandNm 가져와서 넣기
562 307
 			
563
-			
308
+			/*#ITP_FORM_VENDINFO02010_VIEW 안에 있는 fn class에 API데이터 넣기*/
564 309
 			
565 310
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass1Nm').text(itemClassNm);
566
-			
567
-			
568 311
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClassMgntNo').text(result.itemClassMgntNo);
569 312
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemId').text(result.itemId);
570 313
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemTypeNm').text(result.itemTypeNm);
@@ -577,7 +320,6 @@ let viewObj = {
577 320
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnWidthUnit').text(result.widthUnit);
578 321
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnHeightUnit').text(result.heightUnit);
579 322
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnHighUnit').text(result.highUnit);
580
-			
581 323
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnPchItemYn').text(result.pchItemYn);
582 324
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnViewPchUnit').text(result.pchUnit);
583 325
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnSaleItemYn').text(result.saleItemYn);
@@ -589,221 +331,18 @@ let viewObj = {
589 331
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnWidth').text(result.width);
590 332
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnHeight').text(result.height);
591 333
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnHigh').text(result.high);
592
-			
593 334
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnOneBoxQty').text(result.oneBoxQty);
594 335
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnExpryYn').text(result.expryYn);
595 336
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnExpryPeriod').text(result.expryPeriod);
596 337
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnRtnPssblYn').text(result.rtnPssblYn);
597 338
 			$('#ITP_FORM_VENDINFO02010_VIEW .fnRtnDvsn').text(result.rtnDvsnNm);
598
-			// $('#ITP_FORM_VENDINFO02010_VIEW .fnItemImage').text(result.imageFileNoList);
339
+			
340
+			//#ITP_FORM_VENDINFO02010_VIEW 안에 있는 fnItemImage에  API데이터를 이미지 경로로 넣기
599 341
 			$.each(result.imageFileNoList, function(index, item) {
600 342
 					$('#ITP_FORM_VENDINFO02010_VIEW .fnItemImage').append('<img src=" + item.filePath +" />');
601 343
 			});
602 344
 	}
603 345
 };
604 346
 
605
-/*수정화면 Object*/
606
-let modifyObj = {
607
-	init: function () {
608
-	},
609
-	button: {
610
-			modify: function (param) {
611
-					itp_fn_form_clear_validate(null, '#ITP_FORM_VENDINFO02010_DETAIL');
612
-					const selectVal = $('#ITP_FORM_VENDINFO02010_VIEW_ITEM_ID').val();
613
-					const key = {brandId:fn_make_user_info.get('brandId'), itemId: selectVal, viewCd: 'R'};
614
-					var param = $.param(key);
615
-					modifyObj.load(param);
616
-			}
617
-	},
618
-	load: function(param) {
619
-			fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
620
-	},
621
-	callback: function (result) {
622
-			console.log(result);
623
-			pageObj.switchScreen('MODIFY');
624
-
625
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_VIEW_CD').val('U');
626
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ITEM_ID').val(result.itemId);
627
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_STORE_ST_CD').val(result.itemStCd);
628
-			$('#ITP_FORM_VENDINFO02010_DETAIL .fnItemClassMgntNo').text(result.itemId);
629
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ITEM_TYPE').val(result.itemType);
630
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ITEM_NM').val(result.itemClassNm);
631
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_IMP_DVSN').val(result.impDvsn);
632
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_PODR_PSSBL_DVSN').val(result.podrPssblDvsn);
633
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_UNIT').val(result.unit);
634
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_PCH_ITEM_YN').val(result.pchItemYn);
635
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_PCH_UNIT').val(result.pchUnit);
636
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_SALE_ITEM_YN').val(result.saleItemYn);
637
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_SALE_UNIT').val(result.saleUnit);
638
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ASSET_INFO').val(result.assetInfo);
639
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_STCK_UNIT').val(result.stckUnit);
640
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_WEIGHT').val(result.weight);
641
-			$('#ITP_FORM_VENDINFO02010_DETAIL .item_unit').text(result.unit);
642
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_VOLUME').val(result.volume);
643
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_WIDTH').val(result.width);
644
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_HEIGHT').val(result.height);
645
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_HIGH').val(result.high);
646
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ONE_BOX_QTY').val(result.oneBoxQty);
647
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_EXPRY_YN').val(result.expryYn);
648
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_EXPRY_PERIOD').val(result.expryPeriod);
649
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_RTN_PSSBL_YN').val(result.rtnPssblYn);
650
-			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_RTN_DVSN').val(result.rtnDvsn);
651
-			$.each(result.imageFileNoList, function(index, item) {
652
-					$('#ITP_FORM_VENDINFO02010_VIEW .ITEM_IMAGE').append('<img src=" + item.filePath +" />');
653
-			});
654 347
 
655
-			itemClassLevel.data.push(result.itemClass1);
656
-			itemClassLevel.data.push(result.itemClass2);
657
-			itemClassLevel.data.push(result.itemClass3);
658
-			itemClassLevel.data.push(result.itemClass4);
659
-			itemClassLevel.make(1, 'MODIFY');
660
-	}
661
-};
662
-
663
-/*신규화면 Object*/
664
-let createObj = {
665
-	init: function () {
666
-			pageObj.switchScreen('ADD');
667
-			itp_fn_form_clear_validate(null, '#ITP_FORM_VENDINFO02010_DETAIL');
668
-			this.button.init();
669
-			itemClassLevel.make(1, 'ADD');
670
-	},
671
-	button: {
672
-			init: function() {
673
-					$('#ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS1').off('change').on('change', function() {
674
-							($(this).val() === '') ? itemClassLevel.clear(2): itemClassLevel.change(2);
675
-					});
676
-					$('#ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS2').off('change').on('change', function() {
677
-							($(this).val() === '') ? itemClassLevel.clear(3): itemClassLevel.change(3);
678
-					});
679
-					$('#ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS3').off('change').on('change', function() {
680
-							($(this).val() === '') ? itemClassLevel.clear(4): itemClassLevel.change(4);
681
-					});
682
-			},
683
-			cancel: function() {
684
-					listObj.grid.search();
685
-			},
686
-			save: function() {
687
-					const formId = '#ITP_FORM_VENDINFO02010_DETAIL';
688
-					itp_fn_form_clear_validate(null, formId);
689
-					if (createObj.isValid(formId)) {
690
-							let param = $(formId).serializeObject();
691
-							console.log(JSON.stringify(param));
692
-							var searhFn = function() {
693
-									ITP_FORM_VENDINFO02010_DETAIL_IS_WRITING = false;
694
-									listObj.grid.search();
695
-							};
696
-							fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
697
-					}
698
-			}
699
-	},
700
-	isValid: function(formId) {
701
-			var isValid = false;
702
-			$(formId).find('input, select, checkbox, textarea').each(function(k) {
703
-					if($(this).data('check-required')) {
704
-							var arry = $(this).data('check-required').split(',');
705
-							isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
706
-							if(!isValid) return false;
707
-					}
708
-			});
709
-			return isValid;
710
-	}
711
-};
712 348
 
713
-var itemClassLevel = {
714
-	level: 1,
715
-	levelID: '',
716
-	data: [],
717
-	keys: function() {
718
-			var keys = {sBrandId:fn_make_user_info.get('brandId'), sItemLevel: this.level};
719
-			for(var i=1; i<=this.level; i++) {
720
-					var key = 'sItemClass' + i;
721
-					var id = '#' + this.levelID + i;
722
-					keys[key] = $(id + ' option:selected').val();
723
-			}
724
-			return keys;
725
-	},
726
-	make: function(level, mode) {
727
-			this.level = level;
728
-			this.levelID = (mode === 'LIST' ? 'ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS' : 'ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS');
729
-			if(mode !== 'MODIFY') {
730
-					this.data.length = 0;
731
-					this.clear(1);
732
-			}
733
-			this.call($.param(this.keys()), mode === 'MODIFY');
734
-	},
735
-	change: function(level) {
736
-			this.level = level;
737
-			this.clear(level);
738
-			this.call($.param(this.keys()), false);
739
-	},
740
-	call: function(param, isModify) {
741
-			var _this = this;
742
-			var callbackFn = function(result) {
743
-					var id = _this.levelID + _this.level;
744
-					fn_make_select_item_class(result.searchList, id, true, _this.emptyText());
745
-					if(isModify) {
746
-							$('#' + id).val(_this.data[ _this.level - 1]);
747
-							if(_this.level < _this.data.length) {
748
-									if(_this.data[_this.level] !== '') {
749
-											_this.level++;
750
-											_this.call( $.param(_this.keys()), isModify);
751
-									}
752
-							}
753
-					}
754
-			};
755
-			fn_ajax_call(API_ITEM_CLASS_LEVEL, param, callbackFn, 'GET');
756
-	},
757
-	emptyText: function() {
758
-			return '품목분류Level' + this.level;
759
-	},
760
-	clear: function(level) {
761
-			for(var i=level; i<5; i++) {
762
-					$('#' + (this.levelID + i)).find('option:not(:first)').remove();
763
-			}
764
-	}
765
-};
766
-let storeSpplyObj = {
767
-		init: function () {
768
-			this.action();
769
-		},
770
-		action: function () {
771
-			var _this = this;
772
-			// 가맹점 조회  클릭
773
-			$('#ITP_FORM_VENDINFO02010_SEARCH_STORE_SPPLY').on('click', function() {
774
-				_this.popup('L');
775
-			});
776
-			// 가맹점 텍스트 삭제 버튼 클릭
777
-			$('#ITP_FORM_VENDINFO02010_DELETE_STORE_SPPLY').on('click', function() {
778
-				$('#ITP_FORM_VENDINFO02010_SEARCH_SPPLY_NM').val('');
779
-				$('select#ITP_FORM_VENDINFO02010_SEARCH_BRAND_ID option').remove();
780
-			});
781
-		},
782
-		popup: function (view) {
783
-			// 팝업
784
-			var popFn = (view === 'C') ? this.callback.create : this.callback.list;
785
-			fn_call_popup('biz', 'BIZPOP_STORE_SPPLY', '#ITP_ASIDE', popFn, null, 'S');
786
-		},
787
-		callback: {
788
-			list: function(rowDataPop) {
789
-				 console.log(rowDataPop);
790
-				if(rowDataPop) {
791
-					$('#ITP_FORM_VENDINFO02010_SEARCH_SPPLY_ID').val(rowDataPop.spplyId);
792
-					$('#ITP_FORM_VENDINFO02010_SEARCH_SPPLY_NM').val(rowDataPop.spplyNm);
793
-				}
794
-				if(rowDataPop.AFFL_BRAND) {
795
-					fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_VENDINFO02010_SEARCH_BRAND_ID', true, '선택');
796
-				}
797
-			},
798
-			create: function(rowDataPop) {
799
-				console.log(rowDataPop);
800
-				if(rowDataPop) {
801
-					$('#ITP_FORM_VENDINFO02010_DETAIL_SEARCH_STORE_SPPLY_ID').val(rowDataPop.spplyId);
802
-					$('#ITP_FORM_VENDINFO02010_DETAIL_SEARCH_STORE_SPPLY_NM').val(rowDataPop.spplyNm);
803
-				}
804
-				if(rowDataPop.AFFL_BRAND) {
805
-					fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_VENDINFO02010_DETAIL_BRAND_NM', true, '선택');
806
-				}
807
-			}
808
-		}
809
-	};