<template>
	<view class="bargainCon" :style="colorStyle">
		<!-- <view :style="'height:' + systemH + 'px'"></view> -->
		<skeleton :show="showSkeleton" :isNodes="isNodes" ref="skeleton" loading="chiaroscuro" selector="skeleton"
			bgcolor="#FFF"></skeleton>
		<view class="bargain skeleton" :style="{visibility: showSkeleton ? 'hidden' : 'visible'}">
			<!-- #ifndef APP-PLUS -->
			<view class="iconfont icon-xiangzuo" v-if="retunTop" @tap="goBack" :style="'top:' + navH + 'px'"></view>
			<!-- #endif -->

			<view :style="'background-image: url('+(bargainUid != userInfo.uid ?picUrl.support:picUrl.barga)+');'"
				class="header">
				<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 skeleton-rect">
						<image :src="bargainInfo.image"></image>
						<view class="bargain_view">
							查看商品
							<text class="iconfont icon-jiantou iconfonts"></text>
						</view>
					</view>
					<view class="text">
						<view class="name line2 skeleton-rect">
							<span class='labelN' v-if="bargainInfo.brand_name && bargainInfo.brand_name.trim()">{{bargainInfo.brand_name}}</span>
						  {{ bargainInfo.title }}
						</view>
						<view class="money skeleton-rect">
							当前: ￥
							<text class="num">{{ bargainInfo.price }}</text>
						</view>
						<view class="successNum skeleton-rect">最低:￥{{ bargainInfo.min_price }}</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 class="skeleton-rect" v-if="!isLogin" @click="getIsLogin">
					<view class="bargainBnt">立即登录</view>
				</view>
				<!-- 自己砍价 -->
				<view class="skeleton-rect"
					v-if="bargainUid == userInfo.uid && (!userBargainStatus || 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 class="skeleton-rect"
					v-if="bargainUid == userInfo.uid && bargainUserHelpInfo.price > 0 && userBargainStatus != bargainSumCount">
					<view class="bargainBnt" @tap="getBargainUserBargainPricePoster">邀请好友帮砍价</view>
					<!-- #ifdef H5 -->
					<!-- 	<view class="bargainBnt" v-if="$wechat.isWeixin()" @click="H5ShareBox = true">邀请好友帮砍价</view> -->
					<!-- #endif -->
					<!-- #ifdef MP -->
					<!-- <button open-type="share" class="bargainBnt">邀请好友帮砍价</button> -->
					<!-- #endif -->
					<view class="tip">
						已有
						<text class="num">{{ bargainUserHelpInfo.count }}</text>
						位好友成功砍价
					</view>
				</view>

				<view v-if="bargainUid != userInfo.uid && userBargainStatusHelp && bargainUserHelpInfo.price > 0">
					<view class="bargainBnt skeleton-rect" @tap="setBargainHelp">帮好友砍一刀</view>
				</view>
				<view v-if="bargainUid != userInfo.uid && userBargainStatusHelp && bargainUserHelpInfo.price == 0">
					<view class="bargainSuccess skeleton-rect">
						<text class="iconfont icon-xiaolian"></text>
						好友已砍价成功
					</view>
					<view class="bargainBnt grey skeleton-rect" v-if="productStock <= 0 || quota <= 0">商品暂无库存</view>
					<view v-else>
						<view class="bargainBnt grey skeleton-rect" v-if="bargainInfo.is_bargain">我也要参与</view>
						<view class="bargainBnt skeleton-rect" @tap="currentBargainUser" v-else>我也要参与</view>
					</view>
				</view>
				<view v-if="bargainUid != userInfo.uid && !userBargainStatusHelp">
					<view class="bargainSuccess skeleton-rect" v-if="productStock <= 0 || quota <= 0">
						<text class="iconfont icon-xiaolian"></text>
						已成功帮助好友砍价
					</view>
					<view class="bargainBnt grey" v-if="productStock <= 0 || quota <= 0">商品暂无库存</view>
					<view v-else>
						<view class="bargainBnt grey skeleton-rect" v-if="bargainInfo.is_bargain">我也要参与</view>
						<view class="bargainBnt skeleton-rect" @tap="currentBargainUser" v-else>我也要参与</view>
					</view>
				</view>
				<view v-if="bargainUserHelpInfo.price == 0 && bargainUid == userInfo.uid && statusPay != 3">
					<view class="bargainSuccess skeleton-rect">
						<text class="iconfont icon-xiaolian"></text>
						恭喜您砍价成功，快去支付
					</view>
					<view class="bargainBnt grey" v-if="productStock <= 0 || quota <= 0">商品暂无库存</view>
					<view class="bargainBnt skeleton-rect" v-else @tap="goPay">立即支付</view>
					<view class="bargainBnt on skeleton-rect" @tap="goBargainList">抢更多商品</view>
				</view>

				<view class="lock" :style="'background-image: url('+picUrl.lock+');'"></view>
			</view>
			<view v-if="bargainUserHelpList.length" class="bargainGang skeleton-rect">
				<view class="title acea-row row-center-wrapper">
					<view class="pictrue">
						<image :src="picUrl.lace"></image>
					</view>
					<view class="titleCon">砍价帮</view>
					<view class="pictrue on">
						<image :src="picUrl.lace"></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">
								<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" v-if="!limitStatus" @tap="getBargainUser">点击加载更多</view>
				<view class="lock" :style="'background-image: url('+picUrl.lock+');'"></view>
			</view>
			<view class="goodsDetails skeleton-rect">
				<view class="title 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">
					<!-- #ifndef APP-PLUS -->
					<jyf-parser :html="bargainInfo.description" ref="article" :tag-style="tagStyle"></jyf-parser>
					<!-- #endif -->
					<!-- #ifdef APP-PLUS -->
					<view v-html="bargainInfo.description"></view>
					<!-- #endif -->
				</view>
				<view v-if="bargainInfo.rule" class="lock" :style="'background-image: url('+picUrl.lock+');'"></view>
			</view>
			<view v-if="bargainInfo.rule" class="goodsDetails">
				<view class="title 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">
					<jyf-parser :html="bargainInfo.rule" ref="article" :tag-style="tagStyle"></jyf-parser>
				</view>
			</view>
			<view class="bargainTip" :class="active == true ? 'on' : ''">
				<view class="pictrue">
					<image :src="picUrl.popup"></image>
				</view>
				<view v-if="bargainUid == userInfo.uid">
					<view class="cutOff">
						您已砍掉
						<text style="color: var(--view-theme);">{{ bargainUserBargainPrice }}</text>
						元，听说分享次数越多砍价成功的机会越大哦！
					</view>
					<!-- #ifdef MP -->
					<button class="tipBnt" @tap="getBargainUserBargainPricePoster">邀请好友帮砍价</button>
					<!-- #endif -->
					<!-- #ifdef H5 -->
					<view class="tipBnt" @tap="getBargainUserBargainPricePoster">邀请好友帮砍价</view>
					<!-- #endif -->
				</view>
				<view v-else>
					<view class="help" style="color: #fc4141;">成功帮砍{{ bargainUserBargainPrice }}元</view>
					<view class="cutOff on">您也可以砍价低价拿哦，快去挑选心仪的商品吧~</view>
					<view class="tipBnt grey" v-if="bargainInfo.is_bargain">我也要参与</view>
					<view @tap="currentBargainUser" class="tipBnt" v-else>我也要参与</view>
				</view>
			</view>
			<view class="mask" catchtouchmove="true" v-show="active == true" @tap="close"></view>
		</view>
		<!-- 分享按钮 -->
		<view class="generate-posters acea-row row-middle" :class="posters ? 'on' : ''">
			<!-- #ifndef MP -->
			<button class="item" hover-class='none' v-if="weixinStatus === true" @click="H5ShareBox = true">
				<!-- <button class="item" hover-class='none' v-if="weixinStatus === true" @click="setShareInfoStatus"> -->
				<view class="iconfont icon-weixin3"></view>
				<view class="">发送给朋友</view>
			</button>
			<!-- #endif -->
			<!-- #ifdef MP -->
			<button class="item" open-type="share" hover-class='none' @click="goFriend">
				<view class="iconfont icon-weixin3"></view>
				<view class="">发送给朋友</view>
			</button>
			<!-- #endif -->
			<!-- #ifdef APP-PLUS -->
			<view class="item" @click="appShare('WXSceneSession')">
				<view class="iconfont icon-weixin3"></view>
				<view class="">微信好友</view>
			</view>
			<view class="item" @click="appShare('WXSenceTimeline')">
				<view class="iconfont icon-pengyouquan"></view>
				<view class="">微信朋友圈</view>
			</view>
			<!-- #endif -->
			<!-- #ifndef APP-PLUS -->
			<button class="item" hover-class='none' @tap="getBargainUserBargainPricePoster">
				<view class="iconfont icon-haibao"></view>
				<view class="">生成海报</view>
			</button>
			<!-- #endif -->
		</view>
		<view class="mask" v-if="posters" @click="listenerActionClose"></view>
		<!-- 发送给朋友图片 -->
		<view class="share-box" v-if="H5ShareBox">
			<image :src="imgHost + '/statics/images/share-info.png'" @click="H5ShareBox = false"></image>
		</view>
		<home v-if="navigation"></home>
		<!-- #ifdef H5 -->
		<view class="followCode" v-if="followCode">
			<view class="pictrue">
				<view class="code-bg"><img class="imgs" :src="codeSrc" /></view>
			</view>
			<view class="mask" @click="closeFollowCode"></view>
		</view>
		<zb-code ref="qrcode" v-show="false" :show="codeShow" :cid="cid" :val="val" :size="size" :unit="unit"
			:background="background" :foreground="foreground" :pdground="pdground" :icon="icon" :iconSize="iconsize"
			:onval="onval" :loadMake="loadMake" @result="qrR" />
		<!-- #endif -->
		<!-- #ifdef MP -->
		<!-- <authorize v-if="isShowAuth" @authColse="authColse" @onLoadFun="onLoadFun"></authorize> -->
		<!-- #endif -->
	</view>
