webadmin.php

/home/mjc1/public_html/html/m/install_req.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;}
.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: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: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_table > div > h1{margin:15px 0 10px;font-size:16px;line-height: 20px;font-weight:bold;}
.install_table  input[type=text]{box-sizing:border-box;border: 2px solid #E0E0E0;border-radius: 0px;width: 100%;height: 40px;line-height: 38px;background: #fff;}
.install_table  input[type=text]:focus{background-color: #fff;outline: none;}
.install_table  select{width:70px; height:40px;box-sizing:border-box;border: 2px solid #E0E0E0;border-radius: 0px;height: 40px;line-height: 38px;background: url("./images/common/select.png") no-repeat 100% -144px;}
.install_table option{font-size: 16px;line-height: 38px;}
.install_table .phone_list{margin-bottom: 10px;display: flex;justify-content: space-between;}
.install_table .phone_list > div{float: right;width: 74%;display: flex;justify-content: space-between;line-height: 40px;}
.install_table .phone_list select, .install_table .phone_list input[type=text]{width: calc((100% - 30px)/3);}
.install_table .email_list{display: flex;justify-content: space-between;}
.install_table .email_list input[name=s_email]{width: 74%;float: right;}
.phone_list::after, .email_list::after{content: '';display: block;clear: both;}

input[name="edc_tel"] + label, input[name="edc_email"] + label{display: block;width: 26%;height: 40px;}
input[name="edc_tel"] + label{background: url('./images/install/btn_phone_chk.svg') no-repeat 0%;background-size: contain;}
input[name="edc_tel"]:checked + label{background: url('./images/install/btn_phone_chk_on.svg') no-repeat 0%;background-size: contain;}
input[name="edc_email"] + label{background: url('./images/install/btn_mail_chk.svg') no-repeat 0%;background-size: contain;}
input[name="edc_email"]:checked + label{background: url('./images/install/btn_mail_chk_on.svg') no-repeat 0%;background-size: contain;}

.install_table  textarea{width: 100%;height: 200px;box-sizing: border-box;padding: 10px;border: 2px solid #E0E0E0;border-radius: 0px;resize: none;background: #fff;}
.install_table  textarea:focus{background-color: #fff;outline: none;}

/*개인정보동의*/
.install_agree > .agree label{font-size:11pt;font-weight:bold;display: inline-block;}
#agree + label{width: 52%;max-width: 168px;height: 28px;background: url('./images/install/btn_install_agree.svg') no-repeat 0%;background-size: contain;}
#agree:checked + label{background: url('./images/install/btn_install_agree_on.svg') no-repeat 0%;background-size: contain;}
.btn_privacy{background: url('./images/install/btn_privacy.svg') no-repeat 0%;background-size: contain;}

/*요청하기 버튼
.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;}
.inflow_area ul {display: flex;align-items: center;}
.inflow_area li {margin-right: 10px;}
.inflow_area label {font-size: 14px;}
.inflow_area .edc_chk {width: 16px !important; height: 16px !important;vertical-align: top;}
/*23.08.21 수정*/
em.orange{color: #FF8845;}
#phone2, #phone3 {    box-sizing: border-box;border: 2px solid #E0E0E0;border-radius: 0px;width: 100%;height: 40px;line-height: 38px;background: #fff;}
.allBtn {font-size:16px; display:block; text-align:center; margin:0 auto ; background-color:transparent; color:#333; border:1px solid #333; width:100px; padding:5px 0}
.best_rv_wrap #openModalBtn,
.best_rv_wrap #reviewAllBtn {background-color:transparent; border:2px solid #333; color:#333; padding: 10px 30px; font-size: 18px; cursor: pointer; font-weight:600}
.best_rv_wrap #openModalBtn {margin-top:30px; margin-right:75px} 
.best_rv_wrap #reviewAllBtn {margin-top:30px; margin-left:77px} 
.custom-modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5);   overflow: auto; }
.custom-modal-content {position: relative; background-color: #fff; margin: 0 auto; top:55%; transform:translate(0, -50%); padding:20px; border-radius: 15px; width: 100%; max-width:340px; max-height:455px; box-sizing:border-box; overflow: auto;}
.close-btn { position: absolute; top: 6px; right: 7px; font-size: 25px; cursor: pointer; }
.close-btn:hover, .close-btn:focus { color: #aaa; text-decoration: none; cursor: pointer; }
#modalContent { overflow:auto} 
.install_top {width: 100%;padding: 25px 10px;;position: relative;background: #ddecf6;overflow: hidden; box-sizing:border-box}
.cs_buy_txt_box {position:relative;text-align:center;z-index:1}
.cs_buy_txt_box h3 {color:#333; letter-spacing:-0.8px; font-weight:800; font-size:28px; line-height:1; margin-bottom: 20px;}
.box_content {backdrop-filter: blur(5px); padding:10px 0; box-sizing:border-box;background-color:rgba(255,255,255,0.7); }
.box_content p { color:#333; font-size:14px; line-height:1.5}
.box_content p b {font-size:16px; display:block}
.box_content p font, .box_content span font {color:#2d63cf; font-weight:600}
.box_content span {color:#333; display:inline-block; margin-top:20px; font-size:14px}
.mini_title {display:block; font-size:14px; margin-top:15px; line-height:1.5}
.img_box {position:absolute; bottom:-45px; right:-10px; z-index:0}
.img_box img { width:200px; opacity:0.3} 
.ui-datepicker-trigger {position:absolute; top:10px; right:10px}

.estimate_input_btn{width:100%;/* margin-left:1.5%; */margin:15px 0 15px;display: inline-block;}
.cus_btn_on{width: 100%;background: #FF8412;height: 48px;border:none;color: #fff;border-radius: 8px;font-weight:600;margin-bottom: 10px;}
.cus_btn_off{width: calc((100% - 12px)/3);float: left;background: #0071E5; height: 52px;border-radius: 8px;overflow: hidden;}
.cus_btn_on, .cus_btn_off a{display: block;height: 100%;}
.cus_btn_on{font-size: 16px;line-height: 48px;}
.cus_btn_off a{font-size: 13px;line-height: 16px;color: #797979;font-weight: 600;font-size: 0px;background-color: none;}
.btn_prod_find a{background: url('./images/install/btn_prod_find1-2.svg') no-repeat 50%;background-size: contain;}
.btn_est a{background: url('./images/install/btn_est1-2.svg') no-repeat 50%;background-size: contain;}
.btn_edu a{background: url('./images/install/btn_edu1-2.svg') no-repeat 50%;background-size: contain;}
.btn_review a{background: url('./images/install/btn_review1.svg') no-repeat 50%;background-size: contain;}
.float_div_class{display:none;}
/*제품찾기 아이프레임 사이즈 축소*/
.ui-dialog 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="install_container" style="margin: 0px;margin-top:55px;width: 100%;padding: 0px !important;">
            <!--구매상담 요청 상단-->
            <!--
            <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_top" style="">
                    <div class="cs_buy_txt_box">
                        <h3>원격설치 요청</h3>
                        <div class="box_content">
                            <p> 
                                <font style="color:#f17909">1개월 무료 체험시</font> 지원됩니다.<br>
                                설치요청 후 <font style="color:#f17909;">30분 이내 연락</font> 드립니다.
                            </p>
                            <span style="font-size:12px">업무시간 외 요청은 업무 시작 후 전화드립니다.</span>                
                        </div>                         
                    </div>
                    <div class="img_box">
                        <img src="./images/install/cstitle_1.png" alt="">
                    </div>
 
                </div>
 

    <!--         <div class="install_top" style="width: 100%;height: 260px;padding: 0px;position: relative;background: #d2e6ea;overflow: hidden;">
                <img src="./images/install/install_title3-5.svg" alt="구매상담요청" style="position: absolute;left: 50%;transform: translateX(-50%);top: 25px;z-index: 9;">
                <img src="./images/install/install_title3-1_left.png" alt="구매상담요청배경" style="position: absolute;left: 0px;bottom: 0px;">
                <img src="./images/install/install_title3-1_right.png" alt="구매상담요청배경" style="position: absolute;right: 0px;bottom: 0px;">
            </div> -->
 
        </div>
        <div class="install_container" style="padding-top: 0px !important;">
            <!--상담요청 작성-->
            <div class="install_center">
                <form name='install_form' method='post' action='?' onsubmit='return false;'>
                    <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'];?>'>
                    <input type='hidden' name='flow' value='<?php echo $flg; ?>'>
                        <div class="install_table">
                            <div style="padding-bottom: 15px;border-bottom: 1px solid #444444;">
                                <h1>상호(성명) <em class="orange"> *</em></h1>
                                <input type="text" id="shop" name="smname">
<!--                                     <h1>담당자명 <em class="orange"> *</em></h1>
                                                                    <input type="text" id="name" name="telname"> -->
                            </div>
                            <div style="padding-bottom: 15px;border-bottom: 1px solid #444444;">
                                <h1>전화번호 <em class="orange"> *</em></h1>
                                <div class="phone_list">
                                     
                                    <div style="display: flex; align-items: center; gap: 5px; font-size: 16px;">
                                        <select id="phone1" name="smtel1" style="padding: 5px; height: 36px; line-height:1 !important; font-size: 16px;">
                                            <option value="010">010</option>
                                            <option value="011">011</option>
                                            <option value="016">016</option>
                                            <option value="017">017</option>
                                            <option value="018">018</option>
                                            <option value="019">019</option>
                                        </select>
                                        <span>-</span>
                                        <input type="tel" id="phone2" name="smtel2" maxlength="4" inputmode="numeric" style="width: 70px; padding: 5px; height: 36px; font-size: 16px;">
                                        <span>-</span>
                                        <input type="tel" id="phone3" name="smtel3" maxlength="4" inputmode="numeric" style="width: 70px; padding: 5px; height: 36px; font-size: 16px;">
                                    </div>
                                </div>
                            </div>
                            <div style="padding-bottom: 15px;border-bottom: 1px solid #444444;">
                                <h1>요청시간 <em class="orange"> *</em></h1>
                                <input type="radio" class="ct_time" name="contact_time" id="time_20min" value='1' checked><label for="time_20min"><span  style="font-size:13px">30분이내 연락요망</span></label><br>
                                <input type="radio" class="ct_time" name='contact_time' id="time_other" value='0'><label for="time_other"><span  style="font-size:13px">다른시간 &nbsp;: &nbsp;</span></label><br>
                                <div style="display:flex; gap:5px">
                                    <div style="position:relative; width:50%">
                                        <input type="text" class="calendar" style="width:100%" name='ct_date' style="border:1px solid #2781fd;" id='ct_date' placeholder="달력선택" readonly>
                                    </div>
                                    <!--calendar icon-->
                                    <label for="checkbox_2_1"  class="checkbox_con2" style="display:flex; gap:5px">
                                    <select name='ct_hour' id='ct_hour'>
                                        <option value="">시</option>
                                        <option value="09">09시</option>
                                        <option value="10">10시</option>
                                        <option value="11">11시</option>
                                        <option value="13">13시</option>
                                        <option value="14">14시</option>
                                        <option value="15">15시</option>
                                        <option value="16">16시</option>
                                        <option value="17">17시</option>
                                    </select>
                                    <select name='ct_minute' id='ct_minute'>
                                        <option value="">분</option>
                                        <option value="00">00분</option>
                                        <option value="10">10분</option>
                                        <option value="20">20분</option>
                                        <option value="30">30분</option>
                                        <option value="40">40분</option>
                                        <option value="50">50분</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                </form>
            </div>
            
            
            <!--개인정보동의-->
            <div class="install_agree" style="padding-bottom: 15px;border-bottom: 1px solid #444444;margin-top:15px;text-align: left;">
                <p class="agree" style="margin-bottom:10px;">
                    <input type="checkbox" id="agree" hidden><label for="agree" style="font-size: 0px;float: left;margin-right: 6px;">&nbsp;개인정보 수집에 동의함</label>
                    <a href="http://mjsoft.co/html/millennium/privacy.php" target="_blank" class="gray_btn2 btn_privacy" style="display: inline-block;width: 41%;max-width: 132px;height: 28px;"><!-- <span class="white">개인정보취급방침</span> --></a>
                </p>
                <p>설치요청 시 <font style="color:#f17909; font-weight:600">원격설치 및 교육 지원</font>됩니다.</p>
                <span class="small" style="font-size: 12px;line-height:19px;">※ 수집된 정보는 해당 목적 외 다른 용도로 사용되지 않습니다.</span>
            </div>

            <div class="estimate_input_btn">
                <p class="submit_btn cus_btn_on install_btn">설치요청 등록</p>
                <p class="cus_btn_off btn_est" style="margin-right: 6px;"><a href="http://mjsoft.co/html/m/customerprice.php">견적요청</a></p>
                <p class="cus_btn_off btn_prod_find" style="margin-right: 6px;"><a class="show_program_est" style="cursor: pointer;">제품찾기</a></p>
                <!-- <p class="cus_btn_off btn_review"><a href="http://mjsoft.co/html/m/myevent.php">사용후기</a></p> -->
                <p class="cus_btn_off btn_review"><a id="openModalBtn">사용후기</a></p> 
                <!-- <p class="cus_btn_off btn_edu"><a href="http://mjsoft.co/html/m/customer_education.php">집체<br>교육요청</a></p> -->
            </div>
        </div>
 

        <!-- <div class="all_wrap">
            <button id="openModalBtn" class="allBtn">확대보기</button>
        </div> -->
        <!-- 모달 구조 (아이디와 클래스 다르게 설정) -->
        <div id="customModal" class="custom-modal">
            <div class="custom-modal-content">
                <span class="close-btn">&times;</span>
                <div id="modalContent"><!-- ERP 내용이 여기에 로드됩니다 --> </div>
            </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>
        <div id="modal_member_box3" style="display:none;padding-top:25px;padding-left:12px;padding-right:12px;position:relative;"></div><!--//팝업창-->

 
<script>
$(function(){
    $('#phone2').on('input', function() {
        const val = $(this).val().replace(/[^0-9]/g, '');
        $(this).val(val);
        if (val.length === 4) {
            $('#phone3').focus();
        }
    });

    //24.02.16 남상복 수정 04.04 이현정 추가
    $(".review_pop_btn").click(function(){ //상단 사용후기 버튼 클릭시 팝업창 띄움
        $.get("review_main.inc.php",function(rtn){
            $("#modal_member_box3").html(rtn).dialog({
                resizable: true, height: 540, width: "94%", modal: true, title:"",
                open: function(){ $('html, body').css('overflow', 'hidden'); },
                close: function(){ $('html, body').css('overflow', 'unset'); },
            });
        });
    });     
    
    // 버튼 클릭 시 모달 열기
    $('#openModalBtn').click(function() {
        // erp_rv_popup.php 파일의 내용 로드
        $('#modalContent').load('erp_rv_popup.php', function(response, status, xhr) {
            if (status == 'error') {
                $('#modalContent').html('<p>내용을 불러오는 데 실패했습니다.</p>');
            }
        });

        // 배경 스크롤을 비활성화
        $('body').css('overflow', 'hidden');

        // 모달 표시
        $('#customModal').fadeIn();
    });

    // 닫기 버튼 클릭 시 모달 닫기
    $('.close-btn').click(function() {
        // 배경 스크롤을 다시 활성화
        $('body').css('overflow', 'auto');

        // 모달 닫기
        $('#customModal').fadeOut();
    });

    // 모달 바깥을 클릭하면 모달 닫기
    $(window).click(function(event) {
        if ($(event.target).is('#customModal')) {
            // 배경 스크롤을 다시 활성화
            $('body').css('overflow', 'auto');

            // 모달 닫기
            $('#customModal').fadeOut();
        }
    });

    $(".install_btn").click(function(){

        if($("#shop").val()==''){
            alert('상호명을 입력하세요.'); return;
        }
        /*if($("#name").val()==''){
            alert('담당자명을 입력하세요.'); return;
        }*/
        if($("#phone2").val()=='' || $("#phone3").val()==''){
            alert('전화번호를 입력하세요.'); return;
        }

        /*var inflow_txt = "";
        var inflow_cnt = 0;
        $("input[name='inflow_chk']").each(function(){
            if($(this).is(":checked") == true) {
                inflow_cnt++;
                inflow_txt += $(this).val()+",";
            }
        });

        if(inflow_cnt <= 0) {
            alert("유입경로를 선택해주세요."); return;
        }

        if(inflow_txt != "") {
            inflow_txt = inflow_txt.substr(0, inflow_txt.length - 1);
            $("input[name='inflow_txt']").val(inflow_txt);
        } */

        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:"./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(error);        }
        });
    });

    $(".show_program_est").css("cursor","pointer").click(function(){ //엠제이 소프트란 팝업처리
        main_popup_show("https://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();
    //});

    $("#ct_date").datepicker({
        showOn: "button",
        buttonImage: "https://mjsoft.co/html/millennium/img/buy/install_calendar_btn.png",
        buttonImageOnly: true,
        buttonText: "Select date",
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        changeYear: true,
            monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
            monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
            dayNames: ['일','월','화','수','목','금','토'],
            dayNamesShort: ['일','월','화','수','목','금','토'],
            dayNamesMin: ['일','월','화','수','목','금','토'],
            showMonthAfterYear: true,
            yearSuffix: '년'
    });        
    setTimeout(function(){
        //$("#modal_member_box").css("height","450px");
    },200);

    $("input[name='contact_time']").eq(1).click(function(){
        $(".calendar").val('<?php echo date("Y-m-d",time());?>');
    });
});

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");?>