锘縱ar _defaultImg = './images/default-bg-image169.png';
var app = new Vue({
    el: "#app",
    data: {
        defaultImg: _defaultImg,
        imageHeight: 200,
        bigEvent: {},
        topHeadAdvRows: [],//澶存潯涓婇潰骞垮憡
        headlinesRows: [],//澶存潯鏁版嵁
        headlinesPreRows: [],//棰勮椤甸潰鐨勫ご鏉℃暟鎹
        topHeadMess: '',//鎷垮埌澶存潯鐨刪tml
        carouselRows: [],//杞挱鍥炬暟鎹
        advTopRows: [],//杞挱鍥句笅骞垮憡
        politicsRows: [],//鏃舵斂鏁版嵁
        systemRows: [],//鐙珛鐨勭郴缁熷姩鎬佹暟鎹
        industryRows: [],//琛屼笟鏁版嵁
        statuteRows: [],//娉曡鏁版嵁
        advCenterRows: [],//涓棿骞垮憡浣
        hotSpecialRows: [],//鐑偣涓撻鍒楄〃
        hotSpecialData: {},//鐑偣涓撻鏍忕洰淇℃伅
        mediaRows: [],//濯掍綋鍏虫敞鏁版嵁
        tvRows: [],//渚涢攢鑱旀挱鏁版嵁
        videoRows: [],//瑙嗛鏁版嵁
        advRows: [],//骞垮憡鏁版嵁
        serviceRows: [],//淇℃伅鏈嶅姟鏁版嵁
        politicsActive: '',//鏃舵斂閫変腑鏍忕洰
        industryActive: '',//琛屼笟閫変腑鏍忕洰
        statuteActive: '',//琛屼笟閫変腑鏍忕洰
        mediaActive: '',//濯掍綋閫変腑鏍忕洰
        tvActive: '',//鑱旀挱閫変腑鏍忕洰
        videoActive: '',//瑙嗛閫変腑鏍忕洰
        aboutLinkRows: [],//鐩稿叧閾炬帴鏁版嵁
        linkActive1: '',
        linkActive2: '',
        linkActive3: '',
        linkActive4: '',
        linkActive5: '',
        linkActive6: '',
    },
    mounted() {
        this.getBigEventData();//澶т簨浠
        this.getData();
        this.getHeadlinesPreData();
    },
    methods: {
        //鑾峰彇椤甸潰鏁版嵁
        async getData() {
            try {
                await this.getTopHeadAdvData();
                await this.getHeadlinesData();
                await this.getCarouselData();
                await this.getTabColumns(4828, 'politicsRows', 'politicsActive', 6, false);
                await this.getTopAdvData();
                await this.getTabColumns(4832, 'industryRows', 'industryActive', 4, true);
                await this.getTabColumns(4857, 'statuteRows', 'statuteActive', 7, false);
                await this.getCenterAdvData();
                await this.getHotSpecialData();
                await this.getMediaData();
                await this.getTVData();
                await this.getVideoData();
                await this.getAdvData();
                await this.getServiceData();
                await this.getAboutLink();
            } catch (error) {
                console.log(error)
            }
        },
        //鑾峰彇澶т簨浠讹紙椤堕儴锛
        getBigEventData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=6425&rowNumber=0&pageSize=1&lastFileID=0";
            axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    if (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);
            });
        },
        //鑾峰彇骞垮憡锛堝ご鏉′笂锛
        getTopHeadAdvData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 7315 + "&pageSize=5";
            axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    if (results.data.list && results.data.list.length > 0) {
                        app.topHeadAdvRows = app.processArticles(results.data.list);
                        if (app.topHeadAdvRows && app.topHeadAdvRows.length == 1) {
                            app.$nextTick(function () {
                                var getDom = document.getElementById('topDom');
                                $('#topDom').children('.el-carousel__indicators').css('display', 'none');
                            })
                        }
                    }
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇澶存潯鏁版嵁
        async getHeadlinesData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 4826 + "&pageSize=1";
            await axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    if (results.data.list && results.data.list.length > 0) {
                        app.headlinesRows = app.processArticles(results.data.list);
                    }
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇棰勮椤甸潰澶存潯鏁版嵁5535
        getHeadlinesPreData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 5535 + "&pageSize=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    app.headlinesPreRows = app.processArticles(results.data.list);
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇杞挱鍥炬暟鎹
        async getCarouselData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 4827 + "&pageSize=5";
            await axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    if (results.data.list && results.data.list.length > 0) {
                        app.carouselRows = app.processArticles(results.data.list);
                    }
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇浜屽睆宸︿晶tab鏁版嵁
        async getTabColumns(id, rows, activeKey, pSize, isImg,) {
            var url = pageConfig.baseUrl + "/api/getColumns?cid=" + id;
            await axios.get(url).then(function (results) {
                if (results.data && results.data.columns) {
                    let getColumns = results.data.columns;
                    getColumns.forEach(item => {
                        item.list = [];
                    })
                    app[rows] = getColumns;
                    app.getTabsArticle(getColumns[0], rows, activeKey, pSize, isImg, 0);
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鎳掑姞杞絫ab涓嬬殑list
        getTabsArticle(column, rows, activeKey, pSize, isImg, index) {
            this[activeKey] = column.columnID;
            let cid = column.columnID;
            if (cid == 4835) {
                cid = 4837 + '';
            }
            if (app[rows] && app[rows][index] && app[rows][index].list && app[rows][index].list.length > 0) {
                return
            }
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + cid + "&pageSize=" + pSize;
            if (isImg) {
                url += '&imgTop=1';
            }
            if ((rows == 'politicsRows' && index == 1) || (rows == 'industryRows' && index > 1) || (rows == 'statuteRows' && index != 1)) {
                url += '&containSubCols=1';
            }
            if (rows == 'industryRows' && index == 3) {
                url += '&excids=5236,5237';
            }
            if (rows == 'statuteRows' && index == 3) {
                url += '&excids=5234,5235';
            }
            axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    app[rows][index].list = app.processArticles(results.data.list);
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇骞垮憡锛堣疆鎾浘涓嬶級
        async getTopAdvData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 6122 + "&pageSize=5";
            await axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    if (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);
            });
        },
        //鑾峰彇骞垮憡锛堢儹鐐逛笓棰樹笂锛
        async getCenterAdvData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 6446 + "&pageSize=5";
            await axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    if (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);
            });
        },
        //鑾峰彇鐑偣涓撻
        async getHotSpecialData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 4864 + "&pageSize=9";
            await axios.get(url).then(function (results) {
                var finalArr = [];
                if (results.data && results.data.success) {
                    if (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);
            });
        },
        //鑾峰彇濯掍綋鍏虫敞鏁版嵁
        async getMediaData() {
            var url = pageConfig.baseUrl + "/api/getSubColumns?cid=" + 4870 + "&type=5&containSubCols=1";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉★紱5:10鏉
            await axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list[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 {
                    console.log(results.data);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇渚涢攢鑱旀挱鏁版嵁
        async getTVData() {
            var url = pageConfig.baseUrl + "/api/getSomeColumns?cid=4873,4946&type=1";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉狖5:10鏉
            await axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    if (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;
                    }
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇瑙嗛鎶ラ亾鏁版嵁
        async getVideoData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 4983 + "&pageSize=2";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉
            await axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    if (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);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇骞垮憡
        async getAdvData() {
            var url = pageConfig.baseUrl + "/api/getArticles?cid=" + 4865 + "&pageSize=5";
            await axios.get(url).then(function (results) {
                if (results.data && results.data.success) {
                    if (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);
            });
        },
        //鑾峰彇淇℃伅鏈嶅姟鏁版嵁
        async getServiceData() {
            var url = pageConfig.baseUrl + "/api/getSubColumns?cid=" + 4866 + "&top=10";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉★紱5:10鏉
            await 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 {
                    console.log(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //鑾峰彇鐩稿叧閾炬帴鏁版嵁
        async getAboutLink() {
            var url = pageConfig.baseUrl + "/api/getSubColumns?cid=" + 4887 + "&top=50";//鑾峰彇鏉℃暟瀹氫箟锛 0锛?鏉★紱1锛 5鏉★紱2锛?0鏉★紱3锛?0鏉★紱4锛?00鏉
            await 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 {
                    console.log(results.data);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //閾炬帴鏇存敼鐨勬椂鍊
        linkChange(url) {
            window.open(url);
        },
        //榧犳爣hover浜嬩欢
        hover(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(list) {
            for (var i in list) {
                if (list[i].articleType == 3) {//閾炬帴绋夸欢
                    list[i].articleUrl = list[i].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(list) {
            for (var i in list) {
                if (list[i].articleType == 3) {//閾炬帴绋夸欢
                    list[i].articleUrl = list[i].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;
        },
    }
})