在线留言_华体会体育官网下载-官方网站|华体会体育网页版登录

*姓名：

*手机号码：

电子邮箱：

*留言内容：

,华体会体育官网下载                </div>
            </div>
        </div>
    </div>
    <div class="mt20"></div>
        <div id="footer">
        <div class="layui-container">
            <div class="f-nav text-center layui-hide-xs">
                <a href="/" target="_self">网站首页</a>
                                                <a href="/about/" target="_self">关于我们</a>
                                <a href="/product/" target="_self">产品中心</a>
                                <a href="/case/" target="_self">客户案例</a>
                                <a href="/news/" target="_self">新闻中心</a>
                                <a href="/contact/" target="_self">联系我们</a>
                                <a href="/message/" target="_self">在线留言</a>
                                <a href="/sitemap/" target="_self">网站地图</a>
                            </div>
            <div class="copyright text-center">
                <p>
                    主营城市：
                    <span lay-separator=" | ">
                        <a href="/">宣城</a>  
                        <a href="/">蚌埠</a>  
                        <a href="/">六安</a>  
                        <a href="/">巢湖</a>  
                        <a href="/">安庆</a>  
                        <a href="/">阜阳</a>  
                        <a href="/">马鞍山</a>  
                        <a href="/">芜湖</a>  
                        <a href="/">合肥</a>  
                        <a href="/">安徽</a>  
                    </span>
                </p>
                <p style="text-align: center;">版权所有  华体会体育官网下载  |  <a target="_black" href="/">营业执照</a>  |  技术支持：<a target="_black" href="/">华体会体育官方入口</a>  |  <a target="_black" href="/">免责声明</a>  |  <a target="_black" href="/">皖ICP备2021002150号-1</a>  </p>
                <div class="layui-container text-center">
                    
                    <script src="/mb/static/js/footer.js"></script>
                    
                    <script type="text/javascript" src="/mb/static/js/z_stat.js"></script>
                    
                    <span><a href="/admin/Login/index.html" target="_blank" title="站长统计">站长统计</a></span>
                </div>
                
                <script src="/mb/static/js/cgwl_1.js"></script>
                
            </div>
        </div>
    </div>
    <div class="footer-tools layui-hide-lg layui-show-xs-block">
        <ul>
            <li><a href="/" title=""><img src="/mb/static/picture/f_01.png">
                    <p>返回首页</p>
                </a></li>
            <li><a href="/contact/" title=""><img src="/mb/static/picture/f_04.png">
                    <p>一键拨号</p>
                </a></li>
            <li><a href="" title=""><img src="/mb/static/picture/f_02.png">
                    <p>一键导航</p>
                </a></li>
            <li><a href="/message/" title=""><img src="/mb/static/picture/f_03.png">
                    <p>在线留言</p>
                </a></li>
        </ul>
    </div>
    <script>
    (function(){
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<script>
    (function(){
        var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?970506d365e969bd0e92a2611c18678e":"https://jspassport.ssl.qhimg.com/11.0.1.js?970506d365e969bd0e92a2611c18678e";
        document.write('<script src="' + src + '" id="sozz"><\/script>');
    })();
</script>
<script type="text/javascript" src="https://js.users.51.la/21591743.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?17758ca483bd6573f8bf89ab9fe6f7d0";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>    <script src="/mb/static/js/layui.js"></script>
    <script src="/mb/static/js/swiper.min.js"></script>
    <script src="/mb/static/js/jquery.superslide.2.1.1.js"></script>
    <script src="/mb/static/js/common.js"></script>
    <script src="/mb/static/js/wow.min.js"></script>
    <script src="/mb/static/js/jquery.imagezoom.min.js"></script>
    
    <script src="/mb/static/js/11.0.1.js" id="sozz"></script>
    <script>
        // 百度搜索自动提交代码(function(){var bp = document.createElement('script');bp.src = '//push.zhanzhang.baidu.com/push.js';var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s);})();
    </script>
</body>
</html>


<link rel="stylesheet" type="text/css" href="/mb/static/css/right.css">
<script type="text/javascript" src="/mb/static/js/right.js"></script>
<style>
    .kefu-left {
        background: #4499EE;
    }
    /* 风格1 */
    .kefu-backtop a {
        background: #4499EE;
    }
    /* 风格2 */
    .suspension .a {
        background-color: #4499EE;
    }
    .suspension .a.active,
    .suspension .a:hover {
        background: #4499EE;
    }
</style>


<style>
    .chat1 {
        position: fixed;
        bottom: 0;
        right: 60px;
        z-index: 99;
        padding: 0 20px;
        height: 40px;
        background: #007AFF;
        color: #fff;
        text-align: center;
        line-height: 40px;
        font-size: 17px;
        width: 180px;
        cursor: pointer;
    }
    .chat1 i {
        font-size: 24px;
        margin-right: 10px;
    }
    .chat2 {
        position: fixed;
        bottom: 0;
        right: 60px;
        z-index: 99;
        box-shadow: rgba(0, 0, 0, 0.16) 0 5px 40px;
        width: 330px;
        height: 480px;
        border-radius: 8px;
        background: #fff;
        display: none;
    }
    .chat2-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #007AFF;
        height: 60px;
        line-height: 60px;
        border-radius: 8px 8px 0 0;
        padding: 0 15px;
        color: #fff;
    }
    .chat2-title .avatar {
        display: flex;
        align-items: center;
    }
    .chat2-title .avatar p {
        font-size: 18px;
        margin-left: 10px;
    }
    .chat2-title .avatar img {
        width: 40px;
        height: 40px;
        border-radius: 100%;
    }
    .chat2-text {
        height: 290px;
        overflow-y: auto;
        padding: 15px;
        position: relative;
    }
    .chatText-left {
        margin: 5px 0;
    }
    .chat2-text p {
        color: #999;
    }
    .chat2-text .chatText-desc {
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        padding: 10px;
        font-size: 13px;
        line-height: 1.2;
        display: inline-block;
    }
    .chatText-right {
        margin: 5px 0;
        text-align: right;
    }
    .chat-textarea {
        border-top: 1px solid #e1e1e1;
    }
    .chat-textarea textarea {
        border: none;
        width: 100%;
        padding: 5px;
        height: 50px;
        color: #888;
        font-family: "宋体";
        box-sizing: border-box;
    }
    .chat-click {
        float: right;
        cursor: pointer;
    }
    .chat-click span {
        width: 62px;
        height: 32px;
        background: #007AFF;
        color: #fff;
        text-align: center;
        line-height: 32px;
        display: block;
        border-radius: 4px;
        margin: 0 10px 10px 0;
    }
    .chatText-right .chatText-desc {
        background: #007AFF;
        color: #fff;
        border: 1px solid #007AFF;
    }
    @media only screen and (min-width: 320px) and (max-width: 640px) {
        .chat1 {
            right: 10px;
            width: 24px;
            height: 24px;
            bottom: 1.15rem;
            border-radius: 100%;
            padding: 5px;
            line-height: 26px;
        }
        .chat2 {
            width: 100%;
            height: 100vh;
            right: 0;
            border-radius: 0;
        }
        .chat-textarea textarea {
            height: 120px
        }
    }
</style>
<script>
    //在线悬浮框
    $(".chat1").click(function() {
        $(".chat2").slideDown(100);
        $(".chat1").hide();
    });
    $(".chat2 .chat2-down").click(function() {
        $(".chat2").slideUp(100);
        $(".chat1").show(100);
    });
    //调取所有的聊天记录
    $(document).ready(function() {
        getMsgNum();
    });
    //请求指定的接口，获取当前用户的所有聊天记录
    function getMsgNum() {
        $.ajax({
            url: "/api/msg/get_meassage.html",
            type: 'get',
            dataType: 'json',
            success: function(data) {
                var obj = data.data;
                //判断回调的数据是否为空，为空的，则data字段不存在，obj为undefined
                if (obj !== undefined) {
                    $.each(obj, function(name, value) {
                        //用户发送过的聊天内容
                        $('#message_list').append('<div class="chatText-right"><p>' + this.send_time + '</p><div class="chatText-desc">' + this.send_content + '</div></div>');
                        //客服回复的内容
                        if (this.reply_time != null && this.reply_content != null) {
                            $('#message_list').append('<div class="chatText-left"><p>' + this.reply_time + '</p><div class="chatText-desc">' + this.reply_content + '</div></div>');
                        }
                    });
                }
            }
        });
    }
    //回车触发点击事件，提交聊天记录
    $(document).keyup(function(event) {
        if (event.keyCode == 13) {
            sendcontent();
        }
    });
    //发送留言信息
    function sendcontent() {
        //获取发送的内容
        let send_content = $("#askContent").val().replace(/[\n\r]/g, '<br>');
        //发送内容不为空时执行发送请求
        if (send_content != "") {
            //生成随机数
            let num = parseInt(Math.random() * 1000);
            let sender = `user${num}`;
            //发送后清空输入框
            document.getElementById("askContent").value = "";
            $.ajax({
                url: "/api/msg/sendMessage.html",
                type: 'post',
                dataType: 'json',
                data: {
                    "send_content": send_content,
                    "sender": sender
                },
                success: function(data) {
                    //实时追加用户发送的每一条记录
                    $('#message_list').append('<div class="chatText-right"><p>' + data.data[0].send_time + '</p><div class="chatText-desc">' + data.data[0].send_content + '</div></div>');
                    //延迟回复指定的客服信息
                    let timeId = setTimeout(function() {
                        $('#message_list').append('<div class="chatText-left"><p>' + data.data[0].reply_time + '</p><div class="chatText-desc">' + data.data[0].reply_content + '</div></div>');
                    }, 5000);
                }
            });
        }
    }
    //时间戳转化成具体的日期2020-08-12 09:15:00
    function timestampToTime(timestamp) {
        var date = new Date(); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
        var Y = date.getFullYear() + '-';
        var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
        var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';
        var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
        var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
        var s = (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds());
        strDate = Y + M + D + h + m + s;
        return strDate;
    }
</script>

欢迎您咨询留言