webadmin.php

/home/mjc1/public_html/html/m/customer_recommend.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);

//24.04.24 기준, 해당파일은 소개이벤트 등록화면입니다, 수정시 홍재원 팀장님께 확인 후 작업하시기 바랍니다
//해당화면과는 구별된 다른 소개이벤트 등록화면이 존재하니 반드시 구분하여 작업하시기 바랍니다.(recom_ev.php)
//(해당 이벤트 30,000원만 /  다른 소개이벤트 금액 30,000원, 20,000원)
?>
<script src="http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js"></script>
</div>

<style>
.office_title{/* height:136px; */background: #FFDF8D;text-align: center;}
/* .office_title{background:url('./img/customer/board_title/customer_recom_tit.png') center no-repeat;} */

.wrap{margin-top: 27px;}
.wrap.mobile {/* margin: 0px 20px; */margin-top: 25px;}
.recom_layout{padding-top: 20px;margin: 0 20px;}
/* .recom_table table{margin-bottom:20px;} */
.company_tit{font-size: 20px;font-weight: 600;line-height: 20px;color: #222;margin-bottom: 20px;}
.company_icon{width: 20px;margin-right: 10px;}
.recom_tit{display:inline-block;margin-bottom:20px;line-height: 24px;}
.recom_tit h4{float:left;color:#0071e4;font-size:17px;font-weight:600;}
.recom_tit h4:before{content:'●';font-size:12px;position:relative;top:-2px;margin-right:5px;}
.recom_tit p{float:left;text-align:left;font-size:16px;}
.recom_layout em {font-weight:600;color:#0071e5;font-family:'gs',sans-serif;}
.recom_tit span{font-weight:600}
.recom_info {padding-bottom:35px;width:900px;margin:auto;}
.recom_info img{margin-left: 30px;}
.recom_info:after {clear:both;content:'';display:block;}

/* .radio_p {overflow: hidden; padding: 0;width:184px;} */
.radio_p label { display: block;cursor: pointer; vertical-align: top;width: 42px;height: 42px;margin-right: 10px;}
.radio_p label .icon.radio { display: block; width: 42px;height: 42px;background: url('./images/customer_recommend/recomd_btn_m.png') no-repeat -42px 0; }
.radio_p.checked label .icon.radio { background-position: 0px 0px; }
.atte_spam .radio_p .radioText {vertical-align:middle;font-size:20px;font-weight: 600;font-family:'Nanum Gothic',sans-serif;line-height:32px;}
/* .label_s {padding:0 30px;} */

.label_s{font-size: 16px;color: #222;line-height: 16px;}
.recom_company_box_inner{display: flex;flex-wrap:wrap;justify-content: space-between;}
.recom_company_box_inner .input_box{width: 100%;}
.recom_company_box_inner .input_box input{width: 100%;height: 42px;border: 2px solid #BEBEBE;border-radius: 8px;background: #fff;box-sizing: border-box;padding: 0px 10px;}
.input_box .label_s{margin-bottom: 10px;display: block;margin-top: 20px;}
/* 연락처 */
.call_number .phone_number{display: flex;justify-content: space-between;width: 100%;line-height: 42px;font-size: 30px;color: #BEBEBE;}
.phone_number input{width: 30% !important;}
/* 소개제품 */
.recom_prod{width: 100%;margin-top: 20px;}
/* .recom_prod .label_s{margin-top: 20px;margin-bottom: 10px;} */
.recom_prod select{width: 100%;height: 42px;border: 2px solid #BEBEBE;border-radius: 8px;background: #fff;box-sizing: border-box;padding: 5px 50px 5px 20px;font-size: 14px;line-height: 26px;cursor: pointer;margin-top: 10px;}
.recom_prod select{background: url('./images/customer_recommend/arrow_down.png') no-repeat 97% 50%/15px auto;}
.recom_prod select option{cursor: pointer;line-height: 30px;}
.recom_prod select {-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

/* 구매여부확인 */
.buy_way{margin-top: 20px;}
.buy_way::after{content: '';display: block;clear: both;}
.buy_way .label_tit{font-size: 16px;color: #222;line-height: 20px;margin-bottom: 10px;}
.buy_way .radio_p:nth-child(2){margin-right: 30px;}
.buy_way .radio_p label{float: left;}
.radioText{float: left;font-size: 16px;font-weight: 600;line-height: 42px;color: #222;}

/* 주의문구 */
.attention_box{margin-bottom: 50px;}
.attention_txt{font-size: 20px;line-height: 34px;color: #497CFF;}

/* 스팸방지 보안 */
.simple_captcha_class  span { font-size:20px !important; }
.atte_spam .radioText{float: none;}
.s_btn {background: #012D6A;font-size:14px;color:#fff;border-radius:5px;padding:10px 43px;cursor:pointer;}
.scaptcha_ul_class li{line-height:47px;}
.scaptcha_ul_class li:nth-child(3) input{height: 42px;border: 2px solid #BEBEBE;border-radius: 8px;background: #fff;box-sizing: border-box;padding: 5px 50px 5px 20px;font-size: 16px;line-height: 26px;cursor: pointer;}

/* 취소,저장버튼 */
.btn_list{margin-top: 20px;text-align: center;display: flex;justify-content: space-between;}
.saf_btn{padding:15px 0px;width:150px;background:#0071e5;color:#fff;display:inline-block;font-size:17px;font-weight:600;border-radius:5px;cursor:pointer;font-family:'Nanum Gothic',sans-serif;line-height: initial;}
.cancle_btn{padding:15px 0px;width:150px;background:#4a4c4e;color:#fff;display:inline-block;font-size:17px;font-weight:600;border-radius:5px;cursor:pointer;margin-right:8px;font-family:'Nanum Gothic',sans-serif;line-height: initial;}

/* #freebies{border-top: 1px solid #4e4e4e !important;} */
#freebies h1{border-top: 1px solid #4e4e4e !important;}
</style>

<div class="wrap mobile" onclick="closeNav()">
    <div class="office_title" style="position: relative;">
        <img src="./images/customer_recommend/recom_tit_m.png" style="width: 100%;max-width:643px;">
    </div>
    <div class="recom_layout">
        <div style="padding:0px 0px 20px;text-align: center;">
            <img src="./images/customer_recommend/voucher_m1.png" style="margin-bottom:16px;">
            <p style="font-size:0.9em;line-height:1.75;font-weight:600;font-family:'gs',sans-serif;text-align: center;">
                당사 제품을 소개한 경우 정보를 등록해 주세요.<br>
                구매 확인 후 <em>상품권을 발송</em>해 드립니다.<br>
                <em>&#8251; CS 제품 소개에 한함</em>
            </p>
        </div>
        <div class="recom_table">

            <form name='recom_form' id='recom_form' method='post' action='../millennium/customer_recommend_process.php'>
                <input type="hidden" name="type" value="mobile">
                <div class="recom_company_box" style="padding: 30px 0;border-top: 1px solid #4e4e4e;">
                    <h3 class="company_tit">
                        <img class="company_icon" src="./images/customer_recommend/recom_icon_pc1-1.png" alt="company_icon_blue">소개 업체
                    </h3>
                    <div class="recom_company_box_inner">
                        <div class="input_box">
                            <label class="label_s" style="margin-top: 0px;">상호</label>
                            <input type="text" name='intro_company' value='' >
                        </div>
                        <div class="input_box">
                            <label class="label_s">성명</label>
                            <input type="text" name='intro_name' value='' >
                        </div>
                        <div class="input_box call_number">
                            <label class="label_s">연락처</label>
                            <div class="phone_number">
                                <input type="text" name='intro_tel1' value='' maxlength=4 onKeyup="this.value=this.value.replace(/[^-0-9]/g,'');">
                                -
                                <input type="text" name='intro_tel2' value='' maxlength=4 onKeyup="this.value=this.value.replace(/[^-0-9]/g,'');">
                                -
                                <input type="text" name='intro_tel3' value='' maxlength=4 onKeyup="this.value=this.value.replace(/[^-0-9]/g,'');">
                            </div>
                        </div>
                        <div class="recom_prod">
                            <label class="label_s">소개제품</label>
                            <select name="intro_prod">
                                <option value=""> -- 소개한 제품을 선택해주세요. -- </option>
                                <option value="천년경영3cs">천년경영3cs</option>
                                <!-- <option value="천년경영3">천년경영3</option> -->
                                <option value="천년경영cs">천년경영cs</option>
                                <!-- <option value="천년경영2">천년경영2</option>
                                <option value="천년경영Lite">천년경영Lite</option>
                                <option value="제조경영ProCS">제조경영ProCS</option>
                                <option value="제조경영Pro">제조경영Pro</option>
                                <option value="이지텍스2">이지텍스2</option>
                                <option value="이지텍스2CS">이지텍스2CS</option>
                                <option value="자산관리Pro">자산관리Pro</option>
                                <option value="급여관리">급여관리</option> -->
                            </select>
                        </div>
                    </div>
                </div>
                <div class="recom_company_box recommend" style="padding: 30px 0;border-top: 1px dashed #A6A6A6;">
                    <h3 class="company_tit">
                        <img class="company_icon" src="./images/customer_recommend/recom_icon_pc1-2.png" alt="company_icon_red">소개받은 업체
                    </h3>
                    <div class="recom_company_box_inner">
                        <div class="input_box">
                            <label class="label_s" style="margin-top: 0px;">상호</label>
                            <input type="text" name='recom_company' value='' >
                        </div>
                        <div class="input_box">
                            <label class="label_s">성명</label>
                            <input type="text" name='recom_name' value='' >
                        </div>
                        <div class="input_box call_number">
                            <label class="label_s">연락처</label>
                            <div class="phone_number">
                                <input type="text" name='recom_tel1' value='' maxlength=4 onKeyup="this.value=this.value.replace(/[^-0-9]/g,'');">
                                -
                                <input type="text" name='recom_tel2' value='' maxlength=4 onKeyup="this.value=this.value.replace(/[^-0-9]/g,'');">
                                -
                                <input type="text" name='recom_tel3' value='' maxlength=4 onKeyup="this.value=this.value.replace(/[^-0-9]/g,'');">
                            </div>
                        </div>
                    </div>
                    <!-- 구매여부 확인 -->
                    <div class="buy_way">
                        <p class="label_tit">구매여부를 선택하세요.</p>
                        <div class="radio_p" style="float: left;">
                            <label for="recomd01"><span class="icon radio"></span></label>
                            <span class="radioText">소개 전(비구매)</span>
                            <input id="recomd01" hidden type="radio" name="recom_result" value='비구매' data-val='1'>
                        </div>
                        <div class="radio_p" style="float: left;">
                            <label for="recomd02"><span class="icon radio"></span></label>
                            <span class="radioText">구매완료</span>
                            <input id="recomd02" hidden type="radio" name="recom_result" value='구매완료' data-val='2'>
                        </div>
                    </div>
                </div>
                <div class="atte_spam" style="padding: 20px 0px;border-top: 1px dashed #A6A6A6;border-bottom: 1px dashed #A6A6A6;">
                    <!-- <div class="attention_box">
                        <p class="attention_txt">*소개업체 등록 후 구매확인되면 담당자가 연락 후 상품권 발송합니다</p>
                        <p class="attention_txt">*소개업체가 미구매시 상품권 지급이 보류됩니다</p>
                    </div> -->
                    <p class="radio_p">
                        <span class="radioText">스팸방지보안</span>
                    </p>
                    <div class="satis_msg04" style="margin-bottom:0;">

    <style>
    .simple_captcha_class  span { font-size:20px !important; }
    .s_btn {background: #012D6A;font-size:14px;color:#fff;border-radius:5px;padding:10px 43px;cursor:pointer;}
    .scaptcha_ul_class li { line-height:47px; }
    .scaptcha_ul_class li:nth-child(3) span {display:block;/* text-align:center; */margin-top: -40px;}
    .scaptcha_ul_class li:nth-child(3) input {width:-webkit-fill-available !important;}
    </style>
    <?php

        function captcha_str_ch($v){ // 세선파일 디렉토리 설정시 캇차 이미지 처리 안되어서 그냥 텍스트로 하되 해킹프로그램 긁기로 최대한 처리안되게 해주는 역활
            $c_array = array('gray','red','blue','green','pink','purple');
            $v_cnt = strlen($v);
            $rtn = "";
            for($i=0;$i<$v_cnt;$i++){
                $rtn .= "<span style='color:{$c_array[$i]}'>{$v[$i]}&nbsp;</span>";
            }
            return $rtn;
        }

        include($_SERVER['DOCUMENT_ROOT']."/inc_pack/scaptcha/simple-php-captcha.php");
        $captcha = simple_php_captcha();
        $_SESSION['captcha'] = $captcha;
        $_SESSION['captcha_code'] = $captcha['code'];
        $c_code = captcha_str_ch($_SESSION['captcha']['code']);
        $_SESSION['captcha']['code_ck'] = "";
        echo "<ul class='scaptcha_ul_class'><li style='float:left;width: 35%;' class='txt21 simple_captcha_class'>{$c_code}</li><li style='float:left;'><span style='padding:10px 20px;margin:0 12px;cursor:pointer;' class='pointer simple_captcha_change s_btn'>새로고침</span></li>";
        echo "<li style=''>&nbsp;<input type='text' name='captcha_input' class='' style='margin-bottom:5px;width: 100%;' placeholder=''>&nbsp;<span style='font-size:0.9em;'>대소문자 구분해서 입력하시기 바랍니다.</span></li></ul>";
    ?>
    <script>
        $(function(){
            $(".simple_captcha_change").click(function(){ // 스팸방지 리로드
                $.get("../millennium/ajax.captcha_reload.php",function(rtn){
                    $(".simple_captcha_class").html(rtn);
                })    ;
            });
        });
    </script>    
                    
                    </div>
                </div>

            </form>

            <div class="btn_list">
                <div class="cancle_btn">취소</div>
                <div class="saf_btn">저장</div>
            </div>
        </div><!-- //recom_table -->
    </div><!-- //recom_layout -->
    
</div><!-- //wrap -->

<!-- '사은품발송리스트'의 페이지기능 관련 변수 *삭제하지 말 것* -->
<?php $recommend = ''; ?>
<!-- //'사은품발송리스트'의 페이지기능 관련 변수 *삭제하지 말 것* -->
<? include ("./freebies_inc.php"); ?>

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

<script>
/* radio 버튼 체크*/
$(function() {
   var raioEle = $('.radio_p label');
   raioEle.on('click', function() {
       $idx = raioEle.index(this);
       if($idx==1){
          $(".radio_p").removeClass('checked');
       } else {
            $(".radio_p").eq(1).removeClass('checked');
       }

    // 선택 radio 체크시
    $(this).parent().addClass('checked');

   });

   // 저장버튼 클릭
    $(".saf_btn").click(function(){

        $flag = "0"; $detail_idx = 0; $type_val = "";
        $("input[name='recom_result']").each(function(idx,val){
            if($(this).is(":checked")==true){ 
                $flag = "1"; 
                $detail_idx = idx+1;
                $type_val = val.value;
            }
        });

        // 필수검사
        if($("input[name='intro_company']").val() == "") {alert("소개업체의 상호명을 입력해주세요."); return;}
        if($("input[name='intro_name']").val() == "") {alert("소개업체의 성명을 입력해주세요."); return;}
        if($("input[name='intro_tel1']").val() == "" || $("input[name='intro_tel2']").val() == "" || $("input[name='intro_tel3']").val() == "") {alert("소개업체의 연락처를 입력해주세요."); return;}
        if($("select[name='intro_prod']").val() == "") {alert("소개해주신 제품을 선택해주세요."); return;}

        if($("input[name='recom_company']").val() == "") {alert("소개업체의 상호명을 입력해주세요."); return;}
        if($("input[name='recom_name']").val() == "") {alert("소개업체의 성명을 입력해주세요."); return;}
        if($("input[name='recom_tel1']").val() == "" || $("input[name='recom_tel2']").val() == "" || $("input[name='recom_tel3']").val() == "") {alert("소개업체의 연락처를 입력해주세요."); return;}

        if($flag=='0'){
            alert("구매여부를 선택해주세요."); return;
        }

        if($("input[name='captcha_input']").val() == "") {alert("스팸방지보안코드를 입력해주세요"); return;}

        $v = ck_captcha_ajax();
        if($v=='ok'){ 
            $("#recom_form").submit();
        } else {
            alert($v);
        }
    });

    // 취소버튼 클릭
    $(".cancle_btn").click(function(){
        location.href = "./intro.php";
    });
});

function ck_captcha_ajax(){
    var form_data = $("#recom_form").serialize();
    var ax = "";
    $.ajax({type:"post", url:"../millennium/ajax.simple_captcha.php",data:form_data, dataType : "html", async:false, contentType: 'application/x-www-form-urlencoded; charset=euc-kr', 
        success:function(xml){    
            ax = xml;
        },
        error:function(rtn,status,error){
            ax = false;
        }
    });

    return ax;
}
</script>