shicai/pages/groupBooking/groupdetails.vue

<template>
	<view class="container">
		<view class="reds"></view>
		<view class="conter">
			<!-- <view class="tips flex_center_down_center" v-if="state == 1">
				<image src="../../static/error/missing-face.png"></image>
				<text >79 拼团成功</text>
			</view> -->
			<view class="details flex-between-center" v-if="state == 1">
				<view class="left-img" @click="ToGroup(goods)">
					<image :src="goods.image"></image>
					<image class="left-img1" v-if=" types == 1" src="https://shicai.liuniu946.com/img/img69.png"></image>
					<image class="left-img1" v-if=" types == 2" src="https://shicai.liuniu946.com/img/img70.png"></image>
				</view>
				<view class="right-word">
					<view class="one">{{goods.title}}</view>
					<view class="two m-t10">
						<view class="three" v-if=" types == 1">
							<text>{{ goods.mark }}</text>
						</view>
						<view class="three" v-if=" types != 1">
							<text>{{ goods.mark }}</text>
						</view>
						<!-- <text class="two-1">单买价￥{{goods.product_price}}</text> -->
						<text class="two-2" @click="ToGroup(goods)">商品详情></text>
					</view>
					<!-- <view class="word-3" v-if="status == 1 && types == 1">
						<view class="word-3-1">
							<text class="word-text">本单人头奖</text>
							<text class="word-3-1-1">{{parseFloat(goods.people_prize)}}元</text></view>
						<image class="wenhao" src="../../static/icon/wenhao.png" @click="navTo('/pages/rule/AAjiangjin')"></image>
					</view> -->
					<view class="six" v-if="status == 1 && types == 1">
						<!-- <image src="https://shicaitest.liuniu946.com/img/img80.png"></image> -->
						<view>
							<view class="six-1">
								<text class="six-text">本单邀请奖</text>
							<text class="six-red">{{parseFloat(goods.people_prize)}}元/人</text></view>
							<view class="six-2">
								<text class="six-text2">本单奖金共</text>
								<text class="six-red">{{ parseInt(goods.people_prize) * (people.length + 1) }}元</text>
							</view>
						</view><!-- pages/rule/DaRjiangjin 达人团奖金 -->
						<image class="wenhao-six" src="../../static/icon/wenhao.png" @click="navTo('/pages/rule/AAjiangjin')"></image>
					</view>

					
					<view class="four m-t5">
						<text >拼团价￥</text>
						<text class="four-1">{{goods.price}}</text>
					</view>
					<view class="five m-t10">
						<text >已拼{{order_count || '0' }}份</text>
					</view>
				</view>
			</view>
			<view class="participate" >
				<view class="rows-1" v-if="state == 1">
					<!-- AA团 -->
					<view class="participate-1" v-if="(1 + people.length) <= pinkT.max_people && types == 1">还差<text>{{peopleNub}}</text>人拼团成功</view>
					
					<view class="participate-2" v-if="types == 1">邀请好友参与，共享低价好物</view>
					
					
					<!-- 达人团 -->
					<!-- 人数不足 -->
					<view class="participate-1" v-if="(people.length) <= pinkT.min_people && types == 2">还差<text>{{pinkT.min_people - people.length }}</text>人拼团成功</view>
					<view class="participate-1" v-if="types == 2 && (people.length) >= pinkT.min_people">已有<text>{{people.length}}</text>人参与，拼团成功</view>
					<!-- 人数不足 团长 -->
					<view class="participate-2" v-if="status == 1 && types == 2 && (people.length) < pinkT.min_people">邀请好友参与，共享低价好物</view>
					<!-- 人数不足 团员 -->
					<view class="participate-2" v-if=" status != 1 && types == 2 && (people.length) < pinkT.min_people">分享好友，达到{{pinkT.min_people}}人即可拼团成功</view>

					<!-- 人数满足 -->
					<!-- 人数满足 团长 -->
					<view class="participate-2" v-if=" status == 1 && types == 2 && people.length >= pinkT.min_people">拼团已成功，还可继续分享，赚取更高佣金提成</view>
					<!-- 人数满足 团员 -->
					<view class="participate-2" v-if=" status != 1 && types == 2 && people.length >= pinkT.min_people">还可继续分享，邀请好友共享低价好物</view>
					
					<!-- <view class="participate-1" v-if="(1 + people.length) == pinkT.max_eople">已有<text>{{people.length}}</text>人参与，拼团成功</view> -->
					<!-- <view class="participate-one" v-if=" i == 1">发起拼团</view> -->
					<!-- <view class="participate-2" v-if=" i == 1">与<text class="participate-red">附近的人</text>一起享受优惠</view> -->
					<view class="participate-3 flex-center">
						<view>剩余</view>
						<uni-countdowns
							color="#000000"
							background-color="#F5F5F7"
							splitor-color="#000000"
							:show-day="false"
							:day="stopTime.stopTimeD"
							:hour="stopTime.stopTimeH"
							:minute="stopTime.stopTimeM"
							:second="stopTime.stopTimeS"
						></uni-countdowns>
					</view>
					<view class="participate-4" :class="{PinkCenter: pinkT.max_people < 5 }" v-if="pinkT.max_people < 5">
						<view class="participate-4-1">
							<image :src="pinkT.avatar"></image>
							<image class="participate-4-1-1" src="../../static/img/img73.png"></image>
						</view>
						<view class="participate-4-1" v-for="(item , i) in people" :key='i'>
						   <image :src="item.avatar" />
						</view>
						<!-- <view class="participate-4-1" v-for="(l, i) in peopleNub" :key="i">
							<view class="lyy-y bg-gray"></view>
						</view> -->
						<!-- AA团 -->
						<view class="participate-4-1" v-if="types == 1" v-for="item in peopleNub">
							<image src="https://shicai.liuniu946.com/img/img72.png"></image>
						</view>
					
						<!-- 达人团 -->
						<view class="participate-4-1" v-if="types == 2 " v-for="item in peopleNub + 1" >
							<image src="https://shicai.liuniu946.com/img/img72.png"></image>
						</view>
						
						<view class="participate-4-1" v-if=" i == 1">
							<image src="https://shicai.liuniu946.com/img/img81.png"></image>
						</view>
					</view>
					<scroll-view class="pinkT-Box" scroll-x="true" v-if="pinkT.max_people >= 5">
						<view class="participate-4">
							<view class="participate-4-1">
								<image :src="pinkT.avatar"></image>
								<image class="participate-4-1-1" src="../../static/img/img73.png"></image>
							</view>
							<view class="participate-4-1" v-for="(item , i) in people" :key='i'>
							   <image :src="item.avatar" />
							</view>
							<!-- <view class="participate-4-1" v-for="(l, i) in peopleNub" :key="i">
								<view class="lyy-y bg-gray"></view>
							</view> -->
							<!-- <view class="participate-4-1" v-for="item in peopleNub " >
								<image src="https://shicai.liuniu946.com/img/img72.png"></image>
							</view> -->
							<!-- AA团 -->
							<view class="participate-4-1" v-if="types == 1" v-for="item in peopleNub">
								<image src="https://shicai.liuniu946.com/img/img72.png"></image>
							</view>
												
							<!-- 达人团 -->
							<view class="participate-4-1" v-if="types == 2 " v-for="item in peopleNub + 1" >
								<image src="https://shicai.liuniu946.com/img/img72.png"></image>
							</view>
							
							<view class="participate-4-1" v-if=" i == 1">
								<image src="https://shicai.liuniu946.com/img/img81.png"></image>
							</view>
						</view>
					</scroll-view>
					
				</view>
				
				<!-- 拼团成功  AA团-->
				<view class="rows-2" v-if="state == 2">
					<view class="rows-2-1" >拼团成功</view>
					<view class="rows-2-2">商品正在准备中</view>
					<view class="rows-2-3" >
						<scroll-view scroll-x class="rows-2-3-1" >
							<view class="PinkT-success">
								<view class="pinkTuan">
									<image :src="pinkT.avatar"></image>
									<image 
										style="
											width: 60rpx;
											height: 30rpx;
											border-radius: 0;
											position: absolute;
											bottom: 0;
											left: 14rpx;" 
										src="../../static/img/img73.png"></image>
								</view>
								<view v-for="(item , i) in people" :key='i' class="flex-between-center">
									<view style="width: 33%;">
										<image :src="item.avatar"/>
									</view>
								</view>
							</view>
						</scroll-view>
						<!-- <view class="rows-2-3-2" v-if="(1 + people.length) > 3">
							<image src="https://shicaitest.liuniu946.com/img/img74.png" />
						</view> -->
						<!-- <view><image src="https://shicaitest.liuniu946.com/img/touxiang3.jpg"></image></view>
						<view><image src="https://shicaitest.liuniu946.com/img/touxiang3.jpg"></image></view>
						<view><image src="https://shicaitest.liuniu946.com/img/touxiang3.jpg"></image></view> -->
					</view>
				</view>
				<view v-if="state == 1">
					<view class="participate-5" v-if="status == 1 && userBool == 1 " @click="openshare">邀请好友参团</view>
					<view class="participate-5" v-if="status != 1 && userBool == 0 " @click="goBuy" >立即参团</view>
					<view class="participate-5" v-if="status != 1 && userBool == 1 " @click="openshare" >分享给好友</view>
				</view>
				
				<view class="participate-5" v-if="state == 2 && status != 1" @click="GoDingdan">查看订单及团长信息</view>
				
				<view class="participate-5" v-if="state == 2 && status == 1" @click="GoDingdan">查看订单及团员信息</view>
				
				<view class="participate-6"></view>
				<view class="participate-7 flex-between-center">
					<view class="participate-7-1">
						<text class="word" v-if=" types != 1">达人团</text>
						<text class="word" v-if=" types == 1">AA团</text>
						<text>玩法</text>
					</view>
					<view class="participate-7-1" @click="goRule">
						<text class="word1">详细规则</text>
						<image src="../../static/img/img74.png"></image>
					</view>
				</view>
				<view class="participate-8 flex-between-center">
					<view class="participate-8-1">
						<image class="img1" src="https://shicai.liuniu946.com/img/img76.png"></image>
						<view class="word-1">开团/参团</view>
						<view class="word-2">拼团享低价</view>
					</view>
					<image src="https://shicai.liuniu946.com/img/img75.png"></image>
					<view class="participate-8-1">
						<image class="img2" src="https://shicai.liuniu946.com/img/img77.png"></image>
						<view class="word-1">邀请邻里参团</view>
						<view class="word-2">分享优惠多</view>
					</view>
					<image src="https://shicai.liuniu946.com/img/img75.png"></image>
					<view class="participate-8-1">
						<image class="img3" src="https://shicai.liuniu946.com/img/img78.png"></image>
						<view class="word-1">人满发货</view>
						<view class="word-2">人不满退款</view>
					</view>
				</view>
			</view>
			<!-- 达人团显示团长信息 -->
			<view class="infos" v-if="types == 2">
				<view class="PinkT-title">
					团长信息
				</view>
				<view class="PinkT-info">
					<view class="info-img">
						<image :src="pinkT.avatar"></image>
						<image class="PinkT-tuanzhang" src="../../static/img/img73.png"></image>
					</view>
					<view class="PinkT-right">
						<view class="PinkT-right-box">
							<view class="PinkT-text">
								{{pinkT.user_address}}
							</view>
						</view>
						<view class="PinkT-last">
							<view class="PinkT-text" style="margin-right: 10rpx;">
								{{pinkT.nickname}}
							</view>
							<view class="PinkT-text">
								{{pinkT.user_phone}}
							</view>
						</view>
					</view>
				</view>
			</view>
			
			<view class="info" v-if="state == 2">
				<view class="info-top">
					<view class="top-left">
						<image :src="image" class="left-img"></image>
						<view class="left-box">
							<view class="left-tit">
								{{goodsinfo.store_name}}
							</view>
							<!-- <view class="left">
								规格：10枚
							</view> -->
							<view class="left">
								单价：¥{{goodsinfo.price}}
							</view>
							<view class="left">
								数量：{{cart_info.cart_num}}
							</view>
						</view>
					</view>
					<!-- <view class="top-right">
						¥0
					</view> -->
				</view>
				<view class="info-pic">
					<view class="pic-left">
						商品支付金额
					</view>
					<view class="pic-right">
						¥{{shopinfo.pay_price}}
					</view>
				</view>
				<view class="info-pic">
					<view class="pic-left">
						到货时间
					</view>
					<view class="pic-right red">
						{{shopinfo.mark}}
					</view>
				</view>
			</view>
			<view class="infos" v-if="state == 2">
				<view class="info-pic">
					<view class="pic-left">
						收货地址
					</view>
					<view class="pic-right">
						{{shopinfo.user_address}}
					</view>
				</view>
				<view class="info-pic">
					<view class="pic-left">
						电话
					</view>
					<view class="pic-right red">
						{{shopinfo.user_phone}}
					</view>
				</view>
				<!-- <view class="info-pic">
					<view class="pic-left">
						配送时间
					</view>
					<view class="pic-right red">
						2020-07-05 21:43:31 
					</view>
				</view> -->
			</view>
			
			<!-- 大家还在拼 AA团-->
			<now-list v-if="types == 1" :recommendedlist="recommendedlist"></now-list>
			
			
			<!-- 该团长还发起了以下拼团  达人团-->
			<view class="other" v-if="types == 2">
				<view class="other-1">该团长还发起了以下拼团</view>
				
				<view class="preferred_item" v-for="item in PinkTList" @click.stop="ToKaiTuan(item)">
					<view class="flex_item" style="overflow: hidden;">
						<view class="tlist-img">
							<view class="leftImgIcon" v-if="item.pink_type =='AA团'">AA团</view>
							<view class="leftImgIcon" v-if="item.pink_type =='达人团'">达人团</view>
							<!-- <view class="leftImgIcon" v-if="sid == 129">达人团</view> -->
							<view class="img"><image :src="item.image" mode="scaleToFill"></image></view>
						</view>
						<view class="tlist-img " v-for="imgItem in item.images">
							<view class="img"><image :src="imgItem" mode="scaleToFill"></image></view>
						</view>
					</view>
					<view class="goods_name">
						<view class="goods_title flex_item">
							<view class="text">{{ item.min_people }}人团</view>
							<view class="title">{{ item.title }}</view>
						</view>
						<view class="goods-height">
							<!-- <view class="goods_num clamp">{{ item.info }}</view> -->
							<view class="flex goods-peplo">
								<view class="goods-tip flex_item">
									<view class="peplo">库存剩{{ item.percent | parseIntTo }}%</view>
									<view class="make">{{ item.mark }}</view>
								</view>
								<view class="right flex_item">
									<image src="/static/icon/hot.png" mode="aspectFill"></image>
									<text>已拼{{ item.sales }}份</text>
								</view>
							</view>
						</view>
						<view class="price flex">
							<view class="price_list">
								<view class="price-red">
									<text v-if="item.pink_type == 'AA团'">单人仅付:</text>
									<text class="moneyIcon">￥</text>
									<text class="money">{{ item.price }}</text>
									<text class="moneyType">/{{ item.unit_name }}</text>
									<text class="outMoney" v-if="item.pink_type == '达人团'">￥{{ item.product_price }}</text>
								</view>
							</view>
							<!-- 团长 -->
							<view v-if="status == 1 " class="img position-relative" @click.stop="ToCanTuan(item)">查看拼团</view>
							<!-- 团员 -->
							<view v-if="status != 1 " class="img position-relative" @click.stop="ToCanTuan(item)">去参团</view>
						</view>
					</view>
				</view>
			</view>

		</view>
		
		<!-- <uni-popup ref="popup1" type="center" >
			<view class="popup1">
				<view class="popup-1">
					为确保该区域不出现多个团长同时团 请输入您的电话号码，我们将对您发起的 团购进行判定
				</view>
				<view class="popup-2">确认</view>
			</view>
		</uni-popup>
		<uni-popup ref="popup2" type="center" >
			<view class="popup2">
				<view class="popup2-1">
					是否付款？
				</view>
				<view class="popup2-2 flex-between-center">
					<view class="one">是</view>
					<view class="one">否</view>
				</view>
			</view>
		</uni-popup>
		 -->
		<uni-popup ref="share" type="center" >
				<view class="share-box">
					<view class="share-tit">
						<!-- 10枚洋鸡蛋低至<text>19</text>元， -->
						赶紧邀请认识的人来拼团吧
					</view>
						<view class="share-tit2">
							美天选菜平台配送范围有限，建议分享给您附近的朋友或邻居                            
						</view>
						<view class="share-footbox">
							<button class="share-icon button-share" open-type="share" @click="closeshare">
								<image src="https://shicai.liuniu946.com/img/icon-wx.png" class="icon"></image>
								<view class="share-txt" style="line-height: 1;margin-top: 4rpx;">邀请好友</view>
							</button>
							<view class="share-icon" @click="open">
								<image src="https://shicai.liuniu946.com/img/icon-wx2.png" class="icon"></image>
								<view class="share-txt">朋友圈</view>
							</view>
						</view>
			    </view>
			</uni-popup>
			
			<view class="mask" v-show="maskshow" @click="maskshow = false">
				<image class="close" src="../../static/icon/close.png"></image>
				<image @longpress="saveImg()" @tap="maskshow = false" mode="widthFix" :src="posturl"></image>
				<view class="save-btn" @click="savePost">保存图片</view>
			</view>
			
			<!-- 团长填写-->
			<!-- <uni-popup ref="popPhone" type="center" :maskClick="false">
				<view class="pop-box">
					<view class="pop-tit">为确保该区域不出现多个团长同时团，请输入您的电话号码，我们将对您发起的团购进行判定</view>
					<view class="pop-buttom">
						<input type="number" placeholder="清输入您的手机号" />
					</view>
					<view class="pop-qr" @click="queren">确认</view>
				</view>
			</uni-popup> -->
		<view class="foot" @click="openshare">分享给好友</view>
		
		<uni-popup ref="popup" type="center">
			<view class="pop-box">
				<view class="pop-text">
					为了方便您查看您的拼团详细状况,我们需要您的通知授权
				</view>
				<view class="pop-button" @click="xiaoxi()">
					开启通知
				</view>
			</view>
		</uni-popup>
		
		<!-- 返回按钮 -->
		<return-button></return-button>
	</view>
