价值优惠券

components/cm-module/cart-components/index.vue

@@ -329,7 +329,7 @@
 								class="empty-container-image"
 								:src="StaticUrl + '/icon/icon-coupon-empty@2x.png'"
 							></image>
-							<text class="error-text">暂无可领的优惠券~</text>
+							<text class="error-text">暂无优惠券~</text>
 						</view>
 						<template v-else>
 							<view
@@ -348,7 +348,13 @@
 									<view class="list-cell-top">
 										<view class="list-cell-type">
 											<view class="list-cell-tags">
-												<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+												<template v-if="coupon.moneyCouponFlag == 1">
+													<text class="tags" v-if="coupon.moneyCouponType == 1">意向{{ coupon.couponType | TypeFormat }}</text>
+													<text class="tags" v-else>定向{{ coupon.couponType | TypeFormat }}</text>
+												</template>
+												<template v-else>
+													<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+												</template>
 											</view>
 											<view
 												class="list-cell-texts"
@@ -378,20 +384,23 @@
 										</view>
 										<view class="list-cell-btn">
 											<view class="icon-used">
-												<view class="icon-used-text" v-if="coupon.couponBtnType == 2">购买</view>
-												<view
-													class="icon-used-btn receive"
-													v-if="coupon.couponBtnType == 2"
-													@click="toPayCoupon(coupon)"
-													>￥500</view
-												>
-												<view
-													class="icon-used-btn receive"
-													v-if="currentTab == 0"
-													@click="receiveCoupon(coupon)"
-													>领取</view
-												>
-												<view class="icon-used-btn make" v-if="currentTab == 1">已领取</view>
+												<template v-if="coupon.moneyCouponFlag == 1">
+													<view class="icon-used-text">购买</view>
+													<view
+														class="icon-used-btn receive"
+														@click="toPayCoupon(coupon)"
+														>￥{{ coupon.moneyCouponPrice }}</view
+													>
+												</template>
+												<template v-else>		
+													<view
+														class="icon-used-btn receive"
+														v-if="coupon.couponBtnType == 0"
+														@click="receiveCoupon(coupon)"
+														>领取</view
+													>
+													<view class="icon-used-btn make" v-if="coupon.couponBtnType == 1">已领取</view>
+												</template>
 											</view>
 										</view>
 									</view>
@@ -1440,26 +1449,29 @@ export default {
 		},
 		async MiniWxPayFor(coupon){
 			const wechatcode = await authorize.getCode('weixin')
-			const params ={
-					payAmount:this.$reg.formatAccMul(coupon.couponAmount,100),
-					payWay:'WEIXIN',
-					code:wechatcode,
-					orderId:18399
+			this.PayService.WeChatCouponMiniWxPay(
+				{
+					userId: this.userId,
+					couponId: coupon.couponId,
+					payWay: 'WEIXIN',
+					code: wechatcode
 				}
-			this.PayService.WeChatMiniWxPay(params).then(response =>{
+			)
+			.then(response => {
 				// 友盟埋点收集微信支付
-				if(process.env.NODE_ENV != 'development'){
+				if (process.env.NODE_ENV != 'development') {
 					this.$uma.trackEvent('Um_Event_ConfirmWechatPay', {
 						Um_Key_PageName: '微信支付',
 						Um_Key_SourcePage: '线上支付',
-						Um_Key_PayName:`${this.buttonText}`,
-						Um_Key_PayOrderID:`${this.orderId}`
+						Um_Key_PayName: `${this.buttonText}`,
+						Um_Key_PayOrderID: `${this.orderId}`
 					})
 				}
 				let PayInfo = JSON.parse(response.data.data.payInfo)
 				this.WxRequestPayment(PayInfo)
-			}).catch(error =>{
-				this.$util.msg(error.msg,2000)
+			})
+			.catch(error => {
+				this.$util.msg(error.msg, 2000)
 			})
 		},
 		WxRequestPayment(data){

components/cm-module/cm-seller/user.vue

@@ -82,6 +82,12 @@
 			</view>
 			<!-- 底部跳转 -->
 			<view class="foot-list">
+				<view class="list-cell-image" @click="navigator('/pages/user/coupon/coupon-activity')">
+					<view class="text">
+						<view class="h1">美博会</view>
+						<view class="p">大额好券等你来领~</view>
+					</view>
+				</view>
 				<view class="list-cell-item">
 					<view class="list-cell"  v-for="(item, index) in firstList" :key="index" @click="navigator(item.path)" hover-class="cell-hover" :hover-stay-time="50">
 						<view class="cell-icon">
@@ -517,6 +523,30 @@
 		padding: 0 24rpx;
 		padding-top: 168rpx;
 	}	
+	.list-cell-image{
+		width: 100%;
+		height: 168rpx;
+		background: url(https://static.caimei365.com/app/meibohui/app/activity-small-banner@2x.png);
+		background-size: cover;
+		box-sizing: border-box;
+		margin-bottom: 24rpx;
+		.text{
+			width: 100%;
+			height: 100%;
+			box-sizing: border-box;
+			padding:38rpx 56rpx;
+			.h1{
+				line-height: 50rpx;
+				font-size: $font-size-36;
+				color: #FFFFFF;
+			}
+			.p{
+				line-height: 34rpx;
+				font-size: $font-size-30;
+				color: #FFFFFF;
+			}
+		}
+	}
 	.list-cell-item{
 		width: 654rpx;
 		height: auto;

components/cm-module/creatOrder/coupon.vue

@@ -29,7 +29,17 @@
 								<view class="list-cell-top">
 									<view class="list-cell-type">
 										<view class="list-cell-tags">
-											<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+											<template v-if="coupon.moneyCouponFlag == 1">
+												<text class="tags" v-if="coupon.moneyCouponType == 1"
+													>意向{{ coupon.couponType | TypeFormat }}</text
+												>
+												<text class="tags" v-else
+													>定向{{ coupon.couponType | TypeFormat }}</text
+												>
+											</template>
+											<template v-else>
+												<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+											</template>
 										</view>
 										<view class="list-cell-texts">
 											<text v-if="coupon.couponType == 0">
@@ -393,8 +403,8 @@ export default {
 					}
 				}
 			}
-	}
 		}
+	}
 	.tui-popup-btn {
 		width: 100%;
 		height: auto;

components/cm-module/creatOrder/sellerCoupon.vue

@@ -38,7 +38,17 @@
 									<view class="list-cell-top">
 										<view class="list-cell-type">
 											<view class="list-cell-tags">
-												<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+												<template v-if="coupon.moneyCouponFlag == 1">
+													<text class="tags" v-if="coupon.moneyCouponType == 1"
+														>意向{{ coupon.couponType | TypeFormat }}</text
+													>
+													<text class="tags" v-else
+														>定向{{ coupon.couponType | TypeFormat }}</text
+													>
+												</template>
+												<template v-else>
+													<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+												</template>
 											</view>
 											<view class="list-cell-texts">
 												<text v-if="coupon.couponType == 0">

components/cm-module/pageTemplate/templateTags.vue

@@ -24,7 +24,7 @@
 			</template>
 		</template>
 		<!-- 协销 -->
-		<template v-if="userIdentity === 1">
+		<template v-else-if="userIdentity === 1">
 			<template v-if="goods.actStatus == 1">
 				<view class="floor-tags" v-if="PromotionsFormat(goods.promotions)">
 					{{ goods.promotions.name }} <text>:￥{{ goods.price | NumFormat }}</text>
@@ -36,7 +36,7 @@
 			</template>
 		</template>
 		<!-- 个人机构 -->
-		<template v-if="userIdentity === 4">
+		<template v-else-if="userIdentity === 4">
 			<template v-if="goods.actStatus == 1">
 				<view class="floor-tags" v-if="PromotionsFormat(goods.promotions)"> {{ goods.promotions.name }} </view>
 				<view class="floor-tags" v-else>{{ goods.promotions.name }}</view>

pages.json

@@ -397,6 +397,13 @@
                         "enablePullDownRefresh": true
                     }
                 },
+                {
+                    "path": "coupon/coupon-activity",
+                    "style": {
+                        "navigationBarTitleText": "采美线上美博会",
+                        "enablePullDownRefresh": true
+                    }
+                },
                 {
                     "path": "collection/collection",
                     "style": {

pages/goods/product.vue

@@ -384,7 +384,13 @@
 											<view class="list-cell-top">
 												<view class="list-cell-type">
 													<view class="list-cell-tags">
-														<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+														<template v-if="coupon.moneyCouponFlag == 1">
+															<text class="tags" v-if="coupon.moneyCouponType == 1">意向{{ coupon.couponType | TypeFormat }}</text>
+															<text class="tags" v-else>定向{{ coupon.couponType | TypeFormat }}</text>
+														</template>
+														<template v-else>
+															<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+														</template>
 													</view>
 													<view class="list-cell-texts">
 														<text v-if="coupon.couponType == 0">
@@ -411,22 +417,25 @@
 												</view>
 												<view class="list-cell-btn">
 													<view class="icon-used">
-														<view class="icon-used-text" v-if="coupon.couponBtnType == 2">购买</view>
-														<view
-															class="icon-used-btn receive"
-															v-if="coupon.couponBtnType == 2"
-															@click="toPayCoupon(coupon)"
-															>￥500</view
-														>
-														<view
-															class="icon-used-btn receive"
-															v-if="currentTab == 0"
-															@click="receiveCoupon(coupon)"
-															>领取</view
-														>
-														<view class="icon-used-btn make" v-if="currentTab == 1"
-															>已领取</view
-														>
+														<template v-if="coupon.moneyCouponFlag == 1">
+															<view class="icon-used-text">购买</view>
+															<view
+																class="icon-used-btn receive"
+																@click="toPayCoupon(coupon)"
+																>￥{{ coupon.moneyCouponPrice }}</view
+															>
+														</template>
+														<template v-else>	
+															<view
+																class="icon-used-btn receive"
+																v-if="coupon.couponBtnType == 0"
+																@click="receiveCoupon(coupon)"
+																>领取</view
+															>
+															<view class="icon-used-btn make" v-if="coupon.couponBtnType == 1"
+																>已领取</view
+															>
+														</template>
 													</view>
 												</view>
 											</view>
@@ -960,7 +969,8 @@ export default {
 					console.log('获取购物车数量失败')
 				})
 		},
