기준정보관리 화면 구성

bin/src/main/webapp/js/app/config.js

@@ -410,7 +410,8 @@ var fn_make_affl_brand = {
 				$.each(rowDataPop, function(key, value) {
 					itp_fn_close_other_tab(''); // 다른탭 닫기
 					$('#ITP_TXT_MAIN_SHR_BRAND').text('(' + value.brandNm + ')');
-					sessionStorage.setItem('itp_manage_brand_cd', JSON.stringify(value));
+					console.log(JSON.stringify(value));
+					sessionStorage.setItem('itp_manage_brand_info', JSON.stringify(value));
 				});
 			};
 			fn_call_popup('biz', 'BIZPOP_AFFL_BRAND', '#ITP_ASIDE', popFn, null, 'S');

src/main/webapp/app/oper/OPER02010.html

@@ -21,7 +21,6 @@
 									<input type="hidden" id="ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_ID" name="safflShopId" value="">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_OPER01010_SEARCH_AFFL_SHOP_NM" class="form-control itp_input" name="sAfflShopNm" placeholder="가맹점" />
 											<input type="text" id="ITP_FORM_OPER02010_SEARCH_AFFL_SHOP_NM" class="form-control itp_input" name="safflShopNm" placeholder="가맹점" />
 										</div>
 										<div class="col-xs-1 itp_in" style="width:8%; padding:0px;">

src/main/webapp/app/popup/biz/BIZPOP_ITEM_CLASS_MANAGE.html

@@ -0,0 +1,73 @@
+<div id="ITP_BIZPOP_ITEM_CLASS_MANAGE" class="modal itp_modal">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+				<h5 class="modal-title">품목분류 정보</h5>
+			</div>
+			<div class="modal-body">
+				<div class="itp_form itp_type1 fix">
+					<div class="col-xs-12">
+						<div class="form-horizontal">
+							<h4 class="itp_form_tit">분류 정보</h4>
+							<form id="ITP_FORM_NOTICE_INFO_POPUP">
+								<div class="form-group">
+									<label class="col-xs-3 itp_lb">상위 분류정보</label>
+									<div class="col-xs-9 itp_ip">
+										<div class="col-xs-3 itp_in">
+											<select id="ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS1" class="form-control itp_input" name="sitemClass1">
+												<option value="A">품목분류Level1</option>
+											</select>
+										</div>
+										<div class="col-xs-3 itp_in">
+											<select id="ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS2" class="form-control itp_input" name="sitemClass2">
+												<option value="A">품목분류Level2</option>
+											</select>
+										</div>
+										<div class="col-xs-3 itp_in">
+											<select id="ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS3" class="form-control itp_input" name="sitemClass3">
+												<option value="A">품목분류Level3</option>
+											</select>
+										</div>
+										<div class="col-xs-3 itp_in">
+											<select id="ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS4" class="form-control itp_input" name="sitemClass4">
+												<option value="A">품목분류Level4</option>
+											</select>
+										</div>
+									</div>
+								</div>
+								<div class="form-group">
+									<label class="col-xs-3 itp_lb">분류 코드 </label>
+									<div class="col-xs-9 itp_ip ITEM_ST_CD">
+									</div>
+								</div>
+								<div class="form-group colspan">
+									<label class="col-xs-2 itp_lb">분류명</label>
+									<div class="col-xs-4 itp_ip">
+										<div class="col-xs-6 itp_in">
+											<input type="email" id="ITP_FORM_SITP_TAB_STINFO07010_DETAIL_USER_PW" class="form-control itp_input" name="ITEM_CLASS_NM" value="분류 3 Level">
+										</div>
+									</div>
+								</div>
+								<div class="form-group border">
+									<label class="col-xs-2 itp_lb">출력순번</label>
+									<div class="col-xs-4 itp_ip">
+										<div class="col-xs-3 itp_in">
+											<input type="email" id="ITP_FORM_SITP_TAB_STINFO07010_DETAIL_USER_PW_CONFIRM" class="form-control itp_input" name="PRN_SEQ" value="3">
+										</div>
+									</div>
+								</div>
+							</form>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="modal-footer">
+				<button type="button" id="ITP_BTN_STINFO07010_CLOSE_POP" class="btn btn-danger btn-sm CLB">&nbsp;&nbsp;취소&nbsp;&nbsp;</button>
+				<button type="button" id="ITP_BTN_STINFO07010_DETAIL_SAVE_POP" class="btn btn-primary btn-sm SAB" style="display: inline-block;">&nbsp;&nbsp;저장&nbsp;&nbsp;</button>
+			</div>
+		</div>
+	</div>
+
+	<div id="ITP_POPUP_JS"></div>
+</div>

src/main/webapp/app/stinfo/STINFO02010.html

@@ -72,7 +72,8 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_STINFO02010_DETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_STINFO02010_DETAIL_VIEW_CD" name="viewCd" value="R">
- 								<input type="hidden" id="ITP_FORM_STINFO02010_DETAIL_USER_ID" name="userId" value="">
+ 								<input type="hidden" id="ITP_FORM_STINFO02010_DETAIL_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_STINFO02010_DETAIL_STORE_ID" name="storeId" value="">
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">매장정보-신규</h4>
 									<div class="itp_form_in">
@@ -84,7 +85,7 @@
 											<label class="col-xs-2 itp_lb">상태 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
-								                	<select id="ITP_FORM_STINFO02010_DETAIL_ST_CD" class="form-control itp_input" name="stCd"></select>
+								                	<select id="ITP_FORM_STINFO02010_DETAIL_STORE_ST_CD" class="form-control itp_input" name="stCd"></select>
 												</div>
 											</div>
 										</div>
@@ -212,7 +213,7 @@
 												<div class="col-xs-2 itp_in" style="width:10%;">
 													<button type="button" id="ITP_FORM_STINFO02010_DETAIL_FILE_SEARCH" class="btn btn-primary btn-sm FILE_SEARCH" style="margin:0 3px;">&nbsp;&nbsp;주소찾기&nbsp;&nbsp;</button>
 												</div>
-												<div class="col-xs-4 itp_in" style="margin:0 5px;">a
+												<div class="col-xs-4 itp_in" style="margin:0 5px;">
 													<input type="text" id="ITP_FORM_STINFO02010_DETAIL_LOAD_ADDR" class="form-control itp_input" name="loadAddr" value="" placeholder="기본주소">													
 												</div>
 												<div class="col-xs-4 itp_in">
@@ -264,7 +265,7 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_STINFO02010_VIEW" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_STINFO02010_VIEW_VIEW_CD" name="viewCd" value="R">
-								 <input type="hidden" id="ITP_FORM_STINFO02010_VIEW_USER_ID" name="userId" value="">
+								 <input type="hidden" id="ITP_FORM_STINFO02010_VIEW_STORE_ID" name="storeId" value="">
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">매장정보-상세</h4>
 									<div class="itp_form_in">
@@ -284,7 +285,7 @@
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">매장번호</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-10 itp_in fnStoreNm"></div>
+												<div class="col-xs-10 itp_in fnStoreId"></div>
 											</div>
 											<label class="col-xs-2 itp_lb">매장구분 *</label>
 											<div class="col-xs-4 itp_ip">

src/main/webapp/app/stinfo/STINFO03010.html

@@ -206,19 +206,19 @@
 											<label class="col-xs-2 itp_lb">통장사본</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-6 itp_in">
-													<input type="text" id="ITP_FORM_STINFO03010_DETAIL_FILE_PATH" class="form-control itp_input" name="filePath" value="">
+													<input type="text" id="ITP_FORM_STINFO03010_DETAIL_ACCT_FILE_PATH" class="form-control itp_input" name="filePath" value="">
 												</div>
 												<div class="col-xs-6 itp_in" >
-													<button type="button" id="ITP_FORM_STINFO03010_DETAIL_FILE_SEARCH" class="btn btn-primary btn-sm FFB" style="margin:0px; float:right;">&nbsp;&nbsp;파일찾기&nbsp;&nbsp;</button>
+													<button type="button" id="ITP_FORM_STINFO03010_DETAIL_BTN_ACCT_FILE_SEARCH" class="btn btn-primary btn-sm FFB" style="margin:0px; float:right;">&nbsp;&nbsp;파일찾기&nbsp;&nbsp;</button>
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">사업자등록파일</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-8 itp_in">
-								                	<input type="text" id="ITP_FORM_STINFO03010_DETAIL_FILE_PATH" class="form-control itp_input" name="filePath" value="">
+								                	<input type="text" id="ITP_FORM_STINFO03010_DETAIL_BTN_CORP_FILE_PATH" class="form-control itp_input" name="filePath" value="">
 												</div>
 												<div class="col-xs-4 itp_in">
-													<button type="button" id="ITP_FORM_STINFO03010_DETAIL_FILE_SEARCH" class="btn btn-primary btn-sm FFB" style="margin:0; float:right;">&nbsp;&nbsp;파일찾기&nbsp;&nbsp;</button>
+													<button type="button" id="ITP_FORM_STINFO03010_DETAIL_BTN_CORP_FILE_SEARCH" class="btn btn-primary btn-sm FFB" style="margin:0; float:right;">&nbsp;&nbsp;파일찾기&nbsp;&nbsp;</button>
 												</div>
 											</div>
 										</div>
@@ -231,7 +231,7 @@
 													<input type="text" id="ITP_FORM_STINFO03010_DETAIL_ZIP_NO" class="form-control itp_input" name="zipNo" value="" maxlength="6" placeholder="우편번호">													
 												</div>
 												<div class="col-xs-2 itp_in" style="width:10%;">
-													<button type="button" id="ITP_FORM_STINFO03010_DETAIL_FILE_SEARCH" class="btn btn-primary btn-sm FILE_SEARCH" style="margin:0 3px;">&nbsp;&nbsp;주소찾기&nbsp;&nbsp;</button>
+													<button type="button" id="ITP_FORM_STINFO03010_DETAIL_ADDR_SEARCH" class="btn btn-primary btn-sm FILE_SEARCH" style="margin:0 3px;">&nbsp;&nbsp;주소찾기&nbsp;&nbsp;</button>
 												</div>
 												<div class="col-xs-4 itp_in" style="margin:0 5px;">
 													<input type="text" id="ITP_FORM_STINFO03010_DETAIL_LOAD_ADDR" class="form-control itp_input" name="loadAddr" value="" placeholder="기본주소">													
@@ -248,8 +248,8 @@
 								<div class="itp_table_head fix" style="background:#f5f5f5;">
 									<h4 class="itp_table_tit">공급업체 담당자 정보</h4>
 									<div class="pull-right itp_cicon">
-										<button type="button" id="ITP_BTN_STINFO03010_DETAIL_ADDROW" class="btn btn-primary btn-sm ARB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;추가&nbsp;&nbsp;</button>
-										<button type="button" id="ITP_BTN_STINFO03010_DETAIL_DELROW" class="btn btn-danger btn-sm DRB"><i class="glyphicon "></i>&nbsp;&nbsp;삭제&nbsp;&nbsp;</button>
+										<button type="button" id="ITP_BTN_STINFO03010_DETAIL_ADDROW" class="btn btn-primary btn-sm ARB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;행추가&nbsp;&nbsp;</button>
+										<button type="button" id="ITP_BTN_STINFO03010_DETAIL_DELROW" class="btn btn-danger btn-sm DRB"><i class="glyphicon "></i>&nbsp;&nbsp;행삭제&nbsp;&nbsp;</button>
 									</div>
 								</div>
 								<div id="ITP_STINFO03010_DETAIL_jqGrid_list" class="itp_tb_list">
@@ -268,6 +268,7 @@
 							<form id="ITP_FORM_STINFO03010_VIEW" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_STINFO03010_VIEW_VIEW_CD" name="viewCd" value="C">
 								<input type="hidden" id="ITP_FORM_STINFO03010_VIEW_POP_NO" name="popNo" value="">
+								<input type="hidden" id="ITP_FORM_STINFO03010_DETAIL_SPPLY_ID" name="spplyId" value="">
 								<input type="hidden" id="ITP_FORM_STINFO03010_VIEW_MENU_NO" name="menuNo" value="">
 								<input type="hidden" id="ITP_FORM_STINFO03010_VIEW_FILE_NO" name="popFileNo" value="">
 					
@@ -277,7 +278,7 @@
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">브랜드 *</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-10 itp_in fbBrandNm"></div>
+												<div class="col-xs-10 itp_in fnBrandNm"></div>
 											</div>
 											<label class="col-xs-2 itp_lb">상태 *</label>
 											<div class="4 itp_ip">

src/main/webapp/app/stinfo/STINFO04010.html

@@ -19,7 +19,7 @@
 								<form id="ITP_FORM_STINFO04010_SEARCH" class="form-horizontal">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_STINFO04010_SERVICE_ST_CD" class="form-control itp_input" name="serviceStCd">
+											<select id="ITP_FORM_STINFO04010_SERVICE_ST_CD" class="form-control itp_input" name="sitemStCd">
 												<option value="">가능</option>										
 												<option value="">단종</option>										
 											</select>	
@@ -84,7 +84,8 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_STINFO04010_DETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_STINFO04010_DETAIL_VIEW_CD" name="viewCd" value="R">
-								<input type="hidden" id="ITP_FORM_STINFO04010_DETAIL_MAIL_FORM_NO" name="mailFormNo" value="">
+								<input type="hidden" id="ITP_FORM_STINFO04010_DETAIL_MAIL_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_STINFO04010_DETAIL_MAIL_ITEM_ID" name="itemId" value="">
 								<input type="hidden" id="ITP_FORM_STINFO04010_DETAIL_FILE_NO" name="fileNo" value="">
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">품목정보-신규</h4>
@@ -98,7 +99,7 @@
 											<label class="col-xs-2 itp_lb">상태 *</label>
 											<div class="col-xs-3 itp_ip">
 												<div class="col-xs-9 itp_in">
-								               		<select id="ITP_FORM_STINFO04010_DETAIL_ST_CD" class="form-control itp_input" name="stCd"></select>
+								               		<select id="ITP_FORM_STINFO04010_DETAIL_ST_CD" class="form-control itp_input default_st_cd" name="stCd"></select>
 												</div>
 											</div>
 										</div>
@@ -178,7 +179,7 @@
 											<label class="col-xs-2 itp_lb">기본단위 *</label>
 											<div class="col-xs-5 itp_ip">
 												<div class="col-xs-9 itp_in">
-									                <select id="ITP_FORM_STINFO04010_DETAIL_UNIT" class="form-control itp_input" name="unit"></select>
+									                <select id="ITP_FORM_STINFO04010_DETAIL_UNIT" class="form-control itp_input detail_item_unit" name="unit"></select>
 												</div>
 											</div>
 										</div>
@@ -197,7 +198,7 @@
 											<label class="col-xs-2 itp_lb">구매단위</label>
 											<div class="col-xs-5 itp_ip">
 												<div class="col-xs-9 itp_in">
-									                <select id="ITP_FORM_STINFO04010_DETAIL_PCH_UNIT" class="form-control itp_input" name="pchUnit"></select>
+									                <select id="ITP_FORM_STINFO04010_DETAIL_PCH_UNIT" class="form-control itp_input detail_item_unit" name="pchUnit"></select>
 												</div>
 											</div>
 										</div>
@@ -216,7 +217,7 @@
 											<label class="col-xs-2 itp_lb">판매단위</label>
 											<div class="col-xs-5 itp_ip">
 												<div class="col-xs-9 itp_in">
-								      	          	<select id="ITP_FORM_STINFO04010_DETAIL_SALE_UNIT" class="form-control itp_input" name="saleUnit"></select>
+								      	          	<select id="ITP_FORM_STINFO04010_DETAIL_SALE_UNIT" class="form-control itp_input detail_item_unit" name="saleUnit"></select>
 												</div>
 											</div>
 										</div>
@@ -232,7 +233,7 @@
 											<label class="col-xs-2 itp_lb">재고단위</label>
 											<div class="col-xs-5 itp_ip">
 												<div class="col-xs-9 itp_in">
-								      	          	<select id="ITP_FORM_STINFO04010_DETAIL_SALE_UNIT" class="form-control itp_input" name="stckUnit"></select>
+								      	          	<select id="ITP_FORM_STINFO04010_DETAIL_STCK_UNIT" class="form-control itp_input detail_item_unit" name="stckUnit"></select>
 												</div>
 											</div>
 										</div>
@@ -245,7 +246,7 @@
 													<input type="text" id="ITP_FORM_STINFO04010_DETAIL_WEIGHT" class="form-control itp_input" name="weight" value="">
 												</div>
 												<div class="col-xs-4 itp_in">
-	              									<select id="ITP_FORM_STINFO04010_DETAIL_" class="form-control itp_input" name=""></select>
+	              									<select id="ITP_FORM_STINFO04010_DETAIL_WEIGHT_UNIT" class="form-control itp_input detail_item_unit" name="weight_unit"></select>
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">부피</label>
@@ -254,7 +255,7 @@
 													<input type="text" id="ITP_FORM_STINFO04010_DETAIL_VOLUME" class="form-control itp_input" name="volume" value="">
 												</div>
 												<div class="col-xs-6 itp_in">
-	              									<select id="ITP_FORM_STINFO04010_DETAIL_" class="form-control itp_input" name=""></select>
+	              									<select id="ITP_FORM_STINFO04010_DETAIL_VOLUME_UNIT" class="form-control itp_input detail_item_unit" name=""></select>
 												</div>
 											</div>
 										</div>
@@ -267,7 +268,7 @@
 													<input type="text" id="ITP_FORM_STINFO04010_DETAIL_WIDTH" class="form-control itp_input" name="width" value="">
 												</div>
 												<div class="col-xs-4 itp_in">
-	              									<select id="ITP_FORM_STINFO04010_DETAIL_" class="form-control itp_input" name=""></select>
+	              									<select id="ITP_FORM_STINFO04010_DETAIL_WIDTH_UNIT" class="form-control itp_input detail_item_unit" name=""></select>
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">세로</label>
@@ -276,7 +277,7 @@
 													<input type="text" id="ITP_FORM_STINFO04010_DETAIL_HEIGHT" class="form-control itp_input" name="height" value="">
 												</div>
 												<div class="col-xs-6 itp_in">
-	              									<select id="ITP_FORM_STINFO04010_DETAIL_" class="form-control itp_input" name=""></select>
+	              									<select id="ITP_FORM_STINFO04010_DETAIL_HEIGHT_UNIT" class="form-control itp_input detail_item_unit" name=""></select>
 												</div>
 											</div>
 										</div>
@@ -289,7 +290,7 @@
 													<input type="text" id="ITP_FORM_STINFO04010_DETAIL_HIGH" class="form-control itp_input" name="high" value="">
 												</div>
 												<div class="col-xs-4 itp_in">
-	              									<select id="ITP_FORM_STINFO04010_DETAIL_" class="form-control itp_input" name=""></select>
+	              									<select id="ITP_FORM_STINFO04010_DETAIL_HIGH_UNIT" class="form-control itp_input detail_item_unit" name=""></select>
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">1Box수량</label>
@@ -372,7 +373,7 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_STINFO04010_VIEW" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_STINFO04010_VIEW_VIEW_CD" name="viewCd" value="R">
-								<input type="hidden" id="ITP_FORM_STINFO04010_VIEW_MAIL_FORM_NO" name="mailFormNo" value="">
+								<input type="hidden" id="ITP_FORM_STINFO04010_VIEW_ITEM_ID" name="itemId" value="">
 								<input type="hidden" id="ITP_FORM_STINFO04010_VIEW_FILE_NO" name="fileNo" value="">
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">품목정보-상세</h4>

src/main/webapp/app/stinfo/STINFO05010.html

@@ -81,8 +81,8 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_STINFO05010_DETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_STINFO05010_DETAIL_VIEW_CD" name="viewCd" value="C">
-								<input type="hidden" id="ITP_FORM_STINFO05010_DETAIL_BATCH_NO" name="batchNo" value="">
-								<input type="hidden" id="ITP_FORM_STINFO05010_DETAIL_RUN_SS" name="runSs" value="00"> <!-- 초:00 고정 -->
+								<input type="hidden" id="ITP_FORM_STINFO05010_DETAIL_ITEM_ID" name="itemId" value="">
+								<input type="hidden" id="ITP_FORM_STINFO05010_DETAIL_BRAND_UNIT_UNQ_NO" name="brandUnitUnqNo" value="">
 					
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">단가정보-신규</h4>
@@ -125,8 +125,8 @@
 													<input type="text" id="ITP_FORM_STINFO05010_DETAIL_SPPLY_NM" class="form-control itp_input" name="spplyNm" value="공급업체명" maxlength="100" readonly>
 								                </div>
 												<div class="col-xs-2 itp_in" style="padding-left: 5px;">
-													<button type="button" id="ITP_BTN_STINFO05010_DETAIL_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-													<button type="button" id="ITP_BTN_STINFO05010_DETAIL_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+													<button type="button" id="ITP_BTN_STINFO05010_DETAIL_SRH_SPPLY" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+													<button type="button" id="ITP_BTN_STINFO05010_DETAIL_MODIFY_SPPLY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 								                </div>
 								                <div class="col-xs-3 itp_in" style="padding-left: 5px; left:-40px;">
 													<input type="text" id="ITP_FORM_STINFO05010_DETAIL_SPPLY_ITEM_ID" class="form-control itp_input" name="spplyItemId" value="공급업체 품번" maxlength="100">
@@ -240,8 +240,8 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_STINFO05010_VIEW" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_STINFO05010_VIEW_VIEW_CD" name="viewCd" value="C">
-								<input type="hidden" id="ITP_FORM_STINFO05010_VIEW_BATCH_NO" name="batchNo" value="">
-								<input type="hidden" id="ITP_FORM_STINFO05010_VIEW_RUN_SS" name="runSs" value="00"> <!-- 초:00 고정 -->
+								<input type="hidden" id="ITP_FORM_STINFO05010_VIEW_ITEM_ID" name="itemId" value="">
+								<input type="hidden" id="ITP_FORM_STINFO05010_VIEW_BRAND_UNIT_UNQ_NO" name="brandUnitUnqNo" value="">
 					
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">단가정보-상세</h4>

src/main/webapp/app/stinfo/STINFO06010.html

@@ -18,7 +18,7 @@
 								<form id="ITP_FORM_STINFO06010_SEARCH" class="form-horizontal">
 									<div class="form-group">
 										<div class="col-xs-3 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_STINFO06010_SEARCH_BATCH_NM" class="form-control itp_input" name="sbatchNm" placeholder="매장 *" />
+											<input type="text" id="ITP_FORM_STINFO06010_SEARCH_STORE_NM" class="form-control itp_input" name="sstoreNm" placeholder="매장 *" />
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar" style="width:10%;">
 											<button type="button" id="ITP_BTN_STINFO06010_SEARCH_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
@@ -38,25 +38,27 @@
 						</div>
 					</div>
 				</div>
-				<div id="ITP_AJAX_STINFO06010_LIST_CONTAINER">
+				<div id="ITP_AJAX_STINFO06010_DETAIL_CONTAINER">
 			   		<div class="itp_lg_form itp_type1 fix">
 				       <div class="itp_srh_border fix">
 				          <div class="col-xs-12">
-				          <form id="ITP_FORM_STINFO06010_SEARCH" class="form-horizontal">
+				          <form id="ITP_FORM_STINFO06010_DETAIL" class="form-horizontal">
+							  <input type="hidden" id="ITP_FORM_STINFO05010_DETAIL_CURR" value="">
+							  <input type="hidden" id="ITP_FORM_STINFO05010_DETAIL_UNIT_TARGET_CD" value="">
 				             <div class="form-group">
 				                <div class="col-xs-3 itp_ip itp_noMar">
-				                <input type="text" id="ITP_FORM_STINFO06010_SEARCH_BATCH_NM" class="form-control itp_input" name="sbatchNm" placeholder="매장 *" />
+				                <input type="text" id="ITP_FORM_STINFO06010_DETAIL_STORE_NM" class="form-control itp_input" name="sstoreNm" placeholder="매장 *" />
 				                </div>
 				                <div class="col-xs-2 itp_ip itp_noMar" style="width:10%;">
