mall-uniapp/pages/activity/goods_bargain_details/index.vue

<template>
	<view>
		<view :style="'height:'+systemH+'px'"></view>
		<view class='bargain'>
			<view class='iconfont icon-xiangzuo' v-if='retunTop' @tap='goBack' :style="'top:'+navH+'px'"></view>
			<view class="header" :class="bargainUid != userInfo.uid ? 'on' : ''">
				<view class='people' >
					<!-- :style="'top:'+navH/2+'rpx'" -->
					{{bargainCount.lookCount || 0}}人查看 丨 {{bargainCount.shareCount || 0}}人分享 丨 {{bargainCount.userCount || 0}}人参与
				</view>
				<countDown :tipText="'倒计时'" :dayText="'天'" :hourText="'时'" :minuteText="'分'" :secondText="'秒'" :datatime="datatime" :isDay="true" v-if="bargainUid == userInfo.uid"></countDown>
				<view v-if="bargainUid != userInfo.uid" class='pictxt acea-row row-center-wrapper'>
					<view class='pictrue'>
						<image :src='bargainUserInfo.avatar'></image>
					</view>
					<view class='text'>
						{{bargainUserInfo.nickname || ''}}
						<text>邀请您帮忙砍价</text>
					</view>
				</view>
			</view>
			<view class='wrapper'>
				<view class='pictxt acea-row row-between-wrapper' @tap="goProduct">
					<view class='pictrue'>
						<image :src='bargainInfo.image'></image>
						<view class="bargain_view">
							查看商品
							<text class="iconfont icon-jiantou iconfonts"></text>
						</view>
					</view>
					<view class='text acea-row row-column-around'>
						<view class='line2'>{{bargainInfo.title}}</view>
						<view class='money font-color'>
							当前: ￥
							<text class='num'>{{bargainInfo.price}}</text>
						</view>
						<view class='successNum'>最低:￥{{bargainInfo.minPrice}}</view>
						<!-- <view class='successNum'>已有{{bargainSumCount}}人砍价成功</view> -->
					</view>
				</view>
				<!-- 进度条 -->
				<block v-if="bargainUserHelpInfo.price > 0">
				<view class="cu-progress acea-row row-middle round margin-top" >
					<view class='acea-row row-middle bg-red' :style="'width:'+ bargainUserHelpInfo.pricePercent +'%;'"></view>
				</view>
				<view class='money acea-row row-between-wrapper'>
					<view>已砍{{bargainUserHelpInfo.alreadyPrice}}元</view>
					<view>还剩{{bargainUserHelpInfo.price}}元</view>
				</view>
				</block>
				<!-- 自己砍价 -->
				<view v-if="bargainUid == userInfo.uid && (userBargainStatus===0 || userBargainStatus === bargainSumCount) && bargainUserHelpInfo.price > 0">
					<view class='bargainBnt' @tap='userBargain' v-if="productStock>0&&quota>0">
						立即参与砍价
					</view>
					<view class='bargainBnt grey' v-if="productStock<=0||quota<=0">商品暂无库存</view>
				</view>
				<!-- <view v-if="bargainUid == userInfo.uid && !userBargainStatus && bargainUserHelpInfo.price > 0">
					<view class='bargainBnt' @tap='userBargain' v-if="productStock>0&&quota>0">
						立即参与砍价
					</view>
					<view class='bargainBnt grey' v-if="productStock<=0||quota<=0">立即参与砍价</view>
				</view> -->
				<!-- 帮助砍价、帮砍成功： -->
				<view v-if="bargainUid == userInfo.uid && bargainUserHelpInfo.price > 0 && userBargainStatus != bargainSumCount">
				    <!-- #ifdef H5 -->
					   <view class='bargainBnt' v-if="$wechat.isWeixin()"  @click="H5ShareBox = true">邀请好友帮砍价</view>
					   <view class='bargainBnt' v-else @tap='getBargainUserBargainPricePoster'>邀请好友帮砍价</view>
					<!-- #endif -->   
					<!-- #ifdef MP -->
					   <button open-type='share' class='bargainBnt'>邀请好友帮砍价</button>
					<!-- #endif -->
					<view class='tip'>
						已有
						<text class='font-color'>{{bargainUserHelpInfo.count}}</text>
						位好友成功砍价
					</view>
				</view>
				
				<view v-if="bargainUid != userInfo.uid && userBargainStatusHelp && bargainUserHelpInfo.price>0">
					<view class='bargainBnt' @tap='setBargainHelp'>帮好友砍一刀</view>
				</view>
				<view v-if="bargainUid != userInfo.uid && userBargainStatusHelp && bargainUserHelpInfo.price==0">
					<view class='bargainSuccess'>
						<text class='iconfont icon-xiaolian'></text>
						好友已砍价成功
					</view>
					<view class='bargainBnt' @tap='currentBargainUser'>我也要参与</view>
				</view>	
				<view v-if="bargainUid != userInfo.uid && !userBargainStatusHelp && isHelp">
					<view class='bargainSuccess'>
						<text class='iconfont icon-xiaolian'></text>
						您已帮其他好友砍过此商品
					</view>
					<view class='bargainBnt' @tap='currentBargainUser'>我也要参与</view>
				</view>	
				<view v-if="bargainUid != userInfo.uid && !userBargainStatusHelp && !isHelp">
					<view class='bargainSuccess'>
						<text class='iconfont icon-xiaolian'></text>
						已成功帮助好友砍价
					</view>
					<view class='bargainBnt' @tap='currentBargainUser'>我也要参与</view>
				</view>
				<view v-if="bargainUserHelpInfo.price == 0 &&  bargainUid == userInfo.uid && statusPay!=3">
					<view class='bargainSuccess'>
						<text class='iconfont icon-xiaolian'></text>
						恭喜您砍价成功，快去支付
					</view>
					<view class='bargainBnt' @tap='goPay'>立即支付</view>
					<view class='bargainBnt on' @tap='goBargainList'>抢更多商品</view>
				</view>
				
				<view class='lock'></view>
			</view>
			<view class='bargainGang'>
				<view class='title font-color acea-row row-center-wrapper'>
					<view class='pictrue'>
						<image src='../../../static/images/left.png'></image>
					</view>
					<view class='titleCon'>砍价帮</view>
					<view class='pictrue on'>
						<image src='../../../static/images/left.png'></image>
					</view>
				</view>
				<view class='list'>
					<block v-for="(item,index) in bargainUserHelpList" :key='index' v-if="index<3 || !couponsHidden">
						<view class='item acea-row row-between-wrapper'>
							<view class='pictxt acea-row row-between-wrapper'>
								<view class='pictrue'>
									<image :src='item.avatar'></image>
								</view>
								<view class='text'>
									<view class='name line1'>{{item.nickname}}</view>
									<view class='line1'>{{item.add_time}}</view>
								</view>
							</view>
							<view class='money font-color'>
								<text class="iconfont icon-kanjia"></text>
								砍掉{{item.price}}元
							</view>
						</view>
					</block>
					<view class="open acea-row row-center-wrapper" @click="openTap" v-if="bargainUserHelpList.length>3">{{couponsHidden?'展开更多':'关闭展开'}}<text class="iconfont" :class='couponsHidden==true?"icon-xiangxia":"icon-xiangshang"'></text></view>
				</view>
				<view class='load font-color' v-if="!limitStatus" @tap='getBargainUser'>点击加载更多</view>
				<view class='lock'></view>
			</view>
			<view class='goodsDetails'>
				<view class='title font-color acea-row row-center-wrapper'>
					<view class='pictrue'>
						<image src='/images/left.png'></image>
					</view>
					<view class='titleCon'>商品详情</view>
					<view class='pictrue on'>
						<image src='/images/left.png'></image>
					</view>
				</view>
				<view class='conter'>
					<!-- <template is="wxParse" data="{{wxParseData:description.nodes}}" /> -->
					<jyf-parser :html="bargainInfo.content" ref="article" :tag-style="tagStyle"></jyf-parser>
					<!-- <rich-text :nodes="bargainInfo.description" class="conter"></rich-text> -->
				</view>
				<view class='lock'></view>
			</view>
			<view class='goodsDetails'>
				<view class='title font-color acea-row row-center-wrapper'>
					<view class='pictrue'>
						<image src='/images/left.png'></image>
					</view>
					<view class='titleCon'>砍价规则</view>
					<view class='pictrue on'>
						<image src='/images/left.png'></image>
					</view>
				</view>
				<view class='conter'>
					<!-- <template is="wxParse" :data="wxParseData:rule.nodes" /> -->
					<jyf-parser :html="bargainInfo.rule" ref="article"></jyf-parser>
				</view>
			</view>
			<view class='bargainTip' :class='active==true?"on":""'>
				<view class='pictrue'>
					<image src="../../../static/images/bargainBg.jpg"></image>
				</view>
				<view v-if="bargainUid == userInfo.uid">
					<view class='cutOff'>
						您已砍掉
						<text class='font-color'>{{bargainUserBargainPrice}}</text>
						元，听说分享次数越多砍价成功的机会越大哦！
					</view>
					<!-- #ifdef MP -->
					<button open-type='share' class='tipBnt'>邀请好友帮砍价</button>
					<!-- #endif -->
					<!-- #ifdef H5 -->
					<view class='tipBnt'  @tap='getBargainUserBargainPricePoster'>邀请好友帮砍价</view>
					<!-- #endif -->
				</view>
				<view v-else>
					<view class='help font-color'>成功帮砍{{bargainUserBargainPrice}}元</view>
					<view class='cutOff on'>您也可以砍价低价拿哦，快去挑选心仪的商品吧~</view>
					<view @tap='currentBargainUser' class='tipBnt'>我也要参与</view>
				</view>
			</view>
			<view class='mask' catchtouchmove="true" v-show='active==true' @tap='close'></view>
		</view>
		<!-- 发送给朋友图片 -->
		<view class="share-box" v-if="H5ShareBox">
			<image src="/static/images/share-info.png" @click="H5ShareBox = false"></image>
		</view>
		<!-- #ifdef MP -->
		<authorize @onLoadFun="onLoadFun" :isAuto="isAuto" :isShowAuth="isShowAuth" @authColse="authColse"></authorize>
		<!-- #endif -->
		<home></home>
	</view>
