window.onload = () => {

    var donhua = () => {
        var change_father = document.queryselectorall(".news_cover_father");
        var change = document.queryselector(".news_cover");

        const biaoji = ['0s', '0.2s', '0.4s', '0.6s']
        for (var i = 0; i < change_father.length; i++) {
            scan({
                option: 0.15,
                targetele: change_father[i],
                animation: "news_reveal 1s linear " + biaoji[i] + " forwards",
            });
        }


        var change_father1 = document.queryselectorall(".news_cover_father1");
        var change1 = document.queryselector(".news_cover1");

        const biaoji1 = ['0s', '0.2s', '0.4s', '0.6s']
        for (var i = 0; i < change_father1.length; i++) {
            scan({
                option: 0.15,
                targetele: change_father1[i],
                animation: "news_reveal_p 1s linear " + biaoji1[i] + " forwards",
            });
        }
    }

    if (window.innerwidth > 768) {

        /* n 是第几页 */
        const content_frame = document.queryselector(".content_frame");
        function search_new(n, title) {
            max_search_request({
                url: "/casccms/news/pagenewscondition",
                data: {
                    pagenum: n,
                    pagesize: 4,
                    title: title
                }
            }).then((res) => {
                if (res.data.list.length == 0) {
                    var newdiv = document.createelement("div");
                    newdiv.innertext = "没有相关新闻";
                    content_frame.appendchild(newdiv);
                }
                for (var i = res.data.list.length-1; i >=0; i--) {
                    var a = {
                        title: res.data.list[i].newstitle,
                        time: res.data.list[i].createtime,
                        content: res.data.list[i].newsbody
                    };
                    createnewys(res.data.list[i].imageaddress, 4 * (n - 1) + i, a);
                }
                var yeshu = res.data.totalpage;
                donhua();
                createfyele(yeshu,yeshu+1- res.data.pagenum);
                fygnsearch(yeshu+1-res.data.pagenum, yeshu, title);
            });
        }



        const content_form_feed_character = document.queryselector(".content_form_feed_character");



        function createnewys(src, id,
            parameter = {
                title: null,
                time: null,
                content: null
            }) {
            var newdiv1 = document.createelement("div");
            var newdiv2 = document.createelement("div");
            /* var newdiv3 = document.createelement("div"); */
            var newdiv4 = document.createelement("div");
            var newa1 = document.createelement("a");
            var newimg = document.createelement("img");
            var newa2 = document.createelement("a");
            var newsmall = document.createelement("small");
            var newp = document.createelement("p");
            newa2.innerhtml = parameter.title;
            newsmall.innerhtml = parameter.time[0] + parameter.time[1] + parameter.time[2] + parameter.time[3] + "年"
                + parameter.time[5] + parameter.time[6] + "月"
                + parameter.time[8] + parameter.time[9] + "日"
                + parameter.time[11] + parameter.time[12] + "时";
            newp.innerhtml = parameter.content;
            newdiv1.classlist.add("content_frame_div");
            newdiv2.classlist.add("news_cover_father");
            /*  newdiv3.classlist.add("news_cover"); */
            newa1.href = "./news_detail.html?wear=" + id + "&src=" + src;
            newa1.target = "_blank"
            newimg.classlist.add("content_frame_div_a_img");
            newimg.src = src;
            newdiv4.classlist.add("content_frame_div_div");
            newa2.classlist.add("content_frame_div_div_a");
            newa2.href = "./news_detail.html?wear=" + id + "&src=" + src;
            newa2.target = "_blank"
            newsmall.classlist.add("content_frame_div_div_small");
            newp.classlist.add("content_frame_div_div_p");
            newdiv4.appendchild(newa2);
            newdiv4.appendchild(newsmall);
            newdiv4.appendchild(newp);
            newa1.appendchild(newimg);
            newdiv2.appendchild(newdiv4);
            /* newdiv2.appendchild(newdiv3); */
            newdiv2.appendchild(newa1);
            newdiv1.appendchild(newdiv2);
            content_frame.appendchild(newdiv1);
        }

        /* n是第几页, len一共是有多少页 */
        var fygn = (n, len) => {
            const newfyanniu = document.queryselectorall(".newfyanniu");

            for (var i = 0; i < newfyanniu.length; i++) {

                newfyanniu[i].addeventlistener("click", function (e) {
                    var message = this.innertext;
                    if (message == "<") {
                        if (n == 1) { }
                        else {
                            content_frame.innerhtml = "";
                            content_form_feed_character.innerhtml = "";
                            yunx(n - 1);
                        }
                    }
                    else if (message == ">") {
                        if (n == len) { }
                        else {
                            content_frame.innerhtml = "";
                            content_form_feed_character.innerhtml = "";
                            yunx(n + 1);
                        }
                    }
                    else {
                        content_frame.innerhtml = "";
                        content_form_feed_character.innerhtml = "";
                        yunx(parseint(message));
                    }
                });

            }
        }

        /* 搜索用分页功能 */
        var fygnsearch = (n, len, title) => {
            const newfyanniu = document.queryselectorall(".newfyanniu");

            for (var i = 0; i < newfyanniu.length; i++) {

                newfyanniu[i].addeventlistener("click", function (e) {
                    var message = this.innertext;
                    if (message == "<") {
                        if (n == 1) { }
                        else {
                            content_frame.innerhtml = "";
                            content_form_feed_character.innerhtml = "";
                            search_new(n - 1, title);
                        }
                    }
                    else if (message == ">") {
                        if (n == len) { }
                        else {
                            content_frame.innerhtml = "";
                            content_form_feed_character.innerhtml = "";
                            search_new(n + 1, title);
                        }
                    }
                    else {
                        content_frame.innerhtml = "";
                        content_form_feed_character.innerhtml = "";
                        search_new(parseint(message), title);
                    }
                });

            }
        }








        /* n是有多少页， index 是第几页 */
        function createfyele(n, index) {
            if (n <= 0) { }
            else if (n == 1) { }
            else {
                var leftjt = document.createelement("div");
                var rightjt = document.createelement("div");
                leftjt.classname = "newfyanniuleft newfyanniu";
                rightjt.classname = "newfyanniuright newfyanniu";
                leftjt.innertext = "<";
                rightjt.innertext = ">";
                content_form_feed_character.appendchild(leftjt);
                if (n > 4) {
                    var newdiv1 = document.createelement("div");
                    var newdiv2 = document.createelement("div");
                    var newdiv3 = document.createelement("div");
                    var newdiv4 = document.createelement("div");
                    newdiv1.classlist.add("newfyanniu");
                    newdiv2.classlist.add("newfyanniu");
                    newdiv3.classlist.add("newfyanniu");
                    newdiv4.classlist.add("newfyanniu");
                    newdiv1.innertext = 1;
                    newdiv4.innertext = n;
                    if (index > 0 && index < 4) {
                        /* 只有后略号 */
                        newdiv2.innertext = 2;
                        newdiv3.innertext = 3;
                        var newdiv = document.createelement("div");
                        newdiv.classlist.add("newslh");
                        newdiv.innertext = "......";
                        content_form_feed_character.appendchild(newdiv1);
                        content_form_feed_character.appendchild(newdiv2);
                        content_form_feed_character.appendchild(newdiv3);
                        content_form_feed_character.appendchild(newdiv);
                        content_form_feed_character.appendchild(newdiv4);
                        if (index == 1) newdiv1.classlist.add("liang");
                        else if (index == 2) newdiv2.classlist.add("liang");
                        else newdiv3.classlist.add("liang");
                    }
                    else if (index > n - 3 && index <= n) {
                        /* 只有前略号 */
                        newdiv2.innertext = n - 2;
                        newdiv3.innertext = n - 1;
                        var newdiv = document.createelement("div");
                        newdiv.classlist.add("newslh");
                        newdiv.innertext = "......";
                        content_form_feed_character.appendchild(newdiv1);
                        content_form_feed_character.appendchild(newdiv);
                        content_form_feed_character.appendchild(newdiv2);
                        content_form_feed_character.appendchild(newdiv3);
                        content_form_feed_character.appendchild(newdiv4);
                        if (index == n) newdiv4.classlist.add("liang");
                        else if (index == n - 2) newdiv2.classlist.add("liang");
                        else newdiv3.classlist.add("liang");
                    }
                    else {
                        newdiv2.innertext = index;
                        newdiv3.innertext = index + 1;
                        var newdiv5 = document.createelement("div");
                        newdiv5.classlist.add("newslh");
                        newdiv5.innertext = "......";
                        var newdiv6 = document.createelement("div");
                        newdiv6.classlist.add("newslh");
                        newdiv6.innertext = "......";
                        content_form_feed_character.appendchild(newdiv1);
                        content_form_feed_character.appendchild(newdiv5);
                        content_form_feed_character.appendchild(newdiv2);
                        content_form_feed_character.appendchild(newdiv3);
                        content_form_feed_character.appendchild(newdiv6);
                        content_form_feed_character.appendchild(newdiv4);
                        newdiv2.classlist.add("liang");
                    }
                }
                else {
                    for (var i = 0; i < n; i++) {
                        var newdiv = document.createelement("div");
                        newdiv.classlist.add("newfyanniu");
                        newdiv.innertext = i + 1;
                        if (i == index - 1) {
                            newdiv.classlist.add("liang");
                        }
                        content_form_feed_character.appendchild(newdiv);
                    }
                }
                content_form_feed_character.appendchild(rightjt);
            }

        }



        /* n是第几页 */
        var yunx = (n) => {
            max_search_request({
                url: "/casccms/news/pagenewscondition",
                data: {
                    pagenum: n,
                    pagesize: 4,
                    title: ""
                }
            }).then((res) => {
                for (var i = res.data.list.length-1; i >=0; i--) {
                    var a = {
                        title: res.data.list[i].newstitle,
                        time: res.data.list[i].createtime,
                        content: res.data.list[i].newsbody
                    };
                    createnewys(res.data.list[i].imageaddress, res.data.total - 1 - 4 * (n - 1) + i, a);
                }
                donhua();
                var shul = res.data.totalpage;
                createfyele(shul, res.data.totalpage+1-res.data.pagenum);
                fygn(res.data.totalpage+1-res.data.pagenum, shul);
            });
        }

        yunx(1);



        /* 搜索 */
        const searchanniu = document.queryselector("#content_search");
        const search_wear = document.queryselector(".search_wear");


        searchanniu.addeventlistener("click", (e) => {
            if (search_wear.value == '') { }
            else {
                content_frame.innerhtml = "";
                content_form_feed_character.innerhtml = "";
                search_new(1, search_wear.value);
            }
        });



    }
    else {




        /* 手机端 */

        const content_p_frame = document.queryselector(".content_p_frame");
        const content_p_form_feed_character = document.queryselector(".content_p_form_feed_character");



        function createnewys_p(src, id,
            parameter = {
                title: null,
                time: null
            }) {
            var newdiv_p = document.createelement("div");
            var newimg_p = document.createelement("img");
            var newa_p = document.createelement("a");
            var newp_p = document.createelement("p");
            newa_p.innerhtml = parameter.title;
            newp_p.innertext = parameter.time[0] + parameter.time[1] + parameter.time[2] + parameter.time[3] + "年"
                + parameter.time[5] + parameter.time[6] + "月"
                + parameter.time[8] + parameter.time[9] + "日"
                + parameter.time[11] + parameter.time[12] + "时";
            newdiv_p.classlist.add("news_cover_father1");
            newimg_p.classlist.add("content_p_frame_div_img");
            newimg_p.src = src;
            newa_p.classlist.add("content_p_frame_a");
            newa_p.href = "./news_detail.html?wear=" + id + "&src=" + src;
            newa_p.target = "_blank"
            newp_p.classlist.add("content_p_frame_p");
            newdiv_p.appendchild(newimg_p);
            newdiv_p.appendchild(newa_p);
            newdiv_p.appendchild(newp_p);
            content_p_frame.appendchild(newdiv_p);
        }

        var fygn_p = (n, len) => {
            const newfyanniu_p = document.queryselectorall(".newfyanniu_p");

            for (var i = 0; i < newfyanniu_p.length; i++) {

                newfyanniu_p[i].addeventlistener("click", function (e) {
                    var message = this.innertext;
                    if (message == "<") {
                        if (n == 1) { }
                        else {
                            content_p_frame.innerhtml = "";
                            content_p_form_feed_character.innerhtml = "";
                            yunx_p(n - 1);
                        }
                    }
                    else if (message == ">") {
                        if (n == len) { }
                        else {
                            content_p_frame.innerhtml = "";
                            content_p_form_feed_character.innerhtml = "";
                            yunx_p(n + 1);
                        }
                    }
                    else {
                        content_p_frame.innerhtml = "";
                        content_p_form_feed_character.innerhtml = "";
                        yunx_p(parseint(message));
                    }
                });

            }
        }

        var fygnsearchp = (n, len, title) => {
            const newfyanniu_p = document.queryselectorall(".newfyanniu_p");

            for (var i = 0; i < newfyanniu_p.length; i++) {

                newfyanniu_p[i].addeventlistener("click", function (e) {
                    var message = this.innertext;
                    if (message == "<") {
                        if (n == 1) { }
                        else {
                            content_p_frame.innerhtml = "";
                            content_p_form_feed_character.innerhtml = "";
                            search_pnew(n - 1, title);
                        }
                    }
                    else if (message == ">") {
                        if (n == len) { }
                        else {
                            content_p_frame.innerhtml = "";
                            content_p_form_feed_character.innerhtml = "";
                            search_pnew(n + 1, title);
                        }
                    }
                    else {
                        content_p_frame.innerhtml = "";
                        content_p_form_feed_character.innerhtml = "";
                        search_pnew(parseint(message), title);
                    }
                });

            }
        }











        function createfyele_p(n, index) {
            if (n <= 0) { }
            else if (n == 1) { }
            else {
                var leftjt_p = document.createelement("div");
                var rightjt_p = document.createelement("div");
                leftjt_p.classname = "hhleft newfyanniu_p";
                rightjt_p.classname = "hhright newfyanniu_p";
                leftjt_p.innertext = "<";
                rightjt_p.innertext = ">";
                content_p_form_feed_character.appendchild(leftjt_p);
                if (n > 4) {
                    var newdiv1_p = document.createelement("div");
                    var newdiv2_p = document.createelement("div");
                    var newdiv3_p = document.createelement("div");
                    var newdiv4_p = document.createelement("div");
                    newdiv1_p.classlist.add("newfyanniu_p");
                    newdiv2_p.classlist.add("newfyanniu_p");
                    newdiv3_p.classlist.add("newfyanniu_p");
                    newdiv4_p.classlist.add("newfyanniu_p");
                    newdiv1_p.innertext = 1;
                    newdiv4_p.innertext = n;
                    if (index > 0 && index < 4) {
                        /* 只有后略号 */
                        newdiv2_p.innertext = 2;
                        newdiv3_p.innertext = 3;
                        var newdiv_p = document.createelement("div");
                        newdiv_p.classlist.add("newslh_p");
                        newdiv_p.innertext = "...";
                        content_p_form_feed_character.appendchild(newdiv1_p);
                        content_p_form_feed_character.appendchild(newdiv2_p);
                        content_p_form_feed_character.appendchild(newdiv3_p);
                        content_p_form_feed_character.appendchild(newdiv_p);
                        content_p_form_feed_character.appendchild(newdiv4_p);
                        if (index == 1) newdiv1_p.classlist.add("liang_p");
                        else if (index == 2) newdiv2_p.classlist.add("liang_p");
                        else newdiv3_p.classlist.add("liang_p");
                    }
                    else if (index > n - 3 && index <= n) {
                        /* 只有前略号 */
                        newdiv2_p.innertext = n - 2;
                        newdiv3_p.innertext = n - 1;
                        var newdiv_p = document.createelement("div");
                        newdiv_p.classlist.add("newslh_p");
                        newdiv_p.innertext = "...";
                        content_p_form_feed_character.appendchild(newdiv1_p);
                        content_p_form_feed_character.appendchild(newdiv_p);
                        content_p_form_feed_character.appendchild(newdiv2_p);
                        content_p_form_feed_character.appendchild(newdiv3_p);
                        content_p_form_feed_character.appendchild(newdiv4_p);
                        if (index == n) newdiv4_p.classlist.add("liang_p");
                        else if (index == n - 2) newdiv2_p.classlist.add("liang_p");
                        else newdiv3_p.classlist.add("liang_p");
                    }
                    else {
                        newdiv2_p.innertext = index;
                        newdiv3_p.innertext = index + 1;
                        var newdiv5_p = document.createelement("div");
                        newdiv5_p.classlist.add("newslh_p");
                        newdiv5_p.innertext = "...";
                        var newdiv6_p = document.createelement("div");
                        newdiv6_p.classlist.add("newslh_p");
                        newdiv6_p.innertext = "...";
                        content_p_form_feed_character.appendchild(newdiv1_p);
                        content_p_form_feed_character.appendchild(newdiv5_p);
                        content_p_form_feed_character.appendchild(newdiv2_p);
                        content_p_form_feed_character.appendchild(newdiv3_p);
                        content_p_form_feed_character.appendchild(newdiv6_p);
                        content_p_form_feed_character.appendchild(newdiv4_p);
                        newdiv2_p.classlist.add("liang_p");
                    }
                }
                else {
                    for (var i = 0; i < n; i++) {
                        var newdiv_p = document.createelement("div");
                        newdiv_p.classlist.add("newfyanniu_p");
                        newdiv_p.innertext = i + 1;
                        if (i == index - 1) {
                            newdiv_p.classlist.add("liang_p");
                        }
                        content_p_form_feed_character.appendchild(newdiv_p);
                    }
                }
                content_p_form_feed_character.appendchild(rightjt_p);
            }


        }


        var yunx_p = (n) => {
            max_search_request({
                url: "/casccms/news/pagenewscondition",
                data: {
                    pagenum: n,
                    pagesize: 4,
                    title: ""
                }
            }).then((res) => {
                for (var i = res.data.list.length-1; i >=0; i--) {
                    var a = {
                        title: res.data.list[i].newstitle,
                        time: res.data.list[i].createtime
                    };
                    createnewys_p(res.data.list[i].imageaddress, res.data.total - 1 - 4 * (n - 1) + i, a);
                }
                donhua();
                var shul = math.ceil(res.data.total / 4);
                createfyele_p(shul, res.data.totalpage+1-res.data.pagenum);
                fygn_p(res.data.totalpage+1-res.data.pagenum, shul);
            });
        }

        yunx_p(1);



        const anniu = document.queryselector(".content_p_top_frame_search");
        const inputcontent = document.queryselector(".content_top_title_input");


        function search_pnew(n, title) {
            max_search_request({
                url: "/casccms/news/pagenewscondition",
                data: {
                    pagenum: n,
                    pagesize: 4,
                    title: title
                }
            }).then((res) => {
                if (res.data.list.length == 0) {
                    var newdiv = document.createelement("div");
                    newdiv.innertext = "没有相关新闻";
                    content_p_frame.appendchild(newdiv);
                }
                for (var i = res.data.list.length-1; i >=0; i--) {
                    var a = {
                        title: res.data.list[i].newstitle,
                        time: res.data.list[i].createtime,
                        content: res.data.list[i].newsbody
                    };
                    createnewys_p(res.data.list[i].imageaddress, 4 * (n - 1) + i, a);
                }
                var yeshu = res.data.totalpage;
                donhua();
                createfyele_p(yeshu, yeshu+1-res.data.pagenum);
                fygnsearchp(yeshu+1-res.data.pagenum, yeshu, title);
            });
        }












        anniu.addeventlistener("click", (e) => {
            if (inputcontent.value == '') { }
            else {
                content_p_frame.innerhtml = "";
                content_p_form_feed_character.innerhtml = "";
                search_pnew(1, inputcontent.value);
            }
        });






    }




}