-				                <button type="button" id="ITP_BTN_STINFO06010_SEARCH_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-				                <button type="button" id="ITP_BTN_STINFO06010_SEARCH_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+				                <button type="button" id="ITP_BTN_STINFO06010_DETAIL_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+				                <button type="button" id="ITP_BTN_STINFO06010_DETAIL_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 				                </div>
 				                <label class="col-xs-1 itp_ip itp_noMar" style="top:6px;">계약기간</label>
 				                <div class="col-xs-3 itp_ip itp_noMar">
 				                <div class="input-daterange input-group date">
-				                   <input type="text" id="ITP_FORM_STINFO06010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="" readonly>
+				                   <input type="text" id="ITP_FORM_STINFO06010_DETAIL_FROM_DT" class="form-control itp_input" name="fromDt" value="" readonly>
 				                   <span class="input-group-addon itp_date_to">~</span>
-				                   <input type="text" id="ITP_FORM_STINFO06010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
+				                   <input type="text" id="ITP_FORM_STINFO06010_DETAIL_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
 				                </div>
 				                </div>
 				             </div>

src/main/webapp/app/stinfo/STINFO07010.html

@@ -6,7 +6,7 @@
 				<div class="pull-right itp_cicon">
 					<button type="button" id="ITP_BTN_STINFO07010_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;조회&nbsp;&nbsp;</button>
 					<button type="button" id="ITP_BTN_STINFO07010_NEWREG" class="btn btn-primary btn-sm ADB" style="display: inline-block;"><i class="glyphicon "></i>&nbsp;&nbsp;추가&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_STINFO07010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon "></i>&nbsp;&nbsp;저장&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_STINFO07010_DEL" class="btn btn-success btn-sm SAB"><i class="glyphicon "></i>&nbsp;&nbsp;삭제&nbsp;&nbsp;</button>
 				</div>
 			</div>
 			<div class="itp_det_in">
@@ -57,10 +57,10 @@
 				<div class="fix">
 					<div class="pull-right itp_cicon" style="margin-top: 4px;">
 		                <button type="button" id="ITP_BTN_STINFO07010_CLOSE" class="btn btn-danger btn-sm CLB">&nbsp;&nbsp;취소&nbsp;&nbsp;</button>									
-		                <button type="button" id="ITP_BTN_STINFO07010_SAVE" class="btn btn-primary btn-sm SAB" style="display: inline-block;">&nbsp;&nbsp;저장&nbsp;&nbsp;</button>
+		                <button type="button" id="ITP_BTN_STINFO07010_DETAIL_SAVE" class="btn btn-primary btn-sm SAB" style="display: inline-block;">&nbsp;&nbsp;저장&nbsp;&nbsp;</button>
 		            </div>
 				</div>
-				<div id="ITP_AJAX_STINFO07010_DETAIL_CONTAINER">
+				<!--<div id="ITP_AJAX_STINFO07010_DETAIL_CONTAINER">
 					<div class="itp_form itp_type1 fix">
 						    <form id="ITP_FORM_SITP_TAB_STINFO07010_DETAIL" class="form-horizontal">
 						        <input type="hidden" id="ITP_FORM_SITP_TAB_STINFO07010_DETAIL_VIEW_CD" name="viewCd" value="C">
@@ -71,22 +71,22 @@
 						                    <label class="col-xs-3 itp_lb">상위 분류정보</label>
 						                    <div class="col-xs-9 itp_ip">
 							                    <div class="col-xs-3 itp_in">
-													<select id="ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS1" class="form-control itp_input" name="sitemClass1">
+													<select id="ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS1" class="form-control itp_input" name="sitemClass1">
 														<option value="A">품목분류Level1</option>											
 													</select>
 												</div>
 												<div class="col-xs-3 itp_in">
-													<select id="ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS2" class="form-control itp_input" name="sitemClass2">
+													<select id="ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS2" class="form-control itp_input" name="sitemClass2">
 														<option value="A">품목분류Level2</option>											
 													</select>
 												</div>
 												<div class="col-xs-3 itp_in">
-													<select id="ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS3" class="form-control itp_input" name="sitemClass3">
+													<select id="ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS3" class="form-control itp_input" name="sitemClass3">
 														<option value="A">품목분류Level3</option>											
 													</select>
 												</div>										
 												<div class="col-xs-3 itp_in">
-													<select id="ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS4" class="form-control itp_input" name="sitemClass4">
+													<select id="ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS4" class="form-control itp_input" name="sitemClass4">
 														<option value="A">품목분류Level4</option>											
 													</select>
 												</div>
@@ -117,7 +117,7 @@
 						        </section>								
 						    </form>
 					</div>
-				</div>
+				</div>-->
 				</div>
 			</div>
 		</article>

src/main/webapp/js/app/config.js

@@ -410,7 +410,7 @@ var fn_make_affl_brand = {
 				$.each(rowDataPop, function(key, value) {
 					itp_fn_close_other_tab(''); // 다른탭 닫기
 					$('#ITP_TXT_MAIN_SHR_BRAND').text('(' + value.brandNm + ')');
-					sessionStorage.setItem('itp_manage_brand_cd', JSON.stringify(value));
+					sessionStorage.setItem('itp_manage_brand_info', JSON.stringify(value));
 				});
 			};
 			fn_call_popup('biz', 'BIZPOP_AFFL_BRAND', '#ITP_ASIDE', popFn, null, 'S');
@@ -463,7 +463,7 @@ function fn_make_side_menu() {
 
 		console.log('[ITP_NAV_LINK] data-itp-nav-id = ' + id + ', data-conn-url = ' + connUrl + ', tabSize = ' + tabSize);
 
-		// if(String(id).indexOf('OPER') === -1 && String(id).indexOf('SYSTEM') === -1 && !sessionStorage.getItem('itp_manage_brand_cd')) {
+		// if(String(id).indexOf('OPER') === -1 && String(id).indexOf('SYSTEM') === -1 && !sessionStorage.getItem('itp_manage_brand_info')) {
 		// 	itp_fn_modal_alert(ITP_MSG_LOCALE.message.page.noChoiceBrand);
 		// 	return false;
 		// }
@@ -625,6 +625,20 @@ function fn_make_select_brand(options, select_id, all_show_yn, all_name) { //브
 	});
 };
 
