jzmall_verify_uni/pages/goods/goods.vue

<template>
    <view>
        <!-- 展示蒙层 显示推广画报 -->
        <view class="poster" v-if="myqr_show">
            <view class="title">
                <text>推广文案</text>
            </view>
            <view class="ads">
                <view style="width: 480rpx">{{ myqr_ads }}</view>
            </view>
            <image :src="myqr_url" mode="widthFix" style="width: 480rpx" :show-menu-by-longpress="true"></image>
            <view class="tool">
                <view @tap="posterCopy" style="text-align: right">
                    <image class="img" style="width: 110rpx; height: 130rpx" src="/static/images/share/p_copy.png"></image>
                </view>
                <button open-type="share" class="share-btn">
                    <image class="img" style="width: 85rpx; height: 127rpx" src="/static/images/share/p_dy.png"></image>
                </button>
                <view style="text-align: left">
                    <image class="img" @tap="goSaveQrcode" src="/static/images/share/p_save.png"></image>
                </view>
            </view>
            <view style="text-align: center">
                <image class="closeImg" @tap="hidePoster" src="/static/images/share/close.png"></image>
            </view>
        </view>

        <view class="container" :style="'filter:brightness(' + myqr_blur + '%)'">
            <image src="/static/images/new/isnew.png" v-if="goods.isNew" class="isNew"></image>
            <swiper
                class="goodsimgs"
                :indicator-dots="goods.gallery.length > 1 ? true : false"
                :autoplay="true"
                interval="3000"
                duration="1000"
                indicator-color="rgba(0, 192, 255, .2)"
                indicator-active-color="rgba(0, 192, 255)"
            >
                <swiper-item v-for="(item, index) in goods.gallery" :key="index">
                    <image :src="item" mode="aspectFill"></image>
                </swiper-item>
            </swiper>

            <!-- 分享  
	<view class='goods_name'>
		<view class='goods_name_left'>{{goods.name}}</view>
		<view hidden="{{!canShare}}" class="goods_name_right" bindtap="shareFriendOrCircle"> 
			<image class="img" src="/static/images/share.png" />
		</view> 
	</view>-->

            <view class="share-pop-box" v-if="openShare">
                <view class="share-pop">
                    <view class="close" @tap="closeShare">
                        <!-- <van-icon class="icon" name="cross" /> -->
                    </view>
                    <!--	<view class='share-info'>
				<button class="sharebtn" open-type="share" wx:if="{{!isGroupon}}">
					<image class='sharebtn_image' src='/static/images/wechat.png'></image>
					<view class='sharebtn_text'>分享给好友</view>
				</button>
				<button class="savesharebtn" open-type="openSetting" bindopensetting="handleSetting" wx:if="{{(!isGroupon) && (!canWrite)}}">
					<image class='sharebtn_image' src='/static/images/friend.png'></image>
					<view class='sharebtn_text'>发朋友圈1</view>
				</button>
				<button class="savesharebtn" bindtap="saveShare" wx:if="{{!isGroupon && canWrite}}">
						<image class='sharebtn_image' src='/static/images/friend.png'></image>
					<view class='sharebtn_text'>发朋友圈</view>
				</button>
			</view>-->
                </view>
            </view>

            <!-- <view class="goods-info">
		<view wx:if="{{activited}}" class="activity">
			<view style="display: flex;flex-direction: row;justify-content: space-between;">
				<view class="img">限时活动</view>
				<view class="activityDay">
					<image src="https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/activity/clock.png">
					</image>
					<text>距离活动仅剩{{activityDay}}天</text>
				</view>
			</view>
			<view style="display: flex;justify-content: space-between;">
				<view style="display: flex;">
					<view class="activityPrice">￥<text>{{activityPrice}}</text></view>
					<view class="activityCounterPrice">原价￥<text>{{goods.counterPrice}}</text></view>
				</view>
				<view class="activityTime">
					<view>{{activityHour}}</view><text>:</text>
					<view>{{activityMinute}}</view><text>:</text>
					<view>{{activitySecond}}</view>
				</view>
			</view>
		</view>

		<view class="c">
			<view style="display: flex;flex-direction: column;">
				<view wx:if="{{!activited}}" class="price">
					<view class="retailPrice">￥<text class="checked-price">{{goods.retailPrice}}</text> </view>
					<view wx:if="{{goods.counterPrice!=goods.retailPrice}}" class="counterPrice">
						原价￥<text>{{goods.counterPrice}}</text></view>
				</view>
				<view class='goods_name'>

					<view class='goods_name_left'>{{goods.name}}</view>
				</view>
				<text class="desc sub-color" wx:if="{{goods.brief}}">{{goods.brief}}</text>
			</view>

		</view>
	</view> -->

            <!-- 商品价格 销量 -->
            <view class="goods-info-new">
                <view class="price-line">
                    <!-- <view class="real-price">到手价 ¥ <text>{{goods.retailPrice}}</text></view> -->
                    <view class="real-price">
                        <text style="padding-bottom: 4rpx">到手价</text>
                        <text style="font-weight: bold">¥</text>
                        <text class="bold-price">{{ finallyPrice }}</text>
                    </view>
                    <view class="sale-price">原价¥{{ goods.counterPrice }}</view>
                    <view class="sale-num">已售{{ countSalesNumber }}件</view>
                </view>
                <view class="goods-coupon" v-if="couponVoList.length > 0">
                    <view class="goupon-tag" v-for="(item, index) in couponVoList" :key="index">{{ item.tag }}</view>
                </view>
            </view>
            <!-- 购买提醒 -->
            <!-- wx:if="{{buyToastShow}}" -->
            <view class="buy-toast" v-if="buyToastShow">
                <swiper :autoplay="true" :circular="true" interval="3000" duration="1000" :vertical="true" class="toast-swiper">
                    <swiper-item class="toast-swiper-item" v-for="(item, index) in goodsBuyTime" :key="index">
                        <view class="toast-item">
                            <image :src="item.cusHeadImg" mode="aspectFill"></image>
                            <view>{{ item.comment }}</view>
                        </view>
                    </swiper-item>
                </swiper>
            </view>
            <!-- 服务 须知 门店 -->
            <view class="other-info">
                <view class="name">
                    {{ goods.name }}
                </view>
                <view class="common-info">
                    <view class="info-title">服务</view>
                    <view class="info-content">
                        <!-- 专业服务·六区清洁·108项验收标准 -->
                        {{ goods.serviceStandards }}
                    </view>
                </view>
                <view class="common-info">
                    <view class="info-title">须知</view>
                    <view class="info-content">
                        {{ goods.serviceInstructions }}
                    </view>
                    <!-- <image src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png" mode="aspectFit" class="arrow-img">
			</image> -->
                </view>
                <view class="common-info">
                    <view class="info-title">门店</view>
                    <view class="info-content">全国{{ storeNum }}家门店通用</view>
                    <!-- <image src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png" mode="aspectFit" class="arrow-img">
			</image> -->
                </view>
            </view>

            <!-- 规格 -->
            <view class="sku-wrapper" @tap="showSkuPopup" v-if="goods.productType == 2">
                <view class="sku-info">
                    <view class="sku-left">
                        <view>规格</view>
                        <view class="current-sku">已选: {{ checkedSku.specifications[0] }}</view>
                    </view>
                    <view class="sku-right">
                        <image src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png" mode="aspectFit" class="arrow-img"></image>
                    </view>
                </view>
                <view class="all-sku">
                    <image :src="item.url" class="sku-thumb" v-for="(item, index) in productList" :key="index"></image>

                    <view>共{{ specTotalNum }}种规格可选</view>
                </view>
            </view>
            <!-- 加购数量 -->
            <view class="num-module" v-if="goods.productType == 3 && goods.unitPrice && goods.unitPrice > 0">
                <view class="plus-buy">
                    <view class="title">加购</view>
                    <view class="plus-name">
                        {{ goods.unitDescribe }}
                        <text>￥{{ goods.unitPrice }}</text>
                        /{{ goods.unitArea }}
                    </view>
                </view>
                <view class="plus-num" style="padding-left: 80rpx">
                    <view class="title" style="color: #000; width: 160rpx">加购数量</view>
                    <view class="calc-counter">
                        <view :class="'minus-btn  ' + (plusNum == minNum ? 'disable' : '')" @tap="minusNum">-</view>
                        <!-- <input class="num-input" bindinput="bindGoodsNumInput" type="number" maxlength="3" placeholder=""
					value="{{plusNum}}" /> -->
                        <view class="num-input">{{ plusNum }}</view>
                        <view :class="'plus-btn  ' + (plusNum >= goods.unitMaximum ? 'disable' : '')" @tap="addNum">+</view>
                    </view>
                </view>
                <view style="color: #fe2b54; margin: 8rpx 0 0" :tt-if="plusNum != 0">每份{{ goods.unitArea }},加购{{ plusNum }}份,合计{{ addPurchaseAmount }}元</view>
            </view>

            <!-- 补差 -->
            <view class="num-module" v-if="goods.type == 4">
                <view class="plus-num">
                    <view class="title" style="color: #000; width: 160rpx; text-align: left; display: inline-block">购买数量</view>
                    <view class="calc-counter">
                        <view :class="'minus-btn ' + (plusNum == minNum ? 'disable' : '')" @tap="minusNum">-</view>
                        <!-- <input class="num-input" bindinput="bindGoodsNumInput" type="number" maxlength="3" placeholder=""
						value="{{plusNum}}" /> -->
                        <view class="num-input">{{ plusNum }}</view>
                        <view :class="'plus-btn ' + (goods.unitMaximum && plusNum >= goods.unitMaximum ? 'disable' : '')" @tap="addNum">+</view>
                    </view>
                </view>
                <view style="color: #fe2b54; margin: 8rpx 0 0">购买多份，叠加服务内容和服务时长。</view>
            </view>

            <!-- 关联工单 -->
            <view class="service-list" v-if="goods.type == 4">
                <view class="service-item">
                    <view class="order-title">关联工单</view>
                    <view class="service-title">
                        <view class="service-id">工单编号：{{ bookDetail.bookDetailId }}</view>
                        <view class="service-status">{{ bookDetail.statusName }}</view>
                    </view>
                    <view class="service-main">
                        <view class="customer-info">
                            <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-order-map.png"></image>
                            <view class="customer-main">
                                <view class="main-line">
                                    <view>{{ bookDetail.consignee }}</view>
                                    <view class="phone">{{ bookDetail.mobile }}</view>
                                </view>
                                <view class="customer-address">{{ bookDetail.address }}</view>
                            </view>
                        </view>
                        <view class="row">
                            <text>上门时段：</text>
                            {{ bookDetail.bookTime }}
                        </view>
                        <view class="row">
                            <text>预约备注：</text>
                            {{ bookDetail.message }}
                        </view>
                    </view>
                    <view class="service-remark-wrapper">
                        <view class="service-store">
                            <view class="store-left">
                                <image mode="aspectFit" src="https://jzmall.lifejingzhi.com/file/jzmall-dy/icon-store.png"></image>
                                <view>{{ bookDetail.fraName }}</view>
                            </view>
                        </view>
                    </view>
                </view>
            </view>

            <!-- 团购评价 -->
            <view class="group-evaluation">
                <view class="title" @tap="goWholeEval">
                    <view class="left">团购评价（999+条）</view>
                    <view class="right">
                        <view>查看全部</view>
                        <image src="https://mall.zhaijieshi.cc/file/wx-dy/arrow-grey.png" mode="aspectFit" class="arrow-img"></image>
                    </view>
                </view>
                <view class="evaluation-item" v-for="(item, index) in goodsComment" :key="index">
                    <view class="item-left">
                        <view class="eval-top">
                            <image :src="item.cusHeadImg" mode="aspectFill" class="avatar"></image>
                            <view class="name">{{ item.cusName }}</view>
                            <view class="tag">{{ item.cusLabel }}</view>
                            <view class="hp">{{ item.commentType }}</view>
                        </view>
                        <view class="eval-content">
                            {{ item.comment }}
                        </view>
                    </view>

                    <view class="item-right">
                        <image :src="item.commentImg" mode="aspectFill"></image>
                    </view>
                </view>
            </view>
            <view class="detail">
                <image mode="widthFix" :src="item" v-for="(item, index) in detailList" :key="index"></image>
            </view>
            <!-- 产品推荐 -->
            <view class="recommend-title" v-if="recGoodsList.length > 0">产品推荐</view>
            <view class="recommend-list">
                <navigator :url="'/pages/goods/goods?id=' + item.id" v-for="(item, index) in recGoodsList" :key="index">
                    <view class="recommend-item">
                        <image :src="item.picUrl" mode="aspectFill"></image>
                        <view class="recommend-goods-name">
                            {{ item.name }}
                        </view>
                        <view class="recommend-goods-price">
                            ¥
                            <text>{{ item.retailPrice }}</text>
                        </view>
                    </view>
                </navigator>
            </view>

            <!-- 大家都在看
	<view class="related-goods" wx:if="{{relatedGoods.length > 0}}">
		<view class="h">
			<view class="line"></view>
			<text class="title">大家都在看</text>
		</view>
		<view class="b">
			<view class="item" wx:for="{{relatedGoods}}" wx:key="id">
				<navigator url="/pages/goods/goods?id={{item.id}}">
					<image class="img" src="{{item.picUrl}}" background-size="cover"></image>
					<text class="name">{{item.name}}</text>
					<text class="price">￥{{item.retailPrice}}</text>
				</navigator>
			</view>
		</view>
	</view> -->
        </view>

        <!-- 联系客服
