var req = new ClientBase();
var storage = new StorageHelper();
var reqData = new Object();
var loadContinu = true;
var api = "/api/webApi/Article/ArticleGetList";
var cateid = $("#cate_id").val();
var channelid = $("#channelid").val();
var data = {
    categoryId: cateid,
    searchWord: "",
    channelId: "",
    lsData: new Array(),
    pageIndex: 1,
    pageSize: 100,
    maxPageIndex: 1,
    totalCount: 1,

};

var vmLsPic = new Vue({
    el: "#el_lsPic",
    data: data,
    filters: {},
    computed: {},
    methods: {

        setListData: function (curPageData) {

            if (curPageData.length > 0) {
                var children = new Array();
                for (var i = 0; i < curPageData.length; i++) {

                    var child = curPageData[i];
                    var imgUrl = child.IMG_URL;
                    if (imgUrl == "") {
                        imgUrl = "/themes/mobile/res/images/initial/empty.png";
                    }
                    child.imgUrl = imgUrl;
                    var linkUrl = child.LINK_URL;
                    if (linkUrl == "") {
                        linkUrl = "/Article/Show/" + child.SHOW_ID + ".html";
                    }
                    child.url = linkUrl;
                    child.date = formatTime(child.ADD_TIME, "yyyy-MM-dd");
                    child.des = cutString(child.DESCRIPTION, 70);
                    vmLsPic.$data.lsData.push(child)
                }

            }
        },
        upCallback: function (page) {
            var self = this;
            if (page.num == 1) {
                self.$data.lsData = new Array();
            }
            //联网加载数据
            //(tabType, categoryId, shopId, pageNum, pageSize, searchWord, sortField, successCallback, errorCallback)
            getListDataFromNet(self.$data.categoryId, page.num, page.size, self.$data.keyword, self.$data.sortField, function (curPageData) {

                //方法二(推荐): 后台接口有返回列表的总数据量 totalSize
                self.mescroll.endBySize(curPageData.length, curPageData.totalSize); //必传参数(当前页的数据个数, 总数据量)

                //设置列表数据
                self.setListData(curPageData);
            }, function () {
                //联网失败的回调,隐藏下拉刷新和上拉加载的状态;
                self.mescroll.endErr();
            });
        },
    },
    watch: {},
    beforeCreate: function () { },
    cteated: function () { },
    beforeMount: function () { },
    mounted: function () {
        var self = this;
        self.mescroll = new MeScroll("el_lsPic", {
            up: {
                callback: self.upCallback,
                isBounce: false,
                page: { num: 0, size: 10 },
                toTop: { //配置回到顶部按钮
                    src: "/res/js/mescroll/mescroll-totop.png", //默认滚动到1000px显示,可配置offset修改
                    //html: null, //html标签内容,默认null; 如果同时设置了src,则优先取src
                    //offset : 1000
                },
                noMoreSize: 5,
                empty: { //配置列表无任何数据的提示
                    warpId: "emptyBox",
                    icon: "/themes/mobile/res/images/initial/empty.png",
                },

            }
        });
    },
    beforeUpdate: function () { },
    updated: function () {
    },
    beforeDestroy: function () { },
    destroyed: function () { },
})
//加载数据
function getListDataFromNet(categoryId, pageNum, pageSize, searchWord, sortField, successCallback, errorCallback) {
    reqData = new Object();
    reqData.categoryId = data.categoryId;
    reqData.channelId = data.channelId;
    reqData.pageIndex = pageNum;
    reqData.pageSize = pageSize;
    req.SendApiData(api, reqData, function (res) {
        debugLog(res);
        //回调
        successCallback(res.data);

    },
        function () {
            errorCallback();
        },
        function () {
            errorCallback();
        });
}