vue实现淘宝购物车功能

淘宝购物车功能，效果如下图

非常简单的逻辑，没有做代码的封装，代码如下

<div class="list-container">
        <div class="top-ops">
                <div>
                    <img src="../../../static/images/HomeRecommendShopInfoAdress@2x.png" alt="">
                    <span>浙江省杭州市...</span>
                </div>
                <div class="ops">
                    <span v-if="cartStatus === 'account'" @click="cartStatus = 'edit'">编辑商品</span>
                    <span v-if="cartStatus === 'edit'" @click="cartStatus = 'account'">完成</span>
                </div>
        </div>
        <div class="paddingB200">
            <div class="shop-list" v-for="(item,index) in cartShops" :key="index">
                <div class="shop-name">
                    <label>
                        <input type="checkbox" 
                            name="shopRadio" 
                            :value="item.productShopId" 
                            @click="shopCheck($event,cartShops)" 
                        class="disN">
                        <b></b>
                    </label>
                    <div>
                        <div>
                            <img src="../../../static/images/mall@2x.png" alt="">
                            <span class="name">{
    {item.shopName}}</span>
                        </div>
                        <span>
                            <img src="../../../static/images/jtxq@2x.png" alt="">
                        </span>
                    </div>
                </div>
                <div class="goods-list" v-for="(goods,goodsIndex) in item.detailLists" :key="goodsIndex">
                    <label>
                        <input type="checkbox" 
                            name="goodRadio" 
                            :price="goods.price"
                            :num="goods.number" :dataId="item.productShopId" 
                            :value="goods.cartDetailId"
                            @click="goodsCkeck($event,item.detailLists,cartShops,item.productShopId)" 
                        class="disN">
                        <b></b>
                    </label>
                    <div class="middle">
                        &l