webadmin.php

/home/mjc1/public_html/html/m/satis.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.02.22 기준 남상복 수정, 홍재원팀장 요청 / 기존 파일명 customer_satisfaction_new.php 에서 satis.php 파일 추가(리다이렉트 용)
//리다이렉트 함수는 include/header.php 에 header태그 내에 위치

?>
<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>
.office_title{background:url('./images/order/customer_satis_tit_m.png') center no-repeat;background-size:100%;text-align:center;padding:40px 0;}
.office_ft{height:310px;}
.office_ft{background:url('./img/customer/board_title/customer_edc_ft.png') center  no-repeat;}

.wrap {font-family:'gs',sans-serif;margin-top:25px;}
.saf_layout{text-align:center;}
.saf_table table{margin-bottom:20px;}
.saf_tit{display:inline-block;margin-bottom:20px;line-height: 24px;}
.saf_tit h4{float:left;color:#0071e4;font-size:17px;font-weight:600;}
.saf_tit h4:before{content:'●';font-size:12px;position:relative;top:-2px;margin-right:5px;}
.saf_tit p{float:left;text-align:left;font-size:16px;}
.saf_layout em {font-weight:600;color:#0071e5;font-family:'gs',sans-serif;}
.saf_tit span{font-weight:600}
.saf_table{width:100%;margin:0 auto 20px;}
.saf_table table {border-bottom:1px solid #ccc;}
.saf_table .saf_table_tit{background:#dae9ff;font-weight:600;font-size:16px;text-align:center;padding-left:0;}
.saf_table table tbody tr th{color:#3d3d3d;text-align:left;vertical-align:top;height:45px;padding-left:20px;padding-right:20px;font-size:24px;font-weight:600;font-family:'gs',sans-serif;}
.saf_table table tbody tr th div {vertical-align:middle;}
.saf_table table tbody tr th div p {font-family:'gs',sans-serif;margin-top:6px;display:inline-block;}
.saf_table table tbody tr td{text-align:left;vertical-align:middle;height:45px;padding-left:20px;padding-right:20px;font-size:14px;font-weight:600;}
.saf_table table th, .saf_table table td{height:45px;padding:20px 0;}
.saf_table table tbody tr td input{font-size:16px;border:2px solid #ccc;background-color:#f2f2f2;padding:10px;border-radius:5px;width:90%;}
.saf_table .saf_tel td input{width:63px;margin-right:0;font-size:14px;}
.saf_table .saf_tel td span{margin:0 10px;font-size:12px;}
.saf_table .saf_date td input{width:1em;margin-right:0;}
.saf_table .saf_date td span{margin:0 10px;}
.saf_table .zip_search {height:32px;width:82px;line-height:32px;margin-right:10px;background:#0071e5;color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;}

.saf_table textarea {width:100%;resize:none;font-size:16px;border:2px solid #ccc;background-color:#f2f2f2;height:40px;min-height:40px;border-radius:5px;padding:10px;vertical-align:top;font-family:'gs',sans-serif;}
.saf_table textarea::placeholder{color: #a5a5a5;}
.radio_p {clear: both; overflow: hidden; padding: 0;margin-top:20px;margin-bottom:10px; width: 95%;}
.radio_p:first-child {margin-top:0;}
.radio_p.last { margin-bottom: 0; }
.radio_p img {width:2em;}
.radio_p label { display: block; float: left; cursor: pointer; vertical-align: top; width: 26px; height: 26px;font-size:0.8em;position: relative;}
.radio_p .radioText { float: left; margin: 2px 26px 0 4px; vertical-align:middle; position:top; font-size:1em;font-family:'gs',sans-serif;line-height:1.5;}
.radiotit {font-size:1em;font-weight:600;margin-bottom:12px;}
.label_s {padding:0 15px;margin-right:4px;}
.radio_btn {width:inherit !important;margin-right:4px;}

/* 04.13 스팸방지보안 오입력시 데이터 유지할 경우 필요 */
.radio_p label::after{content: '';position: absolute;left: 0px; top: 0px;width: 26px; height:26px; background: url('./images/order/check_btn.png') no-repeat -26px 0;}
[name='satis_type']:checked + label::after{background-position: 0px 0px;}


.tieupAgree{width:1100px;margin:0 auto;border-top:0;position:relative;display:inline-block;}
.tieupAgree h2{text-align:left;font-size:16px;color:#000;}
.tieupAgree h2 span{font-size:12px;font-weight:400;}
.tieupAgree p{float:right;text-align: right;}
.tieupAgree textarea {width:1075px;margin:0 auto;margin-top:10px;}
.privacy_link{position:absolute;top:0;right:0;}
.privacy_link a{font-size: 13px;padding: 7px 10px;}
.saf_tit h4:before{content:'●';font-size:12px;position:relative;top:-2px;margin-right:5px;}
.office_ft_txt{background:#424242;}
.office_ft_txt ul{width:1100px;margin:0 auto;display:block;height:40px;line-height:40px;color:#fff;font-size:16px;}
.office_ft_txt ul li{width:50%;text-align:center;float:left;}
.office_ft_txt ul li:before{content:'●';font-size:11px;position:relative;top:-2px;margin-right:5px;}
.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:'gs',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:'gs',sans-serif;line-height: initial;}
.price_cs_btn{padding:15px 0;width:150px;margin-left:10px;background:#4a4c4e;color:#fff;display:inline-block;font-size:15px;font-weight:600;border-radius:5px;cursor:pointer;}
.price_cs_btn a{color:#fff;font-weight:600;}
.show_program_customer2{padding:15px 0;width:150px;margin-left:10px;background:#4a4c4e;color:#fff;display:inline-block;font-size:15px;font-weight:600;border-radius:5px;cursor:pointer;}
.ta_div { float:left;margin-bottom:20px;width:90%;}
.clearheight:after {content: ''; display: block; clear: both;}

/* 23.09.07 남상복 수정, 평가점수 */
input[name="satis_score"]{width: 12px !important;height: 12px;vertical-align: middle;line-height: 16px;margin-right: 6px;margin-bottom: 4px;}
input[name="satis_score"] + label{margin-right: 15px;font-size: 16px;line-height: 16px;}
</style>
    <div class="wrap" onclick="closeNav()">
        <div class="office_title">
            <img src="./images/order/satis_tit_m2.png" style="width:80%;max-width:643px;">
        </div>
        <div class="saf_layout">
            <img src="./images/order/coupon_m_01-1.png" style="margin-top:40px;">
            <p style="margin-top: 20px;font-size: 14px;letter-spacing: -1.2px;font-weight: 600;line-height: 14px;">상담(제품) 만족도 등록하면 무조건 투썸 커피한잔!</p>
            <p style="margin-top: 15px;font-size: 13px;letter-spacing: -0.8px;font-weight: 600;line-height: 14px;color: #e32121;">우수만족도 선정 상품권 3만원 발송 (월별 5명)</p>
            <p style="margin-top: 5px;font-size: 12px;letter-spacing: -0.8px;font-weight: 400;line-height: 14px;color: #4284c7;">(만족도 내용이 다른 고객에게 좋은 정보가 되는 경우)</p>
            <div class="saf_table"> 
            <?php 
                session_cache_limiter(＇public＇);
                session_start();
            ?>
                <form name='satis_form' id='satis_form' method='post' action='../millennium/customer_satisfaction_process.php'>
                    <input type="hidden" name="clicktime" id="clicktime" value="0">
                    <input type='hidden' name='contact_time' value='1'>
                    <input type='hidden' name='smtitle' value='satis-mobile'>
                    <input type='hidden' name='ismode' value='satis'>
                    <input type='hidden' name='smoption' value=''>
                    <input type='hidden' name='sati_mode' value='happy'>
                    <input type='hidden' name='come_from' value='<?php echo $_GET['come_from'];?>'>
                    <table style="width:100%;">
                        <tbody>
                            <tr>
                                <!--<th width="200px">
                                    <div><img src="./img/customer/satis_icon.png" style="margin-right:12px;opacity:0.5;"><p>고객만족도</p></div>
                                </th>-->
                                <td>
                                    <div class="radio_box">
                                        <div style='margin-top:20px;'>
                                            <!--만족사유 항목 필수 기재-->
                                            <p class="radio_p">
                                                <input id="satis01" hidden type="radio" name="satis_type" value='만족' data-val='1'>
                                                <label for="satis01"><span class="icon radio"></span></label>
                                                <span class="radiotit" style="margin-left: 4px;line-height: 27px;">1. 만족내용(제품기능&상담)/15자 이상</span>
                                                <span class="txtleng" style="float: right;font-size: 14px;font-weight: 600;"></span>
                                            </p>
                                            <div class="satis_msg02 ta_div">
                                                <textarea placeholder="만족하신 제품기능 및 상담내용을 적어주세요" name='smdetail1'  id='sd1' ></textarea>
                                            </div>
                                        </div>
                                        <!--불만족사유 항목 필수 기재-->
                                        <div style='margin-top:20px;'>
                                            <p class="radio_p">
                                                <input id="satis02" hidden type="radio" name="satis_type" value='불만족' data-val='2'>
                                                <label for="satis02"><span class="icon radio"></span></label>
                                                <span class="radiotit" style="margin-left: 4px;line-height: 27px;">2. 불만족내용(제품기능&상담)</span>
                                                <span class="txtleng" style="float: right;font-size: 14px;font-weight: 600;"></span>
                                            </p>
                                            <div class="satis_msg03 ta_div">
                                                <textarea placeholder="불만족하신 제품기능 및 상담내용을 적어주세요" name='smdetail2' id='sd2'></textarea>
                                            </div>
                                        </div>
                                        <!-- 상담직원 평가점수 기재, 09.11 추가 -->
                                        <div style="margin-top: 20px;">
                                            <p class="radio_p">
                                                <h2 class="radiotit" style="margin-bottom: 20px;">3. 상담직원의 평가점수는?(만점 5점, 필수선택)</h2>
                                                <input type="radio" name="satis_score" value="5" id="satis_score5" data-val='5'><label for="satis_score5">5점</label>
                                                <input type="radio" name="satis_score" value="4" id="satis_score4" data-val='4'><label for="satis_score4">4점</label>
                                                <input type="radio" name="satis_score" value="3" id="satis_score3" data-val='3'><label for="satis_score3">3점</label>
                                                <input type="radio" name="satis_score" value="2" id="satis_score2" data-val='2'><label for="satis_score2">2점</label>
                                                <input type="radio" name="satis_score" value="1" id="satis_score1" data-val='1'><label for="satis_score1">1점</label>
                                            </p>
                                        </div>
                                        <!--천년경영 장점 항목 선택 기재-->
                                        <div class="clearheight" style='margin-top:20px;'>
                                            <p class="radio_p">
                                                <h2 class="radiotit">4. 천년경영 장단점,  서비스 개선점, 기능추가요청(선택)</h2>
                                                <div class="satis_msg04 ta_div" style="margin-bottom: 0px !important;">
                                                    <textarea name='smbadetc2' placeholder="적어주시면 품질(서비스) 개선에 많은 도움이 됩니다."></textarea>
                                                </div>
                                            </p>
                                        </div>
                                        <!--개선점 항목 선택 기재-->
                                        <div class="clearheight" style='margin-top:20px;'>
                                            <p class="radio_p">
                                                <h2 class="radiotit">5. 천년경영과 타사제품 차이점, 부족한점(선택)</h2>
                                                <div class="satis_msg03 ta_div">
                                                    <textarea name='smbadetc' placeholder="적어주시면 품질 개선에 많은 도움이 됩니다. "></textarea>
                                                </div>
                                            </p>
                                        </div>
                                        <div class="clearheight satis_msg01" style="border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;padding:20px 0;">
                                            <h2 class="radiotit">등록자(사은품 수령시 필수정보)</h2>
                                            <p class="radio_p">
                                                <span class="radioText">상호</span>
                                                <div>
                                                    <input type="text" name='smcompany'>
                                                </div>
                                            </p>
                                            <p class="radio_p">
                                                <span class="radioText">업종</span>
                                                <div>
                                                    <input type="text" name='industry_type'>
                                                </div>
                                            </p>
                                            <p class="radio_p">
                                                <span class="radioText">성명</span>
                                                <div>
                                                    <input type="text" name='smname'>
                                                </div>
                                            </p>
                                            <p class="radio_p">
                                                <span class="radioText">핸드폰</span>
                                                <div>
                                                    <input type="text" name='smphone'>
                                                </div>
                                            </p>
                                        </div>
                                        <div style='margin-top:20px;'>
                                            <p class="radio_p">
                                                <span class="radioText">스팸방지 보안</span>
                                            </p>
                                            <div class="satis_msg04 ta_div">
<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: -60px;}
.scaptcha_ul_class li:nth-child(3) input {width:100% !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;' 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:150px;' 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>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </form>
                    <div style="padding:0 20px 20px 20px;">
                        <p style="font-size:0.8em;line-height:1.75;font-weight:600;font-family:'gs',sans-serif;">
                            고객님의 의견은 당사의 업무를 개선하고<br>
                            더 나은 서비스를 위한 직원 교육에<br>
                            적극 반영될 예정입니다.
                        </p>
                    </div>
                    <div class="cancle_btn">취소</div>
                    <div class="saf_btn">저장</div>
                </div>
        </div><!-- //contents -->

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

<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');

        $v0 = $('.radio_p').eq(1).hasClass('checked');
        $v1 = $('.radio_p').eq(2).hasClass('checked');
        
        // alert($v0+" "+$v1+" "+$v2);

        if($v1==true){
            $("#sd1").attr("disabled",true);
            $("#sd2").attr("disabled",false);
            $("#sd3").attr("disabled",true);
            $("textarea[name='smdetail1']").val("");
        }
   });
 

   //23.03.20 남상복 // 박스 체크될때만 1.만족, 2.불만족 작성칸 안에 설명글 나타나도록 수정
   $('.radio_p').click(function(){
        if($("#satis01").is(":checked")==true){
            $("#sd1").attr('placeholder', '만족 사유를 자세히 적어주세요.(15자이상)');
        } else{
            $("#sd1").attr('placeholder', '');
            $("#satis01").parent().children('.txtleng').text('');
        };
        
        if($("#satis02").is(":checked")==true){
            $("#sd2").attr('placeholder', '불만족 사유를 적어주세요.');
        } else{
            $("#sd2").attr('placeholder', '');
            $("#satis02").parent().children('.txtleng').text('');
        };
    })
});

$(function(){
    //23.03.20 남상복 만족 사유 작성시 우측에 작성중인 글자수 노출
    $("#sd1").keyup(function(){
        if($("#satis01").is(":checked")==true){
            var reasonleng = $("textarea[name='smdetail1']").val().trim().length;
            $("#satis01").parent().children('.txtleng').text('( ' + reasonleng + ' / 15 )');
            
            /*20자 미충족시 빨간색, 충족시 검은색으로 변경*/
            if(reasonleng < 15){
                $(".txtleng").css('color','#FF2C45');
            } else {
                $(".txtleng").css('color','#252525');
            };
        };
    });
    //23.03.21 남상복 // 포커스 없이 체크만 되어있는 상태에서 해당 작성칸이 20자 안 넘고, 다른 작성 칸을 선택할 경우, 경고창 나타남
    $('[name="smbadetc"], [name="smcompany"], [name="industry_type"], [name="smname"], [name="smphone"], [name="captcha_input"]').click(function(){
        if($("#satis01").is(":checked")==true && $("textarea[name='smdetail1']").val().length < 15){
            alert("만족사유를 15자이상 적어주시기 바랍니다."); return;
        }
        if($("#satis02").is(":checked")==true && $("textarea[name='smdetail2']").val().length < 10){
            alert("불만족사유를 10자이상 적어주시기 바랍니다."); return;
        }
    });

    //23.03.21 남상복 // 해당 요소에서 포커스 잃었을 때 해당 작성칸이 20자 안 넘을 경우, 경고창 나타남
    $("#sd1, #sd2").blur(function(){
        if($("#satis01").is(":checked")==true && $("textarea[name='smdetail1']").val().length < 15){
            alert("만족사유를 15자이상 적어주시기 바랍니다."); return;
        }
        if($("#satis02").is(":checked")==true && $("textarea[name='smdetail2']").val().length < 10){
            alert("불만족사유를 10자이상 적어주시기 바랍니다."); return;
        }
    });
    

    $("input[name='satis_type']").click(function(){
        $val = $(this).data("val");
        //$(".ta_div").hide();
        $("textarea[name='smdetail1'], textarea[name='smdetail2']").attr("disabled",true);
        $("textarea[name='smdetail"+$val+"']").attr("disabled",false);
        if($val=='1'){ $("textarea[name='smdetail2']").val("");    }
        if($val=='2'){ $("textarea[name='smdetail1']").val("");    }
    });

    $(".saf_btn").click(function(){
        if($("#satis01").is(":checked")==false && $("#satis02").is(":checked")==false){
            alert('이용 서비스 만족도를 선택해 주시기 바랍니다.');
            $("#satis01").focus();
            return;
        } else {
            if($("#satis01").is(":checked")==true && $("textarea[name='smdetail1']").val().trim()==""){
                alert('만족 사유를 적어주시기 바랍니다.');
                $("textarea[name='smdetail1']").focus();
                return;
            }
            if($("#satis02").is(":checked")==true && $("textarea[name='smdetail2']").val().trim()==""){
                alert('불만족 사유를 적어주시기 바랍니다.');
                $("textarea[name='smdetail2']").focus();
                return;
            }
        }

        if($("#satis01").is(":checked")==true && $("textarea[name='smdetail1']").val().length < 15){
            alert("만족사유를 15자이상 적어주시기 바랍니다.");
            $("textarea[name='smdetail1']").focus();
            return;
        }
        if($("#satis02").is(":checked")==true && $("textarea[name='smdetail2']").val().length < 10){
            alert("불만족사유를 10자이상 적어주시기 바랍니다.");
            $("textarea[name='smdetail2']").focus();
            return;
        }
        
        /* 23.09.07 남상복 수정 */
        if($('input[name="satis_score"]').is(":checked") == false){
            alert("평가점수를 체크하시기 바랍니다.");
            $('input[name="satis_score"]').eq(1).focus();
            return;
        }

        if($("input[name='smcompany']").val()==''){
            alert("상호명을 입력하시기 바랍니다.");
            $("input[name='smcompany']").focus();
            return;
        }
        if($("input[name='industry_type']").val()==''){
            alert("업종을 입력하시기 바랍니다.");
            $("input[name='industry_type']").focus();
            return;
        }
        if($("input[name='smname']").val()==''){
            alert("성명을 입력하시기 바랍니다.");
            $("input[name='smname']").focus();
            return;
        }
        if($("input[name='smphone']").val()==''){
            alert("핸드폰번호를 입력하시기 바랍니다.");
            $("input[name='smphone']").focus();
            return;
        }

        if($("#satis_form").find("input[name='captcha_input']").val()==''){
            alert(" 스팸방지보안 문구를 입력하시기 바랍니다.");
            $("input[name='captcha_input']").focus();
            return;
        }
        if(confirm('해당내용으로 만족도를 제출하시겠습니까?')){
            $("#satis_form").submit();
        }

        /*if($("textarea[name='f_motive']").val()==''){
            alert("당사제품 선택 동기를 입력하세요."); return;
        } else {
            $("input[name='smoption']").val($("textarea[name='f_motive']").val());
        }

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

        if($flag=='0'){
            alert("만족도 유형을 선택하시기 바랍니다."); return;
        }
        if($("#satis_form").find("textarea[name='smdetail"+$detail_idx+"']").val().trim()==''){
            alert($type_val+" 내용을 입력하시기 바랍니다."); return;
        }
        if($("#satis_form").find("input[name='captcha_input']").val()==''){
            alert(" 스팸방지보안 문구를 입력하시기 바랍니다."); return;
        }*/
        
    });
    $(".cancle_btn").click(function(){
        location.href='/html/m';
    });
    
    
    

});

/*스팸방지 보안 오입력시 만족,불만족 입력방지*/
$(window).load(function(){
    if($("#satis01").is(":checked")==true){
        console.log('done1');
        $("#sd2").attr('disabled',true);
    } else if($("#satis02").is(":checked")==true){
        console.log('done2');
        $("#sd1").attr('disabled',true);
    };
});
</script>
<?include("./include/footer.php");?>