mjon_git/src/main/webapp/WEB-INF/jsp/web/user/membershipChange.jsp

373 lines
14 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%>
<script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script language=javascript>
$(document).ready(function(){
$("#selectEmail").on("change",function(){
$("#taxMngEmail2").val($(this).val());
});
//사업자등록번호 입력
$("input[name=bizNo]").on("keyup", function() {
$(this).val(bizNo($(this).val().replace(/[^-\.0-9]/g,"")))
})
});
//사업자등록번호 - 넣기
function bizNo(str){
str = str.replace(/[^0-9]/g, '');
var tmp = '';
if(str.length < 4){
return str;
}else if(str.length < 7){
tmp += str.substr(0, 3);
tmp += '-';
tmp += str.substr(3);
return tmp;
}else{
tmp += str.substr(0, 3);
tmp += '-';
tmp += str.substr(3, 2);
tmp += '-';
tmp += str.substr(5);
return tmp;
}
return str;
}
// 사업자등록번호 확인
function bizNoCheck(){
var numberMap = $("#bizNo").val().replace(/-/gi, '').split('').map(function (d){
return parseInt(d, 10);
});
if(numberMap.length == 10){
var keyArr = [1, 3, 7, 1, 3, 7, 1, 3, 5];
var chk = 0;
keyArr.forEach(function(d, i){
chk += d * numberMap[i];
});
chk += parseInt((keyArr[8] * numberMap[8])/ 10, 10);
console.log(chk);
if(Math.floor(numberMap[9]) === ( (10 - (chk % 10) ) % 10)){
alert("사업자등록번호 확인이 완료되었습니다.");
return false;
}else{
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
}
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
//주소 검색
function openDaumZipAddress(){
new daum.Postcode({
oncomplete: function(data) {
$("#zip").val(data.zonecode);
if(data.userSelectedType == "R"){
$("#adres").val(data.roadAddress);
}else{
$("#adres").val(data.jibunAddress);
}
}
}).open();
}
var doubleSubmitFlag = false; //중복 등록 방지를 위한 변수
function membershipChange(){
//전화번호 양식 체크
var regExp = /^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?[0-9]{3,4}-?[0-9]{4}$/;
var form = document.mberManageVO;
if($("#mberNm").val() == ''){
alert("회사명을 입력해주세요.");
return false;
}
if($("#ceoNm").val() == ''){
alert("대표명을 입력해주세요.");
return false;
}
//사업자등록번호 체크
var numberMap = $("#bizNo").val().replace(/-/gi, '').split('').map(function (d){
return parseInt(d, 10);
});
if(numberMap.length == 10){
var keyArr = [1, 3, 7, 1, 3, 7, 1, 3, 5];
var chk = 0;
keyArr.forEach(function(d, i){
chk += d * numberMap[i];
});
chk += parseInt((keyArr[8] * numberMap[8])/ 10, 10);
if(Math.floor(numberMap[9]) !== ( (10 - (chk % 10) ) % 10)){
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
}else{
alert("사업자 번호가 유효하지 않습니다.");
return false;
}
if(doubleSubmitFlag){
alert("이미 등록하셨습니다.");
return false;
}else{
form.bizNo.value = form.bizNo.value.replace(/-/gi, "").trim();
/* if($("#atFileBasicWrite").val() == ''){
alert("사업자등록증을 첨부해주세요.")
return false;
}
if($("#atFileBasicWriteWork").val() == ''){
alert("재직증명서를 첨부해주세요.")
return false;
} */
$("#dept").val("c"); //회원종류 - 기업
var _fileForm2 = new Array();
var data = new FormData(form);
_fileForm2.forEach(function(obj, idx) {
if (obj) data.append("file"+idx, obj.fileObj);
});
$.ajax({
cache : false
,url : "<c:url value='/web/user/updateMembershipChangeAjax.do'/>"
,async:false
,type : 'POST'
,data : data
,dataType:'json'
,processData: false
,contentType: false
,success : function(returnData, status){
if(returnData.result == "success") {
alert("기업회원 전환 신청이 완료되었습니다.");
doubleSubmitFlag = true;
location.href='/web/user/membershipChange.do'; //마이페이지로 이동
} else{
alert(returnData.message);
return;
}
}
,error : function(request , status, error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
}
}
function changeValue(obj){
$('#atFileBasicWrite').val(obj.value);
}
function changeValueWork(obj){
$('#atFileBasicWriteWork').val(obj.value);
}
</script>
<div class="inner">
<!-- send top -->
<div class="send_top">
<!-- tab button -->
<%@include file="/WEB-INF/jsp/web/user/mypageHeader.jsp" %>
<!--// tab button -->
<!-- 마이페이지 - 기업회원 전환 -->
<form id="mberManageVO" name="mberManageVO" action="/web/user/login/usrJoinInsert.do" method="post" enctype="Multipart/form-data">
<input type="hidden" name="mberId" value="${loginVO.id}"/>
<input type="hidden" name="managerNm" value="${loginVO.name}"/> <!-- 담당자 명 -->
<input type="hidden" name="dept" id="dept" value=""/> <!-- 회원종류 : 기업 -->
<div class="mypage_content current" id="tab5_2">
<div class="heading">
<h2>기업회원 전환</h2>
</div>
<div class="mem_cont_in">
<div class="text_top">
<p>
필수 기업정보를 입력하시고, [변경] 버튼을 클릭하시면<span> 기업회원</span>으로 전환됩니다.
</p>
</div>
<!-- 기업정보 -->
<div class="input_list listType1">
<p class="list_title">기업정보</p>
<div class="input_list_item">
<div class="input_left"><span class="essential">*</span>기업유형</div>
<div class="input_right">
<ec:radio name="bizType" id="" codeId="ITN033" selectedValue="01"/>
</div>
</div>
<div class="input_list_item">
<div class="input_left"><span class="essential">*</span>회사명</div>
<div class="input_right">
<label for="" class="label">회사명 입력</label>
<input type="text" class="list_inputType1" name="mberNm" id="mberNm" maxlength="30" />
</div>
</div>
<div class="input_list_item">
<div class="input_left"><span class="essential">*</span>대표</div>
<div class="input_right">
<label for="" class="label">대표 입력</label>
<input type="text" class="list_inputType1 onlyC" name="ceoNm" id="ceoNm" maxlength="50" />
</div>
</div>
<div class="input_list_item input_list_biz">
<div class="input_left"><span class="essential">*</span>사업자등록번호</div>
<div class="input_right">
<label for="" class="label">사업자등록번호 입력</label>
<input type="text" class="list_inputType1" name="bizNo" id="bizNo" maxlength="12">
<div class="list_btn_wrap">
<button type="button" onclick="bizNoCheck(); return false;">사업자등록번호 확인</button>
</div>
</div>
</div>
<div class="input_list_item">
<div class="input_left">사업자등록증 첨부</div>
<div class="input_right">
<label for="atFileBasicWrite" class="label">사업자등록증 첨부</label>
<input type="text" class="list_inputType1" disabled id="atFileBasicWrite" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
<div class="list_btn_wrap">
<span>사업자등록증 첨부(5MB 이내)</span>
<input type="file" name="file" id="file" style="display: none" onchange="changeValue(this); return false;" />
<button type="button" onclick="document.all.file.click(); return false;">파일첨부</button>
</div>
</div>
</div>
<div class="input_list_item">
<div class="input_left input_left_poe">재직증명서<span class="poe_noti2">(대표자는 생략)</span></div>
<div class="input_right">
<label for="atFileBasicWriteWork " class="label">재직증명서 첨부</label>
<input type="text" class="list_inputType1" disabled id="atFileBasicWriteWork" style="overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:55%;">
<div class="list_btn_wrap">
<span>재직증명서 첨부(5MB 이내)</span>
<input type="file" name="fileWork" id="fileWork" class="input-file" style="display: none" onchange="changeValueWork(this); return false;" />
<button type="button" onclick="document.all.fileWork.click(); return false;">파일첨부</button>
</div>
</div>
</div>
<%--<p class="poe_noti">*사업자 대표자명의와 가입자의 명의가 다를 시 재직 증명 서류 필요</p>--%>
<!-- <div class="input_list_item bis_status">
<div class="input_left">업태/종목</div>
<div class="input_right">
<label for="" class="label">업태 입력</label>
<input type="text" class="list_inputType1 colorLight onlyC" name="bizcondition" id="bizcondition" placeholder="업태 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='업태 입력'" maxlength="30"> <span>/</span>
<label for="" class="label">종목 입력</label>
<input type="text" class="list_inputType1 colorLight onlyC" name="bizEvnet" id="bizEvnet" placeholder="종목 입력" onfocus="this.placeholder = ''" onblur="this.placeholder='종목 입력'" maxlength="30">
</div>
</div>
<div class="input_list_item input_list_adres">
<div class="input_left">사업장 주소</div>
<div class="input_right">
<label for="" class="label">사업장 주소 입력</label>
<input type="hidden" class="list_inputType1" name="zip" id="zip" readonly>
<input type="text" class="list_inputType1" name="adres" id="adres" readonly>
<div class="list_btn_wrap">
<button type="button" onClick="openDaumZipAddress();">우편번호 찾기</button>
</div>
</div>
</div>
<div class="input_list_item">
<div>
<label for="" class="label">사업장 주소 상세 입력</label>
<input type="text" class="list_inputType1 colorLight" name="detailAdres" size="100" placeholder="상세주소를 입력해주세요(선택)" onfocus="this.placeholder = ''" onblur="this.placeholder='상세주소를 입력해주세요(선택)'">
</div>
</div> -->
</div>
<!--// 기업정보 -->
<!-- 계산서정보 -->
<!-- 22.05.11 계산서 삭제 -->
<%-- <div class="input_list listType2">
<p class="list_title">계산서정보</p>
<div class="input_list_item">
<div class="input_left">계산서 자동 발행</div>
<div class="input_right">
<input id="taxbillAutoY" type="radio" name="taxbillAuto" class="onlyC" value="Y">
<label for="taxbillAutoY">매월 자동발행</label>
<input id="taxbillAutoN" type="radio" name="taxbillAuto" class="onlyC" checked="checked" value="N">
<label for="taxbillAutoN">발행하지 않음</label>
</div>
</div>
<div class="invoice">
<div class="invoice_wrap">
<div class="input_list_item2">
<div class="input_left" style="width: 150px;">계산서 수신이메일</div>
<div class="input_right">
<div class="email">
<label for="taxMngEmail1" class="label">이메일 주소 앞자리</label>
<input type="text" id="taxMngEmail1" name="taxMngEmail1" class="list_inputType1" maxlength="29">
<span>@</span>
<label for="taxMngEmail2" class="label">이메일 주소 뒷자리</label>
<input type="text" id="taxMngEmail2" name="taxMngEmail2" class="list_inputType1" maxlength="20">
<label for="selectEmail" class="label">이메일 선택</label>
<select class="list_selType1" id="selectEmail" >
<c:forEach var="result" items="${emailCode}" varStatus="status">
<c:if test="${status.index eq 0 }">
<option value="1">${result.codeNm}</option>
</c:if>
<c:if test="${status.index ne 0 }">
<option value="${result.codeDc}">${result.codeNm}</option>
</c:if>
</c:forEach>
</select>
</div>
</div>
</div>
<div class="input_list_item2">
<div class="input_half">
<div>담당자</div>
<div>
<label for="taxMngNm" class="label">담당자 입력</label>
<input type="text" class="list_inputType1" name="taxMngNm" id="taxMngNm" maxlength="8">
</div>
</div>
<div class="input_half">
<div>직위</div>
<div>
<label for="taxMngPosition" class="label">직위 입력</label>
<input type="text" class="list_inputType1" name="taxMngPosition" id="taxMngPosition" maxlength="8">
</div>
</div>
</div>
<div class="input_list_item2 number">
<div class="input_left">휴대폰</div>
<div class="input_right">
<label for="taxMngPhoneNum" class="label">담당자 휴대폰 입력</label>
<input type="text" class="list_inputType1" name="taxMngPhoneNum" id="taxMngPhoneNum" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='-’없이 번호만 입력 '">
</div>
</div>
<div class="input_list_item2 number">
<div class="input_left">일반전화</div>
<div class="input_right">
<label for="taxMngComNum" class="label">일반전화 번호 입력</label>
<input type="text" class="list_inputType1" name="taxMngComNum" id="taxMngComNum" maxlength="12" oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" placeholder="-’없이 번호만 입력 " onfocus="this.placeholder=''" onblur="this.placeholder='-’없이 번호만 입력 '">
</div>
</div>
</div>
</div>
</div> --%>
<!--// 계산서정보 -->
<div class="mem_btnWrap2">
<button type="button" class="mem_btn3" style="width: 100%;" onclick="membershipChange()">변경</button>
</div>
</div>
</div>
<!--// 마이페이지 - 비밀번호 변경 -->
</form>
</div>
<!--// send top -->
</div>
<!--// content 영역 -->