<template>
	<view class="page">
		<view>
			<u-navbar :is-back="false" title="" :background="background"></u-navbar>
		</view>
		<view class="section_1">
			<view class="box_1">
				<image :src="$picUrl+'/static/default-logo.png'" v-if="!isLogin || !userInfo.avatar_url" class="image_2"
					@click="goLogin()"></image>
				<image :src="userInfo.avatar_url" v-else class="image_2"></image>
				<view class="group_1">
					<view class="image-text_1" v-if="!isLogin" @click="goLogin()">
						未登录
					</view>
					<button class="avatar-wrapper" v-else type="primary" open-type="chooseAvatar"
						@chooseavatar="onChooseAvatar">
						<text lines="1" class="text-group_1">{{userInfo.nick_name}}</text>
						<image :src="$picUrl+'/static/user/weChat.png'" class="thumbnail_1"></image>
					</button>
					<view class="text-wrapper_1" :style="{'width': userInfo.user_type==20?'130rpx':'100rpx' }"  v-if="isLogin" @click="wechatLogin">
						<text lines="1" class="text_1" v-if="userInfo.user_type==40">店长</text>
						<text lines="1" class="text_1" v-else-if="userInfo.user_type==30">分销</text>
						<text lines="1" class="text_1" v-else-if="userInfo.user_type==20">Plus会员</text>
						<text lines="1" class="text_1" v-else-if="userInfo.user_type==10">游客</text>
					</view>
				</view>
				<view style="display: flex; flex: 1; justify-content: flex-end;">
					<view class="group_2">
						<image :src="$picUrl+'/static/home/news.png'" class="thumbnail"></image>
						<text lines="1" class="text_2">消息</text>
						<button open-type="contact" v-if="isLogin"></button>
					</view>
					<!-- /  -->
					<view class="group_4" @click="lookMemberCode('2')" v-if="userInfo.user_type == 20 || userInfo.user_type==40">
						<image :src="$picUrl+'/static/user/code.png'" class="thumbnail_2"></image>
						<text lines="1" class="text_3">会员码</text>
					</view>
					<!-- 、  -->
					<view class="group_5" @click="lookMemberCode('3')" v-if="userInfo.user_type == 30 || userInfo.user_type==40">
						<image :src="$picUrl+'/static/user/code.png'" class="thumbnail_3"></image>
						<text lines="1" class="text_4">分销码</text>
					</view>
				</view>
			</view>
			<view class="plus" v-if="userInfo.user_type== 20 || userInfo.user_type== 30 "
				@click="goMember(userInfo.user_type==20?'hy':'fx')">
				<view class="plusLeft">
					<view class="leftTop">
						<image :src="$picUrl+'/static/user/vip.png'" class="vipIcon"></image>
						<text v-if="userInfo.user_type==20">Plus</text>
						<text v-if="userInfo.user_type==30">分销</text>
						会员
					</view>
					<view class="leftBottom">
						{{userInfo.effective_time}}到期
					</view>
				</view>
				<view class="plusLine"></view>
				<view class="plusRight">
					<view class="rightTop">
						年终百款好物热兑中！
					</view>
					<view class="rightBot">
						兑换好物别浪费！
					</view>
				</view>
			</view>
			<view class="newplus" v-if="isLogin == false || userInfo.user_type == 10">
				<view class="memVip" @click="goMember('hy')">
					<!-- <view class="vipLine">
						<image :src="$picUrl+'/static/user/vip.png'" class="vipIcon"></image>
						<text>Plus会员</text>
					</view>
					<view class="sec">
						<text class="inVip">加入会员</text>
						<text class="enjoyVip">享受会员价</text>
						<u-icon name="arrow-right"></u-icon>
					</view> -->
					<image :src="$picUrl+'/static/bg-4.png'" class="icon"></image>
				</view>
				<view class="memVip fxVip" @click="goMember('fx')">

					<image :src="$picUrl+'/static/bg-3.png'" class="icon"></image>
					<!-- <view class="vipLine">
						<image :src="$picUrl+'/static/user/vip.png'" class="vipIcon"></image>
						<text>分销会员</text>
					</view>
					<view class="sec">
						<text class="inVip">加入会员</text>
						<text class="enjoyVip">享受分销价</text>
						<u-icon name="arrow-right"></u-icon>
					</view> -->
				</view>
			</view>
			<view class="goodsManage" v-if="userInfo.user_type== 40">
				<view class="manageTitle">
					<text lines="1" class="text_5 titleLeft">商品管理</text>
					<text lines="1" class="text_6 titleRight" @click="goJump('/pages/news/goods/list')">查看全部</text>
					<u-icon @click="goJump('/pages/news/goods/list')"
						style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
				</view>
				<!--  -->
				<view class="grounding">
					<view class="image-text_2" @click="goJump('/pages/news/goods/oneGrounding')">
						<image :src="$picUrl+'/static/user/shelf.png'" class="label_1"></image>
						<view class="text-group_2">
							<text lines="1" class="text_8">一键上架</text>
						</view>
					</view>
					<view class="box_3" @click="goJump('/pages/news/goods/batchdel')">
						<image :src="$picUrl+'/static/user/deal.png'" class="image_4"></image>
						<text lines="1" class="text_9">删除商品</text>
					</view>
					<view class="image-text_4" @click="goJump('/pages/news/goods/list')">
						<image :src="$picUrl+'/static/user/search.png'" class="label_3"></image>
						<text lines="1" class="text-group_4">商品查询</text>
					</view>
				</view>
			</view>
			<view class="userSell" v-if="userInfo.user_type== 40">
				<view class="sell">
					会员分销
				</view>
				<view class="type" @click="goManagementHandle('/pages/news/user/vip','会员管理')">
					<view class="typeLeft common">
						会员管理<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon>
					</view>
					<view class="typeRight common" @click="goManagementHandle('/pages/news/user/vip','分销管理')">
						<image :src="$picUrl+'/static/user/sale.png'" class="sale"></image>
						分销管理<u-icon style="margin-left: 10rpx;" name="arrow-right"></u-icon>
					</view>
				</view>
			</view>
			<view class="coupon" v-if="isLogin == false || userInfo.user_type != 40">
				<view class="walletList">
					<view class="listItem" @click="goJump('/pages/news/park/recordHistory')">
						<view class="num">
							{{actionCountsInfo.reservation_number?actionCountsInfo.reservation_number:0}}
						</view>
						<view class="info">
							预约记录
						</view>
					</view>
					<view class="listItem" @click="goJump('/pages/news/park/browsingHistory')">
						<view class="num">
							{{actionCountsInfo.view_number?actionCountsInfo.view_number:0}}
						</view>
						<view class="info">
							浏览记录
						</view>
					</view>
					<!-- @click="goJump('/pages/news3/setOutRecords')" -->
					<view class="listItem" @click="goShopOrderList()">
						<view class="num">
							{{actionCountsInfo.take_goods_number?actionCountsInfo.take_goods_number:0}}
						</view>
						<view class="info">
							提货记录
						</view>
					</view>
					<view class="listItem" @click="goJump('/pages/news/coupon/list')">
						<view class="num">
							{{actionCountsInfo.coupon_number?actionCountsInfo.coupon_number:0}}
						</view>
						<view class="info">
							优惠券
						</view>
					</view>
				</view>
			</view>
			<view class="goodsManage">
				<view class="manageTitle">
					<text lines="1" class="text_5 titleLeft">商品订单</text>
					<text lines="1" class="text_6 titleRight" @click="goGoodsOrder('all')">查看全部</text>
					<u-icon style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
				</view>
				<view class="grounding goodsOrder">
					<view class="image-text_21" @click="goGoodsOrder('pay')">
						<image :src="$picUrl+'/static/user/unpay.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.goods_order.payment_number">{{orderTodoInfo.goods_order.payment_number>=100?"99+":orderTodoInfo.goods_order.payment_number}}</text>
							<text class="text_81">待付款</text>
						</view>
					</view>
					<view class="image-text_21" @click="goGoodsOrder('delivery')">
						<image :src="$picUrl+'/static/user/unsend.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.goods_order.delivery_number">{{orderTodoInfo.goods_order.delivery_number>=100?"99+":orderTodoInfo.goods_order.delivery_number}}</text>
							<text class="text_81">待发货</text>
						</view>
					</view>
					<view class="image-text_21" @click="goGoodsOrder('receipt')">
						<image :src="$picUrl+'/static/user/untake.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.goods_order.received_number">{{orderTodoInfo.goods_order.received_number>=100?"99+":orderTodoInfo.goods_order.received_number}}</text>
							<text class="text_81">待收货</text>
						</view>
					</view>
					<view class="image-text_21" @click="goGoodsOrder('complete')">
						<image :src="$picUrl+'/static/user/over.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.goods_order.finish_number">{{orderTodoInfo.goods_order.finish_number>=100?"99+":orderTodoInfo.goods_order.finish_number}}</text>
							<text class="text_81">已完成</text>
						</view>
					</view>
				</view>
			</view>
			<view class="goodsManage">
				<view class="manageTitle">
					<text lines="1" class="text_5 titleLeft">服务订单</text>
					<text lines="1" class="text_6 titleRight" @click="toFuwu(0)">查看全部</text>
					<u-icon style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
				</view>
				<view class="grounding goodsOrder">
					<view class="image-text_21" @click="toFuwu(1)">
						<image :src="$picUrl+'/static/user/untake.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.service_order.payment_number">{{orderTodoInfo.service_order.payment_number}}</text>
							<text class="text_81">待支付</text>
						</view>
					</view>
					<view class="image-text_21" @click="toFuwu(3)">
						<image :src="$picUrl+'/static/user/unpay.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.service_order.service_number">{{orderTodoInfo.service_order.service_number}}</text>
							<text class="text_81">待服务</text>
						</view>
					</view>
					<view class="image-text_21" @click="toFuwu(2)">
						<image :src="$picUrl+'/static/user/unsend.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.service_order.confirm_number">{{orderTodoInfo.service_order.confirm_number}}</text>
							<text class="text_81">待派单</text>
						</view>
					</view>
					<view class="image-text_21" @click="toFuwu(4)">
						<image :src="$picUrl+'/static/user/detail.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.service_order.check_number">{{orderTodoInfo.service_order.check_number}}</text>
							<text class="text_81">已完成</text>
						</view>
					</view>
				</view>
			</view>
			<view class="goodsManage">
				<view class="manageTitle">
					<text lines="1" class="text_5 titleLeft">回收订单</text>
					<text lines="1" class="text_6 titleRight" @click="toRecovery('')">查看全部</text>
					<u-icon style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
				</view>
				<view class="grounding goodsOrder">
					<view class="image-text_21" @click="toRecovery(0)">
						<image :src="$picUrl+'/static/user/unpay.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.recovery_order.accepted_number">{{orderTodoInfo.recovery_order.accepted_number>=100?"99+":orderTodoInfo.recovery_order.accepted_number}}</text>
							<text class="text_81">待验收</text>
						</view>
					</view>
					<view class="image-text_21" @click="toRecovery(1)">
						<image :src="$picUrl+'/static/user/unsend.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.recovery_order.already_number">{{orderTodoInfo.recovery_order.already_number>=100?"99+":orderTodoInfo.recovery_order.already_number}}</text>
							<text class="text_81">已验收</text>
						</view>
					</view>
					<view class="image-text_21" @click="toRecovery(3)">
						<image :src="$picUrl+'/static/user/untake.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.recovery_order.cancel_number">{{orderTodoInfo.recovery_order.cancel_number>=100?"99+":orderTodoInfo.recovery_order.cancel_number}}</text>
							<text class="text_81">已取消</text>
						</view>
					</view>
					<view class="image-text_21" @click="toRecovery(2)">
						<image :src="$picUrl+'/static/user/detail.png'" class="label_11"></image>
						<view class="text-group_21">
							<text class="text_71"
								v-if="orderTodoInfo.recovery_order.finish_number">{{orderTodoInfo.recovery_order.finish_number>=100?"99+":orderTodoInfo.recovery_order.finish_number}}</text>
							<text class="text_81">已完成</text>
						</view>
					</view>
				</view>
			</view>
			<view class="goodsManage" v-if="userInfo.user_type == 30">
				<view class="manageTitle">
					<text lines="1" class="text_5 titleLeft">分销订单</text>
					<!-- <text lines="1" class="text_6 titleRight" @click="goJump('/pages/news3/fenxiao')">查看全部</text> -->
					<text lines="1" class="text_6 titleRight"
						@click="goJump('/pages/news3/shopDealerOrder')">查看全部</text>
					<u-icon @click="goJump('/pages/news3/fenxiao')"
						style="margin-left: 5rpx; color: #909090; margin-top: -5rpx;" name="arrow-right"></u-icon>
				</view>
				<view class="grounding goodsOrder">
					<view class="image-text_21" @click="goJump('/pages/news3/shopDealerOrder?type=pay')">
						<image :src="$picUrl+'/static/user/unpay.png'" class="label_11"></image>
						<view class="text-group_21">
							<text lines="1" class="text_7"
								v-if="orderTodoInfo.distribution_order.payment_number">{{orderTodoInfo.distribution_order.payment_number}}</text>
							<text lines="1" class="text_8">待付款</text>
						</view>
					</view>
					<view class="image-text_21" @click="goJump('/pages/news3/shopDealerOrder?type=delivery')">
						<image :src="$picUrl+'/static/user/unsend.png'" class="label_11"></image>
						<view class="text-group_21">
							<text lines="1" class="text_7"
								v-if="orderTodoInfo.distribution_order.delivery_number">{{orderTodoInfo.distribution_order.delivery_number}}</text>
							<text lines="1" class="text_8">待发货</text>
						</view>
					</view>
					<view class="image-text_21" @click="goJump('/pages/news3/shopDealerOrder?type=receipt')">
						<image :src="$picUrl+'/static/user/untake.png'" class="label_11"></image>
						<view class="text-group_21">
							<text lines="1" class="text_7"
								v-if="orderTodoInfo.distribution_order.received_number">{{orderTodoInfo.distribution_order.received_number}}</text>
							<text lines="1" class="text_8">待收货</text>
						</view>
					</view>
					<view class="image-text_21" @click="goJump('/pages/news3/shopDealerOrder?type=complete')">
						<image :src="$picUrl+'/static/user/over.png'" class="label_11"></image>
						<view class="text-group_21">
							<text lines="1" class="text_7"
								v-if="orderTodoInfo.distribution_order.finish_number">{{orderTodoInfo.distribution_order.finish_number}}</text>
							<text lines="1" class="text_8">已完成</text>
						</view>
					</view>
				</view>
			</view>
			<view class="wallet">
				<view class="myWallet">
					我的钱包
				</view>
				<view class="walletList">
					<view class="listItem" @click="myWallet()">
						<view class="num">
							{{userInfo.balance?userInfo.balance:0}}
						</view>
						<view class="info">
							余额
						</view>
					</view>
					<view class="listItem" @click="myWallet()">
						<view class="num">
							{{userInfo.income?userInfo.income:0}}
						</view>
						<view class="info">
							收入
						</view>
					</view>
					<view class="listItem" @click="goJump('/pages/news/user/rechargeList')">
						<view class="num">
							{{userInfo.finace_count?userInfo.finace_count:0}}
						</view>
						<view class="info">
							提现记录
						</view>
					</view>
				</view>
			</view>
			<view class="myServe">
				<view class="myservice">
					我的服务
				</view>
				<view class="serve">
					<view class="serveIcon" v-if="isLogin == false" @click="goJump('/pages/news/user/rechargeList')">
						<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
						<view class="serveInfo">
							客服
						</view>
					</view>
					<view class="serveIcon" v-else>
						<image :src="$picUrl+'/static/user/customer.png'" class="icons"></image>
						<view class="serveInfo">
							客服
						</view>
						<button type="default" open-type="contact" class="infoBtn"></button>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news1/setting')">
						<image :src="$picUrl+'/static/user/set.png'" class="icons"></image>
						<view class="serveInfo">
							设置
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news1/feedback')">
						<image :src="$picUrl+'/static/user/complaint.png'" class="icons"></image>
						<view class="serveInfo">
							投诉
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news/park/addressList')">
						<image :src="$picUrl+'/static/user/address.png'" class="icons"></image>
						<view class="serveInfo">
							地址
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news/consult/about',1)">
						<image :src="$picUrl+'/static/user/about.png'" class="icons"></image>
						<view class="serveInfo">
							联系我们
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news3/setOutRecords')"
						v-if="userInfo.user_type == 40">
						<image :src="$picUrl+'/static/user/record.png'" class="icons"></image>
						<view class="serveInfo">
							发货记录
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news3/LogisticsInquiry')"
						v-if="userInfo.user_type == 40">
						<image :src="$picUrl+'/static/user/car.png'" class="icons"></image>
						<view class="serveInfo">
							物流查询
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news3/vipPrice?type=0')"
						v-if="userInfo.user_type == 40">
						<image :src="$picUrl+'/static/user/member.png'" class="icons"></image>
						<view class="serveInfo">
							会员价
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news3/vipPrice?type=1')"
						v-if="userInfo.user_type == 40">
						<image :src="$picUrl+'/static/user/retail.png'" class="icons"></image>
						<view class="serveInfo">
							分销价
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news1/MerchantSettlement')">
						<image :src="$picUrl+'/static/user/checkIn.png'" class="icons"></image>
						<view class="serveInfo">
							商家入驻
						</view>
					</view>
					<!-- <view class="serveIcon" @click="goJump('/pages/news/user/vip')" v-if="userInfo.user_type == 40">
						<image :src="$picUrl+'/static/user/staff.png'" class="icons"></image>
						<view class="serveInfo">
							员工管理
						</view>
					</view> -->
					<view class="serveIcon" @click="goJump('/pages/news/consult/storeEdit')"
						v-if="userInfo.user_type == 40">
						<image :src="$picUrl+'/static/user/setHome.png'" class="icons"></image>
						<view class="serveInfo">
							店铺设置
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/invite/index')">
						<image :src="$picUrl+'/static/user/invite.png'" class="icons"></image>
						<view class="serveInfo">
							邀请朋友
						</view>
					</view>
					<!-- <view class="serveIcon" @click="goJump('/pages/invite/index')"> -->
					<view class="serveIcon" v-if="userInfo.user_type ==30" @click="goDealer(userInfo.user_type)">
						<image :src="$picUrl+'/static/user/invites.png'" class="icons"></image>
						<view class="serveInfo">
							<text>分销中心</text>
						</view>
					</view>
					<view class="serveIcon" v-if="userInfo.user_type == 10 || userInfo.user_type == 20"
						@click="goDealer(userInfo.user_type)">
						<image :src="$picUrl+'/static/user/invites.png'" class="icons"></image>
						<view class="serveInfo">
							<text>加入分销</text>
						</view>
					</view>

					<view class="serveIcon" @click="goJump('/pages/news1/help',1)">
						<image :src="$picUrl+'/static/user/help.png'" class="icons"></image>
						<view class="serveInfo">
							帮助中心
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news1/huoyuan')">
						<image :src="$picUrl+'/static/user/retail.png'" class="icons"></image>
						<view class="serveInfo">
							我要找货
						</view>
					</view>
					<view class="serveIcon" @click="goJump('/pages/news/user/report')" v-if="userInfo.user_type == 40">
						<image :src="$picUrl+'/static/user/sj.png'" class="icons"></image>
						<view class="serveInfo">
							数据统计
						</view>
					</view>
					<view class="serveIcon" @click="goManagementHandle('/pages/news/user/vip','会员管理')"
						v-if="userInfo.user_type == 40">
						<image :src="$picUrl+'/static/user/hygl.png'" class="icons"></image>
						<view class="serveInfo">
							会员管理
						</view>
					</view>
					<view class="serveIcon" v-if="userInfo.user_type == 40" @click="goJump('/pages/news1/jinqun')">
						<image :src="$picUrl+'/static/user/jq.png'" class="icons"></image>
						<view class="serveInfo">
							进群有礼
						</view>
					</view>
				</view>
			</view>
			<!-- 商品推荐 -->
			<view class="goodsRecommend-title" v-if="isLogin == false || userInfo.user_type != 40">
				<image :src="$picUrl+'/static/user/left.png'"></image>专属推荐<image
					:src="$picUrl+'/static/user/right.png'"></image>
			</view>
			<view class="goodsRecommend" v-if="isLogin == false || userInfo.user_type != 40">
				<view class="goodsItem" v-for="(item,index) in suggestGoodsList" @click="goodsDetail(item)"
					:key="index">
					<view class="pic">
						<image :src="item.goods_image" mode=""></image>
					</view>
					<view class="goodsInfo">
						<view class="title">
							<text v-if="item.selling_point" class="ziying">{{item.selling_point}}</text>
							<text class="name">{{item.goods_name}}</text>
						</view>
						<view class="isExpress">
							<text>包邮</text>
						</view>
						<view class="price">
							<text style="font-size: 20rpx;">￥</text>
							<text style="font-weight: bold;font-size: 36rpx;">{{item.goods_price_min}}</text>
							<text style="font-size: 20rpx;margin-left:10rpx;">到手价</text>
							<text
								style="color: #949494;font-size: 22rpx;text-decoration: line-through;">￥{{item.line_price_min}}</text>
						</view>
						<!-- <view class="comment">
							<text>{{item.goods_sales}}条评论</text>
							<text style="margin-left:20rpx;">{{item.remaizhishu}}%好评率</text>
						</view> -->
					</view>
				</view>
			</view>
		</view>

		<view class="toTop" v-if="isTop" @click="openScrollTo()">
			<image :src="$picUrl+'/static/toTop.png?=1'"></image>
		</view>
		<view class="memberCode" v-if="memberCode" @click="memberCode=false">
			<view class="codeMain">
				<view class="myCode">
					<text v-if="lookMemberType == 2">我的专属会员识别码</text>
					<text v-if="lookMemberType == 3">我的专属分销识别码</text>
				</view>
				<view class="codeImg">
					<image v-if="lookMemberType == 2" :src="qrcode" class="img"></image>
					<image v-if="lookMemberType == 3" :src="qrcode" class="img"></image>
				</view>
				<view class="codeName">
					{{userInfo.user_id}}
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	import {
		checkLogin
	} from '@/core/app'
	import * as UserApi from '@/api/user';
	import * as Api from '@/api/goods'
	import * as UploadApi from '@/api/upload'
	import {
		createQrCodeImg
	} from '@/utils/qrcode'
	export default {
		data() {
			return {
				dealerInviteQrcode: "",
				qrcode: "",
				inviteQrcode: "",
				lookMemberType: 2,
				isTop: false,
				background: {
					background: 'url(https://www.royaum.com.cn/static/news/login-bg.png) center top no-repeat',
					backgroundSize: '100% auto',
				},
				orderTodoInfo: {
					distribution_order: {},
					goods_order: {},
					service_order: {},
					recovery_order: {}
				},
				actionCountsInfo: {},
				userType: 2,
				memberCode: false,
				isLogin: false,
				userInfo: {},
				suggestGoodsList: [],
			}
		},
		onShow(options) {
			this.onRefreshPage()
			this.getSuggest()
		},
		onPageScroll(e) {
			if (e.scrollTop <= 200) { // 当滚动到顶部且向下滑动时为true
				this.isTop = false
			} else {
				this.isTop = true
			}
		},
		methods: {
			onChooseAvatar(e) {
				console.log(e)
				let that = this
				that.headImgUpload(e.detail.avatarUrl)
			},
			nickSubmit(avatar_id) {
				UserApi.editUser({
						avatar_id: avatar_id
					})
					.then(res => {
						if (res.status == 200) {
							uni.showToast({
								title: '获取成功',
								icon: 'none',
								duration: 2000
							})
							this.getUserInfo()
						} else {
							uni.showToast({
								title: '获取失败',
								icon: 'none',
								duration: 2000
							})
						}
					})
					.finally()
			},
			headImgUpload(avatarUrl) {
				const app = this
				const imageList=[{path: avatarUrl}]
				// 批量上传
				return new Promise((resolve, reject) => {
					if (imageList.length > 0) {
						UploadApi.image(imageList)
							.then(fileIds => {
								console.log(fileIds)
								app.nickSubmit(fileIds.join(','))
								resolve(fileIds)
							})
							.catch(reject)
					} else {
						resolve()
					}
				})
			},
			goShopOrderList() {
				uni.navigateTo({
					url: '/pages/news3/shopOrder?delivery_type=10'
				})
			},
			goDealer(type) {
				if (type == 30) {
					this.goJump('/pages/news3/JoinDistribution?dataType=all');
				} else if (type == 10 || type == 20) {
					// uni.showToast({
					// 	title: '请先购买分销会员',
					// 	icon: 'none',
					// 	duration: 2000
					// })
					this.goJump('/pages/member/index');
				}
			},
			openScrollTo() {
				uni.pageScrollTo({
					scrollTop: 0
				})
			},
			getSuggest() {
				// 获取推荐商品
				const that = this
				Api.recommended()
					.then(res => {
						that.suggestGoodsList = res.data.goodsList
					})
			},
			// 刷新页面
			onRefreshPage() {
				this.isLogin = checkLogin()
				console.log(this.isLogin, '是否登录')
				// 获取页面数据
				this.getUserInfo()
			},
			// 获取当前用户信息
			getUserInfo() {
				const that = this
				return new Promise((resolve, reject) => {
					!that.isLogin ? resolve(null) : UserApi.info({}, {
							load: that.isFirstload
						})
						.then(result => {
							let data = result.data.userInfo
							console.log("data.user_id", data.user_id)
							// data.qrcode = createQrCodeImg(data.user_id.toString(), {
							// 	'size': 500
							// });
							console.log(data)

							that.userInfo = data
							that.getOrderInfo();
							that.getActionCountsInfo();
							uni.setStorageSync('userInfo', that.userInfo)
							if (data.user_type == 20 || data.user_type == 40) {
								that.getMembershipInviteQrcode()
							} else if (data.user_type == 30 || data.user_type == 40) {
								that.getDealerInviteQrcode()
							}
							// that.getMembershipInviteQrcode()
							// that.getDealerInviteQrcode()
							resolve(that.userInfo)
						})
						.catch(err => {
							if (err.result && err.result.status == 401) {
								that.isLogin = false
								resolve(null)
							} else {
								reject(err)
							}
						})
				})
			},
			// 获取会员邀请码
			getMembershipInviteQrcode() {
				const that = this
				return new Promise((resolve, reject) => {
					!that.isLogin ? resolve(null) : UserApi.getMembershipInviteQrcode({}, {
							load: that.isFirstload
						})
						.then(result => {
							that.inviteQrcode = result.message;
							console.log(this.inviteQrcode)
							resolve(that.inviteQrcode)
						})
						.catch(err => {
							if (err.result && err.result.status == 401) {
								that.isLogin = false
								resolve(null)
							} else {
								reject(err)
							}
						})
				})
			},
			// 获取分销码
			getDealerInviteQrcode() {
				const that = this
				return new Promise((resolve, reject) => {
					!that.isLogin ? resolve(null) : UserApi.getDealerInviteQrcode({}, {
							load: that.isFirstload
						})
						.then(result => {
							that.dealerInviteQrcode = result.message
							console.log(this.dealerInviteQrcode)
							resolve(that.dealerInviteQrcode)
						})
						.catch(err => {
							if (err.result && err.result.status == 401) {
								that.isLogin = false
								resolve(null)
							} else {
								reject(err)
							}
						})
				})
			},
			// 获取当前订单数量
			getOrderInfo() {
				const that = this
				return new Promise((resolve, reject) => {
					!that.isLogin ? resolve(null) : UserApi.todoCounts({}, {
							load: that.isFirstload
						})
						.then(result => {
							that.orderTodoInfo = result.data
							resolve(that.orderTodoInfo)
						})
						.catch(err => {
							if (err.result && err.result.status == 401) {
								that.isLogin = false
								resolve(null)
							} else {
								reject(err)
							}
						})
				})
			},
			// 获取当前用户行为
			getActionCountsInfo() {
				const that = this
				return new Promise((resolve, reject) => {
					!that.isLogin ? resolve(null) : UserApi.actionCounts({}, {
							load: that.isFirstload
						})
						.then(result => {
							that.actionCountsInfo = result.data
							resolve(that.actionCountsInfo)
						})
						.catch(err => {
							if (err.result && err.result.status == 401) {
								that.isLogin = false
								resolve(null)
							} else {
								reject(err)
							}
						})
				})
			},
			toFuwu(type) {
				if (!uni.getStorageSync('AccessToken')) {
					uni.navigateTo({
						url: "/pages/login/index"
					})
					return;
				}
				uni.navigateTo({
					url: "/pages/news/recycling/orderList?type=" + type
				})
			},
			toRecovery(type) {
				if (!uni.getStorageSync('AccessToken')) {
					uni.navigateTo({
						url: "/pages/login/index"
					})
					return;
				}
				uni.navigateTo({
					url: "/pages/news/recycling/recoveryList?type=" + type
				})
			},
			goJump(url, type) {
				if (type == 1) {
					uni.navigateTo({
						url
					})
					return;
				}
				if (this.isLogin == false) {
					this.goLogin()
					return;
				}
				uni.navigateTo({
					url
				})
			},
			goManagementHandle(url, title) {
				uni.navigateTo({
					url: url + '?title=' + title
				})

			},
			goLogin() {
				// 去登录
				uni.navigateTo({
					url: '/pages/login/index'
				})
			},
			goMember(type) {
				if (this.isLogin == false) {
					this.goLogin()
					return;
				}
				uni.navigateTo({
					url: '/pages/member/index?type=' + type
				})
			},
			goOrder() {
				if (this.isLogin == false) {
					this.goLogin()
					return;
				}
				uni.navigateTo({
					url: '/pages/order/index'
				})
			},
			lookMemberCode(val) {
				if (this.isLogin == false) {
					this.goLogin()
					return;
				}
				this.lookMemberType = val;
				this.qrcode = val == 2 ? this.inviteQrcode : this.dealerInviteQrcode;
				this.memberCode = true;
			},

			myWallet() {
				if (this.isLogin == false) {
					this.goLogin()
					return;
				}
				// 我的钱包
				uni.navigateTo({
					url: '/pages/news1/wallet'
				})
			},
			goGoodsOrder(val) {
				if (this.isLogin == false) {
					this.goLogin()
					return;
				}
				// 我的订单
				if (this.userInfo.user_type == 40) {
					uni.navigateTo({
						url: '/pages/news3/shopOrder?dataType=' + val
					})
				} else {
					uni.navigateTo({
						url: '/pages/order/index?dataType=' + val
					})
				}

			},
			goodsDetail(item) {
				// 跳转商品详情
				uni.navigateTo({
					url: '/pages/goods/detail?goodsId=' + item.goods_id
				})
			},
			goPage(url) {
				uni.switchTab({
					url
				})
			},
		}
	}