</template>

<script>
	import {
		getBargainDetail,
		postBargainStartUser,
		postBargainStart,
		postBargainHelpPrice,
		postBargainHelpCount,
		postBargainHelp,
		postBargainHelpList,
		postBargainShare
	} from '../../../api/activity.js';
	import {
		postCartAdd
	} from '../../../api/store.js';
	// import wxh from '../../../utils/wxh.js';
	// import wxParse from '../../../wxParse/wxParse.js';
	import util from '../../../utils/util.js';
	import {
		toLogin
	} from '@/libs/login.js';
	import {
		mapGetters
	} from "vuex";
	// #ifdef MP
	import authorize from '@/components/Authorize';
	// #endif
	import countDown from '@/components/countDown';
	import home from '@/components/home';
	import parser from "@/components/jyf-parser/jyf-parser";
	import { silenceBindingSpread } from "@/utils";
	const app = getApp();

	export default {
		components: {
			countDown,
			// #ifdef MP
			authorize,
			// #endif
			home,
			"jyf-parser": parser
		},
		/**
		 * 页面的初始数据
		 */
		data() {
			return {
				countDownDay: '00',
				countDownHour: '00',
				countDownMinute: '00',
				countDownSecond: '00',
				active: false,
				id: 0, //砍价产品编号
				userInfo: {}, //当前用户信息
				bargainUid: 0, //开启砍价用户
				bargainUserInfo: {}, //开启砍价用户信息
				bargainUserId: 0, //开启砍价编号
				bargainInfo: {}, //砍价产品
				page: 1,
				limit: 5,
				limitStatus: false,
				bargainUserHelpList: [],
				bargainUserHelpInfo: [],
				bargainUserBargainPrice: 0, //砍了多少钱
				status: '', // 0 开启砍价   1  朋友帮忙砍价  2 朋友帮忙砍价成功 3 完成砍价  4 砍价失败 5已创建订单
				bargainCount: [], //分享人数  浏览人数 参与人数
				retunTop: true,
				bargainPartake: 0,
				isHelp: false,
				interval: null,
				userBargainStatus: 0, // 用户开启的砍价活动次数
				productStock: 0, //判断是否售罄；
				quota: 0, //判断是否已限量；
				userBargainStatusHelp: true,
				navH: '',
				statusPay: '', //活动状态，1参与中，2活动结束参与失败，3活动结束参与成功
				bargainSumCount:0, //用户成功支付的砍价订单数
				bargainPrice:0,
				datatime:0,
				offest:'',
				tagStyle: {
					img: 'width:100%;'
				},
				H5ShareBox: false, //公众号分享图片
				systemH:0,
				isAuto: false, //没有授权的不会自动授权
				isShowAuth: false, //是否隐藏授权
				pages:'',
				couponsHidden: true,
				loading: false,
				loadend: false
			}

		},
		computed: mapGetters(['isLogin']),
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad: function(options) {
			var that = this;
			// #ifdef MP
				uni.getSystemInfo({
					success: function (res) {
						that.systemH = res.statusBarHeight
						that.navH = that.systemH+10
					}
				})
			// #endif
			
			
			var pages = getCurrentPages();
			if (pages.length <= 1) {
				that.retunTop = false
			}
			//扫码携带参数处理
			// #ifdef MP
			if (options.scene) {
				var value = util.getUrlParams(decodeURIComponent(options.scene));
				if (typeof value === 'object') {
					if (value.id) options.id = value.id;
					if (value.bargain) options.bargain = value.bargain;
					//记录推广人uid
					if (value.pid) app.globalData.spid = value.pid;
				} else {
					app.globalData.spid = value;
				}
			}
			//记录推广人uid
			if (options.spid) app.globalData.spid = options.spid;
			// #endif
			if (options.hasOwnProperty('id')) {
				that.id = options.id;
				that.bargainUid = options.bargain || 0
			}
			
			if (this.isLogin) {
				if(that.bargainUid == 'undefined'){
					that.bargainUid = that.$store.state.app.uid
				}
				this.getBargainDetails();
				this.addShareBargain();
				// app.globalData.openPages = '/pages/activity/goods_bargain_details/index?id=' + this.id + '&bargain=' + this.bargainUid +
				// 	'&spid=' + e.detail.uid;
				// this.$set(that, 'bargainPartake', e.detail.uid);
			} else {
				// #ifdef H5 || APP-PLUS
				toLogin();
				// #endif 
				// #ifdef MP
				this.isAuto = true;
				this.$set(this, 'isShowAuth', true)
				// #endif
			}
			

			this.isLogin && silenceBindingSpread();
			uni.setNavigationBarTitle({
				title: '砍价详情'
			})
		},
		methods: {
			openTap() {
				this.$set(this,'couponsHidden',!this.couponsHidden);
			},
			// 授权关闭
			authColse: function(e) {
				this.isShowAuth = e;
			},
			// 去商品页
			goProduct(){
				uni.navigateTo({
					url:`/pages/goods_details/index?id=${this.bargainInfo.productId}`
				})
			},
			// 自己砍价；
			userBargain:function(){
				let that = this;
				if (that.userInfo.uid == that.bargainUid){
					if (that.userBargainStatus == that.bargainInfo.num) {
						return that.$util.Tips({
							title: `该商品每人限购${that.bargainInfo.num}${that.bargainInfo.unitName}`
						});
					} else {
						this.page = 1;
						that.setBargain();
					}
				}
			},
			goBack: function() {
				uni.navigateBack({
					delta: 1
				})
			},
			gobargainUserInfo: function() { //获取开启砍价用户信息
				var that = this;
				postBargainStartUser({
					bargainId: that.id,
					bargainUserUid: that.bargainUid
				}).then(res => {
					that.$set(that, 'bargainUserInfo', res.data);
				});
			},
			goPay: function() { //立即支付
				var that = this;
				var data = {
					isNew: true,
					productId: that.bargainInfo.productId,
					bargainId: that.bargainInfo.id,
					cartNum: 1,
					productAttrUnique: that.bargainInfo.attrValue[0].id
				};
				postCartAdd(data).then(res => {
					uni.navigateTo({
						url: '/pages/users/order_confirm/index?new=true&cartId=' + res.data.cartId + '&bargain=true'
					});
				}).catch(err => {
					return that.$util.Tips({title:err})
				});
			},
			getBargainDetails: function() { //获取砍价产品详情
				var that = this;
				var id = that.id;
				getBargainDetail(id).then(function(res) {
					that.bargainInfo = res.data.bargain;
					that.bargainPrice = res.data.bargain.price;
					that.userInfo = res.data.userInfo;
					that.bargainSumCount = res.data.bargainSumCount;
					that.userBargainStatus = res.data.userBargainStatus;
					that.productStock = res.data.bargain.stock;
					that.quota = res.data.bargain.quota;
					that.datatime = res.data.bargain.endTime/1000;
					that.pages = '/pages/activity/goods_bargain_details/index?id=' + that.id + '&bargain=' +
					that.bargainUid + '&scene=' + that.userInfo.uid;
					uni.setNavigationBarTitle({
						title:res.data.bargain.title.substring(0,13)+'...'
					})
					that.getBargainHelpCount();
					that.bargainUserHelpList = []
					that.getBargainUser();
					that.gobargainUserInfo();
					//#ifdef H5
					that.setOpenShare();
					//#endif
				}).catch(function(err) {
					// uni.navigateTo({
					// 	url: window.location.protocol + "//" + window.location.host +'/pages/activity/goods_bargain/index',
					// });
					that.$util.Tips({
						title: err
					}, {
						tab: 2,
						url: '/pages/activity/goods_bargain/index'
					});
				})
			},
			getBargainHelpCount: function () {//获取砍价帮总人数、剩余金额、进度条、已经砍掉的价格
				var that = this;
				var data = { bargainId: that.id, bargainUserUid:that.bargainUid };
				postBargainHelpCount(data).then(res=>{
					var price = util.$h.Sub(that.bargainPrice, res.data.alreadyPrice);
					that.bargainUserHelpInfo = res.data;
					that.bargainInfo.price = parseFloat(price) <= 0 ? 0 : price;
					that.userBargainStatusHelp = res.data.userBargainStatus;
					that.statusPay = res.data.status;
					this.isHelp = res.data.isConsume;
				}).catch(function(err) {
					that.$util.Tips({
						title: err
					});
				})
			},
			currentBargainUser: function() { //当前用户砍价
				this.$set(this, 'bargainUid', this.userInfo.uid);
				this.setBargain();
			},
			setBargain: function() { //参与砍价
				var that = this;
				postBargainStart(that.id).then(res => {
					if (res.code === 'subscribe') {
						return;
					}
					that.$set(that, 'bargainUserId', res.data);
				//	that.getBargainUserBargainPrice();
					that.setBargainHelp();
					that.getBargainHelpCount();
					that.userBargainStatus = 1;
				},error => {
					    this.bargainUid = 0;
						that.$util.Tips({
							title: error
						})
					})
			},
			setBargainHelp: function() { //帮好友砍价
				var that = this;
				var data = {
					bargainId: that.id,
					bargainUserUid: that.bargainUid
				};
				postBargainHelp(data).then(res => {
					// if(res.data.isConsume){
					// 	that.$set(that, 'isHelp', true);
					// }else{
					// 	that.$set(that, 'isHelp', false);
					// 	that.$set(that, 'active', true);
					// }
					that.page = 1;
					that.$set(that, 'bargainUserHelpList', []);
					that.getBargainUser();
					that.$set(that, 'bargainUserBargainPrice', res.data.bargainPrice);
					that.$set(that, 'active', true);
					//that.getBargainUserBargainPrice();
					that.getBargainHelpCount();
				}).catch(err => {
					that.$util.Tips({
						title:err
					})
					that.$set(that, 'bargainUserHelpList', []);
					that.getBargainUser();
				})
			},
			getBargainUser: function() { //获取砍价帮
				var that = this;
			//	if (that.loadend) return;
				if (that.loading) return;
				var data = {
					bargainId: that.id,
					bargainUserUid: that.bargainUid,
				};
				var datas = {
					page: that.page,
					limit: that.limit,
				};
				this.loading = true;
				postBargainHelpList(datas,data).then(res => {
					let list = res.data.list;
					let bargainUserHelpList = that.$util.SplitArray(list, that.bargainUserHelpList);
					let loadend = list.length < that.limit;
					let len = list.length;
					that.loadend = loadend;
					that.loading = false;
					that.loadTitle = loadend ? '已全部加载' : '加载更多';
					that.$set(that, 'bargainUserHelpList', bargainUserHelpList);
					that.$set(that, 'limitStatus', datas.limit > len);
					that.$set(that, 'page', that.page + 1);
					
					// var bargainUserHelpListNew = [];
					// var bargainUserHelpList = that.bargainUserHelpList;
					// var len = res.data.list.length;
					// bargainUserHelpListNew = bargainUserHelpList.concat(res.data.list);
					// that.$set(that, 'bargainUserHelpList', res.data.list);
					// that.$set(that, 'limitStatus', datas.limit > len);
					// that.$set(that, 'page', (Number(datas.page) + Number(datas.limit)));
				});
			},
			getBargainUserBargainPricePoster: function() {
				var that = this;
				this.active = false
				this.H5ShareBox = true
				// uni.navigateTo({
				// 	url: '/pages/activity/poster-poster/index?type=1&id=' + that.id,
				// });
			},
			getBargainUserBargainPrice: function() { //获取帮忙砍价砍掉多少金额
				var that = this;
				var data = {
					bargainId: that.id,
					bargainUserUid: that.bargainUid
				};
				postBargainHelpPrice(data).then(res => {
					that.$set(that, 'bargainUserBargainPrice', res.data);
					that.$set(that, 'active', true);
				}).catch(err => {
					that.$set(that, 'active', false);
				});
			},
			goBargainList: function() {
				uni.navigateTo({
					url: '/pages/activity/goods_bargain/index',
				})
			},
			close: function() {
				this.$set(this, 'active', false);
			},
			onLoadFun: function(e) {
				this.getBargainDetails();
				this.addShareBargain();
				// this.pages = '/pages/activity/goods_bargain_details/index?id=' + this.id + '&bargain=' + this.bargainUid +
				// 	'&spid=' + e.uid;
				this.$set(this, 'bargainPartake', e.uid);
			},
			addShareBargain: function() { //添加分享次数 获取人数
				var that = this;
				postBargainShare(this.id).then(res => {
					that.$set(that, 'bargainCount', res.data);
					this.pages = '/pages/activity/goods_bargain_details/index?id=' + this.id + '&bargain=' + this.bargainUid +
						'&spid=' + this.userInfo.uid;
				});
			},
			//#ifdef H5
			setOpenShare() {
			      let that = this;
			      let configTimeline = {
			        title:
			          "您的好友" +
			          that.userInfo.nickname +
			          "邀请您砍价" +
			          that.bargainInfo.title,
			        desc: that.bargainInfo.info,
			        link:
			          window.location.protocol +
			          "//" +
			          window.location.host +
			          "/pages/activity/goods_bargain_details/index?id=" +
			          that.id +
			          "&bargain=" +
			          that.userInfo.uid,
			        imgUrl: that.bargainInfo.image
			      };
			      if (this.$wechat.isWeixin()) {
			        this.$wechat.wechatEvevt([
						"updateAppMessageShareData", 
						"updateTimelineShareData",
						"onMenuShareAppMessage",
						"onMenuShareTimeline"
					  ],
			          configTimeline
			        )
			          .then(res => {
			            console.log(res);
			          })
			          .catch(res => {
			            if (res.is_ready) {
			              res.wx.updateAppMessageShareData(configTimeline);
			              res.wx.updateTimelineShareData(configTimeline);
						  res.wx.onMenuShareAppMessage(configTimeline);
						  res.wx.onMenuShareTimeline(configTimeline);
			            }
			          });
			      }
			    }
			//#endif
		},

		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady: function() {

		},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow: function() {},

		/**
		 * 生命周期函数--监听页面隐藏
		 */
		onHide: function() {
			if (this.interval !== null) clearInterval(this.interval);
		},

		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload: function() {
			if (this.interval !== null) clearInterval(this.interval);
		},

		/**
		 * 页面相关事件处理函数--监听用户下拉动作
		 */
		onPullDownRefresh: function() {

		},

		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom: function() {

		},
		
		//#ifdef MP
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage: function() {
			let that = this,share = {
				title: '您的好友' + that.userInfo.nickname + '邀请您帮他砍' + that.bargainInfo.title + ' 快去帮忙吧！',
				path: '/pages/activity/goods_bargain_details/index?id=' + this.id + '&bargain=' + this.bargainUid +
						'&spid=' + this.userInfo.uid,
				imageUrl: that.bargainInfo.image,
			};
			that.close();
			that.addShareBargain();
			return share;
		},
		//#endif
	}
