//請(qǐng)求數(shù)據(jù)
$.ajax({
    type:"get",
    url:"http://rap2api.taobao.org/app/mock/239755/shoppingCart",
    data:{userId:'1111'},
    success: function(result){
        console.log(result)
        renderData(result.goodsList)
    }
});



function renderData(data){

    //1.給商品對(duì)象添加新的屬性，判斷是否選中
    for(var goods of data){
        goods.isSelect = false
    }
    
    //2.創(chuàng)建Vue對(duì)象
    var app1 = new Vue({
        el: '#app1',
        data:{
            goodsList:data,
            isSelectAll:false
        },
        computed:{
            //統(tǒng)計(jì)總價(jià)
            totalPrice:function(){
                var sum = 0
                for(let goods of this.goodsList){
                    if(goods.isSelect){
                        sum += goods.count * goods.price
                    }
                }
                return sum.toFixed(2)
            },
            //統(tǒng)計(jì)選中的數(shù)量
            totalSelectCount:function(){
                var count = 0
                for(let goods of this.goodsList){
                    if(goods.isSelect){
                        count += goods.count
                    }
                }
                return count
            }
        },
        methods:{
//          [9, 11, 23, 2, 3, 30]
//  index = 0; 0<6;  9<10  -> [11, 23, 2, 3, 30];  index=-1; index=0
//  index = 0; 0<5;  11<10 ; index=1
            //刪除選中
            delSelect:function(){
                for(var index=0; index < this.goodsList.length;index ++){
                    if(this.goodsList[index].isSelect){
                        this.goodsList.splice(index,1)
                        index --
                    }
                }
                
            },
            //選中全部
            selectAll:function(){
                for(let goods of this.goodsList){
                    goods.isSelect = this.isSelectAll
                }
            },
            //刪除商品
            delGoods:function(goods){
                console.log(this.goodsList)
                for(index in this.goodsList){
                    if (this.goodsList[index] == goods){
                        this.goodsList.splice(index,1)
                        break
                    }
                }
            },
            //輸入數(shù)量
            inputCount:function(goods){
                if(goods.count<0){
                    goods.count *= -1
                }else if (goods.count == 0){
                    goods.count = 1
                }
            },
            //商品數(shù)量減少
            subCount:function(goods){
                goods.count --
                if(goods.count<1){
                    goods.count = 1
                }
            }
        }
    })
}