智慧商城：编辑切换状态，删除功能，空购物车处理

编辑切换状态

为  编辑  注册点击事件进行状态取反，为该状态赋一个初始值 false

如果是非编辑状态是要进行结算的，否则删除

 点击“编辑”状态是 要进行 “删除”，非编辑状态是要进行 “结算”

当 结算 时，希望是能 全选 进而能多卖出点
当 删除 时，希望 全不选 进而也能多卖出点

 watch监视 isEdit 是否变换，如果变化了，变化后的值是什么，如果为true，则切换为了编辑状态（删除状态），则希望所有复选框进入到没有选中的状态（toggleAllCheck 中，传入false就会让所有都重置，即没有被选中的状态）

如果是 false，则进入的是结算状态，那么就希望是所有都被选中（toggleAllCheck 中，传入true 就会让所有都重置，即被选中的状态）

总结：删除时全不选（toggleAllCheck传false），结算时全选 (......传true)

删除功能 

 

cartIds是vuex中存储的id

 封装接口

页面中调用接口 ：

为删除按钮注册点击事件

 如果数据存到 vuex 中了，接口的请求一律在actions中作封装

 

删除成功之后，重新拉取购物车数据 （直接调用getCartAction)在action中调用其他action,直接调方法即可

删除完之后重置：

注意：是操作完成之后再加上，删除完成之后就变成了结算

空购物车处理

不论是登陆的还是未登陆的，如果购物车没东西都需要给提示 

给整个购物车头，中间，底部加到一个div中，加入一个判断，如果是已经登陆并且购物车不为空的才会渲染头部中间和底部，否则的话就显示空购物车

将购物车为空样式替换（笔记中直接cv)