orico-official-website-old/app/usmobile/view/include/kefu.phtml

<!-- 在线客服 s -->
<div class="suspension Swt-Phone">
    <div class="suspension-box">
        <div href="javascript:;" class="a a-acart">
            <i class="l3 icon-ys1"></i><p>Email</p>
        </div>
        <div href="javascript:;" class="a a-service-phone" style="border-bottom:1px solid #f1f1f1;">
            <i class="l4 icon-kf1"></i><p>Contact Us</p>
		    <div class="d d-service-phone">
            <i class="arrow"></i>
            <div class="inner-box" style="display: block">
                <div class="d-service-item clearfix">
                    <span class="circle"><i class="i-tel"></i></span>
                    <div class="text">
                        <p>Free Service Hotline</p>
                        <p class="number"><?php echo config('website_tel'); ?></p>
                    </div>
                </div>
            </div>
        </div>
			
			
			


        </div>
        <div href="javascript:;" class="a a-top" style="border-bottom:1px solid #f1f1f1;margin-top:10px;">
            <i class="l5 icon-top1"></i><p>Top</p>
        </div>
        <div class="d d-qrcode">
            <i class="arrow"></i>
            <div class="inner-box">
                <?php if (!empty($erweima[0])): ?>
                    <div class="qrcode-img"><img src="<?php echo getImage($erweima[0]['picture']); ?>" alt="<?php echo $erweima[0]['alt']; ?>"></div>
                <?php endif; ?>
                <p>更多惊喜请加微信</p>
            </div>
        </div>
    </div>
</div>
<div class="show">
    <div class="w1440 smask">
        <div class="w1200 sarea">
            <div class="stop1">
                <span>Feedback</span>
				<a href="javascript:;" class="cha"><i class="icon-close"></i></a>
                <div class="clear"></div>
            </div>
            <form id="feedback">
                <div class="feed">
                    <div class="finput">
                        <label>Type：</label>
                        <select name="feedback_type">
                            <?php
                            $feedback_type = config('website_feedback_type');
                            if ($feedback_type):
                                foreach ($feedback_type as $type):
                                    ?>
                                    <option value="<?php echo $type; ?>"><?php echo $type; ?></option>
                                    <?php
                                endforeach;
                            endif;
                            ?>
                        </select>
                    </div>
                    <div class="finput">
                        <label>Your name:</label>
                        <input type="text" name="name" value="" id="name">
                    </div>
                    <div class="finput">
                        <label>Subject:</label>
                        <input type="text" name="subject" value="" class="them">
                    </div>
                    <div class="finput">
                        <label class="fla">Details:</label>
                        <textarea name="content"></textarea>
                    </div>
                    <div class="finput">
                        <label class="fla">Contact:</label>
                        <select class="emal" name="way">
                            <option value="E-mail">E-mail</option>
                        </select>
                        <input type="text" name="contact" value="" id="contact" class="them1">
                    </div>
                    <div class="finput">
                        <label>Security code:</label>
                        <input type="text" name="authcode" value="" id="authcode">
                        <a href="javascript:;" class="yzm"><img id="yanzhengma" src="<?php echo url('index/authcode/verify', ['id' => 'yanzhengma']); ?>"></a>
                    </div>
                    <a href="javascript:;" class="feda sendbtn">Send</a>
                    <a href="javascript:;" class="feda resetbtn">Reset</a>
                </div>
            </form>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        /* ----- 侧边悬浮 ---- */
        $(document).on("mouseenter", ".suspension .a", function() {
            var _this = $(this);
            var s = $(".suspension");
            var isService = _this.hasClass("a-service");
            var isServicePhone = _this.hasClass("a-service-phone");
            var isQrcode = _this.hasClass("a-qrcode");
            if (isService) {
                s.find(".d-servcie").show().siblings(".d").hide();
            }
            if (isServicePhone) {
                s.find(".d-service-phone").show().siblings(".d").hide();
            }
            if (isQrcode) {
                s.find(".d-qrcode").show().siblings(".d").hide();
            }
        });
        $(document).on("mouseleave", ".suspension .a, .suspension .a-top", function() {
            $(".suspension").find(".d").hide();
        });
        $(document).on("mouseenter", ".suspension .a-top", function() {
            $(".suspension").find(".d").hide();
        });
        $(document).on("click", ".suspension .a-top", function() {
            $("html,body").animate({scrollTop: 0});
        });
        $(window).scroll(function() {
            var st = $(document).scrollTop();
            var $top = $(".suspension .a-top");
            if (st > 400) {
                $top.css({display: 'block'});
            } else {
                if ($top.is(":visible")) {
                    $top.show();
                }
            }
        });
        $(".a-acart").click(function() {
            $(".show").show();
            $("a.yzm").click();
        })
        $(".cha").click(function() {
            $(".show").hide();
        })
    });
</script>
<!-- 在线客服 e -->
<script type="text/javascript">
    $(function() {
        $("form a.yzm").click(function(event) {
            event.preventDefault();
            $("#yanzhengma").attr("src", "<?php echo url('index/authcode/verify', ['id' => 'yanzhengma']); ?>" + "?" + Math.random());
        });
        $("form a.resetbtn").click(function(e) {
            if (confirm('确认重置所有表单项吗?')) {
                this.form.reset();
            }
        });
        $("form a.sendbtn").bind("click", function(event) {
            var nameObj = document.getElementById('name');
            if (isNull(trim(nameObj.value))) {
                alert('名称必须填写');
                nameObj.focus();
                return false;
            }
            var authcodeObj = document.getElementById('authcode');
            if (isNull(trim(authcodeObj.value))) {
                alert('验证码不能为空');
                authcodeObj.focus();
                return false;
            }
            $.ajax({
                type: "POST",
                url: "<?php echo url('index/index/feedback'); ?>",
                data: $("form#feedback").serialize(),
                dataType: "json",
                success: function(data, status, xhr) {
                    if (data.code) {
                        alert(data.msg);
                        $("form#feedback").get(0).reset();
                    } else {
                        alert(data.msg);
                    }
                },
                beforeSend: function() {
                    $('form a.sendbtn').prop('disabled', true);
                },
                complete: function() {
                    $('form a.sendbtn').prop('disabled', false);
                    $("form a.yzm").click();
                }
            });
            event.preventDefault();
        });
    });
    function isNull(data) {
        return (data == "" || data == undefined || data == null) ? true : false;
    }
    function trim(str) {
        return str.replace(/(^\s*)|(\s*$)/g, '');
    }
    function isTelephone(value) {
        var isMobile = /^1[345789]\d{9}$/;
        return isMobile.test(value);
    }
    function validEmail(email) {
        //对电子邮件的验证
        var reg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
        return reg.test(email);
    }
    /*function openKF() {
        var host = window.location.hostname;
        if (host.match('wap\.')) {
            window.open("mqqwpa://im/chat?chat_type=wpa&uin=<?php echo config('website_qq'); ?>&version=1&src_type=web&web_src=4hmusic.com");
        } else {
            window.open("http://wpa.qq.com/msgrd?v=3&uin=<?php echo config('website_qq'); ?>&site=qq&menu=yes");
        }
    }*/
</script>