|
|
|
|
@ -3,13 +3,16 @@
|
|
|
|
|
<view class v-if="userInfo.uid"> |
|
|
|
|
<view class="labelNav acea-row row-around row-middle"> |
|
|
|
|
<view class="item"> |
|
|
|
|
<text class="iconfont icon-xuanzhong"></text>100%正品保证 |
|
|
|
|
<text class="iconfont icon-xuanzhong"></text> |
|
|
|
|
100%正品保证 |
|
|
|
|
</view> |
|
|
|
|
<view class="item"> |
|
|
|
|
<text class="iconfont icon-xuanzhong"></text>所有商品精挑细选 |
|
|
|
|
<text class="iconfont icon-xuanzhong"></text> |
|
|
|
|
所有商品精挑细选 |
|
|
|
|
</view> |
|
|
|
|
<view class="item"> |
|
|
|
|
<text class="iconfont icon-xuanzhong"></text>售后无忧 |
|
|
|
|
<text class="iconfont icon-xuanzhong"></text> |
|
|
|
|
售后无忧 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="nav acea-row row-between-wrapper"> |
|
|
|
|
@ -17,25 +20,15 @@
|
|
|
|
|
购物数量 |
|
|
|
|
<text class="num font-color-red">{{ count }}</text> |
|
|
|
|
</view> |
|
|
|
|
<view |
|
|
|
|
v-if="cartList.valid.length > 0" |
|
|
|
|
class="administrate acea-row row-center-wrapper" |
|
|
|
|
@click="manage" |
|
|
|
|
>{{ footerswitch ? "取消" : "管理" }}</view> |
|
|
|
|
<view v-if="cartList.valid.length > 0" class="administrate acea-row row-center-wrapper" @click="manage">{{ footerswitch ? '取消' : '管理' }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="validList.length > 0 || cartList.invalid.length > 0"> |
|
|
|
|
<view class="list"> |
|
|
|
|
<view |
|
|
|
|
class="item acea-row row-between-wrapper" |
|
|
|
|
v-for="(item, cartListValidIndex) in validList" |
|
|
|
|
:key="cartListValidIndex" |
|
|
|
|
> |
|
|
|
|
<view class="item acea-row row-between-wrapper" v-for="(item, cartListValidIndex) in validList" :key="cartListValidIndex"> |
|
|
|
|
<view class="select-btn"> |
|
|
|
|
<view class="checkbox-wrapper"> |
|
|
|
|
<checkbox-group @change="switchSelect(cartListValidIndex)"> |
|
|
|
|
<label class="well-check"> |
|
|
|
|
<checkbox value :checked="item.checked"></checkbox> |
|
|
|
|
</label> |
|
|
|
|
<label class="well-check"><checkbox value :checked="item.checked"></checkbox></label> |
|
|
|
|
</checkbox-group> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -46,31 +39,28 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="text"> |
|
|
|
|
<view class="line1">{{ item.productInfo.storeName }}</view> |
|
|
|
|
<view |
|
|
|
|
class="infor line1" |
|
|
|
|
v-if="item.productInfo.attrInfo" |
|
|
|
|
>属性：{{ item.productInfo.attrInfo.suk }}</view> |
|
|
|
|
<view class="infor line1" v-if="item.productInfo.attrInfo">属性：{{ item.productInfo.attrInfo.suk }}</view> |
|
|
|
|
<view class="money">￥{{ item.truePrice }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="carnum acea-row row-center-wrapper"> |
|
|
|
|
<view |
|
|
|
|
class="reduce" |
|
|
|
|
:class="validList[cartListValidIndex].cartNum <= 1 ? 'on' : ''" |
|
|
|
|
@click.prevent="reduce(cartListValidIndex)" |
|
|
|
|
>-</view> |
|
|
|
|
<view class="reduce" :class="validList[cartListValidIndex].cartNum <= 1 ? 'on' : ''" @click.prevent="reduce(cartListValidIndex)">-</view> |
|
|
|
|
<view class="num">{{ item.cartNum }}</view> |
|
|
|
|
<view |
|
|
|
|
class="plus" |
|
|
|
|
v-if="validList[cartListValidIndex].attrInfo" |
|
|
|
|
:class="validList[cartListValidIndex].cartNum >=validList[cartListValidIndex].attrInfo.stock? 'on': ''" |
|
|
|
|
:class="validList[cartListValidIndex].cartNum >= validList[cartListValidIndex].attrInfo.stock ? 'on' : ''" |
|
|
|
|
@click.prevent="plus(cartListValidIndex)" |
|
|
|
|
>+</view> |
|
|
|
|
> |
|
|
|
|
+ |
|
|
|
|
</view> |
|
|
|
|
<view |
|
|
|
|
class="plus" |
|
|
|
|
v-else |
|
|
|
|
:class="validList[cartListValidIndex].cartNum >= validList[cartListValidIndex].stock? 'on': ''" |
|
|
|
|
:class="validList[cartListValidIndex].cartNum >= validList[cartListValidIndex].stock ? 'on' : ''" |
|
|
|
|
@click.prevent="plus(cartListValidIndex)" |
|
|
|
|
>+</view> |
|
|
|
|
> |
|
|
|
|
+ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -78,25 +68,17 @@
|
|
|
|
|
<view class="invalidGoods" v-if="cartList.invalid.length > 0"> |
|
|
|
|
<view class="goodsNav acea-row row-between-wrapper"> |
|
|
|
|
<view @click="goodsOpen"> |
|
|
|
|
<text |
|
|
|
|
class="iconfont" |
|
|
|
|
:class="goodsHidden === true ? 'icon-xiangyou' : 'icon-xiangxia'" |
|
|
|
|
></text>失效商品 |
|
|
|
|
<text class="iconfont" :class="goodsHidden === true ? 'icon-xiangyou' : 'icon-xiangxia'"></text> |
|
|
|
|
失效商品 |
|
|
|
|
</view> |
|
|
|
|
<view class="del" @click="delInvalidGoods"> |
|
|
|
|
<text class="iconfont icon-shanchu1"></text>清空 |
|
|
|
|
<text class="iconfont icon-shanchu1"></text> |
|
|
|
|
清空 |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="goodsList" :hidden="goodsHidden"> |
|
|
|
|
<view |
|
|
|
|
v-for="(item, cartListinvalidIndex) in cartList.invalid" |
|
|
|
|
:key="cartListinvalidIndex" |
|
|
|
|
> |
|
|
|
|
<view |
|
|
|
|
@click="goGoodsCon(item)" |
|
|
|
|
class="item acea-row row-between-wrapper" |
|
|
|
|
v-if="item.productInfo" |
|
|
|
|
> |
|
|
|
|
<view v-for="(item, cartListinvalidIndex) in cartList.invalid" :key="cartListinvalidIndex"> |
|
|
|
|
<view @click="goGoodsCon(item)" class="item acea-row row-between-wrapper" v-if="item.productInfo"> |
|
|
|
|
<view class="invalid acea-row row-center-wrapper">失效</view> |
|
|
|
|
<view class="pictrue"> |
|
|
|
|
<image :src="item.productInfo.attrInfo.image" v-if="item.productInfo.attrInfo" /> |
|
|
|
|
@ -104,13 +86,8 @@
|
|
|
|
|
</view> |
|
|
|
|
<view class="text acea-row row-column-between"> |
|
|
|
|
<view class="line1">{{ item.productInfo.storeName }}</view> |
|
|
|
|
<view |
|
|
|
|
class="infor line1" |
|
|
|
|
v-if="item.productInfo.attrInfo" |
|
|
|
|
>属性：{{ item.productInfo.attrInfo.suk }}</view> |
|
|
|
|
<view class="acea-row row-between-wrapper"> |
|
|
|
|
<view class="end">该商品已下架</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="infor line1" v-if="item.productInfo.attrInfo">属性：{{ item.productInfo.attrInfo.suk }}</view> |
|
|
|
|
<view class="acea-row row-between-wrapper"><view class="end">该商品已下架</view></view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
@ -119,9 +96,7 @@
|
|
|
|
|
</view> |
|
|
|
|
<!--购物车暂无商品--> |
|
|
|
|
<view class="noCart" v-if="cartList.valid.length === 0 && cartList.invalid.length === 0"> |
|
|
|
|
<view class="pictrue"> |
|
|
|
|
<image :src="$VUE_APP_RESOURCES_URL+'/images/noCart.png'" /> |
|
|
|
|
</view> |
|
|
|
|
<view class="pictrue"><image :src="$VUE_APP_RESOURCES_URL + '/images/noCart.png'" /></view> |
|
|
|
|
<Recommend></Recommend> |
|
|
|
|
</view> |
|
|
|
|
<view style="height:210rpx"></view> |
|
|
|
|
@ -164,24 +139,19 @@
|
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
<script> |
|
|
|
|
import Recommend from "@/components/Recommend"; |
|
|
|
|
import Authorization from "@/pages/authorization/index"; |
|
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
|
import Recommend from '@/components/Recommend'; |
|
|
|
|
import Authorization from '@/pages/authorization/index'; |
|
|
|
|
import { mapGetters } from 'vuex'; |
|
|
|
|
|
|
|
|
|
import { |
|
|
|
|
getCartList, |
|
|
|
|
postCartDel, |
|
|
|
|
changeCartNum, |
|
|
|
|
getCartCount |
|
|
|
|
} from "@/api/store"; |
|
|
|
|
import { postCollectAll } from "@/api/user"; |
|
|
|
|
import { mul, add } from "@/utils/bc"; |
|
|
|
|
import cookie from "@/utils/store/cookie"; |
|
|
|
|
import { getCartList, postCartDel, changeCartNum, getCartCount } from '@/api/store'; |
|
|
|
|
import { postCollectAll } from '@/api/user'; |
|
|
|
|
import { mul, add } from '@/utils/bc'; |
|
|
|
|
import cookie from '@/utils/store/cookie'; |
|
|
|
|
|
|
|
|
|
const CHECKED_IDS = "cart_checked"; |
|
|
|
|
const CHECKED_IDS = 'cart_checked'; |
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
|
name: "ShoppingCart", |
|
|
|
|
name: 'ShoppingCart', |
|
|
|
|
components: { |
|
|
|
|
Recommend, |
|
|
|
|
Authorization |
|
|
|
|
@ -204,7 +174,7 @@ export default {
|
|
|
|
|
loaded: false |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
computed: mapGetters(["userInfo"]), |
|
|
|
|
computed: mapGetters(['userInfo', 'token']), |
|
|
|
|
|
|
|
|
|
// watch: { |
|
|
|
|
// $yroute(n) { |
|
|
|
|
@ -223,7 +193,7 @@ export default {
|
|
|
|
|
// }, |
|
|
|
|
watch: { |
|
|
|
|
userInfo(user) { |
|
|
|
|
console.log(user); |
|
|
|
|
console.log(user, '用户信息，8585'); |
|
|
|
|
if (user.uid) { |
|
|
|
|
this.carnum(); |
|
|
|
|
this.countMoney(); |
|
|
|
|
@ -231,6 +201,15 @@ export default {
|
|
|
|
|
this.gainCount(); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
token(token) { |
|
|
|
|
console.log(token, '用户token，8585'); |
|
|
|
|
if (this.userInfo.uid) { |
|
|
|
|
this.carnum(); |
|
|
|
|
this.countMoney(); |
|
|
|
|
this.getCartList(); |
|
|
|
|
this.gainCount(); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
cartList(list) { |
|
|
|
|
this.validList = list.valid; |
|
|
|
|
} |
|
|
|
|
@ -246,7 +225,7 @@ export default {
|
|
|
|
|
methods: { |
|
|
|
|
goGoodsCon(item) { |
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
path: "/pages/shop/GoodsCon/index", |
|
|
|
|
path: '/pages/shop/GoodsCon/index', |
|
|
|
|
query: { |
|
|
|
|
id: item.productId |
|
|
|
|
} |
|
|
|
|
@ -283,18 +262,17 @@ export default {
|
|
|
|
|
}); |
|
|
|
|
if (id.length === 0) { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: "请选择产品", |
|
|
|
|
icon: "none", |
|
|
|
|
title: '请选择产品', |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
postCartDel(id).then(function() { |
|
|
|
|
list.forEach(function(val, i) { |
|
|
|
|
if (val.checked === false || val.checked === undefined) |
|
|
|
|
valid.push(list[i]); |
|
|
|
|
if (val.checked === false || val.checked === undefined) valid.push(list[i]); |
|
|
|
|
}); |
|
|
|
|
that.$set(that.cartList, "valid", valid); |
|
|
|
|
that.$set(that.cartList, 'valid', valid); |
|
|
|
|
that.carnum(); |
|
|
|
|
that.countMoney(); |
|
|
|
|
that.gainCount(); |
|
|
|
|
@ -327,7 +305,7 @@ export default {
|
|
|
|
|
let that = this, |
|
|
|
|
data = { |
|
|
|
|
id: [], |
|
|
|
|
category: "" |
|
|
|
|
category: '' |
|
|
|
|
}, |
|
|
|
|
list = that.cartList.valid; |
|
|
|
|
list.forEach(function(val) { |
|
|
|
|
@ -338,16 +316,16 @@ export default {
|
|
|
|
|
}); |
|
|
|
|
if (data.id.length === 0) { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: "请选择产品", |
|
|
|
|
icon: "none", |
|
|
|
|
title: '请选择产品', |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
postCollectAll(data).then(function() { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: "收藏成功!", |
|
|
|
|
icon: "none", |
|
|
|
|
title: '收藏成功!', |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
@ -364,17 +342,17 @@ export default {
|
|
|
|
|
}); |
|
|
|
|
if (id.length === 0) { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: "请选择产品", |
|
|
|
|
icon: "none", |
|
|
|
|
title: '请选择产品', |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
console.log(id); |
|
|
|
|
this.$yrouter.push({ |
|
|
|
|
path: "/pages/order/OrderSubmission/index", |
|
|
|
|
path: '/pages/order/OrderSubmission/index', |
|
|
|
|
query: { |
|
|
|
|
id: id.join(",") |
|
|
|
|
id: id.join(',') |
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}, |
|
|
|
|
@ -393,11 +371,11 @@ export default {
|
|
|
|
|
list.cartNum++; |
|
|
|
|
if (list.attrInfo) { |
|
|
|
|
if (list.cartNum >= list.attrInfo.stock) { |
|
|
|
|
that.$set(list, "cart_num", list.attrInfo.stock); |
|
|
|
|
that.$set(list, 'cart_num', list.attrInfo.stock); |
|
|
|
|
} |
|
|
|
|
} else { |
|
|
|
|
if (list.cartNum >= list.stock) { |
|
|
|
|
that.$set(list, "cart_num", list.stock); |
|
|
|
|
that.$set(list, 'cart_num', list.stock); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
that.carnum(); |
|
|
|
|
@ -410,15 +388,15 @@ export default {
|
|
|
|
|
let list = that.cartList.valid[index]; |
|
|
|
|
if (list.cartNum <= 1) { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: "已经是底线啦!", |
|
|
|
|
icon: "none", |
|
|
|
|
title: '已经是底线啦!', |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}); |
|
|
|
|
return; |
|
|
|
|
} |
|
|
|
|
list.cartNum--; |
|
|
|
|
if (list.cartNum < 1) { |
|
|
|
|
that.$set(list, "cart_num", 1); |
|
|
|
|
that.$set(list, 'cart_num', 1); |
|
|
|
|
} |
|
|
|
|
that.carnum(); |
|
|
|
|
that.countMoney(); |
|
|
|
|
@ -433,7 +411,7 @@ export default {
|
|
|
|
|
.catch(error => { |
|
|
|
|
uni.showToast({ |
|
|
|
|
title: error.response.data.msg, |
|
|
|
|
icon: "none", |
|
|
|
|
icon: 'none', |
|
|
|
|
duration: 2000 |
|
|
|
|
}); |
|
|
|
|
}); |
|
|
|
|
@ -458,8 +436,8 @@ export default {
|
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
that.isAllSelect = selectnum.length === len; |
|
|
|
|
that.$set(that, "cartList", that.cartList); |
|
|
|
|
that.$set(that, "isAllSelect", that.isAllSelect); |
|
|
|
|
that.$set(that, 'cartList', that.cartList); |
|
|
|
|
that.$set(that, 'isAllSelect', that.isAllSelect); |
|
|
|
|
cookie.set(CHECKED_IDS, that.checkedIds); |
|
|
|
|
that.carnum(); |
|
|
|
|
that.countMoney(); |
|
|
|
|
@ -485,8 +463,8 @@ export default {
|
|
|
|
|
}; |
|
|
|
|
that.cartList = []; |
|
|
|
|
that.cartList = cartList; |
|
|
|
|
this.$set(this, "cartList", this.cartList); |
|
|
|
|
this.$set(this, "isAllSelect", selectAllStatus); |
|
|
|
|
this.$set(this, 'cartList', this.cartList); |
|
|
|
|
this.$set(this, 'isAllSelect', selectAllStatus); |
|
|
|
|
this.checkedIds = checkedIds; |
|
|
|
|
cookie.set(CHECKED_IDS, checkedIds); |
|
|
|
|
that.carnum(); |
|
|
|
|
@ -503,7 +481,7 @@ export default {
|
|
|
|
|
carnum += parseInt(array[i].cartNum); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
that.$set(that, "cartCount", carnum); |
|
|
|
|
that.$set(that, 'cartCount', carnum); |
|
|
|
|
}, |
|
|
|
|
//总共价钱； |
|
|
|
|
countMoney: function() { |
|
|
|
|
|
Gao xiaosong
5 years ago