Pārlūkot izejas kodu

优惠券显示

zhengjinyi 8 mēneši atpakaļ
vecāks
revīzija
14b36021d6

+ 11 - 5
components/cm-module/cart-components/index.vue

@@ -362,10 +362,13 @@
 								class="coupon-list"
 							>
 								<view class="list-cell-le">
-									<view class="coupon-maxMoney"
-										><text class="small">¥</text>{{ coupon.couponAmount }}</view
-									>
-									<view class="coupon-minMoney">满{{ coupon.touchPrice }}可用</view>
+									<template v-if="coupon.couponTextFlag === 1">
+									    <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
+									    <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+									</template>
+									<template v-else>
+									    <view class="coupon-maxMoney six"> <text class="small">¥</text> {{ coupon.couponText }} </view>
+									</template>
 								</view>
 								<view class="list-cell-ri">
 									<view class="list-cell-top">
@@ -2217,7 +2220,10 @@ page {
 						line-height: 78rpx;
 						font-size: 56rpx;
 						color: #ffffff;
-						text-align: center;
+						text-align: center;
+                        &.six{
+                            margin-top: 20rpx;
+                        }
 						.small {
 							font-size: $font-size-24;
 						}

+ 17 - 6
pages/goods/product.vue

@@ -187,8 +187,13 @@
                     >
                     	<text class="title">优惠券:</text>
                     	<view class="coupon">
-                    		<text class="tags" v-for="(coupon, index) in productCoupon.slice(0, 3)" :key="index">
-                    			满{{ coupon.touchPrice }}减{{ coupon.couponAmount }}
+                    		<text class="tags" v-for="(coupon, index) in productCoupon.slice(0, 1)" :key="index">
+                               <template v-if="coupon.couponTextFlag === 1">
+                                   满{{ coupon.touchPrice }}减{{ coupon.couponAmount }}
+                               </template>
+                               <template v-else>
+                                   {{ coupon.couponText }}
+                               </template>
                     		</text>
                     	</view>
                     	<text class="iconfont icon-xiayibu"></text>
@@ -381,10 +386,13 @@
 										class="coupon-list"
 									>
 										<view class="list-cell-le">
-											<view class="coupon-maxMoney">
-												<text class="small">¥</text> {{ coupon.couponAmount }}
-											</view>
-											<view class="coupon-minMoney">满{{ coupon.touchPrice }}可用</view>
+											<template v-if="coupon.couponTextFlag === 1">
+											    <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
+											    <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+											</template>
+											<template v-else>
+											    <view class="coupon-maxMoney six"> <text class="small">¥</text> {{ coupon.couponText }} </view>
+											</template>
 										</view>
 										<view class="list-cell-ri">
 											<view class="list-cell-top">
@@ -2777,6 +2785,9 @@ page {
 						font-size: 56rpx;
 						color: #ffffff;
 						text-align: center;
+                        &.six{
+                            margin-top: 20rpx;
+                        }
 						.small {
 							font-size: $font-size-24;
 						}

+ 1 - 1
pages/seller/cart/cart.vue

@@ -32,7 +32,7 @@
 										item.promotions.name
 									}}</view>
 								</view>
-								<view class="text">{{ item.shopName }}</view>
+								<view class="text">{{ item.shopName ? item.shopName : '' }}</view>
 							</view>
 							<view class="productlist">
 								<view class="goods-pros" v-for="(pros, idx) in item.cartList" :key="idx">

+ 10 - 3
pages/seller/cart/coupon.vue

@@ -6,8 +6,13 @@
             <template v-if="coupinList.length > 0">
                 <view v-for="(coupon, index) in coupinList" :key="index" :id="coupon.id" class="coupon-list">
                     <view class="list-cell-le">
-                        <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
-                        <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+                        <template v-if="coupon.couponTextFlag === 1">
+                            <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
+                            <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+                        </template>
+                        <template v-else>
+                            <view class="coupon-maxMoney six"> <text class="small">¥</text> {{ coupon.couponText }} </view>
+                        </template>
                     </view>
                     <view class="list-cell-ri">
                         <view class="list-cell-top">