</script>

<style lang="scss">
	page {
		background-color: #e93323 !important;
	}
	.bargain .bargainGang .open {
		font-size: 24rpx;
		color: #999;
		margin-top: 30rpx;
	}
	
	.bargain .bargainGang .open .iconfont {
		font-size: 25rpx;
		margin: 5rpx 0 0 10rpx;
	}

	.bargain .icon-xiangzuo {
		font-size: 40rpx;
		color: #fff;
		position: fixed;
		top: 56rpx;
		left: 30rpx;
		z-index: 99;
		font-size: 36rpx;
	}

	.bargain .header {
		background-image: url('data:image/png;base64,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
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 698rpx;
		height: 572rpx;
		margin: 0 auto;
		padding-top: 0.1rpx;
	}

	.bargain .header.on {
		background-image: url('data:image/png;base64,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
	}

	.bargain .header .pictxt {
		margin: 330rpx auto 0 auto;
		font-size: 26rpx;
		color: #fff;
	}

	.bargain .header .pictxt .pictrue {
		width: 56rpx;
		height: 56rpx;
		margin-right: 30rpx;
	}

	.bargain .header .pictxt .pictrue image {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 2rpx solid #fff;
	}

	.bargain .header .pictxt .text text {
		margin-left: 20rpx;
	}

	.bargain .header .time {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAbgAAACmCAMAAACfv2reAAAAk1BMVEUAAAD/nSL/oCj/oCj/nSH/nSH/oCj/mhr/mhr/oCj/oCj/oCj/nSH/niT/mhr/mhr/oCj/mhr/oCj/oCj/mhr/niP/oCj/oCj/mhr/////oCj/mhr/nyT/w3f/rkf/rEL/pjT/tlr/xXv/uF3//vz/vmv/wXP/vWr/79r/1aD/05r/wXL/nB//5MH/+/X/t1r/5MP28hXaAAAAGXRSTlMABvndiVtUVPjkOC8Dk+DarKyQC+QH86amYv5b+wAAA6JJREFUeNrs3Nlu4kAQheEyGOywBkImcR8Sh7Avycz7P920G8l3MYtccko63wXc969GXuiS20XJ6ygF1SQdvyaRiL5kDKrZOBFtgxjID7tVRjVZ7Q45EA9EV4z5ntVqttqfEIuqBKevjGr3dUIiiqIZ9hkp2GMWiZ4Ocv5Oqljl6IieCQ4ZqThgInpG2GWkYoeR6EnBX0olK6SiB8hICSAlhjOE4YxiOKMYziiGM4rhjGI4o5TCIWA4PQhqzzcPGE4PMA9q3m0fAcPpKdfYk3o47z1gOD3Ae+A8qUfuLby/C4bTA5zXOPekHktvu11v12uG0wOc13jpybWi7ku75X6yOR43bwHD6QHegmK13U/+tF+6kZS6bVfls8RweoDPkqvS7pZ/lXTVNpvNkTtOW7nj/Gq7avFACrG7YOlt196W4fQA5zVeeu6CWLyu81rT3lP1VWWBV5WKgEVQeVX51Bu2nNcViR7890Of93EKVO7j+iFYJJ1iv/XlEj450QZ8BHJJv9hzHXn0n1M+q2ze9c8qpz7Zo7T9Z4+vdZoHyJV6Pllbin0XMVzzrg/37JO1xHl8kfoLAHIt5zHcb8FwRjGcUQxnFMMZdU84HrNq3jdSxXBjHmzUssPo9nA8Sty8Aya3h+Ph/caFw/s3h+O4jMbtMXtWDCcJTv8yqqQ/oKYMx5FQDSpHQumGGww5hK1e32EI23BwTziOPWzYOBFRDydRZ8JBo/VJR5NOJHeGI1MYziiGM4rhjGI4oxjOKIYziuGMYjijGM4ohjOK4YxiOKMYziiGM4rhjGI4oxjOKIYziuH+s0cHJAAAAACC/r9uR6AXnBI3JW5K3JS4KXFT4qbETYmbEjclbkrclLgpcVPipsRNiZsSNyVuStyUuClxU+KmxE2JmxI3JW5K3JS4KXFT4qbETYmbEjclbkrclLgpcVPipsRNiZsSNyVuStyUuClxU+KmxE2JmxI3JW5K3JS4KXFT4qbETYmbEjclbkrclLgpcVPipsRNiZsSNyVuStyUuClxtUdHJwzDUAxFZTs2xInBxLQf2n/QvrTQGSLQ+ZAGuKIcTpTDiXI4UQ4nyuFEOZwohxPlcKIcTpTDiXI4UQ4nyuFEOZwohxPlcKIcThQD3jEJJmSRzCixHSakkyyYsRdMyCA5UWPzAZNxZJIVaY/bXU7G8Q32AhpDvvqCPd7qIzM0hI0mZsPtHDQp48RPKzQZpeEv1Vky7fFymTXh9gGY1gZJcqJI8QAAAABJRU5ErkJggg==');
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 440rpx;
		height: 166rpx;
		margin: 340rpx auto 0 auto;
		font-size: 22rpx;
		text-align: center;
		padding-top: 11rpx;
		box-sizing: border-box;
	}
	.bargain .header .time .red{
		color: #fc4141;
	}
	.bargain .header .people {
		text-align: center;
		color: #fff;
		font-size: 20rpx;
		position: absolute;
		width: 85%;
		/* #ifdef MP */
		height: 44px;
		line-height: 44px;
		/* #endif */
		/* #ifdef H5 */
		top: 58rpx;
		/* #endif */
	}

	.bargain .header .time text {
		color: #333;
	}

	.bargain .wrapper,
	.bargain .bargainGang,
	.bargain .goodsDetails {
		width: 660rpx;
		border: 6rpx solid #fc8b42;
		background-color: #fff;
		border-radius: 20rpx;
		margin: -162rpx auto 0 auto;
		box-sizing: border-box;
		padding: 0 24rpx 47rpx 24rpx;
		position: relative;
	}

	.bargain .wrapper .pictxt {
		margin: 26rpx 0 37rpx 0;
	}

	.bargain .wrapper .pictxt .pictrue {
		width: 180rpx;
		height: 180rpx;
		position: relative;
	}

	.bargain .wrapper .pictxt .pictrue image {
		width: 100%;
		height: 100%;
		border-radius: 6rpx;
	}

	.bargain .wrapper .pictxt .text {
		width: 395rpx;
		font-size: 28rpx;
		color: #282828;
		height: 180rpx;
	}

	.bargain .wrapper .pictxt .text .money {
		font-weight: bold;
		font-size: 24rpx;
	}

	.bargain .wrapper .pictxt .text .money .num {
		font-size: 36rpx;
	}

	.bargain .wrapper .pictxt .text .successNum {
		font-size: 22rpx;
		color: #999;
	}

	.bargain .wrapper .cu-progress {
		overflow: hidden;
		height: 12rpx;
		background-color: #eee;
		width: 100%;
		border-radius: 20rpx;
	}

	.bargain .wrapper .cu-progress .bg-red {
		width: 0;
		height: 100%;
		transition: width 0.6s ease;
		border-radius: 20rpx;
		background-image: linear-gradient(to right, #ffa363 0%, #e93323 100%);
	}

	.bargain .wrapper .money {
		font-size: 22rpx;
		color: #999;
		margin-top: 15rpx;
	}

	.bargain .wrapper .bargainSuccess {
		font-size: 26rpx;
		color: #282828;
		text-align: center;
	}

	.bargain .wrapper .bargainSuccess .iconfont {
		font-size: 45rpx;
		color: #54c762;
		padding-right: 18rpx;
		vertical-align: -5rpx;
	}

	.bargain .wrapper .bargainBnt {
		font-size: 30rpx;
		font-weight: bold;
		color: #fff;
		width: 600rpx;
		height: 80rpx;
		border-radius: 40rpx;
		background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
		text-align: center;
		line-height: 80rpx;
		margin-top: 32rpx;
	}

	.bargain .wrapper .bargainBnt.on {
		border: 2rpx solid #e93323;
		color: #e93323;
		background-image: linear-gradient(to right, #fff 0%, #fff 100%);
		width: 596rpx;
		height: 76rpx;
	}

	.bargain .wrapper .bargainBnt.grey {
		color: #fff;
		background-image: linear-gradient(to right, #BBBBBB 0%, #BBBBBB 100%);
	}

	.bargain .wrapper .tip {
		font-size: 22rpx;
		color: #999;
		text-align: center;
		margin-top: 20rpx;
	}

	.bargain .wrapper .lock,
	.bargain .bargainGang .lock,
	.bargain .goodsDetails .lock {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiQAAABCCAYAAABnwc0eAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YmQzMTQ1Ny01MGY2LWFmNDMtYmY4Yi1kNWRjZTMxZDg5MTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0RCMkU3QUEzQzBCMTFFOUI2N0VEOEJBMDUwMTU2ODMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0RCMkU3QTkzQzBCMTFFOUI2N0VEOEJBMDUwMTU2ODMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDRmMWQxNmItZTIxMC1lYzQwLWJmODYtYzE4OWRiYzNmOGYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhiZDMxNDU3LTUwZjYtYWY0My1iZjhiLWQ1ZGNlMzFkODkxNSIv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
		background-repeat: no-repeat;
		background-size: 100% 100%;
		width: 548rpx;
		height: 66rpx;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: -43rpx;
		z-index: 5;
	}

	.bargain .bargainGang {
		margin: 13rpx auto 0 auto;
	}

	.bargain .bargainGang .title,
	.bargain .goodsDetails .title {
		font-size: 32rpx;
		font-weight: bold;
		height: 80rpx;
		margin-top: 30rpx;
	}

	.bargain .bargainGang .title .pictrue,
	.bargain .goodsDetails .title .pictrue {
		width: 46rpx;
		height: 24rpx;
	}

	.bargain .bargainGang .title .pictrue.on,
	.bargain .goodsDetails .title .pictrue.on {
		transform: rotate(180deg);
	}

	.bargain .bargainGang .title .pictrue image,
	.bargain .goodsDetails .title .pictrue image {
		width: 100%;
		height: 100%;
		display: block;
	}

	.bargain .bargainGang .title .titleCon,
	.bargain .goodsDetails .title .titleCon {
		margin: 0 20rpx;
	}

	.bargain .bargainGang .list .item {
		border-bottom: 1rpx dashed #ddd;
		height: 112rpx;
	}

	.bargain .bargainGang .list .item .pictxt {
		width: 310rpx;
	}

	.bargain .bargainGang .list .item .pictxt .pictrue {
		width: 70rpx;
		height: 70rpx;
	}

	.bargain .bargainGang .list .item .pictxt .pictrue image {
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 2rpx solid #e93323;
	}

	.bargain .bargainGang .list .item .pictxt .text {
		width: 225rpx;
		font-size: 20rpx;
		color: #999;
	}

	.bargain .bargainGang .list .item .pictxt .text .name {
		font-size: 25rpx;
		color: #282828;
		margin-bottom: 7rpx;
	}

	.bargain .bargainGang .list .item .money {
		font-size: 25rpx;
	}

	.bargain .bargainGang .list .item .money .iconfont {
		font-size: 35rpx;
		vertical-align: middle;
		margin-right: 10rpx;
	}

	.bargain .bargainGang .load {
		font-size: 24rpx;
		text-align: center;
		line-height: 80rpx;
		height: 80rpx;
	}

	.bargain .goodsDetails {
		margin: 13rpx auto 0 auto;
	}

	.bargain .goodsDetails~.goodsDetails {
		margin-bottom: 50rpx;
	}

	.bargain .goodsDetails .conter {
		margin-top: 20rpx;
		overflow: hidden;
	}

	.bargain .goodsDetails .conter image {
		width: 100% !important;
		display: block !important;
	}

	.bargain .bargainTip {
		position: fixed;
		top: 50%;
		left: 50%;
		width: 560rpx;
		margin-left: -280rpx;
		z-index: 111;
		border-radius: 20rpx;
		background-color: #fff;
		transition: all 0.3s ease-in-out 0s;
		opacity: 0;
		transform: scale(0);
		padding-bottom: 60rpx;
		margin-top: -330rpx;
	}

	.bargain .bargainTip.on {
		opacity: 1;
		transform: scale(1);
	}

	.bargain .bargainTip .pictrue {
		width: 100%;
		height: 321rpx;
	}

	.bargain .bargainTip .pictrue image {
		width: 100%;
		height: 100%;
		border-radius: 20rpx 20rpx 0 0;
	}

	.bargain .bargainTip .cutOff {
		font-size: 30rpx;
		color: #666;
		padding: 0 29rpx;
		text-align: center;
		margin-top: 50rpx;
	}

	.bargain .bargainTip .cutOff.on {
		margin-top: 26rpx;
	}

	.bargain .bargainTip .help {
		font-size: 32rpx;
		font-weight: bold;
		text-align: center;
		margin-top: 40rpx;
	}

	.bargain .bargainTip .tipBnt {
		font-size: 32rpx;
		color: #fff;
		width: 360rpx;
		height: 82rpx;
		border-radius: 41rpx;
		background-image: linear-gradient(to right, #f67a38 0%, #f11b09 100%);
		text-align: center;
		line-height: 82rpx;
		margin: 50rpx auto 0 auto;
	}

	.bargain_view {
		width: 180rpx;
		height: 48rpx;
		background: rgba(0, 0, 0, 0.5);
		opacity: 1;
		border-radius: 0 0 6rpx 6rpx;
		position: absolute;
		bottom: 0;
		font-size: 22rpx;
		color: #fff;
		text-align: center;
		line-height: 48rpx;
	}

	.iconfonts {
		font-size: 22rpx !important;
	}

	.wxParse-div {
		width: auto !important;
		height: auto !important;
	}

	.bargain .mask {
		z-index: 100;
	}
	.share-box {
		z-index: 1000;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	
		image {
			width: 100%;
			height: 100%;
		}
	}
</style>