歡迎給我們留言

<div   id="qrgb2qmch"   class="field-body">
                        <div   id="qrgb2qmch"   class="field">
                            <div   id="qrgb2qmch"   class="control" style="text-align: left;">
                                <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('手機(jī)號不能為空')
                                return false ;
                            }
                        
                    const fields = [{"type":"text","name":"user","label":"姓名","required":false},{"type":"text","name":"envelope-o","label":"郵箱","required":false},{"type":"text","name":"mobile","label":"手機(jī)號","required":true},{"type":"text","name":"phone","label":"QQ","required":false},{"type":"text","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);
                    jQuery.ajax({
                                url: "http://yun-api.sungdell.com/customer-form?d=d736izwr7098.cn2.caihongjianzhan.com&aid=3409&fid=3084",
                                type: 'POST',
                                data: JSON.stringify(values),
                                dataType: 'json',
                                contentType: 'application/json',
                                success: function (data, status, xhr) {
                                    if (data && data.status === 0) {
                                        const email = data.data.email || '';
                                        if (email) {
                                            var emailObj = {
                                                body: {
                                                    greeting: '您好',
                                                    signature: '交給我建站',
                                                    name,
                                                    intro: '這是您的后臺表單數(shù)據(jù)',
                                                    table: {
                                                        data: values.map(item=>({name: item.label, value: item.value}))
                                                    },
                                                    action: {
                                                        instructions: '您可以登錄你的后臺查看全部數(shù)據(jù):',
                                                        button: {
                                                            color: '#3869D4',
                                                            text: '點擊進(jìn)入',
                                                            link: 'http://d736izwr7098.cn2.caihongjianzhan.com'
                                                        }
                                                    },
                                                    outro: '感謝您的使用，您遇到任務(wù)問題都可以聯(lián)系我們的售后'
                                                }
                                            }
                                            jQuery.post('//yun-api.sungdell.com/send-email?email=' + email, "subject=表單數(shù)據(jù)&emailObj=" + JSON.stringify(emailObj), function (data) {
                                                console.info('發(fā)送郵件成功');
                                                if (data.status === 0) {
                                                    alert("提交成功!");
                                                    location.reload();
                                                }
                                                console.info('失敗', data)
                                            })
                                        } else {
                                            alert("提交成功!");
                                            location.reload();
                                        }
                                    } else {
                                        alert(data.message);
                                    }
                                },
                                error: function (xhr, error, exception) {
                                    alert(exception.toString());
                                },
                                beforeSend:function() {
                                    jQuery("#liuyan_form [type=submit]").off('click');
                                },
                                complete: function (data) {
                                    jQuery("#liuyan_form [type=submit]").on('click', handlerSubmit);
                                }
                            });
                }
                $("#liuyan_form input[type=submit]").on('click', handlerSubmit);
            })
        </script>
    
        </div>
    
            </div>
            <div   id="qrgb2qmch"   class="column">
                
        <div component="baidu_map.js" data="{}">
            
        <div>
            <style>
                #m-baidu-map{height:350px;}
                .m-map-detail-box h2{margin:0 0 7px 0;padding:0;}
                .m-map-detail-box img{float:right;margin:0px 0px 0px 4px;width:120px;height:80px;}
            </style>
            <script src="http://api.map.baidu.com/api?v=2.0&ak=2Ob1Cq4Ox2VLz1Dz1SHoHyjhECGsNWPr"></script>
            <div   class="qrgb2qmch"   id="m-baidu-map"></div>
            <script type="text/javascript">
                // 創(chuàng)建地圖
                var map = new BMap.Map("m-baidu-map");
                // 創(chuàng)建需要顯示信息框
                var mapBoxShow =
                    '<p title=" 深圳市鴻銳博電子有限公司" style="width:300px;display:block;font:bold 14px/16px arial,simsun,sans-serif;margin-bottom:5px;color:#cc5522;white-space:nowrap;overflow:hidden"> 深圳市鴻銳博電子有限公司</p>' +
                    "<p style='padding-right:10px;width:100%;word-break: break-all;font-size: 14px;'>地址：深圳市寶安石巖創(chuàng)業(yè)路南豐成工業(yè)園2棟8樓</p>" +
                    "<p style='padding-right:10px;width:220px;word-break: break-all;font-size: 14px;'>電話：0755-23779155 </p>" +
                    "" +
                    "</div>";
                // 增加左側(cè)控制條
                map.addControl(new BMap.NavigationControl());

