供应界面
This commit is contained in:
jia
commit
48a3aab41b
File diff suppressed because it is too large
Load Diff
@ -265,19 +265,19 @@
|
||||
<view class="sku">
|
||||
<view class="sku_head">
|
||||
<view class="sku_head_l">
|
||||
<u--image :showLoading="true" src="/static/images/BG.png" width="200.09rpx"
|
||||
<u--image :showLoading="true" :src="skuform.image" width="200.09rpx"
|
||||
height="200.09rpx"></u--image>
|
||||
</view>
|
||||
<view class="sku_head_r">
|
||||
<view class="sku_goods_tit">
|
||||
fsdfsdfsdfffffffff
|
||||
{{skuform.store_info}}
|
||||
</view>
|
||||
<view class="">
|
||||
<view class="sku_goods_price">
|
||||
79.00
|
||||
￥ {{skuform.price}}
|
||||
</view>
|
||||
<view class="sku_goods_num">
|
||||
库存:999
|
||||
<view class="sku_goods_num" v-if="this.skusize">
|
||||
库存:{{skuform.sku[this.skusize].stock}}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -285,11 +285,14 @@
|
||||
|
||||
|
||||
<view class="sku_size">
|
||||
<view class="">
|
||||
<view class="" style="margin-bottom: 10rpx;">
|
||||
尺码
|
||||
</view>
|
||||
<view class="">
|
||||
<text>大号</text>
|
||||
<text class="size_li" :class="{act_size_li:item.sku==skusize}"
|
||||
v-for="(item,index) in skuform.sku" @click="skusizechange(item.sku)">{{item.sku}}</text>
|
||||
|
||||
<!-- <text class="size_li">{item.sku}</text> -->
|
||||
</view>
|
||||
</view>
|
||||
<view class="sku_num">
|
||||
@ -300,9 +303,9 @@
|
||||
<u-number-box v-model="skuNumber" @change="valChange"></u-number-box>
|
||||
</view>
|
||||
</view>
|
||||
<view class="skuaddcart">
|
||||
<view class="skuaddcart" @click="skuaddcart">
|
||||
|
||||
加入购物车
|
||||
确定
|
||||
|
||||
</view>
|
||||
|
||||
@ -361,7 +364,12 @@
|
||||
data() {
|
||||
let src = 'https://lihai001.oss-cn-chengdu.aliyuncs.com/public/kk/luzhou/static4/13';
|
||||
return {
|
||||
skuNumber: 0,
|
||||
skuform: {
|
||||
|
||||
|
||||
},
|
||||
skusize: 0,
|
||||
skuNumber: 1,
|
||||
showcartpop: false,
|
||||
trnList: [],
|
||||
act_cart: false,
|
||||
@ -515,8 +523,41 @@
|
||||
|
||||
// },
|
||||
methods: {
|
||||
skusizechange(i) {
|
||||
|
||||
this.skusize = i
|
||||
},
|
||||
skuaddcart() {
|
||||
this.showcartpop = false
|
||||
// this.skuform = {}
|
||||
let res = postCartAdd({
|
||||
cart_num: this.skuNumber,
|
||||
is_new: 0,
|
||||
product_attr_unique: this.skuform.sku[this.skusize].unique,
|
||||
product_id: this.skuform.product_id,
|
||||
product_type: this.skuform.product_type,
|
||||
spread_id: "",
|
||||
}).then((res, err) => {
|
||||
this.cartFn()
|
||||
uni.showToast({
|
||||
title: "加入成功",
|
||||
duration: 1000,
|
||||
|
||||
})
|
||||
}).catch(err => {
|
||||
// this.act_cart = false
|
||||
uni.showToast({
|
||||
title: err,
|
||||
icon: "none",
|
||||
duration: 1000,
|
||||
})
|
||||
})
|
||||
|
||||
},
|
||||
valChange(e) {
|
||||
this.valChange = e
|
||||
console.log(e.value)
|
||||
this.skuNumber = e.value
|
||||
// this.valChange = e.value
|
||||
},
|
||||
closecartpop() {
|
||||
this.showcartpop = false
|
||||
@ -626,69 +667,74 @@
|
||||
|
||||
},
|
||||
addcart(item, i) {
|
||||
// this.showcartpop = true
|
||||
// return
|
||||
|
||||
// console.log(this.isLogin)
|
||||
if (!this.isLogin) {
|
||||
this.isAuto = true;
|
||||
this.isShowAuth = true
|
||||
return
|
||||
}
|
||||
// console.log(item.sku[''] ? "1" : "2")
|
||||
if (item.sku['']) {
|
||||
let data = {
|
||||
cart_num: 1,
|
||||
is_new: 0,
|
||||
product_attr_unique: item.sku[''].unique,
|
||||
product_id: item.product_id,
|
||||
product_type: item.product_type,
|
||||
spread_id: "",
|
||||
}
|
||||
|
||||
let data = {
|
||||
cart_num: 1,
|
||||
is_new: 0,
|
||||
product_attr_unique: item.sku[''].unique,
|
||||
product_id: item.product_id,
|
||||
product_type: item.product_type,
|
||||
spread_id: "",
|
||||
let that = this
|
||||
// return
|
||||
|
||||
uni.createSelectorQuery().in(this).select(`.act_class${i}`).boundingClientRect(data1 => {
|
||||
that.trnList[i].left = this.cartTagInfo.left - data1.left;
|
||||
that.trnList[i].bottom = this.cartTagInfo.top - data1.top;
|
||||
console.log(that.trnList[i])
|
||||
let timer = setTimeout(() => {
|
||||
that.trnList[i].left = 0
|
||||
that.trnList[i].bottom = 0
|
||||
that.act_cart = true
|
||||
setTimeout(() => {
|
||||
that.act_cart = false
|
||||
}, 500)
|
||||
}, 1000)
|
||||
}).exec();
|
||||
let res = postCartAdd({
|
||||
...data
|
||||
}).then((res, err) => {
|
||||
this.cartFn()
|
||||
uni.showToast({
|
||||
title: "加入成功",
|
||||
duration: 1000,
|
||||
|
||||
})
|
||||
}).catch(err => {
|
||||
// this.act_cart = false
|
||||
uni.showToast({
|
||||
title: err,
|
||||
icon: "none",
|
||||
duration: 1000,
|
||||
})
|
||||
})
|
||||
setTimeout(() => {
|
||||
that.act_cart = false
|
||||
}, 500)
|
||||
} else {
|
||||
this.skuform = item
|
||||
this.showcartpop = true
|
||||
const keys = Object.keys(item.sku);
|
||||
const firstKey = keys[0];
|
||||
|
||||
|
||||
// console.log(keys[0])
|
||||
this.skusize = keys[0]
|
||||
// console.log(this.skuform)
|
||||
}
|
||||
|
||||
let that = this
|
||||
// return
|
||||
|
||||
uni.createSelectorQuery().in(this).select(`.act_class${i}`).boundingClientRect(data1 => {
|
||||
that.trnList[i].left = this.cartTagInfo.left - data1.left;
|
||||
that.trnList[i].bottom = this.cartTagInfo.top - data1.top;
|
||||
console.log(that.trnList[i])
|
||||
let timer = setTimeout(() => {
|
||||
that.trnList[i].left = 0
|
||||
that.trnList[i].bottom = 0
|
||||
that.act_cart = true
|
||||
setTimeout(() => {
|
||||
that.act_cart = false
|
||||
}, 500)
|
||||
}, 1000)
|
||||
}).exec();
|
||||
let res = postCartAdd({
|
||||
...data
|
||||
}).then((res, err) => {
|
||||
this.cartFn()
|
||||
uni.showToast({
|
||||
title: "加入成功",
|
||||
duration: 1000,
|
||||
|
||||
})
|
||||
}).catch(err => {
|
||||
// this.act_cart = false
|
||||
uni.showToast({
|
||||
title: err,
|
||||
icon: "none",
|
||||
duration: 1000,
|
||||
})
|
||||
})
|
||||
setTimeout(() => {
|
||||
that.act_cart = false
|
||||
}, 500)
|
||||
// let that = this
|
||||
// uni.createSelectorQuery().in(this).select(`.act_class${i}`).boundingClientRect(data1 => {
|
||||
// that.trnList[i].left = this.cartTagInfo.left - data1.left + 'px';
|
||||
// that.trnList[i].bottom = this.cartTagInfo.top - data1.top + 'px';
|
||||
// console.log(that.trnList[i])
|
||||
return
|
||||
|
||||
|
||||
// }).exec();
|
||||
// this.tot_price += Number(price)
|
||||
},
|
||||
all(index) {
|
||||
this.showPop = false
|
||||
@ -752,11 +798,49 @@
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
|
||||
.sku_goods_tit {
|
||||
font-size: 30rpx;
|
||||
width: 60vw;
|
||||
/* 容器的宽度 */
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.sku_goods_price {
|
||||
color: red;
|
||||
font-size: 30rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
// justify-content;
|
||||
}
|
||||
|
||||
.sku_size {
|
||||
margin: 40rpx 0;
|
||||
|
||||
.size_li {
|
||||
display: inline-block;
|
||||
// width: 100rpx;
|
||||
padding: 5rpx 20rpx;
|
||||
margin-right: 20rpx;
|
||||
text-align: center;
|
||||
color: black;
|
||||
border: 1px solid #EBECEE;
|
||||
|
||||
// height: 2;
|
||||
}
|
||||
|
||||
.act_size_li {
|
||||
background-color: #FF5C2D;
|
||||
color: white;
|
||||
border: #FF5C2D 1px solid;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
.sku_num {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
@ -771,6 +855,7 @@
|
||||
text-align: center;
|
||||
color: white;
|
||||
border-radius: 80rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -653,6 +653,15 @@
|
||||
that.$util.Tips({
|
||||
title: res.message
|
||||
});
|
||||
// setTimeout(function() {
|
||||
// uni.redirectTo({
|
||||
// url: '/pages/plantGrass/plant_user/index?id=' +
|
||||
// item.uid
|
||||
// })
|
||||
// }, 1000);
|
||||
uni.navigateBack({
|
||||
delta: 1,
|
||||
})
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user