<view class="contact">
	<contact-button style="opacity:0;position:absolute;" type="default-dark" session-from="weapp" size="36">
	</contact-button>
</view> -->

        <!-- 底部按钮 -->
        <view class="bottom-btn">
            <view class="contact-block">
                <button class="contact-btn" open-type="contact">客服</button>
                <view class="contact-wrapper">
                    <image class="contact-img" mode="aspectFit" src="/static/images/online-new.png"></image>
                    <view class="text">客服</view>
                </view>
            </view>
            <view class="final-price">
                <!-- <view class="total-new">¥<text>{{goods.retailPrice}}</text></view>
		<view class="total-old">¥{{goods.counterPrice}}</view> -->
                <view class="total-new">
                    ¥
                    <text>{{ totalPrice }}</text>
                </view>
                <view class="total-old">¥{{ checkedSku.counterPrice }}</view>
            </view>
            <!-- <view class="share" bindtap="reSpread" wx:if="{{!soldout||!hasLogin}}">分享</view> -->
            <view class="c" @tap="addFast">立即购买</view>
        </view>
        <!-- sku规格列表 -->
        <view class="appoint-overlay-wrapper" @tap="onSkuClose" :tt-if="chooseSkuVisible">
            <view class="spu-popup" @tap.stop.prevent="stopClick">
                <view class="popup-good">
                    <view class="left">
                        <image :src="currentSku.url" mode="aspectFill"></image>
                        <view class="spu-price">
                            ¥
                            <text>{{ currentSku.price }}</text>
                        </view>
                        <view class="spu-price-old">¥{{ currentSku.counterPrice }}</view>
                    </view>
                    <image src="https://jzmall.lifejingzhi.com/file/jzmall/weixin/sku-close.png" mode="aspectFill" class="sku-close" @tap="onSkuClose"></image>
                </view>
                <!-- <scroll-view scroll-y="true" class="sku-list-block"> -->
                <view class="sku-list-block">
                    <view class="spu-title">规格</view>
                    <view style="padding-bottom: 20rpx">
                        <view
                            :class="'sku-item ' + (activeSku == item.id ? 'active-sku' : '')"
                            :data-index="index"
                            :data-id="item.id"
                            @tap="selectSku"
                            v-for="(item, index) in productList"
                            :key="index"
                        >
                            <view>
                                {{ item.specifications[0] }}
                            </view>
                        </view>
                    </view>
                    <!-- </scroll-view> -->
                    <!-- <view class="sku-btn" bindtap="confSku">
				  确认
			  </view> -->
                </view>
            </view>
        </view>

        <!-- 自购提示 -->
        <!-- <van-overlay show="{{ selfPayShow }}">
	<view class="overlay-wrapper">
		<view class="tips-wrapper">
			<view class="tips-top">
				<view class="tips-title">立省金额说明</view>
				<view>立省金额会以佣金形式发放，请在引荐人中心查收哦</view>
			</view>
			<view class="notip-again">
				<van-checkbox value="{{selfPayChecked}}" shape="square" icon-size="20px" bind:change="onSelfPayChange" checked-color="#09afff"></van-checkbox>
				<text class="user-agree">我已知晓，不再提示</text>
			</view>
			<view class="tips-bottom">
				<view class="cancel-btn" bindtap="cancelSelfPay">取消</view>
				<view class="btn-devide"></view>
				<view class="repay-btn" bindtap="reSelfPay">继续购买</view>
			</view>
		</view>
	</view>
</van-overlay> -->

        <!-- 推广提示 -->
        <!-- <van-overlay show="{{spreadPayShow }}">
	<view class="overlay-wrapper">
		<view class="tips-wrapper">
			<view class="tips-top">
				<view class="tips-title">推广佣金说明</view>
				<view>页面展示推广佣金为预计最高返现金额，实际金额根据购买者团队身份计算，请在引荐人中心查看实际佣金</view>
			</view>
			<view class="notip-again">
				<van-checkbox value="{{spreadPayChecked}}" shape="square" icon-size="20px" bind:change="onSpreadPayChange" checked-color="#09afff"></van-checkbox>
				<text class="user-agree">我已知晓，不再提示</text>
			</view>
			<view class="tips-bottom">
				<view class="cancel-btn" bindtap="cancelSpreadPay">取消</view>
				<view class="btn-devide"></view>
				<view class="repay-btn" bindtap="reSpread">继续推广</view>
			</view>
		</view>
	</view>
</van-overlay> -->
    </view>
</template>

