운영관리 기능 화면 추가

src/main/webapp/app/koper/KOPER05010.html

@@ -1,204 +0,0 @@
-<section id="ITP_TAB_KOPER05010" class="tab-pane active itp_sec">
-	<div class="itp_cont">
-		<article class="itp_detail">
-			<div class="itp_det_head fix">
-				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>VAN관리</strong></h2>
-				<div class="pull-right itp_cicon">
-					<button type="button" id="ITP_BTN_KOPER05010_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_KOPER05010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-ok"></i> 수정</button>
-					<button type="button" id="ITP_BTN_KOPER05010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 신규등록</button>
-					<button type="button" id="ITP_BTN_KOPER05010_DELETE" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>
-					<button type="button" id="ITP_BTN_KOPER05010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon glyphicon-minus"></i> 취소/목록</button>
-					<button type="button" id="ITP_BTN_KOPER05010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon glyphicon-ok"></i> 저장</button>
-				</div>				
-			</div>
-			<div class="itp_det_in">
-				<div id="ITP_AJAX_KOPER05010_LIST_CONTAINER">
-					<div class="itp_table fix">
-						<div id="ITP_KOPER05010_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
-							<div id="ITP_KOPER05010_jqGridView" class="itp_views fix"></div>
-							<table id="ITP_KOPER05010_jqGrid"></table>
-							<div id="ITP_KOPER05010_jqGridPager"></div>
-							<div id="ITP_KOPER05010_jqGridEmpty" class="itp_no_data"></div>
-						</div>
-					</div>
-				</div>
-				<div id="ITP_AJAX_KOPER05010_DETAIL_CONTAINER">
-					<div class="itp_form itp_type1 fix">
-						<div class="col-xs-12">
-							<form id="ITP_FORM_KOPER05010_DETAIL" class="form-horizontal">
-								<input type="hidden" id="ITP_FORM_KOPER05010_DETAIL_VIEW_CD" name="viewCd" value="C">
-								
-								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">VAN 정보</h4>
-									<div class="itp_form_in">
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">VAN 코드(*)</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER05010_DETAIL_VAN_CD" class="form-control itp_input" name="vanCd" value="" maxlength="10" readonly>
-													<span class="input-group-btn">
-														<button id="ITP_FORM_KOPER05010_DETAIL_DUP" class="btn btn-default btn-sm itp_btn SHOW" type="button" disabled><i class="glyphicon glyphicon-ok"></i></button>
-													</span>
-												</div>
-											</div>
-											<label class="col-xs-2 itp_lb">VAN 명(*)</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER05010_DETAIL_VAN_NM" class="form-control itp_input" name="vanNm" value="">
-												</div>
-											</div>
-										</div>
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">VAN IP(*)</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER05010_DETAIL_VAN_IP" class="form-control itp_input" name="vanIp" value="">
-												</div>
-											</div>
-											<label class="col-xs-2 itp_lb">VAN PORT(*)</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER05010_DETAIL_VAN_PORT" class="form-control itp_input" name="vanPort" value="">
-												</div>
-											</div>
-										</div>
-										</div>
-										<div class="itp_form_in">
-											<div class="form-group">
-												<label class="col-xs-2 itp_lb">VAN 데이타(라이브러리)</label>
-												<div class="col-xs-10 itp_ip">
-													<input type="text" id="ITP_FORM_KOPER05010_DETAIL_VAN_DATA1" class="form-control itp_input" name="vanData1" value="">
-												</div>
-											</div>
-										</div>
-										<div class="itp_form_in">
-									
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">VAN DATA 1</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER05010_DETAIL_VAN_DATA2" class="form-control itp_input" name="vanData2" value="">
-												</div>
-											</div>
-											<label class="col-xs-2 itp_lb">VAN DATA 2</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER05010_DETAIL_VAN_DATA3" class="form-control itp_input" name="vanData3" value="">
-												</div>
-											</div>
-										</div>
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">VAN DATA 3</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER05010_DETAIL_VAN_DATA4" class="form-control itp_input" name="vanData4" value="">
-												</div>
-											</div>
-											<label class="col-xs-2 itp_lb">VAN DATA 4</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER05010_DETAIL_VAN_DATA5" class="form-control itp_input" name="vanData5" value="">
-												</div>
-											</div>										
-										</div>
-										<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 fnAddDt"></div>
-											</div>
-											<label class="col-xs-2 itp_lb">최종수정일자</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-10 itp_in fnChgDt"></div>
-											</div>
-										</div>
-									</div>	
-								</section>								
-							</form>
-						</div>
-					</div>					
-				</div>
-				<div id="ITP_AJAX_KOPER05010_VIEW_CONTAINER">
-					<div class="itp_form itp_type1 fix">
-						<div class="col-xs-12">
-							<form id="ITP_FORM_KOPER05010_VIEW" class="form-horizontal">
-								<input type="hidden" id="ITP_FORM_KOPER05010_VIEW_VIEW_CD" name="viewCd" value="R">
-								<input type="hidden" id="ITP_FORM_KOPER05010_VIEW_VAN_CD" name="vanCd" value="">
-					
-								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">VAN 정보</h4>
-									<div class="itp_form_in">
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">VAN 코드</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in fnVanCd"></div>
-											</div>
-											<label class="col-xs-2 itp_lb">VAN 명</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in fnVanNm"></div>
-											</div>
-										</div>
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">VAN IP</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in fnVanIp"></div>
-											</div>
-											<label class="col-xs-2 itp_lb">VAN Port</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in fnVanPort"></div>
-											</div>
-										</div>
-									</div>
-										<div class="itp_form_in">
-											<div class="form-group">
-												<label class="col-xs-2 itp_lb">VAN 데이타(라이브러리)</label>
-												<div class="col-xs-10 itp_ip">
-													<div class="col-xs-5 itp_in fnVanData1"></div>
-												</div>
-											</div>
-										</div>
-									<div class="itp_form_in">
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">VAN DATA 1</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in fnVanData2"></div>
-											</div>
-											<label class="col-xs-2 itp_lb">VAN DATA 2</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in fnVanData3"></div>
-											</div>
-										</div>
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">VAN DATA 3</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in fnVanData4"></div>
-											</div>
-											<label class="col-xs-2 itp_lb">VAN DATA 4</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-5 itp_in fnVanData5"></div>
-											</div>
-										</div>
-									</div>
-									<div class="itp_form_in">
-										<div class="form-group border">
-											<label class="col-xs-2 itp_lb">등록일자</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-10 itp_in fnAddDt"></div>
-											</div>
-											<label class="col-xs-2 itp_lb">최종수정일자</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-10 itp_in fnChgDt"></div>
-											</div>
-										</div>
-									</div>
-								</section>								
-							</form>
-						</div>
-					</div>						
-				</div>
-			</div>
-		</article>
-	</div>
-	
-	<div id="ITP_TAP_JS"></div>	
-</section>

src/main/webapp/app/koper/KOPER07010.html

@@ -1,57 +0,0 @@
-<section id="ITP_TAB_KOPER07010" class="tab-pane active itp_sec">
-	<div class="itp_cont">
-		<article class="itp_detail">
-			<div class="itp_det_head fix">
-				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>장비 환경기본값 설정</strong></h2>
-				<div class="pull-right itp_cicon">
-					<button type="button" id="ITP_BTN_KOPER07010_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_KOPER07010_SAVE" class="btn btn-warning btn-sm SAB"><i class="glyphicon glyphicon-ok"></i> 저장</button>
-				</div>
-			</div>
-			<div class="itp_det_in">
-				<div id="ITP_AJAX_KOPER07010_LIST_CONTAINER">
-					<div class="itp_lg_form itp_type1 fix" style="margin-bottom: 5px;">
-						<div class="itp_srh_border fix">
-							<div class="col-xs-12">
-								<form id="ITP_FORM_KOPER07010_SAVE">
-								<input type="hidden" id="ITP_FORM_KOPER07010_SAVE_VIEW_CD" name="viewCd" value="C">
-								<input type="hidden" id="ITP_FORM_KOPER07010_SAVE_APP_TYPE_CD" name="appTypeCd" value="">
-								<input type="hidden" id="ITP_FORM_KOPER07010_SAVE_CFG_TYPE_CD" name="cfgTypeCd" value="">
-								</form>
-								<form id="ITP_FORM_KOPER07010_SEARCH" class="form-horizontal">
-								<input type="hidden" id="ITP_FORM_KOPER07010_SEARCH_YN" value="">
-									
-									<div class="form-group">
-										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_KOPER07010_SEARCH_APP_TYPE_CD" class="form-control itp_input" name="sappTypeCd"></select>
-										</div>
-										<div class="col-xs-2 itp_ip itp_noMar">	
-											<select id="ITP_FORM_KOPER07010_SEARCH_CFG_TYPE_CD" class="form-control itp_input" name="scfgTypeCd"></select>
-										</div>									
-									</div>
-								</form>
-							</div>
-						</div>
-					</div>
-					<div class="itp_table fix">
-						<div class="itp_table_head fix">
-							<div class="pull-right itp_cicon">
-								<button type="button" id="ITP_BTN_KOPER07010_ADD" class="btn btn-primary btn-sm ADB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 추가</button>
-								<button type="button" id="ITP_BTN_KOPER07010_DEL" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>
-							</div>
-						</div>
-					
-						<div id="ITP_KOPER07010_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
-							<div id="ITP_KOPER07010_jqGridView" class="itp_views fix"></div>
-							<table id="ITP_KOPER07010_jqGrid"></table>
-							<div id="ITP_KOPER07010_jqGridPager"></div>
-							<div id="ITP_KOPER07010_jqGridEmpty" class="itp_no_data"></div>
-						</div>
-					</div>
-				</div>				
-			</div>
-		</article>
-	</div>
-
-	<div id="ITP_TAP_JS"></div>
-</section>

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

@@ -0,0 +1,232 @@
+<section id="ITP_TAB_OPER01010" class="tab-pane active itp_sec">
+	<div class="itp_cont">
+		<article class="itp_detail">
+			<div class="itp_det_head fix">
+				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>사용자관리</strong></h2>
+				<div class="pull-right itp_cicon">
+					<button type="button" id="ITP_BTN_OPER01010_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_OPER01010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-ok"></i> 수정</button>
+					<button type="button" id="ITP_BTN_OPER01010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 신규등록</button>
+					<button type="button" id="ITP_BTN_OPER01010_DELETE" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>
+					<button type="button" id="ITP_BTN_OPER01010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon glyphicon-minus"></i> 취소/목록</button>
+					<button type="button" id="ITP_BTN_OPER01010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon glyphicon-ok"></i> 저장</button>
+				</div>				
+			</div>
+			<div class="itp_det_in">
+				<div id="ITP_AJAX_OPER01010_LIST_CONTAINER">
+					<div class="itp_lg_form itp_type1 fix">
+						<div class="itp_srh_border fix">
+							<div class="col-xs-12">
+								<form id="ITP_FORM_OPER01010_SEARCH" class="form-horizontal">
+									<div class="form-group">
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_OPER01010_SERVICE_ST_DT" class="form-control itp_input" name="serviceStDt">
+												<option value="">가입일</option>											
+											</select>
+										</div>
+										<div class="col-xs-3 itp_ip">
+											<div class="input-daterange input-group date">
+												<input type="text" id="ITP_FORM_OPER01010_SEARCH_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_OPER01010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
+											</div>
+										</div>
+										<div class="col-xs-2 itp_ip">
+										<input type="text" id="ITP_FORM_OPER01010_SEARCH_USER_NM" class="form-control itp_input" name="suserNm" placeholder="아이디/성명 검색" />
+										</div>
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_OPER01010_SEARCH_USER_STAT_CD" class="form-control itp_input" name="suserStatCd"></select>
+										</div>									
+									</div>
+								</form>
+							</div>
+						</div>
+					</div>
+					<div class="itp_table fix">
+						<div id="ITP_OPER01010_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
+							<div id="ITP_OPER01010_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER01010_jqGrid"></table>
+							<div id="ITP_OPER01010_jqGridPager"></div>
+							<div id="ITP_OPER01010_jqGridEmpty" class="itp_no_data"></div>
+						</div>
+					</div>
+				</div>
+				
+				<div id="ITP_AJAX_OPER01010_DETAIL_CONTAINER">
+					<div class="itp_form itp_type1 fix">
+						<div class="col-xs-12">
+							<form id="ITP_FORM_OPER01010_DETAIL" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_OPER01010_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<section class="itp_form_sec">
+									<!-- <h4 class="itp_form_tit">사용자정보 현재 테스트중</h4> -->
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">사용자명</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in">
+													<input type="text" id="ITP_FORM_OPER01010_DETAIL_USER_NM" class="form-control itp_input" name="userNm" value="" maxlength="40">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">상태</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in">
+													<select id="ITP_FORM_OPER01010_DETAIL_USER_STAT_CD" class="form-control itp_input" name="userStatCd">
+													<option value=""></option>
+													</select>
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">사용자ID</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-6 itp_in">
+													<div class="input-group">
+													<input type="text" id="ITP_FORM_OPER01010_DETAIL_USER_ID" class="form-control itp_input" name="userId" value="" maxlength="20" readonly>
+													<span class="input-group-btn">
+														<button id="ITP_FORM_OPER01010_DETAIL_DUP" class="btn btn-default btn-sm itp_btn SHOW" type="button" disabled><i class="glyphicon glyphicon-ok"></i></button>
+													</span>
+													</div>
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">상태 일시</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnUserStatDt"></div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">비밀번호</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in">
+													<input type="password" id="ITP_FORM_OPER01010_DETAIL_USER_PW" class="form-control itp_input" name="userPw" value="">																								
+												</div>
+												<button type="button" id="ITP_BTN_OPER01010_RESET_PW" class="btn btn-danger btn-xs PWC" style="margin: 3px 0px 0px 3px;">비밀번호 초기화</button>
+											</div>
+											<label class="col-xs-2 itp_lb">핸드폰번호</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in">
+													<input type="text" id="ITP_FORM_OPER01010_DETAIL_TEL_NO" class="form-control itp_input" name="telNo" value="">
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">비밀번호 확인</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in">
+													<input type="password" id="ITP_FORM_OPER01010_DETAIL_USER_PW_CONFIRM" class="form-control itp_input" value="">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">이메일</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in">
+													<input type="text" id="ITP_FORM_OPER01010_DETAIL_EMAIL" class="form-control itp_input" name="email" value="">
+												</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-5 itp_in fnAddDt"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">마지막 로그인</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnLastLoginDt"></div>
+											</div>
+										</div>									
+									</div>
+								</section>								
+							</form>
+						</div>
+					</div>
+					
+					<div class="itp_table fix">
+						<div class="itp_table_head fix">
+							<!-- <h4 class="itp_table_tit">* 권한정보</h4> -->
+							<div class="pull-right itp_cicon">
+								<button type="button" id="ITP_BTN_OPER01010_DETAIL_ADDROW" class="btn btn-primary btn-sm ADB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 추가</button>
+								<button type="button" id="ITP_BTN_OPER01010_DETAIL_DELROW" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>									
+							</div>
+						</div>
+						
+						<div id="ITP_OPER01010_DETAIL_jqGrid_list" class="itp_tb_list">
+							<div id="ITP_OPER01010_DETAIL_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER01010_DETAIL_jqGrid"></table>
+							<div id="ITP_OPER01010_DETAIL_jqGridPager"></div>
+							<div id="ITP_OPER01010_DETAIL_jqGridEmpty" class="itp_no_data"></div>
+						</div>
+					</div>
+				</div>
+				<div id="ITP_AJAX_OPER01010_VIEW_CONTAINER">
+					<div class="itp_form itp_type1 fix">
+						<div class="col-xs-12">
+							<form id="ITP_FORM_OPER01010_VIEW" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_OPER01010_VIEW_VIEW_CD" name="viewCd" value="R">
+								<input type="hidden" id="ITP_FORM_OPER01010_VIEW_USER_ID" name="userId" value="">
+					
+								<section class="itp_form_sec">
+									<h4 class="itp_form_tit">사용자정보</h4>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">사용자명</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnUserNm"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">상태</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnUserStatNm"></div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">사용자ID</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnUserId"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">상태 일시</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnUserStatDt"></div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">이메일</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnEmail"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">핸드폰번호</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnTelNo"></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-5 itp_in fnAddDt"></div>
+											</div>
+											<label class="col-xs-2 itp_lb">마지막 로그인</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-5 itp_in fnLastLoginDt"></div>
+											</div>
+										</div>									
+									</div>
+								</section>								
+							</form>
+						</div>
+					</div>
+					
+					<div class="itp_table fix">
+						<div class="itp_table_head fix">
+							<h4 class="itp_table_tit">*권한정보</h4>
+						</div>
+						
+						<div id="ITP_OPER01010_VIEW_jqGrid_list" class="itp_tb_list">
+							<div id="ITP_OPER01010_VIEW_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER01010_VIEW_jqGrid"></table>
+							<div id="ITP_OPER01010_VIEW_jqGridPager"></div>
+							<div id="ITP_OPER01010_VIEW_jqGridEmpty" class="itp_no_data"></div>
+						</div>
+					</div>					
+				</div>
+			</div>
+		</article>
+	</div>
+	
+	<div id="ITP_TAP_JS"></div>	
+</section>

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

@@ -0,0 +1,213 @@
+<section id="ITP_TAB_OPER02010" class="tab-pane active itp_sec">
+	<div class="itp_cont">
+		<article class="itp_detail">
+			<div class="itp_det_head fix">
+				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>공지사항관리</strong></h2>
+				<div class="pull-right itp_cicon">
+					<button type="button" id="ITP_BTN_OPER02010_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_OPER02010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-ok"></i> 수정</button>
+					<button type="button" id="ITP_BTN_OPER02010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 신규등록</button>
+					<button type="button" id="ITP_BTN_OPER02010_DELETE" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>
+					<button type="button" id="ITP_BTN_OPER02010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon glyphicon-minus"></i> 취소/목록</button>
+					<button type="button" id="ITP_BTN_OPER02010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon glyphicon-ok"></i> 저장</button>
+				</div>
+			</div>
+			<div class="itp_det_in">
+				<div id="ITP_AJAX_OPER02010_LIST_CONTAINER">
+					<div class="itp_lg_form itp_type1 fix">
+						<div class="itp_srh_border fix">
+							<div class="col-xs-12">
+								<form id="ITP_FORM_OPER02010_SEARCH" class="form-horizontal">
+									<div class="form-group">
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_OPER02010_SERVICE_ST_DT" class="form-control itp_input">
+												<option value="">노출일</option>
+											</select>
+										</div>
+										<div class="col-xs-3 itp_ip">
+											<div class="input-daterange input-group date">
+												<input type="text" id="ITP_FORM_OPER02010_SEARCH_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_OPER02010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
+											</div>
+										</div>
+										<div class="col-xs-4 itp_ip">
+										<input type="text" id="ITP_FORM_OPER02010_SEARCH_SNTICE_TKTL" class="form-control itp_input" name="sNticeTitl" placeholder="공지제목 검색" />
+										</div>
+										<!--
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<select id="ITP_FORM_OPER02010_SEARCH_NTICE_STAT_CD" class="form-control itp_input" name="snticeStatCd"></select>
+										</div>
+										-->
+									</div>
+								</form>
+							</div>
+						</div>
+					</div>
+					<div class="itp_table fix">
+						<div id="ITP_OPER02010_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
+							<div id="ITP_OPER02010_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER02010_jqGrid"></table>
+							<div id="ITP_OPER02010_jqGridPager"></div>
+							<div id="ITP_OPER02010_jqGridEmpty" class="itp_no_data"></div>
+						</div>
+					</div>
+				</div>
+				<div id="ITP_AJAX_OPER02010_DETAIL_CONTAINER">
+					<div class="itp_form itp_type1 fix">
+						<div class="col-xs-12">
+							<form id="ITP_FORM_OPER02010_DETAIL" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_OPER02010_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_OPER02010_DETAIL_NTICE_NO" name="nticeNo" value="">
+								<input type="hidden" id="ITP_FORM_OPER02010_DETAIL_FILE_NO" name="fileNo" value="">
+
+								<section class="itp_form_sec">
+									<!-- <h4 class="itp_form_tit">공지정보</h4> -->
+									<div class="itp_form_in">
+										<div class="form-group colspan">
+											<label class="col-xs-2 itp_lb">공지제목</label>
+											<div class="col-xs-10 itp_ip">
+												<input type="text" id="ITP_FORM_OPER02010_DETAIL_NTICE_TITL" class="form-control itp_input" name="nticeTitl" value="">
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">공지일자</label>
+											<div class="col-xs-5 itp_ip">
+												<div class="col-xs-10 itp_in">
+									                <div class="input-daterange input-group date">
+														<input type="text" id="ITP_FORM_OPER02010_FROM_DT" class="form-control itp_input" name="notiStDay" readonly>
+														<span class="input-group-addon itp_date_to">~</span>
+														<input type="text" id="ITP_FORM_OPER02010_TO_DT" class="form-control itp_input" name="notiEdDay" readonly>
+													</div>
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">삭제여부</label>
+											<div class="col-xs-5 itp_ip">
+												<div class="col-xs-5 itp_in">
+								                <select id="ITP_FORM_OPER02010_DEL_YN" class="form-control itp_input" name="delYn">
+												<option value="N">N</option>
+												<option value="Y">Y</option>
+												</select>
+												</div>
+											</div>
+										</div>
+									</div>
+									<div class="itp_form_in">	
+										<div class="form-group colspan">
+											<label class="col-xs-2 itp_lb">공지내용</label>
+											<div class="col-xs-10 itp_ip">
+												<textarea id="ITP_FORM_OPER02010_DETAIL_NTICE_DESC" class="form-control" rows="8" name="nticeDesc" maxlength="200"></textarea>
+											</div>
+										</div>
+										<div class="form-group colspan">
+											<label class="col-xs-2 itp_lb">첨부파일</label>
+											<div class="col-xs-10 itp_ip">
+												<div class="col-xs-6 itp_in">
+													<div class="fileupload-wrapper">
+														<!-- data-show-yn: 파일업로드를 할 수 있는 권한이 있는지 없는지.. -->
+														<div id="ITP_OPER02010_DETAIL_UPLOAD" data-show-yn="Y"></div>
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="form-group border">
+											<label class="col-xs-2 itp_lb">공지대상</label>
+											<div class="col-xs-10 itp_ip">
+												<div class="col-xs-2 itp_in">
+												<select id="ITP_FORM_OPER02010_DETAIL_TARGET_CD" class="form-control itp_input" name="targetCd"></select>
+												</div>
+											</div>
+										</div>
+									</div>
+								</section>
+							</form>
+						</div>
+					</div>
+
+					<div class="itp_table fix">
+						<div class="itp_table_head fix">
+							<h4 class="itp_table_tit">* 공지대상이 특정 대상일 경구 추가 버큰을 통해 사용자  등록 함</h4>
+							<div class="pull-right itp_cicon">
+								<button type="button" id="ITP_BTN_OPER02010_DETAIL_ADDROW" class="btn btn-primary btn-sm ADB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 추가</button>
+								<button type="button" id="ITP_BTN_OPER02010_DETAIL_DELROW" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>
+							</div>
+						</div>
+
+						<div id="ITP_OPER02010_DETAIL_jqGrid_list" class="itp_tb_list">
+							<div id="ITP_OPER02010_DETAIL_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER02010_DETAIL_jqGrid"></table>
+							<div id="ITP_OPER02010_DETAIL_jqGridPager"></div>
+							<div id="ITP_OPER02010_DETAIL_jqGridEmpty" class="itp_no_data"></div>
+						</div>
+					</div>
+				</div>
+				<div id="ITP_AJAX_OPER02010_VIEW_CONTAINER">
+					<div class="itp_form itp_type1 fix">
+						<div class="col-xs-12">
+							<form id="ITP_FORM_OPER02010_VIEW" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_OPER02010_VIEW_VIEW_CD" name="viewCd" value="R">
+								<input type="hidden" id="ITP_FORM_OPER02010_VIEW_USER_ID" name="nticeNo" value="">
+								<input type="hidden" id="ITP_FORM_OPER02010_VIEW_FILE_NO" name="fileNo" value="">
+
+								<section class="itp_form_sec">
+									<h4 class="itp_form_tit">공지정보</h4>
+									<div class="itp_form_in">
+										<div class="form-group colspan">
+											<label class="col-xs-2 itp_lb">공지제목</label>
+											<div class="col-xs-10 itp_ip fnNticeTitl"></div>
+										</div>
+									</div>	
+									<div class="itp_form_in">
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">공지일자</label>
+											<div class="col-xs-5 itp_ip fnNotiDay"></div>
+											<label class="col-xs-2 itp_lb">삭제여부</label>
+											<div class="col-xs-5 itp_ip fnDelYn"></div>
+										</div>
+									</div>
+									<div class="itp_form_in">	
+										<div class="form-group colspan">
+											<label class="col-xs-2 itp_lb">공지내용</label>
+											<div class="col-xs-10 itp_ip fnNticeDesc"></div>
+										</div>
+										<div class="form-group colspan">
+											<label class="col-xs-2 itp_lb">첨부파일</label>
+											<div class="col-xs-10 itp_ip">
+												<div class="col-xs-6 itp_in">
+													<div class="fileupload-wrapper">
+														<div id="ITP_OPER02010_VIEW_UPLOAD"></div>
+													</div>
+												</div>
+											</div>
+										</div>
+										<div class="form-group border">
+											<label class="col-xs-2 itp_lb">공지대상</label>
+											<div class="col-xs-10 itp_ip fnTargetNm"></div>
+										</div>
+									</div>
+								</section>
+							</form>
+						</div>
+					</div>
+
+					<div class="itp_table fix">
+						<div class="itp_table_head fix">
+							<h4 class="itp_table_tit">* 공지대상이 특정 대상일 경구 추가 버큰을 통해 사용자  등록 함</h4>
+						</div>
+
+						<div id="ITP_OPER02010_VIEW_jqGrid_list" class="itp_tb_list">
+							<div id="ITP_OPER02010_VIEW_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER02010_VIEW_jqGrid"></table>
+							<div id="ITP_OPER02010_VIEW_jqGridPager"></div>
+							<div id="ITP_OPER02010_VIEW_jqGridEmpty" class="itp_no_data"></div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</article>
+	</div>
+
+	<div id="ITP_TAP_JS"></div>
+</section>

src/main/webapp/app/koper/KOPER01010.html

@@ -1,41 +1,41 @@
-<section id="ITP_TAB_KOPER01010" class="tab-pane active itp_sec">
+<section id="ITP_TAB_OPER03010" class="tab-pane active itp_sec">
 	<div class="itp_cont">
 		<article class="itp_detail">
 			<div class="itp_det_head fix">
 				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>가맹점관리</strong></h2>
 				<div class="pull-right itp_cicon">
-					<button type="button" id="ITP_BTN_KOPER01010_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_KOPER01010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-ok"></i> 수정</button>
-					<button type="button" id="ITP_BTN_KOPER01010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 신규등록</button>
-					<button type="button" id="ITP_BTN_KOPER01010_DELETE" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>
-					<button type="button" id="ITP_BTN_KOPER01010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon glyphicon-minus"></i> 취소/목록</button>
-					<button type="button" id="ITP_BTN_KOPER01010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon glyphicon-ok"></i> 저장</button>
+					<button type="button" id="ITP_BTN_OPER03010_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_OPER03010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-ok"></i> 수정</button>
+					<button type="button" id="ITP_BTN_OPER03010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 신규등록</button>
+					<button type="button" id="ITP_BTN_OPER03010_DELETE" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>
+					<button type="button" id="ITP_BTN_OPER03010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon glyphicon-minus"></i> 취소/목록</button>
+					<button type="button" id="ITP_BTN_OPER03010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon glyphicon-ok"></i> 저장</button>
 				</div>				
 			</div>
 			<div class="itp_det_in">
-				<div id="ITP_AJAX_KOPER01010_LIST_CONTAINER">
+				<div id="ITP_AJAX_OPER03010_LIST_CONTAINER">
 					<div class="itp_lg_form itp_type1 fix">
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
-								<form id="ITP_FORM_KOPER01010_SEARCH" class="form-horizontal">
+								<form id="ITP_FORM_OPER03010_SEARCH" class="form-horizontal">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_KOPER01010_SEARCH_TYPE" class="form-control itp_input">
+											<select id="ITP_FORM_OPER03010_SEARCH_TYPE" class="form-control itp_input">
 												<option value="">가입일자</option>											
 											</select>
 										</div>
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">
-												<input type="text" id="ITP_FORM_KOPER01010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="" readonly>
+												<input type="text" id="ITP_FORM_OPER03010_SEARCH_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_KOPER01010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
+												<input type="text" id="ITP_FORM_OPER03010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
 											</div>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-										<input type="text" id="ITP_FORM_KOPER01010_SEARCH_CMPY_NM" class="form-control itp_input" name="scmpyNm" placeholder="가입자명 검색" />
+										<input type="text" id="ITP_FORM_OPER03010_SEARCH_CMPY_NM" class="form-control itp_input" name="scmpyNm" placeholder="가입자명 검색" />
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_KOPER01010_SEARCH_CMPY_STAT_CD" class="form-control itp_input" name="scmpyStatCd"></select>
+											<select id="ITP_FORM_OPER03010_SEARCH_CMPY_STAT_CD" class="form-control itp_input" name="scmpyStatCd"></select>
 										</div>									
 									</div>
 								</form>
@@ -43,35 +43,35 @@
 						</div>
 					</div>
 					<div class="itp_table fix">
-						<div id="ITP_KOPER01010_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
-							<div id="ITP_KOPER01010_jqGridView" class="itp_views fix"></div>
-							<table id="ITP_KOPER01010_jqGrid"></table>
-							<div id="ITP_KOPER01010_jqGridPager"></div>
-							<div id="ITP_KOPER01010_jqGridEmpty" class="itp_no_data"></div>
+						<div id="ITP_OPER03010_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
+							<div id="ITP_OPER03010_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER03010_jqGrid"></table>
+							<div id="ITP_OPER03010_jqGridPager"></div>
+							<div id="ITP_OPER03010_jqGridEmpty" class="itp_no_data"></div>
 						</div>
 					</div>
 				</div>
-				<div id="ITP_AJAX_KOPER01010_DETAIL_CONTAINER">
+				<div id="ITP_AJAX_OPER03010_DETAIL_CONTAINER">
 					<div class="itp_form itp_type1 fix">
 						<div class="col-xs-12">
-							<form id="ITP_FORM_KOPER01010_DETAIL" class="form-horizontal">
-								<input type="hidden" id="ITP_FORM_KOPER01010_DETAIL_VIEW_CD" name="viewCd" value="C">
-								<input type="hidden" id="ITP_FORM_KOPER01010_DETAIL_CMPY_LOCATION" name="cmpyLocation" value="">
+							<form id="ITP_FORM_OPER03010_DETAIL" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_OPER03010_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_OPER03010_DETAIL_CMPY_LOCATION" name="cmpyLocation" value="">
 					
 								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">가맹점정보</h4>
