style24
/
style24.admin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545
							<!DOCTYPE html>
<html lang="ko"
	xmlns:th="http://www.thymeleaf.org">
<!--
 *******************************************************************************
 * @source  : UserDetailForm.html
 * @desc    : 사용자 상세 팝업 Page
 *============================================================================
 * STYLE24
 * Copyright(C) 2020 TSIT, All rights reserved.
 *============================================================================
 * VER  DATE         AUTHOR      DESCRIPTION
 * ===  ===========  ==========  =============================================
 * 1.0  2020.10.07   gagamel     최초 작성
 *******************************************************************************
 -->
<div class="modalPopup" data-width="900" id="popupUser">
	<div class="panelStyle">
		<!-- TITLE -->
		<div class="panelTitle">
			<strong th:text="${'사용자 ' + (mode == 'N' ? '등록' : '상세')}">사용자 상세</strong>
			<button type="button" class="close" onclick="uifnPopupClose('popupUser');"><em class="fa fa-times"></em></button>
		</div>
		<!-- //TITLE -->
		
		<!-- CONTENT -->
		<div class="panelContent" th:if="${mode == 'N'}">
			<form id="userRegisterForm" name="userRegisterForm" action="#" th:action="@{'/system/user/save'}" th:method="post">
				<input type="hidden" name="mode" th:value="${mode}"/>
				
				<table class="frmStyle" aria-describedby="등록폼">
					<colgroup>
						<col style="width:10%"/>
						<col style="width:40%;"/>
						<col style="width:10%;"/>
						<col/>
					</colgroup>
					<tr>
						<th>사용자ID<em class="required" title="필수"></em></th>
						<td>
							<input type="hidden" name="userNo" value="" readonly="readonly"/>
							<input type="text" class="w150" name="userId" placeholder="" maxlength="20" required="required" data-valid-type="alphaNumeric" data-valid-name="사용자ID"/>
							<button type="button" class="btn btn-default btn-sm" id="userIdDupCheck">중복체크</button>
						</td>
						<th>사용자명<em class="required" title="필수"></em></th>
						<td>
							<input type="text" name="userNm" placeholder="" maxlength="50" required="required" data-valid-name="사용자명"/>
						</td>
					</tr>
					<tr>
						<th>비밀번호<em class="required" title="필수"></em></th>
						<td colspan="3">
							<input type="password" name="passwd" placeholder="비밀번호" maxlength="50" required="required" data-valid-type="password" data-valid-name="비밀번호"/> /
							<input type="password" name="passwdConfirm" placeholder="비밀번호확인" maxlength="50" required="required" data-valid-type="password" data-valid-name="비밀번호확인"/>
							<p class="dot cBlue">대문자, 소문자, 특수문자, 숫자로 구성해야 합니다.</p>
							<p class="dot cBlue">이 중 3개 이상은 8 ~ 20자, 2개 이상은 10 ~ 20자로 설정해야 합니다.</p>
						</td>
					</tr>
					<tr>
						<th>권한<em class="required" title="필수"></em></th>
						<td>
							<input type="hidden" name="roleChangeYn" value="Y"/>
							<select name="roleCd" required="required" data-valid-name="권한">
								<option th:if="${roleList}" th:each="oneData, status : ${roleList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
							</select>
						</td>
						<th><span id="registerRoleRefVal">업체</span></th>
						<td>
							<input type="hidden" name="roleRefVal"/>
							<select name="supplyCompCd">
								<option th:if="${sessionInfo.supplyCompCd == null}" value="">[선택]</option>
								<option th:if="${supplyCompList}" th:each="oneData, status : ${supplyCompList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
							</select>
							<select name="vendorId" style="display: none">
								<option th:if="${sessionInfo.vendorId == null}" value="">[선택]</option>
								<option th:if="${vendorList}" th:each="oneData, status : ${vendorList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
							</select>
							<select name="afLinkCd" style="display: none">
								<option th:if="${sessionInfo.afLinkCd == null}" value="">[선택]</option>
								<option th:if="${afLinkList}" th:each="oneData, status : ${afLinkList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}"></option>
							</select>
						</td>
					</tr>
					<tr>
						<th>이메일</th>
						<td>
							<input type="text" name="email" placeholder="" maxlength="100" data-valid-type="email" data-valid-name="이메일"/>
						</td>
						<th>휴대전화번호</th>
						<td>
							<input type="text" name="cellPhnno" placeholder="" maxlength="50" data-valid-type="cellPhone" data-valid-name="휴대전화번호"/>
						</td>
					</tr>
					<tr>
						<th>포인트부여가능금액</th>
						<td>
							<input type="text" name="pntAssignAmt" class="aR" placeholder="" maxlength="6" data-valid-type="pinteger" data-valid-name="포인트부여가능금액"/>
						</td>
						<th>IP주소</th>
						<td>
							<input type="text" name="ipAddr" placeholder="" maxlength="20" data-valid-type="ipAddress" data-valid-name="IP주소"/>
						</td>
					</tr>
					<tr>
						<th>IP체크여부</th>
						<td>
							<input type="hidden" name="ipChkYn" value="Y"/>
							<label class="chkBox checked"><input type="checkbox" name="chkIpChkYn" value="Y"/>IP체크</label>
						</td>
						<th>사용여부</th>
						<td>
							<input type="hidden" name="useYn" value="Y"/>
							<label class="chkBox checked"><input type="checkbox" name="chkUseYn" value="Y" checked="checked"/>사용</label>
						</td>
					</tr>
					<tr>
						<th>마스킹여부</th>
						<td colspan="3">
							<input type="hidden" name="maskingYn" value="N"/>
							<label class="chkBox checked"><input type="checkbox" name="chkMaskingYn" value="Y" checked="checked"/>마스킹</label>
							<span class="infoTxt cBlue marL10"><i class="fa fa-info-circle" aria-hidden="true"></i>회원정보에 대한 마스킹 처리여부</span>
						</td>
					</tr>
				</table>
			</form>
		</div>
		<!-- //CONTENT -->

		<!-- 버튼 배치 영역 -->
		<ul class="panelBar" th:if="${mode == 'N'}">
			<li class="right">
				<button type="button" class="btn btn-info btn-lg" onclick="fnSaveUser('#userRegisterForm');">저장</button>
				<button type="button" class="btn btn-gray btn-lg" onclick="$('#userRegisterForm')[0].reset();">초기화</button>
			</li>
		</ul>
		<!-- //버튼 배치 영역 -->
	
		<!-- CONTENT -->
		<div class="panelContent" th:if="${mode == 'U'}">
			<form id="userDetailForm" name="userDetailForm" action="#" th:action="@{'/system/user/save'}" th:method="post" th:object="${userInfo}">
				<input type="hidden" name="mode" th:value="${mode}"/>
				
				<table class="frmStyle" aria-describedby="상세폼">
					<colgroup>
						<col style="width:10%"/>
						<col style="width:40%;"/>
						<col style="width:10%;"/>
						<col/>
					</colgroup>
					<tr>
						<th>사용자ID<em class="required" title="필수"></em></th>
						<td>
							<input type="hidden" name="userNo" readonly="readonly" th:field="*{userNo}"/>
							<input type="text" name="userId" placeholder="" readonly="readonly" th:field="*{userId}"/>
						</td>
						<th>사용자명<em class="required" title="필수"></em></th>
						<td>
							<input type="text" name="userNm" placeholder="" maxlength="50" required="required" data-valid-name="사용자명" th:field="*{userNm}"/>
						</td>
					</tr>
					<tr>
						<th>비밀번호</th>
						<td colspan="3">
							<input type="password" name="passwd" placeholder="비밀번호" maxlength="50" data-valid-type="password" data-valid-name="비밀번호"/> /
							<input type="password" name="passwdConfirm" placeholder="비밀번호확인" maxlength="50" data-valid-type="password" data-valid-name="비밀번호확인"/>
							<button type="button" class="btn btn-info btn-sm" id="btnChangePassword">비밀번호변경</button>
							<p class="dot cBlue">대문자, 소문자, 특수문자, 숫자로 구성해야 합니다.</p>
							<p class="dot cBlue">이 중 3개 이상은 8 ~ 20자, 2개 이상은 10 ~ 20자로 설정해야 합니다.</p>
						</td>
					</tr>
					<tr>
						<th>권한<em class="required" title="필수"></em></th>
						<td>
							<input type="hidden" name="roleChangeYn" value="N"/>
							<select name="roleCd" required="required" data-valid-name="권한" th:field="*{roleCd}">
								<option th:if="${roleList}" th:each="oneData, status : ${roleList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}" th:selected="${roleCd == oneData.cd}"></option>
							</select>
						</td>
						<th>
							<span id="detailRoleRefVal" th:if="${userInfo.roleCd == 'G001_B000'}">업체</span>
							<span id="detailRoleRefVal" th:if="${userInfo.roleCd == 'G001_C000'}">외부몰벤더</span>
							<span id="detailRoleRefVal" th:if="${userInfo.roleCd == 'G001_D000'}">제휴채널</span>
							<span id="detailRoleRefVal" th:if="${userInfo.roleCd != 'G001_B000' and userInfo.roleCd != 'G001_C000' and userInfo.roleCd != 'G001_D000'}"></span>
						</th>
						<td>
							<input type="hidden" name="roleRefVal" th:value="${userInfo.roleRefVal}"/>
							<select name="supplyCompCd" th:style="${userInfo.roleCd == 'G001_B000' ? '' : 'display: none'}">
								<option th:if="${sessionInfo.supplyCompCd == null}" value="">[선택]</option>
								<option th:if="${supplyCompList}" th:each="oneData, status : ${supplyCompList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}" th:selected="${userInfo.roleRefVal == oneData.cd}"></option>
							</select>
							<select name="vendorId" th:style="${userInfo.roleCd == 'G001_C000' ? '' : 'display: none'}">
								<option th:if="${sessionInfo.vendorId == null}" value="">[선택]</option>
								<option th:if="${vendorList}" th:each="oneData, status : ${vendorList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}" th:selected="${userInfo.roleRefVal == oneData.cd}"></option>
							</select>
							<select name="afLinkCd" th:style="${userInfo.roleCd == 'G001_D000' ? '' : 'display: none'}">
								<option th:if="${sessionInfo.afLinkCd == null}" value="">[선택]</option>
								<option th:if="${afLinkList}" th:each="oneData, status : ${afLinkList}" th:value="${oneData.cd}" th:text="${'[' + oneData.cd + '] ' + oneData.cdNm}" th:selected="${userInfo.roleRefVal == oneData.cd}"></option>
							</select>
						</td>
					</tr>
					<tr>
						<th>이메일</th>
						<td colspan="3">
							<input type="text" name="email" placeholder="" maxlength="100" data-valid-type="email" data-valid-name="이메일" th:field="*{email}"/>
							<!-- <button type="button" class="btn btn-info btn-sm" id="btnSendTempPassword">임시비밀번호 발송</button> -->
						</td>
					</tr>
					<tr>
						<th>휴대전화번호</th>
						<td>
							<input type="text" name="cellPhnno" placeholder="" maxlength="50" data-valid-type="cellPhone" data-valid-name="휴대전화번호" th:field="*{cellPhnno}"/>
						</td>
						<th>포인트부여가능금액</th>
						<td>
							<input type="text" class="aR" name="pntAssignAmt" placeholder="" maxlength="6" data-valid-type="pinteger" data-valid-name="포인트부여가능금액" th:field="*{pntAssignAmt}"/>
						</td>
					</tr>
					<tr>
						<th>IP주소</th>
						<td>
							<input type="text" name="ipAddr" placeholder="" maxlength="20" data-valid-type="ipAddress" data-valid-name="IP주소" th:field="*{ipAddr}"/>
						</td>
						<th>IP체크여부</th>
						<td>
							<input type="hidden" name="ipChkYn" th:value="${userInfo.ipChkYn}"/>
							<label th:class="${'chkBox' + (userInfo.ipChkYn == 'Y' ? ' checked' : '')}"><input type="checkbox" name="chkIpChkYn" th:value="${userInfo.ipChkYn}" th:checked="${userInfo.ipChkYn == 'Y'}"/>IP체크</label>
						</td>
					</tr>
					<tr>
						<th>마스킹여부</th>
						<td>
							<input type="hidden" name="maskingYn" th:value="${userInfo.maskingYn}"/>
							<label th:class="${'chkBox' + (userInfo.maskingYn == 'Y' ? ' checked' : '')}"><input type="checkbox" name="chkMaskingYn" th:value="${userInfo.maskingYn}" th:checked="${userInfo.maskingYn == 'Y'}"/>마스킹</label>
						</td>
						<th>사용여부</th>
						<td>
							<input type="hidden" name="useYn" th:value="${userInfo.useYn}"/>
							<label th:class="${'chkBox' + (userInfo.useYn == 'Y' ? ' checked' : '')}"><input type="checkbox" name="chkUseYn" th:value="${userInfo.useYn}" th:checked="${userInfo.useYn == 'Y'}"/>사용</label>
						</td>
					</tr>
					<tr>
						<th>최종로그인일시</th>
						<td th:text="*{loginLdt}">
						</td>
						<th>비밀번호변경일시</th>
						<td th:text="*{passwdChgDt}">
						</td>
					</tr>
				</table>
			</form>
		</div>
		
		<!-- //CONTENT -->

		<!-- 버튼 배치 영역 -->
		<ul class="panelBar" th:if="${mode == 'U'}">
			<li class="right">
				<button type="button" class="btn btn-info btn-lg" onclick="fnSaveUser('#userDetailForm');">저장</button>
				<button type="button" class="btn btn-gray btn-lg" onclick="fnInitialize(false);">초기화</button>
			</li>
		</ul>
	</div>