// 編寫自定義函數(shù),創(chuàng)建標(biāo)注
                function addMarker(point, content) {
                    // 創(chuàng)建標(biāo)注
                    var marker = new BMap.Marker(point);
                    map.addOverlay(marker);
                    var infoWindow = new BMap.InfoWindow(content);
                    //開啟信息窗口
                    map.openInfoWindow(infoWindow, point);
                    marker.addEventListener("click", function () {
                        this.openInfoWindow(infoWindow);
                        //圖片加載完畢重繪infowindow
                        document.getElementById('imgDemo').onload = function () {
                            infoWindow.redraw();
                        }
                    });
                }
                var myLocalsearch = new BMap.LocalSearch(
                    map, {
                        onSearchComplete: function (results) {
                            var poi = results.getPoi(0);
                            map.centerAndZoom(poi.point, 13);
                            var user_marker = new BMap.Marker(poi.point);
                            map.addOverlay(user_marker);
                            addMarker(poi.point, mapBoxShow);
                        }
                    }
                );
                myLocalsearch.search('深圳市寶安石巖創(chuàng)業(yè)路南豐成工業(yè)園2棟8樓');
            </script>
        </div>
    
        </div>
    
            </div>
        </div>
    </div>

</div>
        </div>
    
    
    
        <div component="footer.html">
            <style type="text/less">
    #gongyongdibu {
        background: #212121;
        margin-top: @gap-size * 3;
        .footer-intro {
            padding-bottom: 24px;
        }
        .title {
            color: @white;
            font-size: 20px;
            letter-spacing: 2px;
        }
        .subtitle {
            color: #999999;
            margin-bottom: @gap-size * 2;
            display: flex;
            align-items: center;
            font-size: @font-size-base;
            img {
                margin-right: @gap-size;
            }
        }
        .intro {
            color: #999999;
        }
        hr {
            width: 3em;
            background-color: @white;
        }
    }
    .copyright {
        text-align: center;
        font-size: 16px;
        line-height: 4;
        color: #bfbfbf;
        background: #235ad9;
        a {
            color: #fff;
        }
        @media (max-width: 768px) {
            font-size: 14px;
            margin-top: @gap-size * 2;
        }
    } 
</style>
<div   class="qrgb2qmch"   id="gongyongdibu" class="is-hidden-mobile">
    <div   id="qrgb2qmch"   class="section">
        <div   id="qrgb2qmch"   class="footer-intro container">
            <div   id="qrgb2qmch"   class="columns">
                <div   id="qrgb2qmch"   class="column is-4">
                    <h1 class="title">聯(lián)系方式</h1>
                    <hr>
                    <ul>
                        <li id="qrgb2qmch"    class="subtitle"><img src="http://cdn.xuansiwei.com/d642zevj/1578018583186/67326e5bfa5fcf0be15ce360991ebe79.png?x-oss-process=style/small" class="image is-24x24" loading="lazy" alt=" 深圳市鴻銳博電子有限公司"><span>電話：</span><span dynamic-var="config['公共']['公司電話']">15818740255/于先生</span></li>
                        <li id="qrgb2qmch"    class="subtitle"><img src="http://cdn.xuansiwei.com/d642zevj/1578018699572/8b8d0c78bde65e37200ccc6b66c4c9de.png?x-oss-process=style/small" class="image is-24x24" loading="lazy" alt=" 深圳市鴻銳博電子有限公司"><span>手機(jī)：</span><span dynamic-var="config['公共']['公司手機(jī)']">0755-23779155 </span></li>
                        <li id="qrgb2qmch"    class="subtitle"><img src="http://cdn.xuansiwei.com/d642zevj/1578018743113/7c3681ea1c7654a673d25055d5e7bfa2.png?x-oss-process=style/small" class="image is-24x24" loading="lazy" alt=" 深圳市鴻銳博電子有限公司"><span>郵箱：</span><span dynamic-var="config['公共']['公司郵箱']">15818740255@163.com</span></li>
                        <li id="qrgb2qmch"    class="subtitle"><img src="http://cdn.xuansiwei.com/d642zevj/1578018765326/e9aa4d14f50065f7e5a278214eb9cea6.png?x-oss-process=style/small" class="image is-24x24" loading="lazy" alt=" 深圳市鴻銳博電子有限公司"><span>地址：</span><span dynamic-var="config['公共']['公司地址']">深圳市寶安石巖創(chuàng)業(yè)路南豐成工業(yè)園2棟8樓</span></li>
                    </ul>
                </div>
                <div   id="qrgb2qmch"   class="column is-5">
                    <h1 class="title" dynamic-var="config['公共']['公司名稱']"> 深圳市鴻銳博電子有限公司</h1>
                    <hr>
                    <p dynamic-var="config['公共']['公司簡介']" class="intro"> 深圳市鴻銳博電子有限公司是集液晶顯示模塊研發(fā)、設(shè)計、生產(chǎn)及銷售于一體的高新技術(shù)企業(yè)。可以根據(jù)客戶需求定制相關(guān)產(chǎn)品，公司專業(yè)致力于TN、STN、FSTN、TFT等顯示產(chǎn)品的研發(fā)和推廣，產(chǎn)品廣泛應(yīng)用于儀器儀表、醫(yī)療器械、紡織機(jī)械、稅控、工控、通訊終端等。 深圳市鴻銳博電子憑借著經(jīng)驗豐富的研發(fā)團(tuán)隊，精益求精的品質(zhì)理念，完善的售后服務(wù)，取得客戶的一致好評，公司以“質(zhì)量過硬，客戶滿意”為經(jīng)營理念，期待與新老客戶共創(chuàng)美好未來！...</p>
                </div>
                <div   id="qrgb2qmch"   class="column is-offset-1">
                    <h1 class="title">導(dǎo)航欄</h1>
                    <hr>

