evaluation.ts

import {Component, ElementRef, Renderer2, ViewChild} from '@angular/core';
import {IonicPage, NavController, NavParams, ViewController} from 'ionic-angular';
import {ServeService} from "../../serve.service";
import {CommonService} from "../../../../provide/common.service";
import {AppGlobal} from "../../../../service/http.service";

@Component({
    selector: 'page-evaluation',
    templateUrl: 'evaluation.html',
})
export class EvaluationPage {

    score = 0;
    starList = new Array(5);
    orderId;
    goodsList;

    picture = AppGlobal.picture;

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

    ionViewDidLoad() {
        this.orderId = this.navParams.get('id');
        this.getDetail();
    }

    getDetail() {
        this.serveSer.orderDetail(this.orderId).subscribe(
            (res) => {
                this.goodsList = res.data.suppies;
                this.goodsList.forEach(e => {
                    e.score = 0;
                    e.starList = ["icon-star", "icon-star", "icon-star", "icon-star", "icon-star"];
                });
            }
        )
    }

    /**
     *
     * @param score  分数 从0开始
     * @param number  商品数组序号
     */
    checkStar(score, number) {
        this.goodsList[number].score = score + 1;
        let arr = new Array(5);
        for (let i = 0; i < arr.length; i++) {
            if (i < score + 1) {
                arr[i] = "icon-star-fill";
            } else {
                arr[i] = "icon-star";
            }
        }
        this.goodsList[number].starList = arr;
    }

    submit() {
        this.commonSer.alert('确定提交评价?', () => {
            const arr = this.goodsList.map(e => {
                const a = {
                    id: e.id,
                    score: e.score.toFixed(1)
                };
                return a
            });
            this.serveSer.orderScore(arr).subscribe(
                (res) => {
                    if(res){
                        this.navCtrl.pop();
                        this.commonSer.toast('已评价成功');
                    }
                }
            )
        })
    }

}