+									<!-- <h4 class="itp_form_tit">가맹점정보</h4> -->
 									<div class="itp_form_in">
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">가맹점명(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_CMPY_NM" class="form-control itp_input" name="cmpyNm" value="" maxlength="40">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_CMPY_NM" class="form-control itp_input" name="cmpyNm" value="" maxlength="40">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">상태(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<select id="ITP_FORM_KOPER01010_DETAIL_CMPY_STAT_CD" class="form-control itp_input" name="cmpyStatCd"></select>
+													<select id="ITP_FORM_OPER03010_DETAIL_CMPY_STAT_CD" class="form-control itp_input" name="cmpyStatCd"></select>
 												</div>
 											</div>
 										</div>
@@ -80,9 +80,9 @@
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-6 itp_in">
 													<div class="input-group">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_CMPY_CD" class="form-control itp_input" name="cmpyCd" value="" maxlength="10" readonly>
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_CMPY_CD" class="form-control itp_input" name="cmpyCd" value="" maxlength="10" readonly>
 													<span class="input-group-btn">
-														<button id="ITP_FORM_KOPER01010_DETAIL_DUP" class="btn btn-default btn-sm itp_btn SHOW" type="button" disabled><i class="glyphicon glyphicon-ok"></i></button>
+														<button id="ITP_FORM_OPER03010_DETAIL_DUP" class="btn btn-default btn-sm itp_btn SHOW" type="button" disabled><i class="glyphicon glyphicon-ok"></i></button>
 													</span>
 													</div>
 												</div>
@@ -90,7 +90,7 @@
 											<label class="col-xs-2 itp_lb">기업형태</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<select id="ITP_FORM_KOPER01010_DETAIL_CMPY_TYPE_CD" class="form-control itp_input" name="cmpyTypeCd"></select>
+													<select id="ITP_FORM_OPER03010_DETAIL_CMPY_TYPE_CD" class="form-control itp_input" name="cmpyTypeCd"></select>
 												</div>
 											</div>
 										</div>
@@ -98,13 +98,13 @@
 											<label class="col-xs-2 itp_lb">사업자등록번호(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_CMPY_REG_NUM" class="form-control itp_input" name="cmpyRegNum" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_CMPY_REG_NUM" class="form-control itp_input" name="cmpyRegNum" value="">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">법인번호</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_COPT_NUM" class="form-control itp_input" name="coptNum" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_COPT_NUM" class="form-control itp_input" name="coptNum" value="">
 												</div>
 											</div>
 										</div>
@@ -112,13 +112,13 @@
 											<label class="col-xs-2 itp_lb">권한정보(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<select id="ITP_FORM_KOPER01010_DETAIL_FRCOMP_AUTH_CD" class="form-control itp_input" name="frcompAuthCd"></select>
+													<select id="ITP_FORM_OPER03010_DETAIL_FRCOMP_AUTH_CD" class="form-control itp_input" name="frcompAuthCd"></select>
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">업태</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_BIZ_CATE" class="form-control itp_input" name="bizCate" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_BIZ_CATE" class="form-control itp_input" name="bizCate" value="">
 												</div>
 											</div>
 										</div>
@@ -126,14 +126,14 @@
 											<label class="col-xs-2 itp_lb">비밀번호(초기-전화번호)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="password" id="ITP_FORM_KOPER01010_DETAIL_USER_PW" class="form-control itp_input" name="userPw" value="" disabled>
+													<input type="password" id="ITP_FORM_OPER03010_DETAIL_USER_PW" class="form-control itp_input" name="userPw" value="" disabled>
 												</div>
-												<button type="button" id="ITP_BTN_KOPER01010_RESET_PW" class="btn btn-danger btn-xs PWC" style="margin: 3px 0px 0px 3px;">비밀번호 초기화</button>
+												<button type="button" id="ITP_BTN_OPER03010_RESET_PW" class="btn btn-danger btn-xs PWC" style="margin: 3px 0px 0px 3px;">비밀번호 초기화</button>
 											</div>
 											<label class="col-xs-2 itp_lb">업종</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_BIZ_TYPE" class="form-control itp_input" name="bizType" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_BIZ_TYPE" class="form-control itp_input" name="bizType" value="">
 												</div>
 											</div>
 										</div>
@@ -141,13 +141,13 @@
 											<label class="col-xs-2 itp_lb">대표자명(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_BOSS_NM" class="form-control itp_input" name="bossNm" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_BOSS_NM" class="form-control itp_input" name="bossNm" value="">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">대표연락처(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_MAIN_TEL" class="form-control itp_input" name="mainTel" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_MAIN_TEL" class="form-control itp_input" name="mainTel" value="">
 												</div>
 											</div>											
 										</div>
@@ -155,13 +155,13 @@
 											<label class="col-xs-2 itp_lb">대표FAX</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_MAIN_FAX" class="form-control itp_input" name="mainFax" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_MAIN_FAX" class="form-control itp_input" name="mainFax" value="">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">대표이메일(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER01010_DETAIL_MAIN_EMAIL" class="form-control itp_input" name="mainEmail" value="">
+													<input type="text" id="ITP_FORM_OPER03010_DETAIL_MAIN_EMAIL" class="form-control itp_input" name="mainEmail" value="">
 												</div>
 											</div>											
 										</div>					
@@ -171,26 +171,26 @@
 											<label class="col-xs-2 itp_lb">가맹점회사주소(*)</label>
 											<div class="col-xs-10 itp_ip">
 												<div class="col-xs-1 itp_in">
-												<input type="text" id="ITP_FORM_KOPER01010_DETAIL_CMPY_ZIPNO" class="form-control itp_input" name="cmpyZipno" value="" maxlength="6" readonly placeholder="우편번호">													
+												<input type="text" id="ITP_FORM_OPER03010_DETAIL_CMPY_ZIPNO" class="form-control itp_input" name="cmpyZipno" value="" maxlength="6" readonly placeholder="우편번호">													
 												</div>
 												<div class="col-xs-1 itp_in">
-												<button type="button" id="ITP_FORM_KOPER01010_DETAIL_ADRES_SCH" class="btn btn-primary btn-xs SHOW" style="margin: 3px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
+												<button type="button" id="ITP_FORM_OPER03010_DETAIL_ADRES_SCH" class="btn btn-primary btn-xs SHOW" style="margin: 3px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
 												</div>
 												<div class="col-xs-4 itp_in" style="margin-right: 5px;">
-												<input type="text" id="ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES" class="form-control itp_input" name="cmpyAdres" value="" readonly placeholder="기본주소">													
+												<input type="text" id="ITP_FORM_OPER03010_DETAIL_CMPY_ADRES" class="form-control itp_input" name="cmpyAdres" value="" readonly placeholder="기본주소">													
 												</div>
 												<div class="col-xs-4 itp_in">
-												<input type="text" id="ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES_DTL" class="form-control itp_input" name="cmpyAdresDtl" value="" placeholder="상세주소">													
+												<input type="text" id="ITP_FORM_OPER03010_DETAIL_CMPY_ADRES_DTL" class="form-control itp_input" name="cmpyAdresDtl" value="" placeholder="상세주소">													
 												</div>
 												
 												<!-- 주소 맵 -->
-												<input type="hidden" id="ITP_FORM_KOPER01010_DETAIL_LOTS_ADDRESS" value="" />
-												<input type="hidden" id="ITP_FORM_KOPER01010_DETAIL_STREET_ADDRESS" value="" />
-												<input type="hidden" name="cmpyLat" id="ITP_FORM_KOPER01010_DETAIL_LAT" value="" />
-												<input type="hidden" name="cmpyLng" id="ITP_FORM_KOPER01010_DETAIL_LNG" value="" />
-												<input type="hidden" id="ITP_FORM_KOPER01010_DETAIL_HJ_DONG" value="" />
-												<input type="hidden" id="ITP_FORM_KOPER01010_DETAIL_BJ_DONG" value="" />
-												<div id="ITP_FORM_KOPER01010_DETAIL_MAP" style="width:700px; height:400px; margin-top:35px;"></div>
+												<input type="hidden" id="ITP_FORM_OPER03010_DETAIL_LOTS_ADDRESS" value="" />
+												<input type="hidden" id="ITP_FORM_OPER03010_DETAIL_STREET_ADDRESS" value="" />
+												<input type="hidden" name="cmpyLat" id="ITP_FORM_OPER03010_DETAIL_LAT" value="" />
+												<input type="hidden" name="cmpyLng" id="ITP_FORM_OPER03010_DETAIL_LNG" value="" />
+												<input type="hidden" id="ITP_FORM_OPER03010_DETAIL_HJ_DONG" value="" />
+												<input type="hidden" id="ITP_FORM_OPER03010_DETAIL_BJ_DONG" value="" />
+												<div id="ITP_FORM_OPER03010_DETAIL_MAP" style="width:700px; height:400px; margin-top:35px;"></div>
 											</div>
 										</div>
 									</div>
@@ -214,25 +214,25 @@
 						<div class="itp_table_head fix">
 							<h4 class="itp_table_tit">* 영업담당자정보</h4>
 							<div class="pull-right itp_cicon">
-								<button type="button" id="ITP_BTN_KOPER01010_DETAIL_ADDROW" class="btn btn-primary btn-sm ARB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 행추가</button>
-								<button type="button" id="ITP_BTN_KOPER01010_DETAIL_DELROW" class="btn btn-danger btn-sm DRB"><i class="glyphicon glyphicon-remove"></i> 행삭제</button>									
+								<button type="button" id="ITP_BTN_OPER03010_DETAIL_ADDROW" class="btn btn-primary btn-sm ARB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 행추가</button>
+								<button type="button" id="ITP_BTN_OPER03010_DETAIL_DELROW" class="btn btn-danger btn-sm DRB"><i class="glyphicon glyphicon-remove"></i> 행삭제</button>									
 							</div>
 						</div>
 						
-						<div id="ITP_KOPER01010_DETAIL_jqGrid_list" class="itp_tb_list">
-							<div id="ITP_KOPER01010_DETAIL_jqGridView" class="itp_views fix"></div>
-							<table id="ITP_KOPER01010_DETAIL_jqGrid"></table>
-							<div id="ITP_KOPER01010_DETAIL_jqGridPager"></div>
-							<div id="ITP_KOPER01010_DETAIL_jqGridEmpty" class="itp_no_data"></div>
+						<div id="ITP_OPER03010_DETAIL_jqGrid_list" class="itp_tb_list">
+							<div id="ITP_OPER03010_DETAIL_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER03010_DETAIL_jqGrid"></table>
+							<div id="ITP_OPER03010_DETAIL_jqGridPager"></div>
+							<div id="ITP_OPER03010_DETAIL_jqGridEmpty" class="itp_no_data"></div>
 						</div>
 					</div>				
 				</div>
-				<div id="ITP_AJAX_KOPER01010_VIEW_CONTAINER">
+				<div id="ITP_AJAX_OPER03010_VIEW_CONTAINER">
 					<div class="itp_form itp_type1 fix">
 						<div class="col-xs-12">
-							<form id="ITP_FORM_KOPER01010_VIEW" class="form-horizontal">
-								<input type="hidden" id="ITP_FORM_KOPER01010_VIEW_VIEW_CD" name="viewCd" value="R">
-								<input type="hidden" id="ITP_FORM_KOPER01010_VIEW_CMPY_CD" name="cmpyCd" value="">
+							<form id="ITP_FORM_OPER03010_VIEW" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_OPER03010_VIEW_VIEW_CD" name="viewCd" value="R">
+								<input type="hidden" id="ITP_FORM_OPER03010_VIEW_CMPY_CD" name="cmpyCd" value="">
 					
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">가맹점정보</h4>
@@ -318,7 +318,7 @@
 												<div class="col-xs-10 itp_in fnCmpyAddress"></div>
 												
 												<!-- 주소 맵 -->
-												<div id="ITP_FORM_KOPER01010_VIEW_MAP" style="width:700px; height:400px; margin-top:27px;"></div>
+												<div id="ITP_FORM_OPER03010_VIEW_MAP" style="width:700px; height:400px; margin-top:27px;"></div>
 											</div>
 										</div>
 									</div>
@@ -344,11 +344,11 @@
 							<h4 class="itp_table_tit">* 영업담당자정보</h4>
 						</div>
 						
-						<div id="ITP_KOPER01010_VIEW_jqGrid_list" class="itp_tb_list">
-							<div id="ITP_KOPER01010_VIEW_jqGridView" class="itp_views fix"></div>
-							<table id="ITP_KOPER01010_VIEW_jqGrid"></table>
-							<div id="ITP_KOPER01010_VIEW_jqGridPager"></div>
-							<div id="ITP_KOPER01010_VIEW_jqGridEmpty" class="itp_no_data"></div>
+						<div id="ITP_OPER03010_VIEW_jqGrid_list" class="itp_tb_list">
+							<div id="ITP_OPER03010_VIEW_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER03010_VIEW_jqGrid"></table>
+							<div id="ITP_OPER03010_VIEW_jqGridPager"></div>
+							<div id="ITP_OPER03010_VIEW_jqGridEmpty" class="itp_no_data"></div>
 						</div>
 					</div>	
 										

src/main/webapp/app/koper/KOPER02010.html

@@ -1,41 +1,41 @@
-<section id="ITP_TAB_KOPER02010" class="tab-pane active itp_sec">
+<section id="ITP_TAB_OPER04010" class="tab-pane active itp_sec">
 	<div class="itp_cont">
 		<article class="itp_detail">
 			<div class="itp_det_head fix">
 				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i> <strong>영업담당자관리</strong></h2>
 				<div class="pull-right itp_cicon">
-					<button type="button" id="ITP_BTN_KOPER02010_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_KOPER02010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-ok"></i> 수정</button>
-					<button type="button" id="ITP_BTN_KOPER02010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 신규등록</button>
-					<button type="button" id="ITP_BTN_KOPER02010_DELETE" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>
-					<button type="button" id="ITP_BTN_KOPER02010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon glyphicon-minus"></i> 취소/목록</button>
-					<button type="button" id="ITP_BTN_KOPER02010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon glyphicon-ok"></i> 저장</button>
+					<button type="button" id="ITP_BTN_OPER04010_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_OPER04010_MODIFY" class="btn btn-success btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-ok"></i> 수정</button>
+					<button type="button" id="ITP_BTN_OPER04010_NEWREG" class="btn btn-primary btn-sm NEB" style="display: inline-block;"><i class="glyphicon glyphicon-plus"></i> 신규등록</button>
+					<button type="button" id="ITP_BTN_OPER04010_DELETE" class="btn btn-danger btn-sm DEB"><i class="glyphicon glyphicon-remove"></i> 삭제</button>
+					<button type="button" id="ITP_BTN_OPER04010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon glyphicon-minus"></i> 취소/목록</button>
+					<button type="button" id="ITP_BTN_OPER04010_SAVE" class="btn btn-success btn-sm SAB"><i class="glyphicon glyphicon-ok"></i> 저장</button>
 				</div>				
 			</div>
 			<div class="itp_det_in">
-				<div id="ITP_AJAX_KOPER02010_LIST_CONTAINER">
+				<div id="ITP_AJAX_OPER04010_LIST_CONTAINER">
 					<div class="itp_lg_form itp_type1 fix">
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
-								<form id="ITP_FORM_KOPER02010_SEARCH" class="form-horizontal">
+								<form id="ITP_FORM_OPER04010_SEARCH" class="form-horizontal">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_KOPER02010_SEARCH_TYPE" class="form-control itp_input">
+											<select id="ITP_FORM_OPER04010_SEARCH_TYPE" class="form-control itp_input">
 												<option value="">등록일자</option>											
 											</select>
 										</div>
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">
-												<input type="text" id="ITP_FORM_KOPER02010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="" readonly>
+												<input type="text" id="ITP_FORM_OPER04010_SEARCH_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_KOPER02010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
+												<input type="text" id="ITP_FORM_OPER04010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
 											</div>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-										<input type="text" id="ITP_FORM_KOPER02010_SEARCH_SALES_USER_NM" class="form-control itp_input" name="ssalesUserNm" placeholder="영업담당자 검색" />
+										<input type="text" id="ITP_FORM_OPER04010_SEARCH_SALES_USER_NM" class="form-control itp_input" name="ssalesUserNm" placeholder="영업담당자 검색" />
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_KOPER02010_SEARCH_USE_STAT_CD" class="form-control itp_input" name="suseStatCd"></select>
+											<select id="ITP_FORM_OPER04010_SEARCH_USE_STAT_CD" class="form-control itp_input" name="suseStatCd"></select>
 										</div>									
 									</div>
 								</form>
@@ -43,35 +43,35 @@
 						</div>
 					</div>
 					<div class="itp_table fix">
-						<div id="ITP_KOPER02010_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
-							<div id="ITP_KOPER02010_jqGridView" class="itp_views fix"></div>
-							<table id="ITP_KOPER02010_jqGrid"></table>
-							<div id="ITP_KOPER02010_jqGridPager"></div>
-							<div id="ITP_KOPER02010_jqGridEmpty" class="itp_no_data"></div>
+						<div id="ITP_OPER04010_jqGrid_list" class="itp_tb_list itp_gType1" data-total-cnt="${totalCnt}">
+							<div id="ITP_OPER04010_jqGridView" class="itp_views fix"></div>
+							<table id="ITP_OPER04010_jqGrid"></table>
+							<div id="ITP_OPER04010_jqGridPager"></div>
+							<div id="ITP_OPER04010_jqGridEmpty" class="itp_no_data"></div>
 						</div>
 					</div>
 				</div>
-				<div id="ITP_AJAX_KOPER02010_DETAIL_CONTAINER">
+				<div id="ITP_AJAX_OPER04010_DETAIL_CONTAINER">
 					<div class="itp_form itp_type1 fix">
 						<div class="col-xs-12">
-							<form id="ITP_FORM_KOPER02010_DETAIL" class="form-horizontal">
-								<input type="hidden" id="ITP_FORM_KOPER02010_DETAIL_VIEW_CD" name="viewCd" value="C">
-								<input type="hidden" id="ITP_FORM_KOPER02010_DETAIL_LOCATION" name="location" value="">
+							<form id="ITP_FORM_OPER04010_DETAIL" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_LOCATION" name="location" value="">
 					
 								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">영업담당자정보</h4>
+									<!-- <h4 class="itp_form_tit">영업담당자정보</h4> -->
 									<div class="itp_form_in">
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">영업담당자명(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER02010_DETAIL_SALES_USER_NM" class="form-control itp_input" name="salesUserNm" value="" maxlength="40">
+													<input type="text" id="ITP_FORM_OPER04010_DETAIL_SALES_USER_NM" class="form-control itp_input" name="salesUserNm" value="" maxlength="40">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">상태(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<select id="ITP_FORM_KOPER02010_DETAIL_USE_STAT_CD" class="form-control itp_input" name="useStatCd"></select>
+													<select id="ITP_FORM_OPER04010_DETAIL_USE_STAT_CD" class="form-control itp_input" name="useStatCd"></select>
 												</div>
 											</div>
 										</div>
@@ -80,9 +80,9 @@
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-6 itp_in">
 													<div class="input-group">
-													<input type="text" id="ITP_FORM_KOPER02010_DETAIL_SALES_USER_ID" class="form-control itp_input" name="salesUserId" value="" maxlength="10" >
+													<input type="text" id="ITP_FORM_OPER04010_DETAIL_SALES_USER_ID" class="form-control itp_input" name="salesUserId" value="" maxlength="10" >
 													<span class="input-group-btn">
-														<button id="ITP_FORM_KOPER02010_DETAIL_DUP" class="btn btn-default btn-sm itp_btn SHOW" type="button" disabled><i class="glyphicon glyphicon-ok"></i></button>
+														<button id="ITP_FORM_OPER04010_DETAIL_DUP" class="btn btn-default btn-sm itp_btn SHOW" type="button" disabled><i class="glyphicon glyphicon-ok"></i></button>
 													</span>
 													</div>
 												</div>
@@ -90,7 +90,7 @@
 											<label class="col-xs-2 itp_lb">영업타입</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<select id="ITP_FORM_KOPER02010_DETAIL_SALES_TYPE_CD" class="form-control itp_input" name="salesTypeCd"></select>
+													<select id="ITP_FORM_OPER04010_DETAIL_SALES_TYPE_CD" class="form-control itp_input" name="salesTypeCd"></select>
 												</div>
 											</div>
 										</div>
@@ -99,14 +99,14 @@
 											<label class="col-xs-2 itp_lb">비밀번호(초기-전화번호)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="password" id="ITP_FORM_KOPER02010_DETAIL_USER_PW" class="form-control itp_input" name="userPw" value="" disabled>
+													<input type="password" id="ITP_FORM_OPER04010_DETAIL_USER_PW" class="form-control itp_input" name="userPw" value="" disabled>
 												</div>
-												<button type="button" id="ITP_BTN_KOPER02010_RESET_PW" class="btn btn-danger btn-xs PWC" style="margin: 3px 0px 0px 3px;">비밀번호 초기화</button>
+												<button type="button" id="ITP_BTN_OPER04010_RESET_PW" class="btn btn-danger btn-xs PWC" style="margin: 3px 0px 0px 3px;">비밀번호 초기화</button>
 											</div>
 											<label class="col-xs-2 itp_lb">대표연락처(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER02010_DETAIL_TEL_NO" class="form-control itp_input" name="telNo" value="">
+													<input type="text" id="ITP_FORM_OPER04010_DETAIL_TEL_NO" class="form-control itp_input" name="telNo" value="">
 												</div>
 											</div>		
 										</div>
@@ -114,13 +114,13 @@
 											<label class="col-xs-2 itp_lb">FAX</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER02010_DETAIL_FAX_NO" class="form-control itp_input" name="faxNo" value="">
+													<input type="text" id="ITP_FORM_OPER04010_DETAIL_FAX_NO" class="form-control itp_input" name="faxNo" value="">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">이메일(*)</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_KOPER02010_DETAIL_EMAIL" class="form-control itp_input" name="email" value="">
+													<input type="text" id="ITP_FORM_OPER04010_DETAIL_EMAIL" class="form-control itp_input" name="email" value="">
 												</div>
 											</div>											
 										</div>					
@@ -130,26 +130,26 @@
 											<label class="col-xs-2 itp_lb">주소(*)</label>
 											<div class="col-xs-10 itp_ip">
 												<div class="col-xs-1 itp_in">
-												<input type="text" id="ITP_FORM_KOPER02010_DETAIL_ZIPNO" class="form-control itp_input" name="zipno" value="" maxlength="6" readonly placeholder="우편번호">													
+												<input type="text" id="ITP_FORM_OPER04010_DETAIL_ZIPNO" class="form-control itp_input" name="zipno" value="" maxlength="6" readonly placeholder="우편번호">													
 												</div>
 												<div class="col-xs-1 itp_in">
-												<button type="button" id="ITP_FORM_KOPER02010_DETAIL_ADRES_SCH" class="btn btn-primary btn-xs SHOW" style="margin: 3px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
+												<button type="button" id="ITP_FORM_OPER04010_DETAIL_ADRES_SCH" class="btn btn-primary btn-xs SHOW" style="margin: 3px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
 												</div>
 												<div class="col-xs-4 itp_in" style="margin-right: 5px;">
-												<input type="text" id="ITP_FORM_KOPER02010_DETAIL_ADRES" class="form-control itp_input" name="adres" value="" readonly placeholder="기본주소">													
+												<input type="text" id="ITP_FORM_OPER04010_DETAIL_ADRES" class="form-control itp_input" name="adres" value="" readonly placeholder="기본주소">													
 												</div>
 												<div class="col-xs-4 itp_in">
-												<input type="text" id="ITP_FORM_KOPER02010_DETAIL_ADRES_DTL" class="form-control itp_input" name="adresDtl" value="" placeholder="상세주소">													
+												<input type="text" id="ITP_FORM_OPER04010_DETAIL_ADRES_DTL" class="form-control itp_input" name="adresDtl" value="" placeholder="상세주소">													
 												</div>
 												
 												<!-- 주소 맵 -->
-												<input type="hidden" id="ITP_FORM_KOPER02010_DETAIL_LOTS_ADDRESS" value="" />
-												<input type="hidden" id="ITP_FORM_KOPER02010_DETAIL_STREET_ADDRESS" value="" />
-												<input type="hidden" name="salesUserLat" id="ITP_FORM_KOPER02010_DETAIL_LAT" value="" />
-												<input type="hidden" name="salesUserLng" id="ITP_FORM_KOPER02010_DETAIL_LNG" value="" />
-												<input type="hidden" id="ITP_FORM_KOPER02010_DETAIL_HJ_DONG" value="" />
-												<input type="hidden" id="ITP_FORM_KOPER02010_DETAIL_BJ_DONG" value="" />
-												<div id="ITP_FORM_KOPER02010_DETAIL_MAP" style="width:700px; height:400px; margin-top:35px;"></div>
+												<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_LOTS_ADDRESS" value="" />
+												<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_STREET_ADDRESS" value="" />
+												<input type="hidden" name="salesUserLat" id="ITP_FORM_OPER04010_DETAIL_LAT" value="" />
+												<input type="hidden" name="salesUserLng" id="ITP_FORM_OPER04010_DETAIL_LNG" value="" />
+												<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_HJ_DONG" value="" />
+												<input type="hidden" id="ITP_FORM_OPER04010_DETAIL_BJ_DONG" value="" />
+												<div id="ITP_FORM_OPER04010_DETAIL_MAP" style="width:700px; height:400px; margin-top:35px;"></div>
 											</div>
 										</div>
 									</div>
@@ -170,12 +170,12 @@
 						</div>
 					</div>					
 				</div>
-				<div id="ITP_AJAX_KOPER02010_VIEW_CONTAINER">
+				<div id="ITP_AJAX_OPER04010_VIEW_CONTAINER">
 					<div class="itp_form itp_type1 fix">
 						<div class="col-xs-12">
-							<form id="ITP_FORM_KOPER02010_VIEW" class="form-horizontal">
-								<input type="hidden" id="ITP_FORM_KOPER02010_VIEW_VIEW_CD" name="viewCd" value="R">
-								<input type="hidden" id="ITP_FORM_KOPER02010_VIEW_SALES_USER_ID" name="salesUserId" value="">
+							<form id="ITP_FORM_OPER04010_VIEW" class="form-horizontal">
+								<input type="hidden" id="ITP_FORM_OPER04010_VIEW_VIEW_CD" name="viewCd" value="R">
+								<input type="hidden" id="ITP_FORM_OPER04010_VIEW_SALES_USER_ID" name="salesUserId" value="">
 					
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">영업담당자정보</h4>
@@ -230,7 +230,7 @@
 												<div class="col-xs-10 itp_in fnAddress"></div>
 												
 												<!-- 주소 맵 -->
-												<div id="ITP_FORM_KOPER02010_VIEW_MAP" style="width:700px; height:400px; margin-top:27px;"></div>
+												<div id="ITP_FORM_OPER04010_VIEW_MAP" style="width:700px; height:400px; margin-top:27px;"></div>
 											</div>
 										</div>
 									</div>

src/main/webapp/js/app/koper/ITP_KOPER01010.js

@@ -1,860 +0,0 @@
-
-const KOPER01010_GRID_ID = '#ITP_KOPER01010_jqGrid';
-const KOPER01010_GRID_LIST = '#ITP_KOPER01010_jqGrid_list';
-const KOPER01010_GRID_PAGER = '#ITP_KOPER01010_jqGridPager';
-const KOPER01010_GRID_EMPTY = '#ITP_KOPER01010_jqGridEmpty';
-
-const KOPER01010_VIEW_GRID_ID = '#ITP_KOPER01010_VIEW_jqGrid';
-const KOPER01010_VIEW_GRID_LIST = '#ITP_KOPER01010_VIEW_jqGrid_list';
-const KOPER01010_VIEW_GRID_PAGER = '#ITP_KOPER01010_VIEW_jqGridPager';
-const KOPER01010_VIEW_GRID_EMPTY = '#ITP_KOPER01010_VIEW_jqGridEmpty';
-
-const KOPER01010_DETAIL_GRID_ID = '#ITP_KOPER01010_DETAIL_jqGrid';
-const KOPER01010_DETAIL_GRID_LIST = '#ITP_KOPER01010_DETAIL_jqGrid_list';
-const KOPER01010_DETAIL_GRID_PAGER = '#ITP_KOPER01010_DETAIL_jqGridPager';
-const KOPER01010_DETAIL_GRID_EMPTY = '#ITP_KOPER01010_DETAIL_jqGridEmpty';
-
-
-let ITP_FORM_KOPER01010_DETAIL_IS_DUPLICATE = false;
-let ITP_FORM_KOPER01010_DETAIL_IS_WRITING = false;
-
-let COMPANY_GRID_LIST = '/api/frcomp/grid-list';
-let USER_SALESUSER_GRID_LIST = '/api/frcomp/cmpy-saleusers-list'; 
-let COMPANY_INFO_COMPANY = '/api/frcomp/info-frcomp';
-let COMPANY_SAVE_COMPANY = '/api/frcomp/save-frcomp';
-let COMPANY_CHECK_DUPLICATE = '/api/frcomp/check-duplicate';
-let USER_INTI_USERPW = '/api/user/inti-userpw';
-
-require(['config'], function() {
-	require([
-		'jquery', 
-		'kakao.postcode', 
-		'kakao.maps'
-	], function($) {
-		// 버튼 권한설정
-		fn_proc_btn_auth('KOPER01010');
-		// 공통코드 표시
-		fn_make_select(CODE_LIST, 'CMPY_STAT_CD', 'ITP_FORM_KOPER01010_SEARCH_CMPY_STAT_CD');
-		fn_make_select(CODE_LIST, 'CMPY_STAT_CD', 'ITP_FORM_KOPER01010_DETAIL_CMPY_STAT_CD', true, '선택');
-		fn_make_select(CODE_LIST, 'CMPY_TYPE_CD', 'ITP_FORM_KOPER01010_DETAIL_CMPY_TYPE_CD', true, '선택');
-		fn_make_select(CODE_LIST, 'FRCOMP_AUTH_CD', 'ITP_FORM_KOPER01010_DETAIL_FRCOMP_AUTH_CD', true, '선택');
-		
-		// 조회일자 지정
-		// var now = new Date();
-		$('#ITP_TAB_KOPER01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
-		// $('#ITP_FORM_KOPER01010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
-		// $('#ITP_FORM_KOPER01010_SEARCH_TO_DT').datepicker('setDate', new Date());
-				
-		// 그리드				
-		itp_fn_jqgrid_resize(KOPER01010_GRID_ID, KOPER01010_GRID_LIST, 'lg');
-		itp_fn_KOPER01010_grid.init();
-    	itp_fn_fire_window_resize();
-
-		// 조회    	
-    	itp_fn_KOPER01010_search();
-    	
-		// 조회 버튼 클릭
-		$('#ITP_BTN_KOPER01010_SRH').on('click', function() {
-			itp_KOPER01010_search = true;
-			let param = $('#ITP_FORM_KOPER01010_SEARCH').serializeObject();
-			param.gridSize = $.jgrid.defaults.rowNum;
-			param.gridPage = $.jgrid.defaults.page;
-			$(KOPER01010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
-		});
-		
-		// 수정 버튼
-		$('#ITP_BTN_KOPER01010_MODIFY').on('click', function() {
-			itp_fn_form_clear_validate(null, '#ITP_FORM_KOPER01010_DETAIL');			
-			const cmpyCdVal = $('#ITP_FORM_KOPER01010_VIEW_CMPY_CD').val();
-			const key = {cmpyCd: cmpyCdVal, viewCd: 'R'};
-			var param = $.param(key);
-			itp_fn_KOPER01010_detail(param);	
-		});
-		
-		// 신규등록 버튼
-		$('#ITP_BTN_KOPER01010_NEWREG').on('click', function() {
-			itp_fn_KOPER01010_switch_screen('ADD');			
-			itp_fn_form_clear_validate(null, '#ITP_FORM_KOPER01010_DETAIL');
-			itp_fn_KOPER01010_detail_map($('#ITP_FORM_KOPER01010_DETAIL_STREET_ADDRESS').val());	
-			
-			// 영업담당자 리스트 조회		
-			itp_fn_KOPER01010_detail_grid.unload();
-			itp_fn_KOPER01010_detail_grid.callBack();	
-		});
-		
-		// 취소/목록 버튼
-		$('#ITP_BTN_KOPER01010_CANCELLIST').on('click', function() {
-			itp_fn_KOPER01010_search();
-    	});
-		
-		// 삭제 버튼
-		$('#ITP_BTN_KOPER01010_DELETE').on('click', function() {
-			
-		});
-		
-		// 저장 버튼
-		$('#ITP_BTN_KOPER01010_SAVE').on('click', function() {			
-			const formId = '#ITP_FORM_KOPER01010_DETAIL';
-			itp_fn_form_clear_validate(null, formId);			
-			var vali_cmpyCd = itp_fn_form_validate(formId, formId + '_CMPY_CD', ['empty'], undefined);
-			var vali_cmpyStatCd = itp_fn_form_validate(formId, formId + '_CMPY_STAT_CD', ['empty'], undefined);
-			var vali_cmpyTypeCd = itp_fn_form_validate(formId, formId + '_CMPY_TYPE_CD', ['empty'], undefined);
-			var vali_cmpyNm = itp_fn_form_validate(formId, formId + '_CMPY_NM', ['empty'], undefined);			
-			var vali_bossNm = itp_fn_form_validate(formId, formId + '_BOSS_NM', ['empty'], undefined);
-			var vali_mainTel = itp_fn_form_validate(formId, formId + '_MAIN_TEL', ['empty'], undefined);
-			var vali_mainEmail = itp_fn_form_validate(formId, formId + 'MAIN_EMAIL', ['empty'], undefined);
-			
-			if (vali_cmpyCd && vali_cmpyStatCd && vali_cmpyTypeCd && vali_cmpyNm && vali_bossNm && vali_mainTel && vali_mainEmail) {
-				
-				if($('#ITP_FORM_KOPER01010_DETAIL_CMPY_ZIPNO').val() == '' || $('#ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES').val() == '') {
-					itp_fn_modal_alert('주소 검색을 통해 회사 주소를 입력하세요.');
-					return;
-				}
-				
-				if (ITP_FORM_KOPER01010_DETAIL_IS_DUPLICATE) {
-					itp_fn_modal_duplicate('회사코드 중복체크를 해주세요.', formId + '_CMPY_CD');
-				} else {
-					let gridInsertData = [];
-					let gridUpdateData = [];
-					let gridDeleteData = [];
-					const rowData = $(KOPER01010_DETAIL_GRID_ID).getRowData();
-					const keyValue = $(formId + '_CMPY_CD').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;
-					var searhFn = function() {
-						ITP_FORM_KOPER01010_DETAIL_IS_WRITING = false;
-						itp_fn_KOPER01010_search();
-					};
-					console.log(JSON.stringify(param));
-					fn_ajax_call(COMPANY_SAVE_COMPANY, JSON.stringify(param), searhFn, 'POST');	
-				}
-			}
-		});		
-		
-		// 중복체크
-		$('#ITP_FORM_KOPER01010_DETAIL_DUP').on('click', function() {
-			const formId = '#ITP_FORM_KOPER01010_DETAIL';
-			itp_fn_form_clear_validate(null, formId + '_DETAIL');
-			var vali_cmpyCd = itp_fn_form_validate(formId + '_DETAIL', formId + '_CMPY_CD', ['empty'], undefined);
-			if (vali_cmpyCd) {
-				var dupFn = function(result) {
-					if (result.code == 'N') {
-						ITP_FORM_KOPER01010_DETAIL_IS_DUPLICATE = false;
-					} else {
-						ITP_FORM_KOPER01010_DETAIL_IS_DUPLICATE = true;
-					}
-				};
-				const key = {'cmpyCd':  $(formId + '_CMPY_CD').val()};
-				const param = $.param(key);
-				fn_ajax_call(COMPANY_CHECK_DUPLICATE, param, dupFn, 'GET');
-			}
-		});
-		
-		// 상세:비밀번호 초기화
-		$('#ITP_BTN_KOPER01010_RESET_PW').on('click', function() {
-			var resetPwFn = {
-				callBack: function(args) {
-					const key = {'userId':  $('#ITP_FORM_KOPER01010_DETAIL_CMPY_CD').val()};
-					const param = $.param(key);
-					fn_ajax_call(USER_INTI_USERPW, param, undefined, 'GET');					
-				}
-			};
-			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.askResetUserPw, resetPwFn, null);		
-		});
-		
-		$('#ITP_FORM_KOPER01010_DETAIL_ADRES_SCH').on('click', function() {
-			new daum.Postcode({
-		    	oncomplete: function(data) {
-					// 전체주소 리턴
-					document.getElementById('ITP_FORM_KOPER01010_DETAIL_CMPY_ZIPNO').value = data.zonecode;
-					document.getElementById('ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES').value = data.roadAddress;
-					document.getElementById('ITP_FORM_KOPER01010_DETAIL_LOTS_ADDRESS').value = !!data.autoJibunAddress ? data.autoJibunAddress : data.jibunAddress;
-					document.getElementById('ITP_FORM_KOPER01010_DETAIL_STREET_ADDRESS').value = data.roadAddress;
-					document.getElementById('ITP_FORM_KOPER01010_DETAIL_HJ_DONG').value = !!data.hname ? data.hname : data.bname;
-					document.getElementById('ITP_FORM_KOPER01010_DETAIL_BJ_DONG').value = data.bname;
-					
-					itp_fn_KOPER01010_detail_map(data.roadAddress);
-					document.getElementById('ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES_DTL').focus();		  
-		        }
-			}).open();
-		});
-		
-		
-		$('#ITP_BTN_KOPER01010_DETAIL_ADDROW').on('click', function() {
-			// 팝업
-			var popFn = function(rowDataPop) {
-				// 기존등록 데이터 
-				var exists = '';				
-				const rowData = $(KOPER01010_DETAIL_GRID_ID).getRowData();
-				$.each(rowData, function(key, value) {
-					exists = exists + value.salesUserId + ';';
-				});
-				
-				$.each(rowDataPop, function(key, value) {
-					if(exists.indexOf(value.salesUserId) < 0) {
-						// 행추가
-						$(KOPER01010_DETAIL_GRID_ID).jqGrid('addRow', {position: 'last'});
-						var rids = $(KOPER01010_DETAIL_GRID_ID).jqGrid('getDataIDs');
-						var last_row_id = rids[rids.length - 1];
-						$(KOPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'viewCd', 'C');
-						$(KOPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'salesUserId', value.salesUserId);
-						$(KOPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'salesUserNm', value.salesUserNm);
-						$(KOPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'useStatCd', value.useStatCd);
-						$(KOPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'useStatNm', value.useStatNm);
-						$(KOPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'cmpyCd', '');	
-					}
-				});
-				$(KOPER01010_DETAIL_GRID_EMPTY).hide();
-			};
-			fn_call_popup('biz', 'BIZPOP_NK_SALES_USER_SCH', '#ITP_ASIDE', popFn, null, 'S');  //=====================================================================================
-		});
-		// 상세:삭제버튼
-		$('#ITP_BTN_KOPER01010_DETAIL_DELROW').on('click', function() {
-			itp_fn_grid_del_row(KOPER01010_DETAIL_GRID_ID);
-		});
-		
-		$('body').on('click', function(e) {
-			var gridId = KOPER01010_DETAIL_GRID_ID.replace('#', '');
-			var rids = $(KOPER01010_DETAIL_GRID_ID).jqGrid('getDataIDs');
-			var last_row_id = rids[rids.length - 1];			
-			itp_fn_grid_reset_selection(e, last_row_id, gridId, 'KOPER01010_DETAIL');
-		});
-		
-	});
-});
-
-var itp_fn_KOPER01010_detail_map = function(locate) {
-	
-	kakao.maps.load(function() {
-				
-		var mapContainer = document.getElementById('ITP_FORM_KOPER01010_DETAIL_MAP'), // 지도를 표시할 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);
-	
-		function searchDetailAddrFromCoords(coords, callback) {
-		    // 좌표로 법정동 상세 주소 정보를 요청합니다
-		    geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
-		}
-		
-		// 주소-좌표 변환 객체를 생성합니다
-		var geocoder = new kakao.maps.services.Geocoder();	
-		var map;
-		
-		if( !locate || locate.length == 0 ) {
-			// 지도에 마커를 생성하고 표시한다
-		    	marker = new kakao.maps.Marker({
-		  	    position: new kakao.maps.LatLng(37.56684, 126.97865), // 마커의 좌표
-		   	    map: map // 마커를 표시할 지도 객체
-	    	});
-		} else {
-			// 주소로 좌표를 검색합니다
-			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);
-			        document.getElementById('ITP_FORM_KOPER01010_DETAIL_LAT').value = result[0].y;
-			        document.getElementById('ITP_FORM_KOPER01010_DETAIL_LNG').value = result[0].x;
-			        
-			        // 결과값으로 받은 위치를 마커로 표시합니다
-			        	marker = new kakao.maps.Marker({
-			            map: map,
-			            position: coords
-			        });
-		
-			        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
-			        map.setCenter(coords);
-			    }
-			});    
-		}
-		
-		// 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
-		kakao.maps.event.addListener(map, 'drag', function () {
-		    searchDetailAddrFromCoords(map.getCenter(), function(result, status) {
-		        if (status === kakao.maps.services.Status.OK) {
-	
-	   		        document.getElementById('ITP_FORM_KOPER01010_DETAIL_LOTS_ADDRESS').value = result[0].address.address_name ;
-	   		        document.getElementById('ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES').value = !!result[0].road_address ? result[0].road_address.address_name : result[0].address.address_name ;
-	   		        document.getElementById('ITP_FORM_KOPER01010_DETAIL_STREET_ADDRESS').value = !!result[0].road_address ? result[0].road_address.address_name : $('#ITP_FORM_KOPER01010_DETAIL_STREET_ADDRESS').val();
-	   		        document.getElementById('ITP_FORM_KOPER01010_DETAIL_CMPY_ZIPNO').value = !!result[0].road_address ? result[0].road_address.zone_no : $('#ITP_FORM_KOPER01010_DETAIL_CMPY_ZIPNO').val() ;
-			        document.getElementById('ITP_FORM_KOPER01010_DETAIL_LAT').value = map.getCenter().getLat();
-			        document.getElementById('ITP_FORM_KOPER01010_DETAIL_LNG').value = map.getCenter().getLng();
-		                        
-		            // 마커를 클릭한 위치에 표시합니다
-		            marker.setPosition(map.getCenter());
-		            marker.setMap(map);
-		        }   
-		    });
-			/* 	var message = '지도를 드래그 하고 있습니다. 지도의 중심 좌표는 ' + map.getCenter().toString() +' 입니다.';
-			console.log(message); */
-		});
-	});
-};
-
-var itp_fn_KOPER01010_view_map = function(locate) {
-	
-	kakao.maps.load(function() {
-				
-		var mapContainer = document.getElementById('ITP_FORM_KOPER01010_VIEW_MAP'), // 지도를 표시할 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);
-		
-		// 주소-좌표 변환 객체를 생성합니다
-		var geocoder = new kakao.maps.services.Geocoder();	
-		var map;
-		
-		if( !locate || locate.length == 0 ) {
-			// 지도에 마커를 생성하고 표시한다
-		    	marker = new kakao.maps.Marker({
-		  	    position: new kakao.maps.LatLng(37.56684, 126.97865), // 마커의 좌표
-		   	    map: map // 마커를 표시할 지도 객체
-	    	});
-		} else {
-			// 주소로 좌표를 검색합니다
-			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);
-			        
-			        // 결과값으로 받은 위치를 마커로 표시합니다
-			        marker = new kakao.maps.Marker({
-			            map: map,
-			            position: coords
-			        });
-		
-			        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
-			        map.setCenter(coords);
-			    }
-			});    
-		}
-	});
-};
-	
-var itp_fn_KOPER01010_switch_screen = function(mode) {
-	if(mode == 'LIST') { // 목록
-		$('#ITP_BTN_KOPER01010_MODIFY').hide();
-		$('#ITP_BTN_KOPER01010_CANCELLIST').hide();
-		$('#ITP_BTN_KOPER01010_DELETE').hide();
-		$('#ITP_BTN_KOPER01010_SAVE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER01010_SRH');
-		fn_show_btn_auth('#ITP_BTN_KOPER01010_NEWREG');
-		
-		$('#ITP_AJAX_KOPER01010_LIST_CONTAINER').show();
-		$('#ITP_AJAX_KOPER01010_DETAIL_CONTAINER').hide();		
-		$('#ITP_AJAX_KOPER01010_VIEW_CONTAINER').hide();
-	} else if(mode == 'ADD') { // 등록
-		ITP_FORM_KOPER01010_DETAIL_IS_DUPLICATE = true;
-	
-		$('#ITP_BTN_KOPER01010_SRH').hide();
-		$('#ITP_BTN_KOPER01010_MODIFY').hide();
-		$('#ITP_BTN_KOPER01010_NEWREG').hide();
-		$('#ITP_BTN_KOPER01010_DELETE').hide();
-		$('#ITP_BTN_KOPER01010_RESET_PW').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER01010_CANCELLIST');
-		fn_show_btn_auth('#ITP_BTN_KOPER01010_SAVE');
-		
-		$('#ITP_AJAX_KOPER01010_LIST_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER01010_DETAIL_CONTAINER').show();
-		$('#ITP_AJAX_KOPER01010_VIEW_CONTAINER').hide();		
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_CD').removeAttr('readonly');
-		$('#ITP_FORM_KOPER01010_DETAIL_DUP').removeAttr('disabled');
-		
-		$('#ITP_FORM_KOPER01010_DETAIL_VIEW_CD').val('C');
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_NM').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_STAT_CD').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_FRCOMP_AUTH_CD').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_CD').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_TYPE_CD').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_REG_NUM').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_COPT_NUM').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_BIZ_CATE').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_BIZ_TYPE').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_BOSS_NM').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_MAIN_TEL').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_MAIN_FAX').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_MAIN_EMAIL').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_ZIPNO').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES_DTL').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_LOTS_ADDRESS').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_STREET_ADDRESS').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_LAT').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_LNG').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_HJ_DONG').val('');
-		$('#ITP_FORM_KOPER01010_DETAIL_BJ_DONG').val('');
-		
-	} else if(mode == 'MODIFY') { // 수정
-		$('#ITP_BTN_KOPER01010_SRH').hide();
-		$('#ITP_BTN_KOPER01010_MODIFY').hide();
-		$('#ITP_BTN_KOPER01010_NEWREG').hide();		
-		$('#ITP_BTN_KOPER01010_DELETE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER01010_RESET_PW');
-		fn_show_btn_auth('#ITP_BTN_KOPER01010_CANCELLIST');
-		fn_show_btn_auth('#ITP_BTN_KOPER01010_SAVE');
-		
-		$('#ITP_AJAX_KOPER01010_LIST_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER01010_DETAIL_CONTAINER').show();
-		$('#ITP_AJAX_KOPER01010_VIEW_CONTAINER').hide();
-		$('#ITP_FORM_KOPER01010_DETAIL_CMPY_CD').attr('readonly', true);
-		$('#ITP_FORM_KOPER01010_DETAIL_DUP').attr('disabled', true);
-	} else if(mode == 'VIEW') { // 보기
-		$('#ITP_BTN_KOPER01010_SRH').hide();
-		$('#ITP_BTN_KOPER01010_NEWREG').hide();		
-		$('#ITP_BTN_KOPER01010_DELETE').hide();
-		$('#ITP_BTN_KOPER01010_SAVE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER01010_MODIFY');
-		fn_show_btn_auth('#ITP_BTN_KOPER01010_CANCELLIST');
-		
-		$('#ITP_AJAX_KOPER01010_LIST_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER01010_DETAIL_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER01010_VIEW_CONTAINER').show();
-	}	
-};
-
-var itp_fn_KOPER01010_grid = {
-	init: function() {
-		// 데이터 없을때
-		itp_fn_KOPER01010_empty.push();
-		$(KOPER01010_GRID_EMPTY).on('click', function() {
-			itp_fn_KOPER01010_empty.back();
-			itp_KOPER01010_param.gridSize = $.jgrid.defaults.rowNum;
-			$(KOPER01010_GRID_ID).setGridParam({'postData': JSON.stringify(itp_KOPER01010_param)}).trigger('reloadGrid');
-		});	
-	},
-	callBack: function() {
-		let param = $('#ITP_FORM_KOPER01010_SEARCH').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum;	
-		$(KOPER01010_GRID_ID).jqGrid({
-			colModel: [
-				{
-					index: 'CMPY_CD', name: 'cmpyCd',
-					label: '가입자코드', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'CMPY_NM', name: 'cmpyNm',
-					label: '가입자명', 
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'CMPY_TYPE_NM', name: 'cmpyTypeNm',
-					label: '기업형태', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'CMPY_STAT_NM', name: 'cmpyStatNm',
-					label: '기업상태', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'BOSS_NM', name: 'bossNm',
-					label: '대표자명', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'MAIN_TEL', name: 'mainTel',
-					label: '대표연락처', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'ADD_DT', name: 'addDt',
-					label: '가입일자', 
-					width: '8', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				}
-			],
-			loadBeforeSend: function(jqXHR) {
-			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
-			},
-			postData: JSON.stringify(param),
-			url: DOMAIN + COMPANY_GRID_LIST,
-			pager: KOPER01010_GRID_PAGER,
-			multiselect: false,
-			rownumbers: true, 
-			onCellSelect: function(rowId, cellIdx, cellValue) {
-				var cm = $(this).jqGrid('getGridParam', 'colModel');
-				var colNm = cm[cellIdx].name;
-				if (colNm == 'cmpyNm') {
-					const cmpyCdVal = $(this).jqGrid('getCell', rowId, 'cmpyCd');
-					const key = {cmpyCd: cmpyCdVal, viewCd: 'R'};
-					var param = $.param(key);
-					itp_fn_KOPER01010_view(param);
-				}
-		   	},
-			loadComplete: function(data) {
-				console.log(JSON.stringify(data));
-				itp_fn_grid_load_complete(data, KOPER01010_GRID_ID, true, 'number', 'KOPER01010', itp_KOPER01010_search, itp_fn_KOPER01010_empty, true, data.gridRecords, true);
-				var ids = $(KOPER01010_GRID_ID).getDataIDs();
-				$.each(ids, function(idx, rowId) {
-					$(KOPER01010_GRID_ID).jqGrid('setCell', rowId, 'cmpyNm', '', ITP_GRID_COL_STYLE.link);
-				});	
-		    },
-		    loadError: function(jqXHR, textStatus, errorThrown) {
-		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
-		    },
-		    onPaging: function(action) {
-		    	itp_fn_grid_paging(KOPER01010_GRID_ID, action, param);
-		    }
-		}).navGrid(KOPER01010_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
-	},
-	clearData : function() {
-		$(KOPER01010_GRID_ID).jqGrid('clearGridData', true);
-		$(KOPER01010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(KOPER01010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(KOPER01010_GRID_EMPTY).show();
-	}, 
-	unload : function() {
-		$.jgrid.gridUnload(KOPER01010_GRID_ID); 
-	}
-};
-
-var itp_fn_KOPER01010_search = function() {
-	itp_fn_KOPER01010_switch_screen('LIST');	
-	itp_fn_KOPER01010_grid.unload();
-	itp_fn_KOPER01010_grid.callBack();
-};
-
-let itp_KOPER01010_param = {};
-let itp_KOPER01010_search = false;
-var itp_fn_KOPER01010_empty = {
-	push: function() {
-		let param = $('#ITP_FORM_KOPER01010_SEARCH').serializeObject();
-		itp_KOPER01010_param = param;
-	},
-	back: function() {
-		$('#ITP_FORM_KOPER01010_DEVI_TP_CD').val(itp_KOPER01010_param.deviTpCd);
-		$('#ITP_FORM_KOPER01010_ORDER_YN').val(itp_KOPER01010_param.orderYn);
-		$('#ITP_FORM_KOPER01010_ADT_AUTH_CD').val(itp_KOPER01010_param.adtAuthCd);
-		$('#ITP_FORM_KOPER01010_EMAIL_RCV_YN').val(itp_KOPER01010_param.emailRcvYn);
-		$('#ITP_FORM_KOPER01010_SMS_RCV_YN').val(itp_KOPER01010_param.smsRcvYn);
-		$('#ITP_FORM_KOPER01010_MEMB_EXIT_DT').val(itp_KOPER01010_param.membExitDt);
-		$('#ITP_FORM_KOPER01010_FROM_DT').val(itp_KOPER01010_param.fromDt);
-		$('#ITP_FORM_KOPER01010_TO_DT').val(itp_KOPER01010_param.toDt);
-		$('#ITP_FORM_KOPER01010_KEYWORD').val(itp_KOPER01010_param.keyword);
-	}
-};
-
-var itp_fn_KOPER01010_view = function(param) {
-	fn_ajax_call(COMPANY_INFO_COMPANY, param, itp_fn_KOPER01010_view_callback, 'GET');
-};
-
-var itp_fn_KOPER01010_view_callback = function(result) {
-	// console.log(result);
-	itp_fn_KOPER01010_switch_screen('VIEW');
-	$('#ITP_FORM_KOPER01010_VIEW #ITP_FORM_KOPER01010_VIEW_CMPY_CD').val(result.cmpyCd);
-	
-	$('#ITP_FORM_KOPER01010_VIEW .fnCmpyNm').text(result.cmpyNm);
-	$('#ITP_FORM_KOPER01010_VIEW .fnCmpyStatCd').text(result.cmpyStatNm);
-	$('#ITP_FORM_KOPER01010_VIEW .fnCmpyCd').text(result.cmpyCd);
-	$('#ITP_FORM_KOPER01010_VIEW .fnCmpyTypeCd').text(result.cmpyTypeNm);
-	$('#ITP_FORM_KOPER01010_VIEW .fnCmpyRegNum').text(result.cmpyRegNum);
-	$('#ITP_FORM_KOPER01010_VIEW .fnFrcompAuthCd').text(result.frcompAuthNm);
-	$('#ITP_FORM_KOPER01010_VIEW .fnCoptNum').text(result.coptNum);
-	$('#ITP_FORM_KOPER01010_VIEW .fnBizCate').text(result.bizCate);
-	$('#ITP_FORM_KOPER01010_VIEW .fnBizType').text(result.bizType);
-	$('#ITP_FORM_KOPER01010_VIEW .fnBossNm').text(result.bossNm);
-	$('#ITP_FORM_KOPER01010_VIEW .fnMainTel').text(result.mainTel);
-	$('#ITP_FORM_KOPER01010_VIEW .fnMainFax').text(result.mainFax);
-	$('#ITP_FORM_KOPER01010_VIEW .fnMainEmail').text(result.mainEmail);
-	$('#ITP_FORM_KOPER01010_VIEW .fnCmpyAddress').text('('+ result.cmpyZipno + ') ' + result.cmpyAdres + ' ' + result.cmpyAdresDtl);
-	
-	$('#ITP_FORM_KOPER01010_VIEW .fnAddDt').text(result.addDt);
-	$('#ITP_FORM_KOPER01010_VIEW .fnChgDt').text(result.chgDt);
-	
-	itp_fn_KOPER01010_view_map(result.cmpyAdres);	
-	
-	// 영업담당자정보  리스트 조회
-	itp_fn_KOPER01010_view_grid.unload();
-	itp_fn_KOPER01010_view_grid.callBack();
-};
-
-var itp_fn_KOPER01010_view_grid = {
-	init: function() {
-	},
-	callBack: function() {
-		let param = $('#ITP_FORM_KOPER01010_VIEW').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum; 
-		param.pagingYn = false; // 페이징안함
-		
-		$(KOPER01010_VIEW_GRID_ID).jqGrid({
-			colModel: [
-				{
-					index: 'VIEW_CD', name: 'viewCd',
-					label: ITP_MSG_LOCALE.label.viewCd,
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: true
-				},
-				{
-					index: 'SALES_USER_ID', name: 'salesUserId',
-					label: '영업담당자ID',
-					width: '20', fixed: false, align: 'center',
-					sortable: false, editable: false, edittype: 'text',
-					editrules: {required: true}
-				},
-				{
-					index: 'SALES_USER_NM', name: 'salesUserNm',
-					label: '영업담당자명',
-					width: '30', fixed: false, align: 'center',
-					sortable: true, editable: false, edittype: 'text',
-					editrules: {required: true}
-				},
-				{
-					index: 'USE_STAT_CD', name: 'useStatCd',
-					label: ITP_MSG_LOCALE.label.status,
-					width: '10', fixed: false, align: 'center',
-					sortable: false, editable: false, edittype: 'text', hidden: true
-				},
-				{
-					index: 'USE_STAT_NM', name: 'useStatNm',
-					label: ITP_MSG_LOCALE.label.status,
-					width: '10', fixed: false, align: 'center',
-					sortable: false, editable: false, edittype: 'text'
-				},
-				{
-					index: 'CMPY_CD', name: 'cmpyCd',
-					label: '가맹점코드',
-					width: '10', fixed: false, align: 'center',
-					sortable: false, editable: false, edittype: 'text', hidden: true
-				}
-			],
-			loadBeforeSend: function(jqXHR) {
-			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
-			},
-			postData: JSON.stringify(param),
-			url: DOMAIN + USER_SALESUSER_GRID_LIST,
-			pager: KOPER01010_VIEW_GRID_PAGER,
-			multiselect: false,
-			loadComplete: function(data) {				
-				itp_fn_grid_load_complete(data, KOPER01010_VIEW_GRID_ID, true, undefined, 'KOPER01010_VIEW');
-		    },
-		    loadError: function(jqXHR, textStatus, errorThrown) {
-		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
-		    },
-		    onPaging: function(action) {
-		    	var pagingFn = {
-	    			callBack: function(args) {
-	    				$(args).trigger('reloadGrid');
-	    			}
-	    		};
-		    	if (itp_fn_check_grid_is_writing(KOPER01010_VIEW_GRID_ID)) {
-		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, KOPER01010_VIEW_GRID_ID);
-		    		return 'stop';
-		    	} else {
-		    		itp_fn_grid_paging(KOPER01010_VIEW_GRID_ID, action, param);
-		    	}
-		    },
-		    onSortCol: function(index, columnIndex, sortOrder) {
-		    	var sortingFn = {
-	    			callBack: function(args) {
-	    				$(args).trigger('reloadGrid');
-	    			}
-	    		};
-		    	if (itp_fn_check_grid_is_writing(KOPER01010_VIEW_GRID_ID)) {
-		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, KOPER01010_VIEW_GRID_ID);
-		    		return 'stop';
-		    	} else {
-		    		itp_fn_grid_sorting(KOPER01010_VIEW_GRID_ID, index, sortOrder);
-		    	}
-		    }
-		}).navGrid(KOPER01010_VIEW_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
-	},
-	clearData : function() {
-		$(KOPER01010_VIEW_GRID_ID).jqGrid('clearGridData', true);
-		$(KOPER01010_VIEW_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(KOPER01010_VIEW_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(KOPER01010_VIEW_GRID_EMPTY).show();
-	}, 
-	unload : function() {
-		$.jgrid.gridUnload(KOPER01010_VIEW_GRID_ID); 
-	}
-};
-
-var itp_fn_KOPER01010_detail = function(param) {
-	fn_ajax_call(COMPANY_INFO_COMPANY, param, itp_fn_KOPER01010_detail_callback, 'GET');
-};
-
-var itp_fn_KOPER01010_detail_callback = function(result) {
-	// console.log(result);
-	itp_fn_KOPER01010_switch_screen('MODIFY');
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_VIEW_CD').val('U');
-	
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_CMPY_NM').val(result.cmpyNm);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_CMPY_STAT_CD').val(result.cmpyStatCd);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_FRCOMP_AUTH_CD').val(result.frcompAuthCd);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_CMPY_CD').val(result.cmpyCd);	
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_CMPY_TYPE_CD').val(result.cmpyTypeCd);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_CMPY_REG_NUM').val(result.cmpyRegNum);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_COPT_NUM').val(result.coptNum);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_BIZ_CATE').val(result.bizCate);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_BIZ_TYPE').val(result.bizType);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_BOSS_NM').val(result.bossNm);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_MAIN_TEL').val(result.mainTel);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_MAIN_FAX').val(result.mainFax);
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_MAIN_EMAIL').val(result.mainEmail);
-		
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_CMPY_ZIPNO').val(result.cmpyZipno);	
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES').val(result.cmpyAdres);	
-	$('#ITP_FORM_KOPER01010_DETAIL #ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES_DTL').val(result.cmpyAdresDtl);		
-	
-	$('#ITP_FORM_KOPER01010_DETAIL .fnAddDt').text(result.addDt);
-	$('#ITP_FORM_KOPER01010_DETAIL .fnChgDt').text(result.chgDt);
-	
-	itp_fn_KOPER01010_detail_map($('#ITP_FORM_KOPER01010_DETAIL_CMPY_ADRES').val());
-	
-	// 영업담당자 리스트 조회
-	itp_fn_KOPER01010_detail_grid.unload();
-	itp_fn_KOPER01010_detail_grid.callBack();
-};
-
-
-var itp_fn_KOPER01010_detail_grid = {
-	init: function() {
-	},
-	callBack: function() {
-		let param = $('#ITP_FORM_KOPER01010_DETAIL').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum; 
-		param.pagingYn = false; // 페이지안함 
-		
-		$(KOPER01010_DETAIL_GRID_ID).jqGrid({
-			colModel: [
-				{
-					index: 'VIEW_CD', name: 'viewCd',
-					label: ITP_MSG_LOCALE.label.viewCd,
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: true
-				},
-				{
-					index: 'SALES_USER_ID', name: 'salesUserId',
-					label: '영업담당자ID',
-					width: '20', fixed: false, align: 'center',
-					sortable: false, editable: false, edittype: 'text',
-					editrules: {required: true}
-				},
-				{
-					index: 'SALES_USER_NM', name: 'salesUserNm',
-					label: '영업담당자명',
-					width: '30', fixed: false, align: 'center',
-					sortable: true, editable: false, edittype: 'text',
-					editrules: {required: true}
-				},
-				{
-					index: 'USE_STAT_CD', name: 'useStatCd',
-					label: ITP_MSG_LOCALE.label.status,
-					width: '10', fixed: false, align: 'center',
-					sortable: false, editable: false, edittype: 'text', hidden: true
-				},
-				{
-					index: 'USE_STAT_NM', name: 'useStatNm',
-					label: ITP_MSG_LOCALE.label.status,
-					width: '10', fixed: false, align: 'center',
-					sortable: false, editable: false, edittype: 'text'
-				},
-				{
-					index: 'CMPY_CD', name: 'cmpyCd',
-					label: '가맹점코드',
-					width: '10', fixed: false, align: 'center',
-					sortable: false, editable: false, edittype: 'text', hidden: true
-				}
-			],
-			loadBeforeSend: function(jqXHR) {
-			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
-			},
-			postData: JSON.stringify(param),
-			url: DOMAIN + USER_SALESUSER_GRID_LIST,
-			pager: KOPER01010_DETAIL_GRID_PAGER,
-			loadComplete: function(data) {				
-				itp_fn_grid_load_complete(data, KOPER01010_DETAIL_GRID_ID, true, undefined, 'KOPER01010_DETAIL');
-		    },
-		    loadError: function(jqXHR, textStatus, errorThrown) {
-		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
-		    },
-		    onPaging: function(action) {
-		    	var pagingFn = {
-	    			callBack: function(args) {
-	    				$(args).trigger('reloadGrid');
-	    			}
-	    		};
-		    	if (itp_fn_check_grid_is_writing(KOPER01010_DETAIL_GRID_ID)) {
-		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, KOPER01010_DETAIL_GRID_ID);
-		    		return 'stop';
-		    	} else {
-		    		itp_fn_grid_paging(KOPER01010_DETAIL_GRID_ID, action, param);
-		    	}
-		    },
-		    onSortCol: function(index, columnIndex, sortOrder) {
-		    	var sortingFn = {
-	    			callBack: function(args) {
-	    				$(args).trigger('reloadGrid');
-	    			}
-	    		};
-		    	if (itp_fn_check_grid_is_writing(KOPER01010_DETAIL_GRID_ID)) {
-		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, KOPER01010_DETAIL_GRID_ID);
-		    		return 'stop';
-		    	} else {
-		    		itp_fn_grid_sorting(KOPER01010_DETAIL_GRID_ID, index, sortOrder);
-		    	}
-		    }
-		}).navGrid(KOPER01010_DETAIL_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
-	},
-	clearData : function() {
-		$(KOPER01010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
-		$(KOPER01010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(KOPER01010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(KOPER01010_DETAIL_GRID_EMPTY).show();
-	}, 
-	unload : function() {
-		$.jgrid.gridUnload(KOPER01010_DETAIL_GRID_ID); 
-	}
-};

src/main/webapp/js/app/koper/ITP_KOPER02010.js

@@ -1,555 +0,0 @@
-
-const KOPER02010_GRID_ID = '#ITP_KOPER02010_jqGrid';
-const KOPER02010_GRID_LIST = '#ITP_KOPER02010_jqGrid_list';
-const KOPER02010_GRID_PAGER = '#ITP_KOPER02010_jqGridPager';
-const KOPER02010_GRID_EMPTY = '#ITP_KOPER02010_jqGridEmpty';
-
-let ITP_FORM_KOPER02010_DETAIL_IS_DUPLICATE = false;
-let ITP_FORM_KOPER02010_DETAIL_IS_WRITING = false;
-
-let SALES_USER_GRID_LIST = '/api/sauser/grid-list';
-let SALES_USER_INFO = '/api/sauser/info-salesuser';
-let SALES_USER_SAVE = '/api/sauser/save-salesusesr';
-let SALES_USER_CHECK_DUPLICATE = '/api/sauser/check-duplicate';
-let USER_INTI_USERPW = '/api/user/inti-userpw';
-
-require(['config'], function() {
-	require([
-		'jquery', 
-		'kakao.postcode', 
-		'kakao.maps'
-	], function($) {
-		// 버튼 권한설정
-		fn_proc_btn_auth('KOPER02010');
-		// 공통코드 표시
-		fn_make_select(CODE_LIST, 'USE_STAT_CD', 'ITP_FORM_KOPER02010_SEARCH_USE_STAT_CD');
-		fn_make_select(CODE_LIST, 'USE_STAT_CD', 'ITP_FORM_KOPER02010_DETAIL_USE_STAT_CD', true, '선택');
-		fn_make_select(CODE_LIST, 'SALES_TYPE_CD', 'ITP_FORM_KOPER02010_DETAIL_SALES_TYPE_CD', true, '선택');
-		
-		// 조회일자 지정
-		// var now = new Date();
-		$('#ITP_TAB_KOPER02010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
-		// $('#ITP_FORM_KOPER02010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
-		// $('#ITP_FORM_KOPER02010_SEARCH_TO_DT').datepicker('setDate', new Date());
-				
-		// 그리드				
-		itp_fn_jqgrid_resize(KOPER02010_GRID_ID, KOPER02010_GRID_LIST, 'lg');
-		itp_fn_KOPER02010_grid.init();
-    	itp_fn_fire_window_resize();
-
-		// 조회    	
-    	itp_fn_KOPER02010_search();
-    	
-		// 조회 버튼 클릭
-		$('#ITP_BTN_KOPER02010_SRH').on('click', function() {
-			itp_KOPER02010_search = true;
-			let param = $('#ITP_FORM_KOPER02010_SEARCH').serializeObject();
-			param.gridSize = $.jgrid.defaults.rowNum;
-			param.gridPage = $.jgrid.defaults.page;
-			$(KOPER02010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
-		});
-		
-		// 수정 버튼
-		$('#ITP_BTN_KOPER02010_MODIFY').on('click', function() {
-			itp_fn_form_clear_validate(null, '#ITP_FORM_KOPER02010_DETAIL');			
-			const salesUserIdVal = $('#ITP_FORM_KOPER02010_VIEW_SALES_USER_ID').val();
-			const key = {salesUserId: salesUserIdVal, viewCd: 'R'};
-			var param = $.param(key);
-			itp_fn_KOPER02010_detail(param);	
-		});
-		
-		// 신규등록 버튼
-		$('#ITP_BTN_KOPER02010_NEWREG').on('click', function() {
-			itp_fn_KOPER02010_switch_screen('ADD');			
-			itp_fn_form_clear_validate(null, '#ITP_FORM_KOPER02010_DETAIL');
-			itp_fn_KOPER02010_detail_map($('#ITP_FORM_KOPER02010_DETAIL_STREET_ADDRESS').val());				
-		});
-		
-		// 취소/목록 버튼
-		$('#ITP_BTN_KOPER02010_CANCELLIST').on('click', function() {
-			itp_fn_KOPER02010_search();
-    	});
-		
-		// 삭제 버튼
-		$('#ITP_BTN_KOPER02010_DELETE').on('click', function() {
-			
-		});
-		
-		// 저장 버튼
-		$('#ITP_BTN_KOPER02010_SAVE').on('click', function() {			
-			const formId = '#ITP_FORM_KOPER02010_DETAIL';
-			itp_fn_form_clear_validate(null, formId);			
-			var vali_salesUserId = itp_fn_form_validate(formId, formId + '_SALES_USER_ID', ['empty'], undefined);
-			var vali_salesTypeCd = itp_fn_form_validate(formId, formId + '_SALES_TYPE_CD', ['empty'], undefined);
-			var vali_useStatCd = itp_fn_form_validate(formId, formId + '_USE_STAT_CD', ['empty'], undefined);
-			var vali_salesUserNm = itp_fn_form_validate(formId, formId + '_SALES_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);
-			
-			if (vali_salesUserId && vali_salesTypeCd && vali_useStatCd && vali_salesUserNm && vali_telNo && vali_email) {
-				
-				if($('#ITP_FORM_KOPER02010_DETAIL_ZIPNO').val() == '' || $('#ITP_FORM_KOPER02010_DETAIL_ADRES').val() == '') {
-					itp_fn_modal_alert('주소 검색을 통해 회사 주소를 입력하세요.');
-					return;
-				}
-				
-				if (ITP_FORM_KOPER02010_DETAIL_IS_DUPLICATE) {
-					itp_fn_modal_duplicate('영업담당자 ID 중복체크를 해주세요.', formId + '_SALES_USER_ID');
-				} else {
-					let param = $(formId).serializeObject();
-					var searhFn = function() {
-						ITP_FORM_KOPER02010_DETAIL_IS_WRITING = false;
-						itp_fn_KOPER02010_search();
-					};
-					console.log(JSON.stringify(param));
-					fn_ajax_call(SALES_USER_SAVE, JSON.stringify(param), searhFn, 'POST');	
-				}
-			}
-		});		
-		
-		// 중복체크
-		$('#ITP_FORM_KOPER02010_DETAIL_DUP').on('click', function() {
-			const formId = '#ITP_FORM_KOPER02010_DETAIL';
-			itp_fn_form_clear_validate(null, formId + '_DETAIL');
-			var vali_salesUserId = itp_fn_form_validate(formId + '_DETAIL', formId + '_SALES_USER_ID', ['empty'], undefined);
-			if (vali_salesUserId) {
-				var dupFn = function(result) {
-					if (result.code == 'N') {
-						ITP_FORM_KOPER02010_DETAIL_IS_DUPLICATE = false;
-					} else {
-						ITP_FORM_KOPER02010_DETAIL_IS_DUPLICATE = true;
-					}
-				};
-				const key = {'salesUserId':  $(formId + '_SALES_USER_ID').val()};
-				const param = $.param(key);
-				fn_ajax_call(SALES_USER_CHECK_DUPLICATE, param, dupFn, 'GET');
-			}
-		});
-		
-		// 상세:비밀번호 초기화
-		$('#ITP_BTN_KOPER02010_RESET_PW').on('click', function() {
-			var resetPwFn = {
-				callBack: function(args) {
-					const key = {'userId':  $('#ITP_FORM_KOPER02010_DETAIL_SALES_USER_ID').val()};
-					const param = $.param(key);
-					fn_ajax_call(USER_INTI_USERPW, param, undefined, 'GET');					
-				}
-			};
-			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.askResetUserPw, resetPwFn, null);		
-		});
-		
-		$('#ITP_FORM_KOPER02010_DETAIL_ADRES_SCH').on('click', function() {
-			new daum.Postcode({
-		    	oncomplete: function(data) {
-					// 전체주소 리턴
-					document.getElementById('ITP_FORM_KOPER02010_DETAIL_ZIPNO').value = data.zonecode;
-					document.getElementById('ITP_FORM_KOPER02010_DETAIL_ADRES').value = data.roadAddress;
-					document.getElementById('ITP_FORM_KOPER02010_DETAIL_LOTS_ADDRESS').value = !!data.autoJibunAddress ? data.autoJibunAddress : data.jibunAddress;
-					document.getElementById('ITP_FORM_KOPER02010_DETAIL_STREET_ADDRESS').value = data.roadAddress;
-					document.getElementById('ITP_FORM_KOPER02010_DETAIL_HJ_DONG').value = !!data.hname ? data.hname : data.bname;
-					document.getElementById('ITP_FORM_KOPER02010_DETAIL_BJ_DONG').value = data.bname;
-					
-					itp_fn_KOPER02010_detail_map(data.roadAddress);
-					document.getElementById('ITP_FORM_KOPER02010_DETAIL_ADRES_DTL').focus();		  
-		        }
-			}).open();
-		});
-		
-	});
-});
-
-var itp_fn_KOPER02010_detail_map = function(locate) {
-	
-	kakao.maps.load(function() {
-				
-		var mapContainer = document.getElementById('ITP_FORM_KOPER02010_DETAIL_MAP'), // 지도를 표시할 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);
-	
-		function searchDetailAddrFromCoords(coords, callback) {
-		    // 좌표로 법정동 상세 주소 정보를 요청합니다
-		    geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
-		}
-		
-		// 주소-좌표 변환 객체를 생성합니다
-		var geocoder = new kakao.maps.services.Geocoder();	
-		var map;
-		
-		if( !locate || locate.length == 0 ) {
-			// 지도에 마커를 생성하고 표시한다
-		    	marker = new kakao.maps.Marker({
-		  	    position: new kakao.maps.LatLng(37.56684, 126.97865), // 마커의 좌표
-		   	    map: map // 마커를 표시할 지도 객체
-	    	});
-		} else {
-			// 주소로 좌표를 검색합니다
-			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);
-			        document.getElementById('ITP_FORM_KOPER02010_DETAIL_LAT').value = result[0].y;
-			        document.getElementById('ITP_FORM_KOPER02010_DETAIL_LNG').value = result[0].x;
-			        
-			        // 결과값으로 받은 위치를 마커로 표시합니다
-			        	marker = new kakao.maps.Marker({
-			            map: map,
-			            position: coords
-			        });
-		
-			        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
-			        map.setCenter(coords);
-			    }
-			});    
-		}
-		
-		// 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
-		kakao.maps.event.addListener(map, 'drag', function () {
-		    searchDetailAddrFromCoords(map.getCenter(), function(result, status) {
-		        if (status === kakao.maps.services.Status.OK) {
-	
-	   		        document.getElementById('ITP_FORM_KOPER02010_DETAIL_LOTS_ADDRESS').value = result[0].address.address_name ;
-	   		        document.getElementById('ITP_FORM_KOPER02010_DETAIL_ADRES').value = !!result[0].road_address ? result[0].road_address.address_name : result[0].address.address_name ;
-	   		        document.getElementById('ITP_FORM_KOPER02010_DETAIL_STREET_ADDRESS').value = !!result[0].road_address ? result[0].road_address.address_name : $('#ITP_FORM_KOPER02010_DETAIL_STREET_ADDRESS').val();
-	   		        document.getElementById('ITP_FORM_KOPER02010_DETAIL_ZIPNO').value = !!result[0].road_address ? result[0].road_address.zone_no : $('#ITP_FORM_KOPER02010_DETAIL_CMPY_ZIPNO').val() ;
-			        document.getElementById('ITP_FORM_KOPER02010_DETAIL_LAT').value = map.getCenter().getLat();
-			        document.getElementById('ITP_FORM_KOPER02010_DETAIL_LNG').value = map.getCenter().getLng();
-		                        
-		            // 마커를 클릭한 위치에 표시합니다
-		            marker.setPosition(map.getCenter());
-		            marker.setMap(map);
-		        }   
-		    });
-			/* 	var message = '지도를 드래그 하고 있습니다. 지도의 중심 좌표는 ' + map.getCenter().toString() +' 입니다.';
-			console.log(message); */
-		});
-	});
-};
-
-var itp_fn_KOPER02010_view_map = function(locate) {
-	
-	kakao.maps.load(function() {
-				
-		var mapContainer = document.getElementById('ITP_FORM_KOPER02010_VIEW_MAP'), // 지도를 표시할 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);
-		
-		// 주소-좌표 변환 객체를 생성합니다
-		var geocoder = new kakao.maps.services.Geocoder();	
-		var map;
-		
-		if( !locate || locate.length == 0 ) {
-			// 지도에 마커를 생성하고 표시한다
-		    	marker = new kakao.maps.Marker({
-		  	    position: new kakao.maps.LatLng(37.56684, 126.97865), // 마커의 좌표
-		   	    map: map // 마커를 표시할 지도 객체
-	    	});
-		} else {
-			// 주소로 좌표를 검색합니다
-			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);
-			        
-			        // 결과값으로 받은 위치를 마커로 표시합니다
-			        marker = new kakao.maps.Marker({
-			            map: map,
-			            position: coords
-			        });
-		
-			        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
-			        map.setCenter(coords);
-			    }
-			});    
-		}
-	});
-};
-	
-var itp_fn_KOPER02010_switch_screen = function(mode) {
-	if(mode == 'LIST') { // 목록
-		$('#ITP_BTN_KOPER02010_MODIFY').hide();
-		$('#ITP_BTN_KOPER02010_CANCELLIST').hide();
-		$('#ITP_BTN_KOPER02010_DELETE').hide();
-		$('#ITP_BTN_KOPER02010_SAVE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER02010_SRH');
-		fn_show_btn_auth('#ITP_BTN_KOPER02010_NEWREG');
-		
-		$('#ITP_AJAX_KOPER02010_LIST_CONTAINER').show();
-		$('#ITP_AJAX_KOPER02010_DETAIL_CONTAINER').hide();		
-		$('#ITP_AJAX_KOPER02010_VIEW_CONTAINER').hide();
-	} else if(mode == 'ADD') { // 등록
-		ITP_FORM_KOPER02010_DETAIL_IS_DUPLICATE = true;
-	
-		$('#ITP_BTN_KOPER02010_SRH').hide();
-		$('#ITP_BTN_KOPER02010_MODIFY').hide();
-		$('#ITP_BTN_KOPER02010_NEWREG').hide();
-		$('#ITP_BTN_KOPER02010_DELETE').hide();
-		$('#ITP_BTN_KOPER02010_RESET_PW').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER02010_CANCELLIST');
-		fn_show_btn_auth('#ITP_BTN_KOPER02010_SAVE');
-		
-		$('#ITP_AJAX_KOPER02010_LIST_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER02010_DETAIL_CONTAINER').show();
-		$('#ITP_AJAX_KOPER02010_VIEW_CONTAINER').hide();		
-		$('#ITP_FORM_KOPER02010_DETAIL_SALES_USER_ID').removeAttr('readonly');
-		$('#ITP_FORM_KOPER02010_DETAIL_DUP').removeAttr('disabled');
-		
-		$('#ITP_FORM_KOPER02010_DETAIL_VIEW_CD').val('C');
-		$('#ITP_FORM_KOPER02010_DETAIL_SALES_USER_NM').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_SALES_TYPE_CD').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_USE_STAT_CD').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_SALES_USER_ID').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_TEL_NO').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_FAX_NO').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_EMAIL').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_ZIPNO').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_ADRES').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_ADRES_DTL').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_LOTS_ADDRESS').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_STREET_ADDRESS').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_LAT').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_LNG').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_HJ_DONG').val('');
-		$('#ITP_FORM_KOPER02010_DETAIL_BJ_DONG').val('');
-		
-	} else if(mode == 'MODIFY') { // 수정
-		$('#ITP_BTN_KOPER02010_SRH').hide();
-		$('#ITP_BTN_KOPER02010_MODIFY').hide();
-		$('#ITP_BTN_KOPER02010_NEWREG').hide();		
-		$('#ITP_BTN_KOPER02010_DELETE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER02010_RESET_PW');
-		fn_show_btn_auth('#ITP_BTN_KOPER02010_CANCELLIST');
-		fn_show_btn_auth('#ITP_BTN_KOPER02010_SAVE');
-		
-		$('#ITP_AJAX_KOPER02010_LIST_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER02010_DETAIL_CONTAINER').show();
-		$('#ITP_AJAX_KOPER02010_VIEW_CONTAINER').hide();
-		$('#ITP_FORM_KOPER02010_DETAIL_SALES_USER_ID').attr('readonly', true);
-		$('#ITP_FORM_KOPER02010_DETAIL_DUP').attr('disabled', true);
-	} else if(mode == 'VIEW') { // 보기
-		$('#ITP_BTN_KOPER02010_SRH').hide();
-		$('#ITP_BTN_KOPER02010_NEWREG').hide();		
-		$('#ITP_BTN_KOPER02010_DELETE').hide();
-		$('#ITP_BTN_KOPER02010_SAVE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER02010_MODIFY');
-		fn_show_btn_auth('#ITP_BTN_KOPER02010_CANCELLIST');
-		
-		$('#ITP_AJAX_KOPER02010_LIST_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER02010_DETAIL_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER02010_VIEW_CONTAINER').show();
-	}	
-};
-
-var itp_fn_KOPER02010_grid = {
-	init: function() {
-		// 데이터 없을때
-		itp_fn_KOPER02010_empty.push();
-		$(KOPER02010_GRID_EMPTY).on('click', function() {
-			itp_fn_KOPER02010_empty.back();
-			itp_KOPER02010_param.gridSize = $.jgrid.defaults.rowNum;
-			$(KOPER02010_GRID_ID).setGridParam({'postData': JSON.stringify(itp_KOPER02010_param)}).trigger('reloadGrid');
-		});	
-	},
-	callBack: function() {
-		let param = $('#ITP_FORM_KOPER02010_SEARCH').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum;	
-		$(KOPER02010_GRID_ID).jqGrid({
-			colModel: [
-				{
-					index: 'SALES_USER_ID', name: 'salesUserId',
-					label: '영업담당자ID', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'SALES_USER_NM', name: 'salesUserNm',
-					label: '영업담당자명', 
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'SALES_TYPE_NM', name: 'salesTypeNm',
-					label: '영업타입', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'USE_STAT_NM', name: 'useStatNm',
-					label: '상태', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'ADD_DT', name: 'addDt',
-					label: '가입일자', 
-					width: '8', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				}
-			],
-			loadBeforeSend: function(jqXHR) {
-			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
-			},
-			postData: JSON.stringify(param),
-			url: DOMAIN + SALES_USER_GRID_LIST,
-			pager: KOPER02010_GRID_PAGER,
-			multiselect: false,
-			rownumbers: true, 
-			onCellSelect: function(rowId, cellIdx, cellValue) {
-				var cm = $(this).jqGrid('getGridParam', 'colModel');
-				var colNm = cm[cellIdx].name;
-				if (colNm == 'salesUserId') {
-					const salesUserIdVal = $(this).jqGrid('getCell', rowId, 'salesUserId');
-					const key = {salesUserId: salesUserIdVal, viewCd: 'R'};
-					var param = $.param(key);
-					itp_fn_KOPER02010_view(param);
-				}
-		   	},
-			loadComplete: function(data) {
-				console.log(JSON.stringify(data));
-				itp_fn_grid_load_complete(data, KOPER02010_GRID_ID, true, 'number', 'KOPER02010', itp_KOPER02010_search, itp_fn_KOPER02010_empty, true, data.gridRecords, true);
-				var ids = $(KOPER02010_GRID_ID).getDataIDs();
-				$.each(ids, function(idx, rowId) {
-					$(KOPER02010_GRID_ID).jqGrid('setCell', rowId, 'salesUserId', '', ITP_GRID_COL_STYLE.link);
-				});	
-		    },
-		    loadError: function(jqXHR, textStatus, errorThrown) {
-		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
-		    },
-		    onPaging: function(action) {
-		    	itp_fn_grid_paging(KOPER02010_GRID_ID, action, param);
-		    }
-		}).navGrid(KOPER02010_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
-	},
-	clearData : function() {
-		$(KOPER02010_GRID_ID).jqGrid('clearGridData', true);
-		$(KOPER02010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(KOPER02010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(KOPER02010_GRID_EMPTY).show();
-	}, 
-	unload : function() {
-		$.jgrid.gridUnload(KOPER02010_GRID_ID); 
-	}
-};
-
-var itp_fn_KOPER02010_search = function() {
-	itp_fn_KOPER02010_switch_screen('LIST');	
-	itp_fn_KOPER02010_grid.unload();
-	itp_fn_KOPER02010_grid.callBack();
-};
-
-let itp_KOPER02010_param = {};
-let itp_KOPER02010_search = false;
-var itp_fn_KOPER02010_empty = {
-	push: function() {
-		let param = $('#ITP_FORM_KOPER02010_SEARCH').serializeObject();
-		itp_KOPER02010_param = param;
-	},
-	back: function() {
-		$('#ITP_FORM_KOPER02010_DEVI_TP_CD').val(itp_KOPER02010_param.deviTpCd);
-		$('#ITP_FORM_KOPER02010_ORDER_YN').val(itp_KOPER02010_param.orderYn);
-		$('#ITP_FORM_KOPER02010_ADT_AUTH_CD').val(itp_KOPER02010_param.adtAuthCd);
-		$('#ITP_FORM_KOPER02010_EMAIL_RCV_YN').val(itp_KOPER02010_param.emailRcvYn);
-		$('#ITP_FORM_KOPER02010_SMS_RCV_YN').val(itp_KOPER02010_param.smsRcvYn);
-		$('#ITP_FORM_KOPER02010_MEMB_EXIT_DT').val(itp_KOPER02010_param.membExitDt);
-		$('#ITP_FORM_KOPER02010_FROM_DT').val(itp_KOPER02010_param.fromDt);
-		$('#ITP_FORM_KOPER02010_TO_DT').val(itp_KOPER02010_param.toDt);
-		$('#ITP_FORM_KOPER02010_KEYWORD').val(itp_KOPER02010_param.keyword);
-	}
-};
-
-var itp_fn_KOPER02010_view = function(param) {
-	fn_ajax_call(SALES_USER_INFO, param, itp_fn_KOPER02010_view_callback, 'GET');
-};
-
-var itp_fn_KOPER02010_view_callback = function(result) {
-	// console.log(result);
-	itp_fn_KOPER02010_switch_screen('VIEW');
-	$('#ITP_FORM_KOPER02010_VIEW #ITP_FORM_KOPER02010_VIEW_SALES_USER_ID').val(result.salesUserId);
-	$('#ITP_FORM_KOPER02010_VIEW .fnSalesUserId').text(result.salesUserId);
-	$('#ITP_FORM_KOPER02010_VIEW .fnSalesUserNm').text(result.salesUserNm);
-	$('#ITP_FORM_KOPER02010_VIEW .fnSalesTypeCd').text(result.salesTypeCd);
-	$('#ITP_FORM_KOPER02010_VIEW .fnUseStatCd').text(result.useStatCd);
-	$('#ITP_FORM_KOPER02010_VIEW .fnSalesTypeNm').text(result.salesTypeNm);
-	$('#ITP_FORM_KOPER02010_VIEW .fnUseStatNm').text(result.useStatNm);
-	$('#ITP_FORM_KOPER02010_VIEW .fnTelNo').text(result.telNo);
-	$('#ITP_FORM_KOPER02010_VIEW .fnFaxNo').text(result.faxNo);
-	$('#ITP_FORM_KOPER02010_VIEW .fnEmail').text(result.email);
-	$('#ITP_FORM_KOPER02010_VIEW .fnCmpyAddress').text('('+ result.zipno + ') ' + result.adres + ' ' + result.adresDtl);
-	
-	$('#ITP_FORM_KOPER02010_VIEW .fnAddDt').text(result.addDt);
-	$('#ITP_FORM_KOPER02010_VIEW .fnChgDt').text(result.chgDt);
-	
-	itp_fn_KOPER02010_view_map(result.adres);	
-};
-
-var itp_fn_KOPER02010_detail = function(param) {
-	fn_ajax_call(SALES_USER_INFO, param, itp_fn_KOPER02010_detail_callback, 'GET');
-};
-
-var itp_fn_KOPER02010_detail_callback = function(result) {
-	 console.log(result);
-	itp_fn_KOPER02010_switch_screen('MODIFY');
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_VIEW_CD').val('U');
-	
-	$('#ITP_FORM_KOPER02010_VIEW #ITP_FORM_KOPER02010_VIEW_SALES_USER_ID').val(result.salesUserId);
-	$('#ITP_FORM_KOPER02010_VIEW .fnSalesUserId').text(result.salesUserId);
-	$('#ITP_FORM_KOPER02010_VIEW .fnSalesUserNm').text(result.salesUserNm);
-	$('#ITP_FORM_KOPER02010_VIEW .fnSalesTypeCd').text(result.salesTypeCd);
-	$('#ITP_FORM_KOPER02010_VIEW .fnUseStatCd').text(result.useStatCd);
-	$('#ITP_FORM_KOPER02010_VIEW .fnSalesTypeNm').text(result.salesTypeNm);
-	$('#ITP_FORM_KOPER02010_VIEW .fnUseStatNm').text(result.useStatNm);
-	$('#ITP_FORM_KOPER02010_VIEW .fnTelNo').text(result.telNo);
-	$('#ITP_FORM_KOPER02010_VIEW .fnFaxNo').text(result.faxNo);
-	$('#ITP_FORM_KOPER02010_VIEW .fnEmail').text(result.email);
-	
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_SALES_USER_NM').val(result.salesUserNm);
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_SALES_TYPE_CD').val(result.salesTypeCd);
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_USE_STAT_CD').val(result.useStatCd);
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_SALES_USER_ID').val(result.salesUserId);	
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_SALES_TYPE_NM').val(result.salesTypeNm);
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_USE_STAT_NM').val(result.useStatNm);
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_TEL_NO').val(result.telNo);
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_FAX_NO').val(result.faxNo);
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_EMAIL').val(result.email);
-		
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_ZIPNO').val(result.zipno);	
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_ADRES').val(result.adres);	
-	$('#ITP_FORM_KOPER02010_DETAIL #ITP_FORM_KOPER02010_DETAIL_ADRES_DTL').val(result.adresDtl);		
-	
-	$('#ITP_FORM_KOPER02010_DETAIL .fnAddDt').text(result.addDt);
-	$('#ITP_FORM_KOPER02010_DETAIL .fnChgDt').text(result.chgDt);
-	
-	itp_fn_KOPER02010_detail_map($('#ITP_FORM_KOPER02010_DETAIL_ADRES').val());
-	
-};

src/main/webapp/js/app/koper/ITP_KOPER05010.js

@@ -1,352 +0,0 @@
-
-const KOPER05010_GRID_ID = '#ITP_KOPER05010_jqGrid';
-const KOPER05010_GRID_LIST = '#ITP_KOPER05010_jqGrid_list';
-const KOPER05010_GRID_PAGER = '#ITP_KOPER05010_jqGridPager';
-const KOPER05010_GRID_EMPTY = '#ITP_KOPER05010_jqGridEmpty';
-
-let ITP_FORM_KOPER05010_DETAIL_IS_DUPLICATE = false;
-let ITP_FORM_KOPER05010_DETAIL_IS_WRITING = false;
-
-let VAN_GRID_LIST = '/api/vanInfo/grid-list';
-let VAN_INFO = '/api/vanInfo/info-vaninfo';
-let VAN_SAVE = '/api/vanInfo/save-vaninfo';
-let VAN_CHECK_DUPLICATE = '/api/vanInfo/check-duplicate';
-
-require(['config'], function() {
-	require([
-		'jquery'
-	], function($) {
-		// 버튼 권한설정
-		fn_proc_btn_auth('KOPER05010');
-		// 공통코드 표시
-		//fn_make_select(CODE_LIST, 'USE_STAT_CD', 'ITP_FORM_KOPER05010_SEARCH_USE_STAT_CD');
-		//fn_make_select(CODE_LIST, 'USE_STAT_CD', 'ITP_FORM_KOPER05010_DETAIL_USE_STAT_CD', true, '선택');
-		//fn_make_select(CODE_LIST, 'SALES_TYPE_CD', 'ITP_FORM_KOPER05010_DETAIL_SALES_TYPE_CD', true, '선택');
-		
-		// 조회일자 지정
-		// var now = new Date();
-		//$('#ITP_TAB_KOPER05010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
-		// $('#ITP_FORM_KOPER05010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
-		// $('#ITP_FORM_KOPER05010_SEARCH_TO_DT').datepicker('setDate', new Date());
-				
-		// 그리드				
-		itp_fn_jqgrid_resize(KOPER05010_GRID_ID, KOPER05010_GRID_LIST, 'lg');
-		itp_fn_KOPER05010_grid.init();
-    	itp_fn_fire_window_resize();
-
-		// 조회    	
-    	itp_fn_KOPER05010_search();
-    	
-		// 조회 버튼 클릭
-		$('#ITP_BTN_KOPER05010_SRH').on('click', function() {
-			itp_KOPER05010_search = true;
-			let param = $('#ITP_FORM_KOPER05010_SEARCH').serializeObject();
-			param.gridSize = $.jgrid.defaults.rowNum;
-			param.gridPage = $.jgrid.defaults.page;
-			$(KOPER05010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
-		});
-		
-		// 수정 버튼
-		$('#ITP_BTN_KOPER05010_MODIFY').on('click', function() {
-			itp_fn_form_clear_validate(null, '#ITP_FORM_KOPER05010_DETAIL');			
-			const vanCdVal = $('#ITP_FORM_KOPER05010_VIEW_VAN_CD').val();
-			const key = {vanCd: vanCdVal, viewCd: 'R'};
-			var param = $.param(key);
-			itp_fn_KOPER05010_detail(param);	
-		});
-		
-		// 신규등록 버튼
-		$('#ITP_BTN_KOPER05010_NEWREG').on('click', function() {
-			itp_fn_KOPER05010_switch_screen('ADD');			
-			itp_fn_form_clear_validate(null, '#ITP_FORM_KOPER05010_DETAIL');		
-		});
-		
-		// 취소/목록 버튼
-		$('#ITP_BTN_KOPER05010_CANCELLIST').on('click', function() {
-			itp_fn_KOPER05010_search();
-    	});
-		
-		// 삭제 버튼
-		$('#ITP_BTN_KOPER05010_DELETE').on('click', function() {
-			
-		});
-		
-		// 저장 버튼
-		$('#ITP_BTN_KOPER05010_SAVE').on('click', function() {			
-			const formId = '#ITP_FORM_KOPER05010_DETAIL';
-			itp_fn_form_clear_validate(null, formId);			
-			var vali_vanCd = itp_fn_form_validate(formId, formId + '_VAN_CD', ['empty'], undefined);
-			var vali_vanNm = itp_fn_form_validate(formId, formId + '_VAN_NM', ['empty'], undefined);
-			var vali_vanIp = itp_fn_form_validate(formId, formId + '_VAN_IP', ['empty'], undefined);
-			var vali_vanPort = itp_fn_form_validate(formId, formId + '_VAN_PORT', ['empty'], undefined);		
-			
-			if (vali_vanCd && vali_vanNm && vali_vanIp && vali_vanPort) {
-				
-				if (ITP_FORM_KOPER05010_DETAIL_IS_DUPLICATE) {
-					itp_fn_modal_duplicate('VAN코드 중복체크를 해주세요.', formId + '_VAN_CD');
-				} else {
-				
-					let param = $(formId).serializeObject();
-					var searhFn = function() {
-						ITP_FORM_KOPER05010_DETAIL_IS_WRITING = false;
-						itp_fn_KOPER05010_search();
-					};
-					console.log(JSON.stringify(param));
-					fn_ajax_call(VAN_SAVE, JSON.stringify(param), searhFn, 'POST');	
-				}
-			}
-		});
-		
-		// 중복체크
-		$('#ITP_FORM_KOPER05010_DETAIL_DUP').on('click', function() {
-			const formId = '#ITP_FORM_KOPER05010_DETAIL';
-			itp_fn_form_clear_validate(null, formId + '_DETAIL');
-			var vali_vanCd = itp_fn_form_validate(formId + '_DETAIL', formId + '_VAN_CD', ['empty'], undefined);
-			if (vali_vanCd) {
-				var dupFn = function(result) {
-					if (result.code == 'N') {
-						ITP_FORM_KOPER05010_DETAIL_IS_DUPLICATE = false;
-					} else {
-						ITP_FORM_KOPER05010_DETAIL_IS_DUPLICATE = true;
-					}
-				};
-				const key = {'vanCd':  $(formId + '_VAN_CD').val()};
-				const param = $.param(key);
-				fn_ajax_call(VAN_CHECK_DUPLICATE, param, dupFn, 'GET');
-			}
-		});
-		
-	});
-});
-
-
-var itp_fn_KOPER05010_switch_screen = function(mode) {
-	if(mode == 'LIST') { // 목록
-		$('#ITP_BTN_KOPER05010_MODIFY').hide();
-		$('#ITP_BTN_KOPER05010_CANCELLIST').hide();
-		$('#ITP_BTN_KOPER05010_DELETE').hide();
-		$('#ITP_BTN_KOPER05010_SAVE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER05010_SRH');
-		fn_show_btn_auth('#ITP_BTN_KOPER05010_NEWREG');
-		
-		$('#ITP_AJAX_KOPER05010_LIST_CONTAINER').show();
-		$('#ITP_AJAX_KOPER05010_DETAIL_CONTAINER').hide();		
-		$('#ITP_AJAX_KOPER05010_VIEW_CONTAINER').hide();
-	} else if(mode == 'ADD') { // 등록
-		ITP_FORM_KOPER05010_DETAIL_IS_DUPLICATE = true;
-		$('#ITP_BTN_KOPER05010_SRH').hide();
-		$('#ITP_BTN_KOPER05010_MODIFY').hide();
-		$('#ITP_BTN_KOPER05010_NEWREG').hide();
-		$('#ITP_BTN_KOPER05010_DELETE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER05010_CANCELLIST');
-		fn_show_btn_auth('#ITP_BTN_KOPER05010_SAVE');
-		
-		$('#ITP_AJAX_KOPER05010_LIST_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER05010_DETAIL_CONTAINER').show();
-		$('#ITP_AJAX_KOPER05010_VIEW_CONTAINER').hide();		
-		$('#ITP_FORM_KOPER05010_DETAIL_VAN_CD').removeAttr('readonly');
-		$('#ITP_FORM_KOPER05010_DETAIL_DUP').removeAttr('disabled');
-		
-		$('#ITP_FORM_KOPER05010_DETAIL_VIEW_CD').val('C');
-		$('#ITP_FORM_KOPER05010_DETAIL_VAN_CD').val('');
-		$('#ITP_FORM_KOPER05010_DETAIL_VAN_NM').val('');
-		$('#ITP_FORM_KOPER05010_DETAIL_VAN_IP').val('');
-		$('#ITP_FORM_KOPER05010_DETAIL_VAN_PORT').val('');
-		
-	} else if(mode == 'MODIFY') { // 수정
-		$('#ITP_BTN_KOPER05010_SRH').hide();
-		$('#ITP_BTN_KOPER05010_MODIFY').hide();
-		$('#ITP_BTN_KOPER05010_NEWREG').hide();		
-		$('#ITP_BTN_KOPER05010_DELETE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER05010_CANCELLIST');
-		fn_show_btn_auth('#ITP_BTN_KOPER05010_SAVE');
-		
-		$('#ITP_AJAX_KOPER05010_LIST_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER05010_DETAIL_CONTAINER').show();
-		$('#ITP_AJAX_KOPER05010_VIEW_CONTAINER').hide();
-		$('#ITP_FORM_KOPER05010_DETAIL_VAN_CD').attr('readonly', true);
-		$('#ITP_FORM_KOPER05010_DETAIL_DUP').attr('disabled', true);
-	} else if(mode == 'VIEW') { // 보기
-		$('#ITP_BTN_KOPER05010_SRH').hide();
-		$('#ITP_BTN_KOPER05010_NEWREG').hide();		
-		$('#ITP_BTN_KOPER05010_DELETE').hide();
-		$('#ITP_BTN_KOPER05010_SAVE').hide();
-		fn_show_btn_auth('#ITP_BTN_KOPER05010_MODIFY');
-		fn_show_btn_auth('#ITP_BTN_KOPER05010_CANCELLIST');
-		
-		$('#ITP_AJAX_KOPER05010_LIST_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER05010_DETAIL_CONTAINER').hide();
-		$('#ITP_AJAX_KOPER05010_VIEW_CONTAINER').show();
-	}	
-};
-
-var itp_fn_KOPER05010_grid = {
-	init: function() {
-		// 데이터 없을때
-		itp_fn_KOPER05010_empty.push();
-		$(KOPER05010_GRID_EMPTY).on('click', function() {
-			itp_fn_KOPER05010_empty.back();
-			itp_KOPER05010_param.gridSize = $.jgrid.defaults.rowNum;
-			$(KOPER05010_GRID_ID).setGridParam({'postData': JSON.stringify(itp_KOPER05010_param)}).trigger('reloadGrid');
-		});	
-	},
-	callBack: function() {
-		let param = $('#ITP_FORM_KOPER05010_SEARCH').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum;	
-		$(KOPER05010_GRID_ID).jqGrid({
-			colModel: [
-				{
-					index: 'VAN_CD', name: 'vanCd',
-					label: 'VAN코드', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'VAN_NM', name: 'vanNm',
-					label: 'VAN명', 
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'VAN_IP', name: 'vanIp',
-					label: 'IP', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'VAN_PORT', name: 'vanPort',
-					label: 'PORT', 
-					width: '6', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'ADD_DT', name: 'addDt',
-					label: '등록일자', 
-					width: '8', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				}
-			],
-			loadBeforeSend: function(jqXHR) {
-			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
-			},
-			postData: JSON.stringify(param),
-			url: DOMAIN + VAN_GRID_LIST,
-			pager: KOPER05010_GRID_PAGER,
-			multiselect: false,
-			rownumbers: true, 
-			onCellSelect: function(rowId, cellIdx, cellValue) {
-				var cm = $(this).jqGrid('getGridParam', 'colModel');
-				var colNm = cm[cellIdx].name;
-				if (colNm == 'vanCd') {
-					const vanCdVal = $(this).jqGrid('getCell', rowId, 'vanCd');
-					const key = {vanCd: vanCdVal, viewCd: 'R'};
-					var param = $.param(key);
-					itp_fn_KOPER05010_view(param);
-				}
-		   	},
-			loadComplete: function(data) {
-				console.log(JSON.stringify(data));
-				itp_fn_grid_load_complete(data, KOPER05010_GRID_ID, true, 'number', 'KOPER05010', itp_KOPER05010_search, itp_fn_KOPER05010_empty, true, data.gridRecords, true);
-				var ids = $(KOPER05010_GRID_ID).getDataIDs();
-				$.each(ids, function(idx, rowId) {
-					$(KOPER05010_GRID_ID).jqGrid('setCell', rowId, 'vanCd', '', ITP_GRID_COL_STYLE.link);
-				});	
-		    },
-		    loadError: function(jqXHR, textStatus, errorThrown) {
-		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
-		    },
-		    onPaging: function(action) {
-		    	itp_fn_grid_paging(KOPER05010_GRID_ID, action, param);
-		    }
-		}).navGrid(KOPER05010_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
-	},
-	clearData : function() {
-		$(KOPER05010_GRID_ID).jqGrid('clearGridData', true);
-		$(KOPER05010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(KOPER05010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(KOPER05010_GRID_EMPTY).show();
-	}, 
-	unload : function() {
-		$.jgrid.gridUnload(KOPER05010_GRID_ID); 
-	}
-};
-
-var itp_fn_KOPER05010_search = function() {
-	itp_fn_KOPER05010_switch_screen('LIST');	
-	itp_fn_KOPER05010_grid.unload();
-	itp_fn_KOPER05010_grid.callBack();
-};
-
-let itp_KOPER05010_param = {};
-let itp_KOPER05010_search = false;
-var itp_fn_KOPER05010_empty = {
-	push: function() {
-		let param = $('#ITP_FORM_KOPER05010_SEARCH').serializeObject();
-		itp_KOPER05010_param = param;
-	}
-};
-
-var itp_fn_KOPER05010_view = function(param) {
-	fn_ajax_call(VAN_INFO, param, itp_fn_KOPER05010_view_callback, 'GET');
-};
-
-var itp_fn_KOPER05010_view_callback = function(result) {
-	// console.log(result);
-	itp_fn_KOPER05010_switch_screen('VIEW');
-	$('#ITP_FORM_KOPER05010_VIEW #ITP_FORM_KOPER05010_VIEW_VAN_CD').val(result.vanCd);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanCd').text(result.vanCd);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanNm').text(result.vanNm);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanIp').text(result.vanIp);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanPort').text(result.vanPort);
-	$('#ITP_FORM_KOPER05010_VIEW .fnAddDt').text(result.addDt);
-	$('#ITP_FORM_KOPER05010_VIEW .fnChgDt').text(result.chgDt);
-	
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData1').text(result.vanData1);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData2').text(result.vanData2);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData3').text(result.vanData3);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData4').text(result.vanData4);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData5').text(result.vanData5);
-	
-};
-
-var itp_fn_KOPER05010_detail = function(param) {
-	fn_ajax_call(VAN_INFO, param, itp_fn_KOPER05010_detail_callback, 'GET');
-};
-
-var itp_fn_KOPER05010_detail_callback = function(result) {
-	 console.log(result);
-	itp_fn_KOPER05010_switch_screen('MODIFY');
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VIEW_CD').val('U');
-	
-	//$('#ITP_FORM_KOPER05010_VIEW #ITP_FORM_KOPER05010_VIEW_VAN_CD').val(result.vanCd);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanCd').text(result.vanCd);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanNm').text(result.vanNm);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanIp').text(result.vanIp);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanPort').text(result.vanPort);
-	$('#ITP_FORM_KOPER05010_VIEW .fnAddDt').text(result.addDt);
-	$('#ITP_FORM_KOPER05010_VIEW .fnChgDt').text(result.chgDt);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData1').text(result.vanData1);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData2').text(result.vanData2);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData3').text(result.vanData3);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData4').text(result.vanData4);
-	$('#ITP_FORM_KOPER05010_VIEW .fnVanData5').text(result.vanData5);
-	
-	
-	
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VAN_CD').val(result.vanCd);
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VAN_NM').val(result.vanNm);
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VAN_IP').val(result.vanIp);
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VAN_PORT').val(result.vanPort);	
-	$('#ITP_FORM_KOPER05010_DETAIL .fnAddDt').text(result.addDt);
-	$('#ITP_FORM_KOPER05010_DETAIL .fnChgDt').text(result.chgDt);
-	
-	
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VAN_DATA1').val(result.vanData1);
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VAN_DATA2').val(result.vanData2);
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VAN_DATA3').val(result.vanData3);
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VAN_DATA4').val(result.vanData4);
-	$('#ITP_FORM_KOPER05010_DETAIL #ITP_FORM_KOPER05010_DETAIL_VAN_DATA5').val(result.vanData5);
-	
-	
-	
-};

src/main/webapp/js/app/koper/ITP_KOPER07010.js

@@ -1,278 +0,0 @@
-
-const KOPER07010_GRID_ID = '#ITP_KOPER07010_jqGrid';
-const KOPER07010_GRID_LIST = '#ITP_KOPER07010_jqGrid_list';
-const KOPER07010_GRID_PAGER = '#ITP_KOPER07010_jqGridPager';
-const KOPER07010_GRID_EMPTY = '#ITP_KOPER07010_jqGridEmpty';
-
-let ITP_FORM_KOPER07010_DETAIL_IS_WRITING = false;
-let KOPER07010_GRID_LAST_ROW_ID;
-
-let NK_APPTYPE_CFG_GRID_LIST = '/api/nk/apptype/cfg/grid-list';
-let NK_SAVE_APPTYPE_CFG = '/api/nk/apptype/cfg/save-apptype-cfg'; 
-let BRAND_LIST_BRAND = '/api/nk/brand/list-brand'; // 브랜드리스트
-let CORNER_LIST_CORNER = '/api/nk/corner/list-corner'; // 코너리스트
-
-require(['config'], function() {
-	require([
-		'jquery',
-		'check'
-	], function($) {
-		
-		// 버튼 권한설정
-		fn_proc_btn_auth('KOPER07010');
-		// 공통코드 표시
-		fn_make_select(CODE_LIST, 'APP_TYPE_CD', 'ITP_FORM_KOPER07010_SEARCH_APP_TYPE_CD');
-		fn_make_select(CODE_LIST, 'CFG_TYPE_CD', 'ITP_FORM_KOPER07010_SEARCH_CFG_TYPE_CD');
-		fn_make_input_common_cd(CODE_LIST, 'YN', 'ITP_FORM_KOPER07010_SEARCH_YN', false);
-
-		// 그리드
-		itp_fn_jqgrid_resize(KOPER07010_GRID_ID, KOPER07010_GRID_LIST, 'lg');
-		itp_fn_KOPER07010_grid.init();
-    	itp_fn_fire_window_resize();
-
-		// 조회
-		itp_fn_KOPER07010_search();
-		
-		$('#ITP_FORM_KOPER07010_SEARCH_APP_TYPE_CD,#ITP_FORM_KOPER07010_SEARCH_CFG_TYPE_CD').on('change', function() {
-			// 조회
-			itp_fn_KOPER07010_search();
-		});
-
-		// 조회 버튼 클릭
-		$('#ITP_BTN_KOPER07010_SRH').on('click', function() {
-			itp_KOPER07010_search = true;
-			let param = $('#ITP_FORM_KOPER07010_SEARCH').serializeObject();
-			param.gridSize = $.jgrid.defaults.rowNum;
-			param.gridPage = $.jgrid.defaults.page;
-			$(KOPER07010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
-		});
-
-		// 추가 버튼
-		$('#ITP_BTN_KOPER07010_ADD').on('click', function() {
-			if($('#ITP_FORM_KOPER07010_SEARCH_APP_TYPE_CD').val() == '') {
-				itp_fn_modal_alert('어플리케이션유형코드를 선택하세요.');
-				return;
-			}
-			if($('#ITP_FORM_KOPER07010_SEARCH_CFG_TYPE_CD').val() == '') {
-				itp_fn_modal_alert('환경설정구분코드를 선택하세요.');
-				return;
-			}
-			KOPER07010_GRID_LAST_ROW_ID = itp_fn_grid_add_row(KOPER07010_GRID_ID, function(last_row_id, row_count) {
-				
-				const cfgTypeNm = $('#ITP_FORM_KOPER07010_SEARCH_CFG_TYPE_CD option:selected').text();
-				$(KOPER07010_GRID_ID).jqGrid('setCell', last_row_id, 'cfgTypeNm', cfgTypeNm);
-				
-			}, ['cfgKey'], 'KOPER07010');
-		});
-		
-		// 삭제 버튼
-		$('#ITP_BTN_KOPER07010_DEL').on('click', function() {
-			if($('#ITP_FORM_KOPER07010_SEARCH_APP_TYPE_CD').val() == '') {
-				itp_fn_modal_alert('어플리케이션유형코드를 선택하세요.');
-				return;
-			}
-			if($('#ITP_FORM_KOPER07010_SEARCH_CFG_TYPE_CD').val() == '') {
-				itp_fn_modal_alert('환경설정구분코드를 선택하세요.');
-				return;
-			}
-			itp_fn_grid_del_row(KOPER07010_GRID_ID);			
-		});
-		
-		// 저장 버튼
-		$('#ITP_BTN_KOPER07010_SAVE').on('click', function() {
-			if($('#ITP_FORM_KOPER07010_SEARCH_APP_TYPE_CD').val() == '') {
-				itp_fn_modal_alert('어플리케이션유형코드를 선택하세요.');
-				return;
-			}
-			if($('#ITP_FORM_KOPER07010_SEARCH_CFG_TYPE_CD').val() == '') {
-				itp_fn_modal_alert('환경설정구분코드를 선택하세요.');
-				return;
-			}
-			
-			let gridInsertData = [];
-			let gridUpdateData = [];
-			let gridDeleteData = [];
-			const rowData = $(KOPER07010_GRID_ID).getRowData();
-			$.each(rowData, function(key, value) {
-				if (value.viewCd != 'R') {
-					if (value.viewCd == 'C') {
-						gridInsertData.push(value);
-					} else if (value.viewCd == 'U') {
-						gridUpdateData.push(value);
-					} else if (value.viewCd == 'D') {
-						gridDeleteData.push(value);
-					}
-				}
-			});
-			
-			$('#ITP_FORM_KOPER07010_SAVE_VIEW_CD').val('U');
-			$('#ITP_FORM_KOPER07010_SAVE_APP_TYPE_CD').val($('#ITP_FORM_KOPER07010_SEARCH_APP_TYPE_CD').val());
-			$('#ITP_FORM_KOPER07010_SAVE_CFG_TYPE_CD').val($('#ITP_FORM_KOPER07010_SEARCH_CFG_TYPE_CD').val());
-			
-			let param = $('#ITP_FORM_KOPER07010_SAVE').serializeObject();
-			param.gridInsertData = gridInsertData;
-			param.gridUpdateData = gridUpdateData;
-			param.gridDeleteData = gridDeleteData;
-			
-			fn_ajax_call(NK_SAVE_APPTYPE_CFG, JSON.stringify(param), function() {			
-				// 조회
-    			itp_fn_KOPER07010_search();
-			}, 'POST');
-		});
-
-		$('body').on('click', function(e) {			
-			var gridId = KOPER07010_GRID_ID.replace('#', '');
-			var rids = $(KOPER07010_GRID_ID).jqGrid('getDataIDs');			
-			var last_row_id = rids[rids.length - 1];
-			itp_fn_grid_reset_selection(e, last_row_id, gridId, 'KOPER07010_DETAIL');
-		});
-	});
-});
-
-var itp_fn_KOPER07010_grid = {
-	init: function() {
-		// 데이터 없을때
-		itp_fn_KOPER07010_empty.push();
-		$(KOPER07010_GRID_EMPTY).on('click', function() {
-			itp_fn_KOPER07010_empty.back();
-			itp_KOPER07010_param.gridSize = $.jgrid.defaults.rowNum;
-			$(KOPER07010_GRID_ID).setGridParam({'postData': JSON.stringify(itp_KOPER07010_param)}).trigger('reloadGrid');
-		});
-	},
-	callBack: function() {
-		let param = $('#ITP_FORM_KOPER07010_SEARCH').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum;
-		$(KOPER07010_GRID_ID).jqGrid({
-			colModel: [
-				{
-					index: 'VIEW_CD', name: 'viewCd',
-					label: ITP_MSG_LOCALE.label.viewCd,
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: true
-				},
-				{
-					index: 'CFG_TYPE_NM', name: 'cfgTypeNm',
-					label: '환경설정구분', 
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'CFG_KEY', name: 'cfgKey',
-					label: '환경설정키', 
-					width: '10', fixed: false, align: 'center',
-					sortable: false, editable: false, edittype: 'text',
-					editrules: {required: true}, 
-					editoptions: {maxlength: 100}
-				},
-				{
-					index: 'CFG_NM', name: 'cfgNm',
-					label: '환경설정명', 
-					width: '10', fixed: false, align: 'center',
-					sortable: false, editable: true, edittype: 'text', 
-					editrules: {required: true},
-					editoptions: {maxlength: 25}
-				},
-				{
-					index: 'MUST_YN', name: 'mustYn',
-					label: '필수여부', 
-					width: '7', fixed: false, align: 'center',
-					sortable: false, editable: true, formatter: 'select', edittype: 'select',
-					editoptions: {value: $('#ITP_FORM_KOPER07010_SEARCH_YN').val()},
-					editrules: {required: true}
-				},
-				{
-					index: 'CFG_VALUE', name: 'cfgValue',
-					label: '기본값', 
-					width: '10', fixed: false, align: 'center',
-					sortable: false, editable: true, edittype: 'text', 
-					editrules: {required: true}
-				},
-				{
-					index: 'CFG_DESC', name: 'cfgDesc',
-					label: '설명', 
-					width: '15', fixed: false, align: 'center',
-					sortable: false, editable: true, edittype: 'text', 
-					editrules: {required: false}
-				}
-			],
-			loadBeforeSend: function(jqXHR) {
-			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
-			},
-			postData: JSON.stringify(param),
-			url: DOMAIN + NK_APPTYPE_CFG_GRID_LIST,
-			pager: KOPER07010_GRID_PAGER,
-			multiselect: true,
-			rownumbers: false,
-			onCellSelect: function(rowId, cellIdx, cellValue) {
-				KOPER07010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowId, cellIdx, KOPER07010_GRID_LAST_ROW_ID, KOPER07010_GRID_ID, ['cfgKey']);
-		   	},
-			loadComplete: function(data) {
-				itp_fn_grid_load_complete(data, KOPER07010_GRID_ID, true, 'number', 'KOPER07010', itp_KOPER07010_search, itp_fn_KOPER07010_empty, false, data.gridRecords, true);
-				var ids = $(KOPER07010_GRID_ID).getDataIDs();
-				$.each(ids, function(idx, rowId) {
-					$(KOPER07010_GRID_ID).jqGrid('setCell', rowId, 'cornerNm', '', ITP_GRID_COL_STYLE.link);
-				});
-		    },
-		    loadError: function(jqXHR, textStatus, errorThrown) {
-		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
-		    },
-		    onPaging: function(action) {
-		    	itp_fn_grid_paging(KOPER07010_GRID_ID, action, param);
-		    }
-		}).navGrid(KOPER07010_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
-	},
-	clearData : function() {
-		$(KOPER07010_GRID_ID).jqGrid('clearGridData', true);
-		$(KOPER07010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(KOPER07010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(KOPER07010_GRID_EMPTY).show();
-	},
-	unload : function() {
-		$.jgrid.gridUnload(KOPER07010_GRID_ID);
-	}
-};
-
-var itp_fn_KOPER07010_search = function() {	
-	itp_fn_KOPER07010_grid.unload();
-	itp_fn_KOPER07010_grid.callBack();
-};
-
-let itp_KOPER07010_param = {};
-let itp_KOPER07010_search = false;
-var itp_fn_KOPER07010_empty = {
-	push: function() {
-		let param = $('#ITP_FORM_KOPER07010_SEARCH').serializeObject();
-		itp_KOPER07010_param = param;
-	},
-	back: function() {
-		$('#ITP_FORM_KOPER07010_SEARCH_APP_TYPE_CD').val(itp_KOPER07010_param.sappTypeCd);
-		$('#ITP_FORM_KOPER07010_SEARCH_CFG_TYPE_CD').val(itp_KOPER07010_param.scfgTypeCd);
-	}
-};
-
-var itp_fn_KOPER07010_brand_list = function(fnCall) {
-	const cmpyCdVal = $('#ITP_TXT_KOPER07010_SHR_CMPY').attr('data-cmpy-cd');	
-	const key = {cmpyCd: cmpyCdVal, userTypeCd: USER_TYPE_CD, userId: USER_ID};
-	var param = $.param(key);
-	fn_ajax_call(BRAND_LIST_BRAND, param, function(result) {
-		
-		fn_make_select_brand(result, 'ITP_FORM_KOPER07010_SEARCH_BRAND_CD');
-		fn_make_select_brand(result, 'ITP_FORM_KOPER07010_DETAIL_BRAND_CD');
-		
-		if (fnCall !== undefined || typeof fnCall !== 'undefined') fnCall();
-				
-	}, 'GET');
-};
-
-var itp_fn_KFRGD02010_corner_list = function(brandCdVal, storeNoVal, fnCall) {
-	const key = {brandCd: brandCdVal, storeNo: storeNoVal};
-	var param = $.param(key);
-	fn_ajax_call(CORNER_LIST_CORNER, param, function(result) {
-	
-		fn_make_select_corner(result, 'ITP_FORM_KOPER07010_SEARCH_CORNER_CD');
-		
-		if (fnCall !== undefined || typeof fnCall !== 'undefined') fnCall();
-	
-	}, 'GET');
-};
-

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

@@ -0,0 +1,640 @@
+
+const OPER01010_GRID_ID = '#ITP_OPER01010_jqGrid';
+const OPER01010_GRID_LIST = '#ITP_OPER01010_jqGrid_list';
+const OPER01010_GRID_PAGER = '#ITP_OPER01010_jqGridPager';
+const OPER01010_GRID_EMPTY = '#ITP_OPER01010_jqGridEmpty';
+
+const OPER01010_VIEW_GRID_ID = '#ITP_OPER01010_VIEW_jqGrid';
+const OPER01010_VIEW_GRID_LIST = '#ITP_OPER01010_VIEW_jqGrid_list';
+const OPER01010_VIEW_GRID_PAGER = '#ITP_OPER01010_VIEW_jqGridPager';
+const OPER01010_VIEW_GRID_EMPTY = '#ITP_OPER01010_VIEW_jqGridEmpty';
+
+const OPER01010_DETAIL_GRID_ID = '#ITP_OPER01010_DETAIL_jqGrid';
+const OPER01010_DETAIL_GRID_LIST = '#ITP_OPER01010_DETAIL_jqGrid_list';
+const OPER01010_DETAIL_GRID_PAGER = '#ITP_OPER01010_DETAIL_jqGridPager';
+const OPER01010_DETAIL_GRID_EMPTY = '#ITP_OPER01010_DETAIL_jqGridEmpty';
+
+let ITP_FORM_OPER01010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_OPER01010_DETAIL_IS_WRITING = false;
+
+let USER_DETAIL_GRID_LIST = '/api/user/detail-grid-list';
+let USER_USERAUTH_GRID_LIST = '/api/user/userauth-grid-list';
+let USER_INFO_USER = '/api/user/info-user';
+let USER_SAVE_USER = '/api/user/save-user';
+let USER_CHECK_DUPLICATE = '/api/user/check-duplicate';
+let USER_INTI_USERPW = '/api/user/inti-userpw';
+
+require(['config'], function() {
+	require([
+		'jquery'
+	], function($) {
+		// 버튼 권한설정
+		fn_proc_btn_auth('OPER01010');
+		// 공통코드 표시
+		fn_make_select(CODE_LIST, 'USER_STAT_CD', 'ITP_FORM_OPER01010_SEARCH_USER_STAT_CD');
+		fn_make_select(CODE_LIST, 'USER_STAT_CD', 'ITP_FORM_OPER01010_DETAIL_USER_STAT_CD', true, '선택');
+		
+		// 조회일자 지정
+		var now = new Date();
+		$('#ITP_TAB_OPER01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		// $('#ITP_FORM_OPER01010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
+		// $('#ITP_FORM_OPER01010_SEARCH_TO_DT').datepicker('setDate', new Date());
+				
+		// 그리드				
+		itp_fn_jqgrid_resize(OPER01010_GRID_ID, OPER01010_GRID_LIST, 'lg');
+		itp_fn_OPER01010_grid.init();
+    	itp_fn_fire_window_resize();
+
+		// 조회    	
+    	itp_fn_OPER01010_search();
+    	
+		// 조회 버튼 클릭
+		$('#ITP_BTN_OPER01010_SRH').on('click', function() {
+			itp_OPER01010_search = true;
+			let param = $('#ITP_FORM_OPER01010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(OPER01010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		});
+		
+		// 수정 버튼
+		$('#ITP_BTN_OPER01010_MODIFY').on('click', function() {
+			itp_fn_form_clear_validate(null, '#ITP_FORM_OPER01010_DETAIL');			
+			const userIdVal = $('#ITP_FORM_OPER01010_VIEW_USER_ID').val();
+			const key = {userId: userIdVal, viewCd: 'R'};
+			var param = $.param(key);
+			itp_fn_OPER01010_detail(param);	
+		});
+		
+		// 신규등록 버튼
+		$('#ITP_BTN_OPER01010_NEWREG').on('click', function() {
+			itp_fn_OPER01010_switch_screen('ADD');			
+			itp_fn_form_clear_validate(null, '#ITP_FORM_OPER01010_DETAIL');				
+			// 권한정보 리스트 조회
+			itp_fn_OPER01010_detail_grid.unload();
+			itp_fn_OPER01010_detail_grid.callBack();
+		});
+		
+		// 취소/목록 버튼
+		$('#ITP_BTN_OPER01010_CANCELLIST').on('click', function() {
+			itp_fn_OPER01010_search();
+    	});
+		
+		// 삭제 버튼
+		$('#ITP_BTN_OPER01010_DELETE').on('click', function() {
+			
+		});
+		
+		// 저장 버튼
+		$('#ITP_BTN_OPER01010_SAVE').on('click', function() {			
+			const formId = '#ITP_FORM_OPER01010_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($('#ITP_FORM_OPER01010_DETAIL_VIEW_CD').val() == 'C') { // 신규
+				vali_userPw = itp_fn_form_validate(formId, formId + '_USER_PW', ['empty'], undefined);
+				vali_userPwConfirm = itp_fn_form_validate(formId, formId + '_USER_PW_CONFIRM', ['empty'], undefined);	
+			}
+			if (vali_userId && vali_userStatCd && vali_userNm && vali_userPw && vali_userPwConfirm && vali_telNo && vali_email) {
+				if (ITP_FORM_OPER01010_DETAIL_IS_DUPLICATE) {
+					itp_fn_modal_duplicate(ITP_MSG_LOCALE.label.userId, formId + '_USER_ID');
+				} else {
+					let gridInsertData = [];
+					let gridUpdateData = [];
+					let gridDeleteData = [];
+					const rowData = $(OPER01010_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_OPER01010_DETAIL_IS_WRITING = false;
+						itp_fn_OPER01010_search();
+					};
+					fn_ajax_call(USER_SAVE_USER, JSON.stringify(param), searhFn, 'POST');	
+				}
+			}
+		});		
+		
+		// 중복체크
+		$('#ITP_FORM_OPER01010_DETAIL_DUP').on('click', function() {
+			const formId = '#ITP_FORM_OPER01010_DETAIL';
+			itp_fn_form_clear_validate(null, formId + '_DETAIL');
+			var vali_userId = itp_fn_form_validate(formId + '_DETAIL', formId + '_USER_ID', ['empty'], undefined);
+			if (vali_userId) {
+				var dupFn = function(result) {
+					if (result.code == 'N') {
+						ITP_FORM_OPER01010_DETAIL_IS_DUPLICATE = false;
+					} else {
+						ITP_FORM_OPER01010_DETAIL_IS_DUPLICATE = true;
+					}
+				};
+				const key = {'userId':  $(formId + '_USER_ID').val()};
+				const param = $.param(key);
+				fn_ajax_call(USER_CHECK_DUPLICATE, param, dupFn, 'GET');
+			}
+		});
+		
+		// 상세:비밀번호 초기화
+		$('#ITP_BTN_OPER01010_RESET_PW').on('click', function() {
+			var resetPwFn = {
+				callBack: function(args) {
+					const key = {'userId':  $('#ITP_FORM_OPER01010_DETAIL_USER_ID').val()};
+					const param = $.param(key);
+					fn_ajax_call(USER_INTI_USERPW, param, undefined, 'GET');					
+				}
+			};
+			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.askResetUserPw, resetPwFn, null);		
+		});
+		// 상세:추가버튼
+		$('#ITP_BTN_OPER01010_DETAIL_ADDROW').on('click', function() {
+			// 팝업
+			var popFn = function(rowDataPop) {
+				// 기존등록 데이터 
+				var exists = '';				
+				const rowData = $(OPER01010_DETAIL_GRID_ID).getRowData();
+				$.each(rowData, function(key, value) {
+					exists = exists + value.authNo + ';';
+				});
+				
+				$.each(rowDataPop, function(key, value) {
+					if(exists.indexOf(value.authNo) < 0) {
+						// 행추가
+						$(OPER01010_DETAIL_GRID_ID).jqGrid('addRow', {position: 'last'});
+						var rids = $(OPER01010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+						var last_row_id = rids[rids.length - 1];
+						$(OPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'viewCd', 'C');
+						$(OPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'authNo', value.authNo);
+						$(OPER01010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'authNm', value.authNm);	
+					}
+				});
+				$(OPER01010_DETAIL_GRID_EMPTY).hide();
+			};
+			fn_call_popup('comm', 'AUTH_SCH_POPUP', '#ITP_ASIDE', popFn, null, 'S');
+		});
+		// 상세:삭제버튼
+		$('#ITP_BTN_OPER01010_DETAIL_DELROW').on('click', function() {
+			itp_fn_grid_del_row(OPER01010_DETAIL_GRID_ID);
+		});
+		
+		$('body').on('click', function(e) {
+			var gridId = OPER01010_DETAIL_GRID_ID.replace('#', '');
+			var rids = $(OPER01010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+			var last_row_id = rids[rids.length - 1];			
+			itp_fn_grid_reset_selection(e, last_row_id, gridId, 'OPER01010_DETAIL');
+		});
+	});
+});
+
+var itp_fn_OPER01010_switch_screen = function(mode) {
+	if(mode == 'LIST') { // 목록
+		$('#ITP_BTN_OPER01010_MODIFY').hide();
+		$('#ITP_BTN_OPER01010_CANCELLIST').hide();
+		$('#ITP_BTN_OPER01010_DELETE').hide();
+		$('#ITP_BTN_OPER01010_SAVE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER01010_SRH');
+		fn_show_btn_auth('#ITP_BTN_OPER01010_NEWREG');
+		
+		$('#ITP_AJAX_OPER01010_LIST_CONTAINER').show();
+		$('#ITP_AJAX_OPER01010_DETAIL_CONTAINER').hide();		
+		$('#ITP_AJAX_OPER01010_VIEW_CONTAINER').hide();
+	} else if(mode == 'ADD') { // 등록
+		ITP_FORM_OPER01010_DETAIL_IS_DUPLICATE = true;
+	
+		$('#ITP_BTN_OPER01010_SRH').hide();
+		$('#ITP_BTN_OPER01010_MODIFY').hide();
+		$('#ITP_BTN_OPER01010_NEWREG').hide();
+		$('#ITP_BTN_OPER01010_DELETE').hide();
+		$('#ITP_BTN_OPER01010_RESET_PW').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER01010_CANCELLIST');
+		fn_show_btn_auth('#ITP_BTN_OPER01010_SAVE');
+		
+		$('#ITP_AJAX_OPER01010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER01010_DETAIL_CONTAINER').show();
+		$('#ITP_AJAX_OPER01010_VIEW_CONTAINER').hide();		
+		$('#ITP_FORM_OPER01010_DETAIL_USER_ID').removeAttr('readonly');
+		$('#ITP_FORM_OPER01010_DETAIL_DUP').removeAttr('disabled');
+		
+		$('#ITP_FORM_OPER01010_DETAIL_VIEW_CD').val('C');
+		$('#ITP_FORM_OPER01010_DETAIL_USER_NM').val('');
+		$('#ITP_FORM_OPER01010_DETAIL_USER_STAT_CD').val('');
+		$('#ITP_FORM_OPER01010_DETAIL_USER_ID').val('');
+		$('#ITP_FORM_OPER01010_DETAIL_USER_PW').val('');
+		$('#ITP_FORM_OPER01010_DETAIL_TEL_NO').val('');
+		$('#ITP_FORM_OPER01010_DETAIL_USER_PW_CONFIRM').val('');
+		$('#ITP_FORM_OPER01010_DETAIL_EMAIL').val('');
+	} else if(mode == 'MODIFY') { // 수정
+		$('#ITP_BTN_OPER01010_SRH').hide();
+		$('#ITP_BTN_OPER01010_MODIFY').hide();
+		$('#ITP_BTN_OPER01010_NEWREG').hide();		
+		$('#ITP_BTN_OPER01010_DELETE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER01010_CANCELLIST');
+		fn_show_btn_auth('#ITP_BTN_OPER01010_SAVE');
+		fn_show_btn_auth('#ITP_BTN_OPER01010_RESET_PW');	
+		
+		$('#ITP_AJAX_OPER01010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER01010_DETAIL_CONTAINER').show();
+		$('#ITP_AJAX_OPER01010_VIEW_CONTAINER').hide();
+		$('#ITP_FORM_OPER01010_DETAIL_USER_ID').attr('readonly', true);
+		$('#ITP_FORM_OPER01010_DETAIL_DUP').attr('disabled', true);
+	} else if(mode == 'VIEW') { // 보기
+		$('#ITP_BTN_OPER01010_SRH').hide();
+		$('#ITP_BTN_OPER01010_NEWREG').hide();		
+		$('#ITP_BTN_OPER01010_DELETE').hide();
+		$('#ITP_BTN_OPER01010_SAVE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER01010_MODIFY');
+		fn_show_btn_auth('#ITP_BTN_OPER01010_CANCELLIST');
+		
+		$('#ITP_AJAX_OPER01010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER01010_DETAIL_CONTAINER').hide();
+		$('#ITP_AJAX_OPER01010_VIEW_CONTAINER').show();
+	}	
+};
+
+var itp_fn_OPER01010_grid = {
+	init: function() {
+		// 데이터 없을때
+		itp_fn_OPER01010_empty.push();
+		$(OPER01010_GRID_EMPTY).on('click', function() {
+			itp_fn_OPER01010_empty.back();
+			itp_OPER01010_param.gridSize = $.jgrid.defaults.rowNum;
+			$(OPER01010_GRID_ID).setGridParam({'postData': JSON.stringify(itp_OPER01010_param)}).trigger('reloadGrid');
+		});	
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER01010_SEARCH').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum;	
+		$(OPER01010_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'USER_ID', name: 'userId',
+					label: ITP_MSG_LOCALE.label.userId, //사용자ID
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'USER_NM', name: 'userNm',
+					label: ITP_MSG_LOCALE.label.userName, //닉네임
+					width: '13', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'EMAIL', name: 'email',
+					label: ITP_MSG_LOCALE.label.idEmail, //아이디(이메일)
+					width: '15', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'TEL_NO', name: 'telNo',
+					label: ITP_MSG_LOCALE.label.telNo, //휴대폰 번호
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},			
+				{
+					index: 'USER_STAT_NM', name: 'userStatNm',
+					label: ITP_MSG_LOCALE.label.status, //상태
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'USER_STAT_DT', name: 'userStatDt',
+					label: ITP_MSG_LOCALE.label.statusDt, //상태일시
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'ADD_DT', name: 'addDt',
+					label: ITP_MSG_LOCALE.label.regDt, //등록일
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'LAST_LOGIN_DT', name: 'lastLoginDt',
+					label: ITP_MSG_LOCALE.label.lastLogin, //마지막 로그인
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + USER_DETAIL_GRID_LIST,
+			pager: OPER01010_GRID_PAGER,
+			multiselect: false,
+			rownumbers: true, 
+			onCellSelect: function(rowId, cellIdx, cellValue) {
+				var cm = $(this).jqGrid('getGridParam', 'colModel');
+				var colNm = cm[cellIdx].name;
+				if (colNm == 'userNm') {
+					const userIdVal = $(this).jqGrid('getCell', rowId, 'userId');
+					const key = {userId: userIdVal, viewCd: 'R'};
+					var param = $.param(key);
+					itp_fn_OPER01010_view(param);
+				}
+		   	},
+			loadComplete: function(data) {
+				//console.log(JSON.stringify(data));
+				itp_fn_grid_load_complete(data, OPER01010_GRID_ID, true, 'number', 'OPER01010', itp_OPER01010_search, itp_fn_OPER01010_empty, true, data.gridRecords, true);
+				var ids = $(OPER01010_GRID_ID).getDataIDs();
+				$.each(ids, function(idx, rowId) {
+					$(OPER01010_GRID_ID).jqGrid('setCell', rowId, 'userNm', '', ITP_GRID_COL_STYLE.link);
+				});	
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	itp_fn_grid_paging(OPER01010_GRID_ID, action, param);
+		    }
+		}).navGrid(OPER01010_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER01010_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER01010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER01010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER01010_GRID_EMPTY).show();
+	}, 
+	unload : function() {
+		$.jgrid.gridUnload(OPER01010_GRID_ID); 
+	}
+};
+
+var itp_fn_OPER01010_search = function() {
+	itp_fn_OPER01010_switch_screen('LIST');	
+	itp_fn_OPER01010_grid.unload();
+	itp_fn_OPER01010_grid.callBack();
+};
+
+let itp_OPER01010_param = {};
+let itp_OPER01010_search = false;
+var itp_fn_OPER01010_empty = {
+	push: function() {
+		let param = $('#ITP_FORM_OPER01010_SEARCH').serializeObject();
+		itp_OPER01010_param = param;
+	},
+	back: function() {
+		$('#ITP_FORM_OPER01010_DEVI_TP_CD').val(itp_OPER01010_param.deviTpCd);
+		$('#ITP_FORM_OPER01010_ORDER_YN').val(itp_OPER01010_param.orderYn);
+		$('#ITP_FORM_OPER01010_ADT_AUTH_CD').val(itp_OPER01010_param.adtAuthCd);
+		$('#ITP_FORM_OPER01010_EMAIL_RCV_YN').val(itp_OPER01010_param.emailRcvYn);
+		$('#ITP_FORM_OPER01010_MEMB_EXIT_DT').val(itp_OPER01010_param.membExitDt);
+		$('#ITP_FORM_OPER01010_FROM_DT').val(itp_OPER01010_param.fromDt);
+		$('#ITP_FORM_OPER01010_TO_DT').val(itp_OPER01010_param.toDt);
+		$('#ITP_FORM_OPER01010_KEYWORD').val(itp_OPER01010_param.keyword);
+	}
+};
+
+var itp_fn_OPER01010_view = function(param) {
+	fn_ajax_call(USER_INFO_USER, param, itp_fn_OPER01010_view_callback, 'GET');
+};
+
+var itp_fn_OPER01010_view_callback = function(result) {
+	// console.log(result);
+	itp_fn_OPER01010_switch_screen('VIEW');
+	$('#ITP_FORM_OPER01010_VIEW #ITP_FORM_OPER01010_VIEW_USER_ID').val(result.userId);
+	$('#ITP_FORM_OPER01010_VIEW .fnUserNm').text(result.userNm);
+	$('#ITP_FORM_OPER01010_VIEW .fnUserStatDt').text(result.userStatDt);
+	$('#ITP_FORM_OPER01010_VIEW .fnUserStatNm').text(result.userStatNm);
+	$('#ITP_FORM_OPER01010_VIEW .fnUserId').text(result.userId);
+	$('#ITP_FORM_OPER01010_VIEW .fnEmail').text(result.email);
+	$('#ITP_FORM_OPER01010_VIEW .fnTelNo').text(result.telNo);
+	$('#ITP_FORM_OPER01010_VIEW .fnAddDt').text(result.addDt);
+	$('#ITP_FORM_OPER01010_VIEW .fnLastLoginDt').text(result.lastLoginDt);
+	
+	// 권한정보 리스트 조회
+	itp_fn_OPER01010_view_grid.unload();
+	itp_fn_OPER01010_view_grid.callBack();
+};
+
+var itp_fn_OPER01010_view_grid = {
+	init: function() {
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER01010_VIEW').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum; 
+		param.pagingYn = false; // 페이징안함
+		
+		$(OPER01010_VIEW_GRID_ID).jqGrid({
+			colModel: [
+				{
+					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'
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + USER_USERAUTH_GRID_LIST,
+			pager: OPER01010_VIEW_GRID_PAGER,
+			multiselect: false,
+			loadComplete: function(data) {				
+				itp_fn_grid_load_complete(data, OPER01010_VIEW_GRID_ID, true, undefined, 'OPER01010_VIEW');
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	var pagingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER01010_VIEW_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, OPER01010_VIEW_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_paging(OPER01010_VIEW_GRID_ID, action, param);
+		    	}
+		    },
+		    onSortCol: function(index, columnIndex, sortOrder) {
+		    	var sortingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER01010_VIEW_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, OPER01010_VIEW_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_sorting(OPER01010_VIEW_GRID_ID, index, sortOrder);
+		    	}
+		    }
+		}).navGrid(OPER01010_VIEW_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER01010_VIEW_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER01010_VIEW_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER01010_VIEW_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER01010_VIEW_GRID_EMPTY).show();
+	}, 
+	unload : function() {
+		$.jgrid.gridUnload(OPER01010_VIEW_GRID_ID); 
+	}
+};
+
+var itp_fn_OPER01010_detail = function(param) {
+	fn_ajax_call(USER_INFO_USER, param, itp_fn_OPER01010_detail_callback, 'GET');
+};
+
+var itp_fn_OPER01010_detail_callback = function(result) {
+	// console.log(result);
+	itp_fn_OPER01010_switch_screen('MODIFY');
+	$('#ITP_FORM_OPER01010_DETAIL #ITP_FORM_OPER01010_DETAIL_VIEW_CD').val('U');
+	$('#ITP_FORM_OPER01010_DETAIL #ITP_FORM_OPER01010_DETAIL_USER_NM').val(result.userNm);
+	$('#ITP_FORM_OPER01010_DETAIL #ITP_FORM_OPER01010_DETAIL_USER_STAT_CD').val(result.userStatCd);
+	$('#ITP_FORM_OPER01010_DETAIL #ITP_FORM_OPER01010_DETAIL_USER_ID').val(result.userId);
+	$('#ITP_FORM_OPER01010_DETAIL .fnUserStatDt').text(result.userStatDt);
+	$('#ITP_FORM_OPER01010_DETAIL #ITP_FORM_OPER01010_DETAIL_USER_PW').val(result.userPw);
+	$('#ITP_FORM_OPER01010_DETAIL #ITP_FORM_OPER01010_DETAIL_USER_PW_CONFIRM').val(result.userPw);
+	$('#ITP_FORM_OPER01010_DETAIL #ITP_FORM_OPER01010_DETAIL_TEL_NO').val(result.telNo);
+	$('#ITP_FORM_OPER01010_DETAIL #ITP_FORM_OPER01010_DETAIL_EMAIL').val(result.email);
+	$('#ITP_FORM_OPER01010_DETAIL .fnAddDt').text(result.addDt);
+	$('#ITP_FORM_OPER01010_DETAIL .fnLastLoginDt').text(result.lastLoginDt);
+	
+	// 권한정보 리스트 조회
+	itp_fn_OPER01010_detail_grid.unload();
+	itp_fn_OPER01010_detail_grid.callBack();
+};
+
+var itp_fn_OPER01010_detail_grid = {
+	init: function() {
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER01010_DETAIL').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum; 
+		param.pagingYn = false; // 페이지안함 
+		
+		$(OPER01010_DETAIL_GRID_ID).jqGrid({
+			colModel: [
+				{
+					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'
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + USER_USERAUTH_GRID_LIST,
+			pager: OPER01010_DETAIL_GRID_PAGER,
+			loadComplete: function(data) {				
+				itp_fn_grid_load_complete(data, OPER01010_DETAIL_GRID_ID, true, undefined, 'OPER01010_DETAIL');
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	var pagingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER01010_DETAIL_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, OPER01010_DETAIL_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_paging(OPER01010_DETAIL_GRID_ID, action, param);
+		    	}
+		    },
+		    onSortCol: function(index, columnIndex, sortOrder) {
+		    	var sortingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER01010_DETAIL_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, OPER01010_DETAIL_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_sorting(OPER01010_DETAIL_GRID_ID, index, sortOrder);
+		    	}
+		    }
+		}).navGrid(OPER01010_DETAIL_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER01010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER01010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER01010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER01010_DETAIL_GRID_EMPTY).show();
+	}, 
+	unload : function() {
+		$.jgrid.gridUnload(OPER01010_DETAIL_GRID_ID); 
+	}
+};

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

@@ -0,0 +1,597 @@
+
+const OPER02010_GRID_ID = '#ITP_OPER02010_jqGrid';
+const OPER02010_GRID_LIST = '#ITP_OPER02010_jqGrid_list';
+const OPER02010_GRID_PAGER = '#ITP_OPER02010_jqGridPager';
+const OPER02010_GRID_EMPTY = '#ITP_OPER02010_jqGridEmpty';
+
+const OPER02010_VIEW_GRID_ID = '#ITP_OPER02010_VIEW_jqGrid';
+const OPER02010_VIEW_GRID_LIST = '#ITP_OPER02010_VIEW_jqGrid_list';
+const OPER02010_VIEW_GRID_PAGER = '#ITP_OPER02010_VIEW_jqGridPager';
+const OPER02010_VIEW_GRID_EMPTY = '#ITP_OPER02010_VIEW_jqGridEmpty';
+
+const OPER02010_DETAIL_GRID_ID = '#ITP_OPER02010_DETAIL_jqGrid';
+const OPER02010_DETAIL_GRID_LIST = '#ITP_OPER02010_DETAIL_jqGrid_list';
+const OPER02010_DETAIL_GRID_PAGER = '#ITP_OPER02010_DETAIL_jqGridPager';
+const OPER02010_DETAIL_GRID_EMPTY = '#ITP_OPER02010_DETAIL_jqGridEmpty';
+
+let ITP_FORM_OPER02010_DETAIL_IS_WRITING = false;
+
+let NTICE_SAVE_NTICE = '/api/ntice/save-ntice';
+let NTICE_DETAIL_GRID_LIST = '/api/ntice/detail-grid-list';
+let NTICE_INFO_NTICE = '/api/ntice/info-ntice';
+let NTICE_TARGET_GRID_LIST = '/api/ntice/target-grid-list';
+
+require(['config'], function() {
+	require([
+		'jquery',
+		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+	], function($) {
+		// 버튼 권한설정
+		fn_proc_btn_auth('OPER02010');
+		// 공통코드 표시
+		fn_make_select(CODE_LIST, 'TARGET_CD', 'ITP_FORM_OPER02010_DETAIL_TARGET_CD', true, '선택');
+
+		// 조회일자 지정
+		var now = new Date();
+		$('#ITP_TAB_OPER02010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		$('#ITP_FORM_OPER02010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
+		$('#ITP_FORM_OPER02010_SEARCH_TO_DT').datepicker('setDate', new Date());
+
+		// 그리드
+		itp_fn_jqgrid_resize(OPER02010_GRID_ID, OPER02010_GRID_LIST, 'lg');
+		itp_fn_OPER02010_grid.init();
+    	itp_fn_fire_window_resize();
+
+		// 조회
+    	itp_fn_OPER02010_search();
+
+		// 조회 버튼 클릭
+		$('#ITP_BTN_OPER02010_SRH').on('click', function() {
+			itp_OPER02010_search = true;
+			let param = $('#ITP_FORM_OPER02010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(OPER02010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		});
+
+		// 수정 버튼
+		$('#ITP_BTN_OPER02010_MODIFY').on('click', 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);
+			itp_fn_OPER02010_detail(param);
+		});
+
+		// 신규등록 버튼
+		$('#ITP_BTN_OPER02010_NEWREG').on('click', function() {
+			itp_fn_OPER02010_switch_screen('ADD');
+			itp_fn_form_clear_validate(null, '#ITP_FORM_OPER02010_DETAIL');
+
+			//파일업로드(등록화면)
+			$('#ITP_FORM_OPER02010_DETAIL_FILE_NO').val('');
+			$('#ITP_OPER02010_DETAIL_UPLOAD').empty();
+			const fileArgs = {
+				'fileNo': $('#ITP_FORM_OPER02010_DETAIL_FILE_NO').val(),
+				'viewCd': $('#ITP_FORM_OPER02010_DETAIL_VIEW_CD').val(),
+				'showYn': $('#ITP_OPER02010_DETAIL_UPLOAD').attr('data-show-yn'),
+				'fileId': '#ITP_FORM_OPER02010_DETAIL_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
+			};
+			itp_fn_set_file_upload('ITP_OPER02010_DETAIL_UPLOAD', 'notice', true, false, 'OPER02010', fileArgs);
+
+			// 권한정보 리스트 조회
+			itp_fn_OPER02010_detail_grid.unload();
+			itp_fn_OPER02010_detail_grid.callBack();
+		});
+
+		// 취소/목록 버튼
+		$('#ITP_BTN_OPER02010_CANCELLIST').on('click', function() {
+			itp_fn_OPER02010_search();
+    	});
+
+		// 삭제 버튼
+		$('#ITP_BTN_OPER02010_DELETE').on('click', function() {
+
+		});
+
+		// 저장 버튼
+		$('#ITP_BTN_OPER02010_SAVE').on('click', function() {
+			const formId = '#ITP_FORM_OPER02010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			var vali_nticeNo = itp_fn_form_validate(formId, formId + '_NTICE_TITL', ['empty'], undefined);
+			var vali_nticeDesc = itp_fn_form_validate(formId, formId + '_NTICE_DESC', ['empty'], undefined);
+			var vali_targetCd = itp_fn_form_validate(formId, formId + '_TARGET_CD', ['empty'], undefined);
+
+			if (vali_nticeNo && vali_nticeDesc && vali_targetCd) {
+				let gridInsertData = [];
+				let gridUpdateData = [];
+				let gridDeleteData = [];
+				const rowData = $(OPER02010_DETAIL_GRID_ID).getRowData();
+				const keyValue = $(formId + '_USER_ID').val();
+				$.each(rowData, function(key, value) {
+					if (value.viewCd != 'R') {
+						value.nticeNo = 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_OPER02010_DETAIL_IS_WRITING = false;
+					itp_fn_OPER02010_search();
+				};
+				fn_ajax_call(NTICE_SAVE_NTICE, JSON.stringify(param), searhFn, 'POST');
+			}
+		});
+
+		// 상세:추가버튼
+		$('#ITP_BTN_OPER02010_DETAIL_ADDROW').on('click', function() {
+			// 팝업
+			var popFn = function(rowDataPop) {
+				// 기존등록 사용자ID
+				var exists = '';
+				const rowData = $(OPER02010_DETAIL_GRID_ID).getRowData();
+				$.each(rowData, function(key, value) {
+					exists = exists + value.userId + ';';
+				});
+
+				$.each(rowDataPop, function(key, value) {
+					// console.log(JSON.stringify(value));
+					// console.log(exists.indexOf(value.userId));
+					if(exists.indexOf(value.userId) < 0) {
+						// 행추가
+						$(OPER02010_DETAIL_GRID_ID).jqGrid('addRow', {position: 'last'});
+						var rids = $(OPER02010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+						var last_row_id = rids[rids.length - 1];
+						$(OPER02010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'viewCd', 'C');
+						$(OPER02010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'userId', value.userId);
+						$(OPER02010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'userNm', value.userNm);
+					}
+				});
+				$(OPER02010_DETAIL_GRID_EMPTY).hide();
+			};
+			fn_call_popup('comm', 'USER_SCH_POPUP', '#ITP_ASIDE', popFn, null, 'S');
+		});
+		// 상세:삭제버튼
+		$('#ITP_BTN_OPER02010_DETAIL_DELROW').on('click', function() {
+			itp_fn_grid_del_row(OPER02010_DETAIL_GRID_ID);
+		});
+
+		$('body').on('click', function(e) {
+			var gridId = OPER02010_DETAIL_GRID_ID.replace('#', '');
+			var rids = $(OPER02010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+			var last_row_id = rids[rids.length - 1];
+			itp_fn_grid_reset_selection(e, last_row_id, gridId, 'OPER02010_DETAIL');
+		});
+	});
+});
+
+var itp_fn_OPER02010_switch_screen = function(mode) {
+	if(mode == 'LIST') { // 목록
+		$('#ITP_BTN_OPER02010_MODIFY').hide();
+		$('#ITP_BTN_OPER02010_CANCELLIST').hide();
+		$('#ITP_BTN_OPER02010_DELETE').hide();
+		$('#ITP_BTN_OPER02010_SAVE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER02010_SRH');
+		fn_show_btn_auth('#ITP_BTN_OPER02010_NEWREG');
+		
+		$('#ITP_AJAX_OPER02010_LIST_CONTAINER').show();
+		$('#ITP_AJAX_OPER02010_DETAIL_CONTAINER').hide();
+		$('#ITP_AJAX_OPER02010_VIEW_CONTAINER').hide();
+	} else if(mode == 'ADD') { // 등록
+		$('#ITP_BTN_OPER02010_SRH').hide();
+		$('#ITP_BTN_OPER02010_MODIFY').hide();
+		$('#ITP_BTN_OPER02010_NEWREG').hide();
+		$('#ITP_BTN_OPER02010_DELETE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER02010_CANCELLIST');
+		fn_show_btn_auth('#ITP_BTN_OPER02010_SAVE');
+		
+		$('#ITP_AJAX_OPER02010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER02010_DETAIL_CONTAINER').show();
+		$('#ITP_AJAX_OPER02010_VIEW_CONTAINER').hide();
+
+		$('#ITP_FORM_OPER02010_DETAIL_VIEW_CD').val('C');
+		$('#ITP_FORM_OPER02010_DETAIL_NTICE_NO').val('');
+		$('#ITP_FORM_OPER02010_DETAIL_NTICE_TITL').val('');
+		$('#ITP_FORM_OPER02010_DEL_YN').val('N');
+		$('#ITP_FORM_OPER02010_DETAIL_NTICE_DESC').val('');
+		$('#ITP_FORM_OPER02010_DETAIL_TARGET_CD').val('');
+		$('#ITP_FORM_OPER02010_FROM_DT').datepicker('setDate', new Date());
+		$('#ITP_FORM_OPER02010_TO_DT').datepicker('setDate', new Date());
+	} else if(mode == 'MODIFY') { // 수정
+		$('#ITP_BTN_OPER02010_SRH').hide();
+		$('#ITP_BTN_OPER02010_MODIFY').hide();
+		$('#ITP_BTN_OPER02010_NEWREG').hide();
+		$('#ITP_BTN_OPER02010_DELETE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER02010_CANCELLIST');
+		fn_show_btn_auth('#ITP_BTN_OPER02010_SAVE');
+		
+		$('#ITP_AJAX_OPER02010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER02010_DETAIL_CONTAINER').show();
+		$('#ITP_AJAX_OPER02010_VIEW_CONTAINER').hide();
+	} else if(mode == 'VIEW') { // 보기
+		$('#ITP_BTN_OPER02010_SRH').hide();
+		$('#ITP_BTN_OPER02010_NEWREG').hide();
+		$('#ITP_BTN_OPER02010_DELETE').hide();
+		$('#ITP_BTN_OPER02010_SAVE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER02010_MODIFY');
+		fn_show_btn_auth('#ITP_BTN_OPER02010_CANCELLIST');
+		
+		$('#ITP_AJAX_OPER02010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER02010_DETAIL_CONTAINER').hide();
+		$('#ITP_AJAX_OPER02010_VIEW_CONTAINER').show();
+	}
+};
+
+var itp_fn_OPER02010_grid = {
+	init: function() {
+		// 데이터 없을때
+		itp_fn_OPER02010_empty.push();
+		$(OPER02010_GRID_EMPTY).on('click', function() {
+			itp_fn_OPER02010_empty.back();
+			itp_OPER02010_param.gridSize = $.jgrid.defaults.rowNum;
+			$(OPER02010_GRID_ID).setGridParam({'postData': JSON.stringify(itp_OPER02010_param)}).trigger('reloadGrid');
+		});
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER02010_SEARCH').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum;
+		$(OPER02010_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'NTICE_NO', name: 'nticeNo',
+					label: ITP_MSG_LOCALE.label.notiNo, //공지번호
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'NTICE_TITL', name: 'nticeTitl',
+					label: ITP_MSG_LOCALE.label.titlet, //공지제목
+					width: '15', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'TARGET_NM', name: 'targetNm',
+					label: ITP_MSG_LOCALE.label.targetNm, //공지대상
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'NTICE_STAT_NM', name: 'nticeStatNm',
+					label: ITP_MSG_LOCALE.label.status, //상태
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'NOTI_ST_DAY', name: 'notiStDay',
+					label: ITP_MSG_LOCALE.label.viewDt, //노출일
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'ADD_DT', name: 'addDt',
+					label: ITP_MSG_LOCALE.label.regDt, //등록일
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + NTICE_DETAIL_GRID_LIST,
+			pager: OPER02010_GRID_PAGER,
+			multiselect: false,
+			rownumbers: true,
+			onCellSelect: function(rowId, cellIdx, cellValue) {
+				var cm = $(this).jqGrid('getGridParam', 'colModel');
+				var colNm = cm[cellIdx].name;
+				if (colNm == 'nticeTitl') {
+					const nticeNoVal = $(this).jqGrid('getCell', rowId, 'nticeNo');
+					const key = {nticeNo: nticeNoVal, viewCd: 'R'};
+					var param = $.param(key);
+					itp_fn_OPER02010_view(param);
+				}
+		   	},
+			loadComplete: function(data) {
+				//console.log(JSON.stringify(data));
+				itp_fn_grid_load_complete(data, OPER02010_GRID_ID, true, 'number', 'OPER02010', itp_OPER02010_search, itp_fn_OPER02010_empty, true, data.gridRecords, true);
+				var ids = $(OPER02010_GRID_ID).getDataIDs();
+				$.each(ids, function(idx, rowId) {
+					$(OPER02010_GRID_ID).jqGrid('setCell', rowId, 'nticeTitl', '', ITP_GRID_COL_STYLE.link);
+				});
+
+				if ($('#ITP_CONTAINER').data('openYn') == 'Y') {
+					$('#ITP_CONTAINER').data('openYn', 'N');
+					const keyNew = {nticeNo: $('#ITP_CONTAINER').data('nticeNo'), viewCd: 'R'};
+					var paramNew = $.param(keyNew);
+					itp_fn_OPER02010_view(paramNew);
+				}
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	itp_fn_grid_paging(OPER02010_GRID_ID, action, param);
+		    }
+		}).navGrid(OPER02010_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER02010_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER02010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER02010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER02010_GRID_EMPTY).show();
+	},
+	unload : function() {
+		$.jgrid.gridUnload(OPER02010_GRID_ID);
+	}
+};
+
+var itp_fn_OPER02010_search = function() {
+	itp_fn_OPER02010_switch_screen('LIST');
+	itp_fn_OPER02010_grid.unload();
+	itp_fn_OPER02010_grid.callBack();
+};
+
+let itp_OPER02010_param = {};
+let itp_OPER02010_search = false;
+var itp_fn_OPER02010_empty = {
+	push: function() {
+		let param = $('#ITP_FORM_OPER02010_SEARCH').serializeObject();
+		itp_OPER02010_param = param;
+	},
+	back: function() {
+		$('#ITP_FORM_OPER02010_DEVI_TP_CD').val(itp_OPER02010_param.deviTpCd);
+		$('#ITP_FORM_OPER02010_ORDER_YN').val(itp_OPER02010_param.orderYn);
+		$('#ITP_FORM_OPER02010_ADT_AUTH_CD').val(itp_OPER02010_param.adtAuthCd);
+		$('#ITP_FORM_OPER02010_EMAIL_RCV_YN').val(itp_OPER02010_param.emailRcvYn);
+		$('#ITP_FORM_OPER02010_SMS_RCV_YN').val(itp_OPER02010_param.smsRcvYn);
+		$('#ITP_FORM_OPER02010_MEMB_EXIT_DT').val(itp_OPER02010_param.membExitDt);
+		$('#ITP_FORM_OPER02010_FROM_DT').val(itp_OPER02010_param.fromDt);
+		$('#ITP_FORM_OPER02010_TO_DT').val(itp_OPER02010_param.toDt);
+		$('#ITP_FORM_OPER02010_KEYWORD').val(itp_OPER02010_param.keyword);
+	}
+};
+
+var itp_fn_OPER02010_view = function(param) {
+	fn_ajax_call(NTICE_INFO_NTICE, param, itp_fn_OPER02010_view_callback, 'GET');
+};
+
+var itp_fn_OPER02010_view_callback = function(result) {
+	// console.log(result);
+	itp_fn_OPER02010_switch_screen('VIEW');
+	$('#ITP_FORM_OPER02010_VIEW #ITP_FORM_OPER02010_VIEW_USER_ID').val(result.nticeNo);
+	$('#ITP_FORM_OPER02010_VIEW .fnNticeTitl').text(result.nticeTitl);
+	$('#ITP_FORM_OPER02010_VIEW .fnNotiDay').text(result.notiStDay+' ~ '+result.notiEdDay);
+	$('#ITP_FORM_OPER02010_VIEW .fnDelYn').text(result.delYn);
+	$('#ITP_FORM_OPER02010_VIEW .fnNticeDesc').html(result.nticeDesc.replace(/(\n|\r\n)/g, '<br>'));
+	$('#ITP_FORM_OPER02010_VIEW .fnTargetNm').text(result.targetNm);
+	$('#ITP_FORM_OPER02010_VIEW_FILE_NO').val(result.fileNo); //파일번호 셋팅
+
+	//파일업로드(뷰화면)
+	$('#ITP_OPER02010_VIEW_UPLOAD').empty();
+	const fileArgs = {
+		'fileNo': $('#ITP_FORM_OPER02010_VIEW_FILE_NO').val(),
+		'viewCd': $('#ITP_FORM_OPER02010_VIEW_VIEW_CD').val()
+	};
+	itp_fn_set_file_upload('ITP_OPER02010_VIEW_UPLOAD', 'notice', true, false, 'OPER02010', fileArgs);
+
+	// 권한정보 리스트 조회
+	itp_fn_OPER02010_view_grid.unload();
+	itp_fn_OPER02010_view_grid.callBack();
+};
+
+var itp_fn_OPER02010_view_grid = {
+	init: function() {
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER02010_VIEW').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum;
+		param.pagingYn = false; // 페이징안함
+
+		$(OPER02010_VIEW_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'VIEW_CD', name: 'viewCd',
+					label: ITP_MSG_LOCALE.label.viewCd,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+				},
+				{
+					index: 'NTICE_NO', name: 'nticeNo',
+					label: ITP_MSG_LOCALE.label.notiNo,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+				},
+				{
+					index: 'USER_ID', name: 'userId',
+					label: ITP_MSG_LOCALE.label.userId,
+					width: '20', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+				},
+				{
+					index: 'USER_NM', name: 'userNm',
+					label: ITP_MSG_LOCALE.label.userName,
+					width: '30', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + NTICE_TARGET_GRID_LIST,
+			pager: OPER02010_VIEW_GRID_PAGER,
+			multiselect: false,
+			loadComplete: function(data) {
+				itp_fn_grid_load_complete(data, OPER02010_VIEW_GRID_ID, true, undefined, 'OPER02010_VIEW');
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	var pagingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER02010_VIEW_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, OPER02010_VIEW_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_paging(OPER02010_VIEW_GRID_ID, action, param);
+		    	}
+		    },
+		    onSortCol: function(index, columnIndex, sortOrder) {
+		    	var sortingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER02010_VIEW_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, OPER02010_VIEW_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_sorting(OPER02010_VIEW_GRID_ID, index, sortOrder);
+		    	}
+		    }
+		}).navGrid(OPER02010_VIEW_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER02010_VIEW_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER02010_VIEW_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER02010_VIEW_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER02010_VIEW_GRID_EMPTY).show();
+	},
+	unload : function() {
+		$.jgrid.gridUnload(OPER02010_VIEW_GRID_ID);
+	}
+};
+
+var itp_fn_OPER02010_detail = function(param) {
+	fn_ajax_call(NTICE_INFO_NTICE, param, itp_fn_OPER02010_detail_callback, 'GET');
+};
+
+var itp_fn_OPER02010_detail_callback = function(result) {
+	// console.log(result);
+	itp_fn_OPER02010_switch_screen('MODIFY');
+	$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_VIEW_CD').val('U');
+	$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_NTICE_NO').val(result.nticeNo);
+	$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_NTICE_TITL').val(result.nticeTitl);
+	$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_FROM_DT').val(result.notiStDay);
+	$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_TO_DT').val(result.notiEdDay);
+	$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DEL_YN').val(result.delYn);
+	$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_NTICE_DESC').val(result.nticeDesc);
+	$('#ITP_FORM_OPER02010_DETAIL #ITP_FORM_OPER02010_DETAIL_TARGET_CD').val(result.targetCd);
+	$('#ITP_FORM_OPER02010_DETAIL_FILE_NO').val(result.fileNo); //파일번호 셋팅
+
+	//파일업로드(수정화면)
+	$('#ITP_OPER02010_DETAIL_UPLOAD').empty();
+	const fileArgs = {
+		'fileNo': $('#ITP_FORM_OPER02010_DETAIL_FILE_NO').val(),
+		'viewCd': $('#ITP_FORM_OPER02010_DETAIL_VIEW_CD').val(),
+		'showYn': $('#ITP_OPER02010_DETAIL_UPLOAD').attr('data-show-yn'),
+		'fileId': '#ITP_FORM_OPER02010_DETAIL_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
+	};
+	itp_fn_set_file_upload('ITP_OPER02010_DETAIL_UPLOAD', 'notice', true, false, 'OPER02010', fileArgs);
+
+	// 리스트 조회
+	itp_fn_OPER02010_detail_grid.unload();
+	itp_fn_OPER02010_detail_grid.callBack();
+};
+
+var itp_fn_OPER02010_detail_grid = {
+	init: function() {
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER02010_DETAIL').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum;
+		param.pagingYn = false; // 페이지안함
+
+		$(OPER02010_DETAIL_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'VIEW_CD', name: 'viewCd',
+					label: ITP_MSG_LOCALE.label.viewCd,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+				},
+				{
+					index: 'NTICE_NO', name: 'nticeNo',
+					label: ITP_MSG_LOCALE.label.notiNo,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+				},
+				{
+					index: 'USER_ID', name: 'userId',
+					label: ITP_MSG_LOCALE.label.userId,
+					width: '20', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+				},
+				{
+					index: 'USER_NM', name: 'userNm',
+					label: ITP_MSG_LOCALE.label.userName,
+					width: '30', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + NTICE_TARGET_GRID_LIST,
+			pager: OPER02010_DETAIL_GRID_PAGER,
+			loadComplete: function(data) {
+				itp_fn_grid_load_complete(data, OPER02010_DETAIL_GRID_ID, true, undefined, 'OPER02010_DETAIL');
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	var pagingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER02010_DETAIL_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, OPER02010_DETAIL_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_paging(OPER02010_DETAIL_GRID_ID, action, param);
+		    	}
+		    },
+		    onSortCol: function(index, columnIndex, sortOrder) {
+		    	var sortingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER02010_DETAIL_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, OPER02010_DETAIL_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_sorting(OPER02010_DETAIL_GRID_ID, index, sortOrder);
+		    	}
+		    }
+		}).navGrid(OPER02010_DETAIL_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER02010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER02010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER02010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER02010_DETAIL_GRID_EMPTY).show();
+	},
+	unload : function() {
+		$.jgrid.gridUnload(OPER02010_DETAIL_GRID_ID);
+	}
+};

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

@@ -0,0 +1,860 @@
+
+const OPER03010_GRID_ID = '#ITP_OPER03010_jqGrid';
+const OPER03010_GRID_LIST = '#ITP_OPER03010_jqGrid_list';
+const OPER03010_GRID_PAGER = '#ITP_OPER03010_jqGridPager';
+const OPER03010_GRID_EMPTY = '#ITP_OPER03010_jqGridEmpty';
+
+const OPER03010_VIEW_GRID_ID = '#ITP_OPER03010_VIEW_jqGrid';
+const OPER03010_VIEW_GRID_LIST = '#ITP_OPER03010_VIEW_jqGrid_list';
+const OPER03010_VIEW_GRID_PAGER = '#ITP_OPER03010_VIEW_jqGridPager';
+const OPER03010_VIEW_GRID_EMPTY = '#ITP_OPER03010_VIEW_jqGridEmpty';
+
+const OPER03010_DETAIL_GRID_ID = '#ITP_OPER03010_DETAIL_jqGrid';
+const OPER03010_DETAIL_GRID_LIST = '#ITP_OPER03010_DETAIL_jqGrid_list';
+const OPER03010_DETAIL_GRID_PAGER = '#ITP_OPER03010_DETAIL_jqGridPager';
+const OPER03010_DETAIL_GRID_EMPTY = '#ITP_OPER03010_DETAIL_jqGridEmpty';
+
+
+let ITP_FORM_OPER03010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_OPER03010_DETAIL_IS_WRITING = false;
+
+let COMPANY_GRID_LIST = '/api/frcomp/grid-list';
+let USER_SALESUSER_GRID_LIST = '/api/frcomp/cmpy-saleusers-list'; 
+let COMPANY_INFO_COMPANY = '/api/frcomp/info-frcomp';
+let COMPANY_SAVE_COMPANY = '/api/frcomp/save-frcomp';
+let COMPANY_CHECK_DUPLICATE = '/api/frcomp/check-duplicate';
+let USER_INTI_USERPW = '/api/user/inti-userpw';
+
+require(['config'], function() {
+	require([
+		'jquery', 
+		'kakao.postcode', 
+		'kakao.maps'
+	], function($) {
+		// 버튼 권한설정
+		fn_proc_btn_auth('OPER03010');
+		// 공통코드 표시
+		fn_make_select(CODE_LIST, 'CMPY_STAT_CD', 'ITP_FORM_OPER03010_SEARCH_CMPY_STAT_CD');
+		fn_make_select(CODE_LIST, 'CMPY_STAT_CD', 'ITP_FORM_OPER03010_DETAIL_CMPY_STAT_CD', true, '선택');
+		fn_make_select(CODE_LIST, 'CMPY_TYPE_CD', 'ITP_FORM_OPER03010_DETAIL_CMPY_TYPE_CD', true, '선택');
+		fn_make_select(CODE_LIST, 'FRCOMP_AUTH_CD', 'ITP_FORM_OPER03010_DETAIL_FRCOMP_AUTH_CD', true, '선택');
+		
+		// 조회일자 지정
+		// var now = new Date();
+		$('#ITP_TAB_OPER03010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		// $('#ITP_FORM_OPER03010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
+		// $('#ITP_FORM_OPER03010_SEARCH_TO_DT').datepicker('setDate', new Date());
+				
+		// 그리드				
+		itp_fn_jqgrid_resize(OPER03010_GRID_ID, OPER03010_GRID_LIST, 'lg');
+		itp_fn_OPER03010_grid.init();
+    	itp_fn_fire_window_resize();
+
+		// 조회    	
+    	itp_fn_OPER03010_search();
+    	
+		// 조회 버튼 클릭
+		$('#ITP_BTN_OPER03010_SRH').on('click', function() {
+			itp_OPER03010_search = true;
+			let param = $('#ITP_FORM_OPER03010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(OPER03010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		});
+		
+		// 수정 버튼
+		$('#ITP_BTN_OPER03010_MODIFY').on('click', function() {
+			itp_fn_form_clear_validate(null, '#ITP_FORM_OPER03010_DETAIL');			
+			const cmpyCdVal = $('#ITP_FORM_OPER03010_VIEW_CMPY_CD').val();
+			const key = {cmpyCd: cmpyCdVal, viewCd: 'R'};
+			var param = $.param(key);
+			itp_fn_OPER03010_detail(param);	
+		});
+		
+		// 신규등록 버튼
+		$('#ITP_BTN_OPER03010_NEWREG').on('click', function() {
+			itp_fn_OPER03010_switch_screen('ADD');			
+			itp_fn_form_clear_validate(null, '#ITP_FORM_OPER03010_DETAIL');
+			itp_fn_OPER03010_detail_map($('#ITP_FORM_OPER03010_DETAIL_STREET_ADDRESS').val());	
+			
+			// 영업담당자 리스트 조회		
+			itp_fn_OPER03010_detail_grid.unload();
+			itp_fn_OPER03010_detail_grid.callBack();	
+		});
+		
+		// 취소/목록 버튼
+		$('#ITP_BTN_OPER03010_CANCELLIST').on('click', function() {
+			itp_fn_OPER03010_search();
+    	});
+		
+		// 삭제 버튼
+		$('#ITP_BTN_OPER03010_DELETE').on('click', function() {
+			
+		});
+		
+		// 저장 버튼
+		$('#ITP_BTN_OPER03010_SAVE').on('click', function() {			
+			const formId = '#ITP_FORM_OPER03010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);			
+			var vali_cmpyCd = itp_fn_form_validate(formId, formId + '_CMPY_CD', ['empty'], undefined);
+			var vali_cmpyStatCd = itp_fn_form_validate(formId, formId + '_CMPY_STAT_CD', ['empty'], undefined);
+			var vali_cmpyTypeCd = itp_fn_form_validate(formId, formId + '_CMPY_TYPE_CD', ['empty'], undefined);
+			var vali_cmpyNm = itp_fn_form_validate(formId, formId + '_CMPY_NM', ['empty'], undefined);			
+			var vali_bossNm = itp_fn_form_validate(formId, formId + '_BOSS_NM', ['empty'], undefined);
+			var vali_mainTel = itp_fn_form_validate(formId, formId + '_MAIN_TEL', ['empty'], undefined);
+			var vali_mainEmail = itp_fn_form_validate(formId, formId + 'MAIN_EMAIL', ['empty'], undefined);
+			
+			if (vali_cmpyCd && vali_cmpyStatCd && vali_cmpyTypeCd && vali_cmpyNm && vali_bossNm && vali_mainTel && vali_mainEmail) {
+				
+				if($('#ITP_FORM_OPER03010_DETAIL_CMPY_ZIPNO').val() == '' || $('#ITP_FORM_OPER03010_DETAIL_CMPY_ADRES').val() == '') {
+					itp_fn_modal_alert('주소 검색을 통해 회사 주소를 입력하세요.');
+					return;
+				}
+				
+				if (ITP_FORM_OPER03010_DETAIL_IS_DUPLICATE) {
+					itp_fn_modal_duplicate('회사코드 중복체크를 해주세요.', formId + '_CMPY_CD');
+				} else {
+					let gridInsertData = [];
+					let gridUpdateData = [];
+					let gridDeleteData = [];
+					const rowData = $(OPER03010_DETAIL_GRID_ID).getRowData();
+					const keyValue = $(formId + '_CMPY_CD').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;
+					var searhFn = function() {
+						ITP_FORM_OPER03010_DETAIL_IS_WRITING = false;
+						itp_fn_OPER03010_search();
+					};
+					console.log(JSON.stringify(param));
+					fn_ajax_call(COMPANY_SAVE_COMPANY, JSON.stringify(param), searhFn, 'POST');	
+				}
+			}
+		});		
+		
+		// 중복체크
+		$('#ITP_FORM_OPER03010_DETAIL_DUP').on('click', function() {
+			const formId = '#ITP_FORM_OPER03010_DETAIL';
+			itp_fn_form_clear_validate(null, formId + '_DETAIL');
+			var vali_cmpyCd = itp_fn_form_validate(formId + '_DETAIL', formId + '_CMPY_CD', ['empty'], undefined);
+			if (vali_cmpyCd) {
+				var dupFn = function(result) {
+					if (result.code == 'N') {
+						ITP_FORM_OPER03010_DETAIL_IS_DUPLICATE = false;
+					} else {
+						ITP_FORM_OPER03010_DETAIL_IS_DUPLICATE = true;
+					}
+				};
+				const key = {'cmpyCd':  $(formId + '_CMPY_CD').val()};
+				const param = $.param(key);
+				fn_ajax_call(COMPANY_CHECK_DUPLICATE, param, dupFn, 'GET');
+			}
+		});
+		
+		// 상세:비밀번호 초기화
+		$('#ITP_BTN_OPER03010_RESET_PW').on('click', function() {
+			var resetPwFn = {
+				callBack: function(args) {
+					const key = {'userId':  $('#ITP_FORM_OPER03010_DETAIL_CMPY_CD').val()};
+					const param = $.param(key);
+					fn_ajax_call(USER_INTI_USERPW, param, undefined, 'GET');					
+				}
+			};
+			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.askResetUserPw, resetPwFn, null);		
+		});
+		
+		$('#ITP_FORM_OPER03010_DETAIL_ADRES_SCH').on('click', function() {
+			new daum.Postcode({
+		    	oncomplete: function(data) {
+					// 전체주소 리턴
+					document.getElementById('ITP_FORM_OPER03010_DETAIL_CMPY_ZIPNO').value = data.zonecode;
+					document.getElementById('ITP_FORM_OPER03010_DETAIL_CMPY_ADRES').value = data.roadAddress;
+					document.getElementById('ITP_FORM_OPER03010_DETAIL_LOTS_ADDRESS').value = !!data.autoJibunAddress ? data.autoJibunAddress : data.jibunAddress;
+					document.getElementById('ITP_FORM_OPER03010_DETAIL_STREET_ADDRESS').value = data.roadAddress;
+					document.getElementById('ITP_FORM_OPER03010_DETAIL_HJ_DONG').value = !!data.hname ? data.hname : data.bname;
+					document.getElementById('ITP_FORM_OPER03010_DETAIL_BJ_DONG').value = data.bname;
+					
+					itp_fn_OPER03010_detail_map(data.roadAddress);
+					document.getElementById('ITP_FORM_OPER03010_DETAIL_CMPY_ADRES_DTL').focus();		  
+		        }
+			}).open();
+		});
+		
+		
+		$('#ITP_BTN_OPER03010_DETAIL_ADDROW').on('click', function() {
+			// 팝업
+			var popFn = function(rowDataPop) {
+				// 기존등록 데이터 
+				var exists = '';				
+				const rowData = $(OPER03010_DETAIL_GRID_ID).getRowData();
+				$.each(rowData, function(key, value) {
+					exists = exists + value.salesUserId + ';';
+				});
+				
+				$.each(rowDataPop, function(key, value) {
+					if(exists.indexOf(value.salesUserId) < 0) {
+						// 행추가
+						$(OPER03010_DETAIL_GRID_ID).jqGrid('addRow', {position: 'last'});
+						var rids = $(OPER03010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+						var last_row_id = rids[rids.length - 1];
+						$(OPER03010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'viewCd', 'C');
+						$(OPER03010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'salesUserId', value.salesUserId);
+						$(OPER03010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'salesUserNm', value.salesUserNm);
+						$(OPER03010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'useStatCd', value.useStatCd);
+						$(OPER03010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'useStatNm', value.useStatNm);
+						$(OPER03010_DETAIL_GRID_ID).jqGrid('setCell', last_row_id, 'cmpyCd', '');	
+					}
+				});
+				$(OPER03010_DETAIL_GRID_EMPTY).hide();
+			};
+			fn_call_popup('biz', 'BIZPOP_NK_SALES_USER_SCH', '#ITP_ASIDE', popFn, null, 'S');  //=====================================================================================
+		});
+		// 상세:삭제버튼
+		$('#ITP_BTN_OPER03010_DETAIL_DELROW').on('click', function() {
+			itp_fn_grid_del_row(OPER03010_DETAIL_GRID_ID);
+		});
+		
+		$('body').on('click', function(e) {
+			var gridId = OPER03010_DETAIL_GRID_ID.replace('#', '');
+			var rids = $(OPER03010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+			var last_row_id = rids[rids.length - 1];			
+			itp_fn_grid_reset_selection(e, last_row_id, gridId, 'OPER03010_DETAIL');
+		});
+		
+	});
+});
+
+var itp_fn_OPER03010_detail_map = function(locate) {
+	
+	kakao.maps.load(function() {
+				
+		var mapContainer = document.getElementById('ITP_FORM_OPER03010_DETAIL_MAP'), // 지도를 표시할 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);
+	
+		function searchDetailAddrFromCoords(coords, callback) {
+		    // 좌표로 법정동 상세 주소 정보를 요청합니다
+		    geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
+		}
+		
+		// 주소-좌표 변환 객체를 생성합니다
+		var geocoder = new kakao.maps.services.Geocoder();	
+		var map;
+		
+		if( !locate || locate.length == 0 ) {
+			// 지도에 마커를 생성하고 표시한다
+		    	marker = new kakao.maps.Marker({
+		  	    position: new kakao.maps.LatLng(37.56684, 126.97865), // 마커의 좌표
+		   	    map: map // 마커를 표시할 지도 객체
+	    	});
+		} else {
+			// 주소로 좌표를 검색합니다
+			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);
+			        document.getElementById('ITP_FORM_OPER03010_DETAIL_LAT').value = result[0].y;
+			        document.getElementById('ITP_FORM_OPER03010_DETAIL_LNG').value = result[0].x;
+			        
+			        // 결과값으로 받은 위치를 마커로 표시합니다
+			        	marker = new kakao.maps.Marker({
+			            map: map,
+			            position: coords
+			        });
+		
+			        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
+			        map.setCenter(coords);
+			    }
+			});    
+		}
+		
+		// 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
+		kakao.maps.event.addListener(map, 'drag', function () {
+		    searchDetailAddrFromCoords(map.getCenter(), function(result, status) {
+		        if (status === kakao.maps.services.Status.OK) {
+	
+	   		        document.getElementById('ITP_FORM_OPER03010_DETAIL_LOTS_ADDRESS').value = result[0].address.address_name ;
+	   		        document.getElementById('ITP_FORM_OPER03010_DETAIL_CMPY_ADRES').value = !!result[0].road_address ? result[0].road_address.address_name : result[0].address.address_name ;
+	   		        document.getElementById('ITP_FORM_OPER03010_DETAIL_STREET_ADDRESS').value = !!result[0].road_address ? result[0].road_address.address_name : $('#ITP_FORM_OPER03010_DETAIL_STREET_ADDRESS').val();
+	   		        document.getElementById('ITP_FORM_OPER03010_DETAIL_CMPY_ZIPNO').value = !!result[0].road_address ? result[0].road_address.zone_no : $('#ITP_FORM_OPER03010_DETAIL_CMPY_ZIPNO').val() ;
+			        document.getElementById('ITP_FORM_OPER03010_DETAIL_LAT').value = map.getCenter().getLat();
+			        document.getElementById('ITP_FORM_OPER03010_DETAIL_LNG').value = map.getCenter().getLng();
+		                        
+		            // 마커를 클릭한 위치에 표시합니다
+		            marker.setPosition(map.getCenter());
+		            marker.setMap(map);
+		        }   
+		    });
+			/* 	var message = '지도를 드래그 하고 있습니다. 지도의 중심 좌표는 ' + map.getCenter().toString() +' 입니다.';
+			console.log(message); */
+		});
+	});
+};
+
+var itp_fn_OPER03010_view_map = function(locate) {
+	
+	kakao.maps.load(function() {
+				
+		var mapContainer = document.getElementById('ITP_FORM_OPER03010_VIEW_MAP'), // 지도를 표시할 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);
+		
+		// 주소-좌표 변환 객체를 생성합니다
+		var geocoder = new kakao.maps.services.Geocoder();	
+		var map;
+		
+		if( !locate || locate.length == 0 ) {
+			// 지도에 마커를 생성하고 표시한다
+		    	marker = new kakao.maps.Marker({
+		  	    position: new kakao.maps.LatLng(37.56684, 126.97865), // 마커의 좌표
+		   	    map: map // 마커를 표시할 지도 객체
+	    	});
+		} else {
+			// 주소로 좌표를 검색합니다
+			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);
+			        
+			        // 결과값으로 받은 위치를 마커로 표시합니다
+			        marker = new kakao.maps.Marker({
+			            map: map,
+			            position: coords
+			        });
+		
+			        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
+			        map.setCenter(coords);
+			    }
+			});    
+		}
+	});
+};
+	
+var itp_fn_OPER03010_switch_screen = function(mode) {
+	if(mode == 'LIST') { // 목록
+		$('#ITP_BTN_OPER03010_MODIFY').hide();
+		$('#ITP_BTN_OPER03010_CANCELLIST').hide();
+		$('#ITP_BTN_OPER03010_DELETE').hide();
+		$('#ITP_BTN_OPER03010_SAVE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER03010_SRH');
+		fn_show_btn_auth('#ITP_BTN_OPER03010_NEWREG');
+		
+		$('#ITP_AJAX_OPER03010_LIST_CONTAINER').show();
+		$('#ITP_AJAX_OPER03010_DETAIL_CONTAINER').hide();		
+		$('#ITP_AJAX_OPER03010_VIEW_CONTAINER').hide();
+	} else if(mode == 'ADD') { // 등록
+		ITP_FORM_OPER03010_DETAIL_IS_DUPLICATE = true;
+	
+		$('#ITP_BTN_OPER03010_SRH').hide();
+		$('#ITP_BTN_OPER03010_MODIFY').hide();
+		$('#ITP_BTN_OPER03010_NEWREG').hide();
+		$('#ITP_BTN_OPER03010_DELETE').hide();
+		$('#ITP_BTN_OPER03010_RESET_PW').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER03010_CANCELLIST');
+		fn_show_btn_auth('#ITP_BTN_OPER03010_SAVE');
+		
+		$('#ITP_AJAX_OPER03010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER03010_DETAIL_CONTAINER').show();
+		$('#ITP_AJAX_OPER03010_VIEW_CONTAINER').hide();		
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_CD').removeAttr('readonly');
+		$('#ITP_FORM_OPER03010_DETAIL_DUP').removeAttr('disabled');
+		
+		$('#ITP_FORM_OPER03010_DETAIL_VIEW_CD').val('C');
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_NM').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_STAT_CD').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_FRCOMP_AUTH_CD').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_CD').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_TYPE_CD').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_REG_NUM').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_COPT_NUM').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_BIZ_CATE').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_BIZ_TYPE').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_BOSS_NM').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_MAIN_TEL').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_MAIN_FAX').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_MAIN_EMAIL').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_ZIPNO').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_ADRES').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_ADRES_DTL').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_LOTS_ADDRESS').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_STREET_ADDRESS').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_LAT').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_LNG').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_HJ_DONG').val('');
+		$('#ITP_FORM_OPER03010_DETAIL_BJ_DONG').val('');
+		
+	} else if(mode == 'MODIFY') { // 수정
+		$('#ITP_BTN_OPER03010_SRH').hide();
+		$('#ITP_BTN_OPER03010_MODIFY').hide();
+		$('#ITP_BTN_OPER03010_NEWREG').hide();		
+		$('#ITP_BTN_OPER03010_DELETE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER03010_RESET_PW');
+		fn_show_btn_auth('#ITP_BTN_OPER03010_CANCELLIST');
+		fn_show_btn_auth('#ITP_BTN_OPER03010_SAVE');
+		
+		$('#ITP_AJAX_OPER03010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER03010_DETAIL_CONTAINER').show();
+		$('#ITP_AJAX_OPER03010_VIEW_CONTAINER').hide();
+		$('#ITP_FORM_OPER03010_DETAIL_CMPY_CD').attr('readonly', true);
+		$('#ITP_FORM_OPER03010_DETAIL_DUP').attr('disabled', true);
+	} else if(mode == 'VIEW') { // 보기
+		$('#ITP_BTN_OPER03010_SRH').hide();
+		$('#ITP_BTN_OPER03010_NEWREG').hide();		
+		$('#ITP_BTN_OPER03010_DELETE').hide();
+		$('#ITP_BTN_OPER03010_SAVE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER03010_MODIFY');
+		fn_show_btn_auth('#ITP_BTN_OPER03010_CANCELLIST');
+		
+		$('#ITP_AJAX_OPER03010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER03010_DETAIL_CONTAINER').hide();
+		$('#ITP_AJAX_OPER03010_VIEW_CONTAINER').show();
+	}	
+};
+
+var itp_fn_OPER03010_grid = {
+	init: function() {
+		// 데이터 없을때
+		itp_fn_OPER03010_empty.push();
+		$(OPER03010_GRID_EMPTY).on('click', function() {
+			itp_fn_OPER03010_empty.back();
+			itp_OPER03010_param.gridSize = $.jgrid.defaults.rowNum;
+			$(OPER03010_GRID_ID).setGridParam({'postData': JSON.stringify(itp_OPER03010_param)}).trigger('reloadGrid');
+		});	
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER03010_SEARCH').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum;	
+		$(OPER03010_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'CMPY_CD', name: 'cmpyCd',
+					label: '가입자코드', 
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'CMPY_NM', name: 'cmpyNm',
+					label: '가입자명', 
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'CMPY_TYPE_NM', name: 'cmpyTypeNm',
+					label: '기업형태', 
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'CMPY_STAT_NM', name: 'cmpyStatNm',
+					label: '기업상태', 
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'BOSS_NM', name: 'bossNm',
+					label: '대표자명', 
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'MAIN_TEL', name: 'mainTel',
+					label: '대표연락처', 
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'ADD_DT', name: 'addDt',
+					label: '가입일자', 
+					width: '8', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + COMPANY_GRID_LIST,
+			pager: OPER03010_GRID_PAGER,
+			multiselect: false,
+			rownumbers: true, 
+			onCellSelect: function(rowId, cellIdx, cellValue) {
+				var cm = $(this).jqGrid('getGridParam', 'colModel');
+				var colNm = cm[cellIdx].name;
+				if (colNm == 'cmpyNm') {
+					const cmpyCdVal = $(this).jqGrid('getCell', rowId, 'cmpyCd');
+					const key = {cmpyCd: cmpyCdVal, viewCd: 'R'};
+					var param = $.param(key);
+					itp_fn_OPER03010_view(param);
+				}
+		   	},
+			loadComplete: function(data) {
+				console.log(JSON.stringify(data));
+				itp_fn_grid_load_complete(data, OPER03010_GRID_ID, true, 'number', 'OPER03010', itp_OPER03010_search, itp_fn_OPER03010_empty, true, data.gridRecords, true);
+				var ids = $(OPER03010_GRID_ID).getDataIDs();
+				$.each(ids, function(idx, rowId) {
+					$(OPER03010_GRID_ID).jqGrid('setCell', rowId, 'cmpyNm', '', ITP_GRID_COL_STYLE.link);
+				});	
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	itp_fn_grid_paging(OPER03010_GRID_ID, action, param);
+		    }
+		}).navGrid(OPER03010_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER03010_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER03010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER03010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER03010_GRID_EMPTY).show();
+	}, 
+	unload : function() {
+		$.jgrid.gridUnload(OPER03010_GRID_ID); 
+	}
+};
+
+var itp_fn_OPER03010_search = function() {
+	itp_fn_OPER03010_switch_screen('LIST');	
+	itp_fn_OPER03010_grid.unload();
+	itp_fn_OPER03010_grid.callBack();
+};
+
+let itp_OPER03010_param = {};
+let itp_OPER03010_search = false;
+var itp_fn_OPER03010_empty = {
+	push: function() {
+		let param = $('#ITP_FORM_OPER03010_SEARCH').serializeObject();
+		itp_OPER03010_param = param;
+	},
+	back: function() {
+		$('#ITP_FORM_OPER03010_DEVI_TP_CD').val(itp_OPER03010_param.deviTpCd);
+		$('#ITP_FORM_OPER03010_ORDER_YN').val(itp_OPER03010_param.orderYn);
+		$('#ITP_FORM_OPER03010_ADT_AUTH_CD').val(itp_OPER03010_param.adtAuthCd);
+		$('#ITP_FORM_OPER03010_EMAIL_RCV_YN').val(itp_OPER03010_param.emailRcvYn);
+		$('#ITP_FORM_OPER03010_SMS_RCV_YN').val(itp_OPER03010_param.smsRcvYn);
+		$('#ITP_FORM_OPER03010_MEMB_EXIT_DT').val(itp_OPER03010_param.membExitDt);
+		$('#ITP_FORM_OPER03010_FROM_DT').val(itp_OPER03010_param.fromDt);
+		$('#ITP_FORM_OPER03010_TO_DT').val(itp_OPER03010_param.toDt);
+		$('#ITP_FORM_OPER03010_KEYWORD').val(itp_OPER03010_param.keyword);
+	}
+};
+
+var itp_fn_OPER03010_view = function(param) {
+	fn_ajax_call(COMPANY_INFO_COMPANY, param, itp_fn_OPER03010_view_callback, 'GET');
+};
+
+var itp_fn_OPER03010_view_callback = function(result) {
+	// console.log(result);
+	itp_fn_OPER03010_switch_screen('VIEW');
+	$('#ITP_FORM_OPER03010_VIEW #ITP_FORM_OPER03010_VIEW_CMPY_CD').val(result.cmpyCd);
+	
+	$('#ITP_FORM_OPER03010_VIEW .fnCmpyNm').text(result.cmpyNm);
+	$('#ITP_FORM_OPER03010_VIEW .fnCmpyStatCd').text(result.cmpyStatNm);
+	$('#ITP_FORM_OPER03010_VIEW .fnCmpyCd').text(result.cmpyCd);
+	$('#ITP_FORM_OPER03010_VIEW .fnCmpyTypeCd').text(result.cmpyTypeNm);
+	$('#ITP_FORM_OPER03010_VIEW .fnCmpyRegNum').text(result.cmpyRegNum);
+	$('#ITP_FORM_OPER03010_VIEW .fnFrcompAuthCd').text(result.frcompAuthNm);
+	$('#ITP_FORM_OPER03010_VIEW .fnCoptNum').text(result.coptNum);
+	$('#ITP_FORM_OPER03010_VIEW .fnBizCate').text(result.bizCate);
+	$('#ITP_FORM_OPER03010_VIEW .fnBizType').text(result.bizType);
+	$('#ITP_FORM_OPER03010_VIEW .fnBossNm').text(result.bossNm);
+	$('#ITP_FORM_OPER03010_VIEW .fnMainTel').text(result.mainTel);
+	$('#ITP_FORM_OPER03010_VIEW .fnMainFax').text(result.mainFax);
+	$('#ITP_FORM_OPER03010_VIEW .fnMainEmail').text(result.mainEmail);
+	$('#ITP_FORM_OPER03010_VIEW .fnCmpyAddress').text('('+ result.cmpyZipno + ') ' + result.cmpyAdres + ' ' + result.cmpyAdresDtl);
+	
+	$('#ITP_FORM_OPER03010_VIEW .fnAddDt').text(result.addDt);
+	$('#ITP_FORM_OPER03010_VIEW .fnChgDt').text(result.chgDt);
+	
+	itp_fn_OPER03010_view_map(result.cmpyAdres);	
+	
+	// 영업담당자정보  리스트 조회
+	itp_fn_OPER03010_view_grid.unload();
+	itp_fn_OPER03010_view_grid.callBack();
+};
+
+var itp_fn_OPER03010_view_grid = {
+	init: function() {
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER03010_VIEW').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum; 
+		param.pagingYn = false; // 페이징안함
+		
+		$(OPER03010_VIEW_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'VIEW_CD', name: 'viewCd',
+					label: ITP_MSG_LOCALE.label.viewCd,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+				},
+				{
+					index: 'SALES_USER_ID', name: 'salesUserId',
+					label: '영업담당자ID',
+					width: '20', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text',
+					editrules: {required: true}
+				},
+				{
+					index: 'SALES_USER_NM', name: 'salesUserNm',
+					label: '영업담당자명',
+					width: '30', fixed: false, align: 'center',
+					sortable: true, editable: false, edittype: 'text',
+					editrules: {required: true}
+				},
+				{
+					index: 'USE_STAT_CD', name: 'useStatCd',
+					label: ITP_MSG_LOCALE.label.status,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text', hidden: true
+				},
+				{
+					index: 'USE_STAT_NM', name: 'useStatNm',
+					label: ITP_MSG_LOCALE.label.status,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+				},
+				{
+					index: 'CMPY_CD', name: 'cmpyCd',
+					label: '가맹점코드',
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text', hidden: true
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + USER_SALESUSER_GRID_LIST,
+			pager: OPER03010_VIEW_GRID_PAGER,
+			multiselect: false,
+			loadComplete: function(data) {				
+				itp_fn_grid_load_complete(data, OPER03010_VIEW_GRID_ID, true, undefined, 'OPER03010_VIEW');
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	var pagingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER03010_VIEW_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, OPER03010_VIEW_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_paging(OPER03010_VIEW_GRID_ID, action, param);
+		    	}
+		    },
+		    onSortCol: function(index, columnIndex, sortOrder) {
+		    	var sortingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER03010_VIEW_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, OPER03010_VIEW_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_sorting(OPER03010_VIEW_GRID_ID, index, sortOrder);
+		    	}
+		    }
+		}).navGrid(OPER03010_VIEW_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER03010_VIEW_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER03010_VIEW_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER03010_VIEW_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER03010_VIEW_GRID_EMPTY).show();
+	}, 
+	unload : function() {
+		$.jgrid.gridUnload(OPER03010_VIEW_GRID_ID); 
+	}
+};
+
+var itp_fn_OPER03010_detail = function(param) {
+	fn_ajax_call(COMPANY_INFO_COMPANY, param, itp_fn_OPER03010_detail_callback, 'GET');
+};
+
+var itp_fn_OPER03010_detail_callback = function(result) {
+	// console.log(result);
+	itp_fn_OPER03010_switch_screen('MODIFY');
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_VIEW_CD').val('U');
+	
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CMPY_NM').val(result.cmpyNm);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CMPY_STAT_CD').val(result.cmpyStatCd);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_FRCOMP_AUTH_CD').val(result.frcompAuthCd);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CMPY_CD').val(result.cmpyCd);	
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CMPY_TYPE_CD').val(result.cmpyTypeCd);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CMPY_REG_NUM').val(result.cmpyRegNum);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_COPT_NUM').val(result.coptNum);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_BIZ_CATE').val(result.bizCate);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_BIZ_TYPE').val(result.bizType);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_BOSS_NM').val(result.bossNm);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_MAIN_TEL').val(result.mainTel);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_MAIN_FAX').val(result.mainFax);
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_MAIN_EMAIL').val(result.mainEmail);
+		
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CMPY_ZIPNO').val(result.cmpyZipno);	
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CMPY_ADRES').val(result.cmpyAdres);	
+	$('#ITP_FORM_OPER03010_DETAIL #ITP_FORM_OPER03010_DETAIL_CMPY_ADRES_DTL').val(result.cmpyAdresDtl);		
+	
+	$('#ITP_FORM_OPER03010_DETAIL .fnAddDt').text(result.addDt);
+	$('#ITP_FORM_OPER03010_DETAIL .fnChgDt').text(result.chgDt);
+	
+	itp_fn_OPER03010_detail_map($('#ITP_FORM_OPER03010_DETAIL_CMPY_ADRES').val());
+	
+	// 영업담당자 리스트 조회
+	itp_fn_OPER03010_detail_grid.unload();
+	itp_fn_OPER03010_detail_grid.callBack();
+};
+
+
+var itp_fn_OPER03010_detail_grid = {
+	init: function() {
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER03010_DETAIL').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum; 
+		param.pagingYn = false; // 페이지안함 
+		
+		$(OPER03010_DETAIL_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'VIEW_CD', name: 'viewCd',
+					label: ITP_MSG_LOCALE.label.viewCd,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+				},
+				{
+					index: 'SALES_USER_ID', name: 'salesUserId',
+					label: '영업담당자ID',
+					width: '20', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text',
+					editrules: {required: true}
+				},
+				{
+					index: 'SALES_USER_NM', name: 'salesUserNm',
+					label: '영업담당자명',
+					width: '30', fixed: false, align: 'center',
+					sortable: true, editable: false, edittype: 'text',
+					editrules: {required: true}
+				},
+				{
+					index: 'USE_STAT_CD', name: 'useStatCd',
+					label: ITP_MSG_LOCALE.label.status,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text', hidden: true
+				},
+				{
+					index: 'USE_STAT_NM', name: 'useStatNm',
+					label: ITP_MSG_LOCALE.label.status,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+				},
+				{
+					index: 'CMPY_CD', name: 'cmpyCd',
+					label: '가맹점코드',
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text', hidden: true
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + USER_SALESUSER_GRID_LIST,
+			pager: OPER03010_DETAIL_GRID_PAGER,
+			loadComplete: function(data) {				
+				itp_fn_grid_load_complete(data, OPER03010_DETAIL_GRID_ID, true, undefined, 'OPER03010_DETAIL');
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	var pagingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER03010_DETAIL_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, OPER03010_DETAIL_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_paging(OPER03010_DETAIL_GRID_ID, action, param);
+		    	}
+		    },
+		    onSortCol: function(index, columnIndex, sortOrder) {
+		    	var sortingFn = {
+	    			callBack: function(args) {
+	    				$(args).trigger('reloadGrid');
+	    			}
+	    		};
+		    	if (itp_fn_check_grid_is_writing(OPER03010_DETAIL_GRID_ID)) {
+		    		itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, OPER03010_DETAIL_GRID_ID);
+		    		return 'stop';
+		    	} else {
+		    		itp_fn_grid_sorting(OPER03010_DETAIL_GRID_ID, index, sortOrder);
+		    	}
+		    }
+		}).navGrid(OPER03010_DETAIL_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER03010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER03010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER03010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER03010_DETAIL_GRID_EMPTY).show();
+	}, 
+	unload : function() {
+		$.jgrid.gridUnload(OPER03010_DETAIL_GRID_ID); 
+	}
+};

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

