high-mini/subPages/shareCounpon/shareCounpon.vue

<template>
	<view>
		<view class="imgshead backroundimgfit" v-if="partakeWay == 2"></view>
		<view class="imgshead backroundimgsed" v-if="partakeWay == 3"></view>
		<view class="imgscontent">
			<view class="conts paddtop13">
				<view v-for="(item,index) in couponList" :key="index" class="conpon border-r height90 flleft marb10 ">
					<view class="width94 font15 fontwig6 fotlt fcorfff mart5">
						{{item.name}}
					</view>
					<view class="width80 fotct backcor99 mart5 linec6" style="opacity: 0.2;"></view>

					<view class="width90 font10 fotlt fcorfff mart3" v-if="item.discountType == 1">
						满{{item.discountCondition}}-{{item.discountPrice}}元
					</view>
					<view class="width90 font10 fotlt fcorfff mart3" v-if="item.discountType == 2">
						立减{{item.discountPrice}}
					</view>
					<view class="width90 font10 fotlt fcorfff mart3" v-if="item.discountType == 3">
						享受{{item.discountPrice}}折
					</view>
					<view class="width90 font10 fotlt fcorfff mart3">
						截止时间: {{item.createTime | timeFormat('yyyy-mm-dd')}}
					</view>
				</view>
			</view>
		</view>
		<view class="imgsfoot">
			<view class="width100 height50"></view>
			<view class="couponBtn fontlet font24 fotct fontwig6 width60w  height45l" @click="payReceiveDiscount">一键领取
			</view>
		</view>

	</view>
</template>

