webadmin.php

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

<? include("./include/header.php"); ?>
    </div>
    <style>
    .container{margin:20px 0;padding:0 15px;}
    .container section,
    .container table {width:100%;border:2px solid #383a7d;border-top:0px none;background-color:#fff;font-size:12px;}
    </style>

<style>
.install_container{margin:0 auto;/* padding:0 15px; */width:90%;text-align:center;}
        
/*font style*/
.blue {color:#2781fd;font-weight:600;}
.orange {color:#f29320;font-weight:bold;}
.white{color:#fff;padding:5px 10px;font-size:13px;background:#585757;cursor:pointer;}
.small {font-size:12px;font-weight:400;line-height:150%;}
        
/*상담요청 작성*/
.install_center{text-align:center;/* max-width:300px; */ width:100%;margin:0 auto;}
.install_table{text-align:left;font-weight:bold;font-size:14pt;margin:20px 0 5px;line-height:150%;}

.install_table > h1{margin:25px 0 5px;font-size:14pt;font-weight:bold;}
.install_table  input[type=text]{/* width:276px; */width:100%;box-sizing:border-box;border:1px solid #565757;border-radius:3px;height:44px;}
.install_table  input[type=text]:focus{background-color: #eae9ea;outline: none;border-radius:3px;}
.install_table  textarea:focus{background-color: #eae9ea;outline: none;}
.install_table  textarea{/* width:276px; */ width:100%;box-sizing:border-box;border:1px solid #565757; height:150px;border-radius:3px;}
.install_table  select{width:80.5px; height:44px;border:1px solid #565757;border-radius:3px;}
.install_table > .phone_list #phone1, .install_table > .phone_list #phone2, .install_table > .phone_list #phone3{box-sizing:border-box;}
        
/*개인정보동의*/
.install_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;}*/
.edc_chk{width: 20px;height: 20px;position: relative;top: 7px;border: 0;padding: 0;}
</style>



        <div class="install_container" style="margin-top:50px;">
            <!--구매상담 요청 상단-->
            <div class="install_top">
                <p><img src="./images/install/install_title.png" style="max-width:50%; margin-top:20px;" alt="구매상담요청"></p>
                <p><img src="./images/install/install_phone.png" style="max-width:60%; margin:15px 0 20px;" alt="구매문의번호"></p>
                <p>상담요청 후 <span class="orange">20분 내 전화</span> 드립니다.<br>
                <span class="small">(업무시간외 요청은 업무시작 후 전화 드립니다.)</span></p>
                <p><!--<a href="https://pf.kakao.com/_xdufiC" target="_blank">--><a onclick="window.open('http://freetalk.biz/anonymous?code=20181230162927','name','resizable=no width=479 height=844');return false"><img src="./images/install/install_kakao.png" style="max-width:75%; margin-top:20px;" alt="카카오톡상담요청"></a></p>
            </div>

            <!--상담요청 작성-->
            <div class="install_center">
<form name='install_form' method='post' action='?' onsubmit='return false;'>
    <input type='hidden' name='contact_time' value='1'>
    <input type='hidden' name='smtitle' value='mobile'>
    <input type='hidden' name='ismobile' value='1'>
    <input type='hidden' name='come_from' value='<?php echo $_GET['come_from'];?>'>
                <div class="install_table">
                    <h1>상호명</h1>
                    <input type="text" id="shop" name="smname">
                    
                    <h1>담당자명</h1>
                    <input type="text" id="name" name="telname">
                    
                    <!--<h1>전화번호</h1>
                    <select id="phone1" name="smtel1">
                        <option value="010">010</option>
                        <option value="010">011</option>
                        <option value="010">016</option>
                        <option value="010">017</option>
                        <option value="010">018</option>
                        <option value="010">019</option>
                    </select>
                    -
                    <input type="text" id="phone2" name="smtel2" maxlength="4" style="width:73.5px;">
                    -
                    <input type="text" id="phone3" name="smtel3" maxlength="4" style="width:73.5px;">-->

                    <h1>수신방식 선택</h1>
                    <div class="phone_list">
                        <input type="checkbox" name="edc_tel" class="edc_chk"><span style="font-size:14px;margin-left:4px;margin-right:13px;">전화</span>
                        <select id="phone1" name="smtel1" style="width:72px;padding:0 10px;">
                            <option value="010">010</option>
                            <option value="010">011</option>
                            <option value="010">016</option>
                            <option value="010">017</option>
                            <option value="010">018</option>
                            <option value="010">019</option>
                        </select>
                        -
                        <input type="text" id="phone2" name="smtel2" maxlength="4" style="width:74px;padding:0;">
                        -
                        <input type="text" id="phone3" name="smtel3" maxlength="4" style="width:74px;padding:0;">
                    </div>
                    
                    <div class="email_list">
                        <input type="checkbox" name="edc_email" class="edc_chk"><span style="font-size:14px;margin-left:4px;">이메일</span>
                        <input type="text"  name="s_email" style="width:255px;margin-top:10px;">
                    </div>

                    <h1>요청내용</h1>
                    <textarea id="request" name="smdetail" maxlength="150" style="margin-bottom:10px;"></textarea>
                    <span class="small">원하는 상담시간이 있는 경우에는 희망시간을<br>함께 남겨주시기 바랍니다.</span></p>
                </div>
</form>
            </div>
            
            
            <!--개인정보동의-->
            <div class="install_agree" style="margin-top:30px;">
                <p class="agree" style="margin-bottom:10px;">
                    <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>
                <span class="small">※ 수집된 정보는 해당 목적 외 다른 용도로 사용되지 않습니다.</span>
            </div>

<style>
.estimate_input_btn{width:100%;margin-left:1.5%;margin:15px 0 30px;display: inline-block;}
.cus_btn_on{    width: 22%;float:left;
    background: #0071e5;
    height: 50px;border:none;
    color: #fff;
    border-radius: 15px;font-weight:600;font-size:13px;}
.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;}
.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}
</style>
            <div class="estimate_input_btn" style="display:flex; justify-content:space-between;">
                <button type="submit" class="install_btn cus_btn_on">구매<br>상담요청</button>
                <p class="cus_btn_off"><a class="show_program_est" style="cursor: pointer;">나에게 맞는 제품찾기</a></p>
                <p class="cus_btn_off"><a href="http://mjsoft.co/html/m/customerprice.php">견적요청 바로가기</a></p>
                <p class="cus_btn_off"><a href="http://mjsoft.co/html/m/customer_education.php">집체<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>

        <? include("./right_install_list.php"); ?>
<script>
$(function(){
    $(".install_btn").click(function(){

        if($("input[name='edc_tel']").is(":checked")==false && $("input[name='edc_email']").is(":checked")==false){
            alert('수신방식을 전화나 이메일중에 한개이상 선택해주세요.'); return;
        } else {
            if($("input[name='edc_tel']").is(":checked")==true){
                if($("input[name='smtel1']").val()=='' || $("input[name='smtel2']").val()=='' || $("input[name='smtel3']").val()==''){
                    alert('전화번호를 입력하세요.'); return;
                }
            }
            if($("input[name='edc_email']").is(":checked")==true){
                if($("input[name='s_email']").val()==''){
                    alert('이메일을 입력하세요.'); return;
                }
            }
        }        
    
        if($("#shop").val()==''){
            alert('상호명을 입력하세요.'); return;
        }
        if($("#name").val()==''){
            alert('담당자명을 입력하세요.'); return;
        }
        if($("#tel").val()==''){
            alert('전화번호를 입력하세요.'); return;
        }
        /*if($("input[name='contact_time']").eq(1).is(":checked")==true){
            if($("#ct_date").val()==''){ alert('일자를 선택해주세요.'); return; }
            if($("#ct_hour option:selected").val()==''){ alert('시간을 선택해주세요.'); return; }
            if($("#ct_minute option:selected").val()==''){ alert('분을 선택해주세요.'); return; }
        }*/
        if($("#agree").is(":checked")==false){
            alert('개인정보 수집에 동의함 체크를 하시기 바랍니다.'); return;
        }
        form_data = $("form[name='install_form']").serialize();
        $.ajax({type:"post", url:"../millennium/ajax.install_req.process.php",  data:form_data, async:false, dataType : "xml", 
            success:function(xml){    
                var v_mode = $(xml).find("mode").text();
                var v_mode_ok = $(xml).find("mode_ok").text();
                var v_msg = $(xml).find("msg").text();
                var v_pt = $(xml).find("pt").text();
                var v_contact_time = $(xml).find("contact_time").text();

                if(v_mode_ok=='Y'){
                    alert('구매상담요청 되었습니다, '+v_contact_time+'드리겠습니다.');
                    document.location.reload();
                } else {
                    alert(v_msg);
                }
            },
            error:function(rtn,status,error){    alert("code:"+rtn.status + "\n" + "message:" + rtn.responseText + "\n" + "error:" + error);        }
        });
    });        
});



$(function(){
    $(".show_program_est").css("cursor","pointer").click(function(){ //엠제이 소프트란 팝업처리
        main_popup_show("http://mjsoft.co/html/millennium/index_new_program_new2.php","380","320","나에게 맞는 제품찾기");
    });

    //$("#jointinsertFrm input, #jointinsertFrm textarea").click(function(){
        //$(".float_div_class").hide();
    //});
    //$("#jointinsertFrm input, #jointinsertFrm textarea").blur(function(){
        //$(".float_div_class").show();
    //});
});

function main_popup_show(url,v_width,v_height,v_title){
    $("#pop_box_iframe2").attr("src","");
    $("#modal_member_box2").dialog({
        resizable: true, height:v_width, width:v_height, modal: true, title: v_title,
        show : {effect:'blind',duration:500},
        buttons: {
            닫기: function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {
            $("#pop_box_iframe2").attr("src","");
        }
    });
    setTimeout(function(){
        $("#pop_box_iframe2").attr("src",url);        
    },500);
}


function dialog_close(){
    $("#modal_member_box2").dialog( "close" );
}
</script>

<?include("./include/footer.php");?>