+function fn_make_select_item_class(options, select_id, all_show_yn, all_name) { //브랜드 셀렉트 박스 만들기
+	$select_id = $('#' + select_id);
+	$select_id.empty();
+	if(all_show_yn == true) {
+		$('<option/>', {'value': '', 'text': all_name}).prependTo($select_id);
+	}
+	$.each(options, function(key, value) {
+		$('<option/>', {
+			'value': value.itemClass,	// 브랜드코드
+			'text': value.itemClassNm	// 브랜드명
+		}).appendTo($select_id);
+	});
+};
+
 function fn_make_select_store(options, select_id, all_show_yn, all_name, all_value) { //매장 셀렉트 박스 만들기
 	$select_id = $('#' + select_id);
 	$select_id.empty();
@@ -1643,6 +1657,7 @@ function itp_fn_search_tabs_detail(tabs, wrap) {
 // [수발주 추가]
 function itp_fn_grid_make_remote(option) {
 	var options = $.extend({
+		mtype: 'POST',
 		multiselect: false,
 		rownumbers: true,
 		loadBeforeSend: function(jqXHR) {
@@ -1656,6 +1671,7 @@ function itp_fn_grid_make_remote(option) {
 	$(options.gridId).jqGrid({
 		colModel: options.colModel,
 		postData: options.param,
+		mtype: options.mtype,
 		url: options.url,
 		pager: options.pager,
 		multiselect: options.multiselect,

src/main/webapp/js/app/locales/locale-ko.js

@@ -111,6 +111,10 @@ const ITP_MSG_LOCALE = (function() {
 			"brandId": "브랜드ID",
 			"brandNm": "브랜드명",
 			"brandTypeNm": "브랜드 타입",
+			"storeId": "매장번호",
+			"storeNm": "매장명",
+			"bsnsRegNo": "사업자등록번호",
+			"storeDvsn": "매장구분",
 			"notiNo": "공지번호",
 			"titlet": "제목",
 			"targetNm": "대상구분",
@@ -118,7 +122,6 @@ const ITP_MSG_LOCALE = (function() {
 			"regDt": "등록일",
 			"lastLogin": "마지막 로그인",
 			"srhResult": "검색결과",
-			"numbering": "NO",
 			"ordering": "노출순서",
 			"ranking": "순위",
 			"tot": "총",
@@ -127,7 +130,41 @@ const ITP_MSG_LOCALE = (function() {
 			"stNm": "상태",
 			"ownerNm": "대표자명",
 			"rprstTelNo": "대표연락처",
-			"joinDt": "가입일자"
+			"joinDt": "가입일자",
+			"sysRegDttm": "최초등록일",
+			"spplyId": "공급업체번호",
+			"spplyNm": "공급업체명",
+			"spplyMgrNm": "담당자명",
+			"position": "직위",
+			"rprstEmal": "이메일",
+			"rprstMblNo": "핸드폰번호",
+			"assgnTaskNm": "담당업무",
+			"itemId": "품목번호",
+			"itemNm": "품목명",
+			"itemTypeNm": "품목유형",
+			"itemClassNm": "품목분류",
+			"podrPssblDvsnNm": "발주여부",
+			"unit": "기본단위",
+			"pchItemYn": "구매품목여부",
+			"saleItemYn": "판매품목여부",
+			"spplyIdNm": "공급업체명",
+			"stddQty": "기준수량",
+			"curr": "통화",
+			"unitAmt": "단가",
+			"contSttDt": "시작일",
+			"contEndDt": "종료일",
+			"leadTime": "리드타임 (Day)",
+			"itemFilePath": "단가계약파일",
+			"spplyItemId": "공급사품번",
+			"sysRegDt": "계약생성일",
+			"unitTargetCd": "대상여부",
+			"itemCnt": "계약품목수",
+			"spplyUnitAmt": "공급단가",
+			"itemClassLevel1": "품목분류Level 1",
+			"itemClassLevel2": "품목분류Level 2",
+			"itemClassLevel3": "품목분류Level 3",
+			"itemClassLevel4": "품목분류Level 4",
+			"prnSeq": "출력순번"
 		},
 		"table": {
 			"brandId": "브랜드ID",

src/main/webapp/js/app/oper/ITP_OPER01010.js

@@ -1,3 +1,10 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		pageObj.init();
+	});
+});
+
 /********************************************************
  --------------------------------------------------------
  - Object 목록								            -
@@ -102,40 +109,40 @@ const gridColModel = {
 			sortable: false, hidden: false
 		}
 	],
-	view: [
-		{
-			index: 'VIEW_CD', name: 'viewCd',
-			label: ITP_MSG_LOCALE.label.viewCd,
-			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
-		},
-		{
-			index: 'AUTH_NO', name: 'authNo',
-			label: ITP_MSG_LOCALE.label.permitCd,
-			width: '20', fixed: false, align: 'center',
-			sortable: false, editable: false, edittype: 'text',
-			editrules: {required: true}
-		},
-		{
-			index: 'AUTH_NM', name: 'authNm',
-			label: ITP_MSG_LOCALE.label.permitName,
-			width: '30', fixed: false, align: 'center',
-			sortable: true, editable: false, edittype: 'text',
-			editrules: {required: true}
-		},
-		{
-			index: 'USE_YN_NM', name: 'useYnNm',
-			label: ITP_MSG_LOCALE.label.status,
-			width: '10', fixed: false, align: 'center',
-			sortable: false, editable: false, edittype: 'text'
-		},
-		{
-			index: 'ADD_DT', name: 'addDt',
-			label: ITP_MSG_LOCALE.label.regDt,
-			width: '10', fixed: false, align: 'center',
-			sortable: false, editable: false, edittype: 'text'
-		}
-	],
+	// view: [
+	// 	{
+	// 		index: 'VIEW_CD', name: 'viewCd',
+	// 		label: ITP_MSG_LOCALE.label.viewCd,
+	// 		width: '10', fixed: false, align: 'center',
+	// 		sortable: false, hidden: true
+	// 	},
+	// 	{
+	// 		index: 'AUTH_NO', name: 'authNo',
+	// 		label: ITP_MSG_LOCALE.label.permitCd,
+	// 		width: '20', fixed: false, align: 'center',
+	// 		sortable: false, editable: false, edittype: 'text',
+	// 		editrules: {required: true}
+	// 	},
+	// 	{
+	// 		index: 'AUTH_NM', name: 'authNm',
+	// 		label: ITP_MSG_LOCALE.label.permitName,
+	// 		width: '30', fixed: false, align: 'center',
+	// 		sortable: true, editable: false, edittype: 'text',
+	// 		editrules: {required: true}
+	// 	},
+	// 	{
+	// 		index: 'USE_YN_NM', name: 'useYnNm',
+	// 		label: ITP_MSG_LOCALE.label.status,
+	// 		width: '10', fixed: false, align: 'center',
+	// 		sortable: false, editable: false, edittype: 'text'
+	// 	},
+	// 	{
+	// 		index: 'ADD_DT', name: 'addDt',
+	// 		label: ITP_MSG_LOCALE.label.regDt,
+	// 		width: '10', fixed: false, align: 'center',
+	// 		sortable: false, editable: false, edittype: 'text'
+	// 	}
+	// ],
 	detail: [
 		{
 			index: 'VIEW_CD', name: 'viewCd',
@@ -172,13 +179,6 @@ const gridColModel = {
 	]
 };
 
-require(['config'], function() {
-	require([
-	], function($) {
-		pageObj.init();
-	});
-});
-
 /*화면공통 Object*/
 let pageObj = {
 	init: function () {
@@ -464,7 +464,7 @@ let viewObj = {
 
 			var option = {
 				gridId: OPER01010_VIEW_GRID_ID,
-				colModel: gridColModel.view,
+				colModel: gridColModel.detail,
 				param: JSON.stringify(param),
 				url: DOMAIN + USER_USERAUTH_GRID_LIST,
 				pager: OPER01010_VIEW_GRID_PAGER,
@@ -552,7 +552,7 @@ let modifyObj = {
 		$('#ITP_FORM_OPER01010_DETAIL .fnLastLoginDt').text(result.lastLoginDt);
 
 		// 권한정보 리스트 조회
-		this.grid.init();
+		modifyObj.grid.init();
 	},
 	grid: {
 		init: function() {

src/main/webapp/js/app/oper/ITP_OPER02010.js

@@ -1,3 +1,10 @@
+require(['config'], function() {
+	require([
+		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+	], function($) {
+		pageObj.init();
+	});
+});
 
 const OPER02010_GRID_ID = '#ITP_OPER02010_jqGrid';
 const OPER02010_GRID_LIST = '#ITP_OPER02010_jqGrid_list';
@@ -154,14 +161,6 @@ const gridColModel = {
 	]
 };
 
-require(['config'], function() {
-	require([
-		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
-	], function($) {
-		pageObj.init();
-	});
-});
-
 /********************************************************
  --------------------------------------------------------
  - Object 목록								            -

src/main/webapp/js/app/oper/ITP_OPER03010.js

@@ -1,3 +1,11 @@
+require(['config'], function() {
+	require([
+		'kakao.postcode',
+		'kakao.maps'
+	], function($) {
+		pageObj.init();
+	});
+});
 
 const OPER03010_GRID_ID = '#ITP_OPER03010_jqGrid';
 const OPER03010_GRID_LIST = '#ITP_OPER03010_jqGrid_list';
@@ -24,110 +32,6 @@ let COMPANY_SAVE_COMPANY = '/api/affl/save-frcomp';
 let COMPANY_CHECK_DUPLICATE = '/api/affl/check-duplicate';
 let USER_INTI_USERPW = '/api/user/inti-userpw';
 
-let kakaoMap = {
-    init: function(id, locate) {
-        this.load(id, locate);
-    },
-    geocoder: null,
-    schDetailAddrFromCoords: function(coords, callback) {
-        // 좌표로 법정동 상세 주소 정보를 요청합니다
-        if(this.geocoder) {
-            this.geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
-        }
-    },
-    getMap: function(id) {
-        var mapContainer = document.getElementById(id), // 지도를 표시할 div
-            mapOption = {
-                center: new kakao.maps.LatLng(37.56684, 126.97865), // 지도의 중심좌표
-                level: 3, // 지도의 확대 레벨
-                mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류
-            };
-
-        // 지도를 생성한다
-        var map = new kakao.maps.Map(mapContainer, mapOption);
-
-        // 마우스 휠과 모바일 터치를 이용한 지도 확대, 축소를 막는다
-        map.setZoomable(false);
-
-        // 지도에 확대 축소 컨트롤을 생성한다
-        //var zoomControl = new kakao.maps.ZoomControl();
-
-        // 지도의 우측에 확대 축소 컨트롤을 추가한다
-        //map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT);
-
-        return map;
-    },
-    marker: function(map, coords) {
-        // 지도에 마커를 생성하고 표시한다
-        marker = new kakao.maps.Marker({
-            position: coords, // 마커의 좌표
-            map: map // 마커를 표시할 지도 객체
-        });
-    },
-    load: function(id, locate) {
-        var _this = this;
-        kakao.maps.load(function() {
-            var map = _this.getMap(id);
-            // 주소-좌표 변환 객체를 생성합니다
-            _this.geocoder = new kakao.maps.services.Geocoder();
-            if( !locate || locate.length == 0 ) {
-                // 지도에 마커를 생성하고 표시한다
-                _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
-            } else {
-                // 주소로 좌표를 검색합니다
-                _this.geocoder.addressSearch(locate, function(result, status) {
-                    // 정상적으로 검색이 완료됐으면
-                    if (status === kakao.maps.services.Status.OK) {
-
-                        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
-                        if(id === 'ITP_FORM_OPER04010_DETAIL_MAP') {
-                            document.getElementById('ITP_FORM_OPER04010_DETAIL_LAT').value = result[0].y;
-                            document.getElementById('ITP_FORM_OPER04010_DETAIL_LNG').value = result[0].x;
-                        }
-
-                        // 결과값으로 받은 위치를 마커로 표시합니다
-                        _this.marker(map, coords);
-
-                        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
-                        map.setCenter(coords);
-                    } else {
-                        _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
-                    }
-                });
-            }
-
-            if(id === 'ITP_FORM_OPER04010_DETAIL_MAP') {
-                _this.listener.drag(map);
-            }
-        });
-    },
-    listener: {
-        drag: function(map) {
-            var _this = this;
-            // 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
-            kakao.maps.event.addListener(map, 'drag', function () {
-                kakaoMap.schDetailAddrFromCoords(map.getCenter(), function(result, status) {
-                    if (status === kakao.maps.services.Status.OK) {
-
-                        document.getElementById('ITP_FORM_OPER04010_DETAIL_LOTS_ADDRESS').value = result[0].address.address_name ;
-                        document.getElementById('ITP_FORM_OPER04010_DETAIL_ADRES').value = !!result[0].road_address ? result[0].road_address.address_name : result[0].address.address_name ;
-                        document.getElementById('ITP_FORM_OPER04010_DETAIL_STREET_ADDRESS').value = !!result[0].road_address ? result[0].road_address.address_name : $('#ITP_FORM_OPER04010_DETAIL_STREET_ADDRESS').val();
-                        document.getElementById('ITP_FORM_OPER04010_DETAIL_ZIPNO').value = !!result[0].road_address ? result[0].road_address.zone_no : $('#ITP_FORM_OPER04010_DETAIL_CMPY_ZIPNO').val() ;
-                        document.getElementById('ITP_FORM_OPER04010_DETAIL_LAT').value = map.getCenter().getLat();
-                        document.getElementById('ITP_FORM_OPER04010_DETAIL_LNG').value = map.getCenter().getLng();
-
-                        // 마커를 클릭한 위치에 표시합니다
-                        marker.setPosition(map.getCenter());
-                        marker.setMap(map);
-                    }
-                });
-                /* 	var message = '지도를 드래그 하고 있습니다. 지도의 중심 좌표는 ' + map.getCenter().toString() +' 입니다.';
-                console.log(message); */
-            });
-        }
-    }
-};
-
 const gridColModel = {
 	// 목록
 	list: [
@@ -216,15 +120,6 @@ const gridColModel = {
 	]
 };
 
-require(['config'], function() {
-	require([
-		'kakao.postcode',
-		'kakao.maps'
-	], function($) {
-		pageObj.init();
-	});
-});
-
 /********************************************************
  --------------------------------------------------------
  - Object 목록								            -
@@ -375,8 +270,6 @@ let listObj = {
 			$(OPER03010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
 		},
 		create: function() {
-			pageObj.switchScreen('ADD');
-			itp_fn_form_clear_validate(null, '#ITP_FORM_OPER03010_DETAIL');
 			createObj.init();
 		}
 	},
@@ -615,6 +508,8 @@ let modifyObj = {
 /*신규등록 화면 Object*/
 let createObj = {
 	init: function() {
+		pageObj.switchScreen('ADD');
+		itp_fn_form_clear_validate(null, '#ITP_FORM_OPER03010_DETAIL');
 		this.load();
 	},
 	load: function() {
@@ -818,3 +713,107 @@ let createObj = {
 		}
 	}
 };
+
+let kakaoMap = {
+	init: function(id, locate) {
+		this.load(id, locate);
+	},
+	geocoder: null,
+	schDetailAddrFromCoords: function(coords, callback) {
+		// 좌표로 법정동 상세 주소 정보를 요청합니다
+		if(this.geocoder) {
+			this.geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
+		}
+	},
+	getMap: function(id) {
+		var mapContainer = document.getElementById(id), // 지도를 표시할 div
+			mapOption = {
+				center: new kakao.maps.LatLng(37.56684, 126.97865), // 지도의 중심좌표
+				level: 3, // 지도의 확대 레벨
+				mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류
+			};
+
+		// 지도를 생성한다
+		var map = new kakao.maps.Map(mapContainer, mapOption);
+
+		// 마우스 휠과 모바일 터치를 이용한 지도 확대, 축소를 막는다
+		map.setZoomable(false);
+
+		// 지도에 확대 축소 컨트롤을 생성한다
+		//var zoomControl = new kakao.maps.ZoomControl();
+
+		// 지도의 우측에 확대 축소 컨트롤을 추가한다
+		//map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT);
+
+		return map;
+	},
+	marker: function(map, coords) {
+		// 지도에 마커를 생성하고 표시한다
+		marker = new kakao.maps.Marker({
+			position: coords, // 마커의 좌표
+			map: map // 마커를 표시할 지도 객체
+		});
+	},
+	load: function(id, locate) {
+		var _this = this;
+		kakao.maps.load(function() {
+			var map = _this.getMap(id);
+			// 주소-좌표 변환 객체를 생성합니다
+			_this.geocoder = new kakao.maps.services.Geocoder();
+			if( !locate || locate.length == 0 ) {
+				// 지도에 마커를 생성하고 표시한다
+				_this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+			} else {
+				// 주소로 좌표를 검색합니다
+				_this.geocoder.addressSearch(locate, function(result, status) {
+					// 정상적으로 검색이 완료됐으면
+					if (status === kakao.maps.services.Status.OK) {
+
+						var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
+						if(id === 'ITP_FORM_OPER04010_DETAIL_MAP') {
+							document.getElementById('ITP_FORM_OPER04010_DETAIL_LAT').value = result[0].y;
+							document.getElementById('ITP_FORM_OPER04010_DETAIL_LNG').value = result[0].x;
+						}
+
+						// 결과값으로 받은 위치를 마커로 표시합니다
+						_this.marker(map, coords);
+
+						// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
+						map.setCenter(coords);
+					} else {
+						_this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+					}
+				});
+			}
+
+			if(id === 'ITP_FORM_OPER04010_DETAIL_MAP') {
+				_this.listener.drag(map);
+			}
+		});
+	},
+	listener: {
+		drag: function(map) {
+			var _this = this;
+			// 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
+			kakao.maps.event.addListener(map, 'drag', function () {
+				kakaoMap.schDetailAddrFromCoords(map.getCenter(), function(result, status) {
+					if (status === kakao.maps.services.Status.OK) {
+
+						document.getElementById('ITP_FORM_OPER04010_DETAIL_LOTS_ADDRESS').value = result[0].address.address_name ;
+						document.getElementById('ITP_FORM_OPER04010_DETAIL_ADRES').value = !!result[0].road_address ? result[0].road_address.address_name : result[0].address.address_name ;
+						document.getElementById('ITP_FORM_OPER04010_DETAIL_STREET_ADDRESS').value = !!result[0].road_address ? result[0].road_address.address_name : $('#ITP_FORM_OPER04010_DETAIL_STREET_ADDRESS').val();
+						document.getElementById('ITP_FORM_OPER04010_DETAIL_ZIPNO').value = !!result[0].road_address ? result[0].road_address.zone_no : $('#ITP_FORM_OPER04010_DETAIL_CMPY_ZIPNO').val() ;
+						document.getElementById('ITP_FORM_OPER04010_DETAIL_LAT').value = map.getCenter().getLat();
+						document.getElementById('ITP_FORM_OPER04010_DETAIL_LNG').value = map.getCenter().getLng();
+
+						// 마커를 클릭한 위치에 표시합니다
+						marker.setPosition(map.getCenter());
+						marker.setMap(map);
+					}
+				});
+				/* 	var message = '지도를 드래그 하고 있습니다. 지도의 중심 좌표는 ' + map.getCenter().toString() +' 입니다.';
+                console.log(message); */
+			});
+		}
+	}
+};

src/main/webapp/js/app/oper/ITP_OPER04010.js

@@ -1,3 +1,12 @@
+require(['config'], function() {
+    require([
+        'kakao.postcode',
+        'kakao.maps'
+    ], function($) {
+        pageObj.init();
+    });
+});
+
 /********************************************************
  --------------------------------------------------------
  - Object 목록								            -
@@ -167,15 +176,6 @@ const gridColModel = {
     ]
 };
 
-require(['config'], function() {
-    require([
-        'kakao.postcode',
-        'kakao.maps'
-    ], function($) {
-        pageObj.init();
-    });
-});
-
 /*화면공통 Object*/
 let pageObj = {
     init: function () {

src/main/webapp/js/app/popup/biz/ITP_BIZPOP_AFFL_SHOP.js

@@ -47,9 +47,7 @@ function itp_fn_BIZPOP_AFFL_SHOP(parentPopFn, args, returnType) {
 			parentPopFn(afflData);
 			$('#ITP_BIZPOP_AFFL_SHOP').modal('hide'); // 팝업닫기
 		};
-		console.log(selRow);
 		var param = {'afflShopId': selRow.afflShopId};
-		console.log('===>', param);
 		fn_ajax_call(BRAND_POP_GRID_LIST, param, callbackFn, 'GET');
 	});
 

src/main/webapp/js/app/popup/biz/ITP_BIZPOP_ITEM_CLASS_MANAGE.js

@@ -0,0 +1,104 @@
+require(['config'], function() {
+	require([
+		'jquery'
+	], function($) {
+
+	});
+});
+
+let AFFL_POP_GRID_LIST 			= '/api/affl/pop-grid-list';
+let BRAND_POP_GRID_LIST 		= '/api/brand/affl-brand-list';
+let API_ITEM_CLASS_LEVEL_POP	= '/api/item/class-level-list';			//품목분류 level 검색
+
+var popPageObj = {
+	init: function () {
+		this.button();
+		this.brandInfo = JSON.parse(sessionStorage.getItem('itp_manage_brand_info'));
+		popItemClassLevel.list(1, true);
+	},
+	brandInfo: {},
+	parentPopFn: null,
+	args: null,
+	returnType: null,
+	button: function() {
+		$('#ITP_BTN_STINFO07010_CLOSE_POP').on('click', function () {
+		});
+		$('#ITP_BTN_STINFO07010_DETAIL_SAVE_POP').on('click', function () {
+		});
+	},
+	form: function() {
+		$('#ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS1').on('change', function() {
+			($(this).val() === '') ? popItemClassLevel.clear(2, true): popItemClassLevel.list(2, true);
+		});
+		$('#ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS2').on('change', function() {
+			($(this).val() === '') ? popItemClassLevel.clear(3, true): popItemClassLevel.list(3, true);
+		});
+		$('#ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS3').on('change', function() {
+			($(this).val() === '') ? popItemClassLevel.clear(4, true): popItemClassLevel.list(4, true);
+		});
+	}
+};
+
+var popItemClassLevel = {
+	isList: true,
+	level: 1,
+	keys: function() {
+		var keys = {sBrandId:popPageObj.brandInfo.brandId, sItemLevel: this.level};
+		for(var i=1; i<this.level; i++) {
+			var key = 'sItemClass' + i;
+			var id = '#ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS' + i;
+			keys[key] = $(id + ' option:selected').val();
+		}
+		return keys;
+	},
+	list: function(level, isList) {
+		this.level = level;
+		this.isList = isList;
+		this.clear(level, isList);
+		this.call( $.param(this.keys()));
+	},
+	detail: {
+		data: [],
+		make: function() {
+			popItemClassLevel.isList = false;
+			popItemClassLevel.call( $.param(popItemClassLevel.keys()));
+		}
+	},
+	call: function(param) {
+		fn_ajax_call(API_ITEM_CLASS_LEVEL_POP, param, this.callback, 'GET');
+	},
+	callback: function(result) {
+		// console.log(result);
+		var id = 'ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS' + popItemClassLevel.level;
+		fn_make_select_item_class(result.searchList, id, true, '선택');
+		if(!popItemClassLevel.isList) {
+			$('#' + id).val(popItemClassLevel.detail.data[ popItemClassLevel.level - 1]);
+			if(popItemClassLevel.level < popItemClassLevel.detail.data.length) {
+				if(popItemClassLevel.detail.data[popItemClassLevel.level] !== '') {
+					popItemClassLevel.level++;
+					popItemClassLevel.call( $.param(popItemClassLevel.keys()));
+				}
+			}
+		}
+	},
+	clear: function(level, isList) {
+		for(var i=level; i<5; i++) {
+			var id = 'ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS' + i;
+			$('#' + id).find('option').remove();
+		}
+	}
+};
+
+function itp_fn_BIZPOP_ITEM_CLASS_MANAGE(parentPopFn, args, returnType) {
+	$('#ITP_BIZPOP_ITEM_CLASS_MANAGE').one('shown.bs.modal', function(e) {
+		itp_fn_fire_window_resize();
+	}).one('hidden.bs.modal', function(e) {
+		$('#ITP_BIZPOP_ITEM_CLASS_MANAGE').remove();
+	}).modal('show');
+
+	popPageObj.parentPopFn = parentPopFn;
+	popPageObj.args = args;
+	popPageObj.returnType = returnType;
+	popPageObj.init();
+
+}

src/main/webapp/js/app/stinfo/ITP_STINFO01010.js

@@ -1,3 +1,12 @@
+require(['config'], function() {
+    require([
+        'kakao.postcode',
+        'kakao.maps'
+    ], function($) {
+        pageObj.init();
+    });
+});
+
 /********************************************************
  --------------------------------------------------------
  - Object 목록								            -
@@ -27,116 +36,12 @@ const STINFO01010_DETAIL_GRID_PAGER = '#ITP_STINFO01010_DETAIL_jqGridPager';
 const STINFO01010_DETAIL_GRID_EMPTY = '#ITP_STINFO01010_DETAIL_jqGridEmpty';
 
 /*API URL*/
-let BRAND_DETAIL_GRID_LIST = '/api/brand/detail-grid-list';
+let API_DETAIL_GRID_LIST = '/api/brand/detail-grid-list';
 let  BRAND_INFO_BRAND = '/api/brand/info-brand';
 
 let ITP_FORM_STINFO01010_DETAIL_IS_DUPLICATE = false;
 let ITP_FORM_STINFO01010_DETAIL_IS_WRITING = false;
 
-let kakaoMap = {
-    init: function(id, locate) {
-        this.load(id, locate);
-    },
-    geocoder: null,
-    schDetailAddrFromCoords: function(coords, callback) {
-        // 좌표로 법정동 상세 주소 정보를 요청합니다
-        if(this.geocoder) {
-            this.geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
-        }
-    },
-    getMap: function(id) {
-        var mapContainer = document.getElementById(id), // 지도를 표시할 div
-            mapOption = {
-                center: new kakao.maps.LatLng(37.56684, 126.97865), // 지도의 중심좌표
-                level: 3, // 지도의 확대 레벨
-                mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류
-            };
-
-        // 지도를 생성한다
-        var map = new kakao.maps.Map(mapContainer, mapOption);
-
-        // 마우스 휠과 모바일 터치를 이용한 지도 확대, 축소를 막는다
-        map.setZoomable(false);
-
-        // 지도에 확대 축소 컨트롤을 생성한다
-        //var zoomControl = new kakao.maps.ZoomControl();
-
-        // 지도의 우측에 확대 축소 컨트롤을 추가한다
-        //map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT);
-
-        return map;
-    },
-    marker: function(map, coords) {
-        // 지도에 마커를 생성하고 표시한다
-        marker = new kakao.maps.Marker({
-            position: coords, // 마커의 좌표
-            map: map // 마커를 표시할 지도 객체
-        });
-    },
-    load: function(id, locate) {
-        var _this = this;
-        kakao.maps.load(function() {
-            var map = _this.getMap(id);
-            // 주소-좌표 변환 객체를 생성합니다
-            _this.geocoder = new kakao.maps.services.Geocoder();
-            if( !locate || locate.length == 0 ) {
-                // 지도에 마커를 생성하고 표시한다
-                _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
-            } else {
-                // 주소로 좌표를 검색합니다
-                _this.geocoder.addressSearch(locate, function(result, status) {
-                    // 정상적으로 검색이 완료됐으면
-                    if (status === kakao.maps.services.Status.OK) {
-
-                        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
-                        if(id === 'ITP_FORM_STINFO01010_DETAIL_MAP') {
-                            document.getElementById('ITP_FORM_STINFO01010_DETAIL_LAT').value = result[0].y;
-                            document.getElementById('ITP_FORM_STINFO01010_DETAIL_LNG').value = result[0].x;
-                        }
-
-                        // 결과값으로 받은 위치를 마커로 표시합니다
-                        _this.marker(map, coords);
-
-                        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
-                        map.setCenter(coords);
-                    } else {
-                        _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
-                    }
-                });
-            }
-
-            if(id === 'ITP_FORM_STINFO01010_DETAIL_MAP') {
-                _this.listener.drag(map);
-            }
-        });
-    },
-    listener: {
-        drag: function(map) {
-            var _this = this;
-            // 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
-            kakao.maps.event.addListener(map, 'drag', function () {
-                kakaoMap.schDetailAddrFromCoords(map.getCenter(), function(result, status) {
-                    if (status === kakao.maps.services.Status.OK) {
-
-                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_LOTS_ADDRESS').value = result[0].address.address_name ;
-                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_ADRES').value = !!result[0].road_address ? result[0].road_address.address_name : result[0].address.address_name ;
-                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_STREET_ADDRESS').value = !!result[0].road_address ? result[0].road_address.address_name : $('#ITP_FORM_STINFO01010_DETAIL_STREET_ADDRESS').val();
-                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_ZIPNO').value = !!result[0].road_address ? result[0].road_address.zone_no : $('#ITP_FORM_STINFO01010_DETAIL_CMPY_ZIPNO').val() ;
-                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_LAT').value = map.getCenter().getLat();
-                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_LNG').value = map.getCenter().getLng();
-
-                        // 마커를 클릭한 위치에 표시합니다
-                        marker.setPosition(map.getCenter());
-                        marker.setMap(map);
-                    }
-                });
-                /* 	var message = '지도를 드래그 하고 있습니다. 지도의 중심 좌표는 ' + map.getCenter().toString() +' 입니다.';
-                console.log(message); */
-            });
-        }
-    }
-};
-
 /*화면 Grid Object*/
 const gridColModel = {
     list: [
@@ -192,13 +97,6 @@ const gridColModel = {
     detail: []
 };
 
-require(['config'], function() {
-    require([
-    ], function($) {
-        pageObj.init();
-    });
-});
-
 /*화면공통 Object*/
 let pageObj = {
     init: function () {
@@ -383,7 +281,7 @@ let listObj = {
                 gridId: STINFO01010_GRID_ID,
                 colModel: gridColModel.list,
                 param: JSON.stringify(param),
-                url: DOMAIN + BRAND_DETAIL_GRID_LIST,
+                url: DOMAIN + API_DETAIL_GRID_LIST,
                 pager: STINFO01010_GRID_PAGER,
                 onCellSelect: function(rowId, cellIdx, cellValue) {
                     var cm = $(this).jqGrid('getGridParam', 'colModel');
@@ -456,10 +354,19 @@ let viewObj = {
 
 /*수정화면 Object*/
 let modifyObj = {
-    init: function (param) {
-        this.load(param);
+    init: function () {
     },
-    load: function() {
+    button: {
+        modify: function () {
+            itp_fn_form_clear_validate(null, '#ITP_FORM_OPER02010_DETAIL');
+            const nticeNoVal = $('#ITP_FORM_OPER02010_VIEW_USER_ID').val();
+            const key = {nticeNo: nticeNoVal, viewCd: 'R'};
+            var param = $.param(key);
+            modifyObj.load(param);
+        }
+    },
+    load: function(param) {
+        fn_ajax_call(NTICE_INFO_NTICE, param, this.callback, 'GET');
     },
     callback: function (result) {
         // console.log(result);
@@ -478,4 +385,108 @@ let createObj = {
     },
     load: function () {
     }
-};
+};
+
+let kakaoMap = {
+    init: function(id, locate) {
+        this.load(id, locate);
+    },
+    geocoder: null,
+    schDetailAddrFromCoords: function(coords, callback) {
+        // 좌표로 법정동 상세 주소 정보를 요청합니다
+        if(this.geocoder) {
+            this.geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
+        }
+    },
+    getMap: function(id) {
+        var mapContainer = document.getElementById(id), // 지도를 표시할 div
+            mapOption = {
+                center: new kakao.maps.LatLng(37.56684, 126.97865), // 지도의 중심좌표
+                level: 3, // 지도의 확대 레벨
+                mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류
+            };
+
+        // 지도를 생성한다
+        var map = new kakao.maps.Map(mapContainer, mapOption);
+
+        // 마우스 휠과 모바일 터치를 이용한 지도 확대, 축소를 막는다
+        map.setZoomable(false);
+
+        // 지도에 확대 축소 컨트롤을 생성한다
+        //var zoomControl = new kakao.maps.ZoomControl();
+
+        // 지도의 우측에 확대 축소 컨트롤을 추가한다
+        //map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT);
+
+        return map;
+    },
+    marker: function(map, coords) {
+        // 지도에 마커를 생성하고 표시한다
+        marker = new kakao.maps.Marker({
+            position: coords, // 마커의 좌표
+            map: map // 마커를 표시할 지도 객체
+        });
+    },
+    load: function(id, locate) {
+        var _this = this;
+        kakao.maps.load(function() {
+            var map = _this.getMap(id);
+            // 주소-좌표 변환 객체를 생성합니다
+            _this.geocoder = new kakao.maps.services.Geocoder();
+            if( !locate || locate.length == 0 ) {
+                // 지도에 마커를 생성하고 표시한다
+                _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+            } else {
+                // 주소로 좌표를 검색합니다
+                _this.geocoder.addressSearch(locate, function(result, status) {
+                    // 정상적으로 검색이 완료됐으면
+                    if (status === kakao.maps.services.Status.OK) {
+
+                        var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
+                        if(id === 'ITP_FORM_STINFO01010_DETAIL_MAP') {
+                            document.getElementById('ITP_FORM_STINFO01010_DETAIL_LAT').value = result[0].y;
+                            document.getElementById('ITP_FORM_STINFO01010_DETAIL_LNG').value = result[0].x;
+                        }
+
+                        // 결과값으로 받은 위치를 마커로 표시합니다
+                        _this.marker(map, coords);
+
+                        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
+                        map.setCenter(coords);
+                    } else {
+                        _this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+                    }
+                });
+            }
+
+            if(id === 'ITP_FORM_STINFO01010_DETAIL_MAP') {
+                _this.listener.drag(map);
+            }
+        });
+    },
+    listener: {
+        drag: function(map) {
+            var _this = this;
+            // 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
+            kakao.maps.event.addListener(map, 'drag', function () {
+                kakaoMap.schDetailAddrFromCoords(map.getCenter(), function(result, status) {
+                    if (status === kakao.maps.services.Status.OK) {
+
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_LOTS_ADDRESS').value = result[0].address.address_name ;
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_ADRES').value = !!result[0].road_address ? result[0].road_address.address_name : result[0].address.address_name ;
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_STREET_ADDRESS').value = !!result[0].road_address ? result[0].road_address.address_name : $('#ITP_FORM_STINFO01010_DETAIL_STREET_ADDRESS').val();
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_ZIPNO').value = !!result[0].road_address ? result[0].road_address.zone_no : $('#ITP_FORM_STINFO01010_DETAIL_CMPY_ZIPNO').val() ;
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_LAT').value = map.getCenter().getLat();
+                        document.getElementById('ITP_FORM_STINFO01010_DETAIL_LNG').value = map.getCenter().getLng();
+
+                        // 마커를 클릭한 위치에 표시합니다
+                        marker.setPosition(map.getCenter());
+                        marker.setMap(map);
+                    }
+                });
+                /* 	var message = '지도를 드래그 하고 있습니다. 지도의 중심 좌표는 ' + map.getCenter().toString() +' 입니다.';
+                console.log(message); */
+            });
+        }
+    }
+};

src/main/webapp/js/app/stinfo/ITP_STINFO02010.js

@@ -0,0 +1,659 @@
+require(['config'], function() {
+	require([
+		'kakao.postcode',
+		'kakao.maps'
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const STINFO02010_GRID_ID = '#ITP_STINFO02010_jqGrid';
+const STINFO02010_GRID_LIST = '#ITP_STINFO02010_jqGrid_list';
+const STINFO02010_GRID_PAGER = '#ITP_STINFO02010_jqGridPager';
+const STINFO02010_GRID_EMPTY = '#ITP_STINFO02010_jqGridEmpty';
+
+const STINFO02010_VIEW_GRID_ID = '#ITP_STINFO02010_VIEW_jqGrid';
+const STINFO02010_VIEW_GRID_LIST = '#ITP_STINFO02010_VIEW_jqGrid_list';
+const STINFO02010_VIEW_GRID_PAGER = '#ITP_STINFO02010_VIEW_jqGridPager';
+const STINFO02010_VIEW_GRID_EMPTY = '#ITP_STINFO02010_VIEW_jqGridEmpty';
+
+const STINFO02010_DETAIL_GRID_ID = '#ITP_STINFO02010_DETAIL_jqGrid';
+const STINFO02010_DETAIL_GRID_LIST = '#ITP_STINFO02010_DETAIL_jqGrid_list';
+const STINFO02010_DETAIL_GRID_PAGER = '#ITP_STINFO02010_DETAIL_jqGridPager';
+const STINFO02010_DETAIL_GRID_EMPTY = '#ITP_STINFO02010_DETAIL_jqGridEmpty';
+
+let ITP_FORM_STINFO02010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_STINFO02010_DETAIL_IS_WRITING = false;
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 	= '/api/store/detail-grid-list';	// 목록
+let API_DETAIL_INFO 		= '/api/store/info-store';			// 상세
+let API_DETAIL_SAVE 		= '/api/store/save-store';			// 저장
+let API_INTI_PW				= '/api/store/inti-storePw';		// 패스워드 초기화
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'STORE_ID', name: 'storeId',
+			label: ITP_MSG_LOCALE.label.storeId, //매장번호
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STORE_NM', name: 'storeNm',
+			label: ITP_MSG_LOCALE.label.storeNm, //매장명
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_NM', name: 'brandNm',
+			label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'BSNS_REG_NO', name: 'bsnsRegNo',
+			label: ITP_MSG_LOCALE.label.bsnsRegNo, //사업자등록번호
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STORE_DVSN', name: 'storeDvsn',
+			label: ITP_MSG_LOCALE.label.storeDvsn, //매장구분
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'STORE_DVSN_NM', name: 'storeDvsnNm',
+			label: ITP_MSG_LOCALE.label.storeDvsn, //매장구분명
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STORE_ST_NM', name: 'storeStNm',
+			label: ITP_MSG_LOCALE.label.stNm, //상태
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SYS_REG_DTTM', name: 'sysRegDttm',
+			label: ITP_MSG_LOCALE.label.sysRegDttm, //최초등록일
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+	],
+	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'AUTH_NO', name: 'authNo',
+			label: ITP_MSG_LOCALE.label.permitCd,
+			width: '20', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'AUTH_NM', name: 'authNm',
+			label: ITP_MSG_LOCALE.label.permitName,
+			width: '30', fixed: false, align: 'center',
+			sortable: true, editable: false, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'USE_YN_NM', name: 'useYnNm',
+			label: ITP_MSG_LOCALE.label.status,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
+		},
+		{
+			index: 'ADD_DT', name: 'addDt',
+			label: ITP_MSG_LOCALE.label.regDt,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
+		}
+	]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function () {
+		this.brandInfo = JSON.parse(sessionStorage.getItem('itp_manage_brand_info'));
+		this.ui.init();
+		this.event.init();
+	},
+	brandInfo: {},
+	ui: {
+		init: function () {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('STINFO02010');
+			// 공통코드 표시
+			fn_make_select(CODE_LIST, 'STORE_DVSN', 'ITP_FORM_STINFO02010_SEARCH_STORE_DVSN');
+			fn_make_select(CODE_LIST, 'STORE_ST_CD', 'ITP_FORM_STINFO02010_SEARCH_STORE_ST_CD');
+			fn_make_select(CODE_LIST, 'LOAN_DVSN', 'ITP_FORM_STINFO02010_SEARCH_LOAN_DVSN');
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(STINFO02010_GRID_ID, STINFO02010_GRID_LIST, 'lg');
+			listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			listObj.init();
+		}
+	},
+	event: {
+		init: function () {
+			this.button();
+		},
+		button: function () {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_STINFO02010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_STINFO02010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+						case 'ITP_BTN_STINFO02010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+						case 'ITP_BTN_STINFO02010_CANCELLIST'		: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+						case 'ITP_BTN_STINFO02010_DELETE'			: 								break;	// 삭제 버튼
+						case 'ITP_BTN_STINFO02010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
+						case 'ITP_FORM_STINFO02010_DETAIL_DUP'		: createObj.button.duplicate();	break;	// 중복체크
+						case 'ITP_BTN_STINFO02010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
+					}
+				});
+			});
+
+			$('body').on('click', function(e) {
+				var gridId = STINFO02010_DETAIL_GRID_ID.replace('#', '');
+				var rids = $(STINFO02010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+				var last_row_id = rids[rids.length - 1];
+				itp_fn_grid_reset_selection(e, last_row_id, gridId, 'STINFO02010_DETAIL');
+			});
+
+		}
+	},
+	switchScreen: function(mode) {
+		if(mode == 'LIST') { // 목록
+			$('#ITP_BTN_STINFO02010_MODIFY').hide();
+			$('#ITP_BTN_STINFO02010_CANCELLIST').hide();
+			$('#ITP_BTN_STINFO02010_DELETE').hide();
+			$('#ITP_BTN_STINFO02010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO02010_SRH');
+			fn_show_btn_auth('#ITP_BTN_STINFO02010_NEWREG');
+
+			$('#ITP_AJAX_STINFO02010_LIST_CONTAINER').show();
+			$('#ITP_AJAX_STINFO02010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO02010_VIEW_CONTAINER').hide();
+		} else if(mode == 'ADD') { // 등록
+			$('#ITP_BTN_STINFO02010_SRH').hide();
+			$('#ITP_BTN_STINFO02010_MODIFY').hide();
+			$('#ITP_BTN_STINFO02010_NEWREG').hide();
+			$('#ITP_BTN_STINFO02010_DELETE').hide();
+			$('#ITP_BTN_STINFO02010_RESET_PW').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO02010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO02010_SAVE');
+
+			$('#ITP_AJAX_STINFO02010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO02010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO02010_VIEW_CONTAINER').hide();
+			$('#ITP_FORM_STINFO02010_DETAIL_STORE_ID').removeAttr('readonly');
+			$('#ITP_FORM_STINFO02010_DETAIL_DUP').removeAttr('disabled');
+
+			$.each($('input, select, checkbox, radio, textarea', '#ITP_FORM_STINFO02010_DETAIL'),function(k) {
+				$(this).val('');
+			});
+
+			$('#ITP_FORM_STINFO02010_DETAIL_VIEW_CD').val('C');
+			$('#ITP_FORM_STINFO02010_DETAIL .fnStoreNm').text('(자동부여)');
+			// $('#ITP_FORM_STINFO02010_DETAIL_USER_NM').val('');
+			// $('#ITP_FORM_STINFO02010_DETAIL_USER_STAT_CD').val('');
+			// $('#ITP_FORM_STINFO02010_DETAIL_STORE_ID').val('');
+			// $('#ITP_FORM_STINFO02010_DETAIL_USER_PW').val('');
+			// $('#ITP_FORM_STINFO02010_DETAIL_TEL_NO').val('');
+			// $('#ITP_FORM_STINFO02010_DETAIL_USER_PW_CONFIRM').val('');
+			// $('#ITP_FORM_STINFO02010_DETAIL_EMAIL').val('');
+			//
+			// $('#ITP_FORM_STINFO02010_DETAIL_SEARCH_AFFL_SHOP_ID').val('');
+			// $('#ITP_FORM_STINFO02010_DETAIL_SEARCH_AFFL_SHOP_NM').val('');
+			// $('#ITP_FORM_STINFO02010_DETAIL_SEARCH_BRAND_ID option').remove();
+			// $('#ITP_FORM_STINFO02010_DETAIL_SEARCH_AFFL_SHOP').show();
+			// $('#ITP_FORM_STINFO02010_DETAIL_DELETE_AFFL_SHOP').show();
+		} else if(mode == 'MODIFY') { // 수정
+			$('#ITP_BTN_STINFO02010_SRH').hide();
+			$('#ITP_BTN_STINFO02010_MODIFY').hide();
+			$('#ITP_BTN_STINFO02010_NEWREG').hide();
+			$('#ITP_BTN_STINFO02010_DELETE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO02010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO02010_SAVE');
+			fn_show_btn_auth('#ITP_BTN_STINFO02010_RESET_PW');
+
+			$('#ITP_AJAX_STINFO02010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO02010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO02010_VIEW_CONTAINER').hide();
+			$('#ITP_FORM_STINFO02010_DETAIL_STORE_ID').attr('readonly', true);
+			$('#ITP_FORM_STINFO02010_DETAIL_DUP').attr('disabled', true);
+			$('#ITP_FORM_STINFO02010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
+
+			$('#ITP_FORM_STINFO02010_DETAIL_SEARCH_AFFL_SHOP').hide();
+			$('#ITP_FORM_STINFO02010_DETAIL_DELETE_AFFL_SHOP').hide();
+		} else if(mode == 'VIEW') { // 보기
+			$('#ITP_BTN_STINFO02010_SRH').hide();
+			$('#ITP_BTN_STINFO02010_NEWREG').hide();
+			$('#ITP_BTN_STINFO02010_DELETE').hide();
+			$('#ITP_BTN_STINFO02010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO02010_MODIFY');
+			fn_show_btn_auth('#ITP_BTN_STINFO02010_CANCELLIST');
+
+			$('#ITP_AJAX_STINFO02010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO02010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO02010_VIEW_CONTAINER').show();
+		}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.grid.init();
+	},
+	itp_STINFO02010_search: false,
+	button: {
+		search: function() {
+			listObj.itp_STINFO02010_search = true;
+			let param = $('#ITP_FORM_STINFO02010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(STINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		create: function() {
+			if(pageObj.brandInfo && pageObj.brandInfo.brandId !== '') {
+				createObj.init();
+			}
+		}
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(STINFO02010_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_STINFO02010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(STINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO02010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_STINFO02010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_STINFO02010_SEARCH').serializeObject();
+			listObj.itp_STINFO02010_param = param;
+		},
+		back: function() {
+			$('#ITP_FORM_STINFO02010_SERVICE_ST_DT').val(this.itp_STINFO02010_param.serviceStDt);
+			$('#ITP_FORM_STINFO02010_SEARCH_REG_DT').val(this.itp_STINFO02010_param.sregDt);
+			$('#ITP_FORM_STINFO02010_SEARCH_OPEN_DT').val(this.itp_STINFO02010_param.sopenDt);
+			$('#ITP_FORM_STINFO02010_SEARCH_STORE_DVSN').val(this.itp_STINFO02010_param.sstoreDvsn);
+			$('#ITP_FORM_STINFO02010_SEARCH_STORE_ST_CD').val(this.itp_STINFO02010_param.sstoreStCd);
+			$('#ITP_FORM_STINFO02010_SEARCH_LOAN_DVSN').val(this.itp_STINFO02010_param.sdvsn);
+			$('#ITP_FORM_STINFO02010_SEARCH_STORE_NM').val(this.itp_STINFO02010_param.sstoreMm);
+		}
+	},
+	grid: {
+		init: function () {
+			// 데이터 없을때
+			listObj.empty.push();
+			this.search();
+		},
+		colModel: gridColModel.list,
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			let param = $('#ITP_FORM_STINFO02010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.sbrandId = pageObj.brandInfo.brandId;
+			// param.sbrandId = sessionStorage.getItem('itp_brand_id') !== null ? sessionStorage.getItem('itp_brand_id') : 'BRD221000001';
+
+			var option = {
+				gridId: STINFO02010_GRID_ID,
+				colModel: gridColModel.list,
+				param: JSON.stringify(param),
+				url: DOMAIN + API_DETAIL_GRID_LIST,
+				pager: STINFO02010_GRID_PAGER,
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					var cm = $(this).jqGrid('getGridParam', 'colModel');
+					var colNm = cm[cellIdx].name;
+					if (colNm == 'storeNm') {
+						const selectVal = $(this).jqGrid('getCell', rowId, 'storeId');
+						const key = {brandId:pageObj.brandInfo.brandId, storeId: selectVal, viewCd: 'R'};
+						var param = $.param(key);
+						viewObj.init(param);
+					}
+				},
+				loadComplete: function(data) {
+					console.log(data);
+					itp_fn_grid_load_complete(data, STINFO02010_GRID_ID, true, 'number', 'STINFO02010', listObj.itp_STINFO02010_search, listObj.empty, true, data.gridRecords, true);
+					var ids = $(STINFO02010_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(STINFO02010_GRID_ID).jqGrid('setCell', rowId, 'storeNm', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(STINFO02010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(STINFO02010_GRID_ID).jqGrid('clearGridData', true);
+			$(STINFO02010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STINFO02010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STINFO02010_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STINFO02010_GRID_ID);
+		}
+	}
+};
+
+/*상세화면 Object*/
+let viewObj = {
+	init: function (param) {
+		this.load(param);
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		console.log(result);
+		pageObj.switchScreen('VIEW');
+		$('#ITP_FORM_STINFO02010_VIEW #ITP_FORM_STINFO02010_VIEW_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_STINFO02010_VIEW .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_STINFO02010_VIEW .fnStCd').text(result.storeStNm);
+		$('#ITP_FORM_STINFO02010_VIEW .fnStoreId').text(result.storeId);
+		$('#ITP_FORM_STINFO02010_VIEW .fnStoreDvsn').text(result.storeDvsnNm);
+		$('#ITP_FORM_STINFO02010_VIEW .fnStoreNm').text(result.storeNm);
+		$('#ITP_FORM_STINFO02010_VIEW .fnBsnsCndt').text(result.bsnsCndt);
+		$('#ITP_FORM_STINFO02010_VIEW .fnBsnsRegNo').text(result.bsnsRegNo);
+		$('#ITP_FORM_STINFO02010_VIEW .fnCtgrBsns').text(result.ctgrBsns);
+		$('#ITP_FORM_STINFO02010_VIEW .fnCorpRegNo').text(result.corpRegNo);
+		$('#ITP_FORM_STINFO02010_VIEW .fnTelNo').text(result.telNo);
+		$('#ITP_FORM_STINFO02010_VIEW .fnOwnerNm').text(result.ownerNm);
+		$('#ITP_FORM_STINFO02010_VIEW .fnFaxNo').text(result.faxNo);
+		$('#ITP_FORM_STINFO02010_VIEW .fnMblNo').text(result.telNo);
+		$('#ITP_FORM_STINFO02010_VIEW .fnEmalAddr').text(result.emalAddr);
+		$('#ITP_FORM_STINFO02010_VIEW .fnAreaCd').text(result.areaNm);
+		$('#ITP_FORM_STINFO02010_VIEW .fnFromDt').text(result.openDt);
+		$('#ITP_FORM_STINFO02010_VIEW .fnZipNo').text(result.zipNo);
+		$('#ITP_FORM_STINFO02010_VIEW .fnLoadAddr').text(result.addr1);
+		$('#ITP_FORM_STINFO02010_VIEW .fnDtlAddr').text(result.addr2);
+
+		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
+		kakaoMap.init('ITP_FORM_STINFO02010_VIEW_MAP', cmpyAdres);
+
+		$('#ITP_FORM_STINFO02010_VIEW .fnBrandAcctInfo').text(result.brandAcctNo);
+		$('#ITP_FORM_STINFO02010_VIEW .fnLoanDvsn').text(result.loanDvsnNm);
+		$('#ITP_FORM_STINFO02010_VIEW .fnCredtLimitAmt').text(result.limitAmt);
+		$('#ITP_FORM_STINFO02010_VIEW .fnTmpRcvAcct').text(result.storeAcctNo);
+		$('#ITP_FORM_STINFO02010_VIEW .fnRemainLimitAmt').text(result.limitAmt);
+		$('#ITP_FORM_STINFO02010_VIEW .fnRegDt').text(result.sysRegDttm);
+		$('#ITP_FORM_STINFO02010_VIEW .fnCloseDt').text(result.closeDt);
+	}
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function () {
+	},
+	button: {
+		modify: function (param) {
+			itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO02010_DETAIL');
+			const selectVal = $('#ITP_FORM_STINFO02010_VIEW_STORE_ID').val();
+			const key = {brandId:pageObj.brandInfo.brandId, storeId: selectVal, viewCd: 'R'};
+			var param = $.param(key);
+			modifyObj.load(param);
+		}
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		console.log(result);
+		pageObj.switchScreen('MODIFY');
+
+		fn_make_select(CODE_LIST, 'STORE_ST_CD', 'ITP_FORM_STINFO02010_DETAIL_STORE_ST_CD');
+		fn_make_select(CODE_LIST, 'AREA_CD', 'ITP_FORM_STINFO02010_DETAIL_AREA_CD');
+		fn_make_select(CODE_LIST, 'STORE_DVSN', 'ITP_FORM_STINFO02010_DETAIL_STORE_DVSN');
+		fn_make_select(CODE_LIST, 'LOAN_DVSN', 'ITP_FORM_STINFO02010_DETAIL_LOAN_DVSN');
+
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_VIEW_CD').val('U');
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
+		$('#ITP_FORM_STINFO02010_DETAIL .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_STORE_ST_CD').val(result.storeStCd);
+		$('#ITP_FORM_STINFO02010_DETAIL .fnStoreNm').text(result.storeId);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_STORE_DVSN').val(result.storeDvsn);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_STORE_NM').val(result.storeNm);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_BSNS_CNDT').val(result.bsnsCndt);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_BSNS_REG_NO').val(result.bsnsRegNo);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CTGR_BSNS').val(result.ctgrBsns);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CORP_REG_NO').val(result.bsnsRegNo);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_TEL_NO').val(result.telNo);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_OWNER_NM').val(result.ownerNm);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_FAX_NO').val(result.faxNo);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_MBL_NO').val(result.telNo);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_EMAL_ADDR').val(result.emalAddr);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_AREA_CD').val(result.areaCd);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_FROM_DT').val(result.openDt);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_ZIP_NO').val(result.zipNo);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_LOAD_ADDR').val(result.addr1);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_DTL_ADDR').val(result.addr2);
+		$('#ITP_FORM_STINFO02010_DETAIL .fbBrandAcctInfo').text(result.brandAcctNo);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_LOAN_DVSN').val(result.loanDvsn);
+		$('#ITP_FORM_STINFO02010_DETAIL #ITP_FORM_STINFO02010_DETAIL_CREDT_LIMIT_AMT').val(result.limitAmt);
+
+		var cmpyAdres = result.addr1/* + ' ' + result.addr*/;
+		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL_MAP', cmpyAdres);
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function () {
+		pageObj.switchScreen('ADD');
+		itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO02010_DETAIL');
+		$('#ITP_FORM_STINFO02010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
+		kakaoMap.init('ITP_FORM_STINFO02010_DETAIL_MAP', '');
+	},
+	button: {
+		cancel: function() {
+			listObj.grid.search();
+		},
+		save: function() {
+			const formId = '#ITP_FORM_STINFO02010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			var vali_userId = itp_fn_form_validate(formId, formId + '_USER_ID', ['empty'], undefined);
+			var vali_userStatCd = itp_fn_form_validate(formId, formId + '_USER_STAT_CD', ['empty'], undefined);
+			var vali_userNm = itp_fn_form_validate(formId, formId + '_USER_NM', ['empty'], undefined);
+			var vali_telNo = itp_fn_form_validate(formId, formId + '_TEL_NO', ['empty'], undefined);
+			var vali_email = itp_fn_form_validate(formId, formId + '_EMAIL', ['empty'], undefined);
+			var vali_userPw = true;
+			var vali_userPwConfirm = true;
+			if (vali_userId && vali_userStatCd && vali_userNm && vali_userPw && vali_userPwConfirm && vali_telNo && vali_email) {
+				if (ITP_FORM_STINFO02010_DETAIL_IS_DUPLICATE) {
+					itp_fn_modal_duplicate(ITP_MSG_LOCALE.label.userId, formId + '_USER_ID');
+				} else {
+					let gridInsertData = [];
+					let gridUpdateData = [];
+					let gridDeleteData = [];
+					const rowData = $(STINFO02010_DETAIL_GRID_ID).getRowData();
+					const keyValue = $(formId + '_USER_ID').val();
+					$.each(rowData, function(key, value) {
+						if (value.viewCd != 'R') {
+							value.userId = keyValue;
+							if (value.viewCd == 'C') {
+								gridInsertData.push(value);
+							} else if (value.viewCd == 'U') {
+								gridUpdateData.push(value);
+							} else if (value.viewCd == 'D') {
+								gridDeleteData.push(value);
+							}
+						}
+					});
+					let param = $(formId).serializeObject();
+					param.gridInsertData = gridInsertData;
+					param.gridUpdateData = gridUpdateData;
+					param.gridDeleteData = gridDeleteData;
+					//console.log(JSON.stringify(param));
+					var searhFn = function() {
+						ITP_FORM_STINFO02010_DETAIL_IS_WRITING = false;
+						listObj.grid.search();
+					};
+					fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+				}
+			}
+		},
+		resetPass: function() {
+			var resetPwFn = {
+				callBack: function(args) {
+					const key = {'storeId':  $('#ITP_FORM_STINFO02010_DETAIL_STORE_ID').val()};
+					const param = $.param(key);
+					fn_ajax_call(API_INTI_PW, param, undefined, 'GET');
+				}
+			};
+			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.askResetUserPw, resetPwFn, null);
+		}
+	}
+};
+
+let kakaoMap = {
+	init: function(id, locate) {
+		this.load(id, locate);
+	},
+	geocoder: null,
+	schDetailAddrFromCoords: function(coords, callback) {
+		// 좌표로 법정동 상세 주소 정보를 요청합니다
+		if(this.geocoder) {
+			this.geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
+		}
+	},
+	getMap: function(id) {
+		var mapContainer = document.getElementById(id), // 지도를 표시할 div
+			mapOption = {
+				center: new kakao.maps.LatLng(37.56684, 126.97865), // 지도의 중심좌표
+				level: 3, // 지도의 확대 레벨
+				mapTypeId : kakao.maps.MapTypeId.ROADMAP // 지도종류
+			};
+
+		// 지도를 생성한다
+		var map = new kakao.maps.Map(mapContainer, mapOption);
+
+		// 마우스 휠과 모바일 터치를 이용한 지도 확대, 축소를 막는다
+		map.setZoomable(false);
+
+		// 지도에 확대 축소 컨트롤을 생성한다
+		//var zoomControl = new kakao.maps.ZoomControl();
+
+		// 지도의 우측에 확대 축소 컨트롤을 추가한다
+		//map.addControl(zoomControl, kakao.maps.ControlPosition.RIGHT);
+
+		return map;
+	},
+	marker: function(map, coords) {
+		// 지도에 마커를 생성하고 표시한다
+		marker = new kakao.maps.Marker({
+			position: coords, // 마커의 좌표
+			map: map // 마커를 표시할 지도 객체
+		});
+	},
+	load: function(id, locate) {
+		var _this = this;
+		kakao.maps.load(function() {
+			var map = _this.getMap(id);
+			// 주소-좌표 변환 객체를 생성합니다
+			_this.geocoder = new kakao.maps.services.Geocoder();
+			if( !locate || locate.length == 0 ) {
+				// 지도에 마커를 생성하고 표시한다
+				_this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+			} else {
+				// 주소로 좌표를 검색합니다
+				_this.geocoder.addressSearch(locate, function(result, status) {
+					// 정상적으로 검색이 완료됐으면
+					if (status === kakao.maps.services.Status.OK) {
+
+						var coords = new kakao.maps.LatLng(result[0].y, result[0].x);
+						if(id === 'ITP_FORM_STINFO02010_DETAIL_MAP') {
+							document.getElementById('ITP_FORM_STINFO02010_DETAIL_LAT').value = result[0].y;
+							document.getElementById('ITP_FORM_STINFO02010_DETAIL_LNG').value = result[0].x;
+						}
+
+						// 결과값으로 받은 위치를 마커로 표시합니다
+						_this.marker(map, coords);
+
+						// 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
+						map.setCenter(coords);
+					} else {
+						_this.marker(map, new kakao.maps.LatLng(37.56684, 126.97865));
+					}
+				});
+			}
+
+			if(id === 'ITP_FORM_STINFO02010_DETAIL_MAP') {
+				_this.listener.drag(map);
+			}
+		});
+	},
+	listener: {
+		drag: function(map) {
+			var _this = this;
+			// 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
+			kakao.maps.event.addListener(map, 'drag', function () {
+				kakaoMap.schDetailAddrFromCoords(map.getCenter(), function(result, status) {
+					if (status === kakao.maps.services.Status.OK) {
+
+						document.getElementById('ITP_FORM_STINFO02010_DETAIL_LOTS_ADDRESS').value = result[0].address.address_name ;
+						document.getElementById('ITP_FORM_STINFO02010_DETAIL_ADRES').value = !!result[0].road_address ? result[0].road_address.address_name : result[0].address.address_name ;
+						document.getElementById('ITP_FORM_STINFO02010_DETAIL_STREET_ADDRESS').value = !!result[0].road_address ? result[0].road_address.address_name : $('#ITP_FORM_STINFO02010_DETAIL_STREET_ADDRESS').val();
+						document.getElementById('ITP_FORM_STINFO02010_DETAIL_ZIPNO').value = !!result[0].road_address ? result[0].road_address.zone_no : $('#ITP_FORM_STINFO02010_DETAIL_CMPY_ZIPNO').val() ;
+						document.getElementById('ITP_FORM_STINFO02010_DETAIL_LAT').value = map.getCenter().getLat();
+						document.getElementById('ITP_FORM_STINFO02010_DETAIL_LNG').value = map.getCenter().getLng();
+
+						// 마커를 클릭한 위치에 표시합니다
+						marker.setPosition(map.getCenter());
+						marker.setMap(map);
+					}
+				});
+				/* 	var message = '지도를 드래그 하고 있습니다. 지도의 중심 좌표는 ' + map.getCenter().toString() +' 입니다.';
+                console.log(message); */
+			});
+		}
+	}
+};

src/main/webapp/js/app/stinfo/ITP_STINFO03010.js

@@ -0,0 +1,620 @@
+require(['config'], function() {
+	require([
+		'kakao.postcode',
+		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ * let sfflyObj = {}		: 공급업체담당자 Object		*
+ *******************************************************/
+
+/*화면 변수*/
+const STINFO03010_GRID_ID = '#ITP_STINFO03010_jqGrid';
+const STINFO03010_GRID_LIST = '#ITP_STINFO03010_jqGrid_list';
+const STINFO03010_GRID_PAGER = '#ITP_STINFO03010_jqGridPager';
+const STINFO03010_GRID_EMPTY = '#ITP_STINFO03010_jqGridEmpty';
+
+const STINFO03010_VIEW_GRID_ID = '#ITP_STINFO03010_VIEW_jqGrid';
+const STINFO03010_VIEW_GRID_LIST = '#ITP_STINFO03010_VIEW_jqGrid_list';
+const STINFO03010_VIEW_GRID_PAGER = '#ITP_STINFO03010_VIEW_jqGridPager';
+const STINFO03010_VIEW_GRID_EMPTY = '#ITP_STINFO03010_VIEW_jqGridEmpty';
+
+const STINFO03010_DETAIL_GRID_ID = '#ITP_STINFO03010_DETAIL_jqGrid';
+const STINFO03010_DETAIL_GRID_LIST = '#ITP_STINFO03010_DETAIL_jqGrid_list';
+const STINFO03010_DETAIL_GRID_PAGER = '#ITP_STINFO03010_DETAIL_jqGridPager';
+const STINFO03010_DETAIL_GRID_EMPTY = '#ITP_STINFO03010_DETAIL_jqGridEmpty';
+
+let ITP_FORM_STINFO03010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_STINFO03010_DETAIL_IS_WRITING = false;
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 	= '/api/spply/detail-grid-list';	// 목록
+let API_DETAIL_INFO 		= '/api/spply/info-spply';			// 상세
+let API_DETAIL_SAVE 		= '/api/spply/save-spply';			// 저장
+let API_INTI_PW				= '/api/spply/inti-spplyPw';		// 패스워드 초기화
+let API_POP_GRID_LIST 		= '/api/spply/pop-grid-list';		// 공급사 팝업 그리드 리스트
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'SFFLY_ID', name: 'spplyId',
+			label: ITP_MSG_LOCALE.label.spplyId
+			, //공급업체번호
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SFFLY_NM', name: 'spplyNm',
+			label: ITP_MSG_LOCALE.label.spplyNm, //공급업체명
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_NM', name: 'brandNm',
+			label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'BSNS_REG_NO', name: 'bsnsRegNo',
+			label: ITP_MSG_LOCALE.label.bsnsRegNo, //사업자등록번호
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'OWNER_NM', name: 'ownerNm',
+			label: ITP_MSG_LOCALE.label.ownerNm, //대표자명
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ST_NM', name: 'stNm',
+			label: ITP_MSG_LOCALE.label.stNm, //상태
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SYS_REG_DTTM', name: 'sysRegDttm',
+			label: ITP_MSG_LOCALE.label.sysRegDttm, //최초등록일
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+	],
+	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'SPPLY_ID', name: 'spplyId',
+			label: ITP_MSG_LOCALE.label.spplyId,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'SPPLY_MGR_ID', name: 'spplyMgrId',
+			label: ITP_MSG_LOCALE.label.spplyMgrId,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ASSGN_TASK_NM', name: 'spplyMgrNm',
+			label: ITP_MSG_LOCALE.label.spplyMgrNm, //담당자명
+			width: '20', fixed: false, align: 'center',
+			sortable: false, editable: true, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'POSITION', name: 'position',
+			label: ITP_MSG_LOCALE.label.position, //직위
+			width: '30', fixed: false, align: 'center',
+			sortable: true, editable: true, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'RPRST_EMAIL', name: 'rprstEmal',
+			label: ITP_MSG_LOCALE.label.rprstEmal, //이메일
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: true, edittype: 'text'
+		},
+		{
+			index: 'RPRST_TEL_NO', name: 'rprstTelNo',
+			label: ITP_MSG_LOCALE.label.rprstMblNo, //핸드폰번호
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: true, edittype: 'text'
+		},
+		{
+			index: 'ASSGN_TASK_NM', name: 'assgnTaskNm',
+			label: ITP_MSG_LOCALE.label.assgnTaskNm, //담당업무
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: true, edittype: 'text'
+		}
+	]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function () {
+		this.brandInfo = JSON.parse(sessionStorage.getItem('itp_manage_brand_info'));
+		this.ui.init();
+		this.event.init();
+	},
+	brandInfo: {},
+	ui: {
+		init: function () {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('STINFO03010');
+			// 공통코드 표시
+			fn_make_select(CODE_LIST, 'ST_CD', 'ITP_FORM_STINFO03010_SERVICE_ST_DT');
+			fn_make_select(CODE_LIST, 'ST_CD', 'ITP_FORM_STINFO03010_DETAIL_ST_CD');
+			fn_make_select(CODE_LIST, 'AREA_CD', 'ITP_FORM_STINFO03010_DETAIL_AREA_CD');
+			fn_make_select(CODE_LIST, 'CORP_TYPE', 'ITP_FORM_STINFO03010_DETAIL_CORP_TYPE');
+			fn_make_select(CODE_LIST, 'BNK_CD', 'ITP_FORM_STINFO03010_DETAIL_BNK_CD');
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(STINFO03010_GRID_ID, STINFO03010_GRID_LIST, 'lg');
+			listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			listObj.init();
+		}
+	},
+	event: {
+		init: function () {
+			this.button();
+		},
+		button: function () {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_STINFO03010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_STINFO03010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+						case 'ITP_BTN_STINFO03010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+						case 'ITP_BTN_STINFO03010_CANCELLIST'		: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+						case 'ITP_BTN_STINFO03010_DELETE'			: 								break;	// 삭제 버튼
+						case 'ITP_BTN_STINFO03010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
+						case 'ITP_FORM_STINFO03010_DETAIL_DUP'		: createObj.button.duplicate();	break;	// 중복체크
+						case 'ITP_BTN_STINFO03010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
+						case 'ITP_BTN_STINFO03010_DETAIL_ADDROW'	: createObj.button.addRow();	break;	// 행추가
+						case 'ITP_BTN_STINFO03010_DETAIL_DELROW'	: createObj.button.delRow();	break;	// 행삭제
+					}
+				});
+			});
+
+			$('body').on('click', function(e) {
+				var gridId = STINFO03010_DETAIL_GRID_ID.replace('#', '');
+				var rids = $(STINFO03010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+				var last_row_id = rids[rids.length - 1];
+				itp_fn_grid_reset_selection(e, last_row_id, gridId, 'STINFO03010_DETAIL');
+			});
+
+		}
+	},
+	switchScreen: function(mode) {
+		if(mode == 'LIST') { // 목록
+			$('#ITP_BTN_STINFO03010_MODIFY').hide();
+			$('#ITP_BTN_STINFO03010_CANCELLIST').hide();
+			$('#ITP_BTN_STINFO03010_DELETE').hide();
+			$('#ITP_BTN_STINFO03010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO03010_SRH');
+			fn_show_btn_auth('#ITP_BTN_STINFO03010_NEWREG');
+
+			$('#ITP_AJAX_STINFO03010_LIST_CONTAINER').show();
+			$('#ITP_AJAX_STINFO03010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO03010_VIEW_CONTAINER').hide();
+		} else if(mode == 'ADD') { // 등록
+			$('#ITP_BTN_STINFO03010_SRH').hide();
+			$('#ITP_BTN_STINFO03010_MODIFY').hide();
+			$('#ITP_BTN_STINFO03010_NEWREG').hide();
+			$('#ITP_BTN_STINFO03010_DELETE').hide();
+			$('#ITP_BTN_STINFO03010_RESET_PW').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO03010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO03010_SAVE');
+
+			$('#ITP_AJAX_STINFO03010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO03010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO03010_VIEW_CONTAINER').hide();
+			$('#ITP_FORM_STINFO03010_DETAIL_STORE_ID').removeAttr('readonly');
+			$('#ITP_FORM_STINFO03010_DETAIL_DUP').removeAttr('disabled');
+
+			$.each($('input, select, checkbox, radio, textarea', '#ITP_FORM_STINFO03010_DETAIL'),function(k) {
+				$(this).val('');
+			});
+
+			$('#ITP_FORM_STINFO03010_DETAIL_VIEW_CD').val('C');
+			$('#ITP_FORM_STINFO03010_DETAIL .fnSpplyId').text('(자동부여) (비밀번호는 사업자번호로 초기화 됩니다.)');
+		} else if(mode == 'MODIFY') { // 수정
+			$('#ITP_BTN_STINFO03010_SRH').hide();
+			$('#ITP_BTN_STINFO03010_MODIFY').hide();
+			$('#ITP_BTN_STINFO03010_NEWREG').hide();
+			$('#ITP_BTN_STINFO03010_DELETE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO03010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO03010_SAVE');
+			fn_show_btn_auth('#ITP_BTN_STINFO03010_RESET_PW');
+
+			$('#ITP_AJAX_STINFO03010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO03010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO03010_VIEW_CONTAINER').hide();
+			$('#ITP_FORM_STINFO03010_DETAIL_STORE_ID').attr('readonly', true);
+			$('#ITP_FORM_STINFO03010_DETAIL_DUP').attr('disabled', true);
+			$('#ITP_FORM_STINFO03010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
+
+			$('#ITP_FORM_STINFO03010_DETAIL_SEARCH_AFFL_SHOP').hide();
+			$('#ITP_FORM_STINFO03010_DETAIL_DELETE_AFFL_SHOP').hide();
+		} else if(mode == 'VIEW') { // 보기
+			$('#ITP_BTN_STINFO03010_SRH').hide();
+			$('#ITP_BTN_STINFO03010_NEWREG').hide();
+			$('#ITP_BTN_STINFO03010_DELETE').hide();
+			$('#ITP_BTN_STINFO03010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO03010_MODIFY');
+			fn_show_btn_auth('#ITP_BTN_STINFO03010_CANCELLIST');
+
+			$('#ITP_AJAX_STINFO03010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO03010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO03010_VIEW_CONTAINER').show();
+		}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.grid.init();
+	},
+	itp_STINFO03010_search: false,
+	button: {
+		search: function() {
+			listObj.itp_STINFO03010_search = true;
+			let param = $('#ITP_FORM_STINFO03010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(STINFO03010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		create: function() {
+			if(pageObj.brandInfo && pageObj.brandInfo.brandId !== '') {
+				createObj.init();
+			}
+		}
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(STINFO03010_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_STINFO03010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(STINFO03010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO03010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_STINFO03010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_STINFO03010_SEARCH').serializeObject();
+			listObj.itp_STINFO03010_param = param;
+		},
+		back: function() {
+			$('#ITP_FORM_STINFO03010_SERVICE_ST_DT').val(this.itp_STINFO03010_param.serviceStDt);
+			$('#ITP_FORM_STINFO03010_SEARCH_BSNS_REG_NO').val(this.itp_STINFO03010_param.sbsnsRegNo);
+			$('#ITP_FORM_STINFO03010_SEARCH_SPPLY_NM').val(this.itp_STINFO03010_param.sspplyNm);
+		}
+	},
+	grid: {
+		init: function () {
+			// 데이터 없을때
+			listObj.empty.push();
+			this.search();
+		},
+		colModel: gridColModel.list,
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			let param = $('#ITP_FORM_STINFO03010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.sbrandId = pageObj.brandInfo.brandId;
+
+			var option = {
+				gridId: STINFO03010_GRID_ID,
+				colModel: gridColModel.list,
+				param: JSON.stringify(param),
+				url: DOMAIN + API_DETAIL_GRID_LIST,
+				pager: STINFO03010_GRID_PAGER,
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					var cm = $(this).jqGrid('getGridParam', 'colModel');
+					var colNm = cm[cellIdx].name;
+					if (colNm == 'spplyNm') {
+						const selectVal = $(this).jqGrid('getCell', rowId, 'spplyId');
+						const key = {brandId:pageObj.brandInfo.brandId, spplyId: selectVal, viewCd: 'R'};
+						var param = $.param(key);
+						viewObj.init(param);
+					}
+				},
+				loadComplete: function(data) {
+					console.log(data);
+					itp_fn_grid_load_complete(data, STINFO03010_GRID_ID, true, 'number', 'STINFO03010', listObj.itp_STINFO03010_search, listObj.empty, true, data.gridRecords, true);
+					var ids = $(STINFO03010_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(STINFO03010_GRID_ID).jqGrid('setCell', rowId, 'spplyNm', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(STINFO03010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(STINFO03010_GRID_ID).jqGrid('clearGridData', true);
+			$(STINFO03010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STINFO03010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STINFO03010_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STINFO03010_GRID_ID);
+		}
+	}
+};
+
+/*상세화면 Object*/
+let viewObj = {
+	init: function (param) {
+		this.load(param);
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		console.log(result);
+		pageObj.switchScreen('VIEW');
+		$('#ITP_FORM_STINFO03010_VIEW #ITP_FORM_STINFO03010_DETAIL_SPPLY_ID').val(result.spplyId);
+		$('#ITP_FORM_STINFO03010_VIEW .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_STINFO03010_VIEW .fnStCd').text(result.stNm);
+		$('#ITP_FORM_STINFO03010_VIEW .fnSpplyId').text(result.spplyId);
+		$('#ITP_FORM_STINFO03010_VIEW .fnCorpType').text(result.corpTypeNm);
+		$('#ITP_FORM_STINFO03010_VIEW .fnSpplyNm').text(result.spplyNm);
+		$('#ITP_FORM_STINFO03010_VIEW .fnBsnsCndt').text(result.bsnsCndt);
+		$('#ITP_FORM_STINFO03010_VIEW .fnBsnsRegNo').text(result.bsnsRegNo);
+		$('#ITP_FORM_STINFO03010_VIEW .fnCtgrBsns').text(result.ctgrBsns);
+		$('#ITP_FORM_STINFO03010_VIEW .fnCorpRegNo').text(result.corpRegNo);
+		$('#ITP_FORM_STINFO03010_VIEW .fnTelNo').text(result.mgrTelNo);
+		$('#ITP_FORM_STINFO03010_VIEW .fnOwnerNm').text(result.ownerNm);
+		$('#ITP_FORM_STINFO03010_VIEW .fnFaxNo').text(result.faxNo);
+		$('#ITP_FORM_STINFO03010_VIEW .fnMblNo').text(result.mgrMblNo);
+		$('#ITP_FORM_STINFO03010_VIEW .fnEmalAddr').text(result.mgrEmal);
+		$('#ITP_FORM_STINFO03010_VIEW .fnAreaCd').text(result.areaNm);
+		$('#ITP_FORM_STINFO03010_VIEW .fnBnkCd').text(result.bnkNm);
+		$('#ITP_FORM_STINFO03010_VIEW .fnAcctNo').text(result.acctNo);
+		$('#ITP_FORM_STINFO03010_VIEW .fnOwacNm').text(result.owacNm);
+		// 통장사본 fileBookCopyNoList
+		//$('#ITP_FORM_STINFO03010_VIEW .fnFilePath').text(result.fileBookCopyNoList);
+		// 사업자등록파일 fileBsnsRegNoList
+		//$('#ITP_FORM_STINFO03010_VIEW .fnFilePath').text(result.fileBsnsRegNoList);
+		$('#ITP_FORM_STINFO03010_VIEW .fnZipNo').text(result.zipNo);
+		$('#ITP_FORM_STINFO03010_VIEW .fnLoadAddr').text(result.addr1);
+		$('#ITP_FORM_STINFO03010_VIEW .fnDtlAddr').text(result.addr2);
+		// $('#ITP_FORM_STINFO03010_VIEW .fnRegDt').text(result.openDt);
+		// $('#ITP_FORM_STINFO03010_VIEW .fnCloseDt').text(result.openDt);
+
+		// 담당자정보  리스트 조회
+		viewObj.grid.load(result.spplyMgrList);
+	},
+	grid: {
+		init: function() {
+		},
+		load: function(gridList) {
+			var option = {
+				gridId: STINFO03010_VIEW_GRID_ID,
+				colModel: gridColModel.detail,
+				data: gridList,
+				pager: STINFO03010_VIEW_GRID_PAGER,
+			};
+			itp_fn_grid_make_local(option);
+		},
+		clearData : function() {
+			$(STINFO03010_VIEW_GRID_ID).jqGrid('clearGridData', true);
+			$(STINFO03010_VIEW_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STINFO03010_VIEW_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STINFO03010_VIEW_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STINFO03010_VIEW_GRID_ID);
+		}
+	}
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function () {
+	},
+	button: {
+		modify: function (param) {
+			itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO03010_DETAIL');
+			const selectVal = $('#ITP_FORM_STINFO03010_DETAIL_SPPLY_ID').val();
+			const key = {brandId:pageObj.brandInfo.brandId, spplyId: selectVal, viewCd: 'R'};
+			var param = $.param(key);
+			modifyObj.load(param);
+		}
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		console.log(result);
+		pageObj.switchScreen('MODIFY');
+
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_VIEW_CD').val('U');
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
+		$('#ITP_FORM_STINFO03010_DETAIL .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_ST_CD').val(result.stCd);
+		$('#ITP_FORM_STINFO03010_DETAIL .fnSpplyId').text(result.spplyId);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_CORP_TYPE').val(result.corpType);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_SPPLY_NM').val(result.spplyNm);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_BSNS_CNDT').val(result.bsnsCndt);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_BSNS_REG_NO').val(result.bsnsRegNo);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_CTGR_BSNS').val(result.ctgrBsns);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_CORP_REG_NO').val(result.corpRegNo);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_TEL_NO').val(result.mgrTelNo);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_OWNER_NM').val(result.ownerNm);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_FAX_NO').val(result.faxNo);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_MBL_NO').val(result.mgrMblNo);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_EMAL_ADDR').val(result.mgrEmal);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_AREA_CD').val(result.areaCd);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_BNK_CD').val(result.bnkCd);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_ACCT_NO').val(result.acctNo);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_OWAC_NM').val(result.owacNm);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_FROM_DT').val(result.openDt);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_ZIP_NO').val(result.zipNo);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_LOAD_ADDR').val(result.addr1);
+		$('#ITP_FORM_STINFO03010_DETAIL #ITP_FORM_STINFO03010_DETAIL_DTL_ADDR').val(result.addr2);
+
+		// 담당자정보  리스트 조회
+		modifyObj.grid.load(result.spplyMgrList);
+	},
+	grid: {
+		init: function() {
+		},
+		load: function(gridList) {
+			var option = {
+				gridId: STINFO03010_DETAIL_GRID_ID,
+				colModel: gridColModel.detail,
+				data: gridList,
+				pager: STINFO03010_DETAIL_GRID_PAGER,
+			};
+			itp_fn_grid_make_local(option);
+		},
+		clearData : function() {
+			$(STINFO03010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+			$(STINFO03010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STINFO03010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STINFO03010_DETAIL_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STINFO03010_DETAIL_GRID_ID);
+		}
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function () {
+		pageObj.switchScreen('ADD');
+		itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO03010_DETAIL');
+		$('#ITP_FORM_STINFO03010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
+		this.unload();
+		this.load();
+	},
+	button: {
+		cancel: function() {
+			listObj.grid.search();
+		},
+		addRow: function() {
+			itp_fn_grid_add_row(STINFO03010_DETAIL_GRID_ID, undefined, ['spplyId'], 'STINFO03010_DETAIL');
+		},
+		delRow: function() {
+			itp_fn_grid_del_row(STINFO03010_DETAIL_GRID_ID);
+		},
+		save: function() {
+			const formId = '#ITP_FORM_STINFO03010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			var vali_userId = itp_fn_form_validate(formId, formId + '_USER_ID', ['empty'], undefined);
+			var vali_userStatCd = itp_fn_form_validate(formId, formId + '_USER_STAT_CD', ['empty'], undefined);
+			var vali_userNm = itp_fn_form_validate(formId, formId + '_USER_NM', ['empty'], undefined);
+			var vali_telNo = itp_fn_form_validate(formId, formId + '_TEL_NO', ['empty'], undefined);
+			var vali_email = itp_fn_form_validate(formId, formId + '_EMAIL', ['empty'], undefined);
+			var vali_userPw = true;
+			var vali_userPwConfirm = true;
+			if (vali_userId && vali_userStatCd && vali_userNm && vali_userPw && vali_userPwConfirm && vali_telNo && vali_email) {
+				if (ITP_FORM_STINFO03010_DETAIL_IS_DUPLICATE) {
+					itp_fn_modal_duplicate(ITP_MSG_LOCALE.label.userId, formId + '_USER_ID');
+				} else {
+					let gridInsertData = [];
+					let gridUpdateData = [];
+					let gridDeleteData = [];
+					const rowData = $(STINFO03010_DETAIL_GRID_ID).getRowData();
+					const keyValue = $(formId + '_USER_ID').val();
+					$.each(rowData, function(key, value) {
+						if (value.viewCd != 'R') {
+							value.userId = keyValue;
+							if (value.viewCd == 'C') {
+								gridInsertData.push(value);
+							} else if (value.viewCd == 'U') {
+								gridUpdateData.push(value);
+							} else if (value.viewCd == 'D') {
+								gridDeleteData.push(value);
+							}
+						}
+					});
+					let param = $(formId).serializeObject();
+					param.gridInsertData = gridInsertData;
+					param.gridUpdateData = gridUpdateData;
+					param.gridDeleteData = gridDeleteData;
+					//console.log(JSON.stringify(param));
+					var searhFn = function() {
+						ITP_FORM_STINFO03010_DETAIL_IS_WRITING = false;
+						listObj.grid.search();
+					};
+					fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+				}
+			}
+		},
+		resetPass: function() {
+			var resetPwFn = {
+				callBack: function(args) {
+					const key = {'storeId':  $('#ITP_FORM_STINFO03010_DETAIL_STORE_ID').val()};
+					const param = $.param(key);
+					fn_ajax_call(API_INTI_PW, param, undefined, 'GET');
+				}
+			};
+			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.askResetUserPw, resetPwFn, null);
+		}
+	},
+	load: function () {
+		var option = {
+			gridId: STINFO03010_DETAIL_GRID_ID,
+			colModel: gridColModel.detail,
+			data: [],
+			pager: STINFO03010_DETAIL_GRID_PAGER,
+		};
+		itp_fn_grid_make_local(option);
+	},
+	clearData : function() {
+		$(STINFO03010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+		$(STINFO03010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(STINFO03010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(STINFO03010_DETAIL_GRID_EMPTY).show();
+	},
+	unload : function() {
+		$.jgrid.gridUnload(STINFO03010_DETAIL_GRID_ID);
+	}
+};

src/main/webapp/js/app/stinfo/ITP_STINFO04010.js

@@ -0,0 +1,626 @@
+require(['config'], function() {
+    require([
+        'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+    ], function($) {
+        pageObj.init();
+    });
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const STINFO04010_GRID_ID = '#ITP_STINFO04010_jqGrid';
+const STINFO04010_GRID_LIST = '#ITP_STINFO04010_jqGrid_list';
+const STINFO04010_GRID_PAGER = '#ITP_STINFO04010_jqGridPager';
+const STINFO04010_GRID_EMPTY = '#ITP_STINFO04010_jqGridEmpty';
+
+const STINFO04010_VIEW_GRID_ID = '#ITP_STINFO04010_VIEW_jqGrid';
+const STINFO04010_VIEW_GRID_LIST = '#ITP_STINFO04010_VIEW_jqGrid_list';
+const STINFO04010_VIEW_GRID_PAGER = '#ITP_STINFO04010_VIEW_jqGridPager';
+const STINFO04010_VIEW_GRID_EMPTY = '#ITP_STINFO04010_VIEW_jqGridEmpty';
+
+const STINFO04010_DETAIL_GRID_ID = '#ITP_STINFO04010_DETAIL_jqGrid';
+const STINFO04010_DETAIL_GRID_LIST = '#ITP_STINFO04010_DETAIL_jqGrid_list';
+const STINFO04010_DETAIL_GRID_PAGER = '#ITP_STINFO04010_DETAIL_jqGridPager';
+const STINFO04010_DETAIL_GRID_EMPTY = '#ITP_STINFO04010_DETAIL_jqGridEmpty';
+
+let ITP_FORM_STINFO04010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_STINFO04010_DETAIL_IS_WRITING = false;
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 	= '/api/item/detail-grid-list';	    // 목록
+let API_DETAIL_INFO 		= '/api/item/info-item';			// 상세
+let API_DETAIL_SAVE 		= '/api/item/save-item';			// 저장
+let API_ITEM_CLASS_LEVEL	= '/api/item/class-level-list';		//품목분류 level 검색
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+    list: [
+        {
+            index: 'BRAND_ID', name: 'brandId',
+            label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: true
+        },
+        {
+            index: 'BRAND_NM', name: 'brandNm',
+            label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'ITEM_ID', name: 'itemId',
+            label: ITP_MSG_LOCALE.label.itemId, //품목번호
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'ITEM_NM', name: 'itemNm',
+            label: ITP_MSG_LOCALE.label.itemNm, //품목명
+            width: '13', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'ITEM_TYPE_NM', name: 'itemTypeNm',
+            label: ITP_MSG_LOCALE.label.itemTypeNm, //품목유형
+            width: '13', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'ITEM_CLASS_NM', name: 'itemClassNm',
+            label: ITP_MSG_LOCALE.label.itemClassNm, //품목분류
+            width: '15', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'ST_CD', name: 'stCd',
+            label: ITP_MSG_LOCALE.label.stNm, //상태
+            width: '6', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'PODR_PSSBLDVSN_NM', name: 'podrPssblDvsnNm',
+            label: ITP_MSG_LOCALE.label.podrPssblDvsnNm, //발주여부
+            width: '6', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'UNIT', name: 'unit',
+            label: ITP_MSG_LOCALE.label.unit, //기본단위
+            width: '6', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'PCH_ITEM_YN', name: 'pchItemYn',
+            label: ITP_MSG_LOCALE.label.pchItemYn, //구매품목여부
+            width: '6', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+        {
+            index: 'SALE_ITEM_YN', name: 'saleItemYn',
+            label: ITP_MSG_LOCALE.label.saleItemYn, //판매품목여부
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: false
+        },
+    ],
+    detail: [
+        {
+            index: 'VIEW_CD', name: 'viewCd',
+            label: ITP_MSG_LOCALE.label.viewCd,
+            width: '10', fixed: false, align: 'center',
+            sortable: false, hidden: true
+        },
+        {
+            index: 'AUTH_NO', name: 'authNo',
+            label: ITP_MSG_LOCALE.label.permitCd,
+            width: '20', fixed: false, align: 'center',
+            sortable: false, editable: false, edittype: 'text',
+            editrules: {required: true}
+        },
+        {
+            index: 'AUTH_NM', name: 'authNm',
+            label: ITP_MSG_LOCALE.label.permitName,
+            width: '30', fixed: false, align: 'center',
+            sortable: true, editable: false, edittype: 'text',
+            editrules: {required: true}
+        },
+        {
+            index: 'USE_YN_NM', name: 'useYnNm',
+            label: ITP_MSG_LOCALE.label.status,
+            width: '10', fixed: false, align: 'center',
+            sortable: false, editable: false, edittype: 'text'
+        },
+        {
+            index: 'ADD_DT', name: 'addDt',
+            label: ITP_MSG_LOCALE.label.regDt,
+            width: '10', fixed: false, align: 'center',
+            sortable: false, editable: false, edittype: 'text'
+        }
+    ]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+    init: function () {
+        this.brandInfo = JSON.parse(sessionStorage.getItem('itp_manage_brand_info'));
+        this.ui.init();
+        this.event.init();
+    },
+    brandInfo: {},
+    ui: {
+        init: function () {
+            this.view();
+            this.grid();
+            this.ready();
+        },
+        view: function() {
+            // 버튼 권한설정
+            fn_proc_btn_auth('STINFO04010');
+            // 공통코드 표시
+            fn_make_select(CODE_LIST, 'ST_CD', 'ITP_FORM_STINFO04010_DETAIL_ST_CD');
+            fn_make_select(CODE_LIST, 'ST_CD', 'ITP_FORM_STINFO04010_SERVICE_ST_CD');
+            fn_make_select(CODE_LIST, 'PODR_PSSBL_DVSN', 'ITP_FORM_STINFO04010_SEARCH_PODR_PSSBL_DVSN');
+            fn_make_select(CODE_LIST, 'ITEM_GUBUN', 'ITP_FORM_STINFO04010_SEARCH_ITEM_KIND');
+            fn_make_select(CODE_LIST, 'ITEM_TYPE', 'ITP_FORM_STINFO04010_SEARCH_ITEM_TYPE');
+
+            $('.detail_item_unit').each(function() {
+                var id = $(this).attr('id');
+                fn_make_select(CODE_LIST, 'DSTRBT_COST_UNIT', $(this).attr('id'));
+            });
+
+            itemClassLevel.list(1, true);
+        },
+        grid: function() {
+            itp_fn_jqgrid_resize(STINFO04010_GRID_ID, STINFO04010_GRID_LIST, 'lg');
+            listObj.empty.init();
+            itp_fn_fire_window_resize();
+        },
+        ready: function() {
+            listObj.init();
+        }
+    },
+    event: {
+        init: function () {
+            this.button();
+        },
+        button: function () {
+            // 버튼 클릭 이벤트
+            $('button').each(function() {
+                var id = $(this).attr('id');
+                $(this).on('click', function() {
+                    switch (id) {
+                        case 'ITP_BTN_STINFO04010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+                        case 'ITP_BTN_STINFO04010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+                        case 'ITP_BTN_STINFO04010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+                        case 'ITP_BTN_STINFO04010_CANCELLIST'		: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+                        case 'ITP_BTN_STINFO04010_DELETE'			: 								break;	// 삭제 버튼
+                        case 'ITP_BTN_STINFO04010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
+                        case 'ITP_FORM_STINFO04010_DETAIL_DUP'		: createObj.button.duplicate();	break;	// 중복체크
+                        case 'ITP_BTN_STINFO04010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
+                    }
+                });
+            });
+
+            $('body').on('click', function(e) {
+                var gridId = STINFO04010_DETAIL_GRID_ID.replace('#', '');
+                var rids = $(STINFO04010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+                var last_row_id = rids[rids.length - 1];
+                itp_fn_grid_reset_selection(e, last_row_id, gridId, 'STINFO04010_DETAIL');
+            });
+
+        }
+    },
+    switchScreen: function(mode) {
+        if(mode == 'LIST') { // 목록
+            $('#ITP_BTN_STINFO04010_MODIFY').hide();
+            $('#ITP_BTN_STINFO04010_CANCELLIST').hide();
+            $('#ITP_BTN_STINFO04010_DELETE').hide();
+            $('#ITP_BTN_STINFO04010_SAVE').hide();
+            fn_show_btn_auth('#ITP_BTN_STINFO04010_SRH');
+            fn_show_btn_auth('#ITP_BTN_STINFO04010_NEWREG');
+
+            $('#ITP_AJAX_STINFO04010_LIST_CONTAINER').show();
+            $('#ITP_AJAX_STINFO04010_DETAIL_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO04010_VIEW_CONTAINER').hide();
+        } else if(mode == 'ADD') { // 등록
+            $('#ITP_BTN_STINFO04010_SRH').hide();
+            $('#ITP_BTN_STINFO04010_MODIFY').hide();
+            $('#ITP_BTN_STINFO04010_NEWREG').hide();
+            $('#ITP_BTN_STINFO04010_DELETE').hide();
+            $('#ITP_BTN_STINFO04010_RESET_PW').hide();
+            fn_show_btn_auth('#ITP_BTN_STINFO04010_CANCELLIST');
+            fn_show_btn_auth('#ITP_BTN_STINFO04010_SAVE');
+
+            $('#ITP_AJAX_STINFO04010_LIST_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO04010_DETAIL_CONTAINER').show();
+            $('#ITP_AJAX_STINFO04010_VIEW_CONTAINER').hide();
+            $('#ITP_FORM_STINFO04010_DETAIL_STORE_ID').removeAttr('readonly');
+            $('#ITP_FORM_STINFO04010_DETAIL_DUP').removeAttr('disabled');
+
+            $.each($('input, select, checkbox, radio, textarea', '#ITP_FORM_STINFO04010_DETAIL'),function(k) {
+                $(this).val('');
+            });
+
+            $('#ITP_FORM_STINFO04010_DETAIL_VIEW_CD').val('C');
+            $('#ITP_FORM_STINFO04010_DETAIL .fnStoreNm').text('(자동부여)');
+        } else if(mode == 'MODIFY') { // 수정
+            $('#ITP_BTN_STINFO04010_SRH').hide();
+            $('#ITP_BTN_STINFO04010_MODIFY').hide();
+            $('#ITP_BTN_STINFO04010_NEWREG').hide();
+            $('#ITP_BTN_STINFO04010_DELETE').hide();
+            fn_show_btn_auth('#ITP_BTN_STINFO04010_CANCELLIST');
+            fn_show_btn_auth('#ITP_BTN_STINFO04010_SAVE');
+            fn_show_btn_auth('#ITP_BTN_STINFO04010_RESET_PW');
+
+            $('#ITP_AJAX_STINFO04010_LIST_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO04010_DETAIL_CONTAINER').show();
+            $('#ITP_AJAX_STINFO04010_VIEW_CONTAINER').hide();
+            $('#ITP_FORM_STINFO04010_DETAIL_STORE_ID').attr('readonly', true);
+            $('#ITP_FORM_STINFO04010_DETAIL_DUP').attr('disabled', true);
+            $('#ITP_FORM_STINFO04010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
+
+            $('#ITP_FORM_STINFO04010_DETAIL_SEARCH_AFFL_SHOP').hide();
+            $('#ITP_FORM_STINFO04010_DETAIL_DELETE_AFFL_SHOP').hide();
+        } else if(mode == 'VIEW') { // 보기
+            $('#ITP_BTN_STINFO04010_SRH').hide();
+            $('#ITP_BTN_STINFO04010_NEWREG').hide();
+            $('#ITP_BTN_STINFO04010_DELETE').hide();
+            $('#ITP_BTN_STINFO04010_SAVE').hide();
+            fn_show_btn_auth('#ITP_BTN_STINFO04010_MODIFY');
+            fn_show_btn_auth('#ITP_BTN_STINFO04010_CANCELLIST');
+
+            $('#ITP_AJAX_STINFO04010_LIST_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO04010_DETAIL_CONTAINER').hide();
+            $('#ITP_AJAX_STINFO04010_VIEW_CONTAINER').show();
+        }
+    }
+};
+
+/*목록화면 Object*/
+let listObj = {
+    init: function () {
+        this.form();
+        this.grid.init();
+    },
+    itp_STINFO04010_search: false,
+    button: {
+        search: function() {
+            listObj.itp_STINFO04010_search = true;
+            let param = $('#ITP_FORM_STINFO04010_SEARCH').serializeObject();
+            param.gridSize = $.jgrid.defaults.rowNum;
+            param.gridPage = $.jgrid.defaults.page;
+            $(STINFO04010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+        },
+        create: function() {
+            if(pageObj.brandInfo && pageObj.brandInfo.brandId !== '') {
+                createObj.init();
+            }
+        }
+    },
+    form: function() {
+        $('#ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS1').on('change', function() {
+            ($(this).val() === '') ? itemClassLevel.clear(2, true): itemClassLevel.list(2, true);
+        });
+        $('#ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS2').on('change', function() {
+            ($(this).val() === '') ? itemClassLevel.clear(3, true): itemClassLevel.list(3, true);
+        });
+        $('#ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS3').on('change', function() {
+            ($(this).val() === '') ? itemClassLevel.clear(4, true): itemClassLevel.list(4, true);
+        });
+    },
+    empty: {
+        init: function() {
+            var _this = this;
+            this.push();
+            $(STINFO04010_GRID_EMPTY).on('click', function() {
+                _this.back();
+                _this.itp_STINFO04010_param.gridSize = $.jgrid.defaults.rowNum;
+                $(STINFO04010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO04010_param)}).trigger('reloadGrid');
+            });
+        },
+        itp_STINFO04010_param: {},
+        push: function() {
+            let param = $('#ITP_FORM_STINFO04010_SEARCH').serializeObject();
+            listObj.itp_STINFO04010_param = param;
+        },
+        back: function() {
+            $('#ITP_FORM_STINFO04010_SERVICE_ST_CD').val(this.itp_STINFO04010_param.sitemStCd);
+            $('#ITP_FORM_STINFO04010_SEARCH_PODR_PSSBL_DVSN').val(this.itp_STINFO04010_param.spodrPssblDvsn);
+            $('#ITP_FORM_STINFO04010_SEARCH_ITEM_KIND').val(this.itp_STINFO04010_param.sitemKind);
+            $('#ITP_FORM_STINFO04010_SEARCH_ITEM_TYPE').val(this.itp_STINFO04010_param.sitemType);
+            $('#ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS1').val(this.itp_STINFO04010_param.sitemClass1);
+            $('#ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS2').val(this.itp_STINFO04010_param.sitemClass2);
+            $('#ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS3').val(this.itp_STINFO04010_param.sitemClass3);
+            $('#ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS4').val(this.itp_STINFO04010_param.sitemClass4);
+            $('#ITP_FORM_STINFO04010_SEARCH_ITEM_NM').val(this.itp_STINFO04010_param.sitemNm);
+        }
+    },
+    grid: {
+        init: function () {
+            // 데이터 없을때
+            listObj.empty.push();
+            this.search();
+        },
+        colModel: gridColModel.list,
+        search: function() {
+            pageObj.switchScreen('LIST');
+            this.unload();
+            this.load();
+        },
+        load: function() {
+            let param = $('#ITP_FORM_STINFO04010_SEARCH').serializeObject();
+            param.gridSize = $.jgrid.defaults.rowNum;
+            param.sbrandId = pageObj.brandInfo.brandId;
+            // param.sbrandId = sessionStorage.getItem('itp_brand_id') !== null ? sessionStorage.getItem('itp_brand_id') : 'BRD221000001';
+
+            var option = {
+                gridId: STINFO04010_GRID_ID,
+                colModel: gridColModel.list,
+                param: JSON.stringify(param),
+                url: DOMAIN + API_DETAIL_GRID_LIST,
+                pager: STINFO04010_GRID_PAGER,
+                onCellSelect: function(rowId, cellIdx, cellValue) {
+                    var cm = $(this).jqGrid('getGridParam', 'colModel');
+                    var colNm = cm[cellIdx].name;
+                    if (colNm == 'itemNm') {
+                        const selectVal = $(this).jqGrid('getCell', rowId, 'itemId');
+                        const key = {brandId:pageObj.brandInfo.brandId, itemId: selectVal, viewCd: 'R'};
+                        var param = $.param(key);
+                        viewObj.init(param);
+                    }
+                },
+                loadComplete: function(data) {
+                    console.log(data);
+                    itp_fn_grid_load_complete(data, STINFO04010_GRID_ID, true, 'number', 'STINFO04010', listObj.itp_STINFO04010_search, listObj.empty, true, data.gridRecords, true);
+                    var ids = $(STINFO04010_GRID_ID).getDataIDs();
+                    $.each(ids, function(idx, rowId) {
+                        $(STINFO04010_GRID_ID).jqGrid('setCell', rowId, 'itemNm', '', ITP_GRID_COL_STYLE.link);
+                    });
+                },
+                onPaging: function(action) {
+                    itp_fn_grid_paging(STINFO04010_GRID_ID, action, param);
+                }
+            };
+            itp_fn_grid_make_remote(option);
+        },
+        clearData : function() {
+            $(STINFO04010_GRID_ID).jqGrid('clearGridData', true);
+            $(STINFO04010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+            $(STINFO04010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+            $(STINFO04010_GRID_EMPTY).show();
+        },
+        unload : function() {
+            $.jgrid.gridUnload(STINFO04010_GRID_ID);
+        }
+    }
+};
+
+/*상세화면 Object*/
+let viewObj = {
+    init: function (param) {
+        this.load(param);
+    },
+    load: function(param) {
+        fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+    },
+    callback: function (result) {
+        console.log(result);
+        pageObj.switchScreen('VIEW');
+        $('#ITP_FORM_STINFO04010_VIEW #ITP_FORM_STINFO04010_VIEW_ITEM_ID').val(result.itemId);
+        $('#ITP_FORM_STINFO04010_VIEW .fnBrandNm').text(result.brandId);
+        $('#ITP_FORM_STINFO04010_VIEW .fnStCd').text(result.itemStNm);
+        $('#ITP_FORM_STINFO04010_VIEW .fnItemClass1').text(result.itemClass1);
+        $('#ITP_FORM_STINFO04010_VIEW .fnItemClass2').text(result.itemClass2);
+        $('#ITP_FORM_STINFO04010_VIEW .fnItemClass3').text(result.itemClass3);
+        $('#ITP_FORM_STINFO04010_VIEW .fnItemClass4').text(result.itemClass4);
+        $('#ITP_FORM_STINFO04010_VIEW .fnItemClassMgntNo').text(result.itemClassMgntNo);
+        $('#ITP_FORM_STINFO04010_VIEW .fnItemType').text(result.itemType);
+        $('#ITP_FORM_STINFO04010_VIEW .fnItemNm').text(result.itemClassNm);
+        $('#ITP_FORM_STINFO04010_VIEW .fnImpDvsn').text(result.impDvsnNm);
+        $('#ITP_FORM_STINFO04010_VIEW .fnPodrPssblDvsn').text(result.podrPssblDvsn);
+        $('#ITP_FORM_STINFO04010_VIEW .fnUnit').text(result.unit);
+        $('#ITP_FORM_STINFO04010_VIEW .fnPchItemYn').text(result.pchItemYn);
+        $('#ITP_FORM_STINFO04010_VIEW .fnViewPchUnit').text(result.pchUnit);
+        $('#ITP_FORM_STINFO04010_VIEW .fnSaleItemYn').text(result.saleItemYn);
+        $('#ITP_FORM_STINFO04010_VIEW .fnSaleUnit').text(result.saleUnit);
+        $('#ITP_FORM_STINFO04010_VIEW .fnAssetInfo').text(result.assetInfo);
+        $('#ITP_FORM_STINFO04010_VIEW .fnStckUnit').text(result.stckUnit);
+        $('#ITP_FORM_STINFO04010_VIEW .fnWeight').text(result.weight);
+        $('#ITP_FORM_STINFO04010_VIEW .fnVolume').text(result.volume);
+        $('#ITP_FORM_STINFO04010_VIEW .fnWidth').text(result.width);
+        $('#ITP_FORM_STINFO04010_VIEW .fnHeight').text(result.height);
+        $('#ITP_FORM_STINFO04010_VIEW .fnHigh').text(result.high);
+        $('#ITP_FORM_STINFO04010_VIEW .fnOneBoxQty').text(result.oneBoxQty);
+        $('#ITP_FORM_STINFO04010_VIEW .fnExpryYn').text(result.expryYn);
+        $('#ITP_FORM_STINFO04010_VIEW .fnExpryDate').text(result.expryDate);
+        $('#ITP_FORM_STINFO04010_VIEW .fnRtnPssblYn').text(result.rtnPssblYn);
+        $('#ITP_FORM_STINFO04010_VIEW .fnRtnDvsn').text(result.rtnDvsn);
+        // $('#ITP_FORM_STINFO04010_VIEW .fnItemImage').text(result.imageFileNoList);
+        $.each(result.imageFileNoList, function(index, item) {
+            $('#ITP_FORM_STINFO04010_VIEW .fnItemImage').append('<img src=" + item.filePath +" />');
+        });
+    }
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+    init: function () {
+    },
+    button: {
+        modify: function (param) {
+            itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO04010_DETAIL');
+            const selectVal = $('#ITP_FORM_STINFO04010_VIEW_ITEM_ID').val();
+            const key = {brandId:pageObj.brandInfo.brandId, itemId: selectVal, viewCd: 'R'};
+            var param = $.param(key);
+            modifyObj.load(param);
+        }
+    },
+    load: function(param) {
+        fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+    },
+    callback: function (result) {
+        console.log(result);
+        pageObj.switchScreen('MODIFY');
+
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_VIEW_CD').val('U');
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_ITEM_ID').val(result.itemId);
+        $('#ITP_FORM_STINFO04010_DETAIL .fnBrandNm').text(result.brandId);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_STORE_ST_CD').val(result.itemStCd);
+        // $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS1').val(result.itemClass1);
+        // $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS2').val(result.itemClass2);
+        // $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS3').val(result.itemClass3);
+        // $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS4').val(result.itemClass4);
+        $('#ITP_FORM_STINFO04010_DETAIL .fnItemClassMgntNo').text(result.itemId);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_ITEM_TYPE').val(result.itemType);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_ITEM_NM').val(result.itemClassNm);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_IMP_DVSN').val(result.impDvsn);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_PODR_PSSBL_DVSN').val(result.podrPssblDvsn);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_UNIT').val(result.unit);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_PCH_ITEM_YN').val(result.pchItemYn);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_PCH_UNIT').val(result.pchUnit);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_SALE_ITEM_YN').val(result.saleItemYn);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_SALE_UNIT').val(result.saleUnit);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_ASSET_INFO').val(result.assetInfo);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_STCK_UNIT').val(result.stckUnit);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_WEIGHT').val(result.weight);
+        $('#ITP_FORM_STINFO04010_DETAIL .item_unit').text(result.unit);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_VOLUME').val(result.volume);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_WIDTH').val(result.width);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_HEIGHT').val(result.height);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_HIGH').val(result.high);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_ONE_BOX_QTY').val(result.oneBoxQty);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_EXPRY_YN').val(result.expryYn);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_EXPRY_DATE').val(result.expryDate);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_RTN_PSSBL_YN').val(result.rtnPssblYn);
+        $('#ITP_FORM_STINFO04010_DETAIL #ITP_FORM_STINFO04010_DETAIL_RTN_DVSN').val(result.rtnDvsn);
+        $.each(result.imageFileNoList, function(index, item) {
+            $('#ITP_FORM_STINFO04010_VIEW .ITEM_IMAGE').append('<img src=" + item.filePath +" />');
+        });
+
+        itemClassLevel.detail.data.push(result.itemClass1);
+        itemClassLevel.detail.data.push(result.itemClass2);
+        itemClassLevel.detail.data.push(result.itemClass3);
+        itemClassLevel.detail.data.push(result.itemClass4);
+        itemClassLevel.detail.make();
+    }
+};
+
+/*신규화면 Object*/
+let createObj = {
+    init: function () {
+        pageObj.switchScreen('ADD');
+        itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO04010_DETAIL');
+        $('#ITP_FORM_STINFO04010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
+        itemClassLevel.list(1, false);
+    },
+    button: {
+        cancel: function() {
+            listObj.grid.search();
+        },
+        save: function() {
+            const formId = '#ITP_FORM_STINFO04010_DETAIL';
+            itp_fn_form_clear_validate(null, formId);
+            var vali_userId = itp_fn_form_validate(formId, formId + '_USER_ID', ['empty'], undefined);
+            var vali_userStatCd = itp_fn_form_validate(formId, formId + '_USER_STAT_CD', ['empty'], undefined);
+            var vali_userNm = itp_fn_form_validate(formId, formId + '_USER_NM', ['empty'], undefined);
+            var vali_telNo = itp_fn_form_validate(formId, formId + '_TEL_NO', ['empty'], undefined);
+            var vali_email = itp_fn_form_validate(formId, formId + '_EMAIL', ['empty'], undefined);
+            var vali_userPw = true;
+            var vali_userPwConfirm = true;
+            if (vali_userId && vali_userStatCd && vali_userNm && vali_userPw && vali_userPwConfirm && vali_telNo && vali_email) {
+                if (ITP_FORM_STINFO04010_DETAIL_IS_DUPLICATE) {
+                    itp_fn_modal_duplicate(ITP_MSG_LOCALE.label.userId, formId + '_USER_ID');
+                } else {
+                    let gridInsertData = [];
+                    let gridUpdateData = [];
+                    let gridDeleteData = [];
+                    const rowData = $(STINFO04010_DETAIL_GRID_ID).getRowData();
+                    const keyValue = $(formId + '_USER_ID').val();
+                    $.each(rowData, function(key, value) {
+                        if (value.viewCd != 'R') {
+                            value.userId = keyValue;
+                            if (value.viewCd == 'C') {
+                                gridInsertData.push(value);
+                            } else if (value.viewCd == 'U') {
+                                gridUpdateData.push(value);
+                            } else if (value.viewCd == 'D') {
+                                gridDeleteData.push(value);
+                            }
+                        }
+                    });
+                    let param = $(formId).serializeObject();
+                    param.gridInsertData = gridInsertData;
+                    param.gridUpdateData = gridUpdateData;
+                    param.gridDeleteData = gridDeleteData;
+                    //console.log(JSON.stringify(param));
+                    var searhFn = function() {
+                        ITP_FORM_STINFO04010_DETAIL_IS_WRITING = false;
+                        listObj.grid.search();
+                    };
+                    fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+                }
+            }
+        }
+    }
+};
+
+var itemClassLevel = {
+    isList: true,
+    level: 1,
+    keys: function() {
+        var keys = {sBrandId:pageObj.brandInfo.brandId, sItemLevel: this.level};
+        for(var i=1; i<this.level; i++) {
+            var key = 'sItemClass' + i;
+            var id = (this.isList ? '#ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS' : '#ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS') + i;
+            keys[key] = $(id + ' option:selected').val();
+        }
+        return keys;
+    },
+    list: function(level, isList) {
+        this.level = level;
+        this.isList = isList;
+        this.clear(level, isList);
+        this.call( $.param(this.keys()));
+    },
+    detail: {
+        data: [],
+        make: function() {
+            itemClassLevel.isList = false;
+            itemClassLevel.call( $.param(itemClassLevel.keys()));
+        }
+    },
+    call: function(param) {
+        fn_ajax_call(API_ITEM_CLASS_LEVEL, param, this.callback, 'GET');
+    },
+    callback: function(result) {
+        // console.log(result);
+        var id = (itemClassLevel.isList ? 'ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS' : 'ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS')  + itemClassLevel.level;
+        fn_make_select_item_class(result.searchList, id, true, '선택');
+        if(!itemClassLevel.isList) {
+            $('#' + id).val(itemClassLevel.detail.data[ itemClassLevel.level - 1]);
+            if(itemClassLevel.level < itemClassLevel.detail.data.length) {
+                if(itemClassLevel.detail.data[itemClassLevel.level] !== '') {
+                    itemClassLevel.level++;
+                    itemClassLevel.call( $.param(itemClassLevel.keys()));
+                }
+            }
+        }
+    },
+    clear: function(level, isList) {
+        for(var i=level; i<5; i++) {
+            var id = (isList ? 'ITP_FORM_STINFO04010_SEARCH_ITEM_CLASS' : 'ITP_FORM_STINFO04010_DETAIL_ITEM_CLASS') + i;
+            $('#' + id).find('option').remove();
+        }
+    }
+};

src/main/webapp/js/app/stinfo/ITP_STINFO05010.js

@@ -0,0 +1,539 @@
+require(['config'], function() {
+	require([
+		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const STINFO05010_GRID_ID = '#ITP_STINFO05010_jqGrid';
+const STINFO05010_GRID_LIST = '#ITP_STINFO05010_jqGrid_list';
+const STINFO05010_GRID_PAGER = '#ITP_STINFO05010_jqGridPager';
+const STINFO05010_GRID_EMPTY = '#ITP_STINFO05010_jqGridEmpty';
+
+let ITP_FORM_STINFO05010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_STINFO05010_DETAIL_IS_WRITING = false;
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 	= '/api/itemunit/detail-grid-list';	    // 목록
+let API_DETAIL_INFO 		= '/api/itemunit/info-itemunit';		// 상세
+let API_DETAIL_SAVE 		= '/api/itemunit/save-itemunit';		// 저장
+let API_ITEM_CLASS_LEVEL	= '/api/item/class-level-list';			//품목분류 level 검색
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_UNIT_UNQ_NO', name: 'brandUnitUnqNo',
+			label: ITP_MSG_LOCALE.label.brandUnitUnqNo, //브랜드ID
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ITEM_ID', name: 'itemId',
+			label: ITP_MSG_LOCALE.label.itemId, //품목번호
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_NM', name: 'itemNm',
+			label: ITP_MSG_LOCALE.label.itemNm, //품목명
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SPPLY_ID_NM', name: 'spplyIdNm',
+			label: ITP_MSG_LOCALE.label.spplyIdNm, //공급업체명
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'UNIT', name: 'unit',
+			label: ITP_MSG_LOCALE.label.unit, //기본단위
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STDD_QYT', name: 'stddQty',
+			label: ITP_MSG_LOCALE.label.stddQty, //기준수량
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'CURR', name: 'curr',
+			label: ITP_MSG_LOCALE.label.curr, //통화
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'UNIT_AMT', name: 'unitAmt',
+			label: ITP_MSG_LOCALE.label.unitAmt, //단가
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'CONT_STT_DT', name: 'contSttDt',
+			label: ITP_MSG_LOCALE.label.contSttDt, //시작일
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'CONT_END_DT', name: 'contEndDt',
+			label: ITP_MSG_LOCALE.label.contEndDt, //종료일
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'LEAD_TIME', name: 'leadTime',
+			label: ITP_MSG_LOCALE.label.leadTime, //리드타임 (Day)
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'FILE_PATH', name: 'filePath',
+			label: ITP_MSG_LOCALE.label.itemFilePath, //단가계약파일
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SYS_REG_DT', name: 'sysRegDt',
+			label: ITP_MSG_LOCALE.label.regDt, //등록일
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'UNIT_ST_NM', name: 'unitStNm',
+			label: ITP_MSG_LOCALE.label.stNm, //상태
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SPPLY_ITEM_ID', name: 'spplyItemId',
+			label: ITP_MSG_LOCALE.label.spplyItemId, //공급사품번
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function () {
+		this.brandInfo = JSON.parse(sessionStorage.getItem('itp_manage_brand_info'));
+		this.ui.init();
+		this.event.init();
+	},
+	brandInfo: {},
+	ui: {
+		init: function () {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('STINFO05010');
+			// 공통코드 표시
+			fn_make_select(CODE_LIST, 'ST_CD', 'ITP_FORM_STINFO05010_SEARCH_ST_CD');
+			fn_make_select(CODE_LIST, 'ST_CD', 'ITP_FORM_STINFO05010_DETAIL_ST_CD');
+			fn_make_select(CODE_LIST, 'DSTRBT_COST_UNIT', 'ITP_FORM_STINFO05010_DETAIL_UNIT');
+			fn_make_select(CODE_LIST, 'CURR', 'ITP_FORM_STINFO05010_DETAIL_CURR');
+
+			itemClassLevel.list(1, true);
+
+			// 조회일자 지정
+			$('#ITP_TAB_STINFO05010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(STINFO05010_GRID_ID, STINFO05010_GRID_LIST, 'lg');
+			listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			listObj.init();
+		}
+	},
+	event: {
+		init: function () {
+			this.button();
+		},
+		button: function () {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_STINFO05010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_STINFO05010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+						case 'ITP_BTN_STINFO05010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+						case 'ITP_BTN_STINFO05010_CANCELLIST'		: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+						case 'ITP_BTN_STINFO05010_DELETE'			: 								break;	// 삭제 버튼
+						case 'ITP_BTN_STINFO05010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
+						case 'ITP_FORM_STINFO05010_DETAIL_DUP'		: createObj.button.duplicate();	break;	// 중복체크
+						case 'ITP_BTN_STINFO05010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
+					}
+				});
+			});
+
+		}
+	},
+	switchScreen: function(mode) {
+		if(mode == 'LIST') { // 목록
+			$('#ITP_BTN_STINFO05010_MODIFY').hide();
+			$('#ITP_BTN_STINFO05010_CANCELLIST').hide();
+			$('#ITP_BTN_STINFO05010_DELETE').hide();
+			$('#ITP_BTN_STINFO05010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO05010_SRH');
+			fn_show_btn_auth('#ITP_BTN_STINFO05010_NEWREG');
+
+			$('#ITP_AJAX_STINFO05010_LIST_CONTAINER').show();
+			$('#ITP_AJAX_STINFO05010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO05010_VIEW_CONTAINER').hide();
+		} else if(mode == 'ADD') { // 등록
+			$('#ITP_BTN_STINFO05010_SRH').hide();
+			$('#ITP_BTN_STINFO05010_MODIFY').hide();
+			$('#ITP_BTN_STINFO05010_NEWREG').hide();
+			$('#ITP_BTN_STINFO05010_DELETE').hide();
+			$('#ITP_BTN_STINFO05010_RESET_PW').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO05010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO05010_SAVE');
+
+			$('#ITP_AJAX_STINFO05010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO05010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO05010_VIEW_CONTAINER').hide();
+			$('#ITP_FORM_STINFO05010_DETAIL_STORE_ID').removeAttr('readonly');
+			$('#ITP_FORM_STINFO05010_DETAIL_DUP').removeAttr('disabled');
+
+			$.each($('input, select, checkbox, radio, textarea', '#ITP_FORM_STINFO05010_DETAIL'),function(k) {
+				$(this).val('');
+			});
+
+			$('#ITP_FORM_STINFO05010_DETAIL_VIEW_CD').val('C');
+			$('#ITP_FORM_STINFO05010_DETAIL .fnStoreNm').text('(자동부여)');
+		} else if(mode == 'MODIFY') { // 수정
+			$('#ITP_BTN_STINFO05010_SRH').hide();
+			$('#ITP_BTN_STINFO05010_MODIFY').hide();
+			$('#ITP_BTN_STINFO05010_NEWREG').hide();
+			$('#ITP_BTN_STINFO05010_DELETE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO05010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO05010_SAVE');
+			fn_show_btn_auth('#ITP_BTN_STINFO05010_RESET_PW');
+
+			$('#ITP_AJAX_STINFO05010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO05010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO05010_VIEW_CONTAINER').hide();
+			$('#ITP_FORM_STINFO05010_DETAIL_STORE_ID').attr('readonly', true);
+			$('#ITP_FORM_STINFO05010_DETAIL_DUP').attr('disabled', true);
+			$('#ITP_FORM_STINFO05010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
+
+			$('#ITP_FORM_STINFO05010_DETAIL_SEARCH_AFFL_SHOP').hide();
+			$('#ITP_FORM_STINFO05010_DETAIL_DELETE_AFFL_SHOP').hide();
+		} else if(mode == 'VIEW') { // 보기
+			$('#ITP_BTN_STINFO05010_SRH').hide();
+			$('#ITP_BTN_STINFO05010_NEWREG').hide();
+			$('#ITP_BTN_STINFO05010_DELETE').hide();
+			$('#ITP_BTN_STINFO05010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO05010_MODIFY');
+			fn_show_btn_auth('#ITP_BTN_STINFO05010_CANCELLIST');
+
+			$('#ITP_AJAX_STINFO05010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO05010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO05010_VIEW_CONTAINER').show();
+		}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.form();
+		this.grid.init();
+	},
+	itp_STINFO05010_search: false,
+	button: {
+		search: function() {
+			listObj.itp_STINFO05010_search = true;
+			let param = $('#ITP_FORM_STINFO05010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(STINFO05010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		create: function() {
+			if(pageObj.brandInfo && pageObj.brandInfo.brandId !== '') {
+				createObj.init();
+			}
+		}
+	},
+	form: function() {
+		$('#ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS1').on('change', function() {
+			($(this).val() === '') ? itemClassLevel.clear(2, true): itemClassLevel.list(2, true);
+		});
+		$('#ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS2').on('change', function() {
+			($(this).val() === '') ? itemClassLevel.clear(3, true): itemClassLevel.list(3, true);
+		});
+		$('#ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS3').on('change', function() {
+			($(this).val() === '') ? itemClassLevel.clear(4, true): itemClassLevel.list(4, true);
+		});
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(STINFO05010_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_STINFO05010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(STINFO05010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO05010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_STINFO05010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_STINFO05010_SEARCH').serializeObject();
+			listObj.itp_STINFO05010_param = param;
+		},
+		back: function() {
+			$('#ITP_FORM_STINFO05010_SERVICE_ST_CD').val(this.itp_STINFO05010_param.sitemStCd);
+			$('#ITP_FORM_STINFO05010_SEARCH_PODR_PSSBL_DVSN').val(this.itp_STINFO05010_param.contSttDt);
+			$('#ITP_FORM_STINFO05010_SEARCH_ITEM_KIND').val(this.itp_STINFO05010_param.contEndDt);
+			$('#ITP_FORM_STINFO05010_SEARCH_ITEM_TYPE').val(this.itp_STINFO05010_param.sspplyNm);
+			$('#ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS1').val(this.itp_STINFO05010_param.sitemClass1);
+			$('#ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS2').val(this.itp_STINFO05010_param.sitemClass2);
+			$('#ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS3').val(this.itp_STINFO05010_param.sitemClass3);
+			$('#ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS4').val(this.itp_STINFO05010_param.sitemClass4);
+			$('#ITP_FORM_STINFO05010_SEARCH_ITEM_NM').val(this.itp_STINFO05010_param.sitemNm);
+		}
+	},
+	grid: {
+		init: function () {
+			// 데이터 없을때
+			listObj.empty.push();
+			this.search();
+		},
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			let param = $('#ITP_FORM_STINFO05010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.sbrandId = pageObj.brandInfo.brandId;
+
+			var option = {
+				gridId: STINFO05010_GRID_ID,
+				colModel: gridColModel.list,
+				param: JSON.stringify(param),
+				url: DOMAIN + API_DETAIL_GRID_LIST,
+				pager: STINFO05010_GRID_PAGER,
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					var cm = $(this).jqGrid('getGridParam', 'colModel');
+					var colNm = cm[cellIdx].name;
+					if (colNm == 'itemNm') {
+						const selectVal = $(this).jqGrid('getCell', rowId, 'brandUnitUnqNo');
+						const key = {brandId:pageObj.brandInfo.brandId, brandUnitUnqNo: selectVal, viewCd: 'R'};
+						var param = $.param(key);
+						viewObj.init(param);
+					}
+				},
+				loadComplete: function(data) {
+					console.log(data);
+					itp_fn_grid_load_complete(data, STINFO05010_GRID_ID, true, 'number', 'STINFO05010', listObj.itp_STINFO05010_search, listObj.empty, true, data.gridRecords, true);
+					var ids = $(STINFO05010_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(STINFO05010_GRID_ID).jqGrid('setCell', rowId, 'itemNm', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(STINFO05010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(STINFO05010_GRID_ID).jqGrid('clearGridData', true);
+			$(STINFO05010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STINFO05010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STINFO05010_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STINFO05010_GRID_ID);
+		}
+	}
+};
+
+/*상세화면 Object*/
+let viewObj = {
+	init: function (param) {
+		this.load(param);
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		console.log(result);
+		pageObj.switchScreen('VIEW');
+		$('#ITP_FORM_STINFO05010_VIEW #ITP_FORM_STINFO05010_VIEW_ITEM_ID').val(result.itemId);
+		$('#ITP_FORM_STINFO05010_VIEW #ITP_FORM_STINFO05010_VIEW_BRAND_UNIT_UNQ_NO').val(result.brandUnitUnqNo);
+		$('#ITP_FORM_STINFO05010_VIEW .fnBrandNm').text(result.brandId);
+		$('#ITP_FORM_STINFO05010_VIEW .fnStCd').text(result.unitStNm);
+		$('#ITP_FORM_STINFO05010_VIEW .fnItemClassMgntNo').text(result.itemClassMgntNo);
+		$('#ITP_FORM_STINFO05010_VIEW .fnItemNm').text(result.itemClassNm);
+		$('#ITP_FORM_STINFO05010_VIEW .fnSpplyId').text(result.spplyId);
+		$('#ITP_FORM_STINFO05010_VIEW .fnSpplyItemId').text(result.spplyNm);
+		$('#ITP_FORM_STINFO05010_VIEW .fnContSttDt').text(result.contSttDt);
+		$('#ITP_FORM_STINFO05010_VIEW .fnContEndDt').text(result.contEndDt);
+		$('#ITP_FORM_STINFO05010_VIEW .fnLeadTime').text(result.leadTime);
+		$('#ITP_FORM_STINFO05010_VIEW .fnUnit').text(result.unit);
+		$('#ITP_FORM_STINFO05010_VIEW .fnStddQyt').text(result.stddQty);
+		$('#ITP_FORM_STINFO05010_VIEW .fnCurr').text(result.curr);
+		$('#ITP_FORM_STINFO05010_VIEW .fnUnitAmt').text(result.unitAmt);
+		$('#ITP_FORM_STINFO05010_VIEW .fnStoreSaleStddQty').text(result.storeSaleStddQty);
+		$('#ITP_FORM_STINFO05010_VIEW .fnStoreSaleUnitAmt').text(result.storeSaleUnitAmt);
+		$('#ITP_FORM_STINFO05010_VIEW .fnRegId').text(result.regId);
+		$('#ITP_FORM_STINFO05010_VIEW .fnRegDt').text(result.regDt);
+		$('#ITP_FORM_STINFO05010_VIEW .fnChgId').text(result.chgId);
+		$('#ITP_FORM_STINFO05010_VIEW .fnChgDt').text(result.chgDt);
+
+		$.each(result.imageFileNoList, function(index, item) {
+			$('#ITP_FORM_STINFO05010_VIEW .fnFilePath').append('<img src=" + item.filePath +" />');
+		});
+	}
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function () {
+	},
+	button: {
+		modify: function (param) {
+			itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO05010_DETAIL');
+			const selectVal = $('#ITP_FORM_STINFO05010_VIEW_BRAND_UNIT_UNQ_NO').val();
+			const key = {brandId:pageObj.brandInfo.brandId, brandUnitUnqNo: selectVal, viewCd: 'R'};
+			var param = $.param(key);
+			modifyObj.load(param);
+		}
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		console.log(result);
+		pageObj.switchScreen('MODIFY');
+
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_VIEW_CD').val('U');
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_ITEM_ID').val(result.itemId);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_BRAND_UNIT_UNQ_NO').val(result.brandUnitUnqNo);
+		$('#ITP_FORM_STINFO05010_DETAIL .fnBrandNm').text(result.brandId);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_ST_CD').val(result.unitStCd);
+		// $('#ITP_FORM_STINFO05010_DETAIL .fnItemClassMgntNo').text(result.itemId);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_ITEM_CLASS_MGNT_NO').val(result.itemClassMgntNo);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_ITEM_NM').val(result.itemClassNm);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_SPPLY_ID').val(result.spplyId);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_SPPLY_NM').val(result.spplyNm);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_SPPLY_ITEM_ID').val(result.spplyItemId);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_CONT_STT_DT').val(result.contSttDt);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_CONT_END_DT').val(result.contEndDt);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_LEAD_TIME').val(result.leadTime);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_UNIT').val(result.unit);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_STDD_QYT').val(result.stddQty);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_CURR').val(result.curr);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_UNIT_AMT').val(result.unitAmt);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_STORE_SALE_STDD_QTY').val(result.storeSaleStddQty);
+		$('#ITP_FORM_STINFO05010_DETAIL #ITP_FORM_STINFO05010_DETAIL_STORE_SALE_UNIT_AMT').val(result.storeSaleUnitAmt);
+		$('#ITP_FORM_STINFO05010_DETAIL .fnRegId').text(result.regId);
+		$('#ITP_FORM_STINFO05010_DETAIL .fnRegDt').text(result.regDt);
+		$('#ITP_FORM_STINFO05010_DETAIL .fnChgId').text(result.chgId);
+		$('#ITP_FORM_STINFO05010_DETAIL .fnChgDt').text(result.chgDt);
+		$.each(result.imageFileNoList, function(index, item) {
+			$('#ITP_FORM_STINFO05010_VIEW .ITEM_IMAGE').append('<img src=" + item.filePath +" />');
+		});
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function () {
+		pageObj.switchScreen('ADD');
+		itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO05010_DETAIL');
+		$('#ITP_FORM_STINFO05010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
+	},
+	button: {
+		cancel: function() {
+			listObj.grid.search();
+		},
+		save: function() {
+			const formId = '#ITP_FORM_STINFO05010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			var vali_userId = itp_fn_form_validate(formId, formId + '_USER_ID', ['empty'], undefined);
+			var vali_userStatCd = itp_fn_form_validate(formId, formId + '_USER_STAT_CD', ['empty'], undefined);
+			var vali_userNm = itp_fn_form_validate(formId, formId + '_USER_NM', ['empty'], undefined);
+			var vali_telNo = itp_fn_form_validate(formId, formId + '_TEL_NO', ['empty'], undefined);
+			var vali_email = itp_fn_form_validate(formId, formId + '_EMAIL', ['empty'], undefined);
+			var vali_userPw = true;
+			var vali_userPwConfirm = true;
+			if (vali_userId && vali_userStatCd && vali_userNm && vali_userPw && vali_userPwConfirm && vali_telNo && vali_email) {
+				if (ITP_FORM_STINFO05010_DETAIL_IS_DUPLICATE) {
+					itp_fn_modal_duplicate(ITP_MSG_LOCALE.label.userId, formId + '_USER_ID');
+				} else {
+					let param = $(formId).serializeObject();
+					//console.log(JSON.stringify(param));
+					var searhFn = function() {
+						ITP_FORM_STINFO05010_DETAIL_IS_WRITING = false;
+						listObj.grid.search();
+					};
+					fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+				}
+			}
+		}
+	}
+};
+
+var itemClassLevel = {
+	level: 1,
+	keys: function() {
+		var keys = {sBrandId:pageObj.brandInfo.brandId, sItemLevel: this.level};
+		for(var i=1; i<this.level; i++) {
+			var key = 'sItemClass' + i;
+			var id = '#ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS' + i;
+			keys[key] = $(id + ' option:selected').val();
+		}
+		return keys;
+	},
+	list: function(level) {
+		this.level = level;
+		this.clear(level);
+		this.call( $.param(this.keys()));
+	},
+	call: function(param) {
+		fn_ajax_call(API_ITEM_CLASS_LEVEL, param, this.callback, 'GET');
+	},
+	callback: function(result) {
+		// console.log(result);
+		var id ='ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS' + itemClassLevel.level;
+		fn_make_select_item_class(result.searchList, id, true, '선택');
+	},
+	clear: function(level, isList) {
+		for(var i=level; i<5; i++) {
+			var id = 'ITP_FORM_STINFO05010_SEARCH_ITEM_CLASS' + i;
+			$('#' + id).find('option').remove();
+		}
+	}
+};

src/main/webapp/js/app/stinfo/ITP_STINFO06010.js

@@ -0,0 +1,454 @@
+require(['config'], function() {
+	require([
+		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const STINFO06010_GRID_ID = '#ITP_STINFO06010_jqGrid';
+const STINFO06010_GRID_LIST = '#ITP_STINFO06010_jqGrid_list';
+const STINFO06010_GRID_PAGER = '#ITP_STINFO06010_jqGridPager';
+const STINFO06010_GRID_EMPTY = '#ITP_STINFO06010_jqGridEmpty';
+
+const STINFO06010_DETAIL_GRID_ID = '#ITP_STINFO06010_DETAIL_jqGrid';
+const STINFO06010_DETAIL_GRID_LIST = '#ITP_STINFO06010_DETAIL_jqGrid_list';
+const STINFO06010_DETAIL_GRID_PAGER = '#ITP_STINFO06010_DETAIL_jqGridPager';
+const STINFO06010_DETAIL_GRID_EMPTY = '#ITP_STINFO06010_DETAIL_jqGridEmpty';
+
+let STINFO06010_GRID_LAST_ROW_ID;
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 	= '/api/itemunit/store-unit-grid-list';	// 목록
+let API_DETAIL_INFO 		= '/api/itemunit/info-storeitemunit';		// 상세
+let API_DETAIL_SAVE 		= '/api/itemunit/save-store-itemunit';		// 저장
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function () {
+		this.brandInfo = JSON.parse(sessionStorage.getItem('itp_manage_brand_info'));
+		this.ui.init();
+		this.event.init();
+	},
+	screenMode: 'LIST',
+	brandInfo: {},
+	ui: {
+		init: function () {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('STINFO06010');
+
+			fn_make_input_common_cd(CODE_LIST, 'CURR', 'ITP_FORM_STINFO05010_DETAIL_CURR', false);
+			fn_make_input_common_cd(CODE_LIST, 'UNIT_TARGET_CD', 'ITP_FORM_STINFO05010_DETAIL_UNIT_TARGET_CD', false);
+
+			console.log('=======> ' + $('#ITP_FORM_STINFO05010_DETAIL_CURR').val());
+			console.log('=======> ' + $('#ITP_FORM_STINFO05010_DETAIL_UNIT_TARGET_CD').val());
+
+			// 조회일자 지정
+			$('#ITP_TAB_STINFO06010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(STINFO06010_GRID_ID, STINFO06010_GRID_LIST, 'lg');
+			listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			listObj.init();
+		}
+	},
+	event: {
+		init: function () {
+			this.button();
+		},
+		button: function () {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_STINFO06010_SRH'				: (this.screenMode === 'List') ? listObj.button.search() : modifyObj.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_STINFO06010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+						case 'ITP_BTN_STINFO06010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+						case 'ITP_BTN_STINFO06010_CANCELLIST'		: listObj.grid.search(); 		break;	// 취소/목록 버튼
+						case 'ITP_BTN_STINFO06010_DELETE'			: 								break;	// 삭제 버튼
+						case 'ITP_BTN_STINFO06010_SAVE'				: modifyObj.button.save(); 		break;	// 저장 버튼
+					}
+				});
+			});
+
+		}
+	},
+	switchScreen: function(mode) {
+		if(mode == 'LIST') { // 목록
+			$('#ITP_BTN_STINFO06010_MODIFY').hide();
+			$('#ITP_BTN_STINFO06010_CANCELLIST').hide();
+			$('#ITP_BTN_STINFO06010_DELETE').hide();
+			$('#ITP_BTN_STINFO06010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO06010_SRH');
+			fn_show_btn_auth('#ITP_BTN_STINFO06010_NEWREG');
+
+			$('#ITP_AJAX_STINFO06010_LIST_CONTAINER').show();
+			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO06010_VIEW_CONTAINER').hide();
+		} else if(mode == 'ADD') { // 등록
+			$('#ITP_BTN_STINFO06010_SRH').hide();
+			$('#ITP_BTN_STINFO06010_MODIFY').hide();
+			$('#ITP_BTN_STINFO06010_NEWREG').hide();
+			$('#ITP_BTN_STINFO06010_DELETE').hide();
+			$('#ITP_BTN_STINFO06010_RESET_PW').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO06010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO06010_SAVE');
+
+			$('#ITP_AJAX_STINFO06010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO06010_VIEW_CONTAINER').hide();
+			$('#ITP_FORM_STINFO06010_DETAIL_STORE_ID').removeAttr('readonly');
+			$('#ITP_FORM_STINFO06010_DETAIL_DUP').removeAttr('disabled');
+
+			$.each($('input, select, checkbox, radio, textarea', '#ITP_FORM_STINFO06010_DETAIL'),function(k) {
+				$(this).val('');
+			});
+
+			$('#ITP_FORM_STINFO06010_DETAIL_VIEW_CD').val('C');
+			$('#ITP_FORM_STINFO06010_DETAIL .fnStoreNm').text('(자동부여)');
+		} else if(mode == 'MODIFY') { // 수정
+			$('#ITP_BTN_STINFO06010_SRH').hide();
+			$('#ITP_BTN_STINFO06010_MODIFY').hide();
+			$('#ITP_BTN_STINFO06010_NEWREG').hide();
+			$('#ITP_BTN_STINFO06010_DELETE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO06010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO06010_SAVE');
+			fn_show_btn_auth('#ITP_BTN_STINFO06010_RESET_PW');
+
+			$('#ITP_AJAX_STINFO06010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO06010_VIEW_CONTAINER').hide();
+		} else if(mode == 'VIEW') { // 보기
+			$('#ITP_BTN_STINFO06010_SRH').hide();
+			$('#ITP_BTN_STINFO06010_NEWREG').hide();
+			$('#ITP_BTN_STINFO06010_DELETE').hide();
+			$('#ITP_BTN_STINFO06010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO06010_MODIFY');
+			fn_show_btn_auth('#ITP_BTN_STINFO06010_CANCELLIST');
+
+			$('#ITP_AJAX_STINFO06010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO06010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO06010_VIEW_CONTAINER').show();
+		}
+		this.screenMode = mode;
+	},
+	gridColModel : {
+		list: [
+			{
+				index: 'BRAND_ID', name: 'brandId',
+				label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'BRAND_NM', name: 'brandNm',
+				label: ITP_MSG_LOCALE.label.brandNm, //브랜드명
+				width: '13', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'STORE_ID', name: 'storeId',
+				label: ITP_MSG_LOCALE.label.storeId, //매장ID
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'STORE_NM', name: 'storeNm',
+				label: ITP_MSG_LOCALE.label.storeNm, //매장명
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'CONT_STT_DT', name: 'contSttDt',
+				label: ITP_MSG_LOCALE.label.contSttDt, //계약시작일
+				width: '15', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'CONT_END_DT', name: 'contEndDt',
+				label: ITP_MSG_LOCALE.label.contEndDt, //계약종료일
+				width: '6', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'SYS_REG_DTTM', name: 'sysRegDttm',
+				label: ITP_MSG_LOCALE.label.sysRegDt, //계약생성일
+				width: '6', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'ITEM_CNT', name: 'itemCnt',
+				label: ITP_MSG_LOCALE.label.itemCnt, //계약품목수
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			}
+		]
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.grid.init();
+	},
+	itp_STINFO06010_search: false,
+	button: {
+		search: function() {
+			listObj.itp_STINFO06010_search = true;
+			let param = $('#ITP_FORM_STINFO06010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(STINFO06010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		create: function() {
+			if(pageObj.brandInfo && pageObj.brandInfo.brandId !== '') {
+				createObj.init();
+			}
+		}
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(STINFO06010_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_STINFO06010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(STINFO06010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO06010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_STINFO06010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_STINFO06010_SEARCH').serializeObject();
+			listObj.itp_STINFO06010_param = param;
+		},
+		back: function() {
+			$('#ITP_FORM_STINFO06010_SERVICE_ST_CD').val(this.itp_STINFO06010_param.sstorehNm);
+		}
+	},
+	grid: {
+		init: function () {
+			// 데이터 없을때
+			listObj.empty.push();
+			this.search();
+		},
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			let param = $('#ITP_FORM_STINFO06010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.sbrandId = pageObj.brandInfo.brandId;
+
+			var option = {
+				gridId: STINFO06010_GRID_ID,
+				colModel: pageObj.gridColModel.list,
+				param: JSON.stringify(param),
+				url: DOMAIN + API_DETAIL_GRID_LIST,
+				pager: STINFO06010_GRID_PAGER,
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					var cm = $(this).jqGrid('getGridParam', 'colModel');
+					var colNm = cm[cellIdx].name;
+					if (colNm == 'contSttDt') {
+						const storeId = $(this).jqGrid('getCell', rowId, 'storeId');
+						const contSttDt = $(this).jqGrid('getCell', rowId, 'contSttDt');
+						const contEndDt = $(this).jqGrid('getCell', rowId, 'contEndDt');
+						const key = {brandId:pageObj.brandInfo.brandId, storeId: storeId, contSttDt: contSttDt, contEndDt: contEndDt, viewCd: 'R'};
+						var param = $.param(key);
+						modifyObj.init(param);
+					}
+				},
+				loadComplete: function(data) {
+					console.log(data);
+					itp_fn_grid_load_complete(data, STINFO06010_GRID_ID, true, 'number', 'STINFO06010', listObj.itp_STINFO06010_search, listObj.empty, true, data.gridRecords, true);
+					var ids = $(STINFO06010_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(STINFO06010_GRID_ID).jqGrid('setCell', rowId, 'contSttDt', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(STINFO06010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(STINFO06010_GRID_ID).jqGrid('clearGridData', true);
+			$(STINFO06010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STINFO06010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STINFO06010_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STINFO06010_GRID_ID);
+		}
+	}
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function (param) {
+		pageObj.switchScreen('MODIFY');
+		this.grid.init(param);
+	},
+	itp_STINFO06010_search: false,
+	search: function() {
+		listObj.itp_STINFO06010_search = true;
+		let param = $('#ITP_FORM_STINFO06010_DETAIL').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum;
+		param.gridPage = $.jgrid.defaults.page;
+		$(STINFO06010_DETAIL_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(STINFO06010_DETAIL_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_STINFO06010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(STINFO06010_DETAIL_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO06010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_STINFO06010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_STINFO06010_DETAIL').serializeObject();
+			listObj.itp_STINFO06010_param = param;
+		},
+		back: function() {
+		}
+	},
+	grid: {
+		init: function (param) {
+			// 데이터 없을때
+			listObj.empty.push();
+			this.unload();
+			this.load(param);
+		},
+		load: function(param) {
+			var option = {
+				gridId: STINFO06010_DETAIL_GRID_ID,
+				// colModel: pageObj.gridColModel.detail,
+				colModel: [
+					{
+						index: 'BRAND_ID', name: 'brandId',
+						label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+						width: '10', fixed: false, align: 'center',
+						sortable: false, hidden: true
+					},
+					{
+						index: 'ITEM_ID', name: 'itemId',
+						label: ITP_MSG_LOCALE.label.itemId, //품목번호
+						width: '10', fixed: false, align: 'center',
+						sortable: false, hidden: false
+					},
+					{
+						index: 'ITEM_NM', name: 'itemNm',
+						label: ITP_MSG_LOCALE.label.itemNm, //품목명
+						width: '13', fixed: false, align: 'center',
+						sortable: false, hidden: false
+					},
+					{
+						index: 'CONT_STT_DT', name: 'contSttDt',
+						label: ITP_MSG_LOCALE.label.contSttDt, //계약시작일
+						width: '15', fixed: false, align: 'center',
+						sortable: false, hidden: false
+					},
+					{
+						index: 'CONT_END_DT', name: 'contEndDt',
+						label: ITP_MSG_LOCALE.label.contEndDt, //계약종료일
+						width: '6', fixed: false, align: 'center',
+						sortable: false, hidden: false
+					},
+					{
+						index: 'UNIT', name: 'unit',
+						label: ITP_MSG_LOCALE.label.unit, //기본단위
+						width: '6', fixed: false, align: 'center',
+						sortable: true, editable: true, edittype: 'text',
+						editrules: {required: true}
+					},
+					{
+						index: 'STDD_QYT', name: 'stddQty',
+						label: ITP_MSG_LOCALE.label.stddQty, //기준수량
+						width: '6', fixed: false, align: 'center',
+						sortable: true, editable: true, edittype: 'text',
+						editrules: {required: true}
+					},
+					{
+						index: 'CURR', name: 'curr',
+						label: ITP_MSG_LOCALE.label.curr, //통화
+						width: '10', fixed: false, align: 'center',
+						sortable: false, editable: true, formatter: 'select', edittype: 'select',
+						editoptions: {value: $('#ITP_FORM_STINFO05010_DETAIL_CURR').val()},
+						editrules: {required: true}
+					},
+					{
+						index: 'UNIT_AMT', name: 'unitAmt',
+						label: ITP_MSG_LOCALE.label.unitAmt, //단가
+						width: '10', fixed: false, align: 'center',
+						sortable: true, editable: true, edittype: 'text',
+						editrules: {required: true}
+					},
+					{
+						index: 'UNIT_TARGET_CD', name: 'unitTargetCd',
+						label: ITP_MSG_LOCALE.label.unitTargetCd, //대상여부
+						width: '6', fixed: false, align: 'center',
+						sortable: false, editable: true, formatter: 'select', edittype: 'select',
+						editoptions: {value: $('#ITP_FORM_STINFO05010_DETAIL_UNIT_TARGET_CD').val()},
+						editrules: {required: true}
+					},
+					{
+						index: 'SPPLY_UNIT_AMT', name: 'spplyUnitAmt',
+						label: ITP_MSG_LOCALE.label.spplyUnitAmt, //공급단가
+						width: '6', fixed: false, align: 'center',
+						sortable: false, hidden: false
+					}
+				],
+				mtype: 'GET',
+				param: param,
+				url: DOMAIN + API_DETAIL_INFO,
+				loadComplete: function(data) {
+					console.log(data);
+					itp_fn_grid_load_complete(data, STINFO06010_DETAIL_GRID_ID, false, 'number', 'STINFO06010', modifyObj.itp_STINFO06010_search, modifyObj.empty, true, data.gridRecords, true);
+				},
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					STINFO06010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowId, cellIdx, STINFO06010_GRID_LAST_ROW_ID, STINFO06010_DETAIL_GRID_ID, ['itemId']);
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(STINFO06010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(STINFO06010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+			$(STINFO06010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STINFO06010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STINFO06010_DETAIL_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STINFO06010_DETAIL_GRID_ID);
+		}
+	}
+};

src/main/webapp/js/app/stinfo/ITP_STINFO07010.js

@@ -0,0 +1,451 @@
+require(['config'], function() {
+	require([
+		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const STINFO07010_GRID_ID = '#ITP_STINFO07010_jqGrid';
+const STINFO07010_GRID_LIST = '#ITP_STINFO07010_jqGrid_list';
+const STINFO07010_GRID_PAGER = '#ITP_STINFO07010_jqGridPager';
+const STINFO07010_GRID_EMPTY = '#ITP_STINFO07010_jqGridEmpty';
+
+let ITP_FORM_STINFO07010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_STINFO07010_DETAIL_IS_WRITING = false;
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 	= '/api/item/itemclass-grid-list';	    // 목록
+let API_DETAIL_INFO 		= '/api/item/info-itemClassMng';		// 상세
+let API_DETAIL_SAVE 		= '/api/item/save-itemClassMng';		// 저장
+let API_DETAIL_DELETE 		= '/api/item/del-itemClassMng';			// 삭제
+let API_ITEM_CLASS_LEVEL	= '/api/item/class-level-list';			//품목분류 level 검색
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ITEM_CLASS_MNG_NO', name: 'itemClassMgntNo',
+			label: ITP_MSG_LOCALE.label.itemClassMgntNo, //품목분류명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ITEM_CLASS_NM', name: 'itemClassNm',
+			label: ITP_MSG_LOCALE.label.itemClassNm, //품목분류명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_CLASS_LEVEL1', name: 'itemClass1',
+			label: ITP_MSG_LOCALE.label.itemClassLevel1, //품목분류Level 1
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_CLASS_LEVEL2', name: 'itemClass2',
+			label: ITP_MSG_LOCALE.label.itemClassLevel2, //품목분류Level 2
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_CLASS_LEVEL3', name: 'itemClass3',
+			label: ITP_MSG_LOCALE.label.itemClassLevel3, //품목분류Level 3
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_CLASS_LEVEL4', name: 'itemClass4',
+			label: ITP_MSG_LOCALE.label.itemClassLevel4, //품목분류Level 4
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PRN_SEQ', name: 'prnSeq',
+			label: ITP_MSG_LOCALE.label.prnSeq, //출력순번
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function () {
+		this.brandInfo = JSON.parse(sessionStorage.getItem('itp_manage_brand_info'));
+		this.ui.init();
+		this.event.init();
+	},
+	brandInfo: {},
+	ui: {
+		init: function () {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('STINFO07010');
+
+			// 공통코드 표시
+			itemClassLevel.list(1, true);
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(STINFO07010_GRID_ID, STINFO07010_GRID_LIST, 'lg');
+			listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			listObj.init();
+		}
+	},
+	event: {
+		init: function () {
+			this.button();
+		},
+		button: function () {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_STINFO07010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_STINFO07010_NEWREG'			: listObj.popup(); 				break;	// 신규등록 버튼
+						case 'ITP_BTN_STINFO07010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+						case 'ITP_BTN_STINFO07010_CANCELLIST'		: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+						case 'ITP_BTN_STINFO07010_DELETE'			: 								break;	// 삭제 버튼
+						case 'ITP_BTN_STINFO07010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
+						case 'ITP_FORM_STINFO07010_DETAIL_DUP'		: createObj.button.duplicate();	break;	// 중복체크
+						case 'ITP_BTN_STINFO07010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
+					}
+				});
+			});
+
+		}
+	},
+	switchScreen: function(mode) {
+		if(mode == 'LIST') { // 목록
+			$('#ITP_BTN_STINFO07010_MODIFY').hide();
+			$('#ITP_BTN_STINFO07010_CANCELLIST').hide();
+			$('#ITP_BTN_STINFO07010_DELETE').hide();
+			$('#ITP_BTN_STINFO07010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO07010_SRH');
+			fn_show_btn_auth('#ITP_BTN_STINFO07010_NEWREG');
+
+			$('#ITP_AJAX_STINFO07010_LIST_CONTAINER').show();
+			$('#ITP_AJAX_STINFO07010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO07010_VIEW_CONTAINER').hide();
+		} else if(mode == 'ADD') { // 등록
+			$('#ITP_BTN_STINFO07010_SRH').hide();
+			$('#ITP_BTN_STINFO07010_MODIFY').hide();
+			$('#ITP_BTN_STINFO07010_NEWREG').hide();
+			$('#ITP_BTN_STINFO07010_DELETE').hide();
+			$('#ITP_BTN_STINFO07010_RESET_PW').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO07010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO07010_SAVE');
+
+			$('#ITP_AJAX_STINFO07010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO07010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO07010_VIEW_CONTAINER').hide();
+			$('#ITP_FORM_STINFO07010_DETAIL_STORE_ID').removeAttr('readonly');
+			$('#ITP_FORM_STINFO07010_DETAIL_DUP').removeAttr('disabled');
+
+			$.each($('input, select, checkbox, radio, textarea', '#ITP_FORM_STINFO07010_DETAIL'),function(k) {
+				$(this).val('');
+			});
+
+			$('#ITP_FORM_STINFO07010_DETAIL_VIEW_CD').val('C');
+			$('#ITP_FORM_STINFO07010_DETAIL .fnStoreNm').text('(자동부여)');
+		} else if(mode == 'MODIFY') { // 수정
+			$('#ITP_BTN_STINFO07010_SRH').hide();
+			$('#ITP_BTN_STINFO07010_MODIFY').hide();
+			$('#ITP_BTN_STINFO07010_NEWREG').hide();
+			$('#ITP_BTN_STINFO07010_DELETE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO07010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_STINFO07010_SAVE');
+			fn_show_btn_auth('#ITP_BTN_STINFO07010_RESET_PW');
+
+			$('#ITP_AJAX_STINFO07010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO07010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_STINFO07010_VIEW_CONTAINER').hide();
+			$('#ITP_FORM_STINFO07010_DETAIL_STORE_ID').attr('readonly', true);
+			$('#ITP_FORM_STINFO07010_DETAIL_DUP').attr('disabled', true);
+			$('#ITP_FORM_STINFO07010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
+
+			$('#ITP_FORM_STINFO07010_DETAIL_SEARCH_AFFL_SHOP').hide();
+			$('#ITP_FORM_STINFO07010_DETAIL_DELETE_AFFL_SHOP').hide();
+		} else if(mode == 'VIEW') { // 보기
+			$('#ITP_BTN_STINFO07010_SRH').hide();
+			$('#ITP_BTN_STINFO07010_NEWREG').hide();
+			$('#ITP_BTN_STINFO07010_DELETE').hide();
+			$('#ITP_BTN_STINFO07010_SAVE').hide();
+			fn_show_btn_auth('#ITP_BTN_STINFO07010_MODIFY');
+			fn_show_btn_auth('#ITP_BTN_STINFO07010_CANCELLIST');
+
+			$('#ITP_AJAX_STINFO07010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO07010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_STINFO07010_VIEW_CONTAINER').show();
+		}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.form();
+		this.grid.init();
+	},
+	itp_STINFO07010_search: false,
+	button: {
+		search: function() {
+			listObj.itp_STINFO07010_search = true;
+			let param = $('#ITP_FORM_STINFO07010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(STINFO07010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		create: function() {
+			if(pageObj.brandInfo && pageObj.brandInfo.brandId !== '') {
+				createObj.init();
+			}
+		}
+	},
+	form: function() {
+		$('#ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS1').on('change', function() {
+			($(this).val() === '') ? itemClassLevel.clear(2, true): itemClassLevel.list(2, true);
+		});
+		$('#ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS2').on('change', function() {
+			($(this).val() === '') ? itemClassLevel.clear(3, true): itemClassLevel.list(3, true);
+		});
+		$('#ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS3').on('change', function() {
+			($(this).val() === '') ? itemClassLevel.clear(4, true): itemClassLevel.list(4, true);
+		});
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(STINFO07010_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_STINFO07010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(STINFO07010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO07010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_STINFO07010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_STINFO07010_SEARCH').serializeObject();
+			listObj.itp_STINFO07010_param = param;
+		},
+		back: function() {
+			$('#ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS1').val(this.itp_STINFO07010_param.sitemClass1);
+			$('#ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS2').val(this.itp_STINFO07010_param.sitemClass2);
+			$('#ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS3').val(this.itp_STINFO07010_param.sitemClass3);
+			$('#ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS4').val(this.itp_STINFO07010_param.sitemClass4);
+			$('#ITP_FORM_STINFO07010_SEARCH_ITEM_NM').val(this.itp_STINFO07010_param.sitemNm);
+		}
+	},
+	grid: {
+		init: function () {
+			// 데이터 없을때
+			listObj.empty.push();
+			this.search();
+		},
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			let param = $('#ITP_FORM_STINFO07010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.sbrandId = pageObj.brandInfo.brandId;
+
+			var option = {
+				gridId: STINFO07010_GRID_ID,
+				colModel: gridColModel.list,
+				param: JSON.stringify(param),
+				url: DOMAIN + API_DETAIL_GRID_LIST,
+				pager: STINFO07010_GRID_PAGER,
+				multiselect: true,
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					var cm = $(this).jqGrid('getGridParam', 'colModel');
+					var colNm = cm[cellIdx].name;
+					if (colNm == 'itemClassNm') {
+						const selectVal = $(this).jqGrid('getCell', rowId, 'itemClassMgntNo');
+						const key = {brandId:pageObj.brandInfo.brandId, itemClassMgntNo: selectVal, viewCd: 'R'};
+						var param = $.param(key);
+						viewObj.init(param);
+					}
+				},
+				loadComplete: function(data) {
+					console.log(data);
+					// itp_fn_grid_load_complete(data, STINFO07010_GRID_ID, true, '', 'STINFO07010', listObj.itp_STINFO07010_search, listObj.empty, true, data.gridRecords, true);
+					itp_fn_grid_load_complete(data, STINFO07010_GRID_ID, true, undefined, 'STINFO07010', listObj.itp_STINFO07010_search, listObj.empty, true, data.gridRecords, false);
+					var ids = $(STINFO07010_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(STINFO07010_GRID_ID).jqGrid('setCell', rowId, 'itemClassNm', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(STINFO07010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(STINFO07010_GRID_ID).jqGrid('clearGridData', true);
+			$(STINFO07010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(STINFO07010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(STINFO07010_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(STINFO07010_GRID_ID);
+		}
+	},
+	popup: function(param) {
+		// 팝업
+		var popFn = function(rowDataPop) {
+			console.log(rowDataPop);
+		};
+		fn_call_popup('biz', 'BIZPOP_ITEM_CLASS_MANAGE', '#ITP_ASIDE', popFn, param, 'S');
+	}
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function () {
+	},
+	button: {
+		modify: function (param) {
+			itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO07010_DETAIL');
+			const selectVal = $('#ITP_FORM_STINFO07010_VIEW_BRAND_UNIT_UNQ_NO').val();
+			const key = {brandId:pageObj.brandInfo.brandId, brandUnitUnqNo: selectVal, viewCd: 'R'};
+			var param = $.param(key);
+			modifyObj.load(param);
+		}
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		console.log(result);
+		pageObj.switchScreen('MODIFY');
+
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_VIEW_CD').val('U');
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_ITEM_ID').val(result.itemId);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_BRAND_UNIT_UNQ_NO').val(result.brandUnitUnqNo);
+		$('#ITP_FORM_STINFO07010_DETAIL .fnBrandNm').text(result.brandId);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_ST_CD').val(result.unitStCd);
+		// $('#ITP_FORM_STINFO07010_DETAIL .fnItemClassMgntNo').text(result.itemId);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_ITEM_CLASS_MGNT_NO').val(result.itemClassMgntNo);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_ITEM_NM').val(result.itemClassNm);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_SPPLY_ID').val(result.spplyId);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_SPPLY_NM').val(result.spplyNm);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_SPPLY_ITEM_ID').val(result.spplyItemId);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_CONT_STT_DT').val(result.contSttDt);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_CONT_END_DT').val(result.contEndDt);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_LEAD_TIME').val(result.leadTime);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_UNIT').val(result.unit);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_STDD_QYT').val(result.stddQty);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_CURR').val(result.curr);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_UNIT_AMT').val(result.unitAmt);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_STORE_SALE_STDD_QTY').val(result.storeSaleStddQty);
+		$('#ITP_FORM_STINFO07010_DETAIL #ITP_FORM_STINFO07010_DETAIL_STORE_SALE_UNIT_AMT').val(result.storeSaleUnitAmt);
+		$('#ITP_FORM_STINFO07010_DETAIL .fnRegId').text(result.regId);
+		$('#ITP_FORM_STINFO07010_DETAIL .fnRegDt').text(result.regDt);
+		$('#ITP_FORM_STINFO07010_DETAIL .fnChgId').text(result.chgId);
+		$('#ITP_FORM_STINFO07010_DETAIL .fnChgDt').text(result.chgDt);
+		$.each(result.imageFileNoList, function(index, item) {
+			$('#ITP_FORM_STINFO07010_VIEW .ITEM_IMAGE').append('<img src=" + item.filePath +" />');
+		});
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function () {
+		pageObj.switchScreen('ADD');
+		itp_fn_form_clear_validate(null, '#ITP_FORM_STINFO07010_DETAIL');
+		$('#ITP_FORM_STINFO07010_DETAIL_BRAND_ID').val(pageObj.brandInfo.brandId);
+	},
+	button: {
+		cancel: function() {
+			listObj.grid.search();
+		},
+		save: function() {
+			const formId = '#ITP_FORM_STINFO07010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			var vali_userId = itp_fn_form_validate(formId, formId + '_USER_ID', ['empty'], undefined);
+			var vali_userStatCd = itp_fn_form_validate(formId, formId + '_USER_STAT_CD', ['empty'], undefined);
+			var vali_userNm = itp_fn_form_validate(formId, formId + '_USER_NM', ['empty'], undefined);
+			var vali_telNo = itp_fn_form_validate(formId, formId + '_TEL_NO', ['empty'], undefined);
+			var vali_email = itp_fn_form_validate(formId, formId + '_EMAIL', ['empty'], undefined);
+			var vali_userPw = true;
+			var vali_userPwConfirm = true;
+			if (vali_userId && vali_userStatCd && vali_userNm && vali_userPw && vali_userPwConfirm && vali_telNo && vali_email) {
+				if (ITP_FORM_STINFO07010_DETAIL_IS_DUPLICATE) {
+					itp_fn_modal_duplicate(ITP_MSG_LOCALE.label.userId, formId + '_USER_ID');
+				} else {
+					let param = $(formId).serializeObject();
+					//console.log(JSON.stringify(param));
+					var searhFn = function() {
+						ITP_FORM_STINFO07010_DETAIL_IS_WRITING = false;
+						listObj.grid.search();
+					};
+					fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+				}
+			}
+		}
+	}
+};
+
+var itemClassLevel = {
+	level: 1,
+	keys: function() {
+		var keys = {sBrandId:pageObj.brandInfo.brandId, sItemLevel: this.level};
+		for(var i=1; i<this.level; i++) {
+			var key = 'sItemClass' + i;
+			var id = '#ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS' + i;
+			keys[key] = $(id + ' option:selected').val();
+		}
+		return keys;
+	},
+	list: function(level) {
+		this.level = level;
+		this.clear(level);
+		this.call( $.param(this.keys()));
+	},
+	call: function(param) {
+		fn_ajax_call(API_ITEM_CLASS_LEVEL, param, this.callback, 'GET');
+	},
+	callback: function(result) {
+		// console.log(result);
+		var id ='ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS' + itemClassLevel.level;
+		fn_make_select_item_class(result.searchList, id, true, '선택');
+	},
+	clear: function(level, isList) {
+		for(var i=level; i<5; i++) {
+			var id = 'ITP_FORM_STINFO07010_SEARCH_ITEM_CLASS' + i;
+			$('#' + id).find('option').remove();
+		}
+	}
+};