</div>

<script th:inline="javascript">
/*<![CDATA[*/
	var mode = [[${mode}]];
	var roleCd = [[${userInfo.roleCd}]];
	
	// 사용자ID 중복 체크
	var isUnique = true;
	$('#userIdDupCheck').on('click', function() {
		var $e = $('#userRegisterForm input[name=userId]');
		if (gagajf.isNull($e.val())) {
			mcxDialog.alert('사용자ID를 입력해 주세요.');
			$e.focus();
			return;
		}
		
		$.get('/system/user/id/' + $e.val()
			, function(data) {
				if (data > 0) {
					mcxDialog.alertC('이 ID는 이미 사용중입니다. 다른 ID를 입력해 주세요.', {
						sureBtnText: "확인",
						sureBtnClick: function() {
							isUnique = false;
							$e.val('');
							$e.focus();
						}
					});
				} else {
					mcxDialog.alert('이 ID는 사용 가능합니다.');
					isUnique = true;
				}
			});
	});
	
	// 등록화면 권한 변경 시
	$('#userRegisterForm select[name=roleCd]').on('change', function() {
		var abRoleCd = $(this).val().substring(0,6);
		if (abRoleCd == 'G001_A' || abRoleCd == 'G001_B') { // 입점업체
			$('#userRegisterForm select[name=supplyCompCd]').show();
			$('#userRegisterForm select[name=vendorId]').hide();
			$('#userRegisterForm select[name=afLinkCd]').hide();
			$('#registerRoleRefVal').text('업체');
		} else if (abRoleCd == 'G001_C') { // 외부몰벤더
			$('#userRegisterForm select[name=supplyCompCd]').hide();
			$('#userRegisterForm select[name=vendorId]').show();
			$('#userRegisterForm select[name=afLinkCd]').hide();
			$('#registerRoleRefVal').text('외부몰벤더');
		} else if (abRoleCd == 'G001_D') { // 제휴채널
			$('#userRegisterForm select[name=supplyCompCd]').hide();
			$('#userRegisterForm select[name=vendorId]').hide();
			$('#userRegisterForm select[name=afLinkCd]').show();
			$('#registerRoleRefVal').text('제휴채널');
		} else { // 외부몰벤더
			$('#userRegisterForm select[name=supplyCompCd]').hide();
			$('#userRegisterForm select[name=vendorId]').hide();
			$('#userRegisterForm select[name=afLinkCd]').hide();
			$('#registerRoleRefVal').text('');
		}
	});
	
	// 비밀번호 변경
	$('#btnChangePassword').on('click', function() {
		// 기본 이벤트 실행 안 되게
		//if (event.preventDefault) event.preventDefault(); else event.returnValue = false;

		var passwd = $('#userDetailForm input[name=passwd]').val();
		var passwdConfirm = $('#userDetailForm input[name=passwdConfirm]').val();
		
		if (gagajf.isNull(passwd)) {
			mcxDialog.alertC('비밀번호를 입력해 주세요.', {
				sureBtnText: "확인",
				sureBtnClick: function() {
					$('#userDetailForm input[name=passwd]').focus();
				}
			});
			return;
		}
		
		if (gagajf.isNull(passwdConfirm)) {
			mcxDialog.alertC('비밀번호확인을 입력해 주세요.', {
				sureBtnText: "확인",
				sureBtnClick: function() {
					$('#userDetailForm input[name=passwdConfirm]').focus();
				}
			});
			return;
		}
		
		if (passwd != passwdConfirm) {
			mcxDialog.alertC('비밀번호를 확인해 주세요.', {
				sureBtnText: "확인",
				sureBtnClick: function() {
					$('#userDetailForm input[name=passwdConfirm]').focus();
				}
			});
			return;
		}
		
		mcxDialog.confirm("비밀번호를 변경하시겠습니까?", {
			cancelBtnText: "취소",
			sureBtnText: "확인",
			sureBtnClick: function() {
				var jsonData = JSON.stringify($('#userDetailForm').serializeObject());
				gagajf.ajaxJsonSubmit('/system/user/password/change', jsonData);
			}
		});
	});
	
	// 임시비밀번호 발송
	$('#btnSendTempPassword').on('click', function() {
		// 기본 이벤트 실행 안 되게
		//if (event.preventDefault) event.preventDefault(); else event.returnValue = false;

		var email = $('#userDetailForm input[name=email]').val();
		
		if (gagajf.isNull(email)) {
			mcxDialog.alertC('이메일을 입력해 주세요.', {
				sureBtnText: "확인",
				sureBtnClick: function() {
					$('#userDetailForm input[name=email]').focus();
				}
			});
			return;
		}
		
		mcxDialog.confirm("임시비밀번호를 발송하시겠습니까?", {
			cancelBtnText: "취소",
			sureBtnText: "확인",
			sureBtnClick: function() {
				var jsonData = JSON.stringify($('#userDetailForm').serializeObject());
				gagajf.ajaxJsonSubmit('/system/user/tempPassword/send', jsonData);
			}
		});
	});
	
	// 수정화면 권한 변경 시
	$('#userDetailForm select[name=roleCd]').on('change', function() {
		if (roleCd == $(this).val()) {
			$('#userDetailForm input[name=roleChangeYn]').val('N');
		} else {
			$('#userDetailForm input[name=roleChangeYn]').val('Y');
		}
		
		var abRoleCd = $(this).val().substring(0,6);
		if (abRoleCd == 'G001_A' || abRoleCd == 'G001_B') { // 입점업체
			$('#userDetailForm select[name=supplyCompCd]').show();
			$('#userDetailForm select[name=vendorId]').hide();
			$('#userDetailForm select[name=afLinkCd]').hide();
			$('#detailRoleRefVal').text('업체');
		} else if (abRoleCd == 'G001_C') { // 외부몰벤더
			$('#userDetailForm select[name=supplyCompCd]').hide();
			$('#userDetailForm select[name=vendorId]').show();
			$('#userDetailForm select[name=afLinkCd]').hide();
			$('#detailRoleRefVal').text('외부몰벤더');
		} else if (abRoleCd == 'G001_D') { // 제휴채널
			$('#userDetailForm select[name=supplyCompCd]').hide();
			$('#userDetailForm select[name=vendorId]').hide();
			$('#userDetailForm select[name=afLinkCd]').show();
			$('#detailRoleRefVal').text('제휴채널');
		} else {
			$('#userDetailForm select[name=supplyCompCd]').hide();
			$('#userDetailForm select[name=vendorId]').hide();
			$('#userDetailForm select[name=afLinkCd]').hide();
			$('#detailRoleRefVal').text('');
		}
	});
	
	// 초기화
	var fnInitialize = function(isFirst) {
		if (!isFirst) {
			$('#userDetailForm')[0].reset();
		}
		
		// 상세/수정 화면이면
		if (mode == 'U') {
		}
	}
	
	// 저장
	var fnSaveUser = function(formId) {
		// 입력 값 체크
		if (!gagajf.validation(formId))
			return false;
		
		if (mode == 'N') {
			if (!isUnique) {
				mcxDialog.alert('사용자ID를 중복체크해 주세요.');
				return;
			}
			
			if ($(formId + ' input[name=passwd]').val() != $(formId + ' input[name=passwdConfirm]').val()) {
				mcxDialog.alertC('비밀번호와 비밀번호확인 값이 다릅니다.', {
					sureBtnText: "확인",
					sureBtnClick: function() {
						$(formId + ' input[name=passwdConfirm]').focus();
					}
				});
				return;
			}
		}
		
		var abRoleCd = $(formId + ' select[name=roleCd]').val().substring(0,6);
		if (abRoleCd == 'G001_B') { // 입점업체
			if (gagajf.isNull($(formId + ' select[name=supplyCompCd]').val())) {
				mcxDialog.alertC('업체를 선택해 주세요.', {
					sureBtnText: "확인",
					sureBtnClick: function() {
						$(formId + ' select[name=supplyCompCd]').focus();
					}
				});
				return;
			}
		} else if (abRoleCd == 'G001_C') { // 외부몰벤더
			if (gagajf.isNull($(formId + ' select[name=vendorId]').val())) {
				mcxDialog.alertC('외부몰벤더를 선택해 주세요.', {
					sureBtnText: "확인",
					sureBtnClick: function() {
						$(formId + ' select[name=vendorId]').focus();
					}
				});
				return;
			}
		} else if (abRoleCd == 'G001_D') { // 제휴채널
			if (gagajf.isNull($(formId + ' select[name=afLinkCd]').val())) {
				mcxDialog.alertC('제휴채널을 선택해 주세요.', {
					sureBtnText: "확인",
					sureBtnClick: function() {
						$(formId + ' select[name=afLinkCd]').focus();
					}
				});
				return;
			}
		}
		
		if ($(formId + ' input:checkbox[name=chkIpChkYn]').is(":checked")) {
			if (gagajf.isNull($(formId + ' input[name=ipAddr]').val())) {
				mcxDialog.alertC('IP주소를 입력해 주세요.', {
					sureBtnText: "확인",
					sureBtnClick: function() {
						$(formId + ' input[name=ipAddr]').focus();
					}
				});
				return;
			}
		}
		
		mcxDialog.confirm("저장하시겠습니까?", {
			cancelBtnText: "취소",
			sureBtnText: "확인",
			sureBtnClick: function() {
				$(formId + ' input[name=ipChkYn]').val($(formId + ' input:checkbox[name=chkIpChkYn]').is(":checked") ? 'Y' : 'N');
				$(formId + ' input[name=maskingYn]').val($(formId + ' input:checkbox[name=chkMaskingYn]').is(":checked") ? 'Y' : 'N');
				$(formId + ' input[name=useYn]').val($(formId + ' input:checkbox[name=chkUseYn]').is(":checked") ? 'Y' : 'N');
				
				if (abRoleCd == 'G001_A' || abRoleCd == 'G001_B' || abRoleCd == 'G001_E') { // 자사,입점,촬영업체
					$(formId + ' input[name=roleRefVal]').val($(formId + ' select[name=supplyCompCd]').val());
				} else if (abRoleCd == 'G001_C') { // 외부몰벤더
					$(formId + ' input[name=roleRefVal]').val($(formId + ' select[name=vendorId]').val());
				} else if (abRoleCd == 'G001_D') { // 제휴채널
					$(formId + ' input[name=roleRefVal]').val($(formId + ' select[name=afLinkCd]').val());
				} else {
					$(formId + ' input[name=roleRefVal]').val('');
				}
				
				gagajf.ajaxFormSubmit($(formId).prop('action'), formId, function() {
					uifnPopupClose('popupUser');
					$('#btnSearch').trigger('click');
				});
			}
		});
	}
	
	$(document).ready(function() {
		// 상세/수정 화면이면
		if (mode == 'U') {
			fnInitialize(true);
		}
	});
/*]]>*/
</script>

</html>