</template>

<script>
import uniCountdowns from '@/components/uni-countdown/uni-countdowns.vue';
import uniPopup from '@/components/uni-popup/uni-popup.vue';
import { getCombinationLisPink, getCombinationPoster } from '@/api/groupBooking.js';
import { timeComputed } from '@/utils/rocessor.js';
import { orderMake, nowPinkLst, pinkTAllList } from '@/api/order.js';
import { mapState } from 'vuex';
// 返回按钮
import returnButton from '@/pages/return/returnButton.vue';
// 大家还在拼
import NowList from './common/nowList.vue';
export default {
	filters: {
		parseIntTo(percent) {
			percent = +percent * 100;
			if (percent % 1 === 0) {
				return percent;
			} else {
				percent = percent.toFixed(1);
				return percent;
			}
		}
	},
	computed: {
		...mapState(['baseURL', 'urlFile']),
		...mapState('user',['userInfo']),
		// 还需要报名的人数
		peopleNub() {
			return this.pinkT.max_people - 1 - this.people.length;
		},
		//最后成团时,销售额佣金百分比
		percentage(){
			
			if((1 + this.people.length) >= this.pinkT.min_people)
			{
				let number;
				// AA团
				if( this.types == 1 ) {
					number = this.people.length + 1;	//现有人数
				}
				// 达人团
				if( this.types == 2 ) {
					number = this.people.length;	//现有人数
				}
				
				let size = number - this.pinkT.min_people;
				let percentage = (parseInt(size) / parseInt(this.upgrade_people_nums)) * parseInt(this.prize_up) + parseInt(this.min_prize);//最终的百分比
				console.log(this.min_prize,this.upgrade_people_nums,3898)
				console.log(percentage,8676)
				if( percentage > this.max_prize)
				{
					console.log(this.max_prize,8888)
					return parseFloat(this.max_prize);
				}else{
					console.log(percentage,9999)
					return parseFloat(percentage);
				}
			}
			else{
				return '?';
			}
		}
	},
	components: {
		uniCountdowns,
		uniPopup,
		returnButton,
		NowList
	},
	// #ifdef MP
	onShareAppMessage: function(res) {
		if (res.from === 'button') {
			// 来自页面内分享按钮
			let pages = getCurrentPages();
			// 获取当前页面
			let page = pages[pages.length - 1];
			let path = '/' + page.route + '?';
			// 保存传值
			for (let i in page.options) {
				if(i !='spread' ) { 
					path += i + '=' + page.options[i] + '&';
				}
			}
			// 保存邀请人
			path += 'spread=' + this.userInfo.uid;
			console.log(path,9685)
			let data = {};
			if( this.types == 1) {
				// AA团
				data = {
					path: path,
					imageUrl: this.goods.image,
					// title: '已有' + (parseInt(this.people.length) + 1) + '人拼团成功，快上车'
					title: '本群已有' + (parseInt(this.people.length) + 1 ) + '人下单，快上车' 
				}
			} else {
				// 达人团
				data = {
					path: path,
					imageUrl: this.goods.image,
					title: '本群已有' + (parseInt(this.people.length)) + '人下单，快上车' 
				}
			}
			return data;
		} else {
			// 来自页面内分享按钮
			let pages = getCurrentPages();
			// 获取当前页面
			let page = pages[pages.length - 1];
			let path = '/' + page.route + '?';
			// 保存传值
			for (let i in page.options) {
				if(i !='spread' ) { 
					path += i + '=' + page.options[i] + '&';
				}
			}
			// 保存邀请人
			path += 'spread=' + this.userInfo.uid;
			console.log(path,9685)
			let data = {};
			if( this.types == 1) {
				// AA团
				data = {
					path: path,
					imageUrl: this.goods.image,
					// title: '已有' + (parseInt(this.people.length) + 1) + '人拼团成功，快上车'
					title: '本群已有' + (parseInt(this.people.length) + 1 ) + '下单，快上车' 
				}
			} else {
				// 达人团
				data = {
					path: path,
					imageUrl: this.goods.image,
					title: '本群已有' + (parseInt(this.people.length)) + '下单，快上车' 
				}
			}
			return data;
		}
	},
	// #endif
	data() {
		return {
			i:0,
			min_prize:0,//最低提成百分比
			max_prize:0,//最高提成百分比
			upgrade_people_nums:'',//升级人数
			prize_up: '',	// 提升百分比
			orderId:'',//订单号
			order_count:'',//已拼数量
			types:'',//1AA团 2 达人团
			state:0,//1正在拼团  2 拼团成功  3 拼团失败
			user_info: {}, //当前用户信息
			shopinfo:{},//订单信息
			goodsinfo:{},//商品信息
			image:'',//订单商品图片
			cart_info:{},
			posturl: '',
			list: '', //拼团全部信息
			gp_id: 0, //拼团商品id
			goods: {}, //商品信息
			pinkT: {}, //拼团团长信息
			people: [], //拼团成员信息
			status: 0, //判断是否为团长
			notPink: false, //是否已经参团
			gid: 0,
			// 倒计时
			stopTime: {
				stopTimeD: 0,
				stopTimeH: 0,
				stopTimeM: 0,
				stopTimeS: 0
			},
			pinkTInfo: '', //当前用户信息
			userBool: 0, //判断用户是否已经参与拼团 0未参加 1为已参加
			spread: '', //默认没有邀请人
			option: '', //option参数
			showtime: true, //倒计时天数
			maskshow: false, //弹窗
			teamid: '' ,//团长id
			erros:'',//保存商品错误信息
			unique:'',//保存传入的规格用于确认购买规格号
			recommendedlist:[],
			pinkUser: ''	,// 是否为团长
			orderShow: false,
			PinkTList: '',	// 团长其他团
			pink: 0,	// 是否为拼团
			tongzhi: 0,	// 是否显示通知
		}
	},
	onLoad(option) {
		console.log(option)
		if (option.scene) {
			if (typeof option.scene == 'string') {
				let scene = ('{'+option.scene+"}").replace('qr%26','').replace(/%3D/g,':').replace(/%26/g,',').replace('id','\"id\"').replace('spread','\"spread\"');
				// let scene = ('{'+option.scene+"}")
				let opt = JSON.parse(scene);
				// 保存拼团订单id
				console.log('haha1')
				this.gp_id = opt.id;
				
				
				if(opt.order_id) {
					this.orderId = opt.order_id;
					this.orderShow = true
				}
				if (opt.spread) {
					// 存储邀请人
					this.spread = opt.spread;
					uni.setStorageSync('spread', opt.spread);
				}
			}
		} else {
			// 保存拼团订单id
			console.log('haha2')
			this.gp_id = option.id;
			if(option.order_id) {
				this.orderId = option.order_id;
				this.orderShow = true
			}
			if(option.pink) {
				this.pink = option.pink
			}
			if(option.tongzhi) {
				this.tongzhi = option.tongzhi
			}
			this.pinkUser = option.pinkUser;
			if (option.spread) {
				// 存储邀请人
				this.spread = option.spread;
				uni.setStorageSync('spread', option.spread);
			}
		}
		// 判断是否有拼团
		if(option.unique){
			this.unique = option.unique
		}
		 
		this.getData();
		// this.tuanzhang();
	},
	onShow() {
		if( this.orderShow == true ) {
			uni.showLoading({
				title: '加载中',
				mask:true,
			});
			orderMake({},this.orderId).then(({data})=>{
				uni.hideLoading();
				this.shopinfo = data;
				this.goodsinfo = data.info[0].cart_info.productInfo;
				this.cart_info = data.info[0].cart_info;
				this.image = this.goodsinfo.image;
				console.log(this.cart_info);
			}).catch(e => {
					console.log(e);
					uni.hideLoading();
				});
		}
		
	},
	onPullDownRefresh() {
		let obj = this;
		//监听下拉刷新动作的执行方法，每次手动下拉刷新都会执行一次
		setTimeout(function() {
			obj.getData();
			uni.stopPullDownRefresh(); //停止下拉刷新动画
		}, 1000);
	},
	onReady() {
		let obj = this;
		console.log(obj.pink)
			obj.popimg();
	},
	methods: {
		popimg() {
			console.log(111)
			if( this.pink == 1 && this.tongzhi == 1 ) {
				console.log(this.pink,777)
				this.$refs.popup.open()
			}
		},
		// 消息通知
		xiaoxi() {
			this.$refs.popup.close()
			wx.requestSubscribeMessage({
				tmplIds: ['upq4J5ZQqRx-se7KgRdWS5d-l7EXKdAKT8W_J6HF70g','XKBGRmGwCzpT6oZZ0m6CF8nOS-eyGoDAI2KMSO4R4JY', '93fUZzhSsYNpBcDgFSgTDk3raKodD-bedAvfl3V4Iho'],
				  success (res) { 
						uni.showToast({
							title:'开启通知成功'
						})
					}
			})
		},
		
		// 保存图片
		savePost: function(e) {
			let _self = this;
			//获取相册授权
			uni.getSetting({
				success(res) {
					if (!res.authSetting['scope.writePhotosAlbum']) {
						uni.authorize({
							scope: 'scope.writePhotosAlbum',
							success() {
								//这里是用户同意授权后的回调
								_self.saveImgToLocal();
							},
							fail() { //这里是用户拒绝授权后的回调
								_self.openSettingBtnHidden = false
							}
						})
					} else { //用户已经授权过了
						_self.saveImgToLocal();
					}
				}
			})
		},
		saveImgToLocal: function(e) {
			let _self = this;
			uni.showModal({
				title: '提示',
				content: '确定保存到相册吗',
				success: function(res) {
					if (res.confirm) {
						uni.downloadFile({
							url: _self.posturl, //图片地址
							success: (res) => {
								if (res.statusCode === 200) {
									uni.saveImageToPhotosAlbum({
										filePath: res.tempFilePath,
										success: function() {
											uni.showToast({
												title: "保存成功",
												icon: "none"
											});
											_self.maskshow = false;	// 关闭海报弹窗
										},
										fail: function() {
											uni.showToast({
												title: "保存失败",
												icon: "none"
											});
										}
									});
								}
							}
						})
					} else if (res.cancel) {
					}
				}
			});
		},
		
		// 下载图片方法
		saveImg(w) {
			console.log(w);
			let obj = this;
			uni.downloadFile({
				//下载图片
				url: obj.posturl,
				success: res => {
					console.log(res.tempFilePath);
					uni.saveImageToPhotosAlbum({
						//将图片保存在手机
						filePath: res.tempFilePath, //保存的位置
						success: res => {
							uni.showToast({
								title: '保存成功',
								icon: 'none'
							});
						}
					});
				}
			});
		},
		openSp() {
			let obj = this;
			uni.scanCode({
				complete(e) {
					uni.showModal({
						title: '',
						content: JSON.stringify(e),
						showCancel: false,
						complete() {
							if(obj.erros){
							uni.showModal({
								title: '错误',
								content:JSON.stringify(obj.erros),
								showCancel: false
							});
							}
						}
					});
				}
			});
		},
		// #ifdef H5
		// 加载微信html5页面分享方法
		shareDate() {
			let obj = this;
			let url = window.location.href.replace(/[\?,&]{0,1}from=singlemessage/g, '') + '&spread=' + this.userInfo.uid;
			let bool = uni.getStorageSync('weichatBrowser') || '';
			if (bool) {
				// 过滤微信强制添加的链接地址
				let data = {
					link: url, // 分享链接
					imgUrl: obj.goods.image, // 分享图标
					desc: obj.goods.title,
					title: obj.goods.title,
					success: function(e) {}
				};
				// 判断是否为微信浏览器
				if (uni.getStorageSync('weichatBrowser')) {
					// 加载微信注册信息
					weixindata(data);
				}
			}
		},
		// #endif
		
		// 详细规则
		goRule() {
			// AA团
			if( this.types == 1 ) {
				uni.navigateTo({
					url: '/pages/rule/AArule'
				})
			}
			// 达人团
 			if( this.types == 2) {
				uni.navigateTo({
					url: '/pages/rule/DaRrule'
				})
			}
			
		},
		
		// 跳转
		navTo(url) {
			uni.navigateTo({
				url: url
			})
		},
		
		//前往参团
		goBuy() {
			let _self = this;
			
			uni.navigateTo({
				url:
					'/pages/order/createOrderPink?pinkid=' +
					_self.gp_id +
					'&type=pink' +
					'&pid=' +
					_self.goods.product_id +
					'&gid=' +
					_self.goods.id +
					'&teamid=' +
					_self.teamid +
					'&unique=' +
					(_self.unique||_self.goods.unique) + 
					'&num=' + 
					_self.goods.num +
					'&goodsType=' + '2'
			});
		},
		//拼团商品详情
		ToDetails(item) {
			let id = item.id;
			uni.navigateTo({
				url: '/pages/product/product?id=' + id + '&type=2'
			});
		},
		
		// 查看订单及团长信息
		GoDingdan() {
			uni.navigateTo({
				url: '/pages/product/picked?id=' + this.orderId
			})
		},
		
		//邀请参团
		open() {
			let obj = this;
			let id = obj.goods.id;
			let type = 2;
			// 判断拼团是否已经结束
			if (obj.userBool == 0) {
				// uni.showModal({
				// 	title: '提示',
				// 	content: '该拼团已经结束！',
				// 	showCancel: false,
				// 	success: res => {},
				// 	fail: () => {},
				// 	complete: () => {}
				// });
				uni.showModal({
					title: '提示',
					content: '该拼团已结束是否马上开启新的拼团？',
					showCancel: false,
					success: res => {
						uni.navigateTo({
							url: '/pages/product/productGroup?id=' + id 
						})
					},
					fail: () => {},
					complete: () => {}
				});
				return;
			}
			if (!this.posturl) {
				this.onTap();
			}
			this.maskshow = true;
			this.$refs.share.close()
		},
		
		//随意点击隐藏弹窗
		onTap() {
			uni.showLoading({
				title: '加载中',
				mask:true,
			});
			getCombinationPoster({
				id: this.gp_id,
				// #ifdef H5 || APP-PLUS
				qurl: this.baseURL + this.urlFile + '/pages/groupBooking/groupdetails?pink_id=' + this.gp_id + '&spread=' + uni.getStorageSync('userInfo').uid,
				from: 'wechat',
				// #endif
				// #ifdef MP
				qurl: 'pages/groupBooking/groupdetails',
				pink_id: this.gp_id,
				spread: uni.getStorageSync('userInfo').uid,
				from: 'routine'
				// #endif
			})
				.then(e => {
					uni.hideLoading();
					this.posturl = e.data.url;
					console.log(e);
				})
				.catch(e => {
					console.log(e);
					uni.hideLoading();
				});
			if (!this.open) return;
			this.close();
		},
		
		close() {
			this.maskshow = false;
		},
		// 团长确认
		// tuanzhang() {
		// 	let obj  = this;
		// 	if (this.pinkUser == 1) {
		// 		this.$nextTick(function(){
		// 			obj.$refs.popPhone.open();
		// 		})
		// 	}
		// },
		queren() {
			this.$refs.popPhone.close();
		},
		// 获取拼团信息
		getData() {
			let obj  = this;
			uni.showLoading({
				title: '加载中',
				mask: true
			});
			getCombinationLisPink({}, this.gp_id).then(e => {
				console.log(e,999)
				this.$nextTick(function(){
					uni.hideLoading()
				})
				let r = e.data;
				// 保存拼团商品详细
				obj.goods = r.store_combination;
				obj.max_prize = obj.goods.max_prize;
				obj.min_prize = obj.goods.min_prize;
				obj.upgrade_people_nums = obj.goods.upgrade_people_nums;
				obj.prize_up = obj.goods.prize_up;
				console.log(obj.prize_up,466)
				//判断是AA团还是达人团
				if(r.pink_type == "AA团")
				{
					obj.types = 1;
				}else{
					obj.types = 2;
				}
				
				// 判断当前用户是否为团长
				obj.teamid = r.pinkT.uid;
				
				// AA团
				if(obj.types == 1) {
					console.log('chen');
					nowPinkLst({}).then(({data}) => {
						obj.recommendedlist = data;
					})
				}
				// 达人团
				if(obj.types == 2) {
					console.log('qweqwrq');
					pinkTAllList({}, obj.teamid).then(({data}) => {
						obj.PinkTList = data;
					})
				}
				
				obj.userBool = r.userBool;
				// 保存团长信息
				obj.pinkT = r.pinkT;
				obj.gp_id = r.pinkT.id;
				/* 计算倒计时 */
				obj.timeComputed(obj.pinkT.stop_time * 1000);
				// 获取拼团用户列表
				obj.people = r.pinkAll;
				obj.state = r.status;
				obj.order_count = r.sales;
				
				let userPinkBool = false; //判断是否已经参团
				//当参团列表的uid和userInfo uid相同时，不显示立即加入按钮
				
				/* for (let i = 0; i < r.pinkAll.length; i++) {
					if (r.pinkAll[i].uid == obj.userInfo.uid) {
						//已经参团
						userPinkBool = true;
					}
				} */
				/* if (r.pinkT.uid == obj.userInfo.uid) {
					// 表示为团长已参团
					userPinkBool = true;
				} */
				
				// 判断是否已经参团过
				if (!userPinkBool) {
					obj.notPink = true;
				}
				
				// 获取当前是否已参与过这个拼团
				let number = obj.pinkT.people - 1;
				
				if (r.pinkT.uid == r.userInfo.uid) {
					// 显示邀请好用选项
					obj.status = 1;
				}
		
				// 保存当前登录用户信息
				obj.pinkTInfom = r.userInfo;
				saveUrl();
				
				// #ifdef H5
				// 加载微信分享配置
				this.shareDate();
				// #endif
			}).catch((e) => {
				obj.erros = e
				uni.hideLoading()
			});
			
		},
		
		// 计算倒计时时间
		timeComputed(da) {
			let obj = this;
			let stopTime = timeComputed(da);
			obj.stopTime.stopTimeD = stopTime.day;
			obj.stopTime.stopTimeH = stopTime.hours;
			obj.stopTime.stopTimeM = stopTime.minutes;
			obj.stopTime.stopTimeS = stopTime.seconds;
			if (stopTime.day < 1) {
				obj.showtime = false;
			}
		},
		
		//跳转拼团商品详情页
		ToGroup(item) {
			let id = item.id;
			uni.navigateTo({
				url: '/pages/product/productGroup?id=' + id + '&show=true'
			});
		},
		
		// 去开团
		ToKaiTuan(item) {
			console.log(8754847)
			let id = item.id;
			uni.navigateTo({
				url: '/pages/product/productGroup?id=' + id
			});
		},
		
		// 去参团
		ToCanTuan(item) {
			let id = item.pink_id;
			uni.navigateTo({
				url: '/pages/groupBooking/groupdetails?id=' + id
			});
		},
		
		openshare(){
			this.$refs.share.open()
		},
		closeshare() {
			this.$refs.share.close()
		},
		// open(){
		// 	this.$refs.popup2.open()
		// },
		launch(){
			uni.showModal({
				content: '您是否是团长，需要发起无购买拼团？',
				success: function (res) {
					if (res.confirm) {
						console.log('用户点击确定');
					} else if (res.cancel) {
						console.log('用户点击取消');
					}
				}
			});
		}
	}
}
	