</script>
<style lang="scss" scoped>
	.page {
		background-color: rgba(247, 248, 250, 1.000000);
		position: relative;
		width: 750rpx;
		height: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		padding-bottom: 30rpx;

		.toTop {
			position: fixed;
			bottom: 120rpx;
			right: 16rpx;
			width: 99rpx;
			height: 99rpx;
			border-radius: 50%;
			opacity: 1;
			z-index: 999;
			display: flex;
			align-items: center;
			justify-content: center;

			image {
				width: 100%;
				height: 100%;
			}

		}

	}

	.goodsRecommend-title {
		padding: 20rpx 25rpx;
		display: flex;
		align-items: center;
		font-size: 32rpx;
		font-weight: 600;
		color: #3B3B3B;
		justify-content: center;

		image {
			width: 30rpx;
			height: 30rpx;
			margin: 0 10rpx;
		}
	}

	.goodsRecommend {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 10rpx 25rpx 25rpx;

		.goodsItem {
			width: 340rpx;
			border-radius: 8rpx;
			overflow: hidden;
			background-color: #ffffff;
			margin-bottom: 24rpx;
			padding: 20rpx;
			box-sizing: border-box;

			.pic {
				width: 100%;
				text-align: center;

				image {
					// width:100%;
					width: 256rpx;
					height: 256rpx;

				}
			}

			.goodsInfo {
				.title {
					display: flex;
					align-items: center;
					margin-top: 14rpx;

					.ziying {
						padding: 4rpx 10rpx;
						background: #FF4438;
						border-radius: 2px 2px 2px 2px;
						opacity: 1;
						font-size: 24rpx;
						font-weight: 400;
						color: #FFFFFF;

					}

					.name {
						margin-left: 6rpx;
						font-size: 24rpx;
						font-weight: 400;
						color: #1E1E1E;
						flex: 1;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;

					}
				}

				.isExpress {
					height: 30rpx;
					display: flex;
					align-items: center;
					margin: 10rpx 0;

					text {
						display: inline-block;
						width: 44rpx;
						height: 30rpx;
						line-height: 28rpx;
						border: 1px solid #F21A1C;
						border-radius: 2px 2px 2px 2px;
						background: #FFFFFF;
						text-align: center;
						font-size: 16rpx;
						font-family: PingFang SC, PingFang SC;
						font-weight: 400;
						color: #F21A1C;
					}

				}

				.price {
					color: #F21A1C;
					display: flex;
					align-items: baseline;
				}

				.comment {
					margin-top: 6rpx;
					font-size: 22rpx;
					font-weight: 400;
					color: #949494;

				}
			}
		}
	}

	.section_1 {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		background: url('https://www.royaum.com.cn/static/news/login-bg.png') center -80px no-repeat;
		background-size: 100% auto;
	}


	.box_1 {
		width: 668rpx;
		height: 114rpx;
		flex-direction: row;
		display: flex;
		margin: 30rpx auto 0;
	}

	.image_2 {
		width: 114rpx;
		height: 114rpx;
		border-radius: 50%;
	}

	.group_1 {
		width: 288rpx;
		height: 96rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 2rpx 0 0 24rpx;
		button:after{
			border: none !important;
		}
	}

	.image-text_1 {
		width: 286rpx;
		height: 50rpx;
		margin-left: 2rpx;
		display: flex;
		align-items: center;
	}

	.avatar-wrapper {
		width: 286rpx;
		height: 50rpx;
		margin-left: 2rpx;
		display: flex;
		align-items: center;
		background: none;
		padding: 0;
		margin: 0;
		border: none;

		::v-ddep uni-button:after {
			border: none !important;
		}

		button[type=primary][plain] {
			border: none !important;
		}
	}

	.text-group_1 {
		// width: 232rpx;
		height: 50rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1);
		font-size: 36rpx;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 50rpx;
	}

	.thumbnail_1 {
		width: 32rpx;
		height: 32rpx;
		margin-left: 12rpx;
	}

	.text-wrapper_1 {
		background-color: rgba(255, 255, 255, 0.56);
		border-radius: 28rpx;
		height: 44rpx;
		border: 2px solid rgba(255, 255, 255, 1);
		margin-top: 2rpx;
		display: flex;
		flex-direction: column;
		width: 100rpx;
	}

	.text_1 {
		color: rgba(100, 100, 100, 1);
		font-size: 24rpx;
		text-align: center;
	}

	.group_2 {
		width: 40rpx;
		height: 68rpx;
		margin: 8rpx 0 0 48rpx;
		position: relative;

		button {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 2;
			opacity: 0;
		}

		.thumbnail {
			width: 30rpx;
			height: 30rpx;
			display: block;
			margin: 0 auto;
		}
	}

	.group_3 {
		background-color: rgba(17, 17, 17, 1.000000);
		width: 32rpx;
		height: 32rpx;
		margin-left: 4rpx;
		display: flex;
		flex-direction: column;
	}

	.text_2 {
		color: rgba(53, 53, 53, 1);
		font-size: 20rpx;
		font-weight: normal;
		text-align: center;
	}

	.group_4 {
		width: 60rpx;
		height: 66rpx;
		display: flex;
		flex-direction: column;
		justify-content: ce;
		margin: 10rpx 0 0 20rpx;
	}

	.thumbnail_2 {
		width: 30rpx;
		height: 30rpx;
		margin-left: 16rpx;
	}

	.text_3 {
		width: 60rpx;
		height: 28rpx;
		overflow-wrap: break-word;
		color: rgba(53, 53, 53, 1.000000);
		font-size: 20rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin-top: 12rpx;
	}

	.group_5 {
		width: 60rpx;
		height: 66rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 10rpx 0 0 14rpx;
	}

	.thumbnail_3 {
		width: 30rpx;
		height: 30rpx;
		margin-left: 16rpx;
	}

	.text_4 {
		width: 60rpx;
		height: 28rpx;
		overflow-wrap: break-word;
		color: rgba(53, 53, 53, 1.000000);
		font-size: 20rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin-top: 12rpx;
	}

	.plus {
		width: 692rpx;
		height: 134rpx;
		background: url('https://www.royaum.com.cn/static/bg-1.png') center top no-repeat;
		background-size: 100% auto;
		border-radius: 8rpx;
		opacity: 1;
		margin: 24rpx auto 0;
		display: flex;
		position: relative;

		.plusLeft {
			.leftTop {
				width: 198rpx;
				height: 48rpx;
				background: linear-gradient(180deg, #FFF4E4 0%, #F3C683 100%);
				opacity: 1;
				border-radius: 8rpx 0 40rpx 0;
				font-size: 28rpx;
				font-weight: 500;
				color: #966542;
				line-height: 48rpx;
				text-align: center;
				display: flex;
				align-items: center;

				.vipIcon {
					width: 42rpx;
					height: 40rpx;
					margin-right: 6rpx;
					margin-left: 16rpx;
				}
			}

			.leftBottom {
				// width: 162rpx;
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				color: #885733;
				line-height: 34rpx;
				margin: 22rpx 0 0 14rpx;
			}
		}

		.plusLine {
			height: 0;
			position: absolute;
			width: 98rpx;
			left: 240rpx;
			opacity: 1;
			border: 1px solid;
			border-image: linear-gradient(90deg, #fcead5, #f1b874, #f2d9bb) 2 2;
			transform: rotate(90deg);
			top: 35px;
			z-index: 2;
		}

		.plusRight {
			margin-left: 100rpx;

			.rightTop {
				width: 280rpx;
				height: 40rpx;
				font-size: 28rpx;
				font-weight: 500;
				color: #654731;
				line-height: 40rpx;
				margin: 30rpx 0 0 44rpx;
			}

			.rightBot {
				width: 160rpx;
				height: 28rpx;
				font-size: 20rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				color: #966542;
				line-height: 28rpx;
				margin: 4rpx 0 0 44rpx;

			}
		}
	}

	.coupon {
		width: 688rpx;
		height: 142rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 16rpx auto 0;

		.walletList {
			display: flex;
			margin: 30rpx 0 0 28rpx;
			justify-content: space-around;

			.listItem {
				text-align: center;

				.num {
					height: 50rpx;
					font-size: 36rpx;
					font-weight: 600;
					color: #2F2F2F;
					line-height: 50rpx;
				}

				.info {
					font-size: 24rpx;
					font-weight: 400;
					color: #3D3D3D;
					line-height: 40rpx;
				}
			}
		}
	}

	.newplus {
		display: flex;
		margin: 25rpx 30rpx 0;
		justify-content: space-between;

		.memVip {
			width: 334rpx;
			height: 130rpx;
			background: linear-gradient(180deg, #FFF0DF 0%, #EFD4B4 100%);
			border-radius: 8rpx 8rpx 8rpx 8rpx;

			image {
				width: 100%;
				height: 100%;
			}

			.vipLine {
				width: 176rpx;
				height: 46rpx;
				background: #FCF0E3;
				opacity: 1;
				border-radius: 8rpx 0 20rpx 0;
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				color: #966542;
				display: flex;
				align-items: center;

				.vipIcon {
					width: 42rpx;
					height: 40rpx;
					margin-left: 16rpx;
				}
			}

			.sec {
				color: #AD836C;
				margin-top: 15rpx;
				display: flex;
				align-items: center;
				width: 100%;

				.inVip {
					font-size: 28rpx;
					font-weight: 500;
					color: #654731;
					margin-right: 6rpx;
					margin-left: 50rpx;
				}

				.enjoyVip {
					height: 28rpx;
					font-size: 20rpx;
					font-weight: 400;
					color: #966542;
					line-height: 28rpx;
					margin-right: 20rpx;
				}
			}
		}

		.fxVip {
			width: 334rpx;
			height: 130rpx;
			background: linear-gradient(180deg, #F8DAC2 0%, #F5C4A6 100%);
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			opacity: 1;
		}
	}

	.goodsManage {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		height: 216rpx;
		width: 688rpx;
		display: flex;
		flex-direction: column;
		margin: 20rpx auto 0;

		.manageTitle {
			width: 638rpx;
			height: 44rpx;
			display: flex;
			align-items: center;
			margin: 16rpx 0 0 28rpx;

			.titleLeft {
				width: 112rpx;
				height: 40rpx;
				overflow-wrap: break-word;
				color: rgba(36, 36, 36, 1.000000);
				font-size: 28rpx;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
				line-height: 40rpx;
			}

			.titleRight {
				width: 96rpx;
				height: 34rpx;
				overflow-wrap: break-word;
				color: rgba(144, 144, 144, 1.000000);
				font-size: 24rpx;
				font-family: PingFang SC-Regular;
				font-weight: normal;
				text-align: left;
				white-space: nowrap;
				line-height: 24rpx;
				margin-left: 406rpx;
			}
		}

		.image-text_21 {
			width: 20%;
			float: left;
			position: relative;
			text-align: center;

			.label_11 {
				width: 50rpx;
				height: 50rpx;
			}

			.text-group_21 {
				line-height: 40rpx;
				font-size: 24rpx;
				font-weight: 400;
				color: #3D3D3D;
			}

			.text_71 {
				width: 30rpx;
				height: 30rpx;
				background: #F3202A;
				border-radius: 50%;
				position: absolute;
				right: 20rpx;
				top: -10rpx;
				z-index: 2;
				line-height: 30rpx;
				font-size: 24rpx;
				color: #fff;
			}
		}

		.grounding {
			width: 570rpx;
			height: 100rpx;
			flex-direction: row;
			display: flex;
			justify-content: space-between;
			margin: 26rpx 0 30rpx 44rpx;
		}

		.goodsOrder {
			width: 688rpx;
			margin: 26rpx 0rpx 30rpx 12rpx;
			justify-content: space-around;
			text-align: center;
			padding-right: 26rpx;
		}

		.send {
			margin: 4rpx 0 0 36rpx;
			text-align: center;
			justify-content: center;

			text {
				text-align: center;
			}
		}
	}



	.thumbnail_4 {
		width: 16rpx;
		height: 10rpx;
		margin: 26rpx 0 0 8rpx;
	}

	.image-text_2 {
		width: 104rpx;
		height: 100rpx;
	}

	.label_1 {
		width: 62rpx;
		height: 62rpx;
		display: block;
		margin: 0 auto;
	}

	.text-group_2 {
		width: 104rpx;
		height: 34rpx;
		margin-top: 10rpx;
		flex-direction: row;
		display: flex;
		text-align: center;
		align-items: center;
	}

	.text_7 {
		width: 12rpx;
		height: 28rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1.000000);
		font-size: 20rpx;
		font-family: PingFang SC-Semibold;
		font-weight: 600;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin-top: 4rpx;
	}

	.text_8 {
		width: 96rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(61, 61, 61, 1.000000);
		font-size: 24rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
	}

	.image-text_3 {
		width: 96rpx;
		height: 96rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 4rpx 0 0 58rpx;
	}

	.label_2 {
		width: 54rpx;
		height: 54rpx;
		margin-left: 20rpx;
	}

	.text-group_3 {
		width: 96rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(61, 61, 61, 1.000000);
		font-size: 24rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
		margin-top: 8rpx;
	}

	.box_3 {
		width: 104rpx;
		height: 100rpx;
	}

	.image_4 {
		width: 62rpx;
		height: 62rpx;
		display: block;
		margin: 0 auto;
	}

	.text_9 {
		width: 96rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(61, 61, 61, 1.000000);
		font-size: 24rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
		margin-top: 12rpx;
	}

	.image-text_4 {
		width: 104rpx;
		height: 100rpx;
	}

	.label_3 {
		width: 52rpx;
		height: 52rpx;
		margin-left: 22rpx;
	}

	.text-group_4 {
		width: 96rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(61, 61, 61, 1.000000);
		font-size: 24rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
		margin-top: 10rpx;
	}

	.userSell {
		width: 892rpx;
		width: 684rpx;
		height: 220rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 16rpx 0 0 36rpx;

		.sell {
			height: 40rpx;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			color: #242424;
			line-height: 40rpx;
			margin: 20rpx 0 0 28rpx;
		}

		.type {
			display: flex;

			.common {
				width: 304rpx;
				height: 120rpx;
				background-image: url('https://www.royaum.com.cn/static/user/manage.png');
				background-size: 100% 100%;
				line-height: 120rpx;
				color: #fff;
				font-size: 28rpx;
				padding-left: 130rpx;
				box-sizing: border-box;
			}

			.typeLeft {
				margin: 20rpx 20rpx 0 28rpx;
			}

			.typeRight {
				margin: 20rpx 20rpx 0 0rpx;
				position: relative;

				.sale {
					width: 98rpx;
					height: 98rpx;
					position: absolute;
					top: 8rpx;
					left: 20rpx;
					margin-right: 20rpx;
				}
			}

		}
	}

	.wallet {
		width: 688rpx;
		height: 186rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 16rpx auto 0;

		.myWallet {
			height: 40rpx;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			color: #242424;
			line-height: 40rpx;
			margin: 18rpx 0 0 30rpx;
		}

		.walletList {
			display: flex;
			margin: 22rpx 0 0 18rpx;
			justify-content: space-around;

			.listItem {
				text-align: center;

				.num {
					height: 50rpx;
					font-size: 36rpx;
					font-weight: 600;
					color: #2F2F2F;
					line-height: 50rpx;
				}

				.info {
					font-size: 24rpx;
					font-weight: 400;
					color: #3D3D3D;
					line-height: 40rpx;
				}
			}
		}
	}

	.myServe {
		width: 688rpx;
		// height: 436rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 16rpx auto 0;

		.myservice {
			margin: 20rpx 0 0 30rpx;
			height: 40rpx;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			color: #242424;
			line-height: 40rpx;
		}

		.serve {
			margin: 16rpx 0 0 42rpx;
			display: flex;
			flex-wrap: wrap;

			.serveIcon {
				width: 120rpx;
				height: 100rpx;
				text-align: center;
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-bottom: 22rpx;
				position: relative;

				.icons {
					width: 48rpx;
					height: 48rpx;
					margin-bottom: 12rpx;
				}

				.serveInfo {
					width: 96rpx;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					color: #3D3D3D;
					line-height: 34rpx;
					text-align: center;

				}

				.infoBtn {
					width: 100%;
					height: 100%;
					position: absolute;
					left: 0;
					top: 0;
					z-index: 2;
					opacity: 0;
				}
			}
		}
	}

	.line {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 26rpx 0 20rpx 0;

		image {
			width: 60rpx;
			height: 44rpx;
		}

		text {
			height: 44rpx;
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			color: #3B3B3B;
			line-height: 44rpx;
			margin: 0 16rpx;
		}
	}

	.goodsList {
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		width: 100%;

		.group_11 {
			width: 340rpx;
			height: 438rpx;
			flex-direction: row;
			display: flex;
			justify-content: space-between;
			margin: 14rpx 0 0 16rpx;
		}

		.block_2 {
			background-color: rgba(255, 255, 255, 1.000000);
			border-radius: 8rpx;
			width: 340rpx;
			height: 436rpx;
			margin-top: 2rpx;
			display: flex;
			flex-direction: column;
			justify-content: flex-center;
		}

		.image_3 {
			width: 276rpx;
			height: 252rpx;
			margin: 20rpx 0 0 28rpx;
		}

		.box_6 {
			width: 300rpx;
			height: 34rpx;
			flex-direction: row;
			display: flex;
			justify-content: space-between;
			margin: 14rpx 0 0 28rpx;
		}

		.text-wrapper_4 {
			background-color: rgba(255, 68, 56, 1.000000);
			border-radius: 4rpx;
			height: 34rpx;
			display: flex;
			flex-direction: column;
			width: 58rpx;
		}

		.text_12 {
			width: 48rpx;
			height: 34rpx;
			overflow-wrap: break-word;
			color: rgba(255, 255, 255, 1.000000);
			font-size: 24rpx;
			font-family: PingFang SC-Regular;
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			line-height: 24rpx;
			margin-left: 6rpx;
		}

		.text_13 {
			width: 236rpx;
			height: 34rpx;
			overflow-wrap: break-word;
			color: rgba(30, 30, 30, 1.000000);
			font-size: 24rpx;
			font-family: PingFang SC-Regular;
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			line-height: 24rpx;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

		.text-wrapper_5 {
			width: 242rpx;
			height: 50rpx;
			flex-direction: row;
			display: flex;
			margin: 20rpx 0 0 34rpx;
		}

		.text_14 {
			width: 16rpx;
			height: 34rpx;
			overflow-wrap: break-word;
			color: rgba(242, 26, 28, 1.000000);
			font-size: 24rpx;
			font-family: PingFang SC-Semibold;
			font-weight: 600;
			text-align: left;
			white-space: nowrap;
			line-height: 24rpx;
			margin-top: 12rpx;
		}

		.text_15 {
			// min-width: 86rpx;
			height: 50rpx;
			overflow-wrap: break-word;
			color: rgba(242, 26, 28, 1.000000);
			font-size: 36rpx;
			font-family: PingFang SC-Semibold;
			font-weight: 600;
			text-align: left;
			white-space: nowrap;
			line-height: 36rpx;
		}

		.text_16 {
			width: 60rpx;
			height: 28rpx;
			overflow-wrap: break-word;
			color: rgba(242, 26, 28, 1.000000);
			font-size: 20rpx;
			font-family: PingFang SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 20rpx;
			margin: 14rpx 0 0 4rpx;
		}

		.text_17 {
			width: 66rpx;
			height: 30rpx;
			overflow-wrap: break-word;
			color: rgba(148, 148, 148, 1.000000);
			font-size: 22rpx;
			font-family: PingFang SC-Regular;
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			line-height: 22rpx;
			margin: 16rpx 0 0 10rpx;
			text-decoration: line-through;
		}

		.text_18 {
			width: 220rpx;
			height: 28rpx;
			overflow-wrap: break-word;
			color: rgba(148, 148, 148, 1.000000);
			font-size: 20rpx;
			font-family: PingFang SC-Regular;
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			line-height: 20rpx;
			margin: -2rpx 0 20rpx 36rpx;
		}
	}

	.memberCode {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(9, 9, 9, 0.38);
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: center;

		.codeMain {
			width: 560rpx;
			height: 714rpx;
			background-image: url('https://www.royaum.com.cn/static/bg-2.png');
			background-size: 100% 100%;

			.myCode {
				width: 100%;
				height: 50rpx;
				font-size: 36rpx;
				font-weight: 500;
				color: #654731;
				line-height: 50rpx;
				text-align: center;
				margin-top: 64rpx;
			}

			.codeImg {
				display: flex;
				justify-content: center;
				width: 100%;
				height: 378rpx;
				border-radius: 0rpx 0rpx 0rpx 0rpx;
				opacity: 1;
				margin-top: 34rpx;

				.img {
					width: 388rpx;
					height: 378rpx;
					background-color: #fff;
				}
			}

			.codeName {
				width: 100%;
				height: 44rpx;
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				color: #A8A8A8;
				line-height: 44rpx;
				text-align: center;
				margin-top: 62rpx;
			}
		}

	}
</style>
