NN2019090901/public/static/weixin/js/address.js

var app = new Vue({
    'el': '#app',
    'data': {
        // 列表数据
        dataList: [],
        // 参数
        params: {
            page: 1,
            pageSize: 6,
        },
        info: {},
        loading: false,
        submitting: false,
        loaded: false,
        modalStatus: false,
        op: '',
    },
    created: function(){
        this.getDataList(0);
        this.op = getParam('op');
    },
    mounted: function(){
        var _this = this;
        $(window).scroll(function(){
            var scrollHeight = $(this).scrollTop();
            var height = $('body')[0].scrollHeight;
            var docHeight = $(this).outerHeight();
            if(docHeight+scrollHeight >= height-1){
                if(_this.loading || _this.loaded){
                    return false;
                }
                _this.params.page++;
                _this.getDataList(1);
            }
        })
    },
    methods: {
        // 详情
        getInfo: function(id){
            if(id>0){
                var _this = this;
                $.post('/weixin/address/getInfo', {id:id}, function (res) {
                    if(res.code == 'success'){
                        _this.info = res.data;
                    }else{
                        $.toast(res.message);
                    }
                },"json");
            }
        },
        // 弹窗
        switchPopup: function(id){
            if(this.modalStatus){
                this.modalStatus = false;
                $.closePopup();
            }else{
                this.modalStatus = true;
                $("#modal").popup();
                this.getInfo(id);
            }
        },
        // 提交地址
        doSubmit: function(){
            var _this = this;
            if(_this.submitting){
                return false;
            }

            if(_this.info.realname == '' || _this.info.realname == null){
                $.toast("请填写收货人姓名");
                return false;
            }
            if(_this.info.mobile == '' || _this.info.mobile == null){
                $.toast("请填写收货人手机号");
                return false;
            }
            if(_this.info.address == '' || _this.info.address == null){
                $.toast("请填写收货地址");
                return false;
            }
            _this.submitting = true;
            $.showLoading("数据提交中...");
            $.post('/weixin/address/doSubmit', _this.info, function (res) {
                _this.submitting = false;
                $.hideLoading();
                if(res.code == 'success'){
                    // $.toast('操作成功');
                    _this.params.page = 1;
                    _this.switchPopup(0);
                    _this.getDataList(0);
                }else if(res.code == 'login'){
                    login(res.data.url);
                }else{
                    $.toast(res.message);
                }
            },"json");
        },
        // 删除
        doDelete: function(ele, id){
            if(id>0){
                var _this = this;
                if(confirm('确定删除该地址？')){
                    $.post('/weixin/address/doDelete', {id:id}, function (res) {
                        if(res.code == 'success'){
                            $.toast('删除成功');
                            $(ele.target).parents('.weui-panel').detach();
                            // _this.params.page = 1;
                            // _this.getDataList(0);
                        }else if(res.code == 'login'){
                            login(res.data.url);
                        }else{
                            $.toast(res.message);
                        }
                    },"json");
                }
            }
        },
        // 设置默认
        setDefault: function(id){
            if(id>0){
                var _this = this;
                $.post('/weixin/address/setDefault', {id:id}, function (res) {
                    if(res.code == 'success'){
                        $.showLoading("设置成功");
                        setTimeout(function () {
                            if(_this.op){
                                history.go(-1);
                            }else{
                                _this.params.page = 1;
                                _this.getDataList(0);
                            }
                        }, 500)

                    }
                },"json");
            }

        },
        // 获取列表数据
        getDataList: function(more){
            var _this = this;
            $.hideLoading();
            $.showLoading("数据加载中...");
            _this.loading = true;
            $.post('/weixin/address/getList', _this.params, function (res) {
                $.hideLoading();
                _this.loading = false;
                if (res.code == 'success') {
                    if(res.data.data.length<=0){
                        _this.loaded = true;
                        $.toast("已加载完全部...",'text');
                        return false;
                    }
                    if(more){
                        $.each(res.data.data, function(k,item){
                            console.log(item);
                            _this.dataList.push(item);
                        });

                    }else{
                        _this.dataList = res.data.data
                    }

                }else if(res.code == 'login'){
                    login(res.data.url);
                }
            }, "json");
        },
    }
})