vuex购物车全选及价格计算(状态管理)

<template>
    <div class="cartlist">
        <div class="tit_gds_item clearfix">
            <div class="tit_gds_check"><input type="checkbox"  v-model='isCheckedAll' @change='checkedAll' /></div>
            <div class="tit_gds_txt">商品</div>
            <div class="tit_gds_num">数量</div>
            <div class="tit_gds_price" >价格</div>
            <div class="tit_gds_amount">金额</div>
            <div class="tit_gds_operate">操作</div>
        </div>
        <div class="cartitem clearfix" v-for="(product,index) in productList" :key="index">
            <div class="cell gds_check">
               <input type="checkbox" :value='product.pro_id'  v-model="checkboxList" @change="ck_change"/>
            </div>
            <div class="cell gds_pic">
                 <img :src="product.pro_img"/>
            </div>
            <div class="cell gds_detail">
                 {
  {product.pro_name}}品牌：{
  {product.pro_brand}};产地：{
  {product.pro_place}};规格：{
  {product.pro_purity}}; 起订量：{
  {product.pro_min}};配送仓库：{
  {product.pro_depot}};
            </div>
            <div class="cell gds_num">
                <div class="quantity">
                    <a href="javascript:;" class="decrement" :class="product.pro_disable ?'disabled':'' &#