goods-collect.ts

import {Component, ViewChild} from '@angular/core';
import {InfiniteScrollContent, IonicPage, ModalController, NavController, NavParams} from 'ionic-angular';
import {ServeService} from "../serve.service";
import {FilterComponent} from "../../../components/filter/filter";
import {timer} from "rxjs/observable/timer";
import {CommonService} from "../../../provide/common.service";
import {CommentComponent} from "../../../components/comment/comment";
import {SpcesComponent} from "../../../components/spces/spces";
import {GoodsCartPage} from "./goods-cart/goods-cart";
import {GoodsOrderPage} from "./goods-order/goods-order";
import {GoodsVerifyPage} from "./goods-verify/goods-verify";
import {Storage} from "@ionic/storage";
import {AppMainService} from "../../../app/app.service";
import {AppGlobal} from "../../../service/http.service";


@IonicPage()
@Component({
    selector: 'page-goods-collect',
    templateUrl: 'goods-collect.html',
})
export class GoodsCollectPage {
    @ViewChild(InfiniteScrollContent) infiniteScrollContent: InfiniteScrollContent;


    goodsList = [];  //商品列表
    typeList = [];  //分类

    pageNumber = 1;
    pageSize = 20;
    obj = {
        params: '',
        type: ''
    };
    totalNum;

    isLoad = true;

    loadMore = true;
    chooseObj;
    role = [];

    preview = {
        showPreView: false,
        preImgSrc: ''
    };
    starList = new Array(5);

    picture = AppGlobal.picture;

    constructor(public navCtrl: NavController, public navParams: NavParams,
                private serveSer: ServeService, private modalCtrl: ModalController,
                private commonSer: CommonService, private appMainSer: AppMainService) {
    }

    ionViewDidLoad() {
        this.getList();
        this.getTypeList();
        //获取权限
        this.appMainSer.role.subscribe(value => {
                this.role = value;
            }
        );
    }

    ionViewDidLeave() {
        this.preview.showPreView = false;
        this.preview.preImgSrc = null;
    }

    search() {
        this.pageNumber = 1;
        this.getList();
    }

    filterType(item) {
        this.obj.type = item.type;
        this.getList();
    }

    //商品列表
    getList() {
        const data = {
            P_pageNumber: this.pageNumber,
            P_pageSize: this.pageSize,
            param1: this.obj.params,
            type: this.obj.type
        };
        this.serveSer.searchSupplies(data).subscribe(
            (res) => {
                this.goodsList = res.list;
                this.totalNum = res.total;
            }
        )
    }

    //分类列表
    getTypeList() {
        this.serveSer.getTypeList().subscribe(
            (res) => {
                this.typeList = res.data.map(e => {
                    const data = {
                        name: e,
                        type: e,
                    };
                    return data;
                });
            }
        )
    }

    //打开过滤条件
    fliter() {
        let modal = this.modalCtrl.create(FilterComponent,
            {
                list: this.typeList,
                type: this.obj.type,
                title: '物品分类',
                desc: "点击进入分类"
            },
            {
                enterAnimation: 'modal-from-right-enter',
                leaveAnimation: 'modal-from-right-leave'
            });
        modal.onDidDismiss(data => {
            if (data) {
                this.filterType(data);
            }
        });
        modal.present();
    }

    //下拉刷新
    doRefresh(e) {
        this.loadMore = true;
        this.infiniteScrollContent.inf.enable(true);
        const data = {
            P_pageNumber: 1,
            P_pageSize: this.pageSize,
            param1: this.obj.params,
            type: this.obj.type
        };
        this.serveSer.searchSupplies(data).subscribe(
            (res) => {
                this.goodsList = res.list;
                this.totalNum = res.total;
                timer(800).subscribe(() => e.complete());
            }
        )
    }

    //加载更多
    doInfinite(e) {
        console.log("doInfinite")
        if (this.totalNum == this.goodsList.length) {
            console.log("没有更多了")
            this.loadMore = false;
            e.enable(false);
            return false;
        }
        this.pageNumber++;
        const data = {
            P_pageNumber: this.pageNumber,
            P_pageSize: this.pageSize,
            param1: this.obj.params,
            type: this.obj.type
        };
        this.serveSer.searchSupplies(data).subscribe(
            (res) => {
                this.totalNum = res.total;
                res.list.forEach(e => {
                    this.goodsList.push(e);
                });
                timer(800).subscribe(() => e.complete());
            }
        )
    }

    // 放大图片
    previewImg(item, e) {
        e.stopPropagation();
        console.log(item);
        this.preview.preImgSrc = this.picture + item.url;
        this.preview.showPreView = true;
        console.log(this.preview.preImgSrc);
    }

    closePreview() {
        this.preview.showPreView = false;
        this.preview.preImgSrc = null;
    }

    //选择规格 数量
    choose(item) {
        let modal = this.modalCtrl.create(SpcesComponent, {goodsId: item.id});
        modal.onDidDismiss(res => {
            if (res) {
                this.chooseObj = res;
                this.addCart();
            }
        })
        modal.present();
    }

    //添加到购物车
    addCart() {
        const data = {
            "status": 1,
            "orderSuppies": [this.chooseObj]
        };
        this.serveSer.saveOrder(data).subscribe(
            (res) => {
                this.commonSer.toast('添加成功！')
            }
        )
    }

    //购物车
    goCart() {
        this.navCtrl.push(GoodsCartPage);
    }

    //审核提交
    goVerify() {
        this.navCtrl.push(GoodsVerifyPage);
    }

    //订单
    goOrder() {
        this.navCtrl.push(GoodsOrderPage);
    }

}