轮播图 2021-05-17

 //生成轮播
        function Create_Carousel() {
            var js = $('#tb_recommendreport').val();
            var arr = eval(js);
            var one_page_arr_1 = [];
            var one_page_arr_2 = [];
            var one_page_arr_3 = [];
            var one_page_arr_4 = [];
            var newArr = []
            for (var j = 0; j < arr.length; j++) {
                var hot = arr[j]['是否推荐'];
                if (hot == 1) {
                    newArr.push(arr[j]);
                }
            }



            for (var i = 0; i < newArr.length; i++) {
                if (i == 0 || i == 1 || i == 2) {
                    one_page_arr_1.push(newArr[i]);
                }
                if (i == 3 || i == 4 || i == 5) {
                    one_page_arr_2.push(newArr[i]);
                }
                if (i == 6 || i == 7 || i == 8) {
                    one_page_arr_3.push(newArr[i]);
                }
                if (i == 9 || i == 10 || i == 11) {
                    one_page_arr_4.push(newArr[i]);
                }
                if (i > 11) { break; }
            }

            var html_one_page = Create_One_Page_Html(one_page_arr_1);   //生成1页的轮播html
            $('#div_Create_List_1').html(html_one_page);
            html_one_page = Create_One_Page_Html(one_page_arr_2);
            $('#div_Create_List_2').html(html_one_page);
            html_one_page = Create_One_Page_Html(one_page_arr_3);
            $('#div_Create_List_3').html(html_one_page);
            html_one_page = Create_One_Page_Html(one_page_arr_4);
            $('#div_Create_List_4').html(html_one_page);
        }

        //生成1页的轮播html
        function Create_One_Page_Html(arr) {
            var html = '';
            for (var i = 0; i < arr.length; i++) {
                html += Create_One_Report(arr[i]);
            }

            return html;
        }


        //生成单个报告呈现的 html
        function Create_One_Report(obj) {
            var html_one = '';
            html_one += '<div class="layui-col-xs12 layui-col-sm4 layui-col-md4">';
            var imgReport = obj['图片名'];
            html_one += '<div class="grid-demo grid-demo-bg1 report" style="width:90%;"><a target="_blank" href="/Report/ReportView?doType=detail&id=' + obj['id'] + '"><img style="height:320px;" src="' + imgReport + '" /></a>';
            html_one += '<div class="report-text" style="position: absolute;top:100%;left:3.5%;width:89.9%;height: 60px; background-color:#fff;">';
            var reportName1 = obj['报告名称'];
            html_one += '<a style="font-width:900; font-size:14px;color:#000;" href="#">' + reportName1 + '</a>';
            var postDate1 = obj['发表日期'];
            postDate1 = postDate1.replace('T00:00:00', "");
            html_one += '<p style="position:absolute; font-size:10px; top:43px;color:#000;">' + postDate1 + '</p>';
            html_one += '<div style="position: absolute; width: 6%; font-size: 14px;top:59%;left:59%">';
            html_one += '<img style=" position: absolute; left: 20px;top:2px;width: 15px;margin-top: 2px;" src="/images/reportpic/下载 (4).png" />';
            var Download = obj['下载次数'];
            if (Download == undefined) { Download = '0' }
            html_one += '<p style="position: absolute;font-size: 10px;top:5px;left:40px;color:#000;">' + Download + '</p></div></div></div></div>';
            return html_one;
        }