</template>

<script>
	import zbCode from '@/components/zb-code/zb-code.vue'
	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';
	import countDown from '@/components/countDown';
	import home from '@/components/home';
	import parser from '@/components/jyf-parser/jyf-parser';
	import {
		silenceBindingSpread
	} from '@/utils';
	import {
		TOKENNAME,
		HTTP_REQUEST_URL
	} from '@/config/app.js';
	const app = getApp();
	import colors from "@/mixins/color";
	export default {
		components: {
			countDown,
			home,
			'jyf-parser': parser
		},
		/**
		 * 页面的初始数据
		 */
		mixins: [colors],
		data() {
			return {
				showSkeleton: true, //骨架屏显示隐藏
				isNodes: 0, //控制什么时候开始抓取元素节点,只要数值改变就重新抓取
				countDownDay: '00',
				countDownHour: '00',
				countDownMinute: '00',
				countDownSecond: '00',
				active: false,
				id: 0, //砍价产品编号
				userInfo: {
					uid:0
				}, //当前用户信息
				bargainUid: 0, //开启砍价用户（发起分享砍价的人）
				bargainUserInfo: {}, //开启砍价用户信息
				bargainUserId: 0, //开启砍价编号
				bargainInfo: {
					brand_name:''
				}, //砍价产品
				offset: 0,
				limit: 20,
				limitStatus: false,
				bargainUserHelpList: [],
				bargainUserHelpInfo: [],
				bargainUserBargainPrice: 0,
				status: '', // 0 开启砍价   1  朋友帮忙砍价  2 朋友帮忙砍价成功 3 完成砍价  4 砍价失败 5已创建订单
				bargainCount: [], //分享人数  浏览人数 参与人数
				retunTop: true,
				bargainPartake: 0,
				isHelp: false,
				interval: null,
				userBargainStatus: 0, //判断自己是否砍价
				bargainSumCount: 0, // 购买次数
				productStock: 0, //判断是否售罄；
				quota: 0, //判断是否已限量；
				userBargainStatusHelp: true,
				navH: '',
				statusPay: '',
				bargainPrice: 0,
				datatime: 0,
				offest: '',
				tagStyle: {
					img: 'width:100%;display:block;',
					table: 'width:100%',
					video: 'width:100%'
				},
				H5ShareBox: false, //公众号分享图片
				systemH: 100,
				isAuto: false, //没有授权的不会自动授权
				isShowAuth: false, //是否隐藏授权
				// pages: '',
				posters: false,
				weixinStatus: false,
				couponsHidden: true,
				followCode: false,
				//二维码参数
				codeShow: false,
				cid: '1',
				ifShow: true,
				val: "", // 要生成的二维码值
				size: 200, // 二维码大小
				unit: 'upx', // 单位
				background: '#FFF', // 背景色
				foreground: '#000', // 前景色
				pdground: '#000', // 角标色
				icon: '', // 二维码图标
				iconsize: 40, // 二维码图标大小
				lv: 3, // 二维码容错级别 ， 一般不用设置，默认就行
				onval: true, // val值变化时自动重新生成二维码
				loadMake: true, // 组件加载完成后自动生成二维码
				src: '', // 二维码生成后的图片地址或base64
				codeSrc: "",
				picUrl: {},
				imgHost:HTTP_REQUEST_URL,
				deliveryType:1
			};
		},
		computed: mapGetters(['isLogin']),
		watch: {
			isLogin: {
				handler: function(newV, oldV) {
					if (newV) {
						// #ifndef MP
						this.addShareBargain();
					  // #endif
					}
				},
				deep: true
			}
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad: function(options) {
			this.colorData();
			let picList = [{
					popup: '../static/bulet.jpg',
					barga: 'data:image/jpg;base64,[encoded data, 41192 characters]',
					support: 'data:image/jpg;base64,[encoded data, 32968 characters]',
					lock: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiQAAABCCAMAAABQHz0sAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2MDllYTU1OC1mYWM3LTdlNDQtODk5Zi1lZGI1ODAwMjdjNTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDVFRjQ0OTBERUZDMTFFQjg5N0FCQTA3QTIyRDA2NTIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDVFRDI3RkFERUZDMTFFQjg5N0FCQTA3QTIyRDA2NTIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzM4ZTBiMDQtYWYwMi00YjA2LThkOGUtZWE3MmE3NGVlNjBmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZWFiYzA3MTQtOWE2Ni05NzRhLWI5ODAtNGFjMjRjZmNlZTNiIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+42dm1AAAAYBQTFRFKpvVAHq6o7rQhqnEA4jN1ebvrMXaiavGarnizOL3scjd9vv9Q6faQ5G5y+L3pr7T0ej9mrHIcKvKKIGvv9brK5LKxtzxA2uh0+n+qsHWqcHWoLfNw9nulKzCorrPBm2imrLIscjeyd/0u9LouNDkDI3Ov9fsxtzylq7En7fNtMvhrcXal7DFwNfrrsXamK/FAIfNAGmg1Or/vNPo0+r+nLTK+fv9+fz+zuX5tMzh0Of7zuT5yeD0w9ru1Ov/AH/BAILGAGqh0+r2a6jI0Ob7b7vjuM/kpr3Ttczh0un9AG6nuM/lmLDFnbXK0uj90Of8oLjNw9rvyeD1AIbMAIfMBn28vNPnZ6bGaqfH0+XvA4fNAG6oAGqinbTKZ7fh1Ov3n7jNpb3TyOD1wtru0ef7l6/G1Or+lq7DnLXKtMzg0+r/0uj8la3DmLDG1Ov+zeX6xt3ysMfd0+v/qsLWzuT6tczgyOD0la7Dlq3D0ur+0un8lq3Euc/kuc/lxt3x////qslRZgAAAIB0Uk5T/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wA4BUtnAAAE8UlEQVR42uzd6VsaVxTH8RG0apqARVwhLpTQaKnMICrIEpMgMAFxSWtXm6ilpprFxGZPOf96zr13Apc+w18wv8MLfHj5eb6OIzBzDOIZCo3Pz4+HhsjzAwk3CYNo/f6UJWfq56+9DQMJdwmD1m9Ynbmx7mkZSLhLGPSLpc19L9NAoo+EMSSOKw8Gth4+3Bp4YE15+K8xJPpJGCHLujtgOjPwR8i7NJDoJ2GMW3fvmJ25M+5dGkj0kzDmrQFTm5+8SwOJfhLG/O8/6i/c8jANJPpIGOMimgn/zZv+CfGC4eGDLCT6SBihLX7yP3378a1fvLDt4dM1JXH741NISAkeJWH8+hs/NVrJVrLBPwze8y6NlGglU8lkEhKmmWy0Wo2WlDBohJ8Xvlng4R9GyMMjJSQFJHqaMGjjummu8TxZM83rG16mkRJHR2wBCdM8klFICT492xgZjDxeiuwtDf7p8Y+1WGIpsrQUiUBCSIgqpIQ8h38055ub8/nukefnkc/HFpCQTQgKKaH+0QseHwerVciwRPW4Wg3CgSWCwWrwmLqRzM7MzM7MAoYlJAUceppQkXwvBzAs8RUk6P9NqEiu8SxeAwzRIku8hIRo4qWoQoskl8v9U8sBhmh5mSEgoZrIORIqkkq9wgMYonolHq9DQjYRr1TqWiSrq9/yAzBCQlDAoacJFUkiEf4hHAYMUTgcZgw4sISMQotkPxotRk8BQ3RaLBaj+3AgYgauQoukfTnZ/u4SMCzRbl+2ISGbYIhJLZKTN4WDQgwwRAexWKxQgAMRF1E4eaNFMjoaCARGASMkBAUceppQkeTz2X/zWcAQZbMv8pAQ80JGoUWyuVnmB2BYolze3IWEkNjd/NKEimTM/tAc+wAYIrtpjzVtOBA1bZuz0CKZns7wAzBEmUzGfg8J0cT7aR4tknT673Q6DRiORFLAoacJJ5JSKV0CDU9JSJTgwBIyCi2Sc27m+XPAiN+fUubVORz4mPrqvPdIksnwWUkGMPyXOCPOSuDATdgsoZ+T2M0L+6IJGJa44LN6RCIk+J8bu6lFsvtXebO8CxiisqSAQ08TzjuuWZ48YMQ7rnnGgIN8Fz7rSDif3QTEO/WAIQoEhAUcWGK0I+F8ClyIFQ4OAENUKBzE8Hm4lIjFThwJ5/sk8ssDgGGJSaaABA8H0W63tUhOi/vFaBQwREVJAYeeJlQk4XAijO+4diQScCBKSAotksPDVR7AsISAOISD+La8qEKLJF6P//cJV5sIiXjlUz0OByJOIu5IqEhqtdry6xpgiHKva8vLkBBNiKs6a1ok4krgxUXAyGuBmQIOPU107iqwgmvppcTKCu4qIGdFRqFFIu7KMYO7cvBcXV3hTi2qiRlRRTeSoaC8rQ32RbFEtQoJKVEVUQS1zVlzPjHYFwWJroS6e5y2OWsvEtl7HMG+KMuKSApI9DShNmftrK3tHO1gX5RlHT3ZYQxIcBMyCm1z1oIc7IuChKuE2pw13EilUsPYF8USzxrJZ5AQEqlUozGsbc6a8J/dlmsrPL8vamL43RkklMTZO0cCm7M6A4l+Etic1aWBRB8JtTmrO17fFwUJFwm1Oas7Xt8XBQkXCbU5qzOe3xcFCRcJtTmrM57fFwUJFwm1OevLYF8UJFwk1OYs57iCfVGQcJNQm7O2jcFbxjb2RUHCVeKzAAMALIm6qQHmsIkAAAAASUVORK5CYII=',
					lace: '../static/buled.png'
				},
				{
					popup: '../static/greent.jpg',
					barga: 'data:image/jpg;base64,[encoded data, 39576 characters]',
					support: 'data:image/jpg;base64,[encoded data, 30772 characters]',
					lock: 'data:image/png;base64,[encoded data, 4936 characters]',
					lace: '../static/greend.png'
				},
				{
					popup: '../static/redt.jpg',
					barga: 'data:image/jpg;base64,[encoded data, 37032 characters]',
					support: 'data:image/jpg;base64,[encoded data, 29720 characters]',
					lock: 'data:image/png;base64,[encoded data, 4308 characters]',
					lace: '../static/redd.png'
				},
				{
					popup: '../static/pinkt.jpg',
					barga: 'data:image/jpg;base64,[encoded data, 37348 characters]',
					support: 'data:image/jpg;base64,[encoded data, 29052 characters]',
					lock: 'data:image/png;base64,[encoded data, 5084 characters]',
					lace: '../static/pinkd.png'
				},
				{
					popup: '../static/oranget.jpg',
					barga: 'data:image/jpg;base64,[encoded data, 36424 characters]',
					support: 'data:image/jpg;base64,[encoded data, 32416 characters]',
					lock: 'data:image/png;base64,[encoded data, 4948 characters]',
					lace: '../static/oranged.png'
				},
				{
					popup: '../static/goldt.jpg',
					barga: 'data:image/jpeg;base64,[encoded data, 35308 characters]',
					support: 'data:image/png;base64,[encoded data, 37268 characters]',
					lock: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAiQAAABCCAMAAABQHz0sAAAAjVBMVEUAAAC4ehWPXxD58df9+/n68tj37tTw58317NLt5Mrq4cfm3sPj28Dg17zc1LnZ0LXVzbHOxqrLwqfIv6TFvaHDup/y6tCUYxPt5djAuJzRyK6mbhO+tZq+sI2+onOheDWvdBTz6djApXnWsnbXtHvLnVOtiU/EkDu5izvSyq67fx/BpnrVsHSochmnbxN3lMksAAAAAXRSTlMAQObYZgAAAlpJREFUeNrt3dmO2kAQQNGqxkz2ZVZ7wmCbbZglyf9/XtolmCDkcitS3ureF2MejywZTDclQ81rV9fdayPhQ8KRqNp0qK0kdEh4EtVjeusxtA0SrkSbTmolcEh4Es1wrBe9ar+oUwp8N0bClVjn84Ue+p3WEjYkXIkupV7f6jsJGxKuRJ0WetIvCRsSrkRd62kvEjYkXIluuGielg8PyyfN7SVsSLgS6z4f8nl+R3NbCRsSrkQzHO4tza0kbEj4Ept8uLXyi40EDglXotqp3liqu9gPo5FwJaqNXlv6M7QMEpMSqysr8F1YkChKXFpCSPgSzz+GhJDwJb5bQkj4Et8sISR8ia+WEBK+xBdLCAlf4rMlhIQv8ckSQsKX+GgJIeFLfLCEkPAl3llCSPgSd0PQIDEl8d4SQsKXuLCEkPAlZrmLmRASvsRsCBokpiTms/l8Dg0SUxJzSwiJMwlouEiKEtyJ+UxSlOAzPd9uihI8HeA5SVGC54w8cf0XiTtLCIkzCX775FfgogSrKFhPUpRgPRYr04oSrOxkjWtRgjXirJYvSrDbhH03RQn2rbGDryjBDlj2Ahcl2EvPvwoUJc7/i+JZCAlXorm0As9lQKIgUbXpymJeFBKOxDAl6dpiXhQSjkSbUrqxmBeFxLhEk3K3FvOikBiXsClJy/vcknlRSIxK2JSkw9gK5kUhcS7B5CwmZzE5i8lZ/3Fy1jHmRSExLrHu9RjzopAYl2j+njAvCglHYqPHmBeFhCNR7fQQ86KQ8CSq43XDvCgkfInVdq8v+23gu7AgMSHxB2QIWza5WVlxAAAAAElFTkSuQmCC',
					lace: '../static/goldd.png'
				}
			]
			setTimeout(()=>{
				switch (this.colorNum) {
					case 1:
						this.picUrl = picList[0]
						break;
					case 2:
						this.picUrl = picList[1]
						break;
					case 3:
						this.picUrl = picList[2]
						break;
					case 4:
						this.picUrl = picList[3]
						break;
					case 5:
						this.picUrl = picList[4]
						break;
					case 6:
					    this.picUrl = picList[5]
						break;
					default:
						this.picUrl = picList[2]
						break
				}
			},1)
			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.spid) options.spid = value.spid;
				} else {
					app.globalData.spid = value;
				}
			}
			// #endif
			
			if (options.hasOwnProperty('id')) {
				that.id = options.id;
				that.bargainUid = options.spid || 0;
				//记录推广人uid
				if (options.spid) app.globalData.spid = options.spid;
			}
      this.getBargainDetails();
			if (this.isLogin) {
				if (that.bargainUid == 'undefined' || !that.bargainUid) {
					that.bargainUid = that.$store.state.app.uid;
				}
				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 {
				this.$Cache.set('login_back_url',
					`/pages/activity/goods_bargain_details/index?id=${options.id}&spid=${this.bargainUid}`);
				this.getIsLogin();
			}

			this.isLogin && silenceBindingSpread();
			uni.setNavigationBarTitle({
				title: '砍价详情'
			});
		},
		methods: {
			getIsLogin(){
				toLogin()
			},
			// app分享
			// #ifdef APP-PLUS
			appShare(scene) {
				let that = this
				let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
				let curRoute = routes[routes.length - 1].$page.fullPath // 获取当前页面路由，也就是最后一个打开的页面路由

				uni.share({
					provider: "weixin",
					scene: scene,
					type: 0,
					href: `${HTTP_REQUEST_URL}${curRoute}`,
					title: that.bargainInfo.title,
					imageUrl: that.bargainInfo.small_image,
					success: function(res) {
						uni.showToast({
							title: '分享成功',
							icon: 'success'
						})
						that.posters = false;
					},
					fail: function(err) {
						uni.showToast({
							title: '分享失败',
							icon: 'none',
							duration: 2000
						})
						that.posters = false;
					}
				});
			},
			qrR(res) {
				this.codeSrc = res
			},
			// #endif
			/**
			 * 分享打开
			 * 
			 */
			listenerActionSheet: function() {
				if (this.isLogin == false) {
					this.getIsLogin();
				} else {
					// #ifdef H5
					if (this.$wechat.isWeixin() === true) {
						this.weixinStatus = true;
					}
					// #endif
					this.posters = true;

				}
			},
			getBargainUserBargainPricePoster() {
				uni.navigateTo({
					url: '/pages/activity/poster-poster/index?type=1&id=' + this.id + '&spid=' + this.bargainUid
				});
			},
			// 分享关闭
			listenerActionClose: function() {
				this.posters = false;
			},
			// 小程序关闭分享弹窗；
			goFriend: function() {
				this.posters = false;
			},
			openTap() {
				this.$set(this, 'couponsHidden', !this.couponsHidden);
			},
			// 授权关闭
			authColse: function(e) {
				this.isShowAuth = e;
			},
			// 去商品页
			goProduct() {
				uni.navigateTo({
					url: `/pages/goods_details/index?id=${this.bargainInfo.product_id}`
				});
			},
			// 自己砍价；
			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.unit_name}`
						});
					} else {
						that.setBargain();
					}
				}
			},
			goBack: function() {
				uni.navigateBack({
					delta: 1
				});
			},
			gobargainUserInfo: function() {
				//获取开启砍价用户信息
				var that = this;
				var data = {
					userId: that.bargainUid
				};
				postBargainStartUser({
					bargainId: that.id,
					bargainUserUid: that.bargainUid
				}).then(res => {
					that.$set(that, 'bargainUserInfo', res.data);
				});
			},
			goPay: function() {
				//立即支付
				var that = this;
				var data = {
					productId: that.bargainInfo.product_id,
					bargainId: that.id,
					cartNum: 1,
					uniqueId: '',
					combinationId: 0,
					secKillId: 0,
					new: 1
				};
				let storeId = that.bargainInfo.type==1?that.bargainInfo.relation_id:0;
				postCartAdd(data)
					.then(res => {
						uni.navigateTo({
							url: '/pages/goods/order_confirm/index?new=1&cartId=' + res.data.cartId + '&delivery_type=' + that.deliveryType + '&store_id=' + storeId
						});
					})
					.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;
						if(that.bargainInfo.description){
						   that.bargainInfo.description = that.bargainInfo.description.replace(
						   	/<img/gi,
						   	'<img style="max-width:100%;height:auto;float:left;display:block" '
						   );
						   that.bargainInfo.description = that.bargainInfo.description.replace(
						   	/<video/gi,
						   	'<video style="width:100%;height:auto;display:block" '
						   );
						}
						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.attr.product_stock;
						that.quota = res.data.bargain.attr.quota;
						that.datatime = res.data.bargain.stop_time;
						res.data.bargain.delivery_type.sort((x,y)=>x - y);
						that.deliveryType = res.data.bargain.delivery_type[0];
						uni.setNavigationBarTitle({
							title: res.data.bargain.title.substring(0, 13) + '...'
						});
						that.bargainUserHelpList = [];
						if(that.isLogin){
							that.getBargainHelpCount();
							that.getBargainUser();
							that.gobargainUserInfo();
						}
						//#ifdef H5
						that.setOpenShare();
						//#endif
						setTimeout(() => {
							that.showSkeleton = false
						}, 300)
					})
					.catch(function(err) {
						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;
				});
			},
			currentBargainUser: function() {
				//当前用户砍价
				this.$set(this, 'bargainUid', this.userInfo.uid);
				this.setBargain();
			},
			setBargain: function() {
				//参与砍价
				var that = this;
				postBargainStart(that.id).then(res=>{
					if (res.data.code === 'subscribe') {
						that.$set(that, 'followCode', true);
						this.codeSrc = res.data.url
						return;
					}
					that.$set(that, 'bargainUserId', res.data.bargainUserInfo.id);
					that.$set(that, 'bargainUserBargainPrice', res.data.price);
					that.$set(that, 'active', true);
					that.$set(that, 'bargainUserHelpList', []);
					that.$set(that, 'isHelp', true);
					// that.getBargainUserBargainPrice();
					// that.setBargainHelp();
					that.getBargainHelpCount();
					that.userBargainStatus = 1;
				}).catch(err=>{
					that.$util.Tips({
						title: err
					});
				})
			},
			setBargainHelp: function() {
				//帮好友砍价
				var that = this;
				var data = {
					bargainId: that.id,
					bargainUserUid: that.bargainUid
				};
				postBargainHelp(data)
					.then(res => {
						if (res.data.code === 'subscribe') {
							that.$set(that, 'followCode', true);
							this.codeSrc = res.data.url
							return;
						}
						that.$set(that, 'bargainUserHelpList', []);
						that.$set(that, 'isHelp', true);
						that.getBargainUser();
						// that.getBargainUserBargainPrice();
						that.$set(that, 'bargainUserBargainPrice', res.data.price);
						that.$set(that, 'active', true);
						that.getBargainHelpCount();

					})
					.catch(err => {
						that.$util.Tips({
							title: err
						});
						that.$set(that, 'bargainUserHelpList', []);
						that.getBargainUser();
					});
			},
			getBargainUser: function() {
				//获取砍价帮
				var that = this;
				var data = {
					bargainId: that.id,
					bargainUserUid: that.bargainUid,
					offset: that.offset,
					limit: that.limit
				};
				postBargainHelpList(data).then(res => {
					var bargainUserHelpListNew = [];
					var bargainUserHelpList = that.bargainUserHelpList;
					var len = res.data.length;

					bargainUserHelpListNew = bargainUserHelpList.concat(res.data);

					that.$set(that, 'bargainUserHelpList', res.data);
					that.$set(that, 'limitStatus', data.limit > len);
					that.$set(that, 'offest', Number(data.offset) + Number(data.limit));
				});
			},
			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) {
				let that = this;
				if (that.bargainUid == 'undefined' || !that.bargainUid) {
					that.bargainUid = that.$store.state.app.uid;
				}
				that.getBargainDetails();
				that.addShareBargain();
				that.isShowAuth = false;
			},
			addShareBargain: function() {
				//添加分享次数 获取人数
				var that = this;
				postBargainShare(this.id).then(res => {
					that.$set(that, 'bargainCount', res.data);
				});
			},
			//#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 + '&spid=' + that.bargainUid,
					imgUrl: that.bargainInfo.image
				};
				if (this.$wechat.isWeixin()) {
					this.$wechat
						.wechatEvevt(['updateAppMessageShareData', 'updateTimelineShareData', 'onMenuShareAppMessage',
							'onMenuShareTimeline'
						], configTimeline)
						.then(res => {})
						.catch(res => {
							if (res.is_ready) {
								res.wx.updateAppMessageShareData(configTimeline);
								res.wx.updateTimelineShareData(configTimeline);
								res.wx.onMenuShareAppMessage(configTimeline);
								res.wx.onMenuShareTimeline(configTimeline);
							}
						});
				}
			},
			closeFollowCode: function() {
				this.$set(this, 'followCode', false);
			}

			//#endif
		},

		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady: function() {
			this.isNodes++;
		},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow(){
			uni.removeStorageSync('form_type_cart');
		},
		/**
		 * 生命周期函数--监听页面隐藏
		 */
		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 + '&spid=' + this.bargainUid,
					imageUrl: that.bargainInfo.image
				};
			that.close();
			that.addShareBargain();
			return share;
		}
		//#endif
	};
</script>

<style lang="scss">
	page {
		// background-color: #e93323 !important;
		background-color: var(--view-theme)
	}
	.bargainCon{
		background-color: var(--view-theme);
		padding-bottom: 50rpx;
		min-height: 100vh;
	}
	.generate-posters {
		width: 100%;
		height: 170rpx;
		background-color: #fff;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 300;
		transform: translate3d(0, 100%, 0);
		transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
		border-top: 1rpx solid #eee;
	}

	.generate-posters.on {
		transform: translate3d(0, 0, 0);
	}

	.generate-posters .item {
		flex: 1;
		text-align: center;
		font-size: 30rpx;
	}

	.generate-posters .item .iconfont {
		font-size: 80rpx;
		color: #5eae72;
	}

	.generate-posters .item .iconfont.icon-haibao {
		color: #5391f1;
	}

	.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-repeat: no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 572rpx;
		margin: 0 auto;
		padding-top: 340rpx;
		position: relative;
	}

	.bargain .header .pictxt {
		margin: -60rpx 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 {
		width: 440rpx;
		font-size: 22rpx;
		text-align: center;
		box-sizing: border-box;
		position: absolute;
		left: 50%;
		margin-left: -220rpx;
		top: 0;
		margin-top: 299rpx;
	}

	.bargain .header .time .red {
		color: var(--view-theme);
	}

	.bargain .header .people {
		text-align: center;
		color: #fff;
		font-size: 20rpx;
		position: absolute;
		width: 100%;
		/* #ifdef MP || APP-PLUS */
		height: 44px;
		line-height: 44px;
		top: 40rpx;
		/* #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: -190rpx 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;
	}
	
	.bargain .wrapper .pictxt .text .name{
		width: 100%;
		height: 74rpx;
		visibility: visible;
	}
	
	.bargain .wrapper .pictxt .text .labelN{
		font-size: 20rpx;
		color: var(--view-theme);
		font-weight: 500;
		border:1px solid var(--view-theme);
		border-radius: 6rpx;
		padding: 2rpx 4rpx;
		margin-right: 10rpx;
		display: inline-block;
		vertical-align: text-top;
	}

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

	.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, var(--view-minorColor) 0%, var(--view-theme) 100%);
	}

	.bargain .wrapper .money {
		font-size: 22rpx;
		color: #999;
		margin-top: 15rpx;
		color: var(--view-priceColor);
	}

	.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, var(--view-minorColor) 0%, var(--view-theme) 100%);
		background-color: var(--view-theme);
		text-align: center;
		line-height: 80rpx;
		margin-top: 32rpx;
	}

	.bargain .wrapper .bargainBnt.on {
		border: 2rpx solid var(--view-theme);
		color: var(--view-theme);
		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 .tip .num {
		color: var(--view-theme);
	}

	.bargain .wrapper .lock,
	.bargain .bargainGang .lock,
	.bargain .goodsDetails .lock {
		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;
		color: var(--view-theme);
	}

	.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 var(--view-theme);
	}

	.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;
		color: var(--view-theme);
	}

	.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;
		color: var(--view-theme);
	}

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

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

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

	.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, var(--view-minorColor) 0%, var(--view-theme) 100%);
		background-color: var(--view-theme);
		text-align: center;
		line-height: 82rpx;
		margin: 50rpx auto 0 auto;
		&.grey{
			background-color: #bbb;
		}
	}

	.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%;
		}
	}

	.followCode {
		.pictrue {
			width: 500rpx;
			height: 530rpx;
			border-radius: 12px;
			left: 50%;
			top: 50%;
			margin-left: -250rpx;
			margin-top: -360rpx;
			position: fixed;
			z-index: 10000;

			.code-bg {
				display: flex;
				justify-content: center;
				width: 100%;
				height: 100%;
				background-image: url('~@/static/images/code-bg.png');
				background-size: 100% 100%;
			}

			.imgs {
				width: 310rpx;
				height: 310rpx;
				margin-top: 92rpx;
			}
		}

		.mask {
			z-index: 9999;
		}
	}
</style>