@@ -0,0 +1,555 @@
+
+const OPER04010_GRID_ID = '#ITP_OPER04010_jqGrid';
+const OPER04010_GRID_LIST = '#ITP_OPER04010_jqGrid_list';
+const OPER04010_GRID_PAGER = '#ITP_OPER04010_jqGridPager';
+const OPER04010_GRID_EMPTY = '#ITP_OPER04010_jqGridEmpty';
+
+let ITP_FORM_OPER04010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_OPER04010_DETAIL_IS_WRITING = false;
+
+let SALES_USER_GRID_LIST = '/api/sauser/grid-list';
+let SALES_USER_INFO = '/api/sauser/info-salesuser';
+let SALES_USER_SAVE = '/api/sauser/save-salesusesr';
+let SALES_USER_CHECK_DUPLICATE = '/api/sauser/check-duplicate';
+let USER_INTI_USERPW = '/api/user/inti-userpw';
+
+require(['config'], function() {
+	require([
+		'jquery', 
+		'kakao.postcode', 
+		'kakao.maps'
+	], function($) {
+		// 버튼 권한설정
+		fn_proc_btn_auth('OPER04010');
+		// 공통코드 표시
+		fn_make_select(CODE_LIST, 'USE_STAT_CD', 'ITP_FORM_OPER04010_SEARCH_USE_STAT_CD');
+		fn_make_select(CODE_LIST, 'USE_STAT_CD', 'ITP_FORM_OPER04010_DETAIL_USE_STAT_CD', true, '선택');
+		fn_make_select(CODE_LIST, 'SALES_TYPE_CD', 'ITP_FORM_OPER04010_DETAIL_SALES_TYPE_CD', true, '선택');
+		
+		// 조회일자 지정
+		// var now = new Date();
+		$('#ITP_TAB_OPER04010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		// $('#ITP_FORM_OPER04010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
+		// $('#ITP_FORM_OPER04010_SEARCH_TO_DT').datepicker('setDate', new Date());
+				
+		// 그리드				
+		itp_fn_jqgrid_resize(OPER04010_GRID_ID, OPER04010_GRID_LIST, 'lg');
+		itp_fn_OPER04010_grid.init();
+    	itp_fn_fire_window_resize();
+
+		// 조회    	
+    	itp_fn_OPER04010_search();
+    	
+		// 조회 버튼 클릭
+		$('#ITP_BTN_OPER04010_SRH').on('click', function() {
+			itp_OPER04010_search = true;
+			let param = $('#ITP_FORM_OPER04010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(OPER04010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		});
+		
+		// 수정 버튼
+		$('#ITP_BTN_OPER04010_MODIFY').on('click', function() {
+			itp_fn_form_clear_validate(null, '#ITP_FORM_OPER04010_DETAIL');			
+			const salesUserIdVal = $('#ITP_FORM_OPER04010_VIEW_SALES_USER_ID').val();
+			const key = {salesUserId: salesUserIdVal, viewCd: 'R'};
+			var param = $.param(key);
+			itp_fn_OPER04010_detail(param);	
+		});
+		
+		// 신규등록 버튼
+		$('#ITP_BTN_OPER04010_NEWREG').on('click', function() {
+			itp_fn_OPER04010_switch_screen('ADD');			
+			itp_fn_form_clear_validate(null, '#ITP_FORM_OPER04010_DETAIL');
+			itp_fn_OPER04010_detail_map($('#ITP_FORM_OPER04010_DETAIL_STREET_ADDRESS').val());				
+		});
+		
+		// 취소/목록 버튼
+		$('#ITP_BTN_OPER04010_CANCELLIST').on('click', function() {
+			itp_fn_OPER04010_search();
+    	});
+		
+		// 삭제 버튼
+		$('#ITP_BTN_OPER04010_DELETE').on('click', function() {
+			
+		});
+		
+		// 저장 버튼
+		$('#ITP_BTN_OPER04010_SAVE').on('click', function() {			
+			const formId = '#ITP_FORM_OPER04010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);			
+			var vali_salesUserId = itp_fn_form_validate(formId, formId + '_SALES_USER_ID', ['empty'], undefined);
+			var vali_salesTypeCd = itp_fn_form_validate(formId, formId + '_SALES_TYPE_CD', ['empty'], undefined);
+			var vali_useStatCd = itp_fn_form_validate(formId, formId + '_USE_STAT_CD', ['empty'], undefined);
+			var vali_salesUserNm = itp_fn_form_validate(formId, formId + '_SALES_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);
+			
+			if (vali_salesUserId && vali_salesTypeCd && vali_useStatCd && vali_salesUserNm && vali_telNo && vali_email) {
+				
+				if($('#ITP_FORM_OPER04010_DETAIL_ZIPNO').val() == '' || $('#ITP_FORM_OPER04010_DETAIL_ADRES').val() == '') {
+					itp_fn_modal_alert('주소 검색을 통해 회사 주소를 입력하세요.');
+					return;
+				}
+				
+				if (ITP_FORM_OPER04010_DETAIL_IS_DUPLICATE) {
+					itp_fn_modal_duplicate('영업담당자 ID 중복체크를 해주세요.', formId + '_SALES_USER_ID');
+				} else {
+					let param = $(formId).serializeObject();
+					var searhFn = function() {
+						ITP_FORM_OPER04010_DETAIL_IS_WRITING = false;
+						itp_fn_OPER04010_search();
+					};
+					console.log(JSON.stringify(param));
+					fn_ajax_call(SALES_USER_SAVE, JSON.stringify(param), searhFn, 'POST');	
+				}
+			}
+		});		
+		
+		// 중복체크
+		$('#ITP_FORM_OPER04010_DETAIL_DUP').on('click', function() {
+			const formId = '#ITP_FORM_OPER04010_DETAIL';
+			itp_fn_form_clear_validate(null, formId + '_DETAIL');
+			var vali_salesUserId = itp_fn_form_validate(formId + '_DETAIL', formId + '_SALES_USER_ID', ['empty'], undefined);
+			if (vali_salesUserId) {
+				var dupFn = function(result) {
+					if (result.code == 'N') {
+						ITP_FORM_OPER04010_DETAIL_IS_DUPLICATE = false;
+					} else {
+						ITP_FORM_OPER04010_DETAIL_IS_DUPLICATE = true;
+					}
+				};
+				const key = {'salesUserId':  $(formId + '_SALES_USER_ID').val()};
+				const param = $.param(key);
+				fn_ajax_call(SALES_USER_CHECK_DUPLICATE, param, dupFn, 'GET');
+			}
+		});
+		
+		// 상세:비밀번호 초기화
+		$('#ITP_BTN_OPER04010_RESET_PW').on('click', function() {
+			var resetPwFn = {
+				callBack: function(args) {
+					const key = {'userId':  $('#ITP_FORM_OPER04010_DETAIL_SALES_USER_ID').val()};
+					const param = $.param(key);
+					fn_ajax_call(USER_INTI_USERPW, param, undefined, 'GET');					
+				}
+			};
+			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.askResetUserPw, resetPwFn, null);		
+		});
+		
+		$('#ITP_FORM_OPER04010_DETAIL_ADRES_SCH').on('click', function() {
+			new daum.Postcode({
+		    	oncomplete: function(data) {
+					// 전체주소 리턴
+					document.getElementById('ITP_FORM_OPER04010_DETAIL_ZIPNO').value = data.zonecode;
+					document.getElementById('ITP_FORM_OPER04010_DETAIL_ADRES').value = data.roadAddress;
+					document.getElementById('ITP_FORM_OPER04010_DETAIL_LOTS_ADDRESS').value = !!data.autoJibunAddress ? data.autoJibunAddress : data.jibunAddress;
+					document.getElementById('ITP_FORM_OPER04010_DETAIL_STREET_ADDRESS').value = data.roadAddress;
+					document.getElementById('ITP_FORM_OPER04010_DETAIL_HJ_DONG').value = !!data.hname ? data.hname : data.bname;
+					document.getElementById('ITP_FORM_OPER04010_DETAIL_BJ_DONG').value = data.bname;
+					
+					itp_fn_OPER04010_detail_map(data.roadAddress);
+					document.getElementById('ITP_FORM_OPER04010_DETAIL_ADRES_DTL').focus();		  
+		        }
+			}).open();
+		});
+		
+	});
+});
+
+var itp_fn_OPER04010_detail_map = function(locate) {
+	
+	kakao.maps.load(function() {
+				
+		var mapContainer = document.getElementById('ITP_FORM_OPER04010_DETAIL_MAP'), // 지도를 표시할 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);
+	
+		function searchDetailAddrFromCoords(coords, callback) {
+		    // 좌표로 법정동 상세 주소 정보를 요청합니다
+		    geocoder.coord2Address(coords.getLng(), coords.getLat(), callback);
+		}
+		
+		// 주소-좌표 변환 객체를 생성합니다
+		var geocoder = new kakao.maps.services.Geocoder();	
+		var map;
+		
+		if( !locate || locate.length == 0 ) {
+			// 지도에 마커를 생성하고 표시한다
+		    	marker = new kakao.maps.Marker({
+		  	    position: new kakao.maps.LatLng(37.56684, 126.97865), // 마커의 좌표
+		   	    map: map // 마커를 표시할 지도 객체
+	    	});
+		} else {
+			// 주소로 좌표를 검색합니다
+			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);
+			        document.getElementById('ITP_FORM_OPER04010_DETAIL_LAT').value = result[0].y;
+			        document.getElementById('ITP_FORM_OPER04010_DETAIL_LNG').value = result[0].x;
+			        
+			        // 결과값으로 받은 위치를 마커로 표시합니다
+			        	marker = new kakao.maps.Marker({
+			            map: map,
+			            position: coords
+			        });
+		
+			        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
+			        map.setCenter(coords);
+			    }
+			});    
+		}
+		
+		// 지도 드래깅 이벤트를 등록한다 (드래그 시작 : dragstart, 드래그 종료 : dragend)
+		kakao.maps.event.addListener(map, 'drag', function () {
+		    searchDetailAddrFromCoords(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); */
+		});
+	});
+};
+
+var itp_fn_OPER04010_view_map = function(locate) {
+	
+	kakao.maps.load(function() {
+				
+		var mapContainer = document.getElementById('ITP_FORM_OPER04010_VIEW_MAP'), // 지도를 표시할 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);
+		
+		// 주소-좌표 변환 객체를 생성합니다
+		var geocoder = new kakao.maps.services.Geocoder();	
+		var map;
+		
+		if( !locate || locate.length == 0 ) {
+			// 지도에 마커를 생성하고 표시한다
+		    	marker = new kakao.maps.Marker({
+		  	    position: new kakao.maps.LatLng(37.56684, 126.97865), // 마커의 좌표
+		   	    map: map // 마커를 표시할 지도 객체
+	    	});
+		} else {
+			// 주소로 좌표를 검색합니다
+			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);
+			        
+			        // 결과값으로 받은 위치를 마커로 표시합니다
+			        marker = new kakao.maps.Marker({
+			            map: map,
+			            position: coords
+			        });
+		
+			        // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다
+			        map.setCenter(coords);
+			    }
+			});    
+		}
+	});
+};
+	
+var itp_fn_OPER04010_switch_screen = function(mode) {
+	if(mode == 'LIST') { // 목록
+		$('#ITP_BTN_OPER04010_MODIFY').hide();
+		$('#ITP_BTN_OPER04010_CANCELLIST').hide();
+		$('#ITP_BTN_OPER04010_DELETE').hide();
+		$('#ITP_BTN_OPER04010_SAVE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER04010_SRH');
+		fn_show_btn_auth('#ITP_BTN_OPER04010_NEWREG');
+		
+		$('#ITP_AJAX_OPER04010_LIST_CONTAINER').show();
+		$('#ITP_AJAX_OPER04010_DETAIL_CONTAINER').hide();		
+		$('#ITP_AJAX_OPER04010_VIEW_CONTAINER').hide();
+	} else if(mode == 'ADD') { // 등록
+		ITP_FORM_OPER04010_DETAIL_IS_DUPLICATE = true;
+	
+		$('#ITP_BTN_OPER04010_SRH').hide();
+		$('#ITP_BTN_OPER04010_MODIFY').hide();
+		$('#ITP_BTN_OPER04010_NEWREG').hide();
+		$('#ITP_BTN_OPER04010_DELETE').hide();
+		$('#ITP_BTN_OPER04010_RESET_PW').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER04010_CANCELLIST');
+		fn_show_btn_auth('#ITP_BTN_OPER04010_SAVE');
+		
+		$('#ITP_AJAX_OPER04010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER04010_DETAIL_CONTAINER').show();
+		$('#ITP_AJAX_OPER04010_VIEW_CONTAINER').hide();		
+		$('#ITP_FORM_OPER04010_DETAIL_SALES_USER_ID').removeAttr('readonly');
+		$('#ITP_FORM_OPER04010_DETAIL_DUP').removeAttr('disabled');
+		
+		$('#ITP_FORM_OPER04010_DETAIL_VIEW_CD').val('C');
+		$('#ITP_FORM_OPER04010_DETAIL_SALES_USER_NM').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_SALES_TYPE_CD').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_USE_STAT_CD').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_SALES_USER_ID').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_TEL_NO').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_FAX_NO').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_EMAIL').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_ZIPNO').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_ADRES').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_ADRES_DTL').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_LOTS_ADDRESS').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_STREET_ADDRESS').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_LAT').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_LNG').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_HJ_DONG').val('');
+		$('#ITP_FORM_OPER04010_DETAIL_BJ_DONG').val('');
+		
+	} else if(mode == 'MODIFY') { // 수정
+		$('#ITP_BTN_OPER04010_SRH').hide();
+		$('#ITP_BTN_OPER04010_MODIFY').hide();
+		$('#ITP_BTN_OPER04010_NEWREG').hide();		
+		$('#ITP_BTN_OPER04010_DELETE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER04010_RESET_PW');
+		fn_show_btn_auth('#ITP_BTN_OPER04010_CANCELLIST');
+		fn_show_btn_auth('#ITP_BTN_OPER04010_SAVE');
+		
+		$('#ITP_AJAX_OPER04010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER04010_DETAIL_CONTAINER').show();
+		$('#ITP_AJAX_OPER04010_VIEW_CONTAINER').hide();
+		$('#ITP_FORM_OPER04010_DETAIL_SALES_USER_ID').attr('readonly', true);
+		$('#ITP_FORM_OPER04010_DETAIL_DUP').attr('disabled', true);
+	} else if(mode == 'VIEW') { // 보기
+		$('#ITP_BTN_OPER04010_SRH').hide();
+		$('#ITP_BTN_OPER04010_NEWREG').hide();		
+		$('#ITP_BTN_OPER04010_DELETE').hide();
+		$('#ITP_BTN_OPER04010_SAVE').hide();
+		fn_show_btn_auth('#ITP_BTN_OPER04010_MODIFY');
+		fn_show_btn_auth('#ITP_BTN_OPER04010_CANCELLIST');
+		
+		$('#ITP_AJAX_OPER04010_LIST_CONTAINER').hide();
+		$('#ITP_AJAX_OPER04010_DETAIL_CONTAINER').hide();
+		$('#ITP_AJAX_OPER04010_VIEW_CONTAINER').show();
+	}	
+};
+
+var itp_fn_OPER04010_grid = {
+	init: function() {
+		// 데이터 없을때
+		itp_fn_OPER04010_empty.push();
+		$(OPER04010_GRID_EMPTY).on('click', function() {
+			itp_fn_OPER04010_empty.back();
+			itp_OPER04010_param.gridSize = $.jgrid.defaults.rowNum;
+			$(OPER04010_GRID_ID).setGridParam({'postData': JSON.stringify(itp_OPER04010_param)}).trigger('reloadGrid');
+		});	
+	},
+	callBack: function() {
+		let param = $('#ITP_FORM_OPER04010_SEARCH').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum;	
+		$(OPER04010_GRID_ID).jqGrid({
+			colModel: [
+				{
+					index: 'SALES_USER_ID', name: 'salesUserId',
+					label: '영업담당자ID', 
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'SALES_USER_NM', name: 'salesUserNm',
+					label: '영업담당자명', 
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'SALES_TYPE_NM', name: 'salesTypeNm',
+					label: '영업타입', 
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'USE_STAT_NM', name: 'useStatNm',
+					label: '상태', 
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				},
+				{
+					index: 'ADD_DT', name: 'addDt',
+					label: '가입일자', 
+					width: '8', fixed: false, align: 'center',
+					sortable: false, hidden: false
+				}
+			],
+			loadBeforeSend: function(jqXHR) {
+			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+			},
+			postData: JSON.stringify(param),
+			url: DOMAIN + SALES_USER_GRID_LIST,
+			pager: OPER04010_GRID_PAGER,
+			multiselect: false,
+			rownumbers: true, 
+			onCellSelect: function(rowId, cellIdx, cellValue) {
+				var cm = $(this).jqGrid('getGridParam', 'colModel');
+				var colNm = cm[cellIdx].name;
+				if (colNm == 'salesUserId') {
+					const salesUserIdVal = $(this).jqGrid('getCell', rowId, 'salesUserId');
+					const key = {salesUserId: salesUserIdVal, viewCd: 'R'};
+					var param = $.param(key);
+					itp_fn_OPER04010_view(param);
+				}
+		   	},
+			loadComplete: function(data) {
+				console.log(JSON.stringify(data));
+				itp_fn_grid_load_complete(data, OPER04010_GRID_ID, true, 'number', 'OPER04010', itp_OPER04010_search, itp_fn_OPER04010_empty, true, data.gridRecords, true);
+				var ids = $(OPER04010_GRID_ID).getDataIDs();
+				$.each(ids, function(idx, rowId) {
+					$(OPER04010_GRID_ID).jqGrid('setCell', rowId, 'salesUserId', '', ITP_GRID_COL_STYLE.link);
+				});	
+		    },
+		    loadError: function(jqXHR, textStatus, errorThrown) {
+		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+		    },
+		    onPaging: function(action) {
+		    	itp_fn_grid_paging(OPER04010_GRID_ID, action, param);
+		    }
+		}).navGrid(OPER04010_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+	},
+	clearData : function() {
+		$(OPER04010_GRID_ID).jqGrid('clearGridData', true);
+		$(OPER04010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(OPER04010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(OPER04010_GRID_EMPTY).show();
+	}, 
+	unload : function() {
+		$.jgrid.gridUnload(OPER04010_GRID_ID); 
+	}
+};
+
+var itp_fn_OPER04010_search = function() {
+	itp_fn_OPER04010_switch_screen('LIST');	
+	itp_fn_OPER04010_grid.unload();
+	itp_fn_OPER04010_grid.callBack();
+};
+
+let itp_OPER04010_param = {};
+let itp_OPER04010_search = false;
+var itp_fn_OPER04010_empty = {
+	push: function() {
+		let param = $('#ITP_FORM_OPER04010_SEARCH').serializeObject();
+		itp_OPER04010_param = param;
+	},
+	back: function() {
+		$('#ITP_FORM_OPER04010_DEVI_TP_CD').val(itp_OPER04010_param.deviTpCd);
+		$('#ITP_FORM_OPER04010_ORDER_YN').val(itp_OPER04010_param.orderYn);
+		$('#ITP_FORM_OPER04010_ADT_AUTH_CD').val(itp_OPER04010_param.adtAuthCd);
+		$('#ITP_FORM_OPER04010_EMAIL_RCV_YN').val(itp_OPER04010_param.emailRcvYn);
+		$('#ITP_FORM_OPER04010_SMS_RCV_YN').val(itp_OPER04010_param.smsRcvYn);
+		$('#ITP_FORM_OPER04010_MEMB_EXIT_DT').val(itp_OPER04010_param.membExitDt);
+		$('#ITP_FORM_OPER04010_FROM_DT').val(itp_OPER04010_param.fromDt);
+		$('#ITP_FORM_OPER04010_TO_DT').val(itp_OPER04010_param.toDt);
+		$('#ITP_FORM_OPER04010_KEYWORD').val(itp_OPER04010_param.keyword);
+	}
+};
+
+var itp_fn_OPER04010_view = function(param) {
+	fn_ajax_call(SALES_USER_INFO, param, itp_fn_OPER04010_view_callback, 'GET');
+};
+
+var itp_fn_OPER04010_view_callback = function(result) {
+	// console.log(result);
+	itp_fn_OPER04010_switch_screen('VIEW');
+	$('#ITP_FORM_OPER04010_VIEW #ITP_FORM_OPER04010_VIEW_SALES_USER_ID').val(result.salesUserId);
+	$('#ITP_FORM_OPER04010_VIEW .fnSalesUserId').text(result.salesUserId);
+	$('#ITP_FORM_OPER04010_VIEW .fnSalesUserNm').text(result.salesUserNm);
+	$('#ITP_FORM_OPER04010_VIEW .fnSalesTypeCd').text(result.salesTypeCd);
+	$('#ITP_FORM_OPER04010_VIEW .fnUseStatCd').text(result.useStatCd);
+	$('#ITP_FORM_OPER04010_VIEW .fnSalesTypeNm').text(result.salesTypeNm);
+	$('#ITP_FORM_OPER04010_VIEW .fnUseStatNm').text(result.useStatNm);
+	$('#ITP_FORM_OPER04010_VIEW .fnTelNo').text(result.telNo);
+	$('#ITP_FORM_OPER04010_VIEW .fnFaxNo').text(result.faxNo);
+	$('#ITP_FORM_OPER04010_VIEW .fnEmail').text(result.email);
+	$('#ITP_FORM_OPER04010_VIEW .fnCmpyAddress').text('('+ result.zipno + ') ' + result.adres + ' ' + result.adresDtl);
+	
+	$('#ITP_FORM_OPER04010_VIEW .fnAddDt').text(result.addDt);
+	$('#ITP_FORM_OPER04010_VIEW .fnChgDt').text(result.chgDt);
+	
+	itp_fn_OPER04010_view_map(result.adres);	
+};
+
+var itp_fn_OPER04010_detail = function(param) {
+	fn_ajax_call(SALES_USER_INFO, param, itp_fn_OPER04010_detail_callback, 'GET');
+};
+
+var itp_fn_OPER04010_detail_callback = function(result) {
+	 console.log(result);
+	itp_fn_OPER04010_switch_screen('MODIFY');
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_VIEW_CD').val('U');
+	
+	$('#ITP_FORM_OPER04010_VIEW #ITP_FORM_OPER04010_VIEW_SALES_USER_ID').val(result.salesUserId);
+	$('#ITP_FORM_OPER04010_VIEW .fnSalesUserId').text(result.salesUserId);
+	$('#ITP_FORM_OPER04010_VIEW .fnSalesUserNm').text(result.salesUserNm);
+	$('#ITP_FORM_OPER04010_VIEW .fnSalesTypeCd').text(result.salesTypeCd);
+	$('#ITP_FORM_OPER04010_VIEW .fnUseStatCd').text(result.useStatCd);
+	$('#ITP_FORM_OPER04010_VIEW .fnSalesTypeNm').text(result.salesTypeNm);
+	$('#ITP_FORM_OPER04010_VIEW .fnUseStatNm').text(result.useStatNm);
+	$('#ITP_FORM_OPER04010_VIEW .fnTelNo').text(result.telNo);
+	$('#ITP_FORM_OPER04010_VIEW .fnFaxNo').text(result.faxNo);
+	$('#ITP_FORM_OPER04010_VIEW .fnEmail').text(result.email);
+	
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_SALES_USER_NM').val(result.salesUserNm);
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_SALES_TYPE_CD').val(result.salesTypeCd);
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_USE_STAT_CD').val(result.useStatCd);
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_SALES_USER_ID').val(result.salesUserId);	
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_SALES_TYPE_NM').val(result.salesTypeNm);
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_USE_STAT_NM').val(result.useStatNm);
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_TEL_NO').val(result.telNo);
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_FAX_NO').val(result.faxNo);
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_EMAIL').val(result.email);
+		
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_ZIPNO').val(result.zipno);	
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_ADRES').val(result.adres);	
+	$('#ITP_FORM_OPER04010_DETAIL #ITP_FORM_OPER04010_DETAIL_ADRES_DTL').val(result.adresDtl);		
+	
+	$('#ITP_FORM_OPER04010_DETAIL .fnAddDt').text(result.addDt);
+	$('#ITP_FORM_OPER04010_DETAIL .fnChgDt').text(result.chgDt);
+	
+	itp_fn_OPER04010_detail_map($('#ITP_FORM_OPER04010_DETAIL_ADRES').val());
+	
+};