test

api/seller.js

@@ -321,6 +321,19 @@ export function shoppingCartAddCart(params) {
 		})
 	})
 }
+// 组合商品添加购物车
+export function getCartAddCart(params) {
+	return new Promise(function(resolve,reject) {
+		request.post('/seller/batchAddCart',params, true,res => {
+			if(res.code == 0){
+				resolve(res)
+			}else{
+				reject(res)
+			}
+		})
+	})
+}
+
 /**
  *@协销购物车删除商品
  *@param clubId 会所ID

common/css/iconfont.scss

@@ -4,7 +4,7 @@
 	font-family: iconfont;
 	font-weight: normal;
 	font-style: normal;
-	src: url('https://at.alicdn.com/t/font_1519039_uvnf5k2lnc.ttf') format('truetype');
+	src: url('https://at.alicdn.com/t/font_1519039_dc2175m9e7.ttf') format('truetype');
 }
 .iconfont {
 	font-family: "iconfont" !important;
@@ -13,6 +13,22 @@
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
+.icon-gou:before {
+  content: "\e628";
+}
+
+.icon-gougou:before {
+  content: "\e6a3";
+}
+
+.icon-weixinzhifu:before {
+  content: "\e62a";
+}
+
+.icon-yinlianzhifu:before {
+  content: "\e62d";
+}
+
 .icon-kefunv:before {
   content: "\e672";
 }

components/cm-module/creatOrder/goodsList.vue

@@ -13,6 +13,9 @@
 						<view class="pros-product">
 							<view class="producttitle">{{pros.name}}</view>
 							<view class="productspec">规格:{{pros.unit}}</view>
+							<view class="productspec" v-if="pros.productCode!=''&&pros.productCode!=null">
+								<view >商品编码:{{pros.productCode}}</view>
+							</view>
 							<view class="productprice">
 								<view class="price">
 									<text>￥{{pros.retailPrice.toFixed(2)}}</text>
@@ -167,6 +170,12 @@
 				.productspec{
 					height: 36rpx;
 					color: #999999;
+					text-overflow:ellipsis;
+					display: -webkit-box;
+					word-break: break-all;
+					-webkit-box-orient: vertical;
+					-webkit-line-clamp: 2;
+					overflow: hidden;
 				}
 				.productprice{
 					height: 48rpx;

components/cm-module/listTemplate/commodityList.vue

@@ -7,6 +7,7 @@
 				<view class="list-details-info">
 					<text class="list-details-title">{{item.name}}</text>
 					<text class="list-details-specs">规格：{{item.unit}}</text>
+					<view class="list-details-specs" v-if="item.productCode!=''&&item.productCode!=null">商品编码:{{item.productCode}}</view>
 					<text class="list-details-miniQuantity" v-if="fromRegularPurchasePage">起订量：{{item.minBuyNumber}}</text>
 					<view class="list-details-price">
 						<view v-if="hasLogin"class="list-price">
@@ -270,7 +271,7 @@
 		}
 		.list-details-specs {
 			margin-top: 8rpx;
-			color: #999999;
+			color: #666666;
 		}
 		.list-details-miniQuantity {
 			margin-top: 7rpx;

components/cm-module/listTemplate/immediatelyList.vue

@@ -4,7 +4,7 @@
 			<view class="nav-tab-bar u-f-ajc">
 				<block v-for="(tab,index) in tabBars" :key='tab.id' :class="{ current: tabIndex === index }">
 					<view class="tabstyle u-f-ajc" :class="{'addstyle':tabIndex==index}" @tap="changeTab(index)">{{tab.name}}
-					<i v-if='(tabIndex==index)' class='nav-tab-line'>√</i>
+					<i v-if='(tabIndex==index)' class='nav-tab-line iconfont icon-gou'></i>
 					</view>
 				</block>
 			</view>
@@ -39,13 +39,16 @@
 						<view class="list-details-info">
 							<text class="list-details-title">{{item.name}}</text>
 							<text class="list-details-specs">规格：{{item.unit?item.unit:''}}</text>
-							<text class="list-details-miniQuantity">起订量：{{item.minBuyNumber}}</text>
+							<text class="list-details-miniQuantity list-details-specs">起订量：{{item.minBuyNumber}}</text>
+							<view class="list-details-specs" v-if="item.productCode!=''&&item.productCode!=null">
+								<view>商品编码:{{item.productCode}}</view>
+							</view>
 							<view class="list-details-price">
 								<view class="list-shop">
 									<view class="list-price" >
 										<text class="price-view activity" v-if="item.isShowActFlg">活动价</text>
-										<text class="price-larger">￥{{item.retailPrice.toFixed(2)}}</text>
-										<text class="price-view ladder" v-if="item.ladderPriceFlag == '1'">阶</text>
+										<text class="price-larger"  >￥{{item.retailPrice.toFixed(2)}}</text>
+										<text class="price-view ladder" v-if="item.ladderPriceFlag == '1'" @click.stop="alertjieti(item)">阶</text>
 									</view>
 									<view class="list-price-none" v-if="item.repurchasePriceState">
 										<text class="price-none">￥{{item.discountPrice}}</text>
@@ -66,18 +69,18 @@
 			<view :class="tabIndex"  v-if="tabIndex === 1">
 				<scroll-view :style="{'height':scrollHeight+'px'}" @scrolltolower="scrolltolower" scroll-y>
 					<view class="all-zuhe-list" v-for="(item,index) in combinationProduct" :key="index" :id="item.id">
-						<view class="zuhe_title" >{{item.name}}</view>
-						<view v-for="(pros,proIndex) in item.combinationProductList" :key="proIndex" :id="pros.productID" class="zuhe-list-content commodity-list" @click.stop="navToDetailPage(prop.productID)">
-							<view class="list-details-info">
+						<view class="zuhe_title" :class="index==0 ? 'active' : ''">{{item.name}}</view>
+						<view v-for="(pros,proIndex) in item.combinationProductList" :class="index==0 ? 'stylecontent' : ''" :key="proIndex" :id="pros.productID" class="zuhe-list-content commodity-list" >
+							<view class="list-details-info" >
 								<text class="list-details-title zuhe_list_text">商品编码：{{pros.productCode}}</text>
-								<text class="list-details-specs zuhe_list_text">{{pros.name}}</text>
+								<text class="list-details-specs zuhe_list_text" @click.stop="navToDetailPage(pros.productID)">{{pros.name}}</text>
 								<view class="list-details-price zuhe_list_price">
 									<view class="list-shop">
 										<view class="list-price zuhe_list_price" >
 											<text class="zuhe_price-larger zuhe_list_text" >价格:￥{{pros.retailPrice.toFixed(2)}}</text>
-											<text class="price-two zuhe_list_text">
+											<text class="price-two zuhe_list_text" @click.stop="alertjieti(pros)">
 												总价:<text class="zuhe_list_zj">￥ {{pros.totalPrice.toFixed(2)}}</text>
-											<text class="price-view ladder" v-if="pros.ladderPriceFlag == '1'">阶</text>
+											<text class="price-view ladder" v-if="pros.ladderPriceFlag == '1'" >阶</text>
 											</text>
 											<text class="price-view activity" v-if="pros.actStatus == '1'">活动价</text>
 										</view>
@@ -87,9 +90,9 @@
 										</view>
 										<view class="count">
 											<view class="number-box">
-												<view  class="iconfont icon-jianhao"  @click.stop="changeCountSub(pros)"></view>
-												<input class="btn-input" type="number" maxlength='4' v-model="pros.initProductNum" @blur="changeNnmber($event,pros)">
-												<view  class="iconfont icon-jiahao"   @click.stop="changeCountAdd(pros)"></view>
+												<view  class="iconfont icon-jianhao"  @click.stop="changeCountSub(item,pros)"></view>
+												<input class="btn-input" type="number" maxlength='4' v-model="pros.initProductNum" @blur="changeNnmber($event,item,pros)">
+												<view  class="iconfont icon-jiahao"   @click.stop="changeCountAdd(item,pros)"></view>
 											</view>
 										</view>
 									</view>
@@ -98,11 +101,12 @@
 						</view>
 						<view class="foot_conten" >
 							<view class="zuhe_foot-box">
+								<!--  -->
 								<text>种类:{{item.productKind}}</text>
-								<text>总数:{{item.productTotalNum}}</text>
+								<text >总数:{{item.productTotalNum}}</text>
 								<text>总额:{{item.productTotalAmount}}</text>
 							</view>
-							<button type="default" class="buycart" @click.stop="addCart(item.combinationProductList)">加入购物车</button>
+							<button type="default" class="buycart" @click.stop="operationHanld(item)">加入购物车</button>
 						</view>
 					</view>
 				</scroll-view>
@@ -163,12 +167,14 @@
 				cartQuantity: 0,
 				showRegularBtn: false,
 				isPrecedence:false,
-				ladderPriceList:[],//是否 阶梯
+				ladderPriceList:[],//是否 阶梯,
 				tabIndex:0,
+				goodsList:[],
 				tabBars:[
 					{name:'单一商品',id:'danyi'},
 					{name:'组合商品',id:'zuhe'}
 				],
+				 isShow: false,
 			}
 		},
 		created() {
@@ -206,7 +212,6 @@
 				getSellerProduct(params).then(response =>{
 					this.isShowWrapper = true
 					const responseData = response.data;
-					console.log(responseData)
 					if(responseData.results && responseData.results.length > 0){
 						this.hasNextPage = responseData.hasNextPage;
 						this.isShowEmpty = false;
@@ -274,19 +279,12 @@
 				getcombinationProduct(params).then(response =>{
 					this.isShowWrapper = true
 					const responseData = response.data;
-					// responseData.forEach((item,index){
-					// 	if(item.index!=0){
-							
-					// 	}
-					// }}
 					if(responseData.results && responseData.results.length > 0){
 						this.hasNextPage = responseData.hasNextPage;
 						this.isShowEmpty = false;
 						if(loadMore) {
-							console.log('1111')
 							this.combinationProduct = [...this.combinationProduct,...responseData.results];
 						} else {
-							console.log('2222')
 							this.combinationProduct = [...responseData.results];
 							
 							this.showSkeleton = false;
@@ -311,8 +309,7 @@
 					this.$util.msg(error.msg,2000);
 				})
 			},
-			changeCountAdd(pros){//商品数量加加
-				console.log(pros)
+			changeCountAdd(item,pros){//商品数量加加
 				if(pros.initProductNum == 0){
 					pros.initProductNum = pros.minBuyNumber
 					this.processActivityPrice(pros)
@@ -320,8 +317,11 @@
 					pros.initProductNum++
 					this.processActivityPrice(pros)
 				}
+				this.totalPeice(item)
+				this.totalCount(item)
+				this.totalKind(item)
 			},
-			changeCountSub(pros){//商品数量减减
+			changeCountSub(item,pros){//商品数量减减
 				if(pros.initProductNum==0){
 					this.$util.msg(`采购数量不能小于0`,2000);
 					return
@@ -329,8 +329,11 @@
 					pros.initProductNum--
 					this.processActivityPrice(pros)
 				}
+				this.totalPeice(item)
+				this.totalCount(item)
+				this.totalKind(item)
 			},
-			changeNnmber(e,pros){//输入商品数量更新
+			changeNnmber(e,item,pros){//输入商品数量更新
 				let _value = e.detail.value;
 				if(!this.$api.isNumber(_value)){
 					pros.initProductNum = pros.minBuyNumber
@@ -341,6 +344,42 @@
 					pros.initProductNum = e.detail.value
 					this.processActivityPrice(pros)
 				}
+				this.totalPeice(item)
+				this.totalCount(item)
+				this.totalKind(item)
+			},
+			totalPeice(item){	//计算总价格,每次调用此方法，将初始值为0，遍历价格并累加
+				let prosPrice=0;
+				let productsList =[];
+				productsList=item.combinationProductList;
+				productsList.forEach(pros=>{	
+					prosPrice+=pros.retailPrice*pros.initProductNum;
+					item.productTotalAmount = prosPrice;
+				})
+				// console.log(prosPrice)
+			},
+			totalCount(item){//计算总数量
+				let prosAllCount=0
+				let productsList =[];
+				productsList = item.combinationProductList
+				productsList.forEach(pros=>{
+					prosAllCount+=parseInt(pros.initProductNum);
+					item.productTotalNum = prosAllCount
+				})
+				// console.log(prosAllCount)
+			},	
+			totalKind(item){
+				let productsList =[];
+				let checkList = [];
+				productsList=item.combinationProductList;
+				productsList.forEach(pros=>{	
+					if(pros.initProductNum>0){
+						checkList.push(pros)
+						item.productKind = checkList.length
+					}else{
+						return item.productKind
+					}
+				})
 			},
 			processActivityPrice(pros){//单独处理活动价格和阶梯价格
 				let ladderPriceList = pros.ladderPriceList;
@@ -358,9 +397,9 @@
 			operationHanld(prop){
 				this.$emit('operationConfim',prop);
 			},
-			addCart(prop){
-				console.log(prop)
-				},
+			alertjieti(pros){
+				this.$emit('alertjietiConfim',pros);
+			},
 			changeTab(index){
 				this.tabIndex = index;
 				if(index == 0){
@@ -395,6 +434,7 @@
 </script>
 
 <style lang="scss">
+	
 	.all-zuhe-list{
 		background: #FFFFFF;
 	}
@@ -433,23 +473,27 @@
 	.zuhe_title{
 		background:#FFFFFF;
 		height: 76rpx;
-		color: #E15616;
 		font-size: 28rpx;
-		border-bottom: 4rpx solid #E15616;
+		color: #1675E1;
+		border-bottom: 4rpx solid #1675E1 ;
 		line-height: 76rpx;
-		padding-left: 30rpx;;
+		padding-left: 30rpx;
+		&.active{
+			color: #E15616;
+			border-bottom: 4rpx solid #E15616;
+		}
 	}
-	.nav-tab-line{
+	.icon-gou{
 		color: #E15616;	
 		position: absolute;
-		top: 20rpx;
-		right: 4rpx;
+		top: 22rpx;
+		right: 0rpx;
 		font-weight: bold
-		}
+	}
 	.addstyle{
-			background: linear-gradient(-42deg, transparent 28rpx, #E15616 0) top right;
-			color: #FFFFFF;
-		}
+		background: linear-gradient(-42deg, transparent 28rpx, #E15616 0) top right;
+		color: #FFFFFF;
+	}
 	.tabstyle{
 		width: 128rpx;
 		height: 64rpx;
@@ -561,7 +605,7 @@
 		width: 655rpx;
 		// height: 214rpx;
 		background: #fff;
-		border: 2px solid #FFF0DE;
+		border: 2rpx solid #DEF4FF;
 		display: flex;
 		flex-direction: row;
 		box-sizing: content-box;
@@ -569,7 +613,11 @@
 		border-radius: 14rpx;
 		margin: 10rpx auto;
 		padding: 20rpx;
+		&.stylecontent{
+			border: 2rpx solid #FFF0DE;
+		}
 	}
+	
 	.list-details-info {
 		width: 100%;
 		flex-direction: column;
@@ -588,7 +636,7 @@
 			width: 100%;
 			display: inline-block;
 			margin-top: 8rpx;
-			color: #999999;
+			color: #666666;
 		}
 		.list-details-miniQuantity {
 			width: 100%;
@@ -640,7 +688,7 @@
 			height: auto;
 			flex: 6;
 			.list-price {
-				width: 100%;
+				// width: 100%;
 				color: #FF2A2A;
 				float: left;
 				line-height:36rpx ;
@@ -650,6 +698,7 @@
 					margin-top: 20rpx;
 					font-size: $font-size-30;
 					display: inline-block;
+					margin-right: 20rpx;
 				}
 				.zuhe_price-larger{
 					color: #666666;

pages/goods/product.vue

@@ -32,6 +32,9 @@
 						<view class="p-title tui-skeleton-fillet">
 							{{product.name == undefined ? '' : product.name}}
 						</view>
+						<view class="productRemarks" v-if="product.productRemarks!=''&&product.productRemarks!=null">
+							<view class="">{{product.productRemarks}}</view>
+						</view>
 						<view class="wrap-top-price" v-if="!goodsData.isNoneDisabled">
 							<view v-if="!hasLogin" class="p-login grade  tui-skeleton-fillet">
 								<text class="p-no">价格:</text>
@@ -538,6 +541,11 @@
 	page{
 		background-color: #F7F7F7;
 	}
+	.productRemarks{
+		color: #FF2A2A;
+		font-size: 24rpx;
+		margin-bottom: 16rp
+	}
 	.banner-section{
 		width: 100%;
 		height: 750rpx;

seller/pages/cart/cart.vue

@@ -33,6 +33,9 @@
 												{{pros.name}}
 											</view>
 											<view class="productspec">规格:{{pros.unit ? pros.unit : ''}}</view>
+											<view class="productspec" v-if="pros.productCode!=''&&pros.productCode!=null">
+												<view bgcolor="#666666">商品编码:{{pros.productCode}}</view>
+											</view>
 											<view class="productprice">
 												<!--使用过滤器对总价改变-->
 												<view class="price"><text>￥</text>
@@ -696,6 +699,16 @@
 			.productspec{
 				height: 36rpx;
 				color: #999999;
+				text-overflow:ellipsis;
+				display: -webkit-box;
+				word-break: break-all;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 2;
+				overflow: hidden;
+				margin-top: 10rpX;
+			}
+			.productCode{
+				color: #666666;
 			}
 			.productprice{
 				height: 48rpx;

seller/pages/cart/immediately.vue

@@ -3,6 +3,7 @@
 		<immediately-list ref="productList" 
 						  :search-status="true" 
 						  @operationConfim="hanldOperationConfim"
+						  @alertjietiConfim ="hanldalertjietiConfim"
 						  @goCartPage="hanldToCartPage"
 						  :tabBars="tabBars"
 						  :tabIndex="tabIndex"
@@ -19,7 +20,7 @@
 						<image :src="handleData.mainImage" mode=""></image>
 					</view>
 					<view class="layer-nunbox">
-						<view class="layer-nunbox-m">商品编码:{{productCode}}</view>
+						<view class="layer-nunbox-m" v-if="productCode!=''&&productCode!=null">商品编码:{{productCode}}</view>
 						<view class="layer-nunbox-t">
 							<view class="layer-nunbox-text">数量:</view>
 							<view class="number-box">
@@ -37,28 +38,50 @@
 					</view>
 				</view>
 				<view class="btn">
-					<view class="button add" @click="getAddProductCart">{{buttonText}}</view>
+					<view class="button add" @click="getAddProductCart">加入购物车</view>
 				</view>
 			</view>
 		</view>		
-		<!-- 加入购物车 -->
+		<!-- 组合加入购物车 -->
 		<view class="popup spec zuhe" :class="specClasszuhe"  @touchmove.stop.prevent="discard" @tap="hideSpecs">
 			<!-- 遮罩层 -->
 			<view class="mask"></view>
 			<view class="layer" @tap.stop="discard">
 				<view class="content zuhe-content">
 					<view class="number-left">
-						<text>种类:1312</text>
-						<text>数量:132454</text>
+						<text>种类:{{productKind}}</text>
+						<text>数量:{{productTotalNum}}</text>
 					</view>
 					<view class="number-right">
 						<view class="text">
-							总额:<text class="number-right-text">￥1321552</text>
+							总额:<text class="number-right-text">￥{{productTotalAmount}}</text>
 						</view>
 					</view>
 				</view>
 				<view class="btn">
-					<view class="button add" @click="">确定</view>
+					<view class="button add" @click="getzuheCart">确定</view>
+				</view>
+			</view>
+		</view>
+		
+		<!--  -->
+		<view class="popup spec zuhe" :class="specClassjieti"  @touchmove.stop.prevent="discard" >
+			<view class="mask"></view>
+			<view class="jieti_box " @tap.stop="discard">
+				<view class="jieti_box_one">
+					<view class="jieti_left" >
+						<view>起订量:</view>
+						<view class="ladder-a"  v-for="(item,index) in ladderPriceList" :key="index">
+							{{item.buyNumRangeShow}}
+						</view>
+					</view>
+					<view class="jieti_right" >
+						<view>价格:</view>
+						<view class="" v-for="(item,index) in ladderPriceList" :key="index">￥{{item.buyPrice}}</view>
+					</view>
+				</view>
+				<view class="addbtn" @tap="hideSpecjieti">
+					知道了
 				</view>
 			</view>
 		</view>
@@ -67,7 +90,7 @@
 
 <script>
 	import immediatelyList from '@/components/cm-module/listTemplate/immediatelyList'
-	import { getSellerProductNum ,shoppingCartAddCart} from "@/api/seller.js" 
+	import { getSellerProductNum ,shoppingCartAddCart,getCartAddCart} from "@/api/seller.js" 
 	export default{
 		components:{
 			immediatelyList
@@ -82,6 +105,8 @@
 				lastPageVal: '',
 				specClass: '',//规格弹窗css类，控制开关动画
 				specClasszuhe:'',//组合加购物车弹窗
+				specClassjieti:'',//阶梯展示弹窗
+				ladderPriceList:{},
 				productCode:'',
 				handleData:{},
 				isQuantity:false,
@@ -90,7 +115,12 @@
 				number:0,
 				buyRetailPrice:0,
 				hanldChangeTabIndex:0,
-				buttonText:'加入购物车'
+				buttonText:'加入购物车',
+				productKind:0,
+				productTotalNum:0,
+				productTotalAmount:0,
+				buyNumRangeShow:'',//起订量范围
+				buyPrice:'',//起订量范围价格
 			}
 		},
 		onLoad() {
@@ -103,26 +133,38 @@
 				})
 			},
 			hanldChangeTab(index){
-				console.log(this.$refs.productList.tabIndex)
+				// console.log(this.$refs.productList.tabIndex)
 				if(index == 1){
 					this.$refs.productList.getcombinationProduct()
 				}
 			},
-			addCart(data){
-				this.specClasszuhe = 'show';
+			hanldalertjietiConfim(data){
+				console.log(data,'阶梯')
+				this.ladderPriceList = data.ladderPriceList
+				 // data.ladderPriceList.forEach(item=>{
+					//  this.buyNumRangeShow =item.buyNumRangeShow;
+					//  this.buyPrice = item.buyPrice;
+				 // })
+				this.specClassjieti='show';
 			},
 			hanldOperationConfim(data){//显示选择数量确认弹窗
-				this.specClass = 'show';
+				console.log(data)
 				this.handleData = data
-				this.productCode = data.productCode
-				this.number = data.minBuyNumber
-				this.minBuyNumber = data.minBuyNumber
-				this.buyRetailPrice = data.retailPrice;
 				if(this.$refs.productList.tabIndex == 1){
-					this.number = 0
-					this.buttonText ='确定'
+					if(data.productKind ==0){
+						this.$util.msg(`请至少选购一种商品`,2000);
+					}else{
+						this.specClasszuhe = 'show';
+						this.productKind= data.productKind;
+						this.productTotalNum = data.productTotalNum;
+						this.productTotalAmount = data.productTotalAmount;
+					}
 				}else{
-					this.buttonText ='加入购物车';
+					this.productCode = data.productCode
+					this.number = data.minBuyNumber
+					this.minBuyNumber = data.minBuyNumber
+					this.buyRetailPrice = data.retailPrice;
+					this.specClass = 'show';
 				}
 			},
 			hideSpec() {//关闭选择数量确认弹窗
@@ -137,6 +179,12 @@
 					this.specClasszuhe='none';
 				}, 200);
 			},
+			hideSpecjieti(){
+				this.specClassjieti='hide';
+				setTimeout(() => {
+					this.specClassjieti='none';
+				}, 200);
+			},
 			changeCountAdd(){//popup弹窗数量增加按钮
 				this.number++
 				this.calculatPerice()
@@ -174,6 +222,41 @@
 					})
 				}
 			},
+			getzuheCart(){//组合商品加入购物车
+			let productInfo=[];
+			let setGoodsList ={}
+			let productID = '';
+			let productNum ='';
+			let products =[];
+			
+			this.handleData.combinationProductList.forEach(item =>{
+				console.log(item)
+				// let catobj={}
+				if(item.initProductNum >0){
+					setGoodsList.productId = item.productID
+					setGoodsList.productNum =item.initProductNum
+					productInfo.push(setGoodsList)
+					console.log(item.initProductNum)
+				}
+				
+				console.log(setGoodsList)
+			})
+			// productinfo.push(setGoodsList)
+			let params ={
+					clubId:this.clubID,
+					serviceProviderId:this.serviceProviderId,
+					productInfo
+				}
+				console.log(params)
+				getCartAddCart({'params':JSON.stringify(params)}).then(response => {
+					this.specClass = 'hide';
+					this.$util.msg('加入购物车成功',1500,true,'success')
+					this.getClubProductNum()
+					setTimeout(() => {this.specClass = 'none'}, 200)
+				}).catch(error =>{
+					this.$util.msg(error.msg,2000);
+				})
+			},
 			getAddProductCart(){//增加购物车成功和toast弹窗提示成功
 				let params ={
 						productId:this.handleData.productID,
@@ -210,6 +293,57 @@
 </script>
 
 <style lang="scss">
+	// 阶梯价格弹窗
+	.jieti_box{
+		width: 596rpx;
+		// height: 496rpx;
+		top: 10%;
+		right: 50%;
+		transform: translate(50%,50%);
+		position: absolute;
+		background:#FFFFFF;
+		color: #000;
+		font-size: 28rpx;
+		border-radius: 10rpx;
+		text-align: center;
+		line-height: 84rpx;
+		padding: 20rpx;
+		z-index: 99999;
+	}
+	.jieti_box_one{
+		// width: 548rpx;
+		overflow: hidden;
+		border: 2rpx solid #F5F5F5;
+		border-bottom: 0;
+		margin: auto;
+	}
+	.jieti_left{
+		width: 274rpx;
+		float: left;
+		}
+	.jieti_left view{
+		height: 42rr84rpx;
+		border-bottom:2rpx solid #F5F5F5 ;
+		border-right:2rpx solid #F5F5F5  ;
+	}	
+	.jieti_right{
+			width: 274rpx;
+			float: right;
+		}
+	.jieti_right view{
+			height: 84rpx;
+			border-bottom:2rpx solid #F5F5F5;
+		}
+	.addbtn{
+			height: 84rpx;
+			background: linear-gradient(135deg,rgba(242,143,49,1) 0%,rgba(225,86,22,1) 100%);
+			text-align: center;
+			font-size: 28rpx;
+			color: #fff;
+			line-height: 84rpx;
+			border-radius: 10rpx;
+			margin: 20rpx auto
+		}
 	.zuhe-content{
 		display: inherit;
 		line-height: 100rpx