</div>
            </div>
        </div>
    </div>
</div>
<div   id="qrgb2qmch"   class="copyright">
    <span>?<script>document.write(new Date().getFullYear())</script></span> <span dynamic-var="config['公共']['公司名稱']"> 深圳市鴻銳博電子有限公司</span> <span>版權(quán)所有</span>
    <a style="display: none;"  dynamic-var="config['公共']['備案號']" class="beian-num">粵ICP備2024242462號-1</a>
</div>

<div component="online_1.html">
            <style type="text/less">
    #online_1 {
        /*使用組件將 --position 的值改為 fixed*/
        --position: fixed;
        .online-show {
            position: var(--position);
            right: 0;
            top: calc(50% - 74px);
            z-index: 1001;
            background-color: @primary-color;
            color: #fff;
            display: flex;
            align-items: center;
            flex-direction: column;
            width: 26px;
            padding: @gap-size;
            border-top-left-radius: @gap-size;
            border-bottom-left-radius: @gap-size;
            transition: right 500ms;
            p {
                text-indent: 0;
                font-size: 14px;
                line-height: 1.5;
                padding: @gap-size 0;
                max-width: 100%;
                word-break: break-word;
                text-transform: uppercase;
                text-align: center;
            }
        }
        .online-content {
            position: var(--position);
            top: calc(50% - 74px);
            z-index: 1000;
            right: -100vw;
            transition: right 500ms; 
            .box{
                padding: @gap-size * 2;
                border: 2px solid @primary-color;
                .content {
                    p {
                        text-indent: 0;
                        margin: 0;
                        font-size: 14px;
                        &.is-flex {
                            align-items: center;
                        }
                    }
                    p:not(:last-child) {
                        padding-bottom: @gap-size;
                    }
                    .icon {
                        width: auto;
                    }
                }
            }
        }
        .online-mobile {
            position: var(--position);
            right: 0;
            bottom: 30px;
            z-index: 999;
            .content {
                display: flex;
                flex-direction: column;
                i {
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    font-size: 20px;
                    background: rgba(31, 31, 31, 0.65);
                    color: #fff;
                    border-radius: 50%;
                    margin: @gap-size @gap-size 0 0;
                    cursor: pointer;
                }
            }
        }
        .wechat-num-copy-modal {
            .modal-content {
                background: rgb(255, 255, 255);
                width: 238px;
                padding-top: 20px;
                text-align: center;
                img {
                    margin-bottom: 10px;
                }
                .title {
                    font-size: 14px;
                    margin: 0;
                    padding: 0;
                }
                .subtitle {
                    color: rgb(153, 153, 153);
                    font-size: 12px;
                    line-height: 17px;
                    margin-top: 3px;
                    padding-bottom: 0;
                    margin-bottom: 0;
                }
                .is-ok {
                    color: rgb(51, 132, 227);
                    padding: 9px 0px;
                    margin: 12px 12px 0px;
                    border-top: 1px solid rgb(236, 236, 236);
                }
            }

}
    }
</style>

