請您在下面填寫詳細信息

<div   id="jbfj5tz7r"   class="field-body">
                        <div   id="jbfj5tz7r"   class="field">
                            <div   id="jbfj5tz7r"   class="control" style="text-align: center;">
                                <input type="submit" class="button is-primary" value="提交留言">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <script type="text/javascript">
            $(function(){
                function handlerSubmit() {
                    
                            if (!$("[name=mobile]").val()) {
                                alert('手機號不能為空')
                                return false ;
                            }
                        
                    const fields = [{"type":"text","name":"user","label":"姓名","required":false},{"type":"text","name":"mobile","label":"手機號","required":true},{"type":"textarea","name":"message","label":"留言信息","required":false}];
                    var values = fields.map(item => {
                        return {
                            name: item.name,
                            label: item.label,
                            value: $("[name='" + item.name + "']").val()
                        }
                    })
                    console.info(values);
                    $.ajax({
                        url: "http://admin.template.jiaogeiwo.cn/api/customer-form-foreign/submit-row/245/227",
                        type: 'POST',
                        data: JSON.stringify(values),
                        dataType: 'json',
                        contentType: 'application/json',
                        success: function (data, status, xhr) {
                            if (data && data.status === 0) {
                                alert("提交成功!")
                                location.reload();
                            } else {
                                alert(data.message);
                            }
                        },
                        error: function (xhr, error, exception) {
                            alert(exception.toString());
                        },
                        beforeSend:function() {
                            $("#liuyan_form input[type=submit]").off('click');
                        },
                        complete: function (data) {
                            $("#liuyan_form input[type=submit]").on('click', handlerSubmit);
                        }
                    });
                }
                $("#liuyan_form input[type=submit]").on('click', handlerSubmit);
            })
        </script>
    
        </div>

</div>
            </div>
        </div>
    </div>
</div>
<div   id="jbfj5tz7r"   class="footer-fixed is-hidden-tablet">
    <div   id="jbfj5tz7r"   class="tabs is-centered">
        <ul>
            <li>
                <a href="/">
                    <img class="icon" src="http://cdn.xuansiwei.com/d453nmgx/1575106142482/20190416154027241.png?x-oss-process=style/small" alt="首頁" loading="lazy">
                    <span>首頁</span>
                </a>
            </li>
            <li>
                <a href="/chanpinzhongxin.html">
                    <img class="icon" src="http://cdn.xuansiwei.com/d453nmgx/1575106142413/20190416154047809.png?x-oss-process=style/small" alt="產(chǎn)品中心" loading="lazy">
                    <span>產(chǎn)品中心</span>
                </a>
            </li>
            <li>
                <a href="/xinwenzixun.html">
                    <img class="icon" src="http://cdn.xuansiwei.com/d453nmgx/1575106142434/20190416154107519.png?x-oss-process=style/small" alt="新聞資訊" loading="lazy">
                    <span>新聞資訊</span>
                </a>
            </li>
            <li>
                <a href="/lianxiwomen.html">
                    <img class="icon" src="http://cdn.xuansiwei.com/d453nmgx/1575106142462/20190416154121228.png?x-oss-process=style/small" alt="聯(lián)系我們" loading="lazy">
                    <span>聯(lián)系我們</span>
                </a>
            </li>
        </ul>
    </div>
</div>
<div   id="jbfj5tz7r"   class="copyright">
    <span>Copyright @ 2019-2022 Shenzhen Huasheng Heiying Intelligent Technology Co., Ltd All rights reserve</span>
    <a  dynamic-var="config['公共']['備案號']" target="_blank">粵ICP備20071869號-1</a>
</div>

<div component="zaixiankefu.html">
            <style type="text/less">
    #zaixiankefu2{
        .customer{
            /* 固定組件位置 */
            position: fixed;
            top: 50%;
            right:0;
            z-index: 10;
            p,.fa{
                text-indent:0;
                color: @white;
            }
            .customer-content{
                .customer-hide{
                    width: 200px;
                    position: absolute;
                    top:0;
                    right: -200px;
                    padding: 10px;
                    background-color: @white;
                    border-radius:10px;
                    border:1px solid @primary-color;
                    padding: 1rem;
                    a{
                        display: flex;
                        align-items: center;
                        font-size:12px;
                        color:@black;
                    }
                    li{
                        font-size:12px;
                        color:#333;
                        margin: @gap-size 0;
                    }
                    hr{
                        margin: .5rem 0;
                    }
                    .btn-close{
                        position: absolute;
                        top: 0;
                        right: 10px;
                        font-size: 12px;
                        font-weight: 700;
                        cursor: pointer;
                    }
                }
                .customer-show{
                    background-color: @primary-color;
                    display: flex;
                    flex-direction: column;
                    width: 30px;
                    padding: 8px;
                    border-radius: 5px;
                    position: relative;
                    p{
                        line-height: 1.5;
                        font-size: 14px;
                    }
                }
            }
        }
    }
</style>
<div   class="jbfj5tz7r"   id="zaixiankefu2">
    <div   id="jbfj5tz7r"   class="customer">
        <div   id="jbfj5tz7r"   class="customer-content">
            <div   id="jbfj5tz7r"   class="customer-show has-text-centered">
                <i class="fa fa-user" aria-hidden="true"></i>
                <p>在線客服</p>
                <i class="fa fa-caret-left" aria-hidden="true"></i>
            </div>
            <div   id="jbfj5tz7r"   class="customer-hide">
                <a href=""><img src="http://cdn.xuansiwei.com/d0000000/1573545421550/button_121.jpg?x-oss-process=style/small" loading="lazy"><span>客服QQ</span></a>
                <hr>
                <a><span>工作時間:</span><br><span>周一至周日 ：8:00-18:00</span></a>
                <hr>
                <ul>
                    <li>聯(lián)系方式</li>
                    <li>電話1： 186 4561 7962</li>
                    <li>電話2： 151 2361 7962</li>
                    <li>微信： zxczxc</li>
                    <li>QQ：123456 </li>
                    <li>QQ：222222</li>
                    <li>郵箱：32102468@qq.com</li>
                </ul>
                <span id="jbfj5tz7r"    class="btn-close">X</span>
            </div>
        </div>
    </div>
</div>
<script>
    // 切換動畫
    $('#zaixiankefu2 .customer-show').hover(function() {
        $(this).animate({
            "right": -30
        }, 500);
        $(this).siblings('.customer-hide').animate({
            "right": 0
        }, 500);
    })
    $('#zaixiankefu2 .btn-close').click(function() {
        $('#zaixiankefu2 .customer-show').animate({
            "right": 0
        }, 500);
        $('#zaixiankefu2 .customer-hide').animate({
            "right": -200
        }, 500);
    })
</script>
        </div>

// animate
    ScrollReveal().reveal('.section', {
        distance: '150%',
        origin: 'bottom',
        opacity: null
    });
</script>
<script type="text/javascript" src="/js/customer.js"></script>
        </div>

產(chǎn)品中心 PRODUCT CENTER

請您在下面填寫詳細信息