-		toPayCoupon(coupon){// 点击购买优惠券
+		toPayCoupon(coupon) {
+			// 点击购买优惠券
 			this.MiniWxPayFor(coupon)
 		},
 		receiveCoupon(coupon) {
@@ -984,26 +994,29 @@ export default {
 		},
 		async MiniWxPayFor(coupon){
 			const wechatcode = await authorize.getCode('weixin')
-			const params ={
-					payAmount:this.$reg.formatAccMul(coupon.couponAmount,100),
-					payWay:'WEIXIN',
-					code:wechatcode,
-					orderId:18399
+			this.PayService.WeChatCouponMiniWxPay(
+				{
+					userId: this.userId,
+					couponId: coupon.couponId,
+					payWay: 'WEIXIN',
+					code: wechatcode
 				}
-			this.PayService.WeChatMiniWxPay(params).then(response =>{
+			)
+			.then(response => {
 				// 友盟埋点收集微信支付
-				if(process.env.NODE_ENV != 'development'){
+				if (process.env.NODE_ENV != 'development') {
 					this.$uma.trackEvent('Um_Event_ConfirmWechatPay', {
 						Um_Key_PageName: '微信支付',
 						Um_Key_SourcePage: '线上支付',
-						Um_Key_PayName:`${this.buttonText}`,
-						Um_Key_PayOrderID:`${this.orderId}`
+						Um_Key_PayName: `${this.buttonText}`,
+						Um_Key_PayOrderID: `${this.orderId}`
 					})
 				}
 				let PayInfo = JSON.parse(response.data.data.payInfo)
 				this.WxRequestPayment(PayInfo)
-			}).catch(error =>{
-				this.$util.msg(error.msg,2000)
+			})
+			.catch(error => {
+				this.$util.msg(error.msg, 2000)
 			})
 		},
 		WxRequestPayment(data){

pages/seller/cart/coupon-share.vue

@@ -1,21 +1,27 @@
 <template>
 	<view class="container clearfix">
-		<view class="container-list">
+		<view class="container-list" v-if="isRequest">
 			<view class="coupon-list">
 				<view class="list-cell-le">
 					<view class="list-cell-tags">
-						<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
-					</view>
-					<view class="list-cell-price">
-						{{ coupon.couponAmount }}元满{{ coupon.touchPrice }}可用
+						<template v-if="coupon.moneyCouponFlag == 1">
+							<text class="tags" v-if="coupon.moneyCouponType == 1"
+								>意向{{ coupon.couponType | TypeFormat }}</text
+							>
+							<text class="tags" v-else>定向{{ coupon.couponType | TypeFormat }}</text>
+						</template>
+						<template v-else>
+							<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+						</template>
 					</view>
+					<view class="list-cell-price"> {{ coupon.couponAmount }}元满{{ coupon.touchPrice }}可用 </view>
 					<view class="list-cell-texts">
 						<text v-if="coupon.couponType == 0">
-							{{ coupon.productType && coupon.productType == 1 ? '全商城商品通用' : '仅可购买指定商品'  }}
+							{{ coupon.productType && coupon.productType == 1 ? '全商城商品通用' : '仅可购买指定商品' }}
 						</text>
 						<text v-if="coupon.couponType == 1">
 							{{ coupon.categoryType == 1 ? '仅限购买产品类商品' : '仅限购买仪器类商品' }}
-						</text>
+						</text> 
 						<text v-if="coupon.couponType == 3">仅限购买店铺【{{ coupon.shopName }}】的商品</text>
 						<text v-if="coupon.couponType == 4 || coupon.couponType == 2">全商城商品通用</text>
 					</view>
@@ -23,274 +29,262 @@
 				</view>
 				<view class="list-cell-ri">
 					<view class="coupon-minMoney">售价</view>
-					<view class="coupon-maxMoney">
-						<text class="small">￥</text>
-						{{ coupon.couponAmount }}
-					</view>
+					<view class="coupon-maxMoney"> <text class="small">￥</text> {{ coupon.moneyCouponPrice }} </view>
 				</view>
 			</view>
 		</view>
 		<view class="container-button">
-			<view class="button" @click="MiniWxPayFor">￥10000购买</view>
+			<view class="button" @click="MiniWxPayFor">￥{{ coupon.moneyCouponPrice }}购买</view>
 		</view>
 	</view>
 </template>
 
 <script>
-	import { mapState,mapMutations} from 'vuex'
-	import authorize from '@/common/config/authorize.js'
-	export default {
-		data() {
-			return {
-				StaticUrl:this.$Static,
-				isIphoneX:this.$store.state.isIphoneX,
-				coupon:{
-					couponId:257,
-					couponAmount:10000.00,
-					touchPrice:20000.00,
-					startDate:"2022.02.10",
-					endDate:"2022.04.10",
-					couponType:0,
-					userId:null,
-					shopId:null,
-					productType:1,
-					categoryType:null,
-					shopName:null,
-					useStatus:null,
-					couponBtnType:0,
-					usePeriod:null
-				},
-				coupinList:[],
-				clubId:0 ,// 机构Id
-				couponId:0,//优惠券Id
-				payAmount:100 //支付金额
-			}
-		},
-		onLoad(option) {
-			this.clubId = option.clubId
-			this.couponId = option.couponId
-			console.log('机构Id',this.clubId)
-			console.log('价值优惠券Id',this.couponId)
-		},
-		filters: {
-			TypeFormat(value) {
-				switch (value) {
-					case 0:
-						return  '活动券'
-						break
-					case 1:
-						return  '品类券'
-						break
-					case 2:
-						return  '用户专享券'
-						break
-					case 3:
-						return  '店铺券'
-						break
-					case 4:
-						return  '新用户券'
-						break
-				}
+import { mapState, mapMutations } from 'vuex'
+import authorize from '@/common/config/authorize.js'
+export default {
+	data() {
+		return {
+			StaticUrl: this.$Static,
+			isIphoneX: this.$store.state.isIphoneX,
+			coupon: {},
+			coupinList: [],
+			userId: 0, // 机构Id
+			couponId: 0, //优惠券Id
+			payAmount: 100 ,//支付金额
+			isRequest:false
+		}
+	},
+	onLoad(option) {
+		this.userId = option.userId
+		this.couponId = option.couponId
+		console.log('机构userId', this.userId)
+		console.log('价值优惠券Id', this.couponId)
+		this.initCouponDetail(this.couponId)
+	},
+	filters: {
+		TypeFormat(value) {
+			switch (value) {
+				case 0:
+					return '活动券'
+					break
+				case 1:
+					return '品类券'
+					break
+				case 2:
+					return '用户专享券'
+					break
+				case 3:
+					return '店铺券'
+					break
+				case 4:
+					return '新用户券'
+					break
 			}
+		}
+	},
+	computed: {
+		...mapState(['hasLogin', 'userInfo', 'identity', 'isActivity'])
+	},
+	methods: {
+		initCouponDetail(couponId) {
+			// 初始化优惠券信息
+			this.ProductService.QueryCouponDetail({ couponId: couponId })
+				.then(response => {
+					this.coupon = response.data
+					this.isRequest = true
+				})
+				.catch(error => {
+					console.log('初始化优惠券信息异常~')
+				})
 		},
-		computed: {
-			...mapState(['hasLogin','userInfo','identity','isActivity'])
-		},
-		methods: {
-			async initGetStotage() {
-				const userInfo = await this.$api.getStorage()
-				const clubInfo = await this.$api.getComStorage('orderUserInfo')
-				this.shareClubId = clubInfo.clubId ? clubInfo.clubId : 0
-			},
-			async MiniWxPayFor(){
-				const wechatcode = await authorize.getCode('weixin')
-				const params ={
-						payAmount:this.$reg.formatAccMul(this.payAmount,100),
-						payWay:'WEIXIN',
-						code:wechatcode,
-						orderId:18399
-					}
-				this.PayService.WeChatMiniWxPay(params).then(response =>{
+		async MiniWxPayFor() {
+			const wechatcode = await authorize.getCode('weixin')
+			this.PayService.WeChatCouponMiniWxPay({
+				userId: this.userId,
+				couponId: this.couponId,
+				payWay: 'WEIXIN',
+				code: wechatcode
+			})
+				.then(response => {
 					// 友盟埋点收集微信支付
-					if(process.env.NODE_ENV != 'development'){
+					if (process.env.NODE_ENV != 'development') {
 						this.$uma.trackEvent('Um_Event_ConfirmWechatPay', {
 							Um_Key_PageName: '微信支付',
 							Um_Key_SourcePage: '线上支付',
-							Um_Key_PayName:`${this.buttonText}`,
-							Um_Key_PayOrderID:`${this.orderId}`
+							Um_Key_PayName: `${this.buttonText}`,
+							Um_Key_PayOrderID: `${this.orderId}`
 						})
 					}
 					let PayInfo = JSON.parse(response.data.data.payInfo)
 					this.WxRequestPayment(PayInfo)
-				}).catch(error =>{
-					this.$util.msg(error.msg,2000)
 				})
-			},
-			WxRequestPayment(data){
-				let self = this
-				wx.requestPayment({
-					'timeStamp': data.timeStamp,
-					'nonceStr': data.nonceStr,
-					'package': data.package,
-					'signType': data.signType,
-					'paySign': data.paySign,
-					'success':function(res){
-						wx.reLaunch({url: '/pages/tabBar/user/user'})
-					},
-					'fail':function(res){
-						self.$util.msg('用户取消支付~')
-					},
-					'complete':function(res){
-			
-					}
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
 				})
-			},
-			navigator(url){
-				this.$api.navigateTo(url)
-			},	
 		},
-		onPullDownRefresh() {
-			setTimeout(() => {
-				this.QueryCouponList()
-				uni.stopPullDownRefresh()
-			}, 200)
-		},
-		onReachBottom() {
-			if(this.hasNextPage){
-				this.loadding = true
-				this.pullUpOn = true
-				this.getOnReachBottomData()
-			}	
+		WxRequestPayment(data) {
+			let self = this
+			wx.requestPayment({
+				timeStamp: data.timeStamp,
+				nonceStr: data.nonceStr,
+				package: data.package,
+				signType: data.signType,
+				paySign: data.paySign,
+				success: function(res) {
+					wx.reLaunch({ url: '/pages/tabBar/user/user' })
+				},
+				fail: function(res) {
+					self.$util.msg('用户取消支付~')
+				},
+				complete: function(res) {}
+			})
 		},
-		onShow(){
-			this.initGetStotage()
+		navigator(url) {
+			this.$api.navigateTo(url)
 		}
-	}
+	},
+	onPullDownRefresh() {
+		setTimeout(() => {
+			this.QueryCouponList()
+			uni.stopPullDownRefresh()
+		}, 200)
+	},
+	onReachBottom() {
+		if (this.hasNextPage) {
+			this.loadding = true
+			this.pullUpOn = true
+			this.getOnReachBottomData()
+		}
+	},
+	onShow() {}
+}
 </script>
 
 <style lang="scss">
-	page{
-		background-color: #F7F7F7;
+page {
+	background-color: #f7f7f7;
+}
+.container {
+	width: 100%;
+	height: auto;
+}
+.container-list {
+	box-sizing: border-box;
+	padding: 24rpx;
+	.empty-container-image {
+		width: 260rpx;
+		height: 260rpx;
+		margin-top: -300rpx;
 	}
-	.container{
-		width: 100%;
-		height: auto;
+	.toIndexPage {
+		bottom: 390rpx;
 	}
-	.container-list {
+	.coupon-list {
+		width: 702rpx;
+		height: 202rpx;
 		box-sizing: border-box;
-		padding:24rpx;
-		.empty-container-image {
-			width: 260rpx;
-			height: 260rpx;
-			margin-top: -300rpx;
-		}
-		.toIndexPage {
-			bottom: 390rpx;
-		}
-		.coupon-list{
-			width: 100%;
-			height: 200rpx;
+		background: url(https://static.caimei365.com/app/img/icon/icon-coupon-buy@2x.png) no-repeat;
+		background-position: center;
+		background-size: auto 202rpx;
+		position: relative;
+		.list-cell-le {
+			width: 502rpx;
+			height: 100%;
 			box-sizing: border-box;
-			background: url(https://static.caimei365.com/app/img/icon/icon-coupon-buy@2x.png);
-			background-size: cover;
-			position: relative;
-			.list-cell-le{
-				width: 502rpx;
-				height: 100%;
-				box-sizing: border-box;
-				padding: 23rpx 32rpx;
-				float: left;
-				.list-cell-tags{
-					width: 100%;
-					height: 32rpx;
-					margin-bottom: 7rpx;
-					.tags{
-						display: inline-block;
-						padding: 0 10rpx;
-						height: 32rpx;
-						line-height: 32rpx;
-						background: linear-gradient(270deg, #F94B4B 0%, #FEB673 100%);
-						color: #FFFFFF;
-						font-size: $font-size-22;
-						border-radius: 8rpx;
-						text-align: center;
-						float: left;
-					}
-				}
-				.list-cell-price{
-					width: 100%;
-					height: 45rpx;
-					line-height: 45rpx;
-					font-size: $font-size-32;
-					color: #333333;
-					text-align: left;
-					margin-top: 10rpx;
-					font-weight: bold;
-				}
-				.list-cell-texts{
-					width: 100%;
-					height: auto;
-					line-height:40rpx;
-					text-overflow:ellipsis;
-					display: -webkit-box;
-					word-break: break-all;
-					-webkit-box-orient: vertical;
-					-webkit-line-clamp: 1;
-					overflow: hidden;
-					font-size: 26rpx;
-					color: #333333;
-				}
-				.list-cell-time{
-					width: 100%;
+			padding: 23rpx 32rpx;
+			float: left;
+			.list-cell-tags {
+				width: 100%;
+				height: 32rpx;
+				margin-bottom: 7rpx;
+				.tags {
+					display: inline-block;
+					padding: 0 10rpx;
 					height: 32rpx;
 					line-height: 32rpx;
-					text-align: left;
-					font-size: $font-size-20;
-					color: #999999;
-				}
-			}
-			.list-cell-ri{
-				width: 200rpx;
-				height: 100%;
-				box-sizing: border-box;
-				padding: 58rpx 0 0 0;
-				float: right;
-				.coupon-maxMoney{
-					width: 100%;
-					height: 78rpx;
-					line-height: 78rpx;
-					font-size: 40rpx;
-					color: #F94B4B;
+					background: linear-gradient(270deg, #f94b4b 0%, #feb673 100%);
+					color: #ffffff;
+					font-size: $font-size-22;
+					border-radius: 8rpx;
 					text-align: center;
-					.small{
-						font-size: $font-size-26;
-					}
+					float: left;
 				}
-				.coupon-minMoney{
-					width: 100%;
-					height: 33rpx;
-					line-height: 33rpx;
+			}
+			.list-cell-price {
+				width: 100%;
+				height: 45rpx;
+				line-height: 45rpx;
+				font-size: $font-size-32;
+				color: #333333;
+				text-align: left;
+				margin-top: 10rpx;
+				font-weight: bold;
+			}
+			.list-cell-texts {
+				width: 100%;
+				height: auto;
+				line-height: 40rpx;
+				text-overflow: ellipsis;
+				display: -webkit-box;
+				word-break: break-all;
+				-webkit-box-orient: vertical;
+				-webkit-line-clamp: 1;
+				overflow: hidden;
+				font-size: 26rpx;
+				color: #333333;
+			}
+			.list-cell-time {
+				width: 100%;
+				height: 32rpx;
+				line-height: 32rpx;
+				text-align: left;
+				font-size: $font-size-20;
+				color: #999999;
+			}
+		}
+		.list-cell-ri {
+			width: 200rpx;
+			height: 100%;
+			box-sizing: border-box;
+			padding: 58rpx 0 0 0;
+			float: right;
+			.coupon-maxMoney {
+				width: 100%;
+				height: 78rpx;
+				line-height: 78rpx;
+				font-size: 40rpx;
+				color: #f94b4b;
+				text-align: center;
+				.small {
 					font-size: $font-size-26;
-					color: #F94B4B;
-					text-align: center;
 				}
 			}
+			.coupon-minMoney {
+				width: 100%;
+				height: 33rpx;
+				line-height: 33rpx;
+				font-size: $font-size-26;
+				color: #f94b4b;
+				text-align: center;
+			}
 		}
 	}
-	.container-button{
-		width: 100%;
+}
+.container-button {
+	width: 100%;
+	height: 90rpx;
+	margin-top: 190rpx;
+	.button {
+		width: 600rpx;
 		height: 90rpx;
-		margin-top: 190rpx;
-		.button{
-			width: 600rpx;
-			height: 90rpx;
-			text-align: center;
-			background: $btn-confirm;
-			line-height: 90rpx;
-			font-size: $font-size-30;
-			color: #FFFFFF;
-			margin: 0 auto;
-			border-radius: 45rpx;
-		}
+		text-align: center;
+		background: $btn-confirm;
+		line-height: 90rpx;
+		font-size: $font-size-30;
+		color: #ffffff;
+		margin: 0 auto;
+		border-radius: 45rpx;
 	}
+}
 </style>

pages/seller/cart/coupon.vue

@@ -2,44 +2,51 @@
 	<view class="container clearfix">
 		<view class="container-list" v-show="isRequest">
 			<view class="empty-container" v-if="showEmpty">
-				<image class="empty-container-image" :src="StaticUrl+'/icon/icon-coupon-empty@2x.png'"></image>
+				<image class="empty-container-image" :src="StaticUrl + '/icon/icon-coupon-empty@2x.png'"></image>
 				<text class="error-text">暂无优惠券~</text>
 			</view>
 			<template v-else>
-				<view v-for="(coupon,index) in coupinList" :key="index" :id="coupon.id" class="coupon-list">
-					<view class="list-cell-tag">售价￥{{coupon.couponAmount}}</view>
+				<view v-for="(coupon, index) in coupinList" :key="index" :id="coupon.id" class="coupon-list">
+					<view class="list-cell-tag">售价￥{{ coupon.moneyCouponPrice }}</view>
 					<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="coupon-maxMoney"> <text class="small">￥</text> {{ coupon.couponAmount }} </view>
+						<view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
 					</view>
 					<view class="list-cell-ri">
 						<view class="list-cell-top">
 							<view class="list-cell-type">
 								<view class="list-cell-tags">
-									<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+									<template v-if="coupon.moneyCouponFlag == 1">
+										<text class="tags" v-if="coupon.moneyCouponType == 1"
+											>意向{{ coupon.couponType | TypeFormat }}</text
+										>
+										<text class="tags" v-else>定向{{ coupon.couponType | TypeFormat }}</text>
+									</template>
+									<template v-else>
+										<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+									</template>
 								</view>
 								<view class="list-cell-texts">
 									<text v-if="coupon.couponType == 0">
-										{{ coupon.productType && coupon.productType == 1 ? '全商城商品通用' : '仅可购买指定商品'  }}
+										{{
+											coupon.productType && coupon.productType == 1
+												? '全商城商品通用'
+												: '仅可购买指定商品'
+										}}
 									</text>
 									<text v-if="coupon.couponType == 1">
 										{{ coupon.categoryType == 1 ? '仅限购买产品类商品' : '仅限购买仪器类商品' }}
 									</text>
-									<text v-if="coupon.couponType == 3">仅限购买店铺【{{ coupon.shopName }}】的商品</text>
+									<text v-if="coupon.couponType == 3"
+										>仅限购买店铺【{{ coupon.shopName }}】的商品</text
+									>
 									<text v-if="coupon.couponType == 4 || coupon.couponType == 2">全商城商品通用</text>
 								</view>
 							</view>
 							<view class="list-cell-btn">
 								<view class="icon-used">
-									<button open-type="share" 
-											class="icon-used-btn receive" 
-											@tap="onShareCoupon(coupon)">
-											分享购买
+									<button open-type="share" class="icon-used-btn receive" :data-coupon="coupon">
+										分享购买
 									</button>
 								</view>
 							</view>
@@ -49,7 +56,7 @@
 				</view>
 				<!--加载loadding-->
 				<tui-loadmore :visible="loadding" :index="3" type="black"></tui-loadmore>
-				<tui-nomore :visible="!pullUpOn" :backgroundColor="'#F7F7F7'" :text='nomoreText'></tui-nomore>
+				<tui-nomore :visible="!pullUpOn" :backgroundColor="'#F7F7F7'" :text="nomoreText"></tui-nomore>
 				<!--加载loadding-->
 			</template>
 		</view>
@@ -57,310 +64,313 @@
 </template>
 
 <script>
-	import { mapState,mapMutations} from 'vuex'
-	import couponTabs from '@/components/cm-module/coupon/tui-tabs.vue'
-	export default {
-		components:{
-			couponTabs
-		},
-		data() {
-			return {
-				StaticUrl:this.$Static,
-				isIphoneX:this.$store.state.isIphoneX,
-				listQuery:{
-					userId:0,
-					pageNum:1,
-					pageSize:10
-				},
-				coupinList:[],
-				isRequest:false,
-				showEmpty: false,
-				nomoreText: '上拉显示更多',
-				hasNextPage:false,
-				loadding: false,
-				pullUpOn: true,
-				pullFlag: true,
-				isReceiveLoading:false, //领券操作状态
-				shareClubId:0 ,// 机构Id
-				shareCoupon:0 ,// 分享优惠券
-			}
-		},
-		onLoad() {
-			uni.hideShareMenu()
-		},
-		filters: {
-			TypeFormat(value) {
-				switch (value) {
-					case 0:
-						return  '活动券'
-						break
-					case 1:
-						return  '品类券'
-						break
-					case 2:
-						return  '用户专享券'
-						break
-					case 3:
-						return  '店铺券'
-						break
-					case 4:
-						return  '新用户券'
-						break
-				}
+import { mapState, mapMutations } from 'vuex'
+import couponTabs from '@/components/cm-module/coupon/tui-tabs.vue'
+export default {
+	components: {
+		couponTabs
+	},
+	data() {
+		return {
+			StaticUrl: this.$Static,
+			isIphoneX: this.$store.state.isIphoneX,
+			listQuery: {
+				pageNum: 1,
+				pageSize: 10
+			},
+			coupinList: [],
+			isRequest: false,
+			showEmpty: false,
+			nomoreText: '上拉显示更多',
+			hasNextPage: false,
+			loadding: false,
+			pullUpOn: true,
+			pullFlag: true,
+			isReceiveLoading: false, //领券操作状态
+			shareUserId: 0 // 机构Id
+		}
+	},
+	onLoad() {
+		uni.hideShareMenu()
+		this.initGetStotage()
+	},
+	filters: {
+		TypeFormat(value) {
+			switch (value) {
+				case 0:
+					return '活动券'
+					break
+				case 1:
+					return '品类券'
+					break
+				case 2:
+					return '用户专享券'
+					break
+				case 3:
+					return '店铺券'
+					break
+				case 4:
+					return '新用户券'
+					break
 			}
+		}
+	},
+	computed: {
+		...mapState(['hasLogin', 'userInfo', 'identity', 'isActivity'])
+	},
+	methods: {
+		async initGetStotage() {
+			const userInfo = await this.$api.getStorage()
+			const clubInfo = await this.$api.getComStorage('orderUserInfo')
+			this.shareUserId = clubInfo.userId ? clubInfo.userId : 0
+			this.QueryCouponList()
 		},
-		computed: {
-			...mapState(['hasLogin','userInfo','identity','isActivity'])
-		},
-		methods: {
-			async initGetStotage() {
-				const userInfo = await this.$api.getStorage()
-				const clubInfo = await this.$api.getComStorage('orderUserInfo')
-				this.shareClubId = clubInfo.clubId ? clubInfo.clubId : 0
-				this.listQuery.userId = clubInfo.userId ? clubInfo.userId : 0
-				this.QueryCouponList()
-			},
-			QueryCouponList() {// 初始化查询优惠券列表
-				this.coupinList = []
-				this.listQuery.pageNum = 1
-				this.ProductService.QueryCouponCollarList(this.listQuery).then(response =>{
+		QueryCouponList() {
+			// 初始化查询优惠券列表
+			this.coupinList = []
+			this.listQuery.pageNum = 1
+			this.ProductService.QueryMoneyCouponList(this.listQuery)
+				.then(response => {
 					let data = response.data
-					if(data.list&&data.list.length > 0){
+					if (data.list && data.list.length > 0) {
 						this.showEmpty = false
 						this.hasNextPage = response.data.hasNextPage
-						this.coupinList =data.list
+						this.coupinList = data.list
 						this.pullFlag = false
-						setTimeout(()=>{this.pullFlag = true},500)
-						if(this.hasNextPage){
+						setTimeout(() => {
+							this.pullFlag = true
+						}, 500)
+						if (this.hasNextPage) {
 							this.pullUpOn = false
 							this.nomoreText = '上拉显示更多'
-						}else{
-							if(this.coupinList.length < 8){
+						} else {
+							if (this.coupinList.length < 8) {
 								this.pullUpOn = true
-							}else{
+							} else {
 								this.pullUpOn = false
 								this.loadding = false
 								this.nomoreText = '已至底部'
 							}
 						}
-					}else{
+					} else {
 						this.showEmpty = true
 					}
 					this.isRequest = true
-				}).catch(error =>{
-					this.$util.msg(error.msg,2000)
 				})
-			},
-			getOnReachBottomData(){// 上滑加载分页
-				this.listQuery.pageNum+=1
-				this.ProductService.QueryCouponCollarList(this.listQuery)
-				.then(response =>{
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
+				})
+		},
+		getOnReachBottomData() {
+			// 上滑加载分页
+			this.listQuery.pageNum += 1
+			this.ProductService.QueryCouponCollarList(this.listQuery)
+				.then(response => {
 					let data = response.data
-					if(data.list&&data.list.length > 0){
+					if (data.list && data.list.length > 0) {
 						this.hasNextPage = data.hasNextPage
-						this.coupinList = this.coupinList.concat(data.list) 
-						this.pullFlag = false// 防上拉暴滑
-						setTimeout(()=>{this.pullFlag = true},500)
-						if(this.hasNextPage){
+						this.coupinList = this.coupinList.concat(data.list)
+						this.pullFlag = false // 防上拉暴滑
+						setTimeout(() => {
+							this.pullFlag = true
+						}, 500)
+						if (this.hasNextPage) {
 							this.pullUpOn = false
 							this.nomoreText = '上拉显示更多'
-						}else{
+						} else {
 							this.pullUpOn = false
 							this.loadding = false
 							this.nomoreText = '已至底部'
 						}
 					}
 				})
-				.catch(error =>{
-					this.$util.msg(error.msg,2000)
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
 				})
-			},
-			onShareCoupon(coupon){//分享购买优惠券
-				this.shareCoupon = coupon
-				
-			},
-			navigator(url){
-				this.$api.navigateTo(url)
-			},	
 		},
-		onShareAppMessage(res) {
-			//分享转发
-			if (res.from === 'button') {
-				console.log('来自页面内转发按钮')
-				return {
-					title: `只售${this.shareCoupon.couponAmount}元，${this.shareCoupon.touchPrice}元优惠券等您抢购~`,
-					path: `pages/seller/cart/coupon-share?couponId=${this.shareCoupon.couponId}&clubId=${this.shareClubId}`,
-					imageUrl: 'https://static.caimei365.com/app/img/icon/icon-shareCoupon@2x.png'
-				}
+		navigator(url) {
+			this.$api.navigateTo(url)
+		}
+	},
+	onShareAppMessage(res) {
+		//分享购买优惠券
+		const coupon = res.target.dataset.coupon
+		console.log('优惠券', coupon)
+		console.log('机构Id', this.shareUserId)
+		if (res.from === 'button') {
+			// console.log('来自页面内转发按钮')
+			return {
+				title: `只售${coupon.moneyCouponPrice}元，${coupon.couponAmount}元优惠券等您抢购~`,
+				path: `pages/seller/cart/coupon-share?couponId=${coupon.couponId}&userId=${this.shareUserId}`,
+				imageUrl: 'https://static.caimei365.com/app/img/icon/icon-shareCoupon@2x.png'
 			}
-		},
-		onPullDownRefresh() {
-			setTimeout(() => {
-				this.QueryCouponList()
-				uni.stopPullDownRefresh()
-			}, 200)
-		},
-		onReachBottom() {
-			if(this.hasNextPage){
-				this.loadding = true
-				this.pullUpOn = true
-				this.getOnReachBottomData()
-			}	
-		},
-		onShow(){
-			this.initGetStotage()
 		}
-	}
+	},
+	onPullDownRefresh() {
+		setTimeout(() => {
+			this.QueryCouponList()
+			uni.stopPullDownRefresh()
+		}, 200)
+	},
+	onReachBottom() {
+		if (this.hasNextPage) {
+			this.loadding = true
+			this.pullUpOn = true
+			this.getOnReachBottomData()
+		}
+	},
+	onShow() {}
+}
 </script>
 
 <style lang="scss">
-	page{
-		background-color: #F7F7F7;
+page {
+	background-color: #f7f7f7;
+}
+.container {
+	width: 100%;
+	height: auto;
+}
+.container-list {
+	box-sizing: border-box;
+	padding: 24rpx;
+	.empty-container-image {
+		width: 260rpx;
+		height: 260rpx;
+		margin-top: -300rpx;
 	}
-	.container{
-		width: 100%;
-		height: auto;
+	.toIndexPage {
+		bottom: 390rpx;
 	}
-	.container-list {
+	.coupon-list {
+		width: 100%;
+		height: 200rpx;
+		margin-bottom: 24rpx;
 		box-sizing: border-box;
-		padding:24rpx;
-		.empty-container-image {
-			width: 260rpx;
-			height: 260rpx;
-			margin-top: -300rpx;
-		}
-		.toIndexPage {
-			bottom: 390rpx;
+		background: url(https://static.caimei365.com/app/img/icon/icon-coupon-uesb@2x.png);
+		background-size: cover;
+		position: relative;
+		.list-cell-tag {
+			height: 32rpx;
+			line-height: 32rpx;
+			text-align: center;
+			padding: 0 10rpx;
+			background-color: #fee756;
+			color: #f94b4b;
+			font-size: $font-size-20;
+			position: absolute;
+			top: 0;
+			border-radius: 8rpx 0 8rpx 0;
 		}
-		.coupon-list{
-			width: 100%;
-			height: 200rpx;
-			margin-bottom: 24rpx;
+		.list-cell-le {
+			width: 224rpx;
+			height: 100%;
 			box-sizing: border-box;
-			background: url(https://static.caimei365.com/app/img/icon/icon-coupon-uesb@2x.png);
-			background-size: cover;
-			position: relative;
-			.list-cell-tag{
-				height: 32rpx;
-				line-height: 32rpx;
+			padding: 37rpx 0;
+			float: left;
+			.coupon-maxMoney {
+				width: 100%;
+				height: 78rpx;
+				line-height: 78rpx;
+				font-size: 56rpx;
+				color: #ffffff;
 				text-align: center;
-				padding: 0 10rpx;
-				background-color: #FEE756;
-				color: #F94B4B;
-				font-size: $font-size-20;
-				position: absolute;
-				top: 0;
-				border-radius: 8rpx 0 8rpx 0;
-			}
-			.list-cell-le{
-				width: 224rpx;
-				height: 100%;
-				box-sizing: border-box;
-				padding: 37rpx 0;
-				float: left;
-				.coupon-maxMoney{
-					width: 100%;
-					height: 78rpx;
-					line-height: 78rpx;
-					font-size: 56rpx;
-					color: #FFFFFF;
-					text-align: center;
-					.small{
-						font-size: $font-size-24;
-					}
-				}
-				.coupon-minMoney{
-					width: 100%;
-					height: 33rpx;
-					line-height: 33rpx;
+				.small {
 					font-size: $font-size-24;
-					color: #FFFFFF;
-					text-align: center;
 				}
 			}
-			.list-cell-ri{
-				width: 478rpx;
-				height: 100%;
-				box-sizing: border-box;
-				padding: 20rpx 24rpx 0 24rpx;
-				float: right;
-				.list-cell-top{
-					width: 100%;
-					height: 121rpx;
+			.coupon-minMoney {
+				width: 100%;
+				height: 33rpx;
+				line-height: 33rpx;
+				font-size: $font-size-24;
+				color: #ffffff;
+				text-align: center;
+			}
+		}
+		.list-cell-ri {
+			width: 478rpx;
+			height: 100%;
+			box-sizing: border-box;
+			padding: 20rpx 24rpx 0 24rpx;
+			float: right;
+			.list-cell-top {
+				width: 100%;
+				height: 121rpx;
+				float: left;
+				border-bottom: 1px solid #e1e1e1;
+				.list-cell-type {
+					width: 286rpx;
+					height: 100%;
 					float: left;
-					border-bottom: 1px solid #e1e1e1;
-					.list-cell-type{
-						width: 286rpx;
-						height: 100%;
-						float: left;
-						.list-cell-tags{
-							width: 100%;
+					.list-cell-tags {
+						width: 100%;
+						height: 32rpx;
+						margin-bottom: 7rpx;
+						.tags {
+							display: inline-block;
+							padding: 0 10rpx;
 							height: 32rpx;
-							margin-bottom: 7rpx;
-							.tags{
-								display: inline-block;
-								padding: 0 10rpx;
-								height: 32rpx;
-								line-height: 32rpx;
-								background-color: #ffdcce;
-								color: #f94b4b;
-								font-size: $font-size-20;
-								border-radius: 8rpx;
-								text-align: center;
-								float: left;
-							}
-						}
-						.list-cell-texts{
-							width: 100%;
-							height: auto;
-							line-height:35rpx;
-							text-overflow:ellipsis;
-							display: -webkit-box;
-							word-break: break-all;
-							-webkit-box-orient: vertical;
-							-webkit-line-clamp: 2;
-							overflow: hidden;
-							font-size: 26rpx;
-							color: #333333;
+							line-height: 32rpx;
+							background-color: #ffdcce;
+							color: #f94b4b;
+							font-size: $font-size-20;
+							border-radius: 8rpx;
+							text-align: center;
+							float: left;
 						}
 					}
-					.list-cell-btn{
-						width: 128rpx;
+					.list-cell-texts {
+						width: 100%;
+						height: auto;
+						line-height: 35rpx;
+						text-overflow: ellipsis;
+						display: -webkit-box;
+						word-break: break-all;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 2;
+						overflow: hidden;
+						font-size: 26rpx;
+						color: #333333;
+					}
+				}
+				.list-cell-btn {
+					width: 128rpx;
+					height: 100%;
+					float: right;
+					.icon-used {
+						width: 100%;
 						height: 100%;
-						float: right;
-						.icon-used{
-							width: 100%;
-							height: 100%;
-							box-sizing: border-box;
-							padding-top: 57rpx;
-							.icon-used-btn{
-								width: 128rpx;
-								height: 48rpx;
-								border-radius: 28rpx;
-								line-height: 48rpx;
-								font-size: $font-size-26;
-								text-align: center;
-								&.receive{
-									background-image: linear-gradient(270deg, #f94b4b 0%, #feb673 100%);;
-									color: #FFFFFF;
-								}
-								&.make{
-									border: solid 1px #f94b4b;
-									color: #f94b4b;
-								}
+						box-sizing: border-box;
+						padding-top: 57rpx;
+						.icon-used-btn {
+							width: 128rpx;
+							height: 48rpx;
+							border-radius: 28rpx;
+							line-height: 48rpx;
+							font-size: $font-size-26;
+							text-align: center;
+							&.receive {
+								background-image: linear-gradient(270deg, #f94b4b 0%, #feb673 100%);
+								color: #ffffff;
+							}
+							&.make {
+								border: solid 1px #f94b4b;
+								color: #f94b4b;
 							}
 						}
 					}
 				}
-				.list-cell-time{
-					width: 100%;
-					height: 58rpx;
-					line-height: 58rpx;
-					text-align: left;
-					font-size: $font-size-20;
-					color: #999999;
-				}
+			}
+			.list-cell-time {
+				width: 100%;
+				height: 58rpx;
+				line-height: 58rpx;
+				text-align: left;
+				font-size: $font-size-20;
+				color: #999999;
 			}
 		}
 	}
+}
 </style>

pages/user/coupon/coupon-activity.vue

@@ -0,0 +1,531 @@
+<template>
+	<view class="container clearfix">
+		<view class="container-banner">
+			<image
+				class="image2x"
+				src="https://static.caimei365.com/app/meibohui/app/activity-banner@2x.png"
+				mode=""
+			></image>
+		</view>
+		<view class="container-title">超值优惠券</view>
+		<view class="container-list" v-show="isRequest">
+			<view class="empty-container" v-if="showEmpty">
+				<image class="empty-container-image" :src="StaticUrl + '/icon/icon-coupon-empty@2x.png'"></image>
+				<text class="error-text">暂无可领的优惠券~</text>
+			</view>
+			<template v-else>
+				<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>
+					</view>
+					<view class="list-cell-ri">
+						<view class="list-cell-top">
+							<view class="list-cell-type">
+								<view class="list-cell-tags">
+									<template v-if="coupon.moneyCouponFlag == 1">
+										<text class="tags" v-if="coupon.moneyCouponType == 1"
+											>意向{{ coupon.couponType | TypeFormat }}</text
+										>
+										<text class="tags" v-else>定向{{ coupon.couponType | TypeFormat }}</text>
+									</template>
+									<template v-else>
+										<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+									</template>
+								</view>
+								<view class="list-cell-texts">
+									<text v-if="coupon.couponType == 0">
+										{{
+											coupon.productType && coupon.productType == 1
+												? '全商城商品通用'
+												: '仅可购买指定商品'
+										}}
+									</text>
+									<text v-if="coupon.couponType == 1">
+										{{ coupon.categoryType == 1 ? '仅限购买产品类商品' : '仅限购买仪器类商品' }}
+									</text>
+									<text v-if="coupon.couponType == 3"
+										>仅限购买店铺【{{ coupon.shopName }}】的商品</text
+									>
+									<text v-if="coupon.couponType == 4 || coupon.couponType == 2">全商城商品通用</text>
+								</view>
+							</view>
+							<view class="list-cell-btn">
+								<view class="icon-used">
+									<template v-if="coupon.moneyCouponFlag == 1">
+										<view class="icon-used-text">购买</view>
+										<view class="icon-used-btn buy" @click="toPayCoupon(coupon)"
+											>￥{{ coupon.moneyCouponPrice }}</view
+										>
+									</template>
+									<template v-else>
+										<view
+											class="icon-used-btn receive"
+											v-if="coupon.couponBtnType == 0"
+											@click="receiveCoupon(coupon)"
+											>领取</view
+										>
+										<view
+											class="icon-used-btn make"
+											v-if="coupon.couponBtnType == 1"
+											@click="toUseCoupon(coupon)"
+											>去使用</view
+										>
+									</template>
+								</view>
+							</view>
+						</view>
+						<view class="list-cell-time">{{ coupon.startDate }} - {{ coupon.endDate }}</view>
+					</view>
+				</view>
+				<!--加载loadding-->
+				<tui-loadmore :visible="loadding" :index="3" type="black"></tui-loadmore>
+				<tui-nomore :visible="!pullUpOn" :backgroundColor="'#F7F7F7'" :text="nomoreText"></tui-nomore>
+				<!--加载loadding-->
+			</template>
+		</view>
+	</view>
+</template>
+
+<script>
+import { mapState, mapMutations } from 'vuex'
+import authorize from '@/common/config/authorize.js'
+import wxLogin from '@/common/config/wxLogin.js'
+import couponTabs from '@/components/cm-module/coupon/tui-tabs.vue'
+export default {
+	components: {
+		couponTabs
+	},
+	data() {
+		return {
+			StaticUrl: this.$Static,
+			isIphoneX: this.$store.state.isIphoneX,
+			listQuery: {
+				userId: 0,
+				pageNum: 1,
+				pageSize: 10
+			},
+			coupinList: [],
+			isRequest: false,
+			showEmpty: false,
+			nomoreText: '上拉显示更多',
+			hasNextPage: false,
+			loadding: false,
+			pullUpOn: true,
+			pullFlag: true,
+			isReceiveLoading: false, //领券操作状态
+			userIdentity: 0
+		}
+	},
+	onLoad(option) {
+		if (option.type == 'share') {
+			wxLogin.wxLoginAuthorize()
+		}
+	},
+	filters: {
+		TypeFormat(value) {
+			switch (value) {
+				case 0:
+					return '活动券'
+					break
+				case 1:
+					return '品类券'
+					break
+				case 2:
+					return '用户专享券'
+					break
+				case 3:
+					return '店铺券'
+					break
+				case 4:
+					return '新用户券'
+					break
+			}
+		}
+	},
+	computed: {
+		...mapState(['hasLogin', 'userInfo', 'identity', 'isActivity'])
+	},
+	methods: {
+		async initGetStotage() {
+			// 初始化
+			const userInfo = await this.$api.getStorage()
+			this.listQuery.userId = userInfo.userId ? userInfo.userId : 0
+			this.userIdentity = userInfo.userIdentity ? userInfo.userIdentity : 0
+			this.QueryCouponList()
+		},
+		QueryCouponList() {
+			// 初始化查询优惠券列表
+			this.coupinList = []
+			this.listQuery.pageNum = 1
+			this.ProductService.QueryCouponCenterList(this.listQuery)
+				.then(response => {
+					let data = response.data
+					if (data.list && data.list.length > 0) {
+						this.showEmpty = false
+						this.hasNextPage = response.data.hasNextPage
+						this.coupinList = data.list
+						this.pullFlag = false
+						setTimeout(() => {
+							this.pullFlag = true
+						}, 500)
+						if (this.hasNextPage) {
+							this.pullUpOn = false
+							this.nomoreText = '上拉显示更多'
+						} else {
+							if (this.coupinList.length < 8) {
+								this.pullUpOn = true
+							} else {
+								this.pullUpOn = false
+								this.loadding = false
+								this.nomoreText = '已至底部'
+							}
+						}
+					} else {
+						this.showEmpty = true
+					}
+					this.isRequest = true
+				})
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
+				})
+		},
+		getOnReachBottomData() {
+			// 上滑加载分页
+			this.listQuery.pageNum += 1
+			this.ProductService.QueryCouponCenterList(this.listQuery)
+				.then(response => {
+					let data = response.data
+					if (data.list && data.list.length > 0) {
+						this.hasNextPage = data.hasNextPage
+						this.coupinList = this.coupinList.concat(data.list)
+						this.pullFlag = false // 防上拉暴滑
+						setTimeout(() => {
+							this.pullFlag = true
+						}, 500)
+						if (this.hasNextPage) {
+							this.pullUpOn = false
+							this.nomoreText = '上拉显示更多'
+						} else {
+							this.pullUpOn = false
+							this.loadding = false
+							this.nomoreText = '已至底部'
+						}
+					}
+				})
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
+				})
+		},
+		toPayCoupon(coupon) {
+			// 点击购买优惠券
+			if (this.hasLogin) {
+				if (this.userIdentity === 1 || this.userIdentity === 3) {
+					this.$util.msg('您的身份暂不支持领取优惠券', 2000)
+					return
+				}
+				this.MiniWxPayFor(coupon)
+			} else {
+				this.$api.navigateTo('/pages/login/login')
+			}
+		},
+		receiveCoupon(coupon) {
+			// 点击优惠券领取按钮
+			if (this.hasLogin) {
+				if (this.userIdentity === 1 || this.userIdentity === 3) {
+					this.$util.msg('您的身份暂不支持领取优惠券', 2000)
+					return
+				}
+				if (this.isReceiveLoading) {
+					return
+				}
+				this.ProductService.ReceiveCoupon({
+					userId: this.listQuery.userId,
+					couponId: coupon.couponId,
+					source: 2
+				})
+					.then(response => {
+						this.isReceiveLoading = true
+						this.$util.msg('领取成功', 1500, true, 'success')
+						setTimeout(() => {
+							coupon.couponBtnType = 1
+							this.isReceiveLoading = false
+						}, 1500)
+					})
+					.catch(error => {
+						this.$util.msg(error.msg, 2000)
+						this.isReceiveLoading = false
+					})
+			} else {
+				this.$api.navigateTo('/pages/login/login')
+			}
+		},
+		toUseCoupon(coupon) {
+			// 去使用跳转路径
+			console.log('coupon', coupon)
+			switch (coupon.couponType) {
+				case 0: // 活动券：跳转到商城首页 / 或者活动页（看是否指定了商品）
+					if (coupon.productType == 1) {
+						// 1 全商城通用 2 指定商品
+						this.$api.switchTabTo('/pages/tabBar/home/index')
+					} else {
+						this.$api.navigateTo('/pages/user/coupon/coupon-product?couponId=' + coupon.couponId)
+					}
+					break
+				case 1: // 品类券：跳转到产品 287 / 仪器页 286
+					this.$api.navigateTo(`/pages/goods/good-floor?linkId=${coupon.categoryType == 1 ? 287 : 286}`)
+					break
+				case 2: // 用户专享券：跳转到商城首页
+					this.$api.switchTabTo('/pages/tabBar/home/index')
+					break
+				case 3: // 店铺券：跳转到店铺首页
+					this.$api.navigateTo('/pages/supplier/user/my-shop?shopId=' + coupon.shopId)
+					break
+				case 4: // 新用户券：跳转到商城首页
+					this.$api.switchTabTo('/pages/tabBar/home/index')
+					break
+			}
+		},
+		async MiniWxPayFor(coupon) {
+			const wechatcode = await authorize.getCode('weixin')
+			this.PayService.WeChatCouponMiniWxPay({
+				userId: this.listQuery.userId,
+				couponId: coupon.couponId,
+				payWay: 'WEIXIN',
+				code: wechatcode
+			})
+				.then(response => {
+					// 友盟埋点收集微信支付
+					if (process.env.NODE_ENV != 'development') {
+						this.$uma.trackEvent('Um_Event_ConfirmWechatPay', {
+							Um_Key_PageName: '微信支付',
+							Um_Key_SourcePage: '线上支付',
+							Um_Key_PayName: `${this.buttonText}`,
+							Um_Key_PayOrderID: `${this.orderId}`
+						})
+					}
+					let PayInfo = JSON.parse(response.data.data.payInfo)
+					this.WxRequestPayment(PayInfo)
+				})
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
+				})
+		},
+		WxRequestPayment(data) {
+			let self = this
+			wx.requestPayment({
+				timeStamp: data.timeStamp,
+				nonceStr: data.nonceStr,
+				package: data.package,
+				signType: data.signType,
+				paySign: data.paySign,
+				success: function(res) {
+					wx.reLaunch({ url: '/pages/tabBar/user/user' })
+				},
+				fail: function(res) {
+					self.$util.msg('用户取消支付~')
+				},
+				complete: function(res) {}
+			})
+		},
+		navigator(url) {
+			this.$api.navigateTo(url)
+		}
+	},
+	onShareAppMessage(res) {
+		//分享美博会优惠券活动页
+		if (res.from === 'button') {
+			// console.log('来自页面内转发按钮')
+		}
+		return {
+			title: '采美线上美博会盛大开启，众多优惠等着您~',
+			path: '/pages/user/coupon/coupon-activity?type=share',
+			imageUrl: 'https://static.caimei365.com/app/img/icon/icon-shareCoupon@2x.png'
+		}
+	},
+	onPullDownRefresh() {
+		setTimeout(() => {
+			this.QueryCouponList()
+			uni.stopPullDownRefresh()
+		}, 200)
+	},
+	onReachBottom() {
+		if (this.hasNextPage) {
+			this.loadding = true
+			this.pullUpOn = true
+			this.getOnReachBottomData()
+		}
+	},
+	onShow() {
+		this.initGetStotage()
+	}
+}
+</script>
+
+<style lang="scss">
+page {
+	background-color: #fff1eb;
+}
+.container {
+	width: 100%;
+	height: auto;
+}
+.container-banner {
+	width: 750rpx;
+	height: 750rpx;
+	.image2x {
+		width: 750rpx;
+		height: 750rpx;
+		display: block;
+	}
+}
+.container-title {
+	width: 100%;
+	height: 130rpx;
+	line-height: 130rpx;
+	text-align: center;
+	font-size: $font-size-36;
+	color: #f94b4b;
+}
+.container-list {
+	box-sizing: border-box;
+	padding: 0 24rpx;
+	.empty-container-image {
+		width: 260rpx;
+		height: 260rpx;
+		margin-top: -300rpx;
+	}
+	.toIndexPage {
+		bottom: 390rpx;
+	}
+	.coupon-list {
+		width: 100%;
+		height: 200rpx;
+		margin-bottom: 24rpx;
+		box-sizing: border-box;
+		background: url(https://static.caimei365.com/app/img/icon/icon-coupon-uesbs@2x.png);
+		background-size: cover;
+		.list-cell-le {
+			width: 224rpx;
+			height: 100%;
+			box-sizing: border-box;
+			padding: 37rpx 0;
+			float: left;
+			.coupon-maxMoney {
+				width: 100%;
+				height: 78rpx;
+				line-height: 78rpx;
+				font-size: 56rpx;
+				color: #ffffff;
+				text-align: center;
+				.small {
+					font-size: $font-size-24;
+				}
+			}
+			.coupon-minMoney {
+				width: 100%;
+				height: 33rpx;
+				line-height: 33rpx;
+				font-size: $font-size-24;
+				color: #ffffff;
+				text-align: center;
+			}
+		}
+		.list-cell-ri {
+			width: 478rpx;
+			height: 100%;
+			box-sizing: border-box;
+			padding: 20rpx 24rpx 0 24rpx;
+			float: right;
+			.list-cell-top {
+				width: 100%;
+				height: 121rpx;
+				float: left;
+				border-bottom: 1px solid #e1e1e1;
+				.list-cell-type {
+					width: 286rpx;
+					height: 100%;
+					float: left;
+					.list-cell-tags {
+						width: 100%;
+						height: 32rpx;
+						margin-bottom: 7rpx;
+						.tags {
+							display: inline-block;
+							padding: 0 10rpx;
+							height: 32rpx;
+							line-height: 32rpx;
+							background-color: #ffdcce;
+							color: #f94b4b;
+							font-size: $font-size-20;
+							border-radius: 8rpx;
+							text-align: center;
+							float: left;
+						}
+					}
+					.list-cell-texts {
+						width: 100%;
+						height: auto;
+						line-height: 35rpx;
+						text-overflow: ellipsis;
+						display: -webkit-box;
+						word-break: break-all;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 2;
+						overflow: hidden;
+						font-size: 26rpx;
+						color: #333333;
+					}
+				}
+				.list-cell-btn {
+					width: 128rpx;
+					height: 100%;
+					float: right;
+					.icon-used {
+						width: 100%;
+						height: 100%;
+						box-sizing: border-box;
+						padding-top: 28rpx;
+						.icon-used-text {
+							width: 100%;
+							text-align: center;
+							line-height: 26rpx;
+							font-size: $font-size-20;
+							color: #f94b4b;
+						}
+						.icon-used-btn {
+							height: 48rpx;
+							border-radius: 28rpx;
+							line-height: 48rpx;
+							font-size: $font-size-26;
+							padding: 0 6rpx;
+							text-align: center;
+							box-sizing: border-box;
+							&.buy {
+								background-image: linear-gradient(270deg, #f94b4b 0%, #feb673 100%);
+								color: #ffffff;
+							}
+							&.receive {
+								background-image: linear-gradient(270deg, #f94b4b 0%, #feb673 100%);
+								color: #ffffff;
+							}
+							&.make {
+								border: solid 1px #f94b4b;
+								color: #f94b4b;
+							}
+						}
+					}
+				}
+			}
+			.list-cell-time {
+				width: 100%;
+				height: 58rpx;
+				line-height: 58rpx;
+				text-align: left;
+				font-size: $font-size-20;
+				color: #999999;
+			}
+		}
+	}
+}
+</style>

pages/user/coupon/coupon-collection.vue

@@ -2,43 +2,68 @@
 	<view class="container clearfix">
 		<view class="container-list" v-show="isRequest">
 			<view class="empty-container" v-if="showEmpty">
-				<image class="empty-container-image" :src="StaticUrl+'/icon/icon-coupon-empty@2x.png'"></image>
+				<image class="empty-container-image" :src="StaticUrl + '/icon/icon-coupon-empty@2x.png'"></image>
 				<text class="error-text">暂无可领的优惠券~</text>
 			</view>
 			<template v-else>
-				<view v-for="(coupon,index) in coupinList" :key="index" :id="coupon.id" class="coupon-list">
+				<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>
+						<view class="coupon-maxMoney"> <text class="small">￥</text> {{ coupon.couponAmount }} </view>
+						<view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
 					</view>
 					<view class="list-cell-ri">
 						<view class="list-cell-top">
 							<view class="list-cell-type">
 								<view class="list-cell-tags">
-									<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+									<template v-if="coupon.moneyCouponFlag == 1">
+										<text class="tags" v-if="coupon.moneyCouponType == 1"
+											>意向{{ coupon.couponType | TypeFormat }}</text
+										>
+										<text class="tags" v-else>定向{{ coupon.couponType | TypeFormat }}</text>
+									</template>
+									<template v-else>
+										<text class="tags">{{ coupon.couponType | TypeFormat }}</text>
+									</template>
 								</view>
 								<view class="list-cell-texts">
 									<text v-if="coupon.couponType == 0">
-										{{ coupon.productType && coupon.productType == 1 ? '全商城商品通用' : '仅可购买指定商品'  }}
+										{{
+											coupon.productType && coupon.productType == 1
+												? '全商城商品通用'
+												: '仅可购买指定商品'
+										}}
 									</text>
 									<text v-if="coupon.couponType == 1">
 										{{ coupon.categoryType == 1 ? '仅限购买产品类商品' : '仅限购买仪器类商品' }}
 									</text>
-									<text v-if="coupon.couponType == 3">仅限购买店铺【{{ coupon.shopName }}】的商品</text>
+									<text v-if="coupon.couponType == 3"
+										>仅限购买店铺【{{ coupon.shopName }}】的商品</text
+									>
 									<text v-if="coupon.couponType == 4 || coupon.couponType == 2">全商城商品通用</text>
 								</view>
 							</view>
 							<view class="list-cell-btn">
 								<view class="icon-used">
-									<view class="icon-used-text" v-if="coupon.couponBtnType == 2">购买</view>
-									<view class="icon-used-btn receive" v-if="coupon.couponBtnType == 2" @click="toPayCoupon(coupon)">￥500</view>
-									<view class="icon-used-btn receive" v-if="coupon.couponBtnType == 0" @click="receiveCoupon(coupon)">领取</view>
-									<view class="icon-used-btn make" v-if="coupon.couponBtnType == 1" @click="toUseCoupon(coupon)">去使用</view>
+									<template v-if="coupon.moneyCouponFlag == 1">
+										<view class="icon-used-text">购买</view>
+										<view class="icon-used-btn buy" @click="toPayCoupon(coupon)"
+											>￥{{ coupon.moneyCouponPrice }}</view
+										>
+									</template>
+									<template v-else>
+										<view
+											class="icon-used-btn receive"
+											v-if="coupon.couponBtnType == 0"
+											@click="receiveCoupon(coupon)"
+											>领取</view
+										>
+										<view
+											class="icon-used-btn make"
+											v-if="coupon.couponBtnType == 1"
+											@click="toUseCoupon(coupon)"
+											>去使用</view
+										>
+									</template>
 								</view>
 							</view>
 						</view>
@@ -47,7 +72,7 @@
 				</view>
 				<!--加载loadding-->
 				<tui-loadmore :visible="loadding" :index="3" type="black"></tui-loadmore>
-				<tui-nomore :visible="!pullUpOn" :backgroundColor="'#F7F7F7'" :text='nomoreText'></tui-nomore>
+				<tui-nomore :visible="!pullUpOn" :backgroundColor="'#F7F7F7'" :text="nomoreText"></tui-nomore>
 				<!--加载loadding-->
 			</template>
 		</view>
@@ -55,380 +80,407 @@
 </template>
 
 <script>
-	import { mapState,mapMutations} from 'vuex'
-	import authorize from '@/common/config/authorize.js'
-	import couponTabs from '@/components/cm-module/coupon/tui-tabs.vue'
-	export default {
-		components:{
-			couponTabs
-		},
-		data() {
-			return {
-				StaticUrl:this.$Static,
-				isIphoneX:this.$store.state.isIphoneX,
-				listQuery:{
-					userId:0,
-					pageNum:1,
-					pageSize:10
-				},
-				coupinList:[],
-				isRequest:false,
-				showEmpty: false,
-				nomoreText: '上拉显示更多',
-				hasNextPage:false,
-				loadding: false,
-				pullUpOn: true,
-				pullFlag: true,
-				isReceiveLoading:false, //领券操作状态
-			}
-		},
-		onLoad() {
-			
-		},
-		filters: {
-			TypeFormat(value) {
-				switch (value) {
-					case 0:
-						return  '活动券'
-						break
-					case 1:
-						return  '品类券'
-						break
-					case 2:
-						return  '用户专享券'
-						break
-					case 3:
-						return  '店铺券'
-						break
-					case 4:
-						return  '新用户券'
-						break
-				}
+import { mapState, mapMutations } from 'vuex'
+import authorize from '@/common/config/authorize.js'
+import couponTabs from '@/components/cm-module/coupon/tui-tabs.vue'
+export default {
+	components: {
+		couponTabs
+	},
+	data() {
+		return {
+			StaticUrl: this.$Static,
+			isIphoneX: this.$store.state.isIphoneX,
+			userIdentity: 0,
+			listQuery: {
+				userId: 0,
+				pageNum: 1,
+				pageSize: 10
+			},
+			coupinList: [],
+			isRequest: false,
+			showEmpty: false,
+			nomoreText: '上拉显示更多',
+			hasNextPage: false,
+			loadding: false,
+			pullUpOn: true,
+			pullFlag: true,
+			isReceiveLoading: false //领券操作状态
+		}
+	},
+	onLoad() {},
+	filters: {
+		TypeFormat(value) {
+			switch (value) {
+				case 0:
+					return '活动券'
+					break
+				case 1:
+					return '品类券'
+					break
+				case 2:
+					return '用户专享券'
+					break
+				case 3:
+					return '店铺券'
+					break
+				case 4:
+					return '新用户券'
+					break
 			}
+		}
+	},
+	computed: {
+		...mapState(['hasLogin', 'userInfo', 'identity', 'isActivity'])
+	},
+	methods: {
+		async initGetStotage() {
+			// 初始化
+			const userInfo = await this.$api.getStorage()
+			this.listQuery.userId = userInfo.userId ? userInfo.userId : 0
+			this.userIdentity = userInfo.userIdentity ? userInfo.userIdentity : 0
+			this.QueryCouponList()
 		},
-		computed: {
-			...mapState(['hasLogin','userInfo','identity','isActivity'])
-		},
-		methods: {
-			QueryCouponList() {// 初始化查询优惠券列表
-				this.coupinList = []
-				this.listQuery.pageNum = 1
-				this.ProductService.QueryCouponCollarList(this.listQuery).then(response =>{
+		QueryCouponList() {
+			// 初始化查询优惠券列表
+			this.coupinList = []
+			this.listQuery.pageNum = 1
+			this.ProductService.QueryCouponCollarList(this.listQuery)
+				.then(response => {
 					let data = response.data
-					if(data.list&&data.list.length > 0){
+					if (data.list && data.list.length > 0) {
 						this.showEmpty = false
 						this.hasNextPage = response.data.hasNextPage
-						this.coupinList =data.list
+						this.coupinList = data.list
 						this.pullFlag = false
-						setTimeout(()=>{this.pullFlag = true},500)
-						if(this.hasNextPage){
+						setTimeout(() => {
+							this.pullFlag = true
+						}, 500)
+						if (this.hasNextPage) {
 							this.pullUpOn = false
 							this.nomoreText = '上拉显示更多'
-						}else{
-							if(this.coupinList.length < 8){
+						} else {
+							if (this.coupinList.length < 8) {
 								this.pullUpOn = true
-							}else{
+							} else {
 								this.pullUpOn = false
 								this.loadding = false
 								this.nomoreText = '已至底部'
 							}
 						}
-					}else{
+					} else {
 						this.showEmpty = true
 					}
 					this.isRequest = true
-				}).catch(error =>{
-					this.$util.msg(error.msg,2000)
 				})
-			},
-			getOnReachBottomData(){// 上滑加载分页
-				this.listQuery.pageNum+=1
-				this.ProductService.QueryCouponCollarList(this.listQuery)
-				.then(response =>{
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
+				})
+		},
+		getOnReachBottomData() {
+			// 上滑加载分页
+			this.listQuery.pageNum += 1
+			this.ProductService.QueryCouponCollarList(this.listQuery)
+				.then(response => {
 					let data = response.data
-					if(data.list&&data.list.length > 0){
+					if (data.list && data.list.length > 0) {
 						this.hasNextPage = data.hasNextPage
-						this.coupinList = this.coupinList.concat(data.list) 
-						this.pullFlag = false// 防上拉暴滑
-						setTimeout(()=>{this.pullFlag = true},500)
-						if(this.hasNextPage){
+						this.coupinList = this.coupinList.concat(data.list)
+						this.pullFlag = false // 防上拉暴滑
+						setTimeout(() => {
+							this.pullFlag = true
+						}, 500)
+						if (this.hasNextPage) {
 							this.pullUpOn = false
 							this.nomoreText = '上拉显示更多'
-						}else{
+						} else {
 							this.pullUpOn = false
 							this.loadding = false
 							this.nomoreText = '已至底部'
 						}
 					}
 				})
-				.catch(error =>{
-					this.$util.msg(error.msg,2000)
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
 				})
-			},
-			toPayCoupon(coupon){// 点击购买优惠券
+		},
+		toPayCoupon(coupon) {
+			// 点击购买优惠券
+			if (this.hasLogin) {
+				if (this.userIdentity === 1 || this.userIdentity === 3) {
+					this.$util.msg('您的身份暂不支持领取优惠券', 2000)
+					return
+				}
 				this.MiniWxPayFor(coupon)
-			},
-			receiveCoupon(coupon){// 点击优惠券领取按钮
-				if(this.hasLogin){
-					if(this.isReceiveLoading){return}
-					this.ProductService.ReceiveCoupon(
-						{
-							userId:this.listQuery.userId,
-							couponId:coupon.couponId,
-							source:2
-						}) 
-					.then(response =>{
+			} else {
+				this.$api.navigateTo('/pages/login/login')
+			}
+		},
+		receiveCoupon(coupon) {
+			// 点击优惠券领取按钮
+			if (this.hasLogin) {
+				if (this.isReceiveLoading) {
+					return
+				}
+				this.ProductService.ReceiveCoupon({
+					userId: this.listQuery.userId,
+					couponId: coupon.couponId,
+					source: 2
+				})
+					.then(response => {
 						this.isReceiveLoading = true
-						this.$util.msg('领取成功',1500,true,'success')
-						setTimeout(()=>{
+						this.$util.msg('领取成功', 1500, true, 'success')
+						setTimeout(() => {
 							coupon.couponBtnType = 1
 							this.isReceiveLoading = false
-						},1500)
+						}, 1500)
 					})
-					.catch(error =>{
-						this.$util.msg(error.msg,2000)
+					.catch(error => {
+						this.$util.msg(error.msg, 2000)
 						this.isReceiveLoading = false
 					})
-				}else{
-					this.$api.navigateTo('/pages/login/login')
-				}
-			},
-			toUseCoupon(coupon){// 去使用跳转路径
-				console.log('coupon',coupon)
-				switch (coupon.couponType) {
-					case 0:// 活动券：跳转到商城首页 / 或者活动页（看是否指定了商品）
-						if(coupon.productType == 1){// 1 全商城通用 2 指定商品
-							this.$api.switchTabTo('/pages/tabBar/home/index')
-						}else{
-							this.$api.navigateTo('/pages/user/coupon/coupon-product?couponId='+coupon.couponId)
-						}
-						break
-					case 1:// 品类券：跳转到产品 287 / 仪器页 286
-						this.$api.navigateTo(`/pages/goods/good-floor?linkId=${ coupon.categoryType == 1 ? 287 : 286 }`)
-						break
-					case 2:// 用户专享券：跳转到商城首页
-						this.$api.switchTabTo('/pages/tabBar/home/index')
-						break
-					case 3:// 店铺券：跳转到店铺首页
-						this.$api.navigateTo('/pages/supplier/user/my-shop?shopId='+coupon.shopId)
-						break
-					case 4:// 新用户券：跳转到商城首页
+			} else {
+				this.$api.navigateTo('/pages/login/login')
+			}
+		},
+		toUseCoupon(coupon) {
+			// 去使用跳转路径
+			console.log('coupon', coupon)
+			switch (coupon.couponType) {
+				case 0: // 活动券：跳转到商城首页 / 或者活动页（看是否指定了商品）
+					if (coupon.productType == 1) {
+						// 1 全商城通用 2 指定商品
 						this.$api.switchTabTo('/pages/tabBar/home/index')
-						break
-				}
-			},
-			async MiniWxPayFor(coupon){
-				const wechatcode = await authorize.getCode('weixin')
-				const params ={
-						payAmount:this.$reg.formatAccMul(coupon.couponAmount,100),
-						payWay:'WEIXIN',
-						code:wechatcode,
-						orderId:18399
+					} else {
+						this.$api.navigateTo('/pages/user/coupon/coupon-product?couponId=' + coupon.couponId)
 					}
-				this.PayService.WeChatMiniWxPay(params).then(response =>{
+					break
+				case 1: // 品类券：跳转到产品 287 / 仪器页 286
+					this.$api.navigateTo(`/pages/goods/good-floor?linkId=${coupon.categoryType == 1 ? 287 : 286}`)
+					break
+				case 2: // 用户专享券：跳转到商城首页
+					this.$api.switchTabTo('/pages/tabBar/home/index')
+					break
+				case 3: // 店铺券：跳转到店铺首页
+					this.$api.navigateTo('/pages/supplier/user/my-shop?shopId=' + coupon.shopId)
+					break
+				case 4: // 新用户券：跳转到商城首页
+					this.$api.switchTabTo('/pages/tabBar/home/index')
+					break
+			}
+		},
+		async MiniWxPayFor(coupon) {
+			const wechatcode = await authorize.getCode('weixin')
+			this.PayService.WeChatCouponMiniWxPay({
+				userId: this.listQuery.userId,
+				couponId: coupon.couponId,
+				payWay: 'WEIXIN',
+				code: wechatcode
+			})
+				.then(response => {
 					// 友盟埋点收集微信支付
-					if(process.env.NODE_ENV != 'development'){
+					if (process.env.NODE_ENV != 'development') {
 						this.$uma.trackEvent('Um_Event_ConfirmWechatPay', {
 							Um_Key_PageName: '微信支付',
 							Um_Key_SourcePage: '线上支付',
-							Um_Key_PayName:`${this.buttonText}`,
-							Um_Key_PayOrderID:`${this.orderId}`
+							Um_Key_PayName: `${this.buttonText}`,
+							Um_Key_PayOrderID: `${this.orderId}`
 						})
 					}
 					let PayInfo = JSON.parse(response.data.data.payInfo)
 					this.WxRequestPayment(PayInfo)
-				}).catch(error =>{
-					this.$util.msg(error.msg,2000)
 				})
-			},
-			WxRequestPayment(data){
-				let self = this
-				wx.requestPayment({
-					'timeStamp': data.timeStamp,
-					'nonceStr': data.nonceStr,
-					'package': data.package,
-					'signType': data.signType,
-					'paySign': data.paySign,
-					'success':function(res){
-						wx.reLaunch({url: '/pages/tabBar/user/user'})
-					},
-					'fail':function(res){
-						self.$util.msg('用户取消支付~')
-					},
-					'complete':function(res){
-			
-					}
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
 				})
-			},
-			navigator(url){
-				this.$api.navigateTo(url)
-			},	
-		},
-		onPullDownRefresh() {
-			setTimeout(() => {
-				this.QueryCouponList()
-				uni.stopPullDownRefresh()
-			}, 200)
-		},
-		onReachBottom() {
-			if(this.hasNextPage){
-				this.loadding = true
-				this.pullUpOn = true
-				this.getOnReachBottomData()
-			}	
 		},
-		onShow(){
-			this.$api.getComStorage('userInfo').then((resolve) =>{
-				this.listQuery.userId = resolve.userId ? resolve.userId : 0
-				this.QueryCouponList()
+		WxRequestPayment(data) {
+			let self = this
+			wx.requestPayment({
+				timeStamp: data.timeStamp,
+				nonceStr: data.nonceStr,
+				package: data.package,
+				signType: data.signType,
+				paySign: data.paySign,
+				success: function(res) {
+					wx.reLaunch({ url: '/pages/tabBar/user/user' })
+				},
+				fail: function(res) {
+					self.$util.msg('用户取消支付~')
+				},
+				complete: function(res) {}
 			})
+		},
+		navigator(url) {
+			this.$api.navigateTo(url)
+		}
+	},
+	onPullDownRefresh() {
+		setTimeout(() => {
+			this.QueryCouponList()
+			uni.stopPullDownRefresh()
+		}, 200)
+	},
+	onReachBottom() {
+		if (this.hasNextPage) {
+			this.loadding = true
+			this.pullUpOn = true
+			this.getOnReachBottomData()
 		}
+	},
+	onShow() {
+		this.initGetStotage()
 	}
+}
 </script>
 
 <style lang="scss">
-	page{
-		background-color: #F7F7F7;
+page {
+	background-color: #f7f7f7;
+}
+.container {
+	width: 100%;
+	height: auto;
+}
+.container-list {
+	box-sizing: border-box;
+	padding: 24rpx;
+	.empty-container-image {
+		width: 260rpx;
+		height: 260rpx;
+		margin-top: -300rpx;
 	}
-	.container{
-		width: 100%;
-		height: auto;
+	.toIndexPage {
+		bottom: 390rpx;
 	}
-	.container-list {
+	.coupon-list {
+		width: 100%;
+		height: 200rpx;
+		margin-bottom: 24rpx;
 		box-sizing: border-box;
-		padding:24rpx;
-		.empty-container-image {
-			width: 260rpx;
-			height: 260rpx;
-			margin-top: -300rpx;
-		}
-		.toIndexPage {
-			bottom: 390rpx;
-		}
-		.coupon-list{
-			width: 100%;
-			height: 200rpx;
-			margin-bottom: 24rpx;
+		background: url(https://static.caimei365.com/app/img/icon/icon-coupon-uesb@2x.png);
+		background-size: cover;
+		.list-cell-le {
+			width: 224rpx;
+			height: 100%;
 			box-sizing: border-box;
-			background: url(https://static.caimei365.com/app/img/icon/icon-coupon-uesb@2x.png);
-			background-size: cover;
-			.list-cell-le{
-				width: 224rpx;
-				height: 100%;
-				box-sizing: border-box;
-				padding: 37rpx 0;
-				float: left;
-				.coupon-maxMoney{
-					width: 100%;
-					height: 78rpx;
-					line-height: 78rpx;
-					font-size: 56rpx;
-					color: #FFFFFF;
-					text-align: center;
-					.small{
-						font-size: $font-size-24;
-					}
-				}
-				.coupon-minMoney{
-					width: 100%;
-					height: 33rpx;
-					line-height: 33rpx;
+			padding: 37rpx 0;
+			float: left;
+			.coupon-maxMoney {
+				width: 100%;
+				height: 78rpx;
+				line-height: 78rpx;
+				font-size: 56rpx;
+				color: #ffffff;
+				text-align: center;
+				.small {
 					font-size: $font-size-24;
-					color: #FFFFFF;
-					text-align: center;
 				}
 			}
-			.list-cell-ri{
-				width: 478rpx;
-				height: 100%;
-				box-sizing: border-box;
-				padding: 20rpx 24rpx 0 24rpx;
-				float: right;
-				.list-cell-top{
-					width: 100%;
-					height: 121rpx;
+			.coupon-minMoney {
+				width: 100%;
+				height: 33rpx;
+				line-height: 33rpx;
+				font-size: $font-size-24;
+				color: #ffffff;
+				text-align: center;
+			}
+		}
+		.list-cell-ri {
+			width: 478rpx;
+			height: 100%;
+			box-sizing: border-box;
+			padding: 20rpx 24rpx 0 24rpx;
+			float: right;
+			.list-cell-top {
+				width: 100%;
+				height: 121rpx;
+				float: left;
+				border-bottom: 1px solid #e1e1e1;
+				.list-cell-type {
+					width: 286rpx;
+					height: 100%;
 					float: left;
-					border-bottom: 1px solid #e1e1e1;
-					.list-cell-type{
-						width: 286rpx;
-						height: 100%;
-						float: left;
-						.list-cell-tags{
-							width: 100%;
+					.list-cell-tags {
+						width: 100%;
+						height: 32rpx;
+						margin-bottom: 7rpx;
+						.tags {
+							display: inline-block;
+							padding: 0 10rpx;
 							height: 32rpx;
-							margin-bottom: 7rpx;
-							.tags{
-								display: inline-block;
-								padding: 0 10rpx;
-								height: 32rpx;
-								line-height: 32rpx;
-								background-color: #ffdcce;
-								color: #f94b4b;
-								font-size: $font-size-20;
-								border-radius: 8rpx;
-								text-align: center;
-								float: left;
-							}
-						}
-						.list-cell-texts{
-							width: 100%;
-							height: auto;
-							line-height:35rpx;
-							text-overflow:ellipsis;
-							display: -webkit-box;
-							word-break: break-all;
-							-webkit-box-orient: vertical;
-							-webkit-line-clamp: 2;
-							overflow: hidden;
-							font-size: 26rpx;
-							color: #333333;
+							line-height: 32rpx;
+							background-color: #ffdcce;
+							color: #f94b4b;
+							font-size: $font-size-20;
+							border-radius: 8rpx;
+							text-align: center;
+							float: left;
 						}
 					}
-					.list-cell-btn{
-						width: 128rpx;
+					.list-cell-texts {
+						width: 100%;
+						height: auto;
+						line-height: 35rpx;
+						text-overflow: ellipsis;
+						display: -webkit-box;
+						word-break: break-all;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 2;
+						overflow: hidden;
+						font-size: 26rpx;
+						color: #333333;
+					}
+				}
+				.list-cell-btn {
+					width: 128rpx;
+					height: 100%;
+					float: right;
+					.icon-used {
+						width: 100%;
 						height: 100%;
-						float: right;
-						.icon-used{
+						box-sizing: border-box;
+						padding-top: 28rpx;
+						.icon-used-text {
 							width: 100%;
-							height: 100%;
+							text-align: center;
+							line-height: 26rpx;
+							font-size: $font-size-20;
+							color: #f94b4b;
+						}
+						.icon-used-btn {
+							height: 48rpx;
+							border-radius: 28rpx;
+							line-height: 48rpx;
+							font-size: $font-size-26;
+							text-align: center;
+							padding: 0 6rpx;
 							box-sizing: border-box;
-							padding-top: 28rpx;
-							.icon-used-text{
-								width: 100%;
-								text-align: center;
-								line-height: 26rpx;
-								font-size: $font-size-20;
-								color: #F94B4B;
+							&.buy {
+								background-image: linear-gradient(270deg, #f94b4b 0%, #feb673 100%);
+								color: #ffffff;
 							}
-							.icon-used-btn{
-								height: 48rpx;
-								border-radius: 28rpx;
-								line-height: 48rpx;
-								font-size: $font-size-26;
-								text-align: center;
-								padding: 0 26rpx;
-								box-sizing: border-box;
-								&.receive{
-									background-image: linear-gradient(270deg, #f94b4b 0%, #feb673 100%);;
-									color: #FFFFFF;
-								}
-								&.make{
-									border: solid 1px #f94b4b;
-									color: #f94b4b;
-								}
+							&.receive {
+								background-image: linear-gradient(270deg, #f94b4b 0%, #feb673 100%);
+								color: #ffffff;
+							}
+							&.make {
+								border: solid 1px #f94b4b;
+								color: #f94b4b;
 							}
 						}
 					}
 				}
-				.list-cell-time{
-					width: 100%;
-					height: 58rpx;
-					line-height: 58rpx;
-					text-align: left;
-					font-size: $font-size-20;
-					color: #999999;
-				}
+			}
+			.list-cell-time {
+				width: 100%;
+				height: 58rpx;
+				line-height: 58rpx;
+				text-align: left;
+				font-size: $font-size-20;
+				color: #999999;
 			}
 		}
 	}
+}
 </style>

pages/user/coupon/coupon.vue

@@ -1,56 +1,85 @@
 <template>
 	<view class="container clearfix">
 		<view class="coupon-tabs">
-			<coupon-tabs  :tabs="navbar"
-						  :currentTab="currentTab>2?0:currentTab" 
-						  @change="change" 
-						  :itemWidth="(100/navbar.length)+'%'"
-						  selectedColor="#e15616" 
-						  sliderBgColor="#e15616">
+			<coupon-tabs
+				:tabs="navbar"
+				:currentTab="currentTab > 2 ? 0 : currentTab"
+				@change="change"
+				:itemWidth="100 / navbar.length + '%'"
+				selectedColor="#e15616"
+				sliderBgColor="#e15616"
+			>
 			</coupon-tabs>
 		</view>
-		<view 	class="container-list" 
-				:style="{'overflow':'auto',paddingBottom :isIphoneX ? '140rpx' : '0rpx','height':(coupinList.length>6? windowHeight + 'px' : 'auto')}"
-				v-show="isRequest"
-			>
+		<view
+			class="container-list"
+			:style="{
+				overflow: 'auto',
+				paddingBottom: isIphoneX ? '140rpx' : '0rpx',
+				height: coupinList.length > 6 ? windowHeight + 'px' : 'auto'
+			}"
+			v-show="isRequest"
+		>
 			<view class="empty-container" v-if="showEmpty">
-				<image class="empty-container-image" :src="StaticUrl+'/icon/icon-coupon-empty@2x.png'"></image>
+				<image class="empty-container-image" :src="StaticUrl + '/icon/icon-coupon-empty@2x.png'"></image>
 				<text class="error-text">暂无优惠券~</text>
 			</view>
 			<template v-else>
-				<view :style="{'height':(coupinList.length>5? scrollHeight+'px' : 'auto')}">
-					<view 	v-for="(coupon,index) in coupinList" 
-							:key="index" 
-							:id="coupon.id" 
-							class="coupon-list" 
-							:class="listClass"
-						>
+				<view :style="{ height: coupinList.length > 5 ? scrollHeight + 'px' : 'auto' }">
+					<view
+						v-for="(coupon, index) in coupinList"
+						:key="index"
+						:id="coupon.id"
+						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 }}可用
+								<text class="small">￥</text> {{ coupon.couponAmount }}
 							</view>
+							<view class="coupon-minMoney"> 满{{ coupon.touchPrice }}可用 </view>
 						</view>
 						<view class="list-cell-ri">
 							<view class="list-cell-top">
 								<view class="list-cell-type">
 									<view class="list-cell-tags">
-										<text class="tags" :class="coupon.useStatus == 2 || coupon.useStatus == 3 ? 'none' : ''">
-											{{ coupon.couponType | TypeFormat }}
-										</text>
+										<template v-if="coupon.moneyCouponFlag == 1">
+											<text
+												class="tags"
+												v-if="coupon.moneyCouponType == 1"
+												:class="coupon.useStatus == 2 || coupon.useStatus == 3 ? 'none' : ''"
+												>意向{{ coupon.couponType | TypeFormat }}</text
+											>
+											<text class="tags" v-else>定向{{ coupon.couponType | TypeFormat }}</text>
+										</template>
+										<template v-else>
+											<text
+												class="tags"
+												:class="coupon.useStatus == 2 || coupon.useStatus == 3 ? 'none' : ''"
+												>{{ coupon.couponType | TypeFormat }}</text
+											>
+										</template>
 									</view>
-									<view class="list-cell-texts" :class="coupon.useStatus == 2 || coupon.useStatus == 3 ? 'none' : ''">
+									<view
+										class="list-cell-texts"
+										:class="coupon.useStatus == 2 || coupon.useStatus == 3 ? 'none' : ''"
+									>
 										<text v-if="coupon.couponType == 0">
-											{{ coupon.productType && coupon.productType == 1 ? '全商城商品通用' : '仅可购买指定商品'  }}
+											{{
+												coupon.productType && coupon.productType == 1
+													? '全商城商品通用'
+													: '仅可购买指定商品'
+											}}
 										</text>
 										<text v-if="coupon.couponType == 1">
 											{{ coupon.categoryType == 1 ? '仅限购买产品类商品' : '仅限购买仪器类商品' }}
 										</text>
-										<text v-if="coupon.couponType == 3">仅限购买店铺【{{ coupon.shopName }}】的商品</text>
-										<text v-if="coupon.couponType == 4 || coupon.couponType == 2">全商城商品通用</text>
+										<text v-if="coupon.couponType == 3"
+											>仅限购买店铺【{{ coupon.shopName }}】的商品</text
+										>
+										<text v-if="coupon.couponType == 4 || coupon.couponType == 2"
+											>全商城商品通用</text
+										>
 									</view>
 								</view>
 								<view class="list-cell-btn">
@@ -66,439 +95,437 @@
 					</view>
 					<!--加载loadding-->
 					<tui-loadmore :visible="loadding" :index="3" type="black"></tui-loadmore>
-					<tui-nomore :visible="!pullUpOn" :backgroundColor="'#F7F7F7'" :text='nomoreText'></tui-nomore>
+					<tui-nomore :visible="!pullUpOn" :backgroundColor="'#F7F7F7'" :text="nomoreText"></tui-nomore>
 					<!--加载loadding-->
 				</view>
 			</template>
 		</view>
-		<view class="button-bottom" :style="{paddingBottom :isIphoneX ? '68rpx' : '20rpx'}">
-			<view class="button-exchange" @click="navigator('/pages/user/coupon/coupon-exchange')">
-				兑换优惠券
-			</view>
-			<view class="button-receive"  @click="navigator('/pages/user/coupon/coupon-collection')">
-				领更多好券
-			</view>
+		<view class="button-bottom" :style="{ paddingBottom: isIphoneX ? '68rpx' : '20rpx' }">
+			<view class="button-exchange" @click="navigator('/pages/user/coupon/coupon-exchange')"> 兑换优惠券 </view>
+			<view class="button-receive" @click="navigator('/pages/user/coupon/coupon-collection')"> 领更多好券 </view>
 		</view>
 	</view>
 </template>
 
 <script>
-	import { mapState,mapMutations} from 'vuex'
-	import couponTabs from '@/components/cm-module/coupon/tui-tabs.vue'
-	export default {
-		components:{
-			couponTabs
-		},
-		data() {
-			return {
-				isRequest:false,
-				listClass:'list-used',
-				StaticUrl:this.$Static,
-				isIphoneX:this.$store.state.isIphoneX,
-				currentTab: 0,
-				listQuery:{
-					userId:0,
-					pageNum:1,
-					pageSize:10,
-					status:1
-				},
-				navbar: [
-					{ name: '未使用',num:0 }, 
-					{ name: '已使用',num:0 }, 
-					{ name: '已失效',num:0 },
-				],
-				coupinList:[],
-				windowHeight:'',
-				scrollHeight:'',
-				showEmpty: false,
-				nomoreText: '上拉显示更多',
-				hasNextPage:false,
-				loadding: false,
-				pullUpOn: true,
-				pullFlag: true,
-			}
-		},
-		onLoad() {
-		
-		},
-		filters: {
-			TypeFormat(value) {
-				switch (value) {
-					case 0:
-						return  '活动券'
-						break
-					case 1:
-						return  '品类券'
-						break
-					case 2:
-						return  '用户专享券'
-						break
-					case 3:
-						return  '店铺券'
-						break
-					case 4:
-						return  '新用户券'
-						break
-				}
+import { mapState, mapMutations } from 'vuex'
+import couponTabs from '@/components/cm-module/coupon/tui-tabs.vue'
+export default {
+	components: {
+		couponTabs
+	},
+	data() {
+		return {
+			isRequest: false,
+			listClass: 'list-used',
+			StaticUrl: this.$Static,
+			isIphoneX: this.$store.state.isIphoneX,
+			currentTab: 0,
+			listQuery: {
+				userId: 0,
+				pageNum: 1,
+				pageSize: 10,
+				status: 1
+			},
+			navbar: [{ name: '未使用', num: 0 }, { name: '已使用', num: 0 }, { name: '已失效', num: 0 }],
+			coupinList: [],
+			windowHeight: '',
+			scrollHeight: '',
+			showEmpty: false,
+			nomoreText: '上拉显示更多',
+			hasNextPage: false,
+			loadding: false,
+			pullUpOn: true,
+			pullFlag: true
+		}
+	},
+	onLoad() {},
+	filters: {
+		TypeFormat(value) {
+			switch (value) {
+				case 0:
+					return '活动券'
+					break
+				case 1:
+					return '品类券'
+					break
+				case 2:
+					return '用户专享券'
+					break
+				case 3:
+					return '店铺券'
+					break
+				case 4:
+					return '新用户券'
+					break
 			}
+		}
+	},
+	computed: {
+		...mapState(['hasLogin', 'userInfo', 'identity', 'isActivity'])
+	},
+	methods: {
+		setScrollHeight() {
+			const { windowHeight, pixelRatio } = wx.getSystemInfoSync()
+			this.windowHeight = windowHeight - 1
+			this.scrollHeight = windowHeight - 1
 		},
-		computed: {
-			...mapState(['hasLogin','userInfo','identity','isActivity'])
-		},
-		methods: {
-			setScrollHeight() {
-				const {windowHeight, pixelRatio} = wx.getSystemInfoSync()
-				this.windowHeight = windowHeight - 1
-				this.scrollHeight = windowHeight - 1
-			},
-			QueryCouponList() {// 获取优惠券列表
-				this.coupinList = []
-				this.listQuery.pageNum = 1
-				this.ProductService.QueryCouponCenter(this.listQuery).then(response =>{
+		QueryCouponList() {
+			// 获取优惠券列表
+			this.coupinList = []
+			this.listQuery.pageNum = 1
+			this.ProductService.QueryCouponCenter(this.listQuery)
+				.then(response => {
 					let data = response.data
-					if(data.list&&data.list.length > 0){
+					if (data.list && data.list.length > 0) {
 						this.showEmpty = false
 						this.hasNextPage = data.hasNextPage
 						this.coupinList = data.list
 						this.pullFlag = false
-						setTimeout(()=>{this.pullFlag = true},500)
-						if(this.hasNextPage){
+						setTimeout(() => {
+							this.pullFlag = true
+						}, 500)
+						if (this.hasNextPage) {
 							this.pullUpOn = false
 							this.nomoreText = '上拉显示更多'
-						}else{
-							if(this.coupinList.length < 8){
+						} else {
+							if (this.coupinList.length < 8) {
 								this.pullUpOn = true
-							}else{
+							} else {
 								this.pullUpOn = false
 								this.loadding = false
 								this.nomoreText = '已至底部'
 							}
 						}
-					}else{
+					} else {
 						this.showEmpty = true
 					}
 					this.isRequest = true
-				}).catch(error =>{
-					this.$util.msg(error.msg,2000)
 				})
-			},
-			getOnReachBottomData(){// 上滑加载分页
-				this.listQuery.pageNum+=1
-				this.ProductService.QueryCouponCenter(this.listQuery)
-				.then(response =>{
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
+				})
+		},
+		getOnReachBottomData() {
+			// 上滑加载分页
+			this.listQuery.pageNum += 1
+			this.ProductService.QueryCouponCenter(this.listQuery)
+				.then(response => {
 					let data = response.data
-					if(data.list&&data.list.length > 0){
+					if (data.list && data.list.length > 0) {
 						this.hasNextPage = data.hasNextPage
-						this.coupinList = this.coupinList.concat(data.list) 
-						this.pullFlag = false// 防上拉暴滑
-						setTimeout(()=>{this.pullFlag = true},500)
-						if(this.hasNextPage){
+						this.coupinList = this.coupinList.concat(data.list)
+						this.pullFlag = false // 防上拉暴滑
+						setTimeout(() => {
+							this.pullFlag = true
+						}, 500)
+						if (this.hasNextPage) {
 							this.pullUpOn = false
 							this.nomoreText = '上拉显示更多'
-						}else{
+						} else {
 							this.pullUpOn = false
 							this.loadding = false
 							this.nomoreText = '已至底部'
 						}
 					}
 				})
-				.catch(error =>{
-					this.$util.msg(error.msg,2000)
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
 				})
-			},
-			getQueryCouponsCount(){// 获取优惠券数量
-				this.ProductService.QueryCouponsCount(
-					{
-						userId:this.listQuery.userId, 
-					}
-				) 
-				.then(response =>{
+		},
+		getQueryCouponsCount() {
+			// 获取优惠券数量
+			this.ProductService.QueryCouponsCount({
+				userId: this.listQuery.userId
+			})
+				.then(response => {
 					let data = response.data
 					this.navbar[0].num = data.unusedNum
 					this.navbar[1].num = data.usedNum
 					this.navbar[2].num = data.expiredNum
 				})
-				.catch(error =>{
-					this.$util.msg(error.msg,2000)
+				.catch(error => {
+					this.$util.msg(error.msg, 2000)
 				})
-			},
-			toUseCoupon(coupon){// 去使用跳转路径
-				console.log('coupon',coupon)
-				switch (coupon.couponType) {
-					case 0:// 活动券：跳转到商城首页 / 或者活动页（看是否指定了商品）
-						 if(coupon.productType == 1){// 1 全商城通用 2 指定商品
-							console.log('asdasdasda',coupon.productType)
-							this.$api.switchTabTo('/pages/tabBar/home/index')
-						 }else{
-							this.$api.navigateTo('/pages/user/coupon/coupon-product?couponId='+coupon.couponId)
-						 }
-						break
-					case 1:// 品类券：跳转到产品 287 / 仪器页 286
-						this.$api.navigateTo(`/pages/goods/good-floor?linkId=${ coupon.categoryType == 1 ? 287 : 286 }`)
-						break
-					case 2:// 用户专享券：跳转到商城首页
-						this.$api.switchTabTo('/pages/tabBar/home/index')
-						break
-					case 3:// 店铺券：跳转到店铺首页
-						this.$api.navigateTo('/pages/supplier/user/my-shop?shopId='+coupon.shopId)
-						break
-					case 4:// 新用户券：跳转到商城首页
-						this.$api.switchTabTo('/pages/tabBar/home/index')
-						break
-				}
-			},
-			change(e) {
-				this.currentTab = e.index
-				this.isRequest = false
-				this.listQuery.pageNum = 1
-				switch(this.currentTab){
-					case 0:
-						this.listClass = 'list-used'
-						this.listQuery.status = 1
-						break
-					case 1:
-						this.listClass = 'list-none'
-						this.listQuery.status = 2
-						break
-					case 2:
-						this.listClass = 'list-none'
-						this.listQuery.status = 3
-						break
-					
-				}
-				this.QueryCouponList()
-			},
-			navigator(url){
-				this.$api.navigateTo(url)
-			},	
 		},
-		onPullDownRefresh() {
-			setTimeout(() => {
-				this.QueryCouponList()
-				uni.stopPullDownRefresh()
-			}, 200)
+		toUseCoupon(coupon) {
+			// 去使用跳转路径
+			console.log('coupon', coupon)
+			switch (coupon.couponType) {
+				case 0: // 活动券：跳转到商城首页 / 或者活动页（看是否指定了商品）
+					if (coupon.productType == 1) {
+						// 1 全商城通用 2 指定商品
+						console.log('asdasdasda', coupon.productType)
+						this.$api.switchTabTo('/pages/tabBar/home/index')
+					} else {
+						this.$api.navigateTo('/pages/user/coupon/coupon-product?couponId=' + coupon.couponId)
+					}
+					break
+				case 1: // 品类券：跳转到产品 287 / 仪器页 286
+					this.$api.navigateTo(`/pages/goods/good-floor?linkId=${coupon.categoryType == 1 ? 287 : 286}`)
+					break
+				case 2: // 用户专享券：跳转到商城首页
+					this.$api.switchTabTo('/pages/tabBar/home/index')
+					break
+				case 3: // 店铺券：跳转到店铺首页
+					this.$api.navigateTo('/pages/supplier/user/my-shop?shopId=' + coupon.shopId)
+					break
+				case 4: // 新用户券：跳转到商城首页
+					this.$api.switchTabTo('/pages/tabBar/home/index')
+					break
+			}
 		},
-		onReachBottom() {
-			if(this.hasNextPage){
-				this.loadding = true
-				this.pullUpOn = true
-				this.getOnReachBottomData()
-			}	
+		change(e) {
+			this.currentTab = e.index
+			this.isRequest = false
+			this.listQuery.pageNum = 1
+			switch (this.currentTab) {
+				case 0:
+					this.listClass = 'list-used'
+					this.listQuery.status = 1
+					break
+				case 1:
+					this.listClass = 'list-none'
+					this.listQuery.status = 2
+					break
+				case 2:
+					this.listClass = 'list-none'
+					this.listQuery.status = 3
+					break
+			}
+			this.QueryCouponList()
 		},
-		onShow(){		
-			this.setScrollHeight()
-			this.$api.getComStorage('userInfo').then((resolve) =>{
-				this.listQuery.userId = resolve.userId ? resolve.userId : 0
-				this.getQueryCouponsCount()
-				this.QueryCouponList()
-			})
+		navigator(url) {
+			this.$api.navigateTo(url)
 		}
+	},
+	onPullDownRefresh() {
+		setTimeout(() => {
+			this.QueryCouponList()
+			uni.stopPullDownRefresh()
+		}, 200)
+	},
+	onReachBottom() {
+		if (this.hasNextPage) {
+			this.loadding = true
+			this.pullUpOn = true
+			this.getOnReachBottomData()
+		}
+	},
+	onShow() {
+		this.setScrollHeight()
+		this.$api.getComStorage('userInfo').then(resolve => {
+			this.listQuery.userId = resolve.userId ? resolve.userId : 0
+			this.getQueryCouponsCount()
+			this.QueryCouponList()
+		})
 	}
+}
 </script>
 
 <style lang="scss">
-	page{
-		background-color: #F7F7F7;
+page {
+	background-color: #f7f7f7;
+}
+.coupon-tabs {
+	width: 100%;
+	height: 80rpx;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 99;
+}
+.container {
+	width: 100%;
+	height: auto;
+	padding-top: 80rpx;
+}
+.container-list {
+	box-sizing: border-box;
+	padding: 24rpx;
+	scroll-view {
+		height: 100%;
+		overflow: scroll;
 	}
-	.coupon-tabs{
-		width: 100%;
-		height: 80rpx;
-		position: fixed;
-		top: 0;
-		left: 0;
-		z-index: 99;
+	.empty-container-image {
+		width: 260rpx;
+		height: 260rpx;
+		margin-top: -300rpx;
 	}
-	.container{
-		width: 100%;
-		height: auto;
-		padding-top: 80rpx;
+	.toIndexPage {
+		bottom: 390rpx;
 	}
-	.container-list {
+	.coupon-list {
+		width: 100%;
+		height: 200rpx;
+		margin-bottom: 24rpx;
 		box-sizing: border-box;
-		padding:24rpx;
-		scroll-view {
-			height: 100%;
-			overflow: scroll;
-		}	
-		.empty-container-image {
-			width: 260rpx;
-			height: 260rpx;
-			margin-top: -300rpx;
+		&.list-used {
+			background: url(https://static.caimei365.com/app/img/icon/icon-coupon-uesb@2x.png);
+			background-size: cover;
 		}
-		.toIndexPage {
-			bottom: 390rpx;
+		&.list-none {
+			background: url(https://static.caimei365.com/app/img/icon/icon-coupon-none@2x.png);
+			background-size: cover;
 		}
-		.coupon-list{
-			width: 100%;
-			height: 200rpx;
-			margin-bottom: 24rpx;
+		.list-cell-le {
+			width: 224rpx;
+			height: 100%;
 			box-sizing: border-box;
-			&.list-used{
-				background: url(https://static.caimei365.com/app/img/icon/icon-coupon-uesb@2x.png);
-				background-size: cover;
-			}
-			&.list-none{
-				background: url(https://static.caimei365.com/app/img/icon/icon-coupon-none@2x.png);
-				background-size: cover;
-			}
-			.list-cell-le{
-				width: 224rpx;
-				height: 100%;
-				box-sizing: border-box;
-				padding: 37rpx 0;
-				float: left;
-				.coupon-maxMoney{
-					width: 100%;
-					height: 78rpx;
-					line-height: 78rpx;
-					font-size: 56rpx;
-					color: #FFFFFF;
-					text-align: center;
-					.small{
-						font-size: $font-size-24;
-					}
-				}
-				.coupon-minMoney{
-					width: 100%;
-					height: 33rpx;
-					line-height: 33rpx;
+			padding: 37rpx 0;
+			float: left;
+			.coupon-maxMoney {
+				width: 100%;
+				height: 78rpx;
+				line-height: 78rpx;
+				font-size: 56rpx;
+				color: #ffffff;
+				text-align: center;
+				.small {
 					font-size: $font-size-24;
-					color: #FFFFFF;
-					text-align: center;
 				}
 			}
-			.list-cell-ri{
-				width: 478rpx;
-				height: 100%;
-				box-sizing: border-box;
-				padding: 20rpx 24rpx 0 24rpx;
-				float: right;
-				.list-cell-top{
-					width: 100%;
-					height: 121rpx;
+			.coupon-minMoney {
+				width: 100%;
+				height: 33rpx;
+				line-height: 33rpx;
+				font-size: $font-size-24;
+				color: #ffffff;
+				text-align: center;
+			}
+		}
+		.list-cell-ri {
+			width: 478rpx;
+			height: 100%;
+			box-sizing: border-box;
+			padding: 20rpx 24rpx 0 24rpx;
+			float: right;
+			.list-cell-top {
+				width: 100%;
+				height: 121rpx;
+				float: left;
+				border-bottom: 1px solid #e1e1e1;
+				.list-cell-type {
+					width: 286rpx;
+					height: 100%;
 					float: left;
-					border-bottom: 1px solid #e1e1e1;
-					.list-cell-type{
-						width: 286rpx;
-						height: 100%;
-						float: left;
-						.list-cell-tags{
-							width: 100%;
+					.list-cell-tags {
+						width: 100%;
+						height: 32rpx;
+						margin-bottom: 7rpx;
+						.tags {
+							display: inline-block;
+							padding: 0 10rpx;
 							height: 32rpx;
-							margin-bottom: 7rpx;
-							.tags{
-								display: inline-block;
-								padding: 0 10rpx;
-								height: 32rpx;
-								line-height: 32rpx;
-								background-color: #ffdcce;
-								color: #f94b4b;
-								font-size: $font-size-20;
-								border-radius: 8rpx;
-								text-align: center;
-								float: left;
-								&.none{
-									background-color: #dbdbdb;
-									color: #FFFFFF;
-								}
+							line-height: 32rpx;
+							background-color: #ffdcce;
+							color: #f94b4b;
+							font-size: $font-size-20;
+							border-radius: 8rpx;
+							text-align: center;
+							float: left;
+							&.none {
+								background-color: #dbdbdb;
+								color: #ffffff;
 							}
 						}
-						.list-cell-texts{
-							width: 100%;
-							height: auto;
-							line-height:35rpx;
-							text-overflow:ellipsis;
-							display: -webkit-box;
-							word-break: break-all;
-							-webkit-box-orient: vertical;
-							-webkit-line-clamp: 2;
-							overflow: hidden;
-							font-size: 26rpx;
-							color: #333333;
-							&.none{
-								color: #999999;
-							}
+					}
+					.list-cell-texts {
+						width: 100%;
+						height: auto;
+						line-height: 35rpx;
+						text-overflow: ellipsis;
+						display: -webkit-box;
+						word-break: break-all;
+						-webkit-box-orient: vertical;
+						-webkit-line-clamp: 2;
+						overflow: hidden;
+						font-size: 26rpx;
+						color: #333333;
+						&.none {
+							color: #999999;
 						}
 					}
-					.list-cell-btn{
-						width: 128rpx;
+				}
+				.list-cell-btn {
+					width: 128rpx;
+					height: 100%;
+					float: right;
+					.icon-used {
+						width: 100%;
 						height: 100%;
-						float: right;
-						.icon-used{
-							width: 100%;
-							height: 100%;
-							box-sizing: border-box;
-							padding-top: 57rpx;
-							.icon-used-btn{
-								width: 128rpx;
-								height: 48rpx;
-								border-radius: 28rpx;
-								border: solid 1px #f94b4b;
-								line-height: 48rpx;
-								font-size: $font-size-26;
-								color: #f94b4b;
-								text-align: center;
-							}
-						}
-						.icon-use{
-							width: 92rpx;
-							height: 92rpx;
-							box-sizing: border-box;
-							background: url(https://static.caimei365.com/app/img/icon/icon-coupon-use@2x.png);
-							background-size: cover;
-							float: right;
-						}
-						.icon-invalid{
-							width: 92rpx;
-							height: 92rpx;
-							box-sizing: border-box;
-							background: url(https://static.caimei365.com/app/img/icon/icon-coupon-invalid@2x.png);
-							background-size: cover;
-							float: right;
+						box-sizing: border-box;
+						padding-top: 57rpx;
+						.icon-used-btn {
+							width: 128rpx;
+							height: 48rpx;
+							border-radius: 28rpx;
+							border: solid 1px #f94b4b;
+							line-height: 48rpx;
+							font-size: $font-size-26;
+							color: #f94b4b;
+							text-align: center;
 						}
 					}
+					.icon-use {
+						width: 92rpx;
+						height: 92rpx;
+						box-sizing: border-box;
+						background: url(https://static.caimei365.com/app/img/icon/icon-coupon-use@2x.png);
+						background-size: cover;
+						float: right;
+					}
+					.icon-invalid {
+						width: 92rpx;
+						height: 92rpx;
+						box-sizing: border-box;
+						background: url(https://static.caimei365.com/app/img/icon/icon-coupon-invalid@2x.png);
+						background-size: cover;
+						float: right;
+					}
 				}
-				.list-cell-time{
-					width: 100%;
-					height: 58rpx;
-					line-height: 58rpx;
-					text-align: left;
-					font-size: $font-size-20;
-					color: #999999;
-				}
+			}
+			.list-cell-time {
+				width: 100%;
+				height: 58rpx;
+				line-height: 58rpx;
+				text-align: left;
+				font-size: $font-size-20;
+				color: #999999;
 			}
 		}
 	}
-	.button-bottom{
-		width: 100%;
-		position: fixed;
-		background-color: #FFFFFF;
-		bottom: 0;
-		left: 0;
-		box-sizing: border-box;
-		padding: 8rpx 24rpx;
-		z-index: 999;
-		.button-exchange{
-			width: 280rpx;
-			height: 84rpx;
-			line-height: 84rpx;
-			background-color: #ffe6dc;
-			border-radius: 50rpx;
-			text-align: center;
-			font-size: $font-size-30;
-			color: #e15616;
-			float: left;
-		}
-		.button-receive{
-			width: 408rpx;
-			height: 84rpx;
-			line-height: 84rpx;
-			background: $btn-confirm;
-			border-radius: 50rpx;
-			text-align: center;
-			font-size: $font-size-30;
-			color: #FFFFFF;
-			float: right;
-		}
+}
+.button-bottom {
+	width: 100%;
+	position: fixed;
+	background-color: #ffffff;
+	bottom: 0;
+	left: 0;
+	box-sizing: border-box;
+	padding: 8rpx 24rpx;
+	z-index: 999;
+	.button-exchange {
+		width: 280rpx;
+		height: 84rpx;
+		line-height: 84rpx;
+		background-color: #ffe6dc;
+		border-radius: 50rpx;
+		text-align: center;
+		font-size: $font-size-30;
+		color: #e15616;
+		float: left;
+	}
+	.button-receive {
+		width: 408rpx;
+		height: 84rpx;
+		line-height: 84rpx;
+		background: $btn-confirm;
+		border-radius: 50rpx;
+		text-align: center;
+		font-size: $font-size-30;
+		color: #ffffff;
+		float: right;
 	}
+}
 </style>

services/config.env.js

@@ -1,10 +1,10 @@
 let URL_CONFIG = ''
 if(process.env.NODE_ENV === 'development'){
     // 开发环境
-    // URL_CONFIG = 'http://192.168.2.67:18002'	 //智捷联调地址
+    URL_CONFIG = 'http://192.168.2.67:18002'	 //智捷联调地址
     // URL_CONFIG = 'http://192.168.2.68:18002'	 //涛涛联调地址
     // URL_CONFIG = 'http://192.168.2.75:18002'	 //超超联调地址
-    URL_CONFIG = 'https://core-b.caimei365.com'
+    // URL_CONFIG = 'https://core-b.caimei365.com'
     // URL_CONFIG = 'https://core.caimei365.com'
 }else{
     // 生产环境

services/pay.service.js

@@ -40,6 +40,22 @@ export default class PayService {
               
         })
     }
+    /**
+	 *小程序支付-微信支付
+	 *@param  payWay银联：UNIONPAY，微信：WEIXIN，支付宝：ALIPAY
+	 *@param  payType 微信小程序支付: MINIAPP_WEIXIN ,微信公众号支付: JSAPI_WEIXIN
+	 *@param  code  微信小程序code,微信小程序支付使用
+	 *@param  userId  用户Id
+	 *@param  couponId  优惠券Id
+	 */
+    WeChatCouponMiniWxPay (data = {}) {
+        return this.AjaxService.post({ 
+            url:'/order/pay/coupon/wechat', 
+            data, 
+            isLoading: true ,
+              
+        })
+    }
     /**
 	 *生成支付链接
 	 *@param  unpaidAmount 本次待付款金额

services/product.service.js

@@ -371,6 +371,45 @@ export default class ProductService {
               
         })
     }
+    /**
+	 * @优惠券-美博会优惠券列表
+	 * @param:userId 用户userId(未登录传0)
+	 * @param:pageNum 每页页码
+	 * @param:pageSize 条数
+	 */
+    QueryCouponCenterList (data = {}) {
+        return this.AjaxService.get({
+            url:'/commodity/coupon/center/list',
+            data,
+            isLoading: false ,
+              
+        })
+    }
+    /**
+	 * @优惠券-协销价值优惠券列表
+	 * @param:pageNum 每页页码
+	 * @param:pageSize 条数
+	 */
+    QueryMoneyCouponList (data = {}) {
+        return this.AjaxService.get({
+            url:'/commodity/coupon/money/coupon/list',
+            data,
+            isLoading: true ,
+              
+        })
+    }
+    /**
+	 * @优惠券-根据优惠券查询优惠券详细信息
+	 * @param:couponId 优惠券Id
+	 */
+    QueryCouponDetail (data = {}) {
+        return this.AjaxService.get({
+            url:'/commodity/coupon/coupon/detail',
+            data,
+            isLoading: true ,
+              
+        })
+    }
     /**
 	 * @优惠券-领取优惠券
 	 * @param:userId 用户userId

utils/mixins/orderList.js

@@ -0,0 +1,178 @@
+const orderList = {
+    data() {
+        return {
+            hanldOrder: {}, // 当前要处理的订单信息
+            modal: false,
+            modalText: '',
+            buyAgainModal: false,
+            invalidList: [], // 失效商品列表
+        }
+    },
+
+    methods: {
+        // 操作订单
+        handleConfirmClick(e) {
+            const { type, order } = (this.hanldOrder = e)
+            switch (type) {
+ 
+            // 其他操作
+            case 'again':
+                this.buyAgain()
+                break
+            case 'share':
+                this.handleShare()
+                break
+            case 'query':
+                this.isModalLayer = true
+                this.$api.navigateTo('/pages/order/order-logistics?orderId=' + order.orderId)
+                break
+            case 'fightDetail':
+                console.log('拼团详情')
+                this.$api.navigateTo('/pages/fight-order/fight-detail?collageId=' + order.collageId)
+                break
+            case 'fightShare':
+                console.log('分享邀请好友拼团')
+                this.$api.navigateTo('/pages/fight-order/fight-detail?collageId=' + order.collageId)
+                break
+                // 常规操作
+            case 'cancel':
+                this.modal = true
+                this.modalText = '确认取消该订单吗？'
+                break
+            case 'delete':
+                this.modal = true
+                this.modalText = '确认删除该订单吗？'
+                break
+            case 'confirm':
+                this.modal = true
+                this.modalText = '是否确认收货？'
+                break
+            case 'pay':
+                this.modal = true
+                this.modalText = '确认支付？'
+                break
+            }
+        },
+        // 确认收货
+        handleConfirm(order) {
+            console.log('确认收货')
+            return this.OrderService.ConfirmReceipt({ orderId: order.orderId })
+        },
+        // 取消订单
+        handleCancel(order) {
+            console.log('取消订单')
+            return this.OrderService.CancelOrder({ orderId: order.orderId })
+        },
+        // 删除订单
+        handleDelete(order) {
+            console.log('删除订单')
+            return this.OrderService.DeleteOrder({ orderId: order.orderId })
+        },
+        // 支付订单
+        handlePay(order) {
+            console.log('支付')
+            this.miniWxPayFor(order)
+        },
+        // 再次购买初始化查询订单商品信息
+        handleAgain(order) {
+            console.log('再次购买初始化查询订单商品信息')
+            return this.OrderService.GetOrderBuyAgain({ orderId: order.orderId })
+        },
+        // 查看物流
+        handleQuery(order) {
+            console.log('查看物流')
+        },
+        // 分享
+        handleShare(order) {
+            console.log('分享')
+        },
+        // 再次购买
+        async buyAgain() {
+            const { type, order } = this.hanldOrder
+            try {
+                await this.handleAgain(order)
+                this.joinToCart(order)
+            } catch (error) {
+                if (error.data && error.data.length > 0) {
+                    this.buyAgainModal = true
+                    this.invalidList = error.data
+                }
+            }
+        },
+
+        // 确认再次购买
+        buyAgainModalClick(e) {
+            this.buyAgainModal = false
+            if (!e.index) return
+            this.joinToCart(this.hanldOrder.order)
+        },
+
+        // 再次购买弹窗关闭
+        buyAgainModalHide() {
+            console.log('再次购买弹窗关闭')
+            this.invalidList = []
+        },
+
+        // 一键加入购物车
+        async joinToCart(order) {
+            try {
+                await this.ProductService.ShoppingAgainCart({ orderId: order.orderId })
+                this.$store.dispatch('cart/getCartNumber')
+                this.$api.switchTabTo('/pages/tabBar/cart/index')
+            } catch (error) {
+                console.log(error.message)
+                // this.$util.msg(error.msg, 2000)
+            }
+        },
+
+        // 操作订单确认事件
+        async handleModalConfirm(e) {
+            this.modal = false
+            if (!e.index) return
+
+            const { type, order } = this.hanldOrder
+
+            // 操作订单
+            const confirmFunc = {
+                cancel: this.handleCancel, //取消订单
+                delete: this.handleDelete, //删除订单
+                pay: this.handlePay, //支付订单
+                confirm: this.handleConfirm //确认收货
+            }
+            try {
+                const res = await confirmFunc[type](order)
+                // 确认操作订单成功后的回调都在这里执行 在this.$on 中监听 orderAction 事件的执行
+                this.$emit('orderAction')
+                if (res && res.msg) this.$util.msg(res.msg, 2000, true, 'success')
+            } catch (error) {
+                this.$util.msg(error.msg, 2000)
+            }
+        },
+        //订单状态文字
+        stateExpFormat(status) {
+            const stateTextObject = {
+                4: '交易完成',
+                5: '订单完成',
+                6: '已关闭',
+                7: '交易全退',
+                77: '交易全退',
+                11: '待付款待发货',
+                12: '待付款部分发货',
+                13: '待付款已发货',
+                // 21: '部分付款待发货',
+                // 22: '部分付款部分发货',
+                // 23: '部分付款已发货',
+                31: '已付款待发货',
+                32: '已付款部分发货',
+                33: '已付款已发货',
+                111: '待付款待发货',
+                81: '拼团中',
+                82: '拼团成功待发货',
+                83: '拼团成功已发货'
+            }
+            return stateTextObject[status] || ''
+        },
+    }
+}
+
+export default orderList

utils/mixins/wechatPay.js

@@ -0,0 +1,63 @@
+import authorize from '@/common/authorize.js'
+
+// 调用微信支付
+function wxRequestPayment(payData) {
+    return new Promise((resolve, reject) => {
+        uni.requestPayment({
+            timeStamp: payData.timeStamp,
+            nonceStr: payData.nonceStr,
+            package: payData.package,
+            signType: payData.signType,
+            paySign: payData.paySign,
+            success: () => {
+                resolve(true)
+            },
+            fail: () => {
+                reject({ msg: 'error' })
+            }
+        })
+    })
+}
+
+// 微信支付
+const wechatCouponPay = {
+    data() {
+        
+    },
+    methods: {
+        // 获取微信支付payment
+        async weChatMiniWxPay(data) {
+            try {
+                // 获取微信code
+                const wechatCode = await authorize.getCode('weixin')
+                // 微信支付请求 返回支付信息
+                const response = await this.PayService.WeChatCouponMiniWxPay({
+                    userId: this.listQuery.userId,
+                    couponId: coupon.couponId,
+                    payWay: 'WEIXIN',
+                    code: wechatcode
+                })
+                // 处理支付信息 调用微信支付
+                const payment = JSON.parse(response.data.data.payInfo)
+                const payFlag = await wxRequestPayment(payment)
+                // debugger
+                // console.log(this.hanldOrder)
+                // 支付成功重定向
+                uni.setStorageSync('orderInfo', this.hanldOrder.order)
+                if (payFlag) {
+                    // 微信支付成功回调 在页面onload中通过this.$on监听orderPaySuccess事件回调
+                    uni.reLaunch({url: '/pages/tabBar/user/user'})
+                } else {
+                    uni.reLaunch({ url: '/pages/order/error' })
+                }
+            } catch (error) {
+                // 微信支付失败
+                this.$util.msg(error.msg, 2000)
+            } 
+        }
+    }
+}
+
+export default {
+    wechatCouponPay
+}