<script>
var app = getApp();
// var WxParse = require('../../lib/wxParse/wxParse.js');
var util = require('../../utils/util.js');
var api = require('../../config/api.js');
var user = require('../../utils/user.js');
export default {
    data() {
        return {
            chooseSkuVisible: false,
            activeSku: 0,

            checkedSku: {
                specifications: [],
                id: 0,
                retailPrice: '',
                counterPrice: '',
                url: ''
            },

            currentSku: {
                specifications: [],
                id: 0,
                retailPrice: '',
                counterPrice: '',
                url: '',
                price: ''
            },

            productList: [],
            specTotalNum: '',
            buyToastShow: false,

            goodsBuyTime: {
                cusHeadImg: '',
                comment: ''
            },

            recGoodsList: [],
            plusNum: '0',
            detailList: [],
            detailListAll: [],
            countSalesNumber: '',
            selfPayShow: false,
            selfPayCheck: false,
            spreadPayShow: false,
            spreadPayChecked: false,
            canShare: false,
            id: 0,

            goods: {
                unitMaximum: 1,
                isNew: '',
                gallery: [],
                counterPrice: '',
                name: '',
                serviceInstructions: '',
                productType: 0,
                unitPrice: '',
                unitArea: '',
                type: 0
            },

            groupon: [],

            //该商品支持的团购规格
            grouponLink: {},

            //参与的团购
            attribute: [],

            issueList: [],
            comment: [],

            //brand: {},
            specificationList: [],

            relatedGoods: [],
            cartGoodsCount: 0,
            userHasCollect: 0,
            number: 1,
            checkedSpecText: '规格数量选择',
            tmpSpecText: '请选择规格数量',
            checkedSpecPrice: 0,
            openAttr: false,
            openShare: false,
            collect: false,
            shareImage: '',
            isGroupon: false,

            //标识是否是一个参团购买
            soldout: false,

            canWrite: false,

            //用户是否获取了保存相册的权限
            name_height: 58,

            //根据名称长度 设置高度
            userInfo: {},

            hasLogin: false,
            shareId: 0,

            //options传递过来的参数 表示是打开哪个分享
            wxShareId: 0,

            //如果要分享此商品的分享id
            addressInfo: {},

            rId: 0,

            //分享人id,
            selfDiscount: 0,

            spreadDiscount: 0,

            referee: {
                self: 0,
                share: 0
            },

            myqr_show: false,

            //我的分享二维码
            myqr_url: null,

            //分享海报及推广语言
            myqr_ads: '',

            myqr_blur: 100,

            //背景模糊值
            myqr_bottom_btn: 'fixed',

            //底部功能按钮

            activited: false,

            //是否活动中
            activityPrice: 0,

            //活动价格
            activityTime: 89646,

            //活动倒计时总计时间 （整型 秒）
            activityDay: 0,

            //活动天数
            activityHour: 0,

            //活动小时
            activityMinute: 0,

            //活动分钟
            activitySecond: 0,

            //活动秒
            activityTimer: null,

            //定时器
            code: '',

            //抖音登录code
            isCommiting: false,

            //是否提交中 防止多次提交
            //以下是支付使用参数
            openId: '',

            checkedAddress: '',
            actualPrice: '',
            couponPrice: '',
            addressId: '',
            couponId: '',
            userCouponId: '',
            mobile: '',
            couponVoList: [],

            //优惠券列表
            finallyPrice: '',

            storeNum: '267',
            totalPrice: '',
            addPurchaseAmount: 0,
            addPurchase: [],
            serviceId: '',

            bookDetail: {
                bookDetailId: '',
                statusName: '',
                consignee: '',
                mobile: '',
                address: '',
                fraName: ''
            },

            minNum: 0,
            goodsComment: '',
            selfPayChecked: ''
        };
    }, // 页面分享
    onShareAppMessage: function () {
        let that = this;
        if (!app.globalData.hasLogin) {
            uni.navigateTo({
                url: '/pages/auth/login/login'
            });
            return;
        }
        //获取分享id 用来追踪链接
        //引荐人和非引荐人的 链接不同
        let imgUrl = that.goods.shareWxUrl ? that.goods.shareWxUrl : that.goods.gallery[0];
        var path = '/pages/goods/goods?id=' + that.id + '&rId=' + that.userInfo.id;
        if (that.userInfo.isDis) {
            //是引荐人
            path = '/pages/goods/goods?id=' + that.id + '&shareId=' + that.wxShareId;
        }
        this.hidePoster();
        return {
            title: that.goods.name + '\n' + that.myqr_ads,
            path: path,
            imageUrl: imgUrl
        };
    },
    onLoad: function (options) {
        console.log(options);
        // 页面初始化 options为页面跳转所带来的参数
        var addressInfo = uni.getStorageSync('addressInfo');
        if (addressInfo) {
            this.setData({
                addressInfo: addressInfo
            });
        }
        var openId = uni.getStorageSync('openId');
        if (openId) {
            this.setData({
                openId: openId
            });
        } else {
            //openid为空 需要去获取
            this.getUserOpenId();
        }
        if (options.rId) {
            this.setData({
                rId: parseInt(options.rId)
            });
        }
        if (options.shareId) {
            this.setData({
                shareId: parseInt(options.shareId)
            });
        }
        if (options.id) {
            this.setData({
                id: parseInt(options.id)
            });
            this.getGoodsInfo();
        }
        // 补差产品扫二维码进入
        if (options.service_id) {
            this.setData({
                id: parseInt(options.goods_id),
                serviceId: options.service_id
            });
            this.getGoodsInfo();
        }
        this.getStore();
    },
    onShow: function () {
        if (app.globalData.hasLogin) {
            let userInfo = uni.getStorageSync('userInfo');
            app.globalData.userInfo = userInfo;
            this.setData({
                userInfo: userInfo,
                hasLogin: true
            });
        }
    },
    onHide: function () {
        // 页面隐藏
        clearInterval(this.activityTimer);
    },
    onUnload: function () {
        // 页面关闭
        clearInterval(this.activityTimer);
    },
    onReady: function () {
        // 页面渲染完成
    },
    onReachBottom: function () {
        console.info('reachbottom');
        let detailListAll = this.detailListAll;
        let detailList = this.detailList;
        //console.info(detailList)

        if (detailListAll.length > detailList.length) {
            // detailListAll = detailListAll.splice(1);
            detailList.push(detailListAll[detailList.length]);
            this.setData({
                detailList: detailList
                // detailListAll: detailListAll
            });
        }
    },
    methods: {
        goCustomerService() {
            //跳转微信客服
            console.info('goCustomerService');
            uni.openCustomerServiceChat({
                extInfo: {
                    url: 'https://work.weixin.qq.com/kfid/kfc1fcfae84340d5125'
                },
                corpId: 'ww034f0b524f8ead00',
                success(res) {},
                fail(res) {
                    console.info(res);
                }
            });
        },

        shareFriendOrCircle: function () {
            if (!app.globalData.hasLogin) {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
                return;
            }

            //分享 弹出图片
            let that = this;
            uni.removeStorageSync(String(that.goods.id));
            //取出本地缓存中的分享图
            // let sUrl=wx.getStorageSync(String(that.data.goods.id));
            // if(sUrl!=null&&sUrl!=""){//获取过的分享图 不需要再次获取
            //   that.setData({
            //     myqr_url:sUrl,
            //     myqr_show:true,
            //     myqr_blur:5
            //   });
            //   return;
            // }
            uni.showLoading({
                title: '生成中'
            });
            util.request(api.QrGoodsCodeCreate, {
                goodsId: that.goods.id
            }).then(function (res) {
                uni.hideLoading();
                if (res.errno == 0) {
                    that.setData({
                        myqr_url: res.data.imgUrl,
                        myqr_show: true,
                        myqr_blur: 5
                    });
                    //保存分享图url到本地缓存
                    // wx.setStorageSync(String(that.data.goods.id),res.data.imgUrl);
                } else if (res.errno == 501) {
                    uni.navigateTo({
                        url: '/pages/auth/login/login'
                    });
                } else {
                    uni.showToast({
                        title: res.errmsg,
                        duration: 5000
                    });
                }
            });

            //var that = this;
            /*if (this.data.openShare === false) {
        this.setData({
          openShare: !this.data.openShare
        });
      } else {
        return false;
      }*/
        },

        /**活动剩余时间 格式化 */
        handleActivityTime() {
            let that = this;
            let interval = setInterval(function () {
                if (that.activityTime <= 1) {
                    return;
                }
                let activityTime = that.activityTime;
                let day = parseInt(activityTime / 86400);
                let hour = parseInt((activityTime % 86400) / 3600);
                console.info((activityTime % 86400) % 3600);
                let minte = parseInt(((activityTime % 86400) % 3600) / 60);
                let second = parseInt(((activityTime % 86400) % 3600) % 60);
                that.setData({
                    activityDay: day,
                    activityHour: hour < 10 ? '0' + hour.toString() : hour.toString(),
                    activityMinute: minte < 10 ? '0' + minte.toString() : minte.toString(),
                    activitySecond: second < 10 ? '0' + second.toString() : second.toString(),
                    activityTime: activityTime - 1
                });
            }, 1000);
            that.setData({
                activityTimer: interval
            });
        },

        handleSetting: function (e) {
            var that = this;
            // console.log(e)
            if (!e.detail.authSetting['scope.writePhotosAlbum']) {
                uni.showModal({
                    title: '警告',
                    content: '不授权无法保存',
                    showCancel: false
                });
                that.setData({
                    canWrite: false
                });
            } else {
                uni.showToast({
                    title: '保存成功'
                });
                that.setData({
                    canWrite: true
                });
            }
        },

        // 保存分享图
        saveShare: function () {
            let that = this;
            uni.showLoading({
                title: '图片保存中'
            });
            console.log(that);
            uni.downloadFile({
                url: that.myqr_url,
                success: function (res) {
                    console.log(res);
                    uni.saveImageToPhotosAlbum({
                        filePath: res.tempFilePath,
                        success: function (res) {
                            uni.hideLoading();
                            uni.showModal({
                                title: '存图成功',
                                content: '图片成功保存到相册了，可以分享到朋友圈了',
                                showCancel: false,
                                confirmText: '好的',
                                confirmColor: '#a78845',
                                success: function (res) {
                                    if (res.confirm) {
                                        console.log('用户点击确定');
                                        that.setData({
                                            myqr_show: false,
                                            myqr_blur: 0
                                        });
                                    }
                                }
                            });
                        },
                        fail: function (res) {
                            uni.hideLoading();
                            uni.showModal({
                                title: '警告',
                                content: '不授权无法保存',
                                showCancel: false
                            });
                            that.setData({
                                myqr_show: false,
                                myqr_blur: 0
                            });
                        }
                    });
                },
                fail: function (res) {
                    uni.hideLoading();
                    console.log(res);
                }
            });
        },

        // 获取商品信息
        getGoodsInfo: function () {
            let that = this;
            let params = {
                id: that.id,
                rId: that.rId
            };
            if (this.serviceId) {
                params = {
                    id: that.id,
                    rId: that.rId,
                    serviceId: that.serviceId
                };
            }
            console.info('1-》getGoodsInfo start');
            util.request(api.GoodsDetail, params).then(function (res) {
                console.info('2-》getGoodsInfo end');
                console.info(res);
                if (res.errno === 0) {
                    //设置显示名称的控件高度
                    // let height = 56;
                    // if (res.data.info.name.length > 17 & res.data.info.name.length < 36) height = 76;
                    // else if (res.data.info.name.length >= 36) height = 116;

                    let goodsComment = res.data.goodsComment;
                    let list = [];
                    if (goodsComment) {
                        goodsComment.forEach((item) => {
                            let obj = item;
                            if (item.commentImgs) {
                                let img = item.commentImgs.split(',');
                                if (img.length >= 1) {
                                    obj.commentImg = img[0];
                                } else {
                                    obj.commentImg = '';
                                }
                            }
                            list.push(obj);
                        });
                    }
                    let checkedSku = {};
                    if (res.data.info.productType == 3) {
                        let plusInit = res.data.productList.filter((pro) => {
                            return pro.unitIncreaseNumber == 0;
                        });
                        if (plusInit.length >= 1) {
                            checkedSku = plusInit[0];
                        }
                    } else {
                        checkedSku = res.data.productList[0];
                    }
                    if (res.data.info.type == 4) {
                        that.setData({
                            plusNum: 1,
                            minNum: 1
                        });
                    }
                    that.setData({
                        goods: res.data.info,
                        detailList: res.data.info.detail == '' || res.data.info.detail == null ? [] : [res.data.info.detail.split(',')[0]],
                        detailListAll: res.data.info.detail == '' || res.data.info.detail == null ? [] : res.data.info.detail.split(','),
                        // attribute: res.data.attribute,
                        // issueList: res.data.issue,
                        // comment: res.data.comment,
                        //brand: res.data.brand,
                        specificationList: res.data.specificationList,
                        userHasCollect: res.data.userHasCollect,
                        shareImage: res.data.shareImage,
                        checkedSpecPrice: res.data.info.retailPrice,
                        countSalesNumber: res.data.countSalesNumber,
                        // canShare: res.data.share,
                        // name_height: height,
                        wxShareId: res.data.shareId,
                        activited: res.data.activited,
                        activityTime: res.data.activityTime,
                        activityPrice: res.data.activityPrice,
                        productList: res.data.productList,
                        specTotalNum: res.data.productList.length,
                        goodsComment: list,
                        buyToastShow: true,
                        goodsBuyTime: res.data.goodsBuyTime,
                        // checkedSku:res.data.productList[0],
                        // currentSku:res.data.productList[0],
                        checkedSku: checkedSku,
                        currentSku: checkedSku,
                        recGoodsList: res.data.recGoodsList,
                        finallyPrice: Number(res.data.info.retailPrice).toFixed(2),
                        // addPurchase:res.data.addPurchase,
                        bookDetail: res.data.bookDetail
                    });
                    that.getMaxCoupon();
                    // setTimeout(()=>{
                    //   that.setData({
                    //     buyToastShow:true
                    //   });
                    // },200);
                    // setTimeout(()=>{
                    //   that.setData({
                    //     buyToastShow:false
                    //   })
                    // },3200);

                    if (res.data.activited) {
                        that.handleActivityTime();
                    }
                    if (res.data.userHasCollect == 1) {
                        that.setData({
                            collect: true
                        });
                    } else {
                        that.setData({
                            collect: false
                        });
                    }
                    // WxParse.wxParse('goodsDetail', 'html', res.data.info.detail, that);
                    //获取推荐商品
                    //that.getGoodsRelated();
                }
            });
        },

        // 获取推荐商品
        getGoodsRelated: function () {
            let that = this;
            util.request(api.GoodsRelated, {
                id: that.id,
                shopId: this.addressInfo.shopId
            }).then(function (res) {
                if (res.errno === 0) {
                    that.setData({
                        relatedGoods: res.data.list
                    });
                }
            });
        },

        // 规格选择
        clickSkuValue: function (event) {
            let that = this;
            let specName = event.currentTarget.dataset.name;
            let specValueId = event.currentTarget.dataset.valueId;

            //判断是否可以点击

            //TODO 性能优化，可在wx:for中添加index，可以直接获取点击的属性名和属性值，不用循环
            let _specificationList = this.specificationList;
            for (let i = 0; i < _specificationList.length; i++) {
                if (_specificationList[i].name === specName) {
                    for (let j = 0; j < _specificationList[i].valueList.length; j++) {
                        if (_specificationList[i].valueList[j].id == specValueId) {
                            //如果已经选中，则反选
                            if (_specificationList[i].valueList[j].checked) {
                                _specificationList[i].valueList[j].checked = false;
                            } else {
                                _specificationList[i].valueList[j].checked = true;
                            }
                        } else {
                            _specificationList[i].valueList[j].checked = false;
                        }
                    }
                }
            }
            this.setData({
                specificationList: _specificationList
            });
            //重新计算spec改变后的信息
            this.changeSpecInfo();

            //重新计算哪些值不可以点击
        },

        //获取选中的规格信息
        getCheckedSpecValue: function () {
            let checkedValues = [];
            let _specificationList = this.specificationList;
            for (let i = 0; i < _specificationList.length; i++) {
                let _checkedObj = {
                    name: _specificationList[i].name,
                    valueId: 0,
                    valueText: ''
                };
                for (let j = 0; j < _specificationList[i].valueList.length; j++) {
                    if (_specificationList[i].valueList[j].checked) {
                        _checkedObj.valueId = _specificationList[i].valueList[j].id;
                        _checkedObj.valueText = _specificationList[i].valueList[j].value;
                    }
                }
                checkedValues.push(_checkedObj);
            }
            return checkedValues;
        },

        //判断规格是否选择完整
        isCheckedAllSpec: function () {
            return !this.getCheckedSpecValue().some(function (v) {
                if (v.valueId == 0) {
                    return true;
                }
            });
        },

        getCheckedSpecKey: function () {
            let checkedValue = this.getCheckedSpecValue().map(function (v) {
                return v.valueText;
            });
            return checkedValue;
        },

        // 规格改变时，重新计算价格及显示信息
        changeSpecInfo: function () {
            let checkedNameValue = this.getCheckedSpecValue();

            //设置选择的信息
            let checkedValue = checkedNameValue
                .filter(function (v) {
                    if (v.valueId != 0) {
                        return true;
                    } else {
                        return false;
                    }
                })
                .map(function (v) {
                    return v.valueText;
                });
            if (checkedValue.length > 0) {
                this.setData({
                    tmpSpecText: checkedValue.join('　')
                });
            } else {
                this.setData({
                    tmpSpecText: '请选择规格数量'
                });
            }
            if (this.isCheckedAllSpec()) {
                this.setData({
                    checkedSpecText: this.tmpSpecText
                });

                // 规格所对应的货品选择以后
                let checkedProductArray = this.getCheckedProductItem(this.getCheckedSpecKey());
                if (!checkedProductArray || checkedProductArray.length <= 0) {
                    this.setData({
                        soldout: true
                    });
                    console.error('规格所对应货品不存在');
                    return;
                }
                let checkedProduct = checkedProductArray[0];
                if (checkedProduct.number > 0) {
                    this.setData({
                        checkedSpecPrice: checkedProduct.price,
                        soldout: false
                    });
                } else {
                    this.setData({
                        checkedSpecPrice: this.goods.retailPrice,
                        soldout: true
                    });
                }
            } else {
                this.setData({
                    checkedSpecText: '规格数量选择',
                    checkedSpecPrice: this.goods.retailPrice,
                    soldout: false
                });
            }
        },

        // 获取选中的产品（根据规格）
        getCheckedProductItem: function (key) {
            return this.productList.filter(function (v) {
                if (v.specifications.toString() == key.toString()) {
                    return true;
                } else {
                    return false;
                }
            });
        },

        //添加或是取消收藏
        addCollectOrNot: function () {
            let that = this;
            util.request(
                api.CollectAddOrDelete,
                {
                    type: 0,
                    valueId: this.id
                },
                'POST'
            ).then(function (res) {
                if (that.userHasCollect == 1) {
                    that.setData({
                        collect: false,
                        userHasCollect: 0
                    });
                } else {
                    that.setData({
                        collect: true,
                        userHasCollect: 1
                    });
                }
            });
        },

        //立即购买（先自动加入购物车）
        async addFast() {
            var that = this;
            //如果是买约一体商品 必须授权登录
            if (that.goods.type != 3 && that.hasLogin == false) {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
                return;
            }
            //防止多次提交
            if (that.isCommiting) {
                return;
            }
            that.setData({
                isCommiting: true
            });
            let boo = await this.checkGoods();
            console.info(boo);
            if (!boo) {
                that.setData({
                    isCommiting: false
                });
                return;
            }

            //不用加购物车 直接跳转
            app.globalData.infoGoods = {
                name: that.goods.name,
                brief: that.goods.brief,
                picUrl: that.goods.picUrl,
                type: that.goods.type,
                id: that.goods.id
            };
            //20230523对于买约分离的商品 不用提单页 直接结算
            if (that.goods.type == 3 || that.goods.type == 4) {
                console.info('直接拉起支付');
                that.checkoutInfo();
                return;
            }
            uni.setStorageSync('cartId', 0);
            uni.setStorageSync('goodsId', that.goods.id);
            uni.navigateTo({
                url: '/pages/checkout/checkout'
            });
            that.setData({
                isCommiting: false
            });
        },

        async checkGoods() {
            let boo = true;
            let that = this;
            //console.info(code);
            await util
                .request(
                    api.OrderCheckGoods,
                    {
                        goodsId: this.goods.id,
                        openId: this.openId,
                        productId: this.checkedSku.id,
                        unitIncreaseNumber: this.plusNum
                        // bookDetailId:this.data.bookDetail.bookDetailId
                    },
                    'GET'
                )
                .then(function (res) {
                    console.info(res);
                    if (res.data && res.data.user) {
                        app.globalData.hasLogin = true;
                        app.globalData.userInfo = res.data.user.userInfo;
                        uni.setStorageSync('userInfo', res.data.user.userInfo);
                        uni.setStorageSync('token', res.data.user.token);
                    }

                    //弹出框信息
                    if (res.errno != 0) {
                        util.showErrorToast(res.errmsg);
                    } else if (res.data.code === 1) {
                        //存在未付款订单 直接拉起支付
                        that.setData({
                            actualPrice: res.data.actualPrice
                        });
                        that.continueToPay(res.data.orderSn);
                        boo = false;
                        //that.showMyModel(res.data.msg, that);
                    } else if (res.data.code === 2) {
                        boo = false;
                        //新客初体验商品，每个客户只有1次机会哦～
                        uni.showModal({
                            title: '提醒',
                            content: res.data.msg + '，再次购买178元每单',
                            confirmText: '去购买',
                            success(ress) {
                                if (ress.confirm) {
                                    uni.navigateTo({
                                        url: '/pages/goods/goods?id=1190504'
                                    });
                                }
                            }
                        });
                    }
                });
            return boo;
        },

        async getStore() {
            let res = await util.request(api.allStore, {}, 'GET');
            if (res.errno == 0) {
                console.log(res);
                this.setData({
                    storeNum: res.data.count
                });
            }
        },

        async getMaxCoupon() {
            if (this.openId) {
                let res = await util.request(
                    api.selectMaxCoupon,
                    {
                        goodsId: this.goods.id,
                        openId: this.openId
                    },
                    'GET'
                );
                console.log(res);
                if (res.errno == 0) {
                    this.setData({
                        couponPrice: res.data.couponPrice,
                        couponId: res.data.couponId,
                        userCouponId: res.data.userCouponId,
                        couponVoList: res.data.couponVoList,
                        finallyPrice: Number(this.checkedSku.price - res.data.couponPrice).toFixed(2)
                    });
                    this.setData({
                        totalPrice: this.finallyPrice
                    });
                }
            } else {
                await this.getUserOpenId();
                let res = await util.request(
                    api.selectMaxCoupon,
                    {
                        productId: this.checkedSku.id,
                        openId: this.openId
                    },
                    'GET'
                );
                console.log(res);
                if (res.errno == 0) {
                    this.setData({
                        couponPrice: res.data.couponPrice,
                        couponId: res.data.couponId,
                        userCouponId: res.data.userCouponId,
                        couponVoList: res.data.couponVoList,
                        finallyPrice: Number(this.checkedSku.price - res.data.counterPrice).toFixed(2)
                    });
                    this.setData({
                        totalPrice: this.finallyPrice
                    });
                }
            }
        },

        checkoutInfo() {
            let that = this;
            util.request(api.CartCheckout, {
                cartId: 0,
                addressId: 0,
                couponId: that.couponId,
                userCouponId: that.userCouponId,
                goodsId: that.goods.id,
                openId: that.openId,
                productId: this.checkedSku.id,
                unitIncreaseNumber: this.plusNum
            }).then(function (res) {
                if (res.errno === 0) {
                    console.info(res);
                    that.setData({
                        checkedAddress: res.data.checkedAddress,
                        actualPrice: res.data.actualPrice,
                        couponPrice: res.data.couponPrice,
                        addressId: res.data.addressId,
                        couponId: res.data.couponId,
                        userCouponId: res.data.userCouponId,
                        mobile: res.data.mobile
                    });
                    //提交订单
                    that.submitOrder();
                    that.setData({
                        isCommiting: false
                    });
                }
            });
        },

        submitOrder() {
            //直接拉起支付
            let that = this;
            util.request(api.OrderPrepay, {
                addressId: 0,
                shopId: 0,
                cart: 0,
                goodsId: that.goods.id,
                couponId: that.couponId,
                userCouponId: that.userCouponId,
                productId: that.checkedSku.id
            })
                .then(function (res) {
                    if (res.errno === 0) {
                        var callbackData = {
                            cartId: null,
                            addressId: 0,
                            couponId: that.couponId,
                            userCouponId: that.userCouponId,
                            orderDate: {
                                goodId: that.goods.id,
                                productId: that.checkedSku.id
                                // bookDetailId:that.data.serviceId,
                                // originalOrderId:that.data.bookDetail.originalOrderId,
                                // unitIncreaseNumber:that.data.plusNum
                            },

                            phone_num: that.mobile,
                            userId: that.userInfo ? that.userInfo.id : '',
                            unitIncreaseNumber: that.plusNum,
                            dyversion: '20230725'
                        };
                        uni.showLoading({
                            title: '加载中'
                        });
                        console.info(callbackData);
                        uni.createOrder({
                            skuList: res.data.skuList,
                            payment: res.data.payment,
                            callbackData: callbackData,
                            callbackUrl: res.data.callbackUrl,
                            success: (res) => {
                                uni.hideLoading();
                                console.log('预下单成功11');
                                console.log(res);
                                const { orderId, outOrderNo } = res;
                                console.log('success res', res, 'orderId', orderId, 'outOrderNo', outOrderNo);
                                //如果是静默状态未登录 开始授权登录
                                if (!app.globalData.hasLogin) {
                                    user.getLoginInfo(outOrderNo).then((resUser) => {
                                        if (resUser.errno == 0) {
                                            app.globalData.hasLogin = true;
                                            app.globalData.userInfo = resUser.data.userInfo;
                                            uni.setStorageSync('userInfo', resUser.data.userInfo);
                                            uni.setStorageSync('token', resUser.data.token);
                                        }
                                    });
                                }
                                uni.redirectTo({
                                    url: '/pages/checkout/payResult/payResult?status=1&outOrderNo=' + outOrderNo + '&actualPrice=' + that.actualPrice
                                });
                            },
                            fail: (res) => {
                                uni.hideLoading();
                                console.log('预下单失败11');
                                console.log(res);
                                const { orderId, outOrderNo, errNo, errMsg, errLogId } = res;
                                if (errLogId) {
                                    console.log('预下单失败', errNo, errMsg, errLogId);
                                    let tomsg = errMsg;
                                    if (tomsg.indexOf('createOrder') != -1) {
                                        tomsg = tomsg.replace('createOrder:fail 开发者限购:', '');
                                        tomsg = tomsg.replace('createOrder:fail 开发者拒绝交易:', '');
                                        tomsg = tomsg.replace('createOrder:fail', '');
                                    }
                                    uni.showModal({
                                        title: '提示',
                                        content: tomsg,
                                        showCancel: false
                                    });
                                }
                                if (orderId || outOrderNo) {
                                    uni.navigateTo({
                                        url: '/pages/ucenter/orderDetail/orderDetail?id=' + outOrderNo
                                    });
                                    console.log('支付失败', errNo, errMsg, orderId, outOrderNo);
                                    // that.setData({
                                    //   payFailShow: true
                                    // });
                                }

                                console.log(errNo, errMsg);
                            }
                        });
                    } else {
                        uni.showModal({
                            title: '提醒',
                            showCancel: false,
                            content: res.errmsg
                        });
                    }
                })
                .catch((res) => {
                    uni.hideLoading();
                    util.showErrorToast(res.errmsg);
                });
        },

        continueToPay(outOrderNo) {
            //已有订单重复提交
            let that = this;
            uni.continueToPay({
                outOrderNo: outOrderNo,
                // 外部订单号 2个订单号必填一个
                success: (res) => {
                    console.log(res);
                    const { orderId, outOrderNo } = res;
                    console.log('success res', res);
                    console.log('orderId', orderId, 'outOrderNo', outOrderNo);
                    uni.redirectTo({
                        url: '/pages/checkout/payResult/payResult?status=1&outOrderNo=' + outOrderNo + '&actualPrice=' + that.actualPrice
                    });
                },
                fail: (res) => {
                    console.log(res);
                    const { orderId, outOrderNo, errNo, errMsg, errLogId } = res;
                    if (errLogId) {
                        console.log('查询订单信息失败', errNo, errMsg, errLogId);
                    }
                    if (orderId || outOrderNo) {
                        console.log('支付失败', errNo, errMsg, orderId, outOrderNo);
                        console.log('订单号' + outOrderNo);
                        uni.navigateTo({
                            url: '/pages/ucenter/orderDetail/orderDetail?id=' + outOrderNo
                        });
                    }
                    // util.showErrorToast('放弃支付');
                }
            });
        },

        async getUserOpenId() {
            let that = this;
            let res = await user.userOpenId();
            console.log(res);
            that.setData({
                openId: res.data
            });
            console.info(res);
            uni.setStorageSync('openId', res.data);
            // .then(res => {
            //     that.setData({
            //       openId: res.data
            //     })
            //     console.info(res)
            //     wx.setStorageSync('openId', res.data);

            //   });
        },

        gofastAddCart() {
            var that = this;
            //提示选择完整规格
            // if (!this.isCheckedAllSpec()) {
            //   util.showErrorToast('请选择完整规格');
            //   return false;
            // }

            //根据选中的规格，判断是否有对应的sku信息
            // let checkedProductArray = this.getCheckedProductItem(this.getCheckedSpecKey());
            // if (!checkedProductArray || checkedProductArray.length <= 0) {
            //   //找不到对应的product信息，提示没有库存
            //   util.showErrorToast('没有库存');
            //   return false;
            // }
            // let checkedProduct = checkedProductArray[0];
            // //验证库存
            // if (checkedProduct.number <= 0) {
            //   util.showErrorToast('没有库存');
            //   return false;
            // }

            //立即购买
            // util.request(api.CartFastAdd, {
            //   goodsId: this.data.goods.id,
            //   number: this.data.number,
            //   productId: checkedProduct.id,
            //   shareId: this.data.shareId
            // }, "POST").then(res => {
            //   if (res.errno == 0) {
            // 如果storage中设置了cartId，则是立即购买，否则是购物车购买
            try {
                // wx.setStorageSync('cartId', res.data);
                // wx.setStorageSync('grouponRulesId', checkedGroupon.id);
                // wx.setStorageSync('grouponLinkId', that.data.grouponLink.id);
                // 支付结果页面展示图片用
                app.globalData.infoGoods = {
                    name: this.goods.name,
                    brief: this.goods.brief,
                    picUrl: this.goods.picUrl,
                    type: this.goods.type
                };
                uni.setStorageSync('cartId', 0);
                uni.setStorageSync('goodsId', this.goods.id);
                console.info(that.shareId);
                if (that.shareId > 0) {
                    uni.navigateTo({
                        url: '/pages/checkout/checkout?shareId=' + that.shareId
                    });
                } else {
                    uni.navigateTo({
                        url: '/pages/checkout/checkout'
                    });
                }
            } catch (e) {
                console.log('CatchClause', e);
                console.log('CatchClause', e);
                console.info(e);
            }
            //   } else {
            //     util.showErrorToast(res.errmsg);
            //   }
            // });
        },

        getdefalutUserAddress() {
            //登陆拿用户默认地址，如果没有就拿系统默认地址
            //如果有默认地址，但是不在门店服务区域里
            util.request(api.OrderBookDefaultAddress, {}, 'get').then((res) => {
                if (res.errno === 0) {
                    let address = res.data;
                    var city = address.city.indexOf('市辖') != -1 ? address.province : address.city;
                    //通过jz_shop的shop_no关联服务力分配的门店id，拿实际的jz_shop的门店id
                    var addresInfo = {
                        city: city,
                        lng: address.lng,
                        lat: address.lat,
                        shopId: address.shopId,
                        address: address.addressDetail,
                        shopName: address.shopName
                    };
                    uni.setStorageSync('addressInfo', addresInfo);
                } else {
                    //无默认地址时 拿系统的
                    this.getdefaultCityShop();
                }
            });
        },

        getdefaultCityShop() {
            let that = this;
            util.request(api.getDefaultCityShop, {}, 'get').then((res) => {
                if (res.errno === 0) {
                    uni.setStorageSync('addressInfo', res.data);
                }
            });
        },

        showMyModel(msg, that) {
            uni.showModal({
                title: '',
                content: msg,
                confirmText: '去处理',
                cancelText: '取消',
                success: function (res) {
                    //此商品有个未支付的订单，请到订单页去支付或取消重新下单。
                    //去处理：跳转订单页
                    if (res.confirm) {
                        try {
                            uni.setStorageSync('tab', 1);
                        } catch (e) {
                            console.log('CatchClause', e);
                            console.log('CatchClause', e);
                        }
                        uni.navigateTo({
                            url: '/pages/ucenter/order/order',
                            success: function (res) {},
                            fail: function (res) {},
                            complete: function (res) {}
                        });
                    } else {
                        that.gofastAddCart();
                    }
                }
            });
        },

        //添加到购物车
        addToCart: function () {
            var that = this;
            if (this.openAttr == false) {
                //打开规格选择窗口
                this.setData({
                    openAttr: !this.openAttr
                });
            } else {
                //提示选择完整规格
                if (!this.isCheckedAllSpec()) {
                    util.showErrorToast('请选择完整规格');
                    return false;
                }

                //根据选中的规格，判断是否有对应的sku信息
                let checkedProductArray = this.getCheckedProductItem(this.getCheckedSpecKey());
                if (!checkedProductArray || checkedProductArray.length <= 0) {
                    //找不到对应的product信息，提示没有库存
                    util.showErrorToast('没有库存');
                    return false;
                }
                let checkedProduct = checkedProductArray[0];
                //验证库存
                if (checkedProduct.number <= 0) {
                    util.showErrorToast('没有库存');
                    return false;
                }

                //添加到购物车
                util.request(
                    api.CartAdd,
                    {
                        goodsId: this.goods.id,
                        number: this.number,
                        productId: checkedProduct.id
                    },
                    'POST'
                ).then(function (res) {
                    let _res = res;
                    if (_res.errno == 0) {
                        uni.showToast({
                            title: '添加成功'
                        });
                        that.setData({
                            openAttr: !that.openAttr,
                            cartGoodsCount: _res.data
                        });
                        //显示tab购物车缓存
                        //user.cartadd(that.data.number);

                        if (that.userHasCollect == 1) {
                            that.setData({
                                collect: true
                            });
                        } else {
                            that.setData({
                                collect: false
                            });
                        }
                    } else {
                        util.showErrorToast(_res.errmsg);
                    }
                });
            }
        },

        cutNumber: function () {
            this.setData({
                number: this.number - 1 > 1 ? this.number - 1 : 1
            });
        },

        addNumber: function () {
            // 如果是安心包只能购买一个
            console.log(this.goods);
            if (this.goods.goodsSn == '1036016') {
                uni.showToast({
                    title: '此款商品只能购买一个',
                    icon: 'none',
                    duration: 2000
                });
            } else {
                this.setData({
                    number: this.number + 1
                });
            }
        },

        switchAttrPop: function () {
            if (this.openAttr == false) {
                this.setData({
                    openAttr: !this.openAttr
                });
            }
        },

        closeAttr: function () {
            this.setData({
                openAttr: false
            });
        },

        closeShare: function () {
            this.setData({
                openShare: false
            });
        },

        openCartPage: function () {
            uni.switchTab({
                url: '/pages/tabBar/cart/cart'
            });
        },

        qrtouchstart: function () {
            this.setData({
                myqr_blur: 100,
                myqr_show: false
            });
        },

        copyToHM() {
            let copyLink = this.goods.copyLink;
            console.log(copyLink);
            if (copyLink != undefined && copyLink != '') {
                uni.setClipboardData({
                    data: copyLink,
                    success(res) {
                        uni.getClipboardData({
                            success(res) {
                                console.log(res.data); // data
                            }
                        });
                    }
                });
            } else {
                uni.showToast({
                    title: '该商品暂未配置盒马链接',
                    icon: 'none'
                });
            }
        },

        onSelfPayChange(e) {
            console.log(e);
            this.setData({
                selfPayChecked: e.detail
            });
        },

        onSpreadPayChange(e) {
            console.log(e);
            this.setData({
                spreadPayChecked: e.detail
            });
        },

        cancelSelfPay() {
            let selfPayChecked = this.selfPayChecked;
            if (selfPayChecked == true) {
                uni.setStorageSync('selfPayChecked', true);
            }
            this.setData({
                selfPayShow: false
            });
        },

        cancelSpreadPay() {
            let spreadPayChecked = this.spreadPayChecked;
            if (spreadPayChecked == true) {
                uni.setStorageSync('spreadPayChecked', true);
            }
            this.setData({
                spreadPayShow: false
            });
        },

        goSelfPay() {
            let selfPayChecked = uni.getStorageSync('selfPayChecked');
            if (selfPayChecked != true) {
                this.setData({
                    selfPayShow: true
                });
            } else {
                this.addFast();
            }
        },

        goSpread() {
            let spreadPayChecked = uni.getStorageSync('spreadPayChecked');
            console.log(spreadPayChecked);
            if (spreadPayChecked != true) {
                this.setData({
                    spreadPayShow: true
                });
            } else {
                // wx.navigateTo({
                //   url: '/pages/goods/goodsPoster/goodsPoster?goodsId='+this.data.goods.id,
                // })
                this.createPoster();
            }
        },

        posterCopy() {
            let that = this;
            uni.setClipboardData({
                data: that.myqr_ads,
                success: function (res) {
                    uni.getClipboardData({
                        success: function (res) {
                            uni.showToast({
                                title: '文案复制成功',
                                icon: 'success',
                                duration: 2000
                            });
                            // that.hidePoster();
                        }
                    });
                }
            });
        },

        hidePoster() {
            this.setData({
                myqr_show: false,
                myqr_blur: 100,
                myqr_bottom_btn: 'fixed'
            });
        },

        createPoster() {
            uni.showLoading({
                title: '生成中'
            });
            uni.pageScrollTo({
                scrollTop: 0
            });
            if (this.myqr_url != null) {
                uni.hideLoading();
                this.setData({
                    myqr_show: true,
                    myqr_blur: 25,
                    myqr_bottom_btn: 'unset'
                });
                return;
            }
            util.request(
                api.QrGoodsCodeCreate,
                {
                    goods_id: this.goods.id
                },
                'POST'
            ).then((res) => {
                uni.hideLoading();
                if (res.errno == 0) {
                    this.setData({
                        myqr_url: res.data.imgUrl,
                        myqr_ads: res.data.ads,
                        myqr_show: true,
                        myqr_blur: 25,
                        myqr_bottom_btn: 'unset'
                    });
                } else {
                    util.showErrorToast('未设置分享图');
                }
            });
        },

        goSaveQrcode: function () {
            //保存二维码图片
            let that = this;
            console.info(that.myqr_url);
            uni.downloadFile({
                url: that.myqr_url,
                success: function (res) {
                    if (res.statusCode === 200) {
                        let img = res.tempFilePath;
                        uni.saveImageToPhotosAlbum({
                            filePath: img,
                            success(res) {
                                that.goCloseMyqr('个人专属二维码图片已保存到您的相册');
                            },
                            fail(res) {
                                that.goCloseMyqr('网络或授权问题 图片保存失败 请重试');
                            }
                        });
                    } else {
                        that.goCloseMyqr('网络或授权问题 图片保存失败 请重试');
                    }
                },
                fail(res) {
                    that.goCloseMyqr('网络或授权问题 图片保存失败 请重试');
                }
            });
        },

        goCloseMyqr: function (msg) {
            //关闭分享图片的弹层
            this.hidePoster();
            if (msg) {
                uni.showToast({
                    title: msg,
                    icon: 'none',
                    duration: 3000
                });
            }
        },

        reSelfPay() {
            let selfPayChecked = this.selfPayChecked;
            if (selfPayChecked == true) {
                uni.setStorageSync('selfPayChecked', true);
            }
            this.setData({
                selfPayShow: false
            });
            this.addFast();
        },

        reSpread() {
            // let spreadPayChecked = this.data.spreadPayChecked;
            // if (spreadPayChecked == true) {
            //   wx.setStorageSync('spreadPayChecked', true);
            // }
            this.setData({
                spreadPayShow: false
            });
            this.createPoster();
            //  wx.navigateTo({
            //    url: '/pages/goods/goodsPoster/goodsPoster?goodsId='+this.data.goods.id,
            //  })
        },

        goMemberCenter() {
            if (!app.globalData.hasLogin) {
                uni.navigateTo({
                    url: '/pages/auth/login/login'
                });
                return;
            } else {
                uni.navigateTo({
                    url: '/pages/member/memberCenter/memberCenter'
                });
            }
        },

        bindGoodsNumInput(e) {
            this.setData({
                plusNum: e.detail.value
            });
            this.setData({
                totalPrice: Number(Number(this.finallyPrice) + Number(this.goods.unitPrice) * Number(this.plusNum)).toFixed(2)
            });
        },

        minusNum() {
            if (this.plusNum == this.minNum) {
                return false;
            } else {
                let result = Number(this.plusNum) - 1;
                // this.setData({
                //   plusNum:(result==0?'0':result)
                // });
                // 加购类
                if (this.goods.productType == 3) {
                    let currentAdd = this.productList.filter((item) => {
                        return item.unitIncreaseNumber == result;
                    });
                    if (currentAdd.length >= 1) {
                        let amount = currentAdd[0].price;
                        this.setData({
                            checkedSku: currentAdd[0],
                            plusNum: result,
                            addPurchaseAmount: amount,
                            totalPrice: Number(Number(amount) - Number(this.couponPrice)).toFixed(2)
                            // totalPrice:Number(Number(this.data.finallyPrice)+Number(this.data.goods.unitPrice)*Number(this.data.plusNum)).toFixed(2)
                        });
                    } else {
                        uni.showToast({
                            title: '当前加购数量无效',
                            icon: 'none'
                        });
                    }
                    // this.setData({
                    //   addPurchaseAmount:amount,
                    //   totalPrice:Number(Number(this.data.finallyPrice)+Number(amount)).toFixed(2),
                    //   // totalPrice:Number(Number(this.data.finallyPrice)+Number(this.data.goods.unitPrice)*Number(this.data.plusNum)).toFixed(2)
                    // });
                } else if (this.goods.type == 4) {
                    console.log(this.checkedSku.price * this.plusNum);
                    console.log(this.checkedSku.price * this.plusNum - this.couponPrice);
                    //  补差类
                    this.setData({
                        plusNum: result,
                        totalPrice: Number(this.checkedSku.price * result - this.couponPrice).toFixed(2)
                    });
                }
            }
        },

        addNum() {
            if (this.goods.unitMaximum && this.plusNum >= this.goods.unitMaximum) {
                return false;
            } else {
                let result = Number(this.plusNum) + 1;

                // 加购类
                if (this.goods.productType == 3) {
                    let currentAdd = this.productList.filter((item) => {
                        return item.unitIncreaseNumber == result;
                    });
                    if (currentAdd.length >= 1) {
                        let amount = currentAdd[0].price;
                        this.setData({
                            checkedSku: currentAdd[0],
                            plusNum: result,
                            addPurchaseAmount: amount,
                            totalPrice: Number(Number(amount) - Number(this.couponPrice)).toFixed(2)
                            // totalPrice:Number(Number(this.data.finallyPrice)+Number(this.data.goods.unitPrice)*Number(this.data.plusNum)).toFixed(2)
                        });
                    } else {
                        uni.showToast({
                            title: '此加购数量无效',
                            icon: 'none'
                        });
                        //   this.setData({
                        //    plusNum:0,
                        //    addPurchaseAmount:0,
                        //    finallyPrice:Number(this.data.checkedSku.price-this.data.couponPrice).toFixed(2)
                        //  });
                    }
                    //  this.setData({
                    //    addPurchaseAmount:amount,
                    //    totalPrice:Number(Number(this.data.finallyPrice)+Number(amount)).toFixed(2)
                    //    totalPrice:Number(Number(this.data.finallyPrice)+Number(this.data.goods.unitPrice)*Number(this.data.plusNum)).toFixed(2)
                    //  });
                } else if (this.goods.type == 4) {
                    // 补差类
                    console.log(this.checkedSku.price * this.plusNum);
                    console.log(this.checkedSku.price * this.plusNum - this.couponPrice);
                    this.setData({
                        plusNum: result,
                        totalPrice: Number(this.checkedSku.price * result - this.couponPrice).toFixed(2)
                    });
                }
            }
        },

        goWholeEval() {
            uni.navigateTo({
                url: '/pages/goods/wholeEvaluation/wholeEvaluation?id=' + this.id
            });
        },

        onSkuClose() {
            this.setData({
                chooseSkuVisible: false
            });
        },

        showSkuPopup() {
            this.setData({
                chooseSkuVisible: true,
                currentSku: this.checkedSku,
                activeSku: this.checkedSku.id
            });
        },

        selectSku(e) {
            let id = e.currentTarget.dataset.id;
            let index = e.currentTarget.dataset.index;
            this.setData({
                activeSku: id,
                currentSku: this.productList[index],
                checkedSku: this.productList[index]
            });
            this.setData({
                finallyPrice: Number(this.checkedSku.price - this.couponPrice).toFixed(2)
            });
            // this.setData({
            //   totalPrice:Number(Number(this.data.finallyPrice)+Number(this.data.goods.unitPrice)*Number(this.data.plusNum)).toFixed(2)
            // });
            if (this.goods.type == 4) {
                this.setData({
                    totalPrice: Number(this.checkedSku.price * this.plusNum - this.couponPrice).toFixed(2)
                });
            } else {
                this.setData({
                    totalPrice: Number(this.checkedSku.price - this.couponPrice).toFixed(2)
                });
            }
        },

        confSku() {
            this.setData({
                checkedSku: this.currentSku,
                chooseSkuVisible: false
            });
        },

        stopClick() {}
    }
};
</script>
<style>
.myqr {
    position: absolute;
    z-index: 999;
    width: 100%;
    text-align: center;
    height: auto;
    margin-top: 50rpx;
}

