锘?(function () {
    setMenu(5);
    getBanner(1, 5);
    getCategory();
    addLog('缃戠珯-瑙ｅ喅鏂规', '/Web/Solutions');
});

//鑾峰彇瑙ｅ喅鏂规绫诲埆
function getCategory() {
    url = '/Web/GetDataItemListJson?EnCode=Solution';
    $.getJSON(url, function (data) {
        $.each(data, function (i, v) {
            var html = '<section class="teams-section section-padding-all aubox" style="background-color: #ffffff; " id="' + v.ItemName + '">';
            html += '<div class="default-container" >';
            html += '<div class="row clearfix">';
            html += '<div class="con-title-column col-lg-12 col-md-12 col-sm-12">';
            html += '<div class="sec-con-title text-center centered mx-auto">';
            html += '<h2>' + v.ItemName + '</h2>';
            html += '</div>';
            html += '</div>';
            html += '</div>';
            html += '<div class="row clearfix mt-3 four-item-carousel owl-carousel owl-theme" id="solutions' + v.ItemValue + '">';
            html += '</div>';
            html += '</div >';
            html += '</section >';
            $('#pagebody').append(html);
        });
        getList();
    });
}

//鑾峰彇瑙ｅ喅鏂规鍒楄〃
function getList() {

    $("#solutions1").html("");
    $("#solutions2").html("");
    $("#solutions3").html("");
    $("#solutions4").html("");
    var queryJson = {
        EnabledMark: 1,
        DeleteMark:0
    }
    url = '/Web/GetSolution?queryJson=' + JSON.stringify(queryJson);
    $.getJSON(url, function (data) {
        $.each(data, function (i, v) {
            var html = '<div class="team-style-two mb-4">';
            html += '<a class="team-box-all" href="/Web/Info?num=5&id=' + v.id + '">';
            html += '<div class="team-img">';
            var filePath = '~/Content/web/images/solutions/5.jpg';
            if (v.filepath != null) {
                filePath = v.filepath;
            }
            html += '<img src="' + filePath.substring(1, filePath.length) + '" alt="' + v.title + '" class="img-fluid mx-auto d-block">';
            html += '</div>';
            html += '<div class="mt-3" style="margin: 10px;">';
            html += '<h6 class="mb-0 font-weight-bold">' + v.title + '</h6>';
            html += '<p class="text-muted team-work" style="margin-top: 10px;">' + v.introduction + '</p>';
            html += '</div>';
            html += '</a>';
            html += '</div>';
            $("#solutions" + v.category).append(html);
        });
        //setCarousel();
        $.each($('.default-container').find('.four-item-carousel'), function (i, obj) {
            setCarousel(obj);
            //var objArray = $(obj).find('.mb-4');
            //if (objArray.length > 0) {
            //    setCarousel()
            //}
        })
        
    });
}

//璁剧疆杞挱
function setCarousel(obj) {
    var objArray = $(obj).find('.mb-4');
    if (objArray.length == 0) {
        return false;
    }
    var num = objArray.length;
    var num1 = 1;
    var num2 = 2;
    var num3 = 3;
    var num4 = 4;
    if (num == 1) {
        num2 = 1;
        num3 = 1;
        num4 = 1;
    } else if (num == 2) {
        num3 = 2;
        num4 = 2;
    } else if (num == 3) {
        num4 = 3;
    }
    if ($(obj).length) {
        $(obj).owlCarousel({
            loop: false,
            dots: true,
            dotsEach: 4,
            margin: 15,
            nav: true,
            autoHeight: false,
            //smartSpeed: 500,
            //autoplay: 5000,
            navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'],
            responsive: {
                0: {
                    items: num1
                },
                600: {
                    items: num2
                },
                800: {
                    items: num3
                },
                1024: {
                    items: num3
                },
                1200: {
                    items: num4
                }
            }
        });
        if (num < 4) {
            var id = $(obj)[0].id;
            var widthPercent = (num / 4) * 100;
            $('#' + id + ' .owl-item img').css("width", widthPercent + "%");
        }
    }
}