<div component="1_online.js">
            
        <div   id="qrgb2qmch"   class="online-content is-hidden-mobile">
            <div   id="qrgb2qmch"   class=" box">
                <article class="media">
                    <div   id="qrgb2qmch"   class="media-content">
                        <div   id="qrgb2qmch"   class="content">
                            
                            
                            <p><span><i class="fa fa-phone"></i>  電話：</span><span>15818740255/于先生</span></p>
                            <p><span><i class="fa fa-mobile"></i>   手機(jī)：</span><span>0755-23779155 </span></p>
                            <p><span><i class="fa fa-envelope-o"></i> 郵箱：</span><span>15818740255@163.com</span></p>
                            <p><span><i class="fa fa-weixin"></i> 微信：</span><span>15818740255</span></p>
                            
                        </div>
                    </div>
                </article>
            </div>
        </div>
        <div   id="qrgb2qmch"   class="online-mobile is-hidden-tablet">
            <div   id="qrgb2qmch"   class="content">
                <a href="tel:0755-23779155 "><i class="fa fa-phone" aria-hidden="true"></i></a>
                <a href="javascript:wechatNumCopy('15818740255')"><i class="fa fa-weixin"></i></a>
            </div>
        </div>
        <div   id="qrgb2qmch"   class="modal modal-fx-fadeInScale wechat-num-copy-modal">
                <div   id="qrgb2qmch"   class="modal-background" onclick="$('.wechat-num-copy-modal').toggleClass('is-active')"></div>
                <div   id="qrgb2qmch"   class="modal-content">
                    <img src="http://cdn.xuansiwei.com/d0000000/1614696550434/share-finish-ok.svg" alt="" loading="lazy">
                    <div   id="qrgb2qmch"   class="title">微信號已復(fù)制</div>
                    <div   id="qrgb2qmch"   class="is-ok" onclick="$('.wechat-num-copy-modal').toggleClass('is-active')">我知道了
                </div>
            </div>
        </div>
    
        </div>

</div>
<script>
    var online_selector = '#online_1';
    $(online_selector + ' .online-show').on('mouseenter', function() {
        $(this).css('right', '-100vw');
        $(online_selector + ' .online-content').css('right', '0');
    });
    $(online_selector + ' .online-content').on('mouseleave', function() {
        $(this).css('right', '-100vw');
        $(online_selector + ' .online-show').css('right', '0');
    });

// 復(fù)制鏈接
    function copyFn(value) {
        var isRTL = document.documentElement.getAttribute('dir') === 'rtl';
        var input = document.createElement('textarea');
        input.style.fontSize = '12pt';
        // Reset box model
        input.style.border = '0';
        input.style.padding = '0';
        input.style.margin = '0';
        input.style.position = 'absolute';
        input.style[isRTL ? 'right' : 'left'] = '-9999px';
        var yPosition = window.pageYOffset || document.documentElement.scrollTop;
        input.style.top = yPosition + 'px';

input.setAttribute('readonly', '');
        input.value = value;
        document.body.appendChild(input);
        input.select();
        input.setSelectionRange(0, input.value.length);
        if (document.execCommand) {
            document.execCommand('copy');
        }
    }

// 復(fù)制鏈接
    function wechatNumCopy(num) {
        copyFn(num);
        $(online_selector + ' .wechat-num-copy-modal').toggleClass('is-active');
    }
</script>
        </div>

// 存在備案號時才顯示備案號
    if ($('.beian-num').text().trim()) {
        $('.beian-num').show();
    }

// animate
    if (window.scrollY < 100) { // 解決網(wǎng)頁滾動到指定位置時會出現(xiàn)頁面錯亂
        ScrollReveal().reveal('.section', {
            distance: '150%',
            origin: 'bottom',
            opacity: null
        });
    }

// banner圖文字動效
    if (self === top) {
        const textWrapper = document.querySelector('.anime-letters');
        textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span id="qrgb2qmch"    class='anime-letter'>$&</span>");
        anime.timeline({
                loop: true
            })
            .add({
                targets: '.anime-letters .anime-letter',
                translateY: ["1.1em", 0],
                translateZ: 0,
                duration: 750,
                delay: (el, i) => 50 * i
            })
            .add({
                targets: '.anime-letters',
                opacity: 0,
                duration: 1000,
                easing: "easeOutExpo",
                delay: 1000
            })
    }
</script>
<script type="text/javascript" src="/js/customer.js"></script>
        </div>

</div>
</footer>

久久精品国产亚洲AV无码麻豆_性无码免费一区二区三区屯线_无码人妻久久一区二区三区免费_少妇扒开双腿让我看个够

- 聯(lián)系我們 -

PRODUCTS SERVICES

歡迎給我們留言