</script>

<style lang="scss">
	.share-box{
		width: 710rpx;
		padding: 42rpx 85rpx;
		border-radius:15rpx;
		background-color: #FFFFFF;
		text-align: center;
		.share-tit{
			font-size:28rpx;
			font-weight:bold;
			color:rgba(0,0,0,1);
			line-height:34rpx;
			margin-bottom: 30rpx;
		}
		.share-tit2{
			font-size:22rpx;
			font-weight:bold;
			color:rgba(107,105,108,1);
			line-height:30rpx;
			margin-bottom: 30rpx;
		}
		.share-footbox{
			display: flex;
			.button-share {
				background: 0;
				flex-direction: column;
				display: flex;
				align-items: center;
				
				&::after {
					border: 0;
				}
			}
			.share-icon{
				flex: 1;
				height: 180rpx;
				.lyy-b-but {
					width: 550rpx;
					height: 80rpx;
					margin: 0 5rpx;
					background: #fc5b62;
					border-radius: 100rpx;
					text-align: center;
					color: white;
					line-height: 80rpx;
					font-size: 32rpx;
				}
				.icon{
					width: 120rpx;
					height: 120rpx;
					margin-bottom: 20rpx;
				}
				.share-txt{
					font-size:27rpx;
					font-weight:bold;
					color:rgba(9,10,13,1);
				}
			}
		}
		
	}
	
	.pinkTuan {
		position: relative;
		.pinktuan-sym {
			border-radius: 0;
		}
	}
	
