spces.ts

import {Component} from '@angular/core';
import {NavParams, ViewController} from "ionic-angular";
import {ServeService} from "../../pages/serve-pages/serve.service";
import {CommonService} from "../../provide/common.service";

@Component({
    selector: 'spces',
    templateUrl: 'spces.html'
})
export class SpcesComponent {

    goods;
    goodsId;
    choose = {
        amount: <any>'1',
        brand: '',
        officeId: '',
        id: '',
        model: '',
        specs1: '',
        specs2: '',
        specs3: '',
        specs4: '',
        specs5: '',
    };

    goodsDetail;

    constructor(private viewCtrl: ViewController, private params: NavParams,
                private serveSer: ServeService, private commonSer: CommonService) {
        this.goodsId = this.params.get('goodsId');
        this.goodsDetail = this.params.get('data');
        if (this.goodsDetail) {
            this.choose.amount = this.goodsDetail.amount;
            this.choose.specs1 = this.goodsDetail.specs1;
            this.choose.specs2 = this.goodsDetail.specs2;
            this.choose.specs3 = this.goodsDetail.specs3;
            this.choose.specs4 = this.goodsDetail.specs4;
            this.choose.specs5 = this.goodsDetail.specs5;
        }
        this.serveSer.supplyDetail(this.goodsId).subscribe(
            (res) => {
                this.goods = res;
            }
        )
    }

    close() {
        this.viewCtrl.dismiss();
    }

    stop(e) {
        e.stopPropagation();
    }

    //增加
    add() {
        this.choose.amount++;
    }

    //减少
    reduce() {
        if (this.choose.amount > 1) {
            this.choose.amount--;
        }
    }

    //提交
    submit() {
        this.choose.brand = this.goods.brand;
        this.choose.officeId = this.goods.id;
        if (this.goodsDetail) this.choose.id = this.goods.id;  //购物车编辑
        this.choose.model = this.goods.model;
        console.log(this.choose);
        if (this.goods.specs1List && this.goods.specs1List.length > 0 && !this.choose.specs1) {
            this.commonSer.toast('请选择规格！');
            return false;
        }
        if (this.goods.specs2List && this.goods.specs2List.length > 0 && !this.choose.specs2) {
            this.commonSer.toast('请选择规格！');
            return false;
        }
        if (this.goods.specs3List && this.goods.specs3List.length > 0 && !this.choose.specs3) {
            this.commonSer.toast('请选择规格！');
            return false;
        }
        if (this.goods.specs4List && this.goods.specs4List.length > 0 && !this.choose.specs4) {
            this.commonSer.toast('请选择规格！');
            return false;
        }
        if (this.goods.specs5List && this.goods.specs5List.length > 0 && !this.choose.specs5) {
            this.commonSer.toast('请选择规格！');
            return false;
        }
        this.viewCtrl.dismiss(this.choose);
    }

    getSpecs(index, item) {
        if (index == 1) this.choose.specs1 = item;
        if (index == 2) this.choose.specs2 = item;
        if (index == 3) this.choose.specs3 = item;
        if (index == 4) this.choose.specs4 = item;
        if (index == 5) this.choose.specs5 = item;
    }
}