.myqr .cancel {
    width: 60rpx;
    height: 60rpx;
    margin-top: 30rpx;
    margin-left: 480rpx;
}

.myqr .img {
    width: 480rpx;
}

.myqr .btn {
    width: 120rpx;
    height: 120rpx;
    line-height: 120rpx;
    margin-top: 20rpx;
    padding: 30rpx;
    background: #ffffff;
    border-radius: 60rpx;
}
page {
    background: #f3f3f3;
}
.container {
    padding-bottom: 180rpx;
    position: relative;
    /* margin-bottom: 100rpx; */
}

.user_column_item_image {
    width: 50rpx;
    height: 50rpx;
    margin-right: 26rpx;
    margin-top: 25rpx;
}

.flexb {
    width: 750rpx;
    height: 88rpx;
    line-height: 103rpx;
    padding-right: 31.25rpx;
    border-bottom: 1px solid #f4f4f4;
    font-size: 30rpx;
    color: #333;
    background: #fff;
    display: flex;
    flex-wrap: nowrap;
}

.flex {
    flex-grow: 1;
    text-align: center;
}

.show {
    width: 750rpx;
    height: 88rpx;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
}

.show .t {
    float: left;
    width: 600rpx;
    height: 88rpx;
    line-height: 88rpx;
    font-size: 29rpx;
    color: #333;
    margin-left: 31.25rpx;
}