page,.container{
	line-height: 1;
	height: 100%;
	.reds{
		position: relative;
		top: 0;
		z-index: 0;
		width:100%;
		height:520rpx;
		// background:linear-gradient(14deg,#ff7425,#ff1e29);
		background: linear-gradient(14deg, rgba(181,116,242, 1) 0%, rgba(139,86,254, 1) 100%);
	}
	.conter{
		position: absolute;
		top: 0;
		padding:0  20rpx;
		width: 100%;
		padding-bottom: 100rpx;
	}
	.tips{
		margin: 15rpx 0rpx;
		padding: 5rpx 10rpx;
		border-radius: 25rpx 0 0 25rpx;
		width:300rpx;
		height:50rpx;
		background:#ed372c;
		image{
			width: 45rpx;
			height: 45rpx;
			margin-right: 50rpx;
		}
		text{
			font-size:23rpx;
			font-weight:400;
			color:#ffffff;
		}
	}
	.details {
		margin-top: 20rpx;
		padding: 25rpx 35rpx;
		width: 100%;
		background:#ffffff;
		border-radius:20rpx;
		.m-t10{
			margin-top: 10rpx;
		}
		.m-t5{
			margin-top: 5rpx;
		}
		.left-img {
			position: relative;
			image {
				width: 170rpx;
				height: 170rpx;
				border-radius: 10rpx;
				margin-right: 25rpx;
			}
			.left-img1{
				width: 83rpx;
				height: 34rpx;
				position: absolute;
				top:0;
				left:0;
			}
	}
		.right-word {
			width: 100%;
			.one {
				font-size:30rpx;
				color:#000000;
				overflow : hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				line-height: 1.2;
				width: 420rpx;
				// margin-left: 8rpx;
			}
			.two{
				font-size:25rpx;
				color:#8e8e8e;
				// margin-left: 8rpx;
				display: flex;
				.two-1{
					padding-right: 15rpx;
					border-right: 1px solid #8e8e8e;
				}
				.two-2{
					padding-left: 15rpx;
				}
			}
			.word-3{
				margin-top: 10rpx;
				position: relative;
				font-size:20rpx;
				color:#ffffff;
				display: flex;
				align-items: center;
				// image{
				// 	width: 208rpx;
				// 	height: 45rpx;
				// }
				.wenhao {
					width: 32rpx;
					height: 32rpx;
					margin-left: 16rpx;
				}
				.word-3-1{
					// position: absolute;
					// top:7px;
					// left:5px;
					width: 200rpx;
					border: 1px solid #F9DCDD;
					.word-text {
						width: 65%;
						display: inline-block;
						background: linear-gradient(0deg,#ff7425,#ff1e29);
						padding: 4rpx 4rpx;
						text-align: center;
					}
					.word-3-1-1{
						width: 35%;
						background: #FFF5F4;
						color:#FD1B2A;
						display: inline-block;
						text-align: center;
						padding: 4rpx 0;
						// margin-left: 15rpx;
					}
					
				}
			}
			.three{
				font-size:25rpx;
				font-weight:400;
				color:#ff0919;
				// margin-left: 8rpx;
			}
			.six{
				margin-top: 10rpx;
				position: relative;
				font-size:22rpx;
				color:#ffffff;
				display: flex;
				align-items: flex-end;
				// image{
				// 	width: 270rpx;
				// 	height: 80rpx;
				// }
				.wenhao-six {
					width: 32rpx;
					height: 32rpx;
					margin-left: 16rpx;
				}
				.six-1{
					// position: absolute;
					// top:6px;
					// left:7px;
					width: 240rpx;
					border: 1px solid #F9DCDD;
					.six-text {
						width: 60%;
						display: inline-block;
						background: linear-gradient(0deg,#ff7425,#ff1e29);
						padding: 4rpx 4rpx;
						text-align: center;
					}
					.six-red{
						width: 40%;
						background: #FFF5F4;
						color:#FD1B2A;
						display: inline-block;
						text-align: center;
						padding: 4rpx 0;
						// margin-left: 15rpx;
					}
				}
				.six-2{
					// position: absolute;
					// top:24px;
					// left:7px;
					width: 240rpx;
					// color:#FF2829;
					// background: #FFF5F4;
					border: 1px solid #F9DCDD;
					.six-text2 {
						display: inline-block;
						width: 60%;
						padding: 4rpx 4rpx;
						background: linear-gradient(0deg,#ff7425,#ff1e29);
						text-align: center;
					}
					.six-red{
						display: inline-block;
						background: #FFF5F4;
						color:#FD1B2A;
						width: 40%;
						text-align: center;
						padding: 4rpx 0;
						// margin-left: 10rpx;
					}
				}
			}
			.four{
				font-size:25rpx;
				font-weight:500;
				color:#ff0919;
				// margin-left: 8rpx;
				.four-1{
					font-size:45rpx;
				}
			}
			.five{
				font-size:25rpx;
				font-weight:normal;
				color:#8b8e95;
				// margin-left: 8rpx;
			}
		}
	}
	.participate{
		margin-top: 25rpx;
		padding: 25rpx 25rpx;
		width: 100%;
		background:#ffffff;
		border-radius:20rpx;
		text-align: center;
		.participate-one{
			font-size: 43rpx;
		}
		.rows-1{
			.participate-1{
				font-size:29rpx;
				color:#000000;
				text-align: center;
				text{
					color: #F81726;
				}
			}
			.participate-2{
				font-size:29rpx;
				color:rgba(145,148,155,1);
				line-height:44rpx;
				margin-top: 20rpx;
				//text-align: center;
				.participate-red{
					color:#FF0A1A;
				}
			}
			.participate-3{
				font-size:22rpx;
				font-weight:bold;
				color:#99999a;
				line-height:33rpx;
				margin-top: 10rpx;
			}
			.pinkT-Box {
				white-space: nowrap;
				margin: 30rpx 0;
			}
			.PinkCenter {
				justify-content: center;
				margin: 30rpx 0;
			}
			.participate-4{
				display: flex;
				&:nth-last-child(1){
					margin-right: 0rpx;
				}
				.participate-4-1{
					position: relative;
					margin-left: 30rpx;
					image{
						width: 100rpx;
						height: 100rpx;
						border-radius: 50%;
						// margin-right: 30rpx;
					}
					.participate-4-1-1{
						width: 60rpx;
						height: 30rpx;
						border-radius: 0;
						position: absolute;
						bottom: 0;
						left: 20rpx;
					}
				}
			}
		}
		.rows-2{
			width: 540rpx;
			height: 270rpx;
			margin: 0 auto;
			margin-bottom: 50rpx;
			background: url(https://shicai.liuniu946.com/img/img82.png) no-repeat center;
			background-size: 410rpx 270rpx;
			padding-top: 50rpx;
			.rows-2-1{
				font-size:42rpx;
				font-weight:bold;
				color:#000000;
				line-height:63rpx;
			}
			.rows-2-2{
				margin-top: 20rpx;
				font-size:25rpx;
				font-weight:400;
				color:#000000;
				line-height:37rpx;
			}
			.rows-2-3{
				width: 100%;
				margin: 0 auto;
				margin-top: 20rpx;
				display: flex;
				justify-content: space-around;
				align-items: center;
				image{
					width: 85rpx;
					height: 85rpx;
					border-radius: 50%;
					margin-right: 20rpx;
				}
				.rows-2-3-2{
					image{
						width: 50rpx;
						height: 50rpx;
						border-radius: 50%;
					}
				}
			}
		}
		.PinkT-success {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.participate-5{
			margin: 0 auto;
			height:80rpx;
			// background:linear-gradient(-14deg,#fe6b26,#ff3228);
			background: linear-gradient(-14deg, rgba(181,116,242, 1) 0%, rgba(139,86,254, 1) 100%);
			border-radius:40rpx;
			font-size:30rpx;
			color:#ffffff;
			line-height:80rpx;
		}
		.participate-6{
			height:1px;
			background:#e9e9e9;
			margin-top: 50rpx;
		}
		.participate-7{
			color: #000000;
			font-size:29rpx;
			font-weight:500;
			margin: 45rpx 0;
			.participate-7-1{
				.word{
					color:#ff0a1a;
				}
				.word1{
					font-size:25rpx;
					color:#989aa0;
				}
				image{
					width: 10rpx;
					height: 20rpx;
					margin-left: 15rpx;
				}
			}
		}
		.participate-8{
			image{
				width: 26rpx;
				height: 12rpx;
			}
			.participate-8-1{
				
				.img1{
					width: 43rpx;
					height: 50rpx;
				}
				.img2{
					width: 43rpx;
					height: 42rpx;
				}
				.img3{
					width: 60rpx;
					height: 46rpx;
				}
				.word-1{
					font-size:23rpx;
					color:#000000;
					line-height:34rpx;
				}
				.word-2{
					font-size:21rpx;
					color:#91949B;
					line-height:34rpx;
				}
			}
		}
	}
	.info {
		width: 714rpx;
		margin: 15rpx auto 0;
		background: rgba(255, 255, 255, 1);
		border-radius: 10rpx;
		padding: 30rpx;
	
		.info-top {
			display: flex;
			justify-content: space-between;
			.top-left {
				display: flex;
				.left-img {
					width: 137rpx;
					height: 137rpx;
					border-radius: 5rpx;
					margin-right: 10rpx;
				}
				.left-box {
					.left-tit {
						font-size: 27rpx;
						font-weight: 400;
						color: rgba(0, 0, 0, 1);
						margin-bottom: 5rpx;
					}
					.left {
						font-size: 23rpx;
						font-weight: 400;
						color: rgba(149, 149, 149, 1);
						line-height: 35rpx;
					}
				}
			}
			.top-right {
				font-size: 27rpx;
				font-weight: 400;
				color: rgba(0, 0, 0, 1);
			}
		}
		.info-pic {
			display: flex;
			justify-content: space-between;
			.pic-left {
				margin-top: 30rpx;
				font-size: 27rpx;
				font-weight: 400;
				color: rgba(74, 74, 74, 1);
				width: 30%;
			}
			.pic-right {
				width: 70%;
				margin-top: 30rpx;
				font-size: 27rpx;
				font-weight: 400;
				color: rgba(0, 0, 0, 1);
				text-align: right;
				&.red {
					color: #FF0A31;
				}
			}
		}
	}
	.PinkT-title {
		padding-top: 30rpx;
		font-size: 28rpx;
		font-weight: bold;
	}
	.PinkT-info {
		display: flex;
		align-items: center;
		margin-top: 20rpx;
		.info-img {
			width: 80rpx;
			height: 80rpx;
			border-radius: 50%;
			position: relative;
			image {
				width: 100%;
				height: 100%;
				border-radius: 50%;
			}
			.PinkT-tuanzhang {
				width: 60rpx;
				height: 30rpx;
				border-radius: 0;
				position: absolute;
				bottom: -10rpx;
				left: 8rpx;
			}
		}
		.PinkT-right {
			width: 80%;
			margin-left: 16rpx;
			.PinkT-right-box {
			}
			.PinkT-last {
				display: flex;
				margin-top: 10rpx;
			}
			.PinkT-text {
				font-size: 27rpx;
				font-weight: 400;
				color: #000000;
			}
		}
	}
	
	.infos {
		width: 714rpx;
		margin: 15rpx auto 0;
		background: rgba(255, 255, 255, 1);
		border-radius: 10rpx;
		padding: 0 30rpx 30rpx 30rpx;
		
		.info-top {
			display: flex;
			justify-content: space-between;
			.top-left {
				display: flex;
				.left-img {
					width: 137rpx;
					height: 137rpx;
					border-radius: 5rpx;
					margin-right: 10rpx;
				}
				.left-box {
					.left-tit {
						font-size: 27rpx;
						font-weight: 400;
						color: #000000;
						margin-bottom: 5rpx;
					}
					.left {
						font-size: 23rpx;
						font-weight: 400;
						color: rgba(149, 149, 149, 1);
						line-height: 35rpx;
					}
				}
			}
			.top-right {
				font-size: 27rpx;
				font-weight: 400;
				color: #000000;
			}
		}
		.info-pic {
			display: flex;
			justify-content: space-between;
			.pic-left {
				margin-top: 30rpx;
				font-size: 27rpx;
				font-weight: 400;
				color: #000000;
			}
			.pic-right {
				margin-top: 30rpx;
				font-size: 27rpx;
				font-weight: 400;
				color: #000000;
				&.red {
					color: #000000;
				}
			}
		}
	}
	.other{
		.other-1{
			font-size:27rpx;
			color:#333333;
			line-height: 55rpx;
		}
		
		.preferred_item {
			width: 100%;
			height: 100%;
			padding: 25rpx 25rpx;
			position: relative;
			background-color: #FFFFFF;
			border-radius: 15rpx;
			margin-bottom: 15rpx;
			.tlist-img {
				width: 225rpx;
				position: relative;
				margin-right: 15rpx;
				.leftImgIcon {
					position: absolute;
					top: 0;
					left: 0;
					font-size: 22rpx;
					font-family: PingFangSC;
					color: rgba(148, 71, 34, 1);
					background: rgba(254, 242, 111, 1);
					z-index: 99;
					border-radius: 5rpx;
					padding: 5rpx 10rpx;
				}
				.img {
					width: 210rpx;
					height: 210rpx;
					image {
						width: 100%;
						height: 100%;
						border-radius: 20rpx;
					}
				}
				.stock {
					margin-top: 13rpx;
					font-size: 26rpx;
					background: #fff1ee;
					width: 100%;
					color: #fb4912;
					padding: 6rpx 0;
					border-radius: 5rpx;
					justify-content: center;
					align-items: center;
					position: absolute;
					left: 0;
					bottom: 0;
					.img {
						width: 20rpx;
						height: 20rpx;
						flex-shrink: 0;
					}
					.stock-num {
						padding-left: 7rpx;
						font-size: 22rpx;
						border-radius: 5rpx;
						height: 32rpx;
						line-height: 32rpx;
					}
				}
			}
			.goods_name {
				.goods_title {
					padding-top: 15rpx;
					color:rgba(0,0,0,1);
					// white-space: nowrap;
					// overflow: hidden;
					// text-overflow: ellipsis;
					font-size:32rpx;
					color: $font-color-dark;
					// height: 70rpx;
					align-items: baseline;
					.text{
						border-radius: 8rpx;
						border: 2rpx solid #FF1A27;
						color: #FF1A27;
						padding:0rpx 10rpx;
						font-size: 26rpx !important;
						margin-right: 15rpx;
						
					}
					.title {
						width: 80%;
						overflow : hidden;
						text-overflow: ellipsis;
						display: -webkit-box;
						-webkit-line-clamp: 2;
						-webkit-box-orient: vertical;
					}
				}
				.goods-height {
					min-height: 60rpx;
				}
				.goods_num {
					font-size: 26rpx;
					color: #8f8f97;
					padding-bottom: 15rpx;
				}
				.goods-peplo {
					height: 45rpx;
					margin-top: 15rpx;
					.right {
						color:#8e8e8e;
						font-size: 24rpx;
						width:195rpx;
						image {
							width: 30rpx;
							height: 33rpx;
							margin-right: 15rpx;
						}
					}
					.goods-tip {
						.peplo {
							background:linear-gradient(14deg,rgba(255,116,37,1),rgba(255,30,41,1));
							padding: 5rpx 10rpx;
							color: #ffffff;
							border-top-left-radius:8rpx;
							border-bottom-left-radius: 8rpx;
						}
						.make {
							background-color: #fef26f;
							color: #944722;
							border-top-right-radius: 8rpx;
							border-bottom-right-radius: 8rpx;
						}
						.make,
						.peplo {
							font-size: $font-sm;
							padding: 5rpx 10rpx;
						}
					}
				}
				.price {
					font-size: 28rpx;
					position: relative;
					padding-top: 15rpx;
					.price_list {
						.price-red {
							font-size: 30rpx !important;
							font-family: Source Han Sans CN;
							color: rgba(253, 27, 42, 1);
							font-size: $font-base;
							font-weight: bold;
							.moneyIcon {
								font-weight: normal !important; 
							}
							.money {
								font-size: 58rpx;
							}
							.moneyType {
								font-weight: 400;
							}
							.outMoney {
								font-weight: 400;
								text-decoration: line-through;
								color: rgba(142, 142, 142, 1);
							}
						}
						.price-green {
							color: #2dbd59;
							font-size: 26rpx !important;
							font-weight: bold;
							text {
								background: linear-gradient(45deg, rgba(21, 197, 52, 1), rgba(21, 197, 52, 1));
								color: #ffffff;
								padding: 0rpx 10rpx;
								border-radius: 7rpx;
								font-size: 24rpx !important;
								margin-left: 15rpx;
							}
						}
					}
					.img {
						width: 265rpx;
						height: 74rpx;
						line-height: 74rpx;
						// background:linear-gradient(14deg,rgba(255,116,37,1),rgba(255,30,41,1));
						background: linear-gradient(270deg, rgba(181,116,242, 1) 0%, rgba(139,86,254, 1) 100%);
						border-radius: 99rpx;
						color: #ffffff;
						font-size: $font-lg;
						text-align: center;
					}
					.img1{
						background-color: #D3D3D3;
						width: 265rpx;
						height: 74rpx;
						line-height: 74rpx;
						border-radius: 99rpx;
						color: #ffffff;
						font-size: $font-lg;
						text-align: center;
					}
					.tomorrow {
						background: #29a66e;
						color: #ffffff;
						border-radius: 25rpx;
						padding: 10rpx 25rpx;
					}
				}
			}
		}
		
		
		.other-2{
			width: 100%;
			background:#ffffff;
			padding: 10rpx 15rpx ;
			border-radius: 20rpx;
			.content-row{
				padding: 10rpx 0;
				.row-1{
					width: 210rpx;
					position: relative;
					margin-right: 20rpx;
					text-align: center;
					.row-1-1{
						text-align: center;
						height:40rpx;
						background:#fff1ee;
						border-radius:6rpx;
						font-size:22rpx;
						font-weight:500;
						color:#fb4912;
						line-height:40rpx;
						image{
							width: 23rpx;
							height: 23rpx;
							margin-right: 5rpx;
						}
					}
					.img1{
						width:170rpx;
						height:170rpx;
						border-radius:10rpx;
					}
					.img2{
						position: absolute;
						top: 0;
						left: 16rpx;
						width:80rpx;
						height:32rpx;
						border-radius:5px;
					}
				}
				.row-2{
					padding: 20rpx 0 20rpx 0;
					width:calc(100% - 210rpx);
					position: relative;
					
					border-bottom: 1px solid #EAEAEA;
					.word-1{
						font-size:32rpx;
						font-weight:bold;
						color:#141821;
						margin-left: 10rpx;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
					}
					.word-2{
						margin-top: 10rpx;
						font-size:24rpx;
						color:#979797;
					}
					.word-3{
						margin-top: 10rpx;
						position: relative;
						font-size:20rpx;
						color:#ffffff;
						image{
							width: 235rpx;
							height: 50rpx;
						}
						.word-3-1{
							position: absolute;
							top:8px;
							left:2px;
							width: 230rpx;
							text-align: center;
							.word-3-1-1{
								display: inline-block;
								color:#FD1B2A;
								width: 50%;
							}
							
						}
					}
					.word-4{
						margin-top: 15rpx;
						font-size:23rpx;
						color:#fd1b2a;
						margin-left: 10rpx;
						text{
							font-size:23rpx;
							font-weight:bold;
						}
						.word-4-1{
							font-size:36rpx;
						}
					}
					.word-5{
						margin-top: 15rpx;
						font-size:21rpx;
						color:#868686;
					}
					.button{
						width:145rpx;
						height:60rpx;
						background:linear-gradient(14deg,#ff7425,#ff1e29);
						border-radius:30rpx;
						font-size:27rpx;
						font-weight:bold;
						color:#ffffff;
						line-height:60rpx;
						text-align: center;
						
						position: absolute;
						bottom: 20rpx;
						right: 0;
					}
				}
			}
		}
	}
	.foot{
		position: fixed;
		bottom: 0;
		width:100%;
		height:80rpx;
		// background:linear-gradient(90deg,#ff7425,#ff1e29);
		background: linear-gradient(90deg, rgba(181,116,242, 1) 0%, rgba(139,86,254, 1) 100%);
		font-size:30rpx;
		font-weight:bold;
		color:#ffffff;
		line-height:80rpx;
		text-align: center;
		z-index: 99;
	}
	.popup1{
		width:510rpx;
		background:rgba(255,255,255,1);
		border-radius:20rpx;
		.popup-1{
			height: 50%;
			padding: 50rpx;
			font-size:29rpx;
			color:rgba(51,51,51,1);
			line-height:42rpx;
			border-bottom: 1px solid #EEEEEE;
		}
		.popup-2{
			margin: 0 auto;
			margin-top: 20rpx;
			width:217rpx;
			height:55rpx;
			background:rgba(2,193,93,1);
			font-size:35rpx;
			font-weight:500;
			color:#ffffff;
			line-height:55rpx;
			text-align: center;
		}
	}
	.popup2{
		width:600rpx;
		background:rgba(255,255,255,1);
		border-radius:20rpx;
		padding-bottom:20rpx;
		.popup2-1{
			text-align: center;
			height: 80%;
			padding: 50rpx;
			font-size:43rpx;
			color:rgba(51,51,51,1);
			border-bottom: 1px solid #EEEEEE;
		}
		.popup2-2{
			margin: 0 auto;
			margin-top: 20rpx;
			width:100%;
			height:55rpx;
			font-size:35rpx;
			font-weight:500;
			color:#000000;
			line-height:55rpx;
			text-align: center;
			.one{
				width: 50%;
				font-size:43rpx;
				color:#000000;
				line-height:65rpx;
				border-right: 1px solid #EEEEEE;
				&:nth-last-child(1){
					border-right: 0px;
				}
			}
		}
	}
}
.mask {
	z-index: 999;
	width: 750rpx;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.5);
	.close {
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		top: 12rpx;
		z-index: 99;
		right: 12%;
	}
	image {
		width: 80%;
		margin-top: 20%;
		// opacity: 0.8;
	}
	.save-btn {
		background: $base-color;
		color: #FFFFFF;
		border-radius: 100rpx;
		width: 300rpx;
		margin: auto;
		padding: 10rpx 0;
		margin-top: 20rpx;
		font-size: $font-lg;
	}
}

.pop-box {
	background: #FFFFFF;
	margin: 0 40rpx;
	padding: 30rpx 30rpx;
	border-radius: 20rpx;
	.pop-tit {
		font-size: 32rpx;
		line-height: 1.5;
	}
	.pop-buttom {
		margin: 40rpx 0;
		background: #f0f0f0;
		// color: #FFFFFF;
		padding: 10rpx 20rpx;
		border-radius: 10rpx;
		border: 1px solid $border-color-dark;
		font-size: $font-base;
	}
	.pop-qr {
		background: $base-color;
		width: 200rpx;
		margin: auto;
		padding: 20rpx;
		color: #FFFFFF;
		border-radius: 15rpx;
		text-align: center;
	}
}

.pop-box {
	background: #FFFFFF;
	width: 600rpx;
	border-radius: 20rpx;
	padding: 30rpx 20rpx;
	.pop-text {
		text-align: center;
		font-size: 32rpx;
	}
	.pop-button {
		margin: 0 auto;
		font-size: 30rpx;
		margin-top: 30rpx;
		padding: 10rpx 0;
		border-radius: 15rpx;
		text-align: center;
		width: 200rpx;
		color: #FFFFFF;
		background: $base-color;
	}
}

</style>