@@ -271,7 +276,9 @@
                     font-size: 56rpx;
                     color: #ffffff;
                     text-align: center;
-
+                    &.six{
+                        margin-top: 20rpx;
+                    }
                     .small {
                         font-size: $font-size-24;
                     }

+ 2 - 1
pages/seller/components/user.vue

@@ -186,7 +186,8 @@
                         name: '优惠券',
                         path: '/pages/seller/cart/coupon',
                         icon: 'https://static.caimei365.com/app/img/icon/icon_club_13@2x.png'
-                    }, {
+                    }, 
+                    {
                         name: '关于我们',
                         path: '/pages/user/about/about',
                         icon: 'https://static.caimei365.com/app/img/icon/icon_club_6@2x.png'

+ 0 - 1
pages/seller/login/register-select.vue

@@ -12,7 +12,6 @@
 					<view class="icon">
 						<image src="https://static.caimei365.com/app/img/icon/icon-member.png" mode=""></image>
 					</view>
-					<view class="text">资质机构</view> <view class="text none">(原会员机构)</view>
 				</view>
 			</view>
 			<view class="main-item-text" v-if="insideFLag === 1" @click.stop="this.$api.navigateTo('/pages/seller/login/register-invite')"> 

+ 8 - 11
pages/seller/order/components/cm-coupon-chang.vue

@@ -45,7 +45,7 @@
 		},
 		created() {
 			this.$api.getComStorage('orderUserInfo').then((resolve) =>{
-				this.params.userId = resolve.userId ? resolve.userId : 0;
+				this.params.userId = resolve.userId ? resolve.userId : 0
 			}).catch(error =>{
 				console.log('暂无用户信息~')
 			})
@@ -61,16 +61,13 @@
 				}
 				this.ExchangeCoupon(this.params)
 			},