.show .t .s {
    font-weight: 600;
}

.show .i {
    float: right;
    width: 52rpx;
    height: 52rpx;
    margin-right: 16rpx;
    margin-top: 28rpx;
}

.mark-img {
    width: 168rpx;
    height: 68rpx;
    right: 5rpx;
    position: absolute;
    top: 5rpx;
}

.goodsimgs {
    width: 750rpx;
    /* height: 492rpx; */
    height: 490rpx;
}

.goodsimgs image {
    width: 750rpx;
    /* height: 326rpx; */
    height: 490rpx;
}

.commodity_screen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.2;
    overflow: hidden;
    z-index: 1000;
    color: #fff;
}

.commodity_attr_box {
    width: 100%;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 2000;
    background: #fff;
    padding-top: 20rpx;
}

/* 活动样式 */
.activity {
    width: 750rpx;
    height: 145rpx;
    background: linear-gradient(67deg, #4f43dd, #689cf2, #ba64e2);
    display: flex;
    flex-direction: column;
    padding: 20rpx 30rpx;
}

.activity .img {
    background-image: url('https://7a68-zhaijieshi-3guecm78383ca692-1307626841.tcb.qcloud.la/activity/activity.png');
    width: 139rpx;
    height: 32rpx;
    background-size: 100% 100%;
    color: #5244dd;
    font-size: 23rpx;
    text-align: center;
}

.activityDay {
    line-height: 42rpx;
    margin-right: 30rpx;
    display: flex;
    height: 42rpx;
}

.activityDay image {
    width: 42rpx;
    height: 42rpx;
    margin-right: 10rpx;
}

.activityDay text {
    font-size: 24rpx;
    color: #f4f4f4;
}

.activityPrice {
    color: #ffffff;
}

.activityPrice text {
    font-size: 49rpx;
    font-weight: bold;
}

.activityCounterPrice {
    color: #c7c7c7;
    text-decoration: line-through;
    font-size: 24rpx;
    margin-top: 20rpx;
    margin-left: 10rpx;
}

.activityTime {
    display: flex;
    flex-direction: row;
    margin-right: 50rpx;
}

.activityTime text {
    color: #ffffff;
    line-height: 45rpx;
}

.activityTime view {
    width: 45rpx;
    height: 45rpx;
    background: #ffffff;
    border-radius: 5rpx;
    margin: 5rpx;
    line-height: 45rpx;
    text-align: center;
    font-size: 25rpx;
    font-weight: bold;
    color: #b563e1;
}

.activityTime .mark {
}

.goods-info {
    width: 750rpx;
    /*height: 306rpx;*/
    overflow: hidden;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
}

.goods-info .c {
    display: block;
    width: 718.75rpx;
    height: 182rpx;
    margin-left: 31.25rpx;
    padding: 3rpx 31.25rpx 20rpx 0;
}

.goods-info .c text {
    /* display: block;
  width: 687.5rpx;
  text-align: left; */
}

.goods_name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 10rpx;
    display: flex;
    align-items: center;
}

