252 lines
7.9 KiB
JavaScript
252 lines
7.9 KiB
JavaScript
|
import { adminCartAdd, adminCartDel, adminCartNum } from "@/api/admin.js"
|
||
|
|
export default {
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
attr: {
|
||
|
|
cartAttr: false,
|
||
|
|
productAttr: [],
|
||
|
|
productSelect: {}
|
||
|
|
},
|
||
|
|
productValue: [],
|
||
|
|
};
|
||
|
|
},
|
||
|
|
created() {
|
||
|
|
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
/**
|
||
|
|
* 默认选中属性
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
DefaultSelect: function() {
|
||
|
|
let productAttr = this.attr.productAttr;
|
||
|
|
let valueobj = [];
|
||
|
|
let value = [];
|
||
|
|
for (var key in this.productValue) {
|
||
|
|
if (this.productValue[key].stock > 0) {
|
||
|
|
valueobj = this.attr.productAttr.length ? key.split(',') : [];
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
// 处理已售罄时默认选中第一个
|
||
|
|
if (!valueobj.length && this.attr.productAttr.length) {
|
||
|
|
value = Object.keys(this.productValue)[0].split(',');
|
||
|
|
} else {
|
||
|
|
value = valueobj;
|
||
|
|
}
|
||
|
|
for (let i = 0; i < productAttr.length; i++) {
|
||
|
|
this.$set(productAttr[i], 'index', value[i]);
|
||
|
|
}
|
||
|
|
//sort();排序函数:数字-英文-汉字；
|
||
|
|
let productSelect = this.productValue[value.join(',')];
|
||
|
|
this.$set(this.attr.productSelect, 'store_name', this.storeInfo.store_name);
|
||
|
|
if (productSelect && productAttr.length) {
|
||
|
|
this.$set(this.attr.productSelect, 'image', productSelect.image);
|
||
|
|
this.$set(this.attr.productSelect, 'price', productSelect.price);
|
||
|
|
this.$set(this.attr.productSelect, 'channel_price', productSelect.channel_price || '');
|
||
|
|
this.$set(this.attr.productSelect, 'stock', productSelect.stock);
|
||
|
|
this.$set(this.attr.productSelect, 'unique', productSelect.unique);
|
||
|
|
this.$set(this.attr.productSelect, 'cart_num', 1);
|
||
|
|
this.$set(this, 'attrValue', value.join(','));
|
||
|
|
this.$set(this.attr.productSelect, 'vip_price', productSelect.vip_price);
|
||
|
|
this.$set(this, 'attrTxt', '已选择');
|
||
|
|
} else if (!productSelect && productAttr.length) {
|
||
|
|
this.$set(this.attr.productSelect, 'image', this.storeInfo.image);
|
||
|
|
this.$set(this.attr.productSelect, 'price', this.storeInfo.price);
|
||
|
|
this.$set(this.attr.productSelect, 'channel_price', this.storeInfo.price);
|
||
|
|
this.$set(this.attr.productSelect, 'stock', 0);
|
||
|
|
this.$set(this.attr.productSelect, 'unique', '');
|
||
|
|
this.$set(this.attr.productSelect, 'cart_num', 0);
|
||
|
|
this.$set(this.attr.productSelect, 'vip_price', this.storeInfo.vip_price);
|
||
|
|
this.$set(this, 'attrValue', '');
|
||
|
|
this.$set(this, 'attrTxt', '请选择');
|
||
|
|
} else if (!productSelect && !productAttr.length) {
|
||
|
|
this.$set(this.attr.productSelect, 'image', this.storeInfo.image);
|
||
|
|
this.$set(this.attr.productSelect, 'price', this.storeInfo.price);
|
||
|
|
this.$set(this.attr.productSelect, 'channel_price', this.storeInfo.price);
|
||
|
|
this.$set(this.attr.productSelect, 'stock', this.storeInfo.stock);
|
||
|
|
this.$set(this.attr.productSelect, 'unique', this.storeInfo.unique || '');
|
||
|
|
this.$set(this.attr.productSelect, 'cart_num', 1);
|
||
|
|
this.$set(this.attr.productSelect, 'vip_price', this.storeInfo.vip_price);
|
||
|
|
this.$set(this, 'attrValue', '');
|
||
|
|
this.$set(this, 'attrTxt', '请选择');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 属性变动赋值
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
ChangeAttr: function(res) {
|
||
|
|
let productSelect = this.productValue[res];
|
||
|
|
this.$set(this, "selectSku", productSelect);
|
||
|
|
if (productSelect && productSelect.stock >= 0) {
|
||
|
|
this.$set(this.attr.productSelect, 'image', productSelect.image);
|
||
|
|
this.$set(this.attr.productSelect, 'price', productSelect.price);
|
||
|
|
this.$set(this.attr.productSelect, 'channel_price', productSelect.channel_price || '');
|
||
|
|
this.$set(this.attr.productSelect, 'stock', productSelect.stock);
|
||
|
|
this.$set(this.attr.productSelect, 'unique', productSelect.unique);
|
||
|
|
this.$set(this.attr.productSelect, 'cart_num', 1);
|
||
|
|
this.$set(this.attr.productSelect, 'vip_price', productSelect.vip_price);
|
||
|
|
this.$set(this, 'attrValue', res);
|
||
|
|
this.$set(this, 'attrTxt', '已选择');
|
||
|
|
} else {
|
||
|
|
this.$set(this.attr.productSelect, 'image', this.storeInfo.image);
|
||
|
|
this.$set(this.attr.productSelect, 'price', this.storeInfo.price);
|
||
|
|
this.$set(this.attr.productSelect, 'channel_price', this.storeInfo.price);
|
||
|
|
this.$set(this.attr.productSelect, 'stock', 0);
|
||
|
|
this.$set(this.attr.productSelect, 'unique', '');
|
||
|
|
this.$set(this.attr.productSelect, 'cart_num', 0);
|
||
|
|
this.$set(this.attr.productSelect, 'vip_price', this.storeInfo.vip_price);
|
||
|
|
this.$set(this, 'attrValue', '');
|
||
|
|
this.$set(this, 'attrTxt', '请选择');
|
||
|
|
}
|
||
|
|
},
|
||
|
|
attrVal(val) {
|
||
|
|
this.$set(this.attr.productAttr[val.indexw], 'index', this.attr.productAttr[val.indexw].attr_values[val
|
||
|
|
.indexn]);
|
||
|
|
},
|
||
|
|
/**
|
||
|
|
* 购物车手动填写
|
||
|
|
*
|
||
|
|
*/
|
||
|
|
iptCartNum: function(e) {
|
||
|
|
this.$set(this.attr.productSelect, 'cart_num', e);
|
||
|
|
},
|
||
|
|
onMyEvent: function() {
|
||
|
|
this.$set(this.attr, 'cartAttr', false);
|
||
|
|
},
|
||
|
|
// 改变多属性购物车
|
||
|
|
ChangeCartNumDuo(changeValue) {
|
||
|
|
if(changeValue){
|
||
|
|
if(this.attr.productSelect.cart_num == this.attr.productSelect.stock) return this.$util.Tips({
|
||
|
|
title: '该产品没有更多库存了'
|
||
|
|
});
|
||
|
|
this.attr.productSelect.cart_num++;
|
||
|
|
}else{
|
||
|
|
if(this.attr.productSelect.cart_num == 1) return
|
||
|
|
this.attr.productSelect.cart_num--;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// 多规格加入购物车；
|
||
|
|
goCatNum(type) {
|
||
|
|
this.goCartChange(true,null,type);
|
||
|
|
},
|
||
|
|
goCartChange(duo, productId,type){
|
||
|
|
let data = {
|
||
|
|
productId: duo ? this.id : productId,
|
||
|
|
cartNum: duo ? this.attr.productSelect.cart_num : 1,
|
||
|
|
uniqueId: duo ? this.attr.productSelect.unique : "",
|
||
|
|
'new':type,
|
||
|
|
tourist_uid: this.touristId,
|
||
|
|
is_channel: this.is_channel
|
||
|
|
};
|
||
|
|
adminCartAdd(this.userId,data).then(res=>{
|
||
|
|
if(duo){
|
||
|
|
this.attr.cartAttr = false;
|
||
|
|
}
|
||
|
|
if(type){
|
||
|
|
uni.navigateTo({
|
||
|
|
url: `/pages/behalf/order_confirm/index?cartId=${res.data.cartId}&uid=${this.userId}&news=1`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
this.$util.Tips({
|
||
|
|
title: '加入购物车成功'
|
||
|
|
});
|
||
|
|
this.getCartList(1);
|
||
|
|
|
||
|
|
}).catch(err => {
|
||
|
|
return this.$util.Tips({
|
||
|
|
title: err
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
goCartDuo(item) {
|
||
|
|
if (!this.isLogin) {
|
||
|
|
toLogin();
|
||
|
|
} else {
|
||
|
|
this.storeName = item.store_name;
|
||
|
|
this.getAttrs(item.id);
|
||
|
|
this.$set(this, 'id', item.id);
|
||
|
|
this.$set(this.attr, 'cartAttr', true);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
// 点击默认单属性购物车
|
||
|
|
goCartDan(item) {
|
||
|
|
if (!this.isLogin) {
|
||
|
|
this.getIsLogin();
|
||
|
|
} else {
|
||
|
|
this.goCartChange(false, item.id,item.cart_button == 1 ? 0 : 1);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
closeList(e) {
|
||
|
|
this.$set(this.cartData, 'iScart', e);
|
||
|
|
},
|
||
|
|
selectitem(index){
|
||
|
|
this.cartData.cartList[index].select = !this.cartData.cartList[index].select;
|
||
|
|
let isSelect = this.cartData.cartList.filter(el=> el.select == true);
|
||
|
|
if(isSelect.length == this.cartData.cartList.length){
|
||
|
|
this.$refs.cartPopup.allSelect = true;
|
||
|
|
}else{
|
||
|
|
this.$refs.cartPopup.allSelect = false;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
selectAll(val){
|
||
|
|
this.cartData.cartList.map(item=>{
|
||
|
|
this.$set(item,'select',val ? false : true);
|
||
|
|
})
|
||
|
|
},
|
||
|
|
cartDelChange(){
|
||
|
|
let ids = [];
|
||
|
|
this.cartData.cartList.forEach(item=>{
|
||
|
|
if(item.select){
|
||
|
|
ids.push(item.id);
|
||
|
|
}
|
||
|
|
})
|
||
|
|
if(!ids.length) return this.$util.Tips({
|
||
|
|
title: '请先选择商品'
|
||
|
|
});
|
||
|
|
adminCartDel(this.userId,{
|
||
|
|
ids: ids.toString(),
|
||
|
|
tourist_uid: this.touristId,
|
||
|
|
}).then(res=>{
|
||
|
|
this.getCartList(0);
|
||
|
|
this.$util.Tips({
|
||
|
|
title: err
|
||
|
|
});
|
||
|
|
}).catch(err => {
|
||
|
|
return this.$util.Tips({
|
||
|
|
title: err
|
||
|
|
});
|
||
|
|
});
|
||
|
|
},
|
||
|
|
cartNumChange(data){
|
||
|
|
if(data.type){
|
||
|
|
if(data.item.cart_num == data.item.productInfo.attrInfo.stock) return this.$util.Tips({
|
||
|
|
title: '该产品没有更多库存了'
|
||
|
|
});
|
||
|
|
}else{
|
||
|
|
if(data.item.cart_num == 1) return
|
||
|
|
}
|
||
|
|
adminCartNum(this.userId,{
|
||
|
|
id: data.item.id,
|
||
|
|
number: data.type ? data.item.cart_num + 1 : data.item.cart_num - 1,
|
||
|
|
tourist_uid: this.touristId
|
||
|
|
}).then(res=>{
|
||
|
|
if(data.type){
|
||
|
|
this.cartData.cartList[data.index].cart_num++;
|
||
|
|
}else{
|
||
|
|
this.cartData.cartList[data.index].cart_num--;
|
||
|
|
}
|
||
|
|
this.getTotalPrice();
|
||
|
|
this.$util.Tips({
|
||
|
|
title: res.msg
|
||
|
|
});
|
||
|
|
}).catch(err => {
|
||
|
|
return this.$util.Tips({
|
||
|
|
title: err
|
||
|
|
});
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|