var _defaultImg = './images/default-bg-image169.png';
var app = new Vue({
    el: "#app",
    data: {
        defaultImg: _defaultImg,
        imageHeight: 200,
        bigEvent: {},
        advTopRows: [],//椤堕儴骞垮憡鏁版嵁
        headlinesRows: [],//澶存潯鏁版嵁
        headlinesPreRows: [],//棰勮椤甸潰鐨勫ご鏉℃暟鎹
        topHeadMess: '',//鎷垮埌澶存潯鐨刪tml
        carouselRows: [],//杞挱鍥炬暟鎹
        politicsRows: [],//鏃舵斂鏁版嵁
        systemRows: [],//鐙珛鐨勭郴缁熷姩鎬佹暟鎹
        industryRows: [],//琛屼笟鏁版嵁
        GXHZData:[],//渚涢攢鍚堜綔
        statuteRows: [],//娉曡鏁版嵁
        advCenterRows: [],//涓棿骞垮憡浣
        hotSpecialRows: [],//鐑偣涓撻鍒楄〃
        hotSpecialData: {},//鐑偣涓撻鏍忕洰淇℃伅
        mediaRows: [],//濯掍綋鍏虫敞鏁版嵁
        tvRows: [],//渚涢攢鑱旀挱鏁版嵁
        videoRows: [],//瑙嗛鏁版嵁
        advRows: [],//骞垮憡鏁版嵁
        serviceRows: [],//淇℃伅鏈嶅姟鏁版嵁
        politicsActive: '',//鏃舵斂閫変腑鏍忕洰
        industryActive: '',//琛屼笟閫変腑鏍忕洰
        statuteActive: '',//琛屼笟閫変腑鏍忕洰
        mediaActive: '',//濯掍綋閫変腑鏍忕洰
        tvActive: '',//鑱旀挱閫変腑鏍忕洰
        videoActive: '',//瑙嗛閫変腑鏍忕洰
        aboutLinkRows: [],//鐩稿叧閾炬帴鏁版嵁
        linkActive1: '',
        linkActive2: '',
        linkActive3: '',
        linkActive4: '',
        linkActive5: '',
        linkActive6: '',
    },
    mounted: function () {
        this.getTopAdvData();
        this.getBigEventData();
        this.getCenterAdvData();
        this.getHeadlinesData(function () {
            app.getCarouselData(function () {
                app.getPoliticsData(function () {
                    app.getIndustryData(function () {
                        app.getGXHZ(function () {
                            app.getStatuteData(function () {
                                app.getHotSpecialData(function () {
                                    app.getMediaData(function () {
                                        app.getTVData(function () {
                                            app.getVideoData(function () {
                                                app.getAdvData(function () {
                                                    app.getServiceData(function () {
                                                        app.getAboutLink();
                                                    });
                                                });
                                            });
                                        });
                                    });
                                });
                            });
                        })
                    });
                });
            });
        });
        this.getHeadlinesPreData();
    },
    methods: {
        //鑾峰彇澶т簨浠
        getBigEventData: function () {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=6425&rowNumber=0&pageSize=1&lastFileID=0&containSubCols=0";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list[0]) {
                    app.bigEvent = app.processArticles(results.data.list);
                    var appElement = document.getElementById("app");
                    var currentWidth = $(window).width();
                    app.imageHeight = Math.ceil(currentWidth * 300 / 1920);
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇骞垮憡
        getTopAdvData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getArticles" + "?cid=" + 6122 + "&pageSize=5&containSubCols=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    app.advTopRows = app.processArticles(results.data.list);
                    if (app.advTopRows && app.advTopRows.length == 1) {
                        app.$nextTick(function () {
                            var getDom = document.getElementById('hotDom');
                            $('#hotDom').children('.el-carousel__indicators').css('display', 'none');
                        })
                    }
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇骞垮憡
        getCenterAdvData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getArticles" + "?cid=" + 6446 + "&pageSize=5";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    app.advCenterRows = app.processArticles(results.data.list);
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇澶存潯鏁版嵁
        getHeadlinesData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getArticles" + "?cid=" + 4826 + "&pageSize=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    app.headlinesRows = app.processArticles(results.data.list);
                } else {
                    app.$message.error(results.data.msg);
                }
                callback();
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇棰勮椤甸潰澶存潯鏁版嵁5535
        getHeadlinesPreData: function () {
            var url = pageConfig.baseUrl + "/api/getArticles" + "?cid=" + 5535 + "&pageSize=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    app.headlinesPreRows = app.processArticles(results.data.list);
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇杞挱鍥炬暟鎹
        getCarouselData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getArticles" + "?cid=" + 4827 + "&pageSize=5&containSubCols=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    app.carouselRows = app.processArticles(results.data.list);
                } else {
                    app.$message.error(results.data.msg);
                }
                callback();
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇杞挱鍥惧彸渚ab鏁版嵁
        getPoliticsData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getSubColumns?cid=" + 4828 + "&type=5&containSubCols=1";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉★紱5:10鏉
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    for (var i in results.data.list) {
                        results.data.list[i].list = app.processArticles(results.data.list[i].list);
                    }
                    app.politicsActive = results.data.list[0].column.columnID;
                    app.politicsRows = results.data.list;
                } else {
                    app.$message.error(results.data.msg);
                }
                callback();
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇浜屽睆宸︿晶tab鏁版嵁
        getIndustryData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getSubColumns?cid=" + 4832 + "&type=1&containSubCols=1&imgTop=1&excids=5236,5237";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉★紱5:10鏉
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    for (var i in results.data.list) {
                        results.data.list[i].list = app.processArticles(results.data.list[i].list);
                    }
                    app.industryActive = results.data.list[0].column.columnID;
                    app.industryRows = results.data.list;
                } else {
                    app.$message.error(results.data.msg);
                }
                callback();
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇渚涢攢鍚堜綔
        getGXHZ(callback) {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 4837 + "&pageSize=4&containSubCols=1&imgTop=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    app.GXHZData = app.processArticles(results.data.list);
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
            callback();
        },
        //鑾峰彇浜屽睆鍙充晶tab鏁版嵁
        getStatuteData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getSubColumns?cid=" + 4857 + "&type=5&containSubCols=1&excids=5234,5235";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉★紱5:10鏉
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    for (var i in results.data.list) {
                        results.data.list[i].list = app.processArticles(results.data.list[i].list);
                    }
                    app.statuteActive = results.data.list[0].column.columnID;
                    app.statuteRows = results.data.list;
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
            callback();
        },
        //鑾峰彇鐑偣涓撻
        getHotSpecialData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getArticles" + "?cid=" + 4864 + "&pageSize=9&containSubCols=1";
            axios.get(url).then(function (results) {
                var finalArr = [];
                if (results.data && results.data.list && results.data.list.length > 0) {
                    var arr = app.processArticles(results.data.list);
                    for (var i = 0; i < arr.length; i += 3) {
                        finalArr.push(arr.slice(i, i + 3));
                    }
                    app.hotSpecialRows = finalArr;
                    app.hotSpecialData = results.data.column;//璺宠浆浼犲弬鐢
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
            callback();
        },
        //鑾峰彇濯掍綋鍏虫敞鏁版嵁
        getMediaData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getSubColumns?cid=" + 4870 + "&type=5&containSubCols=1";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉★紱5:10鏉
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    for (var i in results.data.list) {
                        results.data.list[i].list = app.processArticles(results.data.list[i].list);
                    }
                    app.mediaActive = results.data.list[0].column.columnID;
                    app.mediaRows = results.data.list;
                } else {
                    app.$message.error(results.data.msg);
                }
                callback();
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇渚涢攢鑱旀挱鏁版嵁
        getTVData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getSomeColumns?cid=4873,4946&type=1&containSubCols=1";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉狖5:10鏉
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    for (var i in results.data.list) {
                        if (i == 0) {
                            results.data.list[0].list = app.processArticlesGX(results.data.list[0].list);
                        }
                        if (i == 1) {
                            results.data.list[1].list = app.processArticles(results.data.list[1].list);
                        }
                    }
                    app.tvActive = results.data.list[0].column.columnID;
                    app.tvRows = results.data.list;
                    console.log(app.tvRows)
                } else {
                    app.$message.error(results.data.msg);
                }
                callback();
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇瑙嗛鎶ラ亾鏁版嵁
        getVideoData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 4983 + "&pageSize=2&containSubCols=1";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    app.videoActive = results.data.column.columnID;
                    results.data.list = app.processArticles(results.data.list);
                    app.videoRows = results.data;
                } else {
                    app.$message.error(results.data.msg);
                }
                callback();
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇骞垮憡
        getAdvData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getArticles" + "?cid=" + 4865 + "&pageSize=5&containSubCols=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    app.advRows = app.processArticles(results.data.list);
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
            callback();
        },
        //鑾峰彇淇℃伅鏈嶅姟鏁版嵁
        getServiceData: function (callback) {
            var url = pageConfig.baseUrl + "/api/getSubColumns?cid=" + 4866 + "&type=2";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉★紱5:10鏉
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    for (var i in results.data.list) {
                        results.data.list[i].list = app.processArticles(results.data.list[i].list);
                    }
                    app.serviceRows = results.data;
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
            callback();
        },
        //鑾峰彇鐩稿叧閾炬帴鏁版嵁
        getAboutLink: function () {
            var url = pageConfig.baseUrl + "/api/getSubColumns?cid=" + 4887 + "&type=3&containSubCols=1";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    var arr = [];
                    for (var i in results.data.list) {
                        results.data.list[i].list = app.processArticles(results.data.list[i].list);
                        arr.push(results.data.list[i].column);
                    }
                    app.aboutLinkRows = results.data.list;
                    app.linkActive1 = arr[0].columnName;
                    app.linkActive2 = arr[1].columnName;
                    app.linkActive3 = arr[2].columnName;
                    app.linkActive4 = arr[3].columnName;
                    app.linkActive5 = arr[4].columnName;
                    app.linkActive6 = arr[5].columnName;
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //閾炬帴鏇存敼鐨勬椂鍊
        linkChange: function (url) {
            window.open(url);
        },
        //榧犳爣hover浜嬩欢
        hover: function (index, id) {
            if (index == 1) {
                this.politicsActive = id;
            } else if (index == 2) {
                this.industryActive = id;
            } else if (index == 3) {
                this.statuteActive = id;
            } else if (index == 4) {
                this.mediaActive = id;
            } else if (index == 5) {
                this.tvActive = id;
            } else if (index == 6) {
                this.videoActive = id;
            }
        },
        //绋夸欢鏁版嵁澶勭悊
        processArticles: function (list) {
            for (var i in list) {
                if (list[i].articleType == 3) {//閾炬帴绋夸欢
                    list.articleUrl = list.articleUrl;
                } else if (list[i].articleType == 4) {//涓撻绋夸欢
                    list[i].articleUrl = './special.html?cid=' + list[i].linkID + '&aid=' + list[i].fileID;
                } else {//鍏朵粬绋夸欢
                    list[i].articleUrl = './news.html?aid=' + list[i].fileID;
                }
            }
            return list;
        },
        processArticlesGX: function (list) {
            for (var i in list) {
                if (list[i].articleType == 3) {//閾炬帴绋夸欢
                    list.articleUrl = list.articleUrl;
                } else if (list[i].articleType == 4) {//涓撻绋夸欢
                    list[i].articleUrl = 'http://www.zh-hz.com/news.html?aid=?cid=' + list[i].linkID + '&aid=' + list[i].fileID;
                } else {//鍏朵粬绋夸欢
                    list[i].articleUrl = 'http://www.zh-hz.com/news.html?aid=' + list[i].fileID;
                }
            }
            return list;
        },
    }
})