$(function () {
    //三级联动
    var province = '';
    var city = '';
    var area = '';
    new PCAS("province", "city", "area", province, city, area);
    // 模板引擎
    var data = {
        "arr": $('#items .swiper-slide .e_text-3')
    };
    //点击事件
    $('#searchBtn').on('click', function () {
        var sheng = $('#province').val();
        var city = $('#city').val();
        var qu = $('#area').val();
        var keyWord = $('#address').val();
        var searhTxt = sheng + city + qu;
        searhTxt = searhTxt.slice(0, searhTxt.length - 1);
        var searchData = {
            arr: []
        };
        var dataS = data.arr;
        console.log(dataS);
        // 循环数据 
        for (let i = 0; i < dataS.length; i++) {
            const ele = dataS[i];
            // 判断地址是否在这个地址里面, 
            if (ele.innerText.indexOf(searhTxt) != -1 && ele.innerText.indexOf(
                keyWord) !=
                -1) {
                searchData.arr.push(ele);

                $(searchData.arr).parents(".swiper-slide").siblings().removeClass("searchList");
                $(searchData.arr).parents("#items").addClass("searching");
                $(searchData.arr).parents(".swiper-slide").addClass("searchList");

            };
        }
        console.log(searchData);
        if (searchData.arr == 0 || searchData.arr.length <= 0) {
            console.log("为查询到相关网点");
            $("#items").addClass("searching");
            $("#items").find(".swiper-slide").removeClass("searchList");
        }
    });



    // 轮播图
    $require(['swiper'], function () {
        var storeSwiper = new Swiper('.wyz-container-wd', {
            navigation: {
                nextEl: '.btn-prev',
                prevEl: '.btn-next',
            },
            direction: 'horizontal',
            slidesPerView: 1,
            preventClicks: false,
            observer: true,
            observeSlideChildren: true,
            mousewheel: true,
            scrollbar: {
                el: '.swiper-scrollbar',
            },
            breakpoints: {
                768: {
                    slidesPerView: 4,
                    direction: 'vertical',
                }
            },
            on: {
                init: function () {
                    // 格式化坐标
                    $('.clickhaoadd').each(function () {
                        var datavar = $(this).find('.huoqusite').text();
                        var strs = new Array();
                        strs = datavar.split(",");
                        for (i = 0; i < strs.length; i++) {
                            $(this).find(".site").find(".lat").text(strs[0]);
                            $(this).find(".site").find(".lng").text(strs[1]);
                        }
                    });

                    var firstDom = $('#items').find('.swiper-slide').eq(this.activeIndex);
                    firstDom.addClass('on');
                    // 执行地图事件
                    var lng = firstDom.find('.lng').text();
                    var lat = firstDom.find('.lat').text();
                    setMap(lng, lat);
                    $('.clickhaoadd').each(function (i, v) {
                        $(v).on('click', function () {
                            $(this).parent().addClass('on').siblings().removeClass('on');
                            var lng = $(this).find('.lng').text();
                            var lat = $(this).find('.lat').text();
                            setMap(lng, lat);
                        })
                    })
                }
            }
        });
    });

    function setMap(lng, lat) {
        var map = new BMapGL.Map("map_canvas", {
            minZoom: 2,
            maxZoom: 19
        });
        map.enableScrollWheelZoom(true);
        if ($(window).width() <= 1150) {
            map.disableDragging();
        };
        var zoomCtrl = new BMapGL.ZoomControl();  // 添加缩放控件
        map.addControl(zoomCtrl);
        map.clearOverlays();
        var point = new BMapGL.Point(lng, lat);
        map.centerAndZoom(point, 19);
        myIcon = new
            BMapGL.Icon(
                "https://omo-oss-image1.thefastimg.com//portal-saas/sop_tp_2022070400003/cms/image/aabb1723-e03f-4181-a1a6-2dfccb6921d1.png",
                new BMapGL.Size(36, 36), {
                anchor: new BMapGL.Size(18, 30)
            });
        marker = new BMapGL.Marker(point, {
            icon: myIcon
        });
        map.addOverlay(marker);
        // 增加事件 地图创建好久设置alt信息
        map.addEventListener("tilesloaded", function () {
            $('#map_canvas').find('img').attr('alt', 'map');
        });
    };
});