var _defaultimg = './images/default-bg-image169.png'; var _tablerows = [ { name: '交易价格', iframeurl: 'http://www.cottonchina.org.cn/windows/zhm_p4_jy3.php', id: 1 }, { name: '棉花指数', iframeurl: 'http://www.cottonchina.org.cn/windows/zhm_p2_mh3.php', id: 2 }, { name: '纺织指数', iframeurl: 'http://www.cottonchina.org.cn/windows/zhm_p3_fz3.php', id: 3 }, { name: '国内资源', iframeurl: 'http://www.cottonchina.org.cn/windows/zhm_p5_gn3.php', id: 4 }, { name: '轮入数据', iframeurl: 'http://www.cottonchina.org.cn/windows/zhm_p1_lr3.php', id: 5 }, ]; var app = new vue({ el: "#app", data: { defaultimg: _defaultimg, searchkey: '', memorabiliadata: [],//大事记 topimgheight: 0,//计算出来的顶部轮播图的高度 topimgrows: [],//顶部轮播图数据 headlinesrows: [],//头条数据 leftlunrows: [],//左侧轮播图 groupnewsrows: [],//集团要闻 zylink:{},//资源中心 noticesrows: [],//通知公告 twoadvrows: [],//横向两个广告位 ywdtrows: [],//业务动态 casrows: [],//cas数据 zmwhrows: [],//中棉文化 advrows: [],//广告位 ywbkrows: [],//业务板块列表 hydtdata: [],//行业动态 videorows: {},//视频新闻 dqgzrows: [],//党群工作 gyzmrows: [],//关于中棉 zmppdata: {},//关于中棉的栏目信息 linkrows: [],//相关链接 dropdownlinkrows: [],//下拉链接 floatdata: [], activetab: 1, tablerows: _tablerows, iframeurl: '', toprightactiveid: 0, centerleftactiveid: 'zyzx', centerrightactiveid: 0, mhdata: [] }, mounted: function () { this.iframeurl = this.tablerows[0].iframeurl; this.getfloatimgdata(); this.gettopimgdata(function () { app.getmemorabiliadata(function () { app.getheadlinesdata(function () { app.getleftlundata(function () { app.getgroupnewsdata(function () { app.getzylinkdata(function () { app.getnoticesdata(function () { app.getteoadv(function () { app.getywdtdata(function () { app.getcasdata(function () { app.getzmwhdata(function () { app.getywbkcolumns(function () { app.gethydtdata(function () { app.getvideodata(function () { app.getadvdata(function () { app.getdqgzdata(function () { app.getgyzmcolumns(function () { app.getzmppcolumn(function () { app.getlinkdata(function () { app.getdropdownlink() }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); }); this.mhdatalogin(); }, methods: { //获取浮动数据 6374 getfloatimgdata: function () { var url = pageconfig.baseurl + "/api/getarticles?cid=6374&pagesize=1"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { app.floatdata = 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=" + 6063 + "&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) { callback(); console.log(error); }); }, //获取轮播图数据 5965 gettopimgdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=5965&pagesize=20&containsubcols=0&imgtop=5"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { var currentwidth = $(window).width(); var handleheight = parseint(currentwidth * 554 / 1920); if (handleheight < 200) handleheight = 370; app.topimgrows = app.processarticles(results.data.list); app.topimgheight = handleheight; app.$nexttick(function () { $(".topcarouselbox").css("height", handleheight + "px"); $(".topcarouselbox a img").css("width", "100%"); $(".topcarouselbox a img").css("height", handleheight + "px"); }) } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //获取大事记 getmemorabiliadata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=6365&pagesize=1"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { app.memorabiliadata = results.data.list; } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //获取左侧轮播图 getleftlundata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=6686&pagesize=5"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { app.leftlunrows = app.processarticles(results.data.list); } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //获取集团要闻 5827 getgroupnewsdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=5827&pagesize=9&containsubcols=1"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { results.data.list = app.processarticles(results.data.list); app.groupnewsrows = results.data; if (app.groupnewsrows.column) { app.toprightactiveid = app.groupnewsrows.column.columnid; } } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //获取资源中心链接 6373 getzylinkdata: function (callback) { var url = pageconfig.baseurl + "/api/getcolumn?cid=6373"; axios.get(url).then(function (results) { if (results.data) { app.zylink = results.data; } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //获取通知公告 6066 getnoticesdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=6066&pagesize=30&containsubcols=1"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { results.data.list = app.processarticles(results.data.list); app.noticesrows = results.data; } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, toptab: function (id) { if (id) { this.toprightactiveid = id; } }, //获取两个广告位 getteoadv: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=6899&pagesize=2"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { app.twoadvrows = app.processarticles(results.data.list); } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //获取业务动态 5828 getywdtdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=5828&pagesize=8&containsubcols=0"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { results.data.list = app.processarticles(results.data.list); app.ywdtrows = results.data; } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //获取cas数据 6359 getcasdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=6359&pagesize=8&containsubcols=0"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { results.data.list = app.processarticles(results.data.list); app.casrows = results.data; } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //tab centerlefttab: function (id) { if (id) { this.centerleftactiveid = id; } }, //获取中棉文化 5803 getzmwhdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=5829,4848&pagesize=8&containsubcols=2"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { results.data.list = app.processarticles(results.data.list); app.zmwhrows = results.data; } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //获取广告 5966 getadvdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=5966&pagesize=1&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(); }, //获取业务板块 5830 getywbkcolumns: function (callback) { var url = pageconfig.baseurl + "/api/getcolumnsex?cid=5830&order=asc"; axios.get(url).then(function (results) { if (results.data.columns && results.data.columns.length > 0) { app.ywbkrows = results.data; } callback(); }).catch(function (error) { console.log(error); callback(); }); }, //获取行业动态(实际上是总社的棉花信息栏目) gethydtdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=6226&pagesize=8&containsubcols=1"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { results.data.list = app.processarticles(results.data.list); app.hydtdata = results.data; if (app.hydtdata.column) { app.centerrightactiveid = app.hydtdata.column.columnid; } } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { callback(); console.log(error); }); }, //tab centerrighttab: function (id) { if (id) { this.centerrightactiveid = id; } }, //棉花数据登录 mhdatalogin: function () { var baseurl = encodeuri('http://www.cottonchina.org.cn/interface/api/zhmuserlogin.php'), url = pageconfig.baseurl + '/proxy/postjson?url=' + baseurl, postdata = { username: hex_md5('zhm157'), password: hex_md5('i8g5*_3') }; axios.post(url, postdata).then(function (results) { if (results.data && results.data.token) { app.getmhdata(results.data.token); } }).catch(function (error) { console.log(error); }); }, //获取棉花数据 getmhdata: function (token) { var baseurl = encodeuri('http://www.cottonchina.org.cn/interface/api/zhmdatalist.php'), url = pageconfig.baseurl + '/proxy/postjson?url=' + baseurl, postdata = { token: token }; axios.post(url, postdata).then(function (results) { if (results.data && results.data) { app.mhdata = results.data; } }).catch(function (error) { console.log(error); }); }, //获取视频新闻 6164 getvideodata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=6164&pagesize=5&containsubcols=1"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { 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); }); }, //获取党群工作(取下面的工作动态带图稿件) 5842 getdqgzdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=5842&containsubcols=0"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { results.data.list = app.processarticles(results.data.list); var arr = []; for (var i in results.data.list) { if (results.data.list[i] && results.data.list[i].pic1) { arr.push(results.data.list[i]); } } app.dqgzrows.list = arr; app.dqgzrows = results.data; } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { console.log(error); }); }, //获取关于中棉 5799 getgyzmcolumns: function (callback) { var url = pageconfig.baseurl + "/api/getcolumnsex?cid=5799&order=asc"; axios.get(url).then(function (results) { if (results.data.columns && results.data.columns.length > 0) { app.gyzmrows = results.data; } callback(); }).catch(function (error) { console.log(error); callback(); }); }, //获取中棉品牌栏目信息 5836 getzmppcolumn: function (callback) { var url = pageconfig.baseurl + "/api/getcolumn?cid=5836"; axios.get(url).then(function (results) { if (results.data) { app.zmppdata = results.data; } callback(); }).catch(function (error) { console.log(error); callback(); }); }, //获取相关链接 5967 getlinkdata: function (callback) { var url = pageconfig.baseurl + "/api/getarticles?cid=5967&pagesize=9&containsubcols=1"; axios.get(url).then(function (results) { if (results.data && results.data.list && results.data.list.length > 0) { app.linkrows = app.processarticles(results.data.list); } else { app.$message.error(results.data.msg); } callback(); }).catch(function (error) { console.log(error); callback(); }); }, //获取下拉链接数据6012 getdropdownlink: function () { var url = pageconfig.baseurl + "/api/getsubcolumns?cid=" + 6012 + "&type=3&containsubcols=1";//获取条数定义: 0:3条;1: 5条;2:20条;3:50条;4:100条 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.dropdownlinkrows = results.data.list; } else { app.$message.error(results.data.msg); } }).catch(function (error) { console.log(error); }); }, //下拉链接点击事件 dropdownchange: function (command) { if (command && command.articleurl) { window.open(command.articleurl); } }, //hover事件 selectstyle: function (data) { if (data && data.id) { this.activetab = data.id; this.iframeurl = data.iframeurl; } }, //检索 searcharticle: function () { var keyword = this.searchkey; //get请求转码两次,防止中文乱码,服务器端使用decodeuricomponent keyword = encodeuri(keyword); keyword = encodeuri(keyword); if (keyword) { window.open("./searchcolumn.html?search=" + keyword); } }, //稿件数据处理 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; } else {//其他稿件 list[i].articleurl = './news.html?aid=' + list[i].fileid; } } return list; }, } })