webadmin.php

/home/mjc1/public_html/html/m/customer_visit.php

<? 
include("./include/header.php"); 

$ipaddr = getenv("REMOTE_ADDR");  
$h = date("H",time());
set_session("nomem_hash".$h, $_SERVER['REMOTE_ADDR']);
set_session("nomem_hash_h", $h);

?>
<script src="http://dmaps.daum.net/map_js_init/postcode.v2.js"></script>
<script src="http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js"></script>
    </div>

<style>
.vst_con{margin:0 auto;text-align:center;}
.vst_tit_bg{background:url('./images/order/customer_vst_tit_m.png');background-size: 100%;}
.vst_txt{background:#eee;font-size:13px;text-align:left;padding:10px 0 10px 25px;margin:15px 0;}        
.vst_txt p:before{content:'●';font-size:6px;position:relative;top:-1px;margin-right:5px;}
.vst_tit{max-width:50%; margin-top:20px;}
.vst_tit_sub{margin:15px 0 15px;font-size:15px;font-weight:600;background: #fff;display: inline-block;padding: 5px 10px;border-radius: 30px;margin:20px 0 10px;}
.vst_input_box ul{width:90%;text-align:left;margin:0 auto;}
.vst_input_box ul li{width:100%;margin-bottom:10px;}
.vst_input_box ul li h1{width:25%;text-align:left;line-height:30px;    display: inline-block;}
.vst_input_box ul li input{height:26px;padding:4px;border-color:#888888;}
.vst_tel{width:75%;display: inline-block;font-size:0;}
.vst_tel input{width:23.7%;font-size:14px;}
.vst_tel span{width:8%;text-align:center;display: inline-block;font-size:14px;}
.zip_search {height:32px;width:20%;line-height:32px;margin-left:10px;background:#0071e5;color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;}
.vst_date{width:75%;height:30px;    display: inline-block;}
.vst_date input{width:23%;height:30px;}
.vst_date span{width:8%;text-align:center;display: inline-block;}
.vst_input_box li textarea{width:99%;height:70px;width: 99%;padding: 2.5%;height: 80px;box-sizing: border-box;font-size:13px;border-color:#888888;}
/*개인정보동의*/
.estimate_agree > .agree{margin-bottom:10px;}
.estimate_agree > .agree label{font-size:11pt;font-weight:bold;}    
/*요청하기 버튼*/
.install_btn{ background-color:#585cbd;color:white;padding:12px;margin:10px 0;border:none;width:100%;border-radius:3px;cursor:pointer;font-size:17px;margin:20px 0 30px;font-weight:bold;}
.vst_con input, .vst_con option, .vst_con textarea{padding:0;border-radius:0;}
.white {color: #fff;padding: 5px 10px;font-size: 13px;background: #585757;cursor: pointer;}
.small {font-size: 13px;font-weight: 400;margin: 10px 0;display: block;}
.estimate_input_btn{display: table;margin: 0 auto;margin-top:20px;margin-bottom:20px;}
.estimate_input_btn p a{cursor:pointer;}
.float_div_class{display:none;}
/*제품찾기 아이프레임 사이즈 축소*/
iframe{    -ms-zoom: 0.38;
    -moz-transform: scale(0.38);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.38);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.38);
    width: 850px;
    height: 700px;
    -webkit-transform-origin: 0 0;
    position: absolute;
    top: 10px;
    left: 0;}
#modal_member_box{overflow:hidden}
.vst_li_tit{background: #dae9ff;padding: 5px 5%;width: 90% !important;font-weight: 600;font-size: 14px;}
</style>
        <div class="vst_con" style="margin-top:50px;">
            <!--견적요청 상단-->
            <div class="vst_tit_bg">
                <p><img src="./images/order/vst_tit_m.png" class="vst_tit" alt="방문요청타이틀"></p>
                <p class="vst_tit_sub">제품도입 관련하여 방문상담요청 페이지 입니다.</p>
                <div class="vst_txt">
                    <p>전화로 간단히 업무를 파악하고 일정을 조율 후 방문합니다.</p>
                </div>
            </div>
<form name='visit_form' id='visit_form' method='post' action='' onsi>
            <input type='hidden' name='mode' value='mobile'>
            <input type='hidden' name='smtitle' value='visit-mobile'>
            <input type='hidden' name='ismode' value='visit'>
            <input type='hidden' name='come_from' value='<?php echo $_GET['come_from'];?>'>
            <!--견적요청 작성-->
            <div class="vst_input_box">
                <ul>
                    <li>
                        <h1 style="width:23.5%;"><span class="red">*</span> 상 호</h1>
                        <input type="text" name="subject" style="width:20.5%;margin-right: 0.5%;">
                        <h1><span class="red">*</span> 담당자</h1>
                        <input type="text" name="name" style="width:20.5%;">
                    </li>
                    <li>
                        <h1 style="float:left;"><span class="red">*</span> 연락처</h1>
                        <div class="vst_tel">
                            <input name="tel1" type="tel" size="4" maxlength="4"><span>-</span>
                            <input name="tel2" type="tel" size="4" maxlength="4"><span>-</span>
                            <input name="tel3" type="tel" size="4" maxlength="4">
                        </div>
                    </li>
                    <li>
                        <h1 style="float:left;"><span class="red">*</span> 직원수</h1>
                        <input type="text" name="emp_num" style="width:48%;height:30px;"> (사용자수)
                    </li>
                    <li>
                        <h1 style="float:left;"><span class="red">*</span> 지역주소</h1>
                        <input type="text" name="zipcode" id="zipcode" required value style="width:48%;margin-bottom:10px;"><button type='button' class="zip_search" value="주소검색" onclick="postSearch3('zipcode','','addr_m')">주소검색</button>
                        <input name="addr_m" id="addr_m" required value type="text" style="width:97%; margin-bottom:10px;">
                        <input name="addr_d" id="addr_d" required value type="text" style="width:97%;" placeholder="나머지 상세주소를 입력하세요.">
                    </li>
                    <li>
                        <h1 style="float:left;width:100%;"><span class="red">*</span> 방문요청내용(업무형태, 도입사유)</h1>
                        <textarea name="content1" id='content1' type="text" style="width:100%;height:100px;min-width:100%;min-height:100px;" placeholder="편리한 업무분석을 위해
업무형태, 도입목적, 직원수, 유저수(사용자수) 등을 아는데 까지 간단히 적어주세요."></textarea>
                    </li>
                </ul>
            </div>
            
            <!--개인정보동의-->
            <div class="estimate_agree">
                <p class="agree"><input type="checkbox" id="agree"><label for="agree">&nbsp;개인정보 수집에 동의함</label>
                <a href="http://mjsoft.co/html/millennium/privacy.php" target="_blank" class="gray_btn2"><span class="white">개인정보취급방침</span></a></p>
                <? include("./privacy_text.html"); ?>
                <span class="small">※ 수집된 정보는 해당 목적 외 다른 용도로 사용되지 않습니다.</span>
            </div>
        </form>
<style>
.estimate_input_btn{width:98%;margin-left:2%;margin-bottom:30px;}
.cus_btn_on{    width: 22%;
    background: #0071e5;
    height: 43px;float:left;
    color: #fff;padding-top:7px;
    border-radius: 15px;}
.cus_btn_off{width: 22%;
    background: #4a4c4e;
    height: 43px;
    color: #fff;
    border-radius: 15px;padding-top:7px;}
.cus_btn_on a, .cus_btn_off a{font-weight:600;font-size:13px;color:#fff;}
</style>
            <div class="estimate_input_btn">
                <p class="cus_btn_on vst_btn"><a onclick="">방문<br>신청하기</a></p>
                <p style="float:left;margin-left:3%;line-height: 35px;" class="cus_btn_off"><a class="show_program_est" style="cursor: pointer;"><a href="http://mjsoft.co/html/m/customerprice.php">견적요청</a></p>
                <p style="float:left;margin-left:3%;" class="cus_btn_off"><a href="http://mjsoft.co/html/m/right_install.php">구매<br>상담요청</a></p>
                <p style="float:left;margin-left:3%;" class="cus_btn_off"><a class="show_program_est" style="cursor: pointer;">나에게 맞는<br>제품찾기</a></p>
            </div>
        </div>

        <div id="modal_member_box2" style="display:none;width:900px; height:615px; padding-top:15px;padding-left:17px;padding-right:3px;position:relative;"><iframe id='pop_box_iframe2'  frameborder=0 src=''></iframe></div>

        <? 
            $cust_list_title = "방문상담 신청 리스트";
            include("./customer_education_list.php"); 
        ?>
<script>
$(function(){
    $(".vst_btn").click(function(){

        if( $("#agree").is(":checked") != true){
            alert('개인정보 취급방침에 동의 하셔야 합니다.');
            return ;
        }
        
        if( visit_form.subject.value == ""){
            alert("상호를 입력하세요.");
            visit_form.subject.focus();
            return;
        }
        
        if( visit_form.name.value == ""){
            alert("담당자를 입력하세요.");
            visit_form.name.focus();
            return;
        }
        
        if( visit_form.tel1.value == "" || visit_form.tel2.value == "" || visit_form.tel3.value == ""){
            alert("연락처를 입력하세요.");
            visit_form.tel1.focus();
            return;
        }

        if( visit_form.emp_num.value == ""){
            alert("직원수를 입력하세요.");
            visit_form.emp_num.focus();
            return;
        }

        if( visit_form.addr_m.value == "" || visit_form.addr_d.value == ""){
            alert("지역(주소)를 입력하세요.");
            visit_form.addr_d.focus();
            return;
        }
        
        /*if( jointinsertFrm.hp1.value == ""){
            alert("핸드폰 번호를 입력하세요.");
            jointinsertFrm.hp1.focus();
            return;
        }*/
        
        
        if(document.getElementById("content1").value == ""){
            alert('방문요청내용을 입력해 주십시오.');
            return ;
        }


        if(confirm('방문상담요청을 신청하시겠습니까?')){
            visit_form.action = "<?php if($MJSOFT_SSL_USE=='Y'){?>https://<?php echo $_SERVER['SERVER_NAME'];?>/html/millennium/consultationBoardP.php<?php } else {?>consultationBoardP.php<?php }?>";
            visit_form.submit();
        }
    });        
});

function postSearch3(zip1,zip2,addr1){
    new daum.Postcode({
        oncomplete: function(data) {
        // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분입니다.
        // 예제를 참고하여 다양한 활용법을 확인해 보세요.
            zoncode1 = data.zonecode.substring(0,3);
            zoncode2 = data.zonecode.substring(3,5);

            if(1==1){ // 5자리 우편번호 사용  이전꺼 사용시엔 1==2로 세팅
                $("#"+zip1).val(data.zonecode);
                /*$("#"+zip1).val(zoncode1);    $("#"+zip2).val(zoncode2);*/
            } else {
                $("#"+zip1).val(data.postcode1);
                $("#"+zip2).val(data.postcode2);
            }

              // 각 주소의 노출 규칙에 따라 주소를 조합한다.
            // 내려오는 변수가 값이 없는 경우엔 공백('')값을 가지므로, 이를 참고하여 분기 한다.
            var fullAddr = ''; // 최종 주소 변수
            var extraAddr = ''; // 조합형 주소 변수

            // 사용자가 선택한 주소 타입에 따라 해당 주소 값을 가져온다.
            if (data.userSelectedType === 'R') { // 사용자가 도로명 주소를 선택했을 경우
                fullAddr = data.roadAddress;

            } else { // 사용자가 지번 주소를 선택했을 경우(J)
                fullAddr = data.jibunAddress;
            }

            // 사용자가 선택한 주소가 도로명 타입일때 조합한다.
            if(data.userSelectedType === 'R'){
                //법정동명이 있을 경우 추가한다.
                if(data.bname !== ''){
                    extraAddr += data.bname;
                }
                // 건물명이 있을 경우 추가한다.
                if(data.buildingName !== ''){
                    extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName);
                }
                // 조합형주소의 유무에 따라 양쪽에 괄호를 추가하여 최종 주소를 만든다.
                extraAddr = (extraAddr !== '' ? ' ('+ extraAddr +')' : '');
            }

            $("#"+addr1).val(fullAddr+" "+extraAddr+" ");
            $("#addr_d").focus();
        }
    }).open();
}
</script>
<?include("./include/footer.php");?>