var req = new ClientBase();
var storage = new StorageHelper();
var reqData = new Object();
var loadContinu = true;
var api = "/api/webApi/Article/SearchArticleGetList";
var cateid = "";
console.log("keyword:" + storage.getLocalStorage("keyword"))
var data = {
    categoryId: cateid,
    searchWord: storage.getLocalStorage("keyword"),
    channelId: "",
    lsData: new Array(),
    pageIndex: 1,
    pageSize: 10,
    maxPageIndex: 1,
    totalCount: 0,

};

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

        setListData: function (curPageData) {

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

                    var child = curPageData.data[i];
                    child.imgUrl = "background-image: url(" + child.IMG_URL + ");"
                    child.url = "/Article/Show/" + child.SHOW_ID + ".html";
                    child.date = formatTime(child.ADD_TIME, "yyyy-MM-dd");
                    child.des = cutString(child.DESCRIPTION, 70);
                    vmLsPic.$data.lsData.push(child)
                }

            }
            vmLsPic.$data.totalCount = curPageData.totalCount;
        },
        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(page.num, page.size, self.$data.searchWord, function (curPageData) {

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

                //设置列表数据
                self.setListData(curPageData);
            }, function () {
                //联网失败的回调,隐藏下拉刷新和上拉加载的状态;
                self.mescroll.endErr();
            });
        },

    },
    watch: {},
    beforeCreate: function () { },
    cteated: function () { },
    beforeMount: function () { },
    mounted: function () {
        var self = this;
        self.mescroll = new MeScroll("mescroll_div", {
            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/icon/empty.png",
                },

            }
        });

    },
    beforeUpdate: function () { },
    updated: function () {
    },
    beforeDestroy: function () { },
    destroyed: function () { },
})
//加载数据
function getListDataFromNet(pageNum, pageSize, searchWord, successCallback, errorCallback) {
    reqData = new Object();

    reqData.channelId = data.channelId;
    reqData.pageIndex = pageNum;
    reqData.pageSize = pageSize;
    reqData.searchWord = searchWord;
    req.SendApiData(api, reqData, function (res) {
        debugLog(res);
        //回调
        successCallback(res);

    },
        function () {
            errorCallback();
        },
        function () {
            errorCallback();
        });
}
$(document).ready(function () {
    $("#txtSearch").keypress(function (e) {
        if (e.keyCode == 13) {

            doMSearch();
        }
    });
});

function doMSearch() {
    var key = $("#txtSearch").val();
    if (key != "") {
        vmLsPic.$data.searchWord = key;
        storage.setLocalStorage("keyword", key);
        vmLsPic.$data.lsData = new Array();
        getListDataFromNet(1, 10, vmLsPic.$data.searchWord, function (curPageData) {

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

            //设置列表数据
            vmLsPic.setListData(curPageData);
        }, function () {
            //联网失败的回调,隐藏下拉刷新和上拉加载的状态;
            vmLsPic.mescroll.endErr();
        });
    }
}