document.write('<script type="text/javascript" src="./libs/md5.js"></script>');
//logo
vue.component('logo-com', {
    template: '<el-row>' +
        '          <el-row style="margin-bottom: -20px" v-if="topadvbannerrows && topadvbannerrows[0]">\n' +
        '                <img style="width: 100%" :src="topadvbannerrows[0].pic1" alt="">\n' +
        '          </el-row>\n' +
        '          <el-row class="logobox">\n' +
        '               <div class="w1200">\n' +
        '                       <el-col :span="24" style="padding-top: 45px">\n' +
        '                           <el-col :span="10" style="padding-top: 16px">\n' +
        '                               <a>\n' +
        '                                   <img style="height: 74px;" src="./images/toplogo.png" alt="">\n' +
        '                               </a>\n' +
        '                           </el-col>\n' +
        '                           <el-col :span="14">\n' +
        '                               <el-row style="margin-bottom: 8px">' +
        '                                  <el-col :span="12" :offset="12">' +
        '                                       <el-input size="small" placeholder="请输入内容" v-model="searchkey" class="input-with-select"\n' +
        '                                                   @keyup.enter.native="searcharticle">\n' +
        '                                               <el-button slot="append" icon="el-icon-search" @click="searcharticle">搜索</el-button>\n' +
        '                                        </el-input>' +
        '                               </el-col>\n' +
        '                               </el-row>\n' +
        '                               <el-row class="navhead" v-if="navdata && navdata.length > 0">\n' +
        '                                       <ul class="drop-menu-effect">\n' +
        '                                           <li><a href="./index.html">首页</a></li>\n' +
        '                                           <template v-for="(one,i) in navdata">' +
        '                                               <li v-if="one.column && one.column.columnid && one.column.columnid == 5799">' +
        '                                                    <a v-if="one.columns && one.column" :href="\'./column-nav.html?id=\' + one.column.columnid" target="_blank">{{one.column.columnname}}</a>' +
        '                                                    <ul v-if="one.columns && one.columns.length > 0">\n' +
        '                                                        <li v-for="item in one.columns">' +
        '                                                            <i></i><a :href="item.linkurl?item.linkurl:\'./column-parent-detail.html?id=\' + item.columnid" target="_blank" v-html="item.columnname"></a>' +
        '                                                        </li>\n' +
        '                                                    </ul>' +
        '                                               </li>' +
        '                                               <li v-if="one.column && one.column.columnid && one.column.columnid == 5836">' +
        '                                                    <a v-if="one.columns && one.column" :href="\'./column-nav.html?id=\' + one.column.columnid" target="_blank">{{one.column.columnname}}</a>' +
        '                                                    <ul v-if="one.columns && one.columns.length > 0">\n' +
        '                                                        <li v-for="item in one.columns">' +
        '                                                            <i></i><a :href="item.linkurl?item.linkurl:\'./column-parent-ppzm.html?id=\' + item.columnid" target="_blank" v-html="item.columnname"></a>' +
        '                                                        </li>\n' +
        '                                                    </ul>' +
        '                                               </li>' +
        '                                               <li v-if="one.column && one.column.columnid && one.column.columnid == 6116" style="display: none">' +
        '                                                    <a v-if="one.columns && one.column && one.columns[0]" :href="one.columns[0].linkurl?one.columns[0].linkurl:\'./column-parent-iframe.html?id=\' + one.columns[0].columnid" target="_blank">{{one.column.columnname}}</a>' +
        '                                                    <ul v-if="one.columns && one.columns.length > 0">\n' +
        '                                                        <li v-for="(item,i) in one.columns" v-if="i == 0">' +
        '                                                            <i></i><a :href="item.linkurl?item.linkurl:\'./column-parent-iframe.html?id=\' + item.columnid" target="_blank">{{item.columnname}}</a>' +
        '                                                            <a style="line-height: 25px;font-size: 14px" :href="item.linkurl?item.linkurl:\'./column-parent-iframe.html?id=\' + item.columnid + \'&type=1\'" target="_blank">国产棉资源</a>' +
        '                                                            <a style="line-height: 25px;font-size: 14px" :href="item.linkurl?item.linkurl:\'./column-parent-iframe.html?id=\' + item.columnid + \'&type=2\'" target="_blank">进口棉资源</a>' +
        '                                                        </li>\n' +
        '                                                        <li  v-for="(item,i) in one.columns" v-if="i > 0">' +
        '                                                            <i></i><a :href="item.linkurl?item.linkurl:\'./column-parent-iframe.html?id=\' + item.columnid" target="_blank">{{item.columnname}}</a>' +
        '                                                        </li>\n' +
        '                                                    </ul>' +
        '                                               </li>' +
        '                                               <li v-if="one.column && one.column.columnid && (one.column.columnid == 5826 || one.column.columnid == 5840)">' +
        '                                                    <a v-if="one.columns && one.column && one.columns[0]" :href="one.columns[0].linkurl?one.columns[0].linkurl:\'./column-parent-list.html?id=\' + one.columns[0].columnid" target="_blank">{{one.column.columnname}}</a>' +
        '                                                    <ul v-if="one.columns && one.columns.length > 0">\n' +
        '                                                        <li v-for="item in one.columns">' +
        '                                                            <i></i><a :href="item.linkurl?item.linkurl:\'./column-parent-list.html?id=\' + item.columnid" target="_blank" v-html="item.columnname"></a>' +
        '                                                        </li>\n' +
        '                                                    </ul>' +
        '                                               </li>' +
        '                                               <li v-if="one.column && one.column.columnid && one.column.columnid == 5830">' +
        '                                                    <a v-if="one.columns && one.column" :href="\'./column-service.html?id=\' + one.column.columnid" target="_blank">{{one.column.columnname}}</a>' +
        '                                                    <ul v-if="one.columns && one.columns.length > 0">\n' +
        '                                                        <li v-for="item in one.columns">' +
        '                                                            <i></i><a :href="\'./column-parent-detail.html?id=\' + item.columnid" target="_blank" v-html="item.columnname"></a>' +
        '                                                        </li>\n' +
        '                                                    </ul>' +
        '                                               </li>' +
        '                                               <li v-if="one.column && one.column.columnid && one.column.columnid == 5846">' +
        '                                                    <a v-if="one.columns && one.column && one.columns[0]" :href="one.columns[0].linkurl?one.columns[0].linkurl:\'./column-parent-detail.html?id=\' + one.columns[0].columnid" target="_blank">{{one.column.columnname}}</a>' +
        '                                                    <ul v-if="one.columns && one.columns.length > 0">\n' +
        '                                                        <li v-for="item in one.columns">' +
        '                                                            <i></i><a :href="item.linkurl?item.linkurl:\'./column-parent-detail.html?id=\' + item.columnid" target="_blank" v-html="item.columnname"></a>' +
        '                                                        </li>\n' +
        '                                                    </ul>' +
        '                                               </li>' +
        '                                               <li v-if="one.column && one.column.columnid && one.column.columnid == 6373">' +
        '                                                    <a v-if="one.column && one.column.linkurl" :href="one.column.linkurl" target="_blank">{{one.column.columnname}}</a>' +
        '                                               </li>' +
        '                                          </template>\n' +
        '                                       </ul>\n' +
        '                               </el-row>\n' +
        '                           </el-col>\n' +
        '                       </el-col>\n' +
        '               </div>\n' +
        '    </el-row>\n' +
        '    </el-row>',
    data: function () {
        return {
            topadvbannerrows: [],
            navdata: [],
            searchkey: '',
        }
    },
    mounted: function () {
        this.gettopadvbanner();
        this.getnavdata();
    },
    methods: {
        //获取顶部广告
        gettopadvbanner: function () {
            var app = this;
            var url = pageconfig.baseurl + "/api/getarticles?cid=6368&rownumber=0&pagesize=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    app.topadvbannerrows = results.data.list;
                } else {
                    app.$message.error(results.data.msg);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //获取数据
        getnavdata: function () {
            var _this = this;
            var url = pageconfig.baseurl + '/api/getsuncolumnlist?cid=5798';
            axios.get(url).then(function (result) {
                if (result && result.data && result.data.columns && result.data.columns.length > 0) {
                    _this.navdata = result.data.columns;
                    _this.$nexttick(function () {
                        $(".drop-menu-effect>li").each(function (index) {
                            $(this).hover(function (e) {
                                $(this).find('ul').slidedown();
                                $(this).siblings().find('ul').slideup();
                            }, function (e) {
                                $(this).find("ul").slideup();
                            });
                        })
                    })
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        //检索
        searcharticle: function () {
            var keyword = this.searchkey;
            //get请求转码两次，防止中文乱码，服务器端使用decodeuricomponent
            keyword = encodeuri(keyword);
            keyword = encodeuri(keyword);
            if (keyword) {
                window.open("./searchcolumn.html?search=" + keyword);
            }
        },
    }
})
//footer
vue.component('footer-com', {
    template: '<el-row class="footerbox">\n' +
        '        <div class="messbox">\n' +
        '            <div class="w1200">\n' +
        '                <el-col :span="4">\n' +
        '                    <img style="margin-top: 60px;width: 130px" src="./images/footerlogo.png" alt="">\n' +
        '                </el-col>\n' +
        '                <el-col :span="11">\n' +
        '                    <ul>\n' +
        '                        <li>\n' +
        '                            <img src="./images/footericon1.png" alt="">\n' +
        '                            <span>010-59338188</span>\n' +
        '                            <span>、59338189</span>\n' +
        '                            <span>、59338989</span>\n' +
        '                        </li>\n' +
        // '                        <li>\n' +
        // '                            <img src="./images/footericon2.png" alt="">\n' +
        // '                            <span>010-59338030</span>\n' +
        // '                        </li>\n' +
        '                        <li>\n' +
        '                            <img src="./images/footericon3.png" alt="">\n' +
        '                            <span>北京市西城区宣武门外大街甲1号环球财讯中心b座6、11、12层</span>\n' +
        '                        </li>\n' +
        '                        <li>\n' +
        '                            <img src="./images/footericon4.png" alt="">\n' +
        '                            <span>京icp备19034200号</span>\n' +
        '                        </li>\n' +
        '                    </ul>\n' +
        '                </el-col>\n' +
        '                <el-col :span="6" style="text-align: center;">\n' +
        '                    <img style="width: 150px;margin-top: 70px" src="./images/footerer.png" alt="">\n' +
        '                    <p style="line-height: 30px">中棉集团微信订阅号</p>\n' +
        '                </el-col>\n' +
        '                <el-col :span="3">\n' +
        '                    <h5><a href="https://sso.ccoopg.com" target="_blank">办公系统</a></h5>\n' +
        '                    <h5><a href="http://mail.cncgc.com/" target="_blank">电子邮件</a></h5>\n' +
        '                </el-col>\n' +
        '            </div>\n' +
        '        </div>\n' +
        '        <div class="bottomtext">\n' +
        '            <p>版权所有©中华棉花集团有限公司</p>\n' +
        '        </div>\n' +
        '    </el-row>',
    data: function () {
    },
})
//纯文字
vue.component('hot-news', {
    template: '<div class="detailnoticebox"\n' +
        '                                 v-if="pointdata && pointdata.column && pointdata.list && pointdata.list.length > 0">\n' +
        '                                <div class="paddbox">\n' +
        '                                    <div class="detailrighthead" v-if="pointdata.column">\n' +
        '                                        <h2><a :href="\'./column.html?id=\'+ pointdata.column.columnid"\n' +
        '                                               target="_blank">{{pointdata.column.columnname}}</a>\n' +
        '                                        </h2>\n' +
        '                                     <a :href="\'./column.html?id=\'+ pointdata.column.columnid" target="_blank">更多+</a>' +
        '                                    </div>\n' +
        '                                    <ul class="m-list1" v-if="pointdata.list">\n' +
        '                                        <li v-for="(article,index) in pointdata.list" v-if=" index < 5">\n' +
        '                                        <i></i>' +
        '                                            <a :href="article.articleurl" target="_blank">\n' +
        '                                                {{article.title}}</a>\n' +
        '                                        </li>\n' +
        '                                    </ul>\n' +
        '                                </div>\n' +
        '                            </div>',
    data: function () {
        return {
            pointdata: []
        }
    },
    created: function () {
        this.gethotdata();
    },
    methods: {
        gethotdata: function () {
            var _this = this;
            var url = pageconfig.baseurl + "/api/getarticles" + "?cid=" + 4829 + "&pagesize=10&containsubcols=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    _this.pointdata = results.data;
                    _this.pointdata.list = _this.processarticles(results.data.list);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        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;
        },
    }
})
//视频
vue.component('video-news', {
    template: '<div class="detailvideobox"\n' +
        '                                 v-if="pointdata && pointdata.column && pointdata.list && pointdata.list.length > 0">\n' +
        '                                <div class="paddbox">\n' +
        '                                    <div class="detailrighthead" v-if="pointdata.column">\n' +
        '                                        <h2><a :href="\'./column.html?id=\'+ pointdata.column.columnid"\n' +
        '                                               target="_blank">{{pointdata.column.columnname}}</a>\n' +
        '                                        </h2>\n' +
        '                                     <a :href="\'./column.html?id=\'+ pointdata.column.columnid" target="_blank">更多+</a>' +
        '                                    </div>\n' +
        '                                    <div>' +
        '                                       <el-carousel :interval="5000" arrow="always" height="186px">\n' +
        '                                          <template v-for="(article,index) in pointdata.list">' +
        '                                           <el-carousel-item v-if="index < 5"  :key="article">\n' +
        '                                                   <a class="onebox" href="">\n' +
        '                                                       <img class="videoicon" src="./images/video.png" alt="">\n' +
        '                                                       <img :src="article.pic1?article.pic1:defaultimg" alt="">\n' +
        '                                                       <p>{{article.title}}</p>\n' +
        '                                                   </a>\n' +
        '                                               </el-carousel-item>\n' +
        '                                         </template>' +
        '                                       </el-carousel></div>' +
        '                                </div>\n' +
        '                            </div>',
    data: function () {
        return {
            pointdata: [],
            defaultimg: './images/default-bg-image169.png'
        }
    },
    created: function () {
        this.gethotdata();
    },
    methods: {
        gethotdata: function () {
            var _this = this;
            var url = pageconfig.baseurl + "/api/getarticles" + "?cid=" + 4875 + "&pagesize=10&containsubcols=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    _this.pointdata = results.data;
                    _this.pointdata.list = _this.processarticles(results.data.list);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        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;
        },
    }
})
//列表带图
vue.component('images-news', {
    template: '<div class="detailimgbox"\n' +
        '                                 v-if="pointdata && pointdata.column && pointdata.list && pointdata.list.length > 0">\n' +
        '                                <div class="paddbox">\n' +
        '                                    <div class="detailrighthead" v-if="pointdata.column">\n' +
        '                                        <h2><a :href="\'./column.html?id=\'+ pointdata.column.columnid"\n' +
        '                                               target="_blank">{{pointdata.column.columnname}}</a>\n' +
        '                                        </h2>\n' +
        '                                     <a :href="\'./column.html?id=\'+ pointdata.column.columnid" target="_blank">更多+</a>' +
        '                                    </div>\n' +
        '                                    <ul class="m-list1" v-if="pointdata.list">\n' +
        '                                        <li v-for="(article,index) in pointdata.list" v-if=" index < 4">\n' +
        '                                            <a :href="article.articleurl" target="_blank">\n' +
        '                                               <img :src="article.pic1?article.pic1:defaultimg" alt=""> ' +
        '                                               <div>' +
        '                                                 <h5>{{article.title}}</h5>' +
        '                                                 <span class="datebox">{{article.publishtime?article.publishtime.substring(0,11):\'\'}}</span>' +
        '                                               </div>' +
        '                                             </a>\n' +
        '                                        </li>\n' +
        '                                    </ul>\n' +
        '                                </div>\n' +
        '                            </div>',
    data: function () {
        return {
            pointdata: [],
            defaultimg: './images/default-bg-image169.png'
        }
    },
    created: function () {
        this.gethotdata();
    },
    methods: {
        gethotdata: function () {
            var _this = this;
            var url = pageconfig.baseurl + "/api/getarticles" + "?cid=" + 4829 + "&pagesize=10&containsubcols=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    _this.pointdata = results.data;
                    _this.pointdata.list = _this.processarticles(results.data.list);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        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;
        },
    }
})
//纯文字带时间
vue.component('special-news', {
    template: '<div class="detailspecialbox detailnoticebox"\n' +
        '                                 v-if="pointdata && pointdata.column && pointdata.list && pointdata.list.length > 0">\n' +
        '                                <div class="paddbox">\n' +
        '                                    <div class="detailrighthead" v-if="pointdata.column">\n' +
        '                                        <h2><a :href="\'./column.html?id=\'+ pointdata.column.columnid"\n' +
        '                                               target="_blank">{{pointdata.column.columnname}}</a>\n' +
        '                                        </h2>\n' +
        '                                     <a :href="\'./column.html?id=\'+ pointdata.column.columnid" target="_blank">更多+</a>' +
        '                                    </div>\n' +
        '                                    <ul class="m-list1" v-if="pointdata.list">\n' +
        '                                        <li v-for="(article,index) in pointdata.list" v-if=" index < 5">\n' +
        '                                           <i></i>' +
        '                                            <a :href="article.articleurl" target="_blank">\n' +
        '                                                {{article.title}}</a>\n' +
        '                                                   <span class="datebox">{{article.publishtime?article.publishtime.substring(0,11):\'\'}}</span>' +
        '                                        </li>\n' +
        '                                    </ul>\n' +
        '                                </div>\n' +
        '                            </div>',
    data: function () {
        return {
            pointdata: []
        }
    },
    created: function () {
        this.gethotdata();
    },
    methods: {
        gethotdata: function () {
            var _this = this;
            var url = pageconfig.baseurl + "/api/getarticles" + "?cid=" + 4864 + "&pagesize=10&containsubcols=1";
            axios.get(url).then(function (results) {
                if (results.data && results.data.list && results.data.list.length > 0) {
                    _this.pointdata = results.data;
                    _this.pointdata.list = _this.processarticles(results.data.list);
                }
            }).catch(function (error) {
                console.log(error);
            });
        },
        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;
        },
    }
})