.goods_name_left {
    font-weight: 550;
    margin-left: 0rpx;
    font-size: 36rpx;
    letter-spacing: 1rpx;
    color: #2a2a2a;
    font-weight: bold;
    width: 688rpx;
    white-space: pre-wrap;
}

.goods_name_right {
    font-weight: 550;
    /* top: 375px; */
    width: 80rpx;
    height: 80rpx;
    line-height: 82rpx;
    /* padding: 0;
  margin: 0;
  right: 10rpx; */
    margin-right: 0rpx;
    text-align: center;
    font-size: 25rpx;
    background-color: #09afff;
    border-radius: 40rpx;
    letter-spacing: 3rpx;
    /* position: absolute; */
}

.goods_name_right .img {
    width: 50rpx;
    height: 50rpx;
    margin-top: 15rpx;
}

.goods_name_right .txt {
    margin-top: 5rpx;
    font-size: 18rpx;
    color: #000000;
    border: 1rpx solid;
}

.goods-info .desc {
    margin: 12rpx 0;
    font-size: 24rpx;
    line-height: 36rpx;
    width: 640rpx;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.goods-info .price {
    height: 60rpx;
    display: flex;
    /* margin-top: 20rpx; */
    align-items: flex-end;
}

.goods-info .counterPrice {
    padding-left: 5rpx;
    text-decoration: line-through;
    font-size: 24rpx;
    margin-top: 15rpx;
    margin-left: 10rpx;
    color: #85868a;
}

.goods-info .retailPrice {
    height: 49rpx;
    line-height: 44rpx;
    /* color: #5DB5E7; */
    color: #ff2958;
}

.goods-info .memberPrice {
    font-size: 26rpx;
    color: #dd483e;
    margin: 0 10rpx 0 20rpx;
}

.member-price-tag {
    width: 88rpx;
    height: 26rpx;
    line-height: 26rpx;
    background: url('https://mall.zhaijieshi.cc/file/jzmall/weixin/member/member-price-bg.png') no-repeat center center;
    background-size: 100% 100%;
    color: #5e3a11;
    font-size: 16rpx;
    padding: 0 8rpx 0 0;
    text-align: right;
    margin: 0 0 6rpx 0;
}

.member-price-tag.spread-tag {
    margin-left: 20rpx;
    background-image: url('https://mall.zhaijieshi.cc/file/jzmall/weixin/member/spread-price-bg.png');
    width: 122rpx;
}

.goods-info .retailPrice text.checked-price {
    font-size: 48rpx;
    font-weight: bold;
    margin-left: 3rpx;
    color: #ff2958;
}

.goods-info .brand {
    margin-top: 5rpx;
    min-height: 34rpx;
    text-align: left;
}

.goods-info .brand text {
    display: inline-block;
    width: auto;
    padding: 2px 0rpx 2px 0.5rpx;
    line-height: 32.5rpx;
    /*border: 1px solid #f48f18;color: #f48f18;*/
    font-size: 22rpx;
    color: #a98f76;
    /*border-radius: 4rpx;*/
    background-size: 10.75rpx 18.75rpx;
}

.section-nav {
    width: 750rpx;
    height: 108rpx;
    background: #fff;
    margin-bottom: 20rpx;
}

.section-nav .t {
    float: left;
    width: 600rpx;
    height: 108rpx;
    line-height: 108rpx;
    font-size: 29rpx;
    color: #333;
    margin-left: 31.25rpx;
}

.section-nav .i {
    float: right;
    width: 52rpx;
    height: 52rpx;
    margin-right: 16rpx;
    margin-top: 28rpx;
}

.section-act .t {
    float: left;
    display: flex;
    align-items: center;
    width: 600rpx;
    height: 108rpx;
    overflow: hidden;
    line-height: 108rpx;
    font-size: 29rpx;
    color: #999;
    margin-left: 31.25rpx;
}

.section-act .label {
    color: #999;
}

.section-act .tag {
    display: flex;
    align-items: center;
    padding: 0 10rpx;
    border-radius: 3px;
    height: 37rpx;
    width: auto;
    color: #f48f18;
    overflow: hidden;
    border: 1px solid #f48f18;
    font-size: 25rpx;
    margin: 0 10rpx;
}

.section-act .text {
    display: flex;
    align-items: center;
    height: 37rpx;
    width: auto;
    overflow: hidden;
    color: #f48f18;
    font-size: 29rpx;
}

.comments {
    width: 100%;
    height: auto;
    padding-left: 30rpx;
    background: #fff;
    margin: 20rpx 0;
}

.comments .h {
    height: 102.5rpx;
    line-height: 100.5rpx;
    width: 718.75rpx;
    padding-right: 16rpx;
}

.comments .h .t {
    display: block;
    float: left;
    width: 50%;
    font-size: 30rpx;
    color: #333;
}

.comments .h .i {
    display: block;
    float: right;
    width: 164rpx;
    height: 100.5rpx;
    line-height: 100.5rpx;
    background-size: 52rpx;
}

.comments .b {
    height: auto;
    width: 720rpx;
}

.comments .item {
    height: auto;
    width: 720rpx;
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
}

.comments .info {
    height: 127rpx;
    width: 100%;
    padding: 33rpx 0 27rpx 0;
}

.comments .user {
    float: left;
    width: auto;
    height: 67rpx;
    line-height: 67rpx;
    font-size: 0;
}

.comments .user image {
    float: left;
    width: 67rpx;
    height: 67rpx;
    margin-right: 17rpx;
    border-radius: 50%;
}

.comments .user text {
    display: inline-block;
    width: auto;
    height: 66rpx;
    overflow: hidden;
    font-size: 29rpx;
    line-height: 66rpx;
}

.comments .time {
    display: block;
    float: right;
    width: auto;
    height: 67rpx;
    line-height: 67rpx;
    color: #7f7f7f;
    font-size: 25rpx;
    margin-right: 30rpx;
}

.comments .content {
    width: 720rpx;
    padding-right: 30rpx;
    line-height: 45.8rpx;
    font-size: 29rpx;
    margin-bottom: 24rpx;
}

.comments .imgs {
    width: 720rpx;
    height: auto;
    margin-bottom: 25rpx;
}

.comments .imgs .img {
    height: 150rpx;
    width: 150rpx;
    margin-right: 28rpx;
}

.comments .spec {
    width: 720rpx;
    padding-right: 30rpx;
    line-height: 30rpx;
    font-size: 24rpx;
    color: #999;
    margin-bottom: 30rpx;
}

.comments .customer-service {
    width: 690rpx;
    height: auto;
    overflow: hidden;
    margin-top: 23rpx;
    margin-bottom: 23rpx;
    background: rgba(0, 0, 0, 0.03);
    padding: 21rpx;
}

.comments .customer-service .u {
    font-size: 24rpx;
    color: #333;
    line-height: 37.5rpx;
}

.comments .customer-service .c {
    font-size: 24rpx;
    color: #999;
    line-height: 37.5rpx;
}

.goods-attr {
    width: 750rpx;
    height: auto;
    overflow: hidden;
    padding: 0 31.25rpx 25rpx 31.25rpx;
    background: #fff;
}

.goods-attr .t {
    width: 687.5rpx;
    height: 104rpx;
    line-height: 104rpx;
    font-size: 38.5rpx;
}

.goods-attr .item {
    width: 687.5rpx;
    height: 68rpx;
    padding: 11rpx 20rpx;
    margin-bottom: 11rpx;
    background: #f7f7f7;
    font-size: 38.5rpx;
}

.goods-attr .left {
    float: left;
    font-size: 25rpx;
    width: 134rpx;
    height: 45rpx;
    line-height: 45rpx;
    overflow: hidden;
    color: #999;
}

.goods-attr .right {
    float: left;
    font-size: 36.5rpx;
    margin-left: 20rpx;
    width: 480rpx;
    height: 45rpx;
    line-height: 45rpx;
    overflow: hidden;
    color: #333;
}

.detail {
    width: 750rpx;
    height: auto;
    overflow: hidden;
    /* padding-bottom: 160rpx; */
}

.detail image {
    width: 750rpx;
    /* display: block; */
}

.common-problem {
    width: 750rpx;
    height: auto;
    overflow: hidden;
}

.common-problem .h {
    position: relative;
    height: 145.5rpx;
    width: 750rpx;
    padding: 56.25rpx 0;
    background: #fff;
    text-align: center;
}

.common-problem .h .line {
    display: inline-block;
    position: absolute;
    top: 72rpx;
    left: 0;
    z-index: 2;
    height: 1px;
    margin-left: 225rpx;
    width: 300rpx;
    background: #ccc;
}

.common-problem .h .title {
    display: inline-block;
    position: absolute;
    top: 56.125rpx;
    left: 0;
    z-index: 3;
    height: 33rpx;
    margin-left: 285rpx;
    width: 180rpx;
    background: #fff;
}

.common-problem .b {
    width: 750rpx;
    height: auto;
    overflow: hidden;
    padding: 0rpx 30rpx;
    background: #fff;
}

.common-problem .item {
    height: auto;
    overflow: hidden;
    padding-bottom: 25rpx;
}

.common-problem .question-box .spot {
    float: left;
    display: block;
    height: 8rpx;
    width: 8rpx;
    background: #b4282d;
    border-radius: 50%;
    margin-top: 11rpx;
}

.common-problem .question-box .question {
    float: left;
    line-height: 30rpx;
    padding-left: 8rpx;
    display: block;
    font-size: 26rpx;
    padding-bottom: 15rpx;
    color: #303030;
}

.common-problem .answer {
    line-height: 36rpx;
    padding-left: 16rpx;
    font-size: 26rpx;
    color: #787878;
}

.related-goods {
    width: 750rpx;
    height: auto;
    overflow: hidden;
    padding-bottom: 80rpx;
}

.related-goods .h {
    position: relative;
    height: 145.5rpx;
    width: 750rpx;
    padding: 56.25rpx 0;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #f4f4f4;
}

.related-goods .h .line {
    display: inline-block;
    position: absolute;
    top: 72rpx;
    left: 0;
    z-index: 2;
    height: 1px;
    margin-left: 225rpx;
    width: 300rpx;
    background: #ccc;
}

.related-goods .h .title {
    display: inline-block;
    position: absolute;
    top: 56.125rpx;
    left: 0;
    z-index: 3;
    height: 33rpx;
    margin-left: 285rpx;
    width: 180rpx;
    background: #fff;
}

.related-goods .b {
    width: 750rpx;
    height: auto;
    overflow: hidden;
}

.related-goods .b .item {
    float: left;
    background: #fff;
    width: 375rpx;
    height: auto;
    overflow: hidden;
    text-align: center;
    padding: 15rpx 31.25rpx;
    border-right: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

.related-goods .item .img {
    width: 311.45rpx;
    height: 311.45rpx;
}

.related-goods .item .name {
    display: block;
    width: 311.45rpx;
    height: 35rpx;
    margin: 11.5rpx 0 15rpx 0;
    text-align: center;
    overflow: hidden;
    font-size: 30rpx;
    color: #333;
}

.related-goods .item .price {
    display: block;
    width: 311.45rpx;
    height: 30rpx;
    text-align: center;
    font-size: 30rpx;
    color: #b4282d;
}

.bottom-btn .l {
    /* flex: 2;
  float: left;
  height: 150rpx;
  width: 162rpx; */
    /* display: flex; */
}

.bottom-btn .l.l-collect {
    border-right: none;
    border-left: none;
    text-align: center;
    padding-left: 30rpx;
    /* width: 100rpx;  */
}

.bottom-btn .l.l-collect .icon {
    font-size: 40rpx;
}

.bottom-btn .l.l-collect text {
    /* position: absolute;
  top: 80rpx;
  left: 30rpx; 
  font-size: 22rpx; */
}

.bottom-btn .l.l-kefu {
    border-right: none;
    border-left: none;
    text-align: center;
    /* width:60rpx; */
    /* position: relative; */
}

.contact-block {
    position: relative;
}

.bottom-btn .l.l-kefu .icon {
    position: absolute;
    font-size: 44rpx;
    top: 20rpx;
}

.bottom-btn .l.l-kefu text {
    /* position: absolute;
  top: 60rpx; 
  font-size: 22rpx; */
}

.bottom-btn .l.l-cart .box {
    position: relative;
    height: 80rpx;
    width: 70rpx;
}

.bottom-btn .l.l-cart .box .txt {
    position: absolute;
    top: 50rpx;
    font-size: 22rpx;
}

.bottom-btn .l.l-cart .cart-count {
    height: 28rpx;
    width: 28rpx;
    z-index: 10;
    position: absolute;
    top: 0;
    right: 0;
    background: #b4282d;
    text-align: center;
    font-size: 18rpx;
    color: #fff;
    line-height: 28rpx;
    border-radius: 50%;
}

.bottom-btn .l.l-cart .icon {
    position: absolute;
    top: 10rpx;
    left: 0;
    font-size: 44rpx;
}

.collect-wrapper,
.service-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.collect-text {
    margin: 10rpx 0 0;
}

.bottom-btn {
    position: fixed;
    left: 0rpx;
    bottom: 0;
    z-index: 10;
    width: 750rpx;
    min-height: 110rpx;
    background: #fff;
    padding: 12rpx 24rpx 18rpx;
    z-index: 9999;
    display: flex;
    /* align-items: center; */
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
    box-shadow: 4rpx -8rpx 16rpx 2rpx rgba(201, 205, 207, 0.25);
    /* box-sizing: content-box; */
}

.bottom-btn .contact-block {
    height: 80rpx;
    width: 130rpx;
    position: relative;
    overflow: hidden;
    margin-right: 10rpx;
}

.contact-btn {
    height: 80rpx;
    width: 130rpx;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    opacity: 0;
}

.contact-wrapper {
    width: 130rpx;
    height: 80rpx;
    border: 2rpx solid #b3b4b6;
    border-radius: 14rpx;
    /* width: 120rpx; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    padding: 4rpx 0;
}

.contact-img {
    width: 24rpx;
    height: 24rpx;
    margin-right: 8rpx;
    /* margin-bottom: 10rpx; */
}

.contact-wrapper .text {
    font-size: 28rpx;
    font-weight: bold;
    color: #000;
    height: 40rpx;
    line-height: 40rpx;
}

.bottom-btn .share {
    width: 280rpx;
    background: #fff;
    height: 82rpx;
    font-size: 30rpx;
    font-weight: bold;
    color: #09afff;
    text-align: center;
    line-height: 82rpx;
    border: 2rpx solid #09afff;
    border-radius: 82rpx 0rpx 0 82rpx;
}

.bottom-btn .c {
    width: 294rpx;
    text-align: center;
    height: 80rpx;
    line-height: 80rpx;
    background: #fe2b54;
    border-radius: 15rpx;
    color: #ffffff;
    font-size: 30rpx;
}

.dis-order-wrapper {
    width: 452rpx;
    background: #09afff;
    height: 82rpx;
    font-size: 22rpx;
    color: #fff;
    border-radius: 82rpx;
    text-align: center;
    margin-right: 30rpx;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.dis-order-wrapper > view {
    flex: 1;
    text-align: center;
    height: 82rpx;
}

.spread-order {
    background: #fff;
    border-radius: 0 82rpx 82rpx 0;
    border: 1rpx solid #09afff;
    border-left: none;
    line-height: 24rpx;
}

.buy-type {
    font-size: 30rpx;
    font-weight: bold;
    line-height: 30rpx;
    margin: 10rpx 0 4rpx 0;
    overflow: hidden;
}

.bottom-btn .r {
    /*border: 1px solid #f48f18;*/
    background: #09afff;
    float: left;
    height: 100rpx;
    /* line-height: 66rpx; */
    flex: 2;
    text-align: center;
    color: #fff;
    margin-left: 15rpx;
    margin-top: 15rpx;
    margin-bottom: 15rpx;
    border-top-left-radius: 50rpx;
    border-bottom-left-radius: 50rpx;
}

.bottom-btn .r .title {
    font-size: 46rpx;
    height: 56rpx;
    color: #fff;
}

.bottom-btn .r .subtitle {
    font-size: 28rpx;
    color: #fff;
    font-weight: 100;
}

/*  */

.attr-pop-box {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 8;
    bottom: 0;
    /* display: none; */
}

.attr-pop {
    width: 100%;
    height: auto;
    max-height: 780rpx;
    padding: 31.25rpx;
    background: #fff;
    position: fixed;
    z-index: 9;
    bottom: 100rpx;
}

.attr-pop .close {
    position: absolute;
    width: 48rpx;
    height: 48rpx;
    right: 31.25rpx;
    overflow: hidden;
    top: 31.25rpx;
}

.attr-pop .close .icon {
    width: 48rpx;
    height: 48rpx;
}

.attr-pop .img-info {
    width: 687.5rpx;
    height: 177rpx;
    overflow: hidden;
    margin-bottom: 41.5rpx;
}

.attr-pop .img {
    float: left;
    height: 177rpx;
    width: 177rpx;
    background: #f4f4f4;
    margin-right: 31.25rpx;
}

.attr-pop .info {
    float: left;
    height: 177rpx;
    display: flex;
    align-items: center;
}

.attr-pop .p {
    font-size: 33rpx;
    color: #333;
    height: 33rpx;
    line-height: 33rpx;
    margin-bottom: 10rpx;
}

.attr-pop .a {
    font-size: 29rpx;
    color: #333;
    height: 40rpx;
    line-height: 40rpx;
}

.spec-con {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.spec-con .name {
    margin-bottom: 6rpx;
    font-size: 29rpx;
    color: #333;
}

.spec-con .values {
    height: auto;
    margin-bottom: 10rpx;
    font-size: 0;
}

.spec-con .value {
    display: inline-block;
    height: 62rpx;
    padding: 0 35rpx;
    line-height: 56rpx;
    text-align: center;
    margin-right: 25rpx;
    margin-bottom: 16.5rpx;
    border: 1px solid #333;
    font-size: 25rpx;
    color: #333;
}

.spec-con .value.disable {
    border: 1px solid #ccc;
    color: #ccc;
}

.spec-con .value.selected {
    border: 1px solid #b4282d;
    color: #b4282d;
}

.number-item .selnum {
    width: 200rpx;
    /* width: 322rpx; */
    height: 71rpx;
    border: 1px solid #ccc;
    display: flex;
}

.number-item .cut {
    width: 93.75rpx;
    height: 100%;
    text-align: center;
    line-height: 65rpx;
}

.number-item .number {
    flex: 1;
    height: 100%;
    text-align: center;
    line-height: 68.75rpx;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    float: left;
}

.number-item .add {
    width: 93.75rpx;
    height: 100%;
    text-align: center;
    line-height: 65rpx;
}

.contact {
    height: 100rpx;
    width: 100rpx;
    border-radius: 100%;
    position: fixed;
    bottom: 96rpx;
    right: 10rpx;
    font-size: 20rpx;
    box-sizing: border-box;
    /* background: url('../../static/images/customer.png') no-repeat center 21rpx; */
    background-size: 55rpx auto;
}

.share-pop-box {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 8;
    bottom: 0;
    /* display: none; */
}

.share-pop {
    width: 100%;
    height: auto;
    max-height: 780rpx;
    padding: 31.25rpx;
    background: #fff;
    position: fixed;
    z-index: 9;
    bottom: 100rpx;
}

.share-pop .close {
    position: absolute;
    width: 48rpx;
    height: 48rpx;
    right: 31.25rpx;
    top: 31.25rpx;
}

.share-pop .close .icon {
    width: 48rpx;
    height: 48rpx;
}

.share-pop .share-info {
    width: 100%;
    height: 225rpx;
    overflow: hidden;
    margin-bottom: 41.5rpx;
}

.sharebtn {
    top: 75rpx;
    background: none !important;
    font-size: 32rpx;
    color: #fff !important;
    border-radius: 0%;
    width: 175rpx;
    height: 150rpx;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    float: left;
    background: #fff;
    border-bottom: 0px solid #fafafa;
    margin-left: 15%;
}

.sharebtn::after {
    border: none;
    border-radius: 0%;
}

.savesharebtn {
    top: 75rpx;
    background: none !important;
    font-size: 32rpx;
    color: #fff !important;
    border-radius: 0%;
    width: 175rpx;
    height: 150rpx;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    float: right;
    background: #fff;
    border-bottom: 0px solid #fafafa;
    margin-right: 15%;
}

.savesharebtn::after {
    border: none;
    border-radius: 0%;
}

.sharebtn_image {
    /* border: 1px solid #757575; */
    width: 128rpx;
    height: 128rpx;
    margin-top: 0rpx;
}

.sharebtn_text {
    /* border: 1px solid #757575; */
    width: 150rpx;
    margin-bottom: 2rpx;
    height: 20rpx;
    line-height: 20rpx;
    font-size: 20rpx;
    color: #555;
}

.separate {
    background: #e0e3da;
    width: 100%;
    height: 6rpx;
}

/* 新客角标 */
.isNew {
    position: absolute;
    width: 80rpx;
    height: 120rpx;
    right: 30rpx;
    z-index: 999;
}

/* 自购/推广弹框 */
.overlay-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.tips-wrapper {
    width: 588rpx;
    height: 462rpx;
    border-radius: 10rpx;
    background: #fff;
    font-size: 26rpx;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.tips-top {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 40rpx;
}

.tips-title {
    font-size: 34rpx;
    font-weight: bold;
    margin: 66rpx 0 24rpx;
}

.tips-bottom {
    height: 132rpx;
    border-top: 2rpx solid #e4e4e4;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.tips-bottom .btn-devide {
    width: 2rpx;
    height: 130rpx;
    background: #e4e4e4;
}

.cancel-btn {
    width: 202rpx;
    height: 72rpx;
    line-height: 72rpx;
    border: 2rpx solid #85868a;
    color: #282728;
    border-radius: 72rpx;
    text-align: center;
    overflow: hidden;
}

.repay-btn {
    width: 202rpx;
    height: 72rpx;
    line-height: 72rpx;
    background: #09afff;
    color: #fff;
    border-radius: 72rpx;
    text-align: center;
}

.notip-again {
    padding-left: 40rpx;
    display: flex;
    align-items: center;
}

.user-agree {
    /* color:#85868A; */
    font-size: 26rpx;
    margin-left: 8rpx;
}

/* 海报的样式 */
.poster {
    position: absolute;
    top: 20rpx;
    z-index: 99;
    text-align: center;
    left: 0;
    bottom: 0;
    right: 0;
}

.title {
    color: #fff;
    margin: 20rpx 0;
    font-size: 30rpx;
    display: flex;
    justify-content: center;
    text-align: left;
}

.title text {
    width: 480rpx;
}

.ads {
    color: #fff;
    text-align: left;
    margin: 20rpx auto;
    display: flex;
    justify-content: center;
}

.tool {
    display: flex;
    text-align: center;
    justify-content: baseline;
    width: 100%;
    margin-top: 20rpx;
}

.tool view {
    flex: 1;
}

.img {
    width: 107rpx;
    height: 128rpx;
}

.closeImg {
    width: 57rpx;
    height: 57rpx;
}

.share-btn {
    background-color: transparent;
    flex: 1;
}

.share-btn::after {
    border: none;
}
/* 商品价格 销量 */
.goods-info-new {
    margin-top: -8rpx;
    border-radius: 20rpx 20rpx 0 0;
    background: #f3f3f3;
    width: 750rpx;
    /* height:138rpx; */
    padding: 30rpx 24rpx 26rpx;
    position: relative;
    z-index: 99;
    box-sizing: border-box;
}
.price-line {
    height: 38rpx;
    display: flex;
    align-items: flex-end;
}
.price-line .real-price {
    color: #fe2b54;
    font-size: 24rpx;
}
.price-line .real-price text.bold-price {
    font-size: 40rpx;
    font-weight: bold;
    height: 30rpx;
    line-height: 30rpx;
}
.price-line .sale-price {
    color: #999999;
    font-size: 24rpx;
    flex: 1;
    margin-left: 8rpx;
    text-decoration: line-through;
}
.price-line .sale-num {
    color: #acadb1;
    font-size: 24rpx;
}
.goods-coupon {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20rpx;
}
.goods-coupon .goupon-tag {
    height: 30rpx;
    line-height: 30rpx;
    background: rgba(254, 43, 84, 0.1);
    /* opacity: 0.9; */
    border-radius: 5px;
    padding: 0 10rpx;
    margin-right: 10rpx;
    color: #fe2b54;
    font-size: 20rpx;
}

/* 服务 须知 门店 */
.other-info {
    padding: 30rpx 24rpx 16rpx;
    background: #fff;
    border-radius: 24rpx;
    width: 702rpx;
    margin: 0 24rpx;
}
.other-info .name {
    color: #000000;
    font-size: 36rpx;
    line-height: 36rpx;
    font-weight: bold;
    padding-bottom: 12rpx;
}
.other-info .common-info {
    line-height: 36rpx;
    display: flex;
    /* min-height: 52rpx; */
    /* align-items: center; */
    margin-top: 14rpx;
}
.common-info .info-title {
    font-size: 24rpx;
    color: #666;
    margin-right: 26rpx;
}
.common-info .info-content {
    font-size: 24rpx;
    color: #000;
    flex: 1;
}
.common-info image {
    width: 10rpx;
    height: 20rpx;
}

/*  加购数量 */
.num-module {
    width: 702rpx;
    /* height: 174rpx; */
    background: #ffffff;
    border-radius: 24rpx;
    margin: 14rpx 24rpx 28rpx;
    padding: 32rpx 24rpx;
}
.plus-buy {
    height: 30rpx;
    margin: 0 0 28rpx;
    display: flex;
    align-items: center;
}
.num-module .title {
    color: #666;
    font-size: 30rpx;
    /* margin-right:20rpx; */
    width: 80rpx;
}
.plus-buy .plus-name {
    font-size: 30rpx;
    color: #010101;
}
.plus-buy .plus-name text {
    color: #fe2b54;
    font-weight: bold;
}
.plus-num {
    display: flex;
    justify-content: space-between;
    height: 72rpx;
    align-items: center;
}
.calc-counter {
    height: 72rpx;
    border-radius: 72rpx;
    display: flex;
    align-items: center;
    border: 2rpx solid #d2d2d2;
    box-sizing: border-box;
    overflow: hidden;
    line-height: 72rpx;
}
.calc-counter .minus-btn.disable,
.calc-counter .plus-btn.disable {
    color: #d2d2d2;
}
.calc-counter .plus-btn,
.calc-counter .minus-btn {
    width: 82rpx;
    text-align: center;
    color: #666;
    line-height: 72rpx;
    font-weight: bold;
    padding-bottom: 4rpx;
    font-size: 36rpx;
}
.calc-counter .num-input {
    color: #010101;
    font-size: 30rpx;
    border-left: 2rpx solid #d2d2d2;
    border-right: 2rpx solid #d2d2d2;
    width: 72rpx;
    text-align: center;
    height: 72rpx;
}

/* 选择规格 */
.sku-wrapper {
    width: 702rpx;
    background: #ffffff;
    border-radius: 24rpx;
    margin: 16rpx 24rpx 0;
    padding-bottom: 30rpx;
    overflow: hidden;
}
.sku-info {
    height: 90rpx;
    position: relative;
}
.sku-left {
    width: 700rpx;
    overflow: hidden;
    line-height: 90rpx;
    padding-left: 24rpx;
    display: flex;
    align-items: center;
    height: 90rpx;
}
.sku-left view {
    color: #666;
    font-size: 30rpx;
}
.sku-left view.current-sku {
    color: #010101;
    margin-left: 18rpx;
}
.sku-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 90rpx;
    display: flex;
    align-items: center;
    padding-right: 24rpx;
    width: 120rpx;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.3), #fff 60%);
    /* background:url("https://jzmall.lifejingzhi.com/file/jzmall/weixin/sku-bg.png") no-repeat center;
	background-size: 100% 100%; */
    z-index: 99;
    justify-content: flex-end;
}
.sku-right image {
    width: 10rpx;
    height: 20rpx;
}
.all-sku {
    display: flex;
    flex-wrap: wrap;
    padding: 0 30rpx 0 98rpx;
}
.all-sku .sku-thumb {
    width: 70rpx;
    height: 70rpx;
    border-radius: 10rpx;
    margin-right: 14rpx;
}
.all-sku view {
    font-size: 24rpx;
    color: #666;
    line-height: 70rpx;
    margin-left: 24rpx;
}
/* 团购评价 */
.group-evaluation {
    width: 702rpx;
    background: #ffffff;
    border: 1rpx solid #f5f5f5;
    border-radius: 25rpx;
    padding: 30rpx 24rpx 0;
    margin: 16rpx 24rpx;
}
.group-evaluation .title {
    height: 40rpx;
    line-height: 40rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.group-evaluation .title .left {
    font-size: 32rpx;
    line-height: 40rpx;
    color: #000;
    font-weight: bold;
    flex: 1;
}
.group-evaluation .title .right {
    color: #666;
    font-size: 28rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.group-evaluation .arrow-img {
    width: 12rpx;
    height: 20rpx;
    margin-left: 6rpx;
}
.evaluation-item {
    padding: 30rpx 8rpx 30rpx 0;
    padding-right: 8rpx;
    border-bottom: 1rpx solid #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.evaluation-item:last-child {
    border: none;
}
.evaluation-item .item-left {
    width: 510rpx;
}
.eval-top {
    display: flex;
    height: 44rpx;
    align-items: center;
}
.eval-top .avatar {
    width: 44rpx;
    height: 44rpx;
    border-radius: 44rpx;
}
.eval-top .name {
    margin: 0 10rpx;
    font-size: 28rpx;
    color: #000;
}
.eval-top .tag {
    height: 38rpx;
    line-height: 38rpx;
    background: rgba(1, 187, 243, 0.1);
    border-radius: 10rpx;
    color: #01bbf3;
    font-size: 24rpx;
    padding: 0 12rpx;
    margin-right: 10rpx;
}
.eval-top .hp {
    height: 38rpx;
    line-height: 38rpx;
    background: rgba(255, 71, 71, 0.1);
    border-radius: 10rpx;
    color: #ff5252;
    font-size: 24rpx;
    padding: 0 12rpx;
}
.eval-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 36rpx;
    margin-top: 8rpx;
    font-size: 26rpx;
    color: #333;
}
.evaluation-item .item-right {
    width: 100rpx;
    height: 100rpx;
}
.evaluation-item .item-right image {
    width: 100rpx;
    height: 100rpx;
    border-radius: 10rpx;
}
/* 产品推荐 */
.recommend-title {
    height: 103rpx;
    line-height: 102rpx;
    text-align: center;
    color: #000000;
    font-size: 33rpx;
    /* margin-top:-20rpx; */
}
.recommend-list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 702rpx;
    margin: 0 24rpx;
}
.recommend-item {
    width: 334rpx;
    height: 510rpx;
    background: #ffffff;
    border-radius: 20rpx;
    display: flex;
    flex-direction: column;
    margin: 0 0 20rpx;
}
.recommend-item image {
    width: 334rpx;
    height: 334rpx;
    margin-bottom: 20rpx;
    border-radius: 20rpx;
}
.recommend-goods-name {
    font-size: 26rpx;
    line-height: 40rpx;
    height: 80rpx;
    width: 294rpx;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 20rpx;
    /* text-indent: -12rpx; */
    color: #333;
}
.recommend-goods-price {
    color: #fe2957;
    font-size: 28rpx;
    margin: 10rpx 20rpx 0;
    height: 56rpx;
}
.recommend-goods-price text {
    font-size: 36rpx;
}

/* 购买提醒 */
.buy-toast {
    height: 44rpx;
    min-width: 284rpx;
    position: absolute;
    top: 410rpx;
    left: 24rpx;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 45rpx;
}
.toast-swiper {
    height: 44rpx;
    width: 320rpx;
}

.toast-item {
    align-items: center;
    display: flex;
    height: 44rpx;
    padding: 0 14rpx 0 10rpx;
}
.toast-item image {
    width: 28rpx;
    height: 28rpx;
    border-radius: 28rpx;
    margin-right: 8rpx;
}
.toast-item view {
    font-size: 24rpx;
    color: #fff;
    white-space: nowrap;
}
/* 规格弹框 */
.appoint-overlay-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: flex;
    align-items: flex-end;
}

.spu-popup {
    /* height: 784rpx; */
    width: 750rpx;
    background: #fff;
    padding: 30rpx 30rpx;
    border-radius: 20rpx 20rpx 0 0;
}
.popup-good {
    height: 130rpx;
    display: flex;
    padding: 0 0 30rpx 0;
    border-bottom: 1rpx solid #eee;
    justify-content: space-between;
}
.popup-good .left {
    display: flex;
    align-items: flex-end;
}
.popup-good .left image {
    width: 100rpx;
    height: 100rpx;
    border-radius: 10rpx;
}
.popup-good .spu-price {
    color: #ff1643;
    font-size: 34rpx;
    font-weight: bold;
    margin: 0 14rpx 0 20rpx;
    line-height: 30rpx;
}
.popup-good .spu-price text {
    font-size: 48rpx;
}
.popup-good .spu-price-old {
    text-decoration: line-through;
    color: #999999;
    font-size: 24rpx;
}
.popup-good .sku-close {
    width: 48rpx;
    height: 48rpx;
}
.sku-list-block {
    min-height: 420rpx;
    padding-bottom: 180rpx;
}
.sku-list-block .spu-title {
    height: 86rpx;
    line-height: 86rpx;
    font-weight: bold;
    font-size: 28rpx;
}
.sku-list-block .sku-item {
    margin-bottom: 24rpx;
}
.sku-list-block .sku-item view {
    padding: 0 24rpx;
    height: 50rpx;
    line-height: 48rpx;
    border: 1rpx solid #999999;
    border-radius: 10rpx;
    color: #333;
    font-size: 24rpx;
    display: inline-block;
}
.sku-list-block .sku-item.active-sku view {
    color: #00c0ff;
    background: rgba(1, 187, 243, 0.1);
    border-color: #00c0ff;
}
.sku-btn {
    width: 690rpx;
    height: 880rpx;
    border-radius: 88rpx;
    line-height: 88rpx;
    text-align: center;
    color: #ffff;
    /* background: #00B9FF; */
    background: #fe2b54;
    font-size: 32rpx;
}
.final-price {
    flex: 1;
    display: flex;
    align-items: center;
    height: 80rpx;
    margin-left: 12rpx;
}
.final-price .total-new {
    color: #ff1643;
    font-size: 32rpx;
}
.final-price .total-new text {
    font-size: 46rpx;
    font-weight: bold;
}
.final-price .total-old {
    text-decoration: line-through;
    font-size: 24rpx;
    color: #999;
    margin-left: 12rpx;
    padding-top: 10rpx;
}
/* 关联工单 */
.service-list {
    margin: 0 24rpx;
}
.service-item {
    margin-top: 24rpx;
    background: #ffffff;
    border-radius: 24rpx;
    width: 702rpx;
    padding: 0 24rpx;
}
.order-title {
    height: 100rpx;
    line-height: 100rpx;
    font-weight: bold;
    color: #000;
    font-size: 32rpx;
    border-bottom: 2rpx solid #e0e0e0;
}
.service-item .service-title {
    height: 80rpx;
    display: flex;
    align-items: center;
    border-bottom: 2rpx solid #e0e0e0;
}
.service-title .sercive-name {
    color: #191919;
    font-size: 30rpx;
    font-weight: bold;
}
.service-title .service-id {
    color: #666666;
    font-size: 24rpx;
    margin: 0 12rpx 0 0;
    flex: 1;
}
.service-title .service-status {
    color: #008dff;
    font-size: 26rpx;
}
.service-main {
    padding: 12rpx 0 16rpx;
}
.customer-info {
    display: flex;
    align-items: center;
}
.customer-info image {
    width: 48rpx;
    height: 48rpx;
    margin-right: 24rpx;
}
.customer-info .customer-main {
    display: flex;
    padding: 18rpx 0 4rpx;
    flex-direction: column;
    flex: 1;
}
.main-line {
    display: flex;
    height: 44rpx;
    margin-bottom: 4rpx;
    align-items: center;
}
.main-line view {
    color: #333333;
    font-size: 32rpx;
}
.main-line view.phone {
    color: #999999;
    font-size: 24rpx;
    margin-left: 14rpx;
}
.customer-info .customer-address {
    color: #666666;
    line-height: 40rpx;
}
.service-main .row {
    /* height: 56rpx;
  line-height: 56rpx; */
    display: flex;
    color: rgba(0, 0, 0, 0.9);
    font-size: 26rpx;
    font-weight: bold;
    align-items: center;
    margin: 10rpx 0;
}
.service-main .row text {
    color: #666666;
    font-weight: normal;
    /* white-space: nowrap; */
}
.service-remark-wrapper {
    padding: 24rpx 0;
    border-top: 2rpx solid #e0e0e0;
}
.service-store {
    height: 36rpx;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-store > view {
    display: flex;
    height: 36rpx;
    align-items: center;
}
.store-left image {
    width: 36rpx;
    height: 36rpx;
    margin-right: 16rpx;
}
.store-left view {
    color: rgba(0, 0, 0, 0.9);
    font-size: 26rpx;
    font-weight: bold;
}
.store-right view {
    color: #666666;
    font-size: 24rpx;
}
.store-right image {
    width: 24rpx;
    height: 24rpx;
    margin-left: 16rpx;
}
.service-remark-wrapper .service-remark {
    width: 652rpx;
    /* height: 56rpx; */
    line-height: 44rpx;
    background: #ebebeb;
    border-radius: 16rpx;
    color: #000000;
    padding: 8rpx 16rpx;
    /* white-space: nowrap;
text-overflow: ellipsis;*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-top: 20rpx;
}
.service-remark text {
    color: #fe2b54;
    font-weight: bold;
}
.service-operate {
    padding: 24rpx 0;
    border-top: 2rpx solid #e0e0e0;
    display: flex;
    justify-content: flex-end;
}
.service-operate view {
    width: 160rpx;
    height: 56rpx;
    line-height: 56rpx;
    border-radius: 28rpx;
    text-align: center;
    color: #f9f4f5;
    font-size: 24rpx;
    background: linear-gradient(90deg, #00baff 0%, #008dff 100%);
    margin-left: 28rpx;
}
</style>