供应界面

pages/nongKe/cloud_entrepot/index.vue

@@ -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">
+								<view class="sku_goods_num" v-if="this.skusize">
-									库存:999
+									库存:{{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 = {
+					let that = this
-					cart_num: 1,
+					// return
-					is_new: 0,
+
-					product_attr_unique: item.sku[''].unique,
+					uni.createSelectorQuery().in(this).select(`.act_class${i}`).boundingClientRect(data1 => {
-					product_id: item.product_id,
+						that.trnList[i].left = this.cartTagInfo.left - data1.left;
-					product_type: item.product_type,
+						that.trnList[i].bottom = this.cartTagInfo.top - data1.top;
-					spread_id: "",
+						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)
 				}
-
+				return
-				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])
 
 
-				// }).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;
 		}
 	}
 

pages/short_video/appSwiper/index.nvue

@@ -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,
+									})
 
 								}
 							})