<script>
	import {
		getReceiveDiscountList,
		payReceiveDiscount,
		verifyWx,
		getOrderByOutTradeOrder
	} from '../../Utils/Api.js'
	let app = getApp();
	// #ifdef H5
	var wx = require('weixin-js-sdk');
	// #endif
	export default {
		data() {
			return {
				imagewxUrl: app.globalData.imageWxImg,
				couponList: [],
				shareNum: 0, //次数，
				orderNo: '', //订单号
				partakeWay: '' //区分类型
			}
		},
		created() {
			if (app.globalData.accountType == '0000012&key') {
				this.doShare();
			}
		},
		onShow() {
			let that = this;
			if (app.globalData.accountType == '0000012&key') {
				uni.removeStorage({
					key: 'shareNum'
				});
				uni.setNavigationBarTitle({
					title: '分享领取优惠券'
				})
				that.partakeWay = 2;
				that.getOrderByOutTradeOrder();
			}
			if (app.globalData.accountType == '0000014&key') {
				that.partakeWay = 3;
				uni.setNavigationBarTitle({
					title: '立即领取优惠券'
				})
				uni.getStorage({
					key: 'staffCode',
					success: (res) => {
						that.getReceiveDiscountList(res.data);
					},
				})
			}
		},
		methods: {
			//查询订单详情
			getOrderByOutTradeOrder() {
				let that = this;
				uni.getStorage({
					key: 'staffCode',
					success: (res) => {
						that.orderNo = res.data;
						let datas = {
							outTradeOrder: that.orderNo
						}
						getOrderByOutTradeOrder(datas).then(res => {
							if (res.return_code == '000000') {
								that.getReceiveDiscountList(res.return_data.order.qrCodeSn);
							} else {
								uni.showToast({
									title: res.return_msg,
									duration: 2000,
									icon: 'none'
								})
							}
						})
					},
				})
			},
			//查询门店活动
			getReceiveDiscountList(items) {
				let datas = {
					qrCodeSn: items,
					partakeWay: this.partakeWay
					// 1000017476
				}
				getReceiveDiscountList(datas).then(res => {
					if (res.return_code == '000000') {
						this.couponList = res.return_data;
					} else {
						uni.showToast({
							title: res.return_msg,
							duration: 2000,
							icon: 'none'
						})
					}
				})
			},
			//领取优惠券
			payReceiveDiscount() {
				let that = this;
				if (that.partakeWay == 2) {
					uni.getStorage({
						key: 'shareNum',
						success(e) {
							if (e.data) {
								that.shareNum = e.data;
							} else {
								that.shareNum = 0;
							}
						}
					})
				}

				if (app.globalData.userInfo.phone == '' || app.globalData.userInfo.phone == null || app.globalData.userInfo
					.phone == undefined) {
					uni.showModal({
						title: '温馨提示',
						content: '前往获取手机号',
						success: function(res) {
							if (res.confirm) {
								uni.navigateTo({
									url: '/pages/login/register'
								})
							}
						}
					})
					return;
				}
				if (that.shareNum == 0 && that.partakeWay == 2) {
					uni.showToast({
						title: "分享活动得领取机会",
						duration: 2000,
						icon: 'none'
					})
					return;
				}
				let actividatas = [];
				for (var i = 0; i < that.couponList.length; i++) {
					let acid = {
						id: that.couponList[i].id
					};
					actividatas.push(acid);
				}
				let datas = {
					"phone": app.globalData.userInfo.phone,
					"activityIds": actividatas
				}
				payReceiveDiscount(datas).then(res => {
					if (res.return_code == '000000') {
						uni.showToast({
							title: res.return_data,
							duration: 2000,
							icon: 'none'
						})
						if (that.partakeWay == 2) {
							that.shareNum--;
							uni.setStorage({
								key: "shareNum",
								data: that.shareNum
							})
						}

					} else {
						uni.showToast({
							title: res.return_msg,
							duration: 2000,
							icon: 'none'
						})
					}
				})
			},
			//分享
			doShare() {
				let that = this;
				let theUrl = window.location.href.split('#')[0];
				let datas = {
					url: theUrl
				}
				verifyWx(datas).then(res => {
					if (res.return_code == '000000') {
						wx.config({
							debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
							appId: res.return_data.appId, // 必填，公众号的唯一标识
							timestamp: res.return_data.timestamp, // 必填，生成签名的时间戳
							nonceStr: res.return_data.nonceStr, // 必填，生成签名的随机串
							signature: res.return_data.signature, // 必填，签名，见附录1
							jsApiList: ['onMenuShareTimeline',
								'onMenuShareAppMessage'
							] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
						});
						wx.ready(function() {
							wx.onMenuShareTimeline({
								title: '分享好友，立获大额优惠券', // 分享标题
								desc: '分享好友，立获大额优惠券', // 分享描述
								link: 'https://hsgcs.dctpay.com/hsgH5?accountId=0000013&key=&code=' +
									that.orderNo, // 分享链接
								imgUrl: 'https://hsgcs.dctpay.com/filesystem/wxApplets/logo.png', // 分享图标
								success: function(res) {
									// 支付成功后的回调函数
									uni.showToast({
										title: '分享成功',
										duration: 2000,
										icon: 'none'
									})
									that.shareNum++;
									uni.setStorage({
										key: "shareNum",
										data: that.shareNum
									})
								},
								cancel: function(r) {},
								fail: function(res) {}
							});

							wx.onMenuShareAppMessage({
								title: '分享好友，立获大额优惠券', // 分享标题
								desc: '分享好友，立获大额优惠券', // 分享描述
								link: 'https://hsgcs.dctpay.com/hsgH5?accountId=0000013&key=&code=' +
									that.orderNo, // 分享链接
								imgUrl: 'https://hsgcs.dctpay.com/filesystem/wxApplets/logo.png', // 分享图标
								success: function(res) {
									// 支付成功后的回调函数
									uni.showToast({
										title: '分享成功',
										duration: 2000,
										icon: 'none'
									})
									that.shareNum++;
									uni.setStorage({
										key: "shareNum",
										data: that.shareNum
									})
								},
								cancel: function(r) {},
								fail: function(res) {}
							});
						});

					} else {
						uni.showToast({
							title: res.return_msg,
							duration: 2000,
							icon: 'none'
						})
					}
				})
			}
		}
	}
</script>

<style lang="scss">
	.imgshead {
		background-size: 100% 230px;
		height: 230px;
		background-repeat: no-repeat;
	}

	.backroundimgfit {
		background-image: url(https://hsg.dctpay.com/filesystem/wxApplets/share1.png);
	}

	.backroundimgsed {
		background-image: url(https://hsg.dctpay.com/filesystem/wxApplets/share4.png);
	}

	.imgscontent {
		background-image: url(https://hsg.dctpay.com/filesystem/wxApplets/share2.png);
		background-size: 100% 320px;
		height: 320px;
		background-repeat: no-repeat;

		.conts {
			width: 74%;
			margin-left: 13%;
		}
	}

	.imgsfoot {
		background-image: url(https://hsg.dctpay.com/filesystem/wxApplets/share3.png);
		background-size: 100% 250px;
		height: 250px;
		background-repeat: no-repeat;
	}


	.conpon {
		background: linear-gradient(to bottom, #fe8e3f, #f14f21);
		width: 48%;
		margin-right: 1%;
		margin-left: 1%;
	}

	.couponBtn {
		letter-spacing: 3px;
		color: #ff482d;
		border-radius: 25px;
		background: linear-gradient(to right, #fea03c, #f7dd6a);
	}
</style>