-			ExchangeCoupon(param){// 兑换优惠券
-				this.ProductService.ExchangeCoupon(param).then(response =>{
-					this.$parent.ExchangeCouponData = response.data
-					this.$parent.isExchangePopup = false
-					this.$parent.isCouponModel = true
-					this.$parent.isCouponShow = false
-				})
-				.catch(error =>{
-					this.$util.msg(error.msg,2000);
-				})
+			async ExchangeCoupon(param){// 兑换优惠券
+                try{
+                    const res = await this.ProductService.ExchangeCoupon(param)
+                    this.$emit('changeCoupon', res.data)
+                }catch(error){
+                    this.$util.msg(error.msg,2000)
+                }
 			},
 			hidePopup(){
 				this.$parent.isExchangePopup = false

+ 12 - 6
pages/seller/order/components/cm-coupon-popup.vue

@@ -28,11 +28,14 @@
 								@click.stop="checkedCoupon(index)"
 								v-if="dataList.length > 0"
 							>
-								<view class="list-cell-le">
-									<view class="coupon-maxMoney">
-										<text class="small">¥</text> {{ coupon.couponAmount }}
-									</view>
-									<view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+								<view class="list-cell-le">
+                                    <template v-if="coupon.couponTextFlag === 2">
+                                        <view class="coupon-maxMoney six"> <text class="small">¥</text> {{ coupon.couponText }} </view>
+                                    </template>
+									<template v-else>
+									    <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
+									    <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+									</template>
 								</view>
 								<view class="list-cell-ri">
 									<view class="list-cell-top">
@@ -322,7 +325,10 @@ export default {
 						line-height: 78rpx;
 						font-size: 56rpx;
 						color: #ffffff;
-						text-align: center;
+						text-align: center;
+                        &.six{
+                            margin-top: 20rpx;
+                        }
 						.small {
 							font-size: $font-size-24;
 						}

+ 204 - 0
pages/seller/order/components/cm-coupon-tips.vue

@@ -0,0 +1,204 @@
+<template name="alert">
+	<view class="coupon-content-model">
+		<view class="coupon-alert-content">
+			<view class="coupon">
+				<view class="coupon-list">
+					<view class="list-cell-tags"
+						><text>{{ coupon.couponType | TypeFormat }}</text></view
+					>
+					<view class="list-cell-le">
+						<view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
+						<view class="coupon-minMoney">
+							<text class="txt">满{{ coupon.touchPrice }}可用</text>
+						</view>
+					</view>
+					<view class="list-cell-ri">
+						<view class="list-cell-top">
+							<text v-if="coupon.couponType == 0">
+								{{
+									coupon.productType && coupon.productType == 1
+										? '全商城商品通用'
+										: coupon.couponName
+								}}
+							</text>
+							<text v-if="coupon.couponType == 1">
+								{{ coupon.categoryType == 1 ? coupon.couponName : coupon.couponName }}
+							</text>
+							<text v-if="coupon.couponType == 3">仅限购买店铺【{{ coupon.shopName }}】的商品</text>
+							<text v-if="coupon.couponType == 4 || coupon.couponType == 2">全商城商品通用</text>
+						</view>
+						<view class="list-cell-time">{{ coupon.startDate }} - {{ coupon.endDate }}</view>
+					</view>
+				</view>
+				<view class="coupon-btn" @click.stop="cancel">立即收下</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'alert',
+	props: {
+		coupon: {
+			type: Object
+		}
+	},
+	filters: {
+		TypeFormat(value) {
+			const map = {
+				0:'活动券',
+				1:'品类券',
+				2:'用户专享券',
+				3:'店铺券',
+				4:'新用户券',
+			}
+            return map[value]
+		}
+	},
+	data() {
+		return {}
+	},
+	created() {},
+	onLoad() {},
+	methods: {
+        cancel(){
+             this.$emit('cancel')
+        }
+    },
+	onShow() {}
+}
+</script>
+
+<style lang="scss">
+.coupon-content-model {
+	width: 100%;
+	height: 100%;
+	background: rgba(0, 0, 0, 0.5);
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 8888;
+	transition: all 0.4s;
+	.coupon-alert-content {
+		width: 600rpx;
+		height: 612rpx;
+		position: absolute;
+		top: 0;
+		left: 0;
+		bottom: 0;
+		right: 0;
+		margin: auto;
+		box-sizing: border-box;
+		padding-top: 92rpx;
+		.coupon {
+			width: 600rpx;
+			height: 522rpx;
+			background: url(https://static.caimei365.com/app/img/icon/icon-coupon-alertbg@2x.png);
+			background-size: cover;
+			box-sizing: border-box;
+			padding: 230rpx 40rpx 0 40rpx;
+			.coupon-list {
+				width: 100%;
+				height: 147rpx;
+				margin-bottom: 32rpx;
+				box-sizing: border-box;
+				background: url(https://static.caimei365.com/app/img/icon/icon-coupon-bg@2x.png);
+				background-size: cover;
+				position: relative;
+				.list-cell-tags {
+					display: inline-block;
+					padding: 0 10rpx;
+					height: 32rpx;
+					line-height: 32rpx;
+					background-color: #f94b4b;
+					color: #ffffff;
+					font-size: 18rpx;
+					border-radius: 16rpx 0 16rpx 0;
+					text-align: center;
+					position: absolute;
+					top: 0;
+					left: 0;
+				}
+				.list-cell-le {
+					width: 154rpx;
+					height: 100%;
+					box-sizing: border-box;
+					padding: 30rpx 0;
+					float: left;
+					.coupon-maxMoney {
+						width: 100%;
+						height: 54rpx;
+						line-height: 54rpx;
+						font-size: 42rpx;
+						color: #f94b4b;
+						text-align: center;
+						margin-top: 10rpx;
+						.small {
+							font-size: $font-size-20;
+						}
+					}
+					.coupon-minMoney {
+						width: 100%;
+						height: 28rpx;
+						float: left;
+						box-sizing: border-box;
+						padding-left: 24rpx;
+						.txt {
+							display: block;
+							height: 28rpx;
+							line-height: 28rpx;
+							font-size: 16rpx;
+							color: #f94b4b;
+							text-align: center;
+							padding: 0 5rpx;
+							background-color: #fff1eb;
+							border-radius: 4rpx;
+							float: left;
+						}
+					}
+				}
+				.list-cell-ri {
+					width: 366rpx;
+					height: 100%;
+					box-sizing: border-box;
+					padding: 30rpx 20rpx;
+					float: left;
+					.list-cell-top {
+						width: 100%;
+						height: 64rpx;
+						line-height: 64rpx;
+						font-size: $font-size-26;
+						color: #333333;
+						float: left;
+						text-overflow: ellipsis;
+						display: -webkit-box;
+						word-break: break-all;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 1;
+						overflow: hidden;
+					}
+					.list-cell-time {
+						width: 100%;
+						height: 28rpx;
+						line-height: 28rpx;
+						text-align: left;
+						font-size: $font-size-20;
+						color: #999999;
+					}
+				}
+			}
+			.coupon-btn {
+				width: 100%;
+				height: 78rpx;
+				background: url(https://static.caimei365.com/app/img/icon/icon-coupon-alertbtnbg@2x.png);
+				background-size: cover;
+				line-height: 78rpx;
+				text-align: center;
+				color: #ffffff;
+				font-size: $font-size-36;
+			}
+		}
+	}
+}
+</style>

+ 15 - 5
pages/seller/order/create-order.vue

@@ -44,7 +44,9 @@
 			@handleChoiceaCoupon="handleChoiceaCouponData"
 		/>
 		<!-- 兑换优惠券弹窗 -->
-		<cm-coupon-chang v-if="isExchangePopup" />
+		<cm-coupon-chang v-if="isExchangePopup" @changeCoupon="handleChangeCoupon"/>
+        <!-- 优惠券 -->
+        <cm-coupon-tips ref="coupon-tips" :coupon="ExchangeCouponData" @cancel="handleClickCancel" v-if="isCouponModel" />
 		<!-- 余额抵扣 -->
 		<view class="invoice-balance" v-if="isRequest && !rechargeGoods">
 			<view class="balabce-t">
@@ -128,7 +130,8 @@ import cmGoodsTemp from './components/cm-goods-temp'
 import cmInvicePopup from './components/cm-invice-popup'
 import cmFreightPopup from './components/cm-freight-popup'
 import cmCouponPopup from './components/cm-coupon-popup'
-import cmCouponChang from './components/cm-coupon-chang'
+import cmCouponChang from './components/cm-coupon-chang'
+import cmCouponTips from './components/cm-coupon-tips'
 import cmClubVisible from './components/cm-club-visible'
 import cmRegulaPopup from './components/cm-regula-popup'
 import conMixins from './mixins/conMixins.js'
@@ -137,11 +140,12 @@ export default {
 	mixins: [conMixins],
 	components: {
 		cmAddressTemp,
-		cmGoodsTemp,
+		cmGoodsTemp, 
 		cmInvicePopup,
 		cmFreightPopup,
 		cmCouponPopup,
-		cmCouponChang,
+		cmCouponChang,
+        cmCouponTips,
 		cmClubVisible,
 		cmRegulaPopup
 	},
@@ -538,7 +542,13 @@ export default {
 		handFreightAlertShow() {
 			//显示邮费弹窗
 			this.isfreightTip = true
-		},
+		},
+        handleChangeCoupon(data){
+            this.ExchangeCouponData = data
+            this.isExchangePopup = false
+            this.isCouponModel = true
+            this.getInitCrearOrder()
+        },
 		handleClickCancel() {
 			// 关闭优惠券弹窗
 			this.isCouponModel = false

+ 13 - 5
pages/user/coupon/coupon-collection.vue

@@ -7,9 +7,14 @@
 			</view>
 			<template v-else>
 				<view v-for="(coupon, index) in coupinList" :key="index" :id="coupon.id" class="coupon-list" @click.stop="handleCouponDetails(coupon)">
-					<view class="list-cell-le">
-						<view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
-						<view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+					<view class="list-cell-le">
+                        <template v-if="coupon.couponTextFlag === 1">
+                            <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
+                            <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+                        </template>
+						<template v-else>
+                            <view class="coupon-maxMoney six"> <text class="small">¥</text> {{ coupon.couponText }} </view>
+                        </template>
 					</view>
 					<view class="list-cell-ri">
 						<view class="list-cell-top">
@@ -499,10 +504,13 @@ page {
 				line-height: 78rpx;
 				font-size: 56rpx;
 				color: #ffffff;
-				text-align: center;
+				text-align: center;
+                &.six{
+                    margin-top: 20rpx;
+                }
 				.small {
 					font-size: $font-size-24;
-				}
+				}
 			}
 			.coupon-minMoney {
 				width: 100%;

+ 11 - 5
pages/user/coupon/coupon-details.vue

@@ -11,9 +11,13 @@
                 <view class="container-list">
                     <view class="coupon-list">
                         <view class="list-cell-le">
-                            <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }}
-                            </view>
-                            <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+                          <template v-if="coupon.couponTextFlag === 1">
+                              <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
+                              <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+                          </template>
+                          <template v-else>
+                              <view class="coupon-maxMoney six"> <text class="small">¥</text> {{ coupon.couponText }} </view>
+                          </template>
                         </view>
                         <view class="list-cell-ri">
                             <view class="list-cell-top">
@@ -280,7 +284,9 @@
                     font-size: 56rpx;
                     color: #ffffff;
                     text-align: center;
-
+                    &.six{
+                        margin-top: 20rpx;
+                    }
                     .small {
                         font-size: $font-size-24;
                     }
@@ -310,7 +316,7 @@
                     border-bottom: 1px solid #e1e1e1;
 
                     .list-cell-type {
-                        width: 286rpx;
+                        width: 100%;
                         height: 100%;
                         float: left;
 

+ 12 - 6
pages/user/coupon/coupon.vue

@@ -33,11 +33,14 @@
 						class="coupon-list"
 						:class="listClass"
 					>
-						<view class="list-cell-le">
-							<view class="coupon-maxMoney">
-								<text class="small">¥</text> {{ coupon.couponAmount }}
-							</view>
-							<view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+						<view class="list-cell-le">
+                            <template v-if="coupon.couponTextFlag === 1">
+                                <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
+                                <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+                            </template>
+                            <template v-else>
+                                <view class="coupon-maxMoney six"> <text class="small">¥</text> {{ coupon.couponText }} </view>
+                            </template>
 						</view>
 						<view class="list-cell-ri">
 							<view class="list-cell-top">
@@ -405,7 +408,10 @@ page {
 				line-height: 78rpx;
 				font-size: 56rpx;
 				color: #ffffff;
-				text-align: center;
+				text-align: center;
+                &.six{
+                    margin-top: 20rpx;
+                }
 				.small {
 					font-size: $font-size-24;
 				}

+ 8 - 11
pages/user/order/components/cm-coupon-chang.vue

@@ -45,7 +45,7 @@
 		},
 		created() {
 			this.$api.getComStorage('userInfo').then((resolve) =>{
-				this.params.userId = resolve.userId ? resolve.userId : 0;
+				this.params.userId = resolve.userId ? resolve.userId : 0
 			}).catch(error =>{
 				console.log('暂无用户信息~')
 			})
@@ -61,16 +61,13 @@
 				}
 				this.ExchangeCoupon(this.params)
 			},
-			ExchangeCoupon(param){// 兑换优惠券
-				this.ProductService.ExchangeCoupon(param).then(response =>{
-					this.$parent.ExchangeCouponData = response.data
-					this.$parent.isExchangePopup = false
-					this.$parent.isCouponModel = true
-					this.$parent.isCouponShow = false
-				})
-				.catch(error =>{
-					this.$util.msg(error.msg,2000);
-				})
+			async ExchangeCoupon(param){// 兑换优惠券
+			    try{
+			        const res = await this.ProductService.ExchangeCoupon(param)
+			        this.$emit('changeCoupon', res.data)
+			    }catch(error){
+			        this.$util.msg(error.msg,2000)
+			    }
 			},
 			hidePopup(){
 				this.$parent.isExchangePopup = false

+ 13 - 6
pages/user/order/components/cm-coupon-popup.vue

@@ -20,10 +20,13 @@
 							@click.stop="checkedCoupon(index)"
 						>
 							<view class="list-cell-le">
-								<view class="coupon-maxMoney">
-									<text class="small">¥</text> {{ coupon.couponAmount }}
-								</view>
-								<view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+								<template v-if="coupon.couponTextFlag === 1">
+								    <view class="coupon-maxMoney"> <text class="small">¥</text> {{ coupon.couponAmount }} </view>
+								    <view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
+								</template>
+								<template v-else>
+								    <view class="coupon-maxMoney six"> <text class="small">¥</text> {{ coupon.couponText }} </view>
+								</template>
 							</view>
 							<view class="list-cell-ri">
 								<view class="list-cell-top">
@@ -119,7 +122,8 @@ export default {
 				2:'用户专享券',
 				3:'店铺券',
 				4:'新用户券',
-			}
+			}
+            return map[value]
 		}
 	},
 	created() {
@@ -271,7 +275,10 @@ export default {
 						line-height: 78rpx;
 						font-size: 56rpx;
 						color: #ffffff;
-						text-align: center;
+						text-align: center;
+                        &.six{
+                            margin-top: 20rpx;
+                        }
 						.small {
 							font-size: $font-size-24;
 						}

+ 8 - 3
pages/user/order/components/cm-coupon-tips.vue

@@ -30,7 +30,7 @@
 						<view class="list-cell-time">{{ coupon.startDate }} - {{ coupon.endDate }}</view>
 					</view>
 				</view>
-				<view class="coupon-btn" @click.stop="handleClickCancel">立即收下</view>
+				<view class="coupon-btn" @click.stop="cancel">立即收下</view>
 			</view>
 		</view>
 	</view>
@@ -52,7 +52,8 @@ export default {
 				2:'用户专享券',
 				3:'店铺券',
 				4:'新用户券',
-			}
+			}
+            return map[value]
 		}
 	},
 	data() {
@@ -60,7 +61,11 @@ export default {
 	},
 	created() {},
 	onLoad() {},
-	methods: {},
+	methods: {
+        cancel(){
+             this.$emit('cancel')
+        }
+    },
 	onShow() {}
 }
 </script>

+ 9 - 3
pages/user/order/create-order.vue

@@ -26,9 +26,9 @@
 			@handleChoiceaCoupon="handleChoiceaCouponData"
 		/>
 		<!-- 兑换优惠券弹窗 -->
-		<cm-coupon-chang v-if="isExchangePopup" />
+		<cm-coupon-chang v-if="isExchangePopup" @changeCoupon="handleChangeCoupon"/>
 		<!-- 优惠券 -->
-		<cm-coupon-tips ref="coupon-tips" :coupon="ExchangeCouponData" v-if="isCouponModel" />
+		<cm-coupon-tips ref="coupon-tips" :coupon="ExchangeCouponData" @cancel="handleClickCancel" v-if="isCouponModel" />
 		<!-- 余额抵扣 -->
 		<view class="invoice-balance" v-show="isRequest && !rechargeGoods">
 			<view class="balabce-t">
@@ -629,7 +629,13 @@ export default {
 			this.confirmParam.payInfo = JSON.parse(this.confirmParam.payInfo)
 			this.confirmParam.orderInfo = JSON.parse(this.confirmParam.orderInfo)
 			this.confirmParam.orderInvoice = JSON.parse(this.confirmParam.orderInvoice)
-		},
+		},
+        handleChangeCoupon(data){
+            this.ExchangeCouponData = data
+            this.isExchangePopup = false
+            this.isCouponModel = true
+            this.getInitCrearOrder()
+        },
 		handleClickCancel() {
 			// 关闭优惠券弹窗
 			this.isCouponModel = false