<style lang="scss">
	@import "@/font.css";

	.flex-1 {
		flex: 1
	}

	.user_info_box {

		.my-name {
			display: flex;
			align-items: center;
			margin: 12rpx 0;

			.img {
				margin-left: 10rpx;
				display: flex;
				align-items: center;
			}
		}
	}

	.header {
		height: 342rpx;
		background-color: red;
		// background: url('../../static/images/user/nav_bg.png') center center no-repeat;

		.history {
			margin-top: 50rpx;
		}

		.setting {
			position: relative;
			z-index: 22;
		}

		.share_wrapper {
			padding: 20rpx;
			margin-top: 10rpx;
			border-radius: 20rpx 20rpx 0 0;
			background: linear-gradient(90deg, rgb(54, 55, 57), rgb(22, 22, 22));

			.left {
				.text {
					color: gold;
					padding-bottom: 20rpx;
				}
			}

			.btn_share {
				padding: 10rpx 14rpx;
				border-radius: 10rpx;
				background: linear-gradient(90deg, #FF5050 0%, #FF9F80 100%);

				.text {
					margin-right: 4rpx;
					font-weight: 300;
				}
			}
		}
	}

	.user_id {
		text-align: left;
		
	}

	.grade {
		color: gold;
		background-color: rgb(79, 55, 36);
		// width: 140rpx;
		border-radius: 30rpx;
		padding: 4rpx 16rpx;
		margin: 4rpx 0;
		margin-right: 10rpx;

		.zyhs {
			margin-right: 6rpx;
		}
	}

	.con {
		.zyhs {
			color: rgb(110, 108, 126);
		}

		.grod-item {

			// width: auto !important;
			// flex: 1 !important;
			.zyhs {
				padding-bottom: 40rpx;
			}
		}

		.tabs_item {
			margin-bottom: 20rpx;
			padding-right: 20rpx;

			.left {
				margin-right: 20rpx;
			}

			border-right: 1rpx solid #e6e6e6;
		}
	}

	.btn_logout {
		color: #ffffff;
		background-color: #22bd5e;
		padding: 18rpx;
		border-radius: 40rpx;
		text-align: center;
		width: 60%;
		margin: 40rpx auto 0 auto;
	}

	.scroll_view {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 100rpx;
	}

	.btn_copy {
		padding: 4rpx 26rpx;
		font-size: 24rpx;
		border-radius: 8rpx;
		margin-left: 10rpx;
		border: 1rpx solid rgb(75, 136, 254);
	}

	.header_wrapper_size {
		min-height: 342rpx;
	}

	.top-setting {
		position: absolute;
		top: calc(var(--status-bar-height) + 45rpx);
		left: 80%;
		display: flex;
		justify-content: right;

		span {
			font-weight: 500;
			margin-left: 10rpx;
			color: #484848;
			font-size: 28rpx;
			line-height: 40rpx;
		}
	}

	.header_wrapper {
		// min-height: 342rpx;
		padding: 0 24rpx;
		padding-top: calc(var(--status-bar-height) + 40rpx);
		left: 0;
		right: 0;
		top: 0;
		/* 头部容器不再使用背景图，避免影响整体页面背景 */
		background: none;
		background-size: 100% 100%;
		position: relative;
		z-index: 2000;

		.header_right {
			image {
				width: 40rpx;
				height: 40rpx;
			}

			.ic_setting {
				margin-left: 24rpx;
			}
		}

		.header_user_info {
			.user_avatar {
				width: 120rpx;
				height: 120rpx;
				border-radius: 50%;
				background: linear-gradient(90deg, #E2B83C, #FFECB5);

				.avatar {
					width: 117rpx;
					height: 117rpx;
					border-radius: 50%;
				}
			}

			.user_info {
				margin-left: 30rpx;

				.grade {
					color: gold;
					background-color: rgb(79, 55, 36);
					border-radius: 30rpx;
					padding: 2rpx 16rpx;
					margin: 4rpx 0;
					margin-right: 10rpx;

					.zyhs {
						margin-right: 6rpx;
					}
				}

				.user_id {
					// width: 128rpx;
					height: 28rpx;
					background: linear-gradient(90deg, #FFB8B8 0%, rgba(255, 184, 184, 0) 100%);
					border-radius: 30rpx;
					opacity: 1;
				}

				.btn_copy {
					padding: 2rpx 16rpx;
					font-size: 20rpx;
					border-radius: 8rpx;
					margin-left: 10rpx;
					border: 1rpx solid #FFB8B8;
				}

				.identity_vip {
					margin-right: 10rpx;
					padding: 0 16rpx;
					height: 32rpx;
					background: linear-gradient(360deg, #FBE098 0%, #FFFFFF 100%);
					box-shadow: inset 0px 3rpx 6rpx 1rpx rgba(251, 221, 147, 0.41);
					border-radius: 30rpx;
					opacity: 1;
					border: 1rpx solid #E2B83C;
					color: #7D4C09;
					font-size: 20rpx;

					image {
						width: 22rpx;
						height: 20rpx;
						margin-right: 6rpx;
					}
				}

				.identity_partner {
					color: #E24A3A;
					border: 1rpx solid #FFA298;
					background: linear-gradient(360deg, #FFCBCB 0%, #FFFFFF 100%);
				}
			}
		}

		.my_asset {
			margin-top: -30upx;
			height: 160rpx;
			width: 100%;
			padding: 2rpx 0 0 2rpx;
			border-radius: 20rpx;
			// background: linear-gradient(90deg, #F6BE5E 0%, #FFE7A5 100%);
			border-radius: 16px 16px 16px 16px;
			opacity: 1;
			z-index: 100;

			.my_asset_bg {
				height: 192upx;
				border-radius: 20rpx;
				// background: rgba(255, 208, 90, 0.7);
				background-image: url('../../static/images/user/nat_bg_block.png');
				background-size: contain;
				background-position: center center;
				background-repeat: no-repeat;

				.my_asset_item {
					flex: 1;
					padding-left: 30rpx;
					display: flex;
					justify-content: center;
					font-weight: 500;
					font-size: 36upx;
					font-family: 'Product-Sans-Bold';

					image {
						width: 60rpx;
						height: 60rpx;
						margin-right: 18rpx;
					}

					view {
						color: rgba(125, 86, 19, 1);
						text-align: center;
						margin-top: 10upx;
					}

					text {
						font-size: 22rpx;
						color: rgba(190, 135, 53, 1);
						text-align: center;
						margin-top: 10upx;
					}
				}
			}
		}
	}

	.scroll_wrapper {
		width: auto;
		padding: 30rpx 24rpx 0 24rpx;
		display: block;

		.box_bg {
			background: #FFFFFF;
			box-shadow: 0px 2rpx 10rpx 1rpx rgba(201, 208, 220, 0.2);
			border-radius: 20rpx;
			padding: 6rpx;
			opacity: 1;
			margin-bottom: 16rpx;
		}

		.global-title {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 12rpx;
			margin-bottom: 10rpx;

			.title-left {
				display: flex;
				align-items: flex-end;
				font-weight: bold;
				font-size: 33rpx;
				font-style: italic;
				color: #808080;

				.black-line {
					color: #000000;
				}

				.green-line {
					color: #22bd5e;
				}

				.grey-line {
					font-size: 22rpx;
					color: #808080;
					padding-left: 8rpx;
				}
			}

			.title-right {
				font-weight: bold;
				font-size: 28rpx;
				color: #808080;
			}
		}

		.share_box {
			background: #fff;
			// background: linear-gradient(312deg, #FFFFFF 0%, #FEE9BD 100%);
			border-radius: 14rpx;
			opacity: 1;
			padding: 18rpx 14rpx;

			.text1 {
				font-weight: bold;
				color: #7D4C09;
				margin-right: 20rpx;
			}

			.text2 {
				font-weight: 500;
				color: #BE8735;
				font-size: 22rpx;
			}

			.btn_share {
				width: 128rpx;
				height: 48rpx;
				float: right;
				background: linear-gradient(90deg, #FF5050 0%, #FF9F80 100%);
				border-radius: 28rpx;
				opacity: 1;
				font-weight: 300;
				color: #fff;
				font-size: 22rpx;
			}
		}

		.tabs_box {
			padding: 0 10rpx;

			&:nth-child(2) {
				margin-left: 20upx;
				margin-right: 20upx;
			}

			.tabs_item {
				height: 120upx;
				margin-left: 5upx;
				margin-right: 5upx;
				border-radius: 10upx;

				text {
					color: #fff;
					font-weight: 400;
				}

				view {
					color: #fff
				}

				image {
					width: 95rpx;
					height: 95rpx;
				}
			}

			.border_right {
				border-right: 1rpx solid rgba(229, 229, 229, 1);
			}
		}

		.order_box {
			padding: 40rpx 18rpx 40rpx 18rpx;
		}

		.manage_box {
			padding: 24rpx 0;
		}

		.binguo_box {
			padding: 6rpx 0;
			border-radius: 20rpx;

			.convButton {
				// background: url('../../static/home/shandui.png') no-repeat;
				// background-size: 100% 100%;
				display: flex;
				align-items: center;
				height: 60rpx;
				font-size: 28rpx;
			}
		}

		// .title {
		// 	margin-bottom: 24rpx;
		// 	padding: 0 20rpx;
		// }

		.order_item {
			image {
				width: 60rpx;
				height: 60rpx;
				margin-bottom: 10rpx;
			}

			view {
				font-size: 24upx
			}

			text {
				font-size: 24upx;
				color: #444444
			}
		}
	}

	.icon-putong {
		background: linear-gradient(270deg, #ADADAD 0%, #D0D0D0 100%);
		padding: 3upx 20upx;
		color: #000000;
		font-weight: 500;
		font-size: 26upx;
		border-radius: 40upx;
		margin-left: 5upx;
		margin-right: 5upx;
	}

	.icon-box-rate {
		position: relative;
		display: flex;
		align-items: center;
		margin: 5upx;

		&_left {
			background: linear-gradient(132deg, #FFDB67 0%, #FFA915 100%);
			;
			padding: 5upx 10upx;
			border-radius: 30upx;
			color: #fff;
			font-size: 22upx;
			position: relative;
			z-index: 9999;
		}

		&_right {
			position: relative;
			z-index: 10;
			border: 2rpx solid #FFAC1C;
			background: linear-gradient(132deg, #FFF7EF 0%, #FFF2C9 15%, #FFE097 99%);
			padding: 4upx 10upx 4upx 30upx;
			margin-left: -30upx;
			font-size: 25upx;
			font-weight: 600;
			border-radius: 30upx;
			display: flex;
			justify-content: end;
			align-content: center;

			image {
				width: 28upx;
				height: 28upx;
				margin: 0upx 2upx;
			}
		}
	}

	.icon-box {
		position: relative;
		display: flex;
		align-items: center;
		margin: 5upx;

		image {
			width: 45upx;
			height: 45upx;
		}

		> view {
			background: linear-gradient(270deg, #FFE48E 5%, #FFD164 100%);
			padding: 4upx 30upx 4upx 40upx;
			margin-left: -30upx;
			font-size: 25upx;
			font-weight: 600;
			border-radius: 30upx;
		}
	}
</style>
<template>
    <z-paging ref="paging" v-model="queryList" @query="pageInit" :auto="false">
        <view class="main">
            <!-- 页面顶部整幅背景图，占位显示整图 -->
			<block v-if="userDetailInfo.nickname">
				<image class="page-top-bg-img" src="@/static/my-page/topp.png" mode="widthFix"></image>
			</block>
			<block v-else>
			</block>
			<!-- 		<view class="header_wrapper_size" :style="{ height: sizeHeight + 'px' }">

			</view> -->
            <view class="header_wrapper" id="headerBox" style="position: relative; z-index: 1;">
				<!-- 设置 -->
				<view class="top-setting" @click="toNav('/pages/setting/index')">
					<image style="width:36rpx;height:36rpx" class="ic_setting"
						src="../../static/images/user/shezhi@3x.png" mode=""></image>
					<span>设置</span>
				</view>

				<block v-if="userDetailInfo.nickname">
					<view class="header_user_info flex">
						<view class="user_avatar flex flex-center">
							<image :src="filterImg(avatar)" mode="aspectFill" class="avatar"></image>
						</view>
						<view class="user_info">
							<view class="user_info_box">
								<view class="my-name">
									<view class="font32 line f-b color-b3">
										{{ userDetailInfo.nickname }}
									</view>
									<!-- <block v-for="(item, index) in identity" :key="index">
										<view class="img" v-if="item.identityNameCode == 1 && item.identityStatus == 1">
											<image style="width:40px;height:20px"
												src="../../static/images/user/VIPbiaoqian@3x.png"></image>
										</view>
									</block> -->

									<!-- <view class="flex flex-align-center flex-wrap"> -->
										<!-- <view class="icon-box">
											<image src="../../static/images/user/lianchuang.png"></image>
											<view 
												style="background: linear-gradient(117deg, #95B1FF 0%, #5078FA 100%);color: #fff;">
												联创</view>
										</view> -->
									<!-- </view> -->
								
								</view>

								<view class="flex items-center">
									<view class=" flex items-center">
										<text class="font24">ID: {{ userDetailInfo.username }}</text>
										<view style="font-weight: 600;margin-left: 20rpx;" @click.stop="handlerCopy(userDetailInfo.username)" class=" ">
											<image src="../../static/my-page/copy.png" style="width: 24rpx; height: 24rpx; padding-top: 9rpx;"></image>
										</view>
									</view>
								</view>
							</view>
							<view class="flex flex-align-center flex-wrap" style="height: 19rpx; padding-top: 6rpx;">
								<!-- <view v-if="consumer != null">
									<view class="icon-box-rate">
										<view class="icon-box-rate_left">消费商</view>
										<view class="icon-box-rate_right">
											<image src="../../static/images/user/star.png"
												v-for="i in consumer.identityStatus"></image>
										</view>
									</view>
								</view> -->

                                <!-- <view v-if="identityLoaded && !isVip"> -->
                                    <!-- <block v-if="vipInfo && vipInfo.lockStatus == 0"> -->
										<!-- <view class="icon-box">
											<image src="../../static/images/user/suodingVIP.png"></image>
											<view>VIP</view>
										</view> -->
									<!-- </block> -->
									<!-- <block v-else>
										<view class="icon-putong">
											普通用户
										</view>
									</block> -->
								<!-- </view> -->

								<!-- {{ identity }} -->
								<!-- <block v-for="(item, index) in identity" :key="index">
									<view v-if="item.identityNameCode == 2 && item.identityStatus == 1">
										<view class="icon-box">
											<image src="../../static/images/user/lianchuang.png"></image>
											<view
												style="background: linear-gradient(117deg, #95B1FF 0%, #5078FA 100%);color: #fff;">
												联创</view>
										</view>
									</view>
									<view v-if="item.identityNameCode == 3 && item.identityStatus == 1">
										<view class="icon-box">
											<image src="../../static/images/user/hehuoren.png"></image>
											<view
												style="background: linear-gradient(270deg, #C7D8FF 0%, #ACC7FF 100%);color: #0030CE;">
												合伙人
											</view>
										</view>
									</view>
									<view v-if="item.identityNameCode == 4 && item.identityStatus == 1">
										<view class="icon-box">
											<image src="../../static/images/user/fenxiaoshang.png"></image>
											<view
												style="background:linear-gradient(117deg, #B67DFF 0%, #A260F7 100%);color: #fff;">
												分销商</view>
										</view>
									</view>
									<view v-if="item.identityNameCode == 6 && item.identityStatus != 0">
										<view class="icon-box">
											<image src="../../static/images/tuiguangshang.png"></image>
											<view
												style="background:linear-gradient(117deg, #0F721C 0%, #B2FFD5 100%);color: #fff;">
												推广商 V{{
                        item.identityStatus }}
											</view>
										</view>
									</view>
									<view v-if="item.identityNameCode == 7 && item.identityStatus != 0">
										<view class="icon-box">
											<image src="../../static/images/shengdaili.png"
												v-if="item.identityStatus === 1"></image>
											<image src="../../static/images/qudaili.png"
												v-if="item.identityStatus === 3"></image>
											<image src="../../static/images/shidaili.png"
												v-if="item.identityStatus === 2"></image>
											<view v-if="item.identityStatus === 3"
												style="background: linear-gradient(132deg, #BCD6BF 0%, #ABC1AD 100%);color: #235223;">
												区代理
											</view>
											<view v-if="item.identityStatus === 2"
												style="background: linear-gradient(132deg, #E8E7CF 0%, #E4D3BB 100%);color: #41382A;">
												市代理
											</view>
											<view v-if="item.identityStatus === 1"
												style="background:linear-gradient(132deg, #E8D4CF 2%, #E4C1BB 100%);color: #681501;">
												省代理
											</view>
										</view>
									</view>
								</block> -->
								<!-- <block v-if="userDetailInfo.storeIsOpen === 1">
									<view class="icon-box">
										<image src="../../static/images/user/shangjia.png"></image>
                                        <view
                                            style="background: linear-gradient(132deg, #F6CD6D 0%, #FFE48E 41%, #FFD164 100%); color: #333;">
											商家
										</view>
									</view>
								</block>
								<block v-if="userDetailInfo.systemInfo === 1">
									<view class="flex flex-align-center grade font24">
										<text style="font-size: 24rpx;" class="zyhs zyhs-id"></text> 系统账户
									</view>
								</block> -->
							</view>
						</view>
					</view>
					<u-gap height="36rpx"></u-gap>
					<!-- 余额等资产显示 -->
					<view class="new_asset wallet-fans">
						<view class="asset-item"
							@click="goPage('/pages/home/zhongYiWanShangMy')">
							<view class="title-box">
								<view class="title">
									我的资产
								</view>
								<view class="detail">
									<view class="sub-title">
										余额等
									</view>
									<view class="enter">
										查看详情
									</view>
								</view>
							</view>
							<image src="../../static/my-page/wallet.png" class="wallet-img"></image>
						</view>
						<view style="width:30rpx;">
							<!-- 中间的间隔 -->
						</view>
						<view class="wodefensi asset-item" @click="goPage('/pages/user/team')">
							<view class="title-box">
								<view class="title">
									我的粉丝
								</view>
								<view class="detail">
									<!-- <view class="sub-title">
										点我
									</view> -->
									<text  class="sub-value">
										点击进入>
									</text >
								</view>
							</view>
							<image src="../../static/my-page/fans.png" class="fans-img"></image>
						</view>
					</view>
				</block>
				<block v-else>
					<view class="flex flex-grow padding-30" style="justify-content: space-between;">
						<view class="flex flex-align-center" @click="toNav('/pages/login/login')">
							<view>
								<image style="width: 95rpx; height: 95rpx; margin-right: 40rpx;"
									:src="filterImg(avatar)" mode="aspectFill" class="avatar"></image>
							</view>
							<view>
								<view class="flex flex-align-center">
									<text class="font38 line">登录/注册</text>
								</view>
							</view>
						</view>
					</view>
				</block>
			</view>

            <view class="scroll_wrapper" style="position: relative; z-index: 1;">
				<view class="global-title">
					<view class="title-left">
						<view class="black-line">
							我的
						</view>
						<view class="green-line">
							订单
						</view>
						<view class="grey-line">
							/ MY ORDER
						</view>
					</view>
					<view class="title-right" @click="goOrder(1)">
						全部
						<uni-text class="iconfont color-9" style="font-size: 30rpx;"><span></span></uni-text>
					</view>
				</view>
					
				<view class="box_bg order_box">
					<view class="flex flex-between">
						<view @click="goOrder(item.status)" class="order_item flex flex-column flex-1 flex-center"
							v-for="(item, index) in cuList" :key="index" style="position: relative;">
							<image :src="item.icon" mode="" width="40"></image>
							<text class="font24 color-b3">{{ item.name }}</text>
							<u-badge :offset="[-5, 10]" style="color: #fff;" :absolute="true" type="error" max="99"
								:value="item.tip"></u-badge>
						</view>
					</view>
				</view>

				<!-- 分享好友 -->
				 <view class="share-box">
					<image class="new-banner-img" @click="goPage('/pages/user/invite')"
						src="../../static/my-page/share.png" mode="scaleToFill"></image>
				 </view>


				<!-- 槟果、闪兑 -->
				<!-- <view class="binguo_box" style="background: url('../../static/home/beijing@2x.png') no-repeat; background-size: 100% 100%;">
					<view style="display:flex; justify-content: space-between; align-items: center;">
						<view style="padding-left: 15rpx;">
							<span class="title color-b3 font28 f-b">
								我的槟果
							</span>
							<span style="color:red; font-size: 30rpx;">{{dataInfo.myInteger}}</span>
							<span class="color-b3 font28 f-b" style="margin-left: 6rpx;">个</span>
						</view>
						<view style="padding: 5rpx 15rpx 5rpx 0;">
							<button class="convButton"  @click="inputDialogToggle">
								闪兑
							</button>
						</view>
					</view>
				</view> -->
				<view class="global-title">
					<view class="title-left">
						<view class="black-line">
							我的
						</view>
						<view class="green-line">
							功能
						</view>
						<view class="grey-line">
							/ MY FUNCTION
						</view>
					</view>
				</view>

				<view class="box_bg manage_box">
					<view class="flex">
						<view @click="goPage(item.path)" style="width: 25%;"
							class="order_item flex flex-column flex-center" v-for="(item, index) in educationList"
							:key="index">
							<image :src="item.icon" mode=""></image>
							<text class="font24 color-b3">{{ item.name }}</text>
						</view>
					</view>
				</view>

				<view class="global-title">
					<view class="title-left">
						<view class="black-line">
							实用
						</view>
						<view class="green-line">
							工具
						</view>
						<view class="grey-line">
							/ PRATICAL TOOLS
						</view>
					</view>
				</view>

				<view class="box_bg" @click="goPage('/pages/user/authentication/authentication')">
					<view class="real-name">
						<view class="title-box">
							<view class="title">
								实名认证
							</view>
							<view class="detail">
								<view class="sub-title">
									验证身份 确认信息
								</view>
								<text  class="enter">
									前往认证
								</text >
							</view>
						</view>
						<image src="../../static/my-page/realName.png" mode="scaleToFill" class="real-name-img"></image>
					</view>
				</view>

				<!-- 槟榔、辣椒相关信息 -->
				<block v-if="userDetailInfo.nickname">
					<view class="new_asset asset">
						<view class="asset-item binglang-lajiao binglang" @click="callbackMethod('goLicai')">
						<!-- <view class="asset-item binglang-lajiao"> -->
							<view class="title-box">
								<view class="title">
									南药基地
								</view>
								<view class="detail">
									<view class="assets-box">
										<view>槟榔:</view>
										<view class="assetsNum">{{ statistics["blNum"] }}</view>
										<view>棵</view>
									</view>
									<!-- <view class="enter">
										>
									</view> -->
								</view>
							</view>
						
						</view>
						<view class="asset-item binglang-lajiao lajiao" @click="callbackMethod('goChili')">
						<!-- <view class="asset-item binglang-lajiao"> -->
							<view class="title-box">
								<view class="title">
									林下经济
								</view>
								<view class="detail">
									<view class="assets-box">
										<view>辣椒:</view>
										<view class="assetsNum">{{ statistics["ljNum"] }}</view>
										<view>棵</view>
									</view>
									<!-- <view class="enter">
										>
									</view> -->
								</view>
							</view>
						
						</view>
					</view>
				</block>
				<block v-else></block>
				<view v-if="userDetailInfo.nickname" class="btn_logout flex flex-center" @click="toLogout()">退出登录</view>
				<!-- <view  class="btn_logout flex flex-center" @click="launchMiniProgram()">打开小程序</view> -->
				<!-- 备案信息 -->
				<view class="ba-msg">
					<view class="msg-item">主办单位：中亿华商（海南）跨境电子商务有限公司</view>
					<view class="msg-item">版权所有：中亿华商（海南）跨境电子商务有限公司</view>
					<view class="msg-item">
						<image class="ba-icon" src="../../static/icon_ba.png" /><text>琼ICP备2022020857号-1</text>
					</view>
					<view class="msg-item">联系电话：089868715191</view>
				</view>
				<u-gap height="150rpx"></u-gap>
			</view>
			<!-- 弹框 -->
			<modal v-if="showModal">
				<image :src="advertData.ossUrl" mode="widthFix" @click="imgJump"></image>
				<text class="iconfont color-w font60" style="margin-top: 20rpx;"
					@click="showModal = false">&#xe64a;</text>
			</modal>

			<!-- 闪兑输入框 -->
			<uni-popup ref="inputDialog" type="dialog">
				<uni-popup-dialog mode="input" :title="dialogTitle" placeholder="请输入兑换资产数量" @confirm="dialogInputConfirm">
				</uni-popup-dialog>
			</uni-popup>
			<!-- 福利红包 -->
			<!-- <red-envelopes v-for="(item, i) in redList" :key="i" :data="item" :type="3" :bottom="i === 0 ? 100 : i*80+100"></red-envelopes> -->

			<!-- <tabbar></tabbar> -->
		</view>
	</z-paging>
</template>

<script>
	import iconUser from "@/components/icon-user.vue"
	var sweixin = null;
	import {
		mapMutations,
		mapActions,
		mapState
	} from "vuex"
	import {
		getMyRecordsStatistics,
	} from "@/api/system/user.js";
	import modal from "@/components/modal.vue"
	import redEnvelopes from "@/components/red-envelopes.vue"
	import uniPopup from "@/components/uni-popup/uni-popup.vue"
	import tabbar from "@/components/tabbar.vue"
	import url from "@/common/http/url.js"
	import publics from "@/common/utils/public.js"
	import {
		integerInfo,
		authenticationApi
	} from "@/api/system/api.js"

	export default {
		components: {
			modal,
			redEnvelopes,
			uniPopup,
			tabbar,
			iconUser
		},
		data() {
			return {
				integerData: {
					integerWorth: 0,
					poolBalance: 0
				},
				dataInfo:{
					integerWorth:0,
					poolBalance:0,
					poolInteger:0,
					myInteger:0,
				},

				fruitInfo: null,
				dailiInfo: null,
				queryList: [],
				userDetailInfo: {},
				contentHeight: 0,
				staticUrl: this.$staticUrl,
				avatar: this.$staticUrl + "user/avatar.png",
				assetList: [
					// {
					//   name: '贡献值',
					//   icon: require('../../static/images/user/ic_xfz.png'),
					//   path: '/pages/user/record/list?title=贡献值&type=getConsumeRecord'
					// },
					// {
					//   name: '绿色积分',
					//   icon: require('../../static/images/user/ic_green.png'),
					//   path: '/pages/user/record/list?title=绿色积分&type=getGreenRecord&transferType=2'
					// },
					{
						name: '积分价值',
						icon: require('../../static/images/user/ic_xfz.png'),
						// path: '/pages/user/record/list?title=贡献值&type=getConsumeRecord'
					},
					{
						name: '分红池总金额',
						icon: require('../../static/images/user/ic_green.png'),
						// path: '/pages/user/record/list?title=绿色积分&type=getGreenRecord&transferType=2'
					},
					{
						name: '余额',
						icon: require('../../static/images/user/ic_balance.png'),
						path: '/pages/user/balance/list?title=我的余额&type=getBalanceRecord&transferType=1'
					}
				],
				tabsList: [
					//UPDATE: 以下画红线的部分在APP端先隐藏
					// {
					//     name: "管理钱包",
					//     text: '天天领钱',
					//     icon: require('../../static/images/user/ic_gold.png'),
					//     color: 'rgb(75, 136, 254)',
					//     size: '34',
					//     path: '/pages/user/record/list?title=管理钱包&type=getWalletRecord&transferType=3'
					//   },
					//   {
					//     name: "积分统计",
					//     text: '今日释放',
					//     icon: require('../../static/images/user/ic_score.png'),
					//     color: 'rgb(236, 72, 69)',
					//     size: '40',
					//     path: '/pages/user/myScore'
					//   },
					{
						//UPDATE: 我的团队改名我的粉丝
						name: "我的粉丝",
						text: '粉丝分红',
						icon: require('../../static/images/user/ic_team.png'),
						color: 'rgb(253, 178, 114)',
						size: '40',
						path: "/pages/user/team"
					}
				],
				toolList: [{
						name: "我的资产",
						tip: 0,
						icon: "zyhs-zichan",
						status: 0,
						size: '46',
						path: '/pages/user/wallet/index'
					},
					{
						name: "地址管理",
						tip: 0,
						icon: "zyhs-dizhi",
						status: 2,
						size: '44',
						path: '/pages/user/address/index?type=1'
					},
					// {name: "其他资产", tip: 0, icon: "zyhs-dashanghongbao", status: 3, size: '40'},
					{
						name: "线下订单",
						tip: 0,
						icon: "zyhs-xianxiadingdan",
						status: 3,
						size: '42'
					}
				],
				cuList: [{
						name: "待付款",
						tip: 0,
						icon: require('../../static/images/user/daifukuan@2x.png'),
						status: 2,
						size: '40'
					},
					{
						name: "待发货",
						tip: 0,
						icon: require('../../static/images/user/daifahuo@2x.png'),
						status: 3,
						size: '40'
					},
					{
						name: "待收货",
						tip: 0,
						icon: require('../../static/images/user/daishouhuo@2x.png'),
						status: 4,
						size: '42'
					},
					{
						name: "待评价",
						tip: 0,
						icon: require('../../static/images/user/daipingjia@2x.png'),
						status: 5,
						size: '42'
					},
					// {
					// 	name: "线下订单",
					// 	tip: 0,
					// 	icon: require('../../static/images/user/xianxiadingdan@2x.png'),
					// 	status: 6,
					// 	size: '42'
					// }
				],
				shopManageList: [
					// {
					// 	name: "商家打赏",
					// 	tip: 0,
					// 	icon: require('../../static/images/user/shangjiadashang@3x.png'),
					// 	status: 3,
					// 	size: '40',
					// 	type: 3,
					// 	path: "reward"
					// },
					// {
					// 	name: "商家提现",
					// 	tip: 0,
					// 	icon: require('../../static/images/user/shangjiatixian@3x.png'),
					// 	status: 3,
					// 	size: '44',
					// 	type: 4,
					// 	path: '/pages/user/wallet/index?type=3&assetAccount=0'
					// }
				],
				educationList: [
					{
						name: "公司介绍",
						tip: 0,
						icon: require('../../static/my-page/func-yzyh.png'),
						status: 0,
						size: '46',
						path: '/pages/user/education/index?title=应知应会'
					},
					// {
					// 	name: "精彩课程",
					// 	tip: 0,
					// 	icon: require('../../static/my-page/func-jckc.png'),
					// 		status: 2,
					// 	size: '44',
					// 	path: '/pages/user/education/index?title=精彩课程'
					// },
					{
						name: "发展历程",
						tip: 0,
						icon: require('../../static/my-page/func-fgs.png'),
						status: 3,
						size: '40',
						path: '/pages/user/education/index?title=分公司'
					}
				],
				practicalList: [
					{
						name: "水果卡",
						tip: 0,
						icon: require('../../static/images/user/shuiguoka@3x.png'),
						status: 2,
						size: '38',
						path: '/pages/user/Fruit/index'
					},
					{
						name: "我的收藏",
						tip: 0,
						icon: require('../../static/images/user/wodeshoucang@3x.png'),
						status: 0,
						size: '46',
						path: '/pages/user/collect'
					},
					// {
					//   name: "系统设置",
					//   tip: 0,
					//   icon: require('../../static/images/user/ic_syssetting.png'),
					//   status: 2,
					//   size: '38',
					//   path: '/pages/setting/index'
					// },
					// {
					//   name: "银行卡管理",
					//   tip: 0,
					//   icon: require('../../static/images/user/ic_card_manage.png'),
					//   status: 2,
					//   size: '38',
					//   path: '/pages/user/payment/list?type=3&coupon=true'
					// },
					{
						name: "水果券",
						tip: 0,
						icon: require('../../static/images/user/shuiguoquan@3x.png'),
						status: 2,
						size: '38',
						path: '/pages/user/balance/list?title=水果券&type=getFruitRecord&transferType=5'
						// path: '/pages/user/Fruit/index?type=3&coupon=true'
					},
					{
						name: "实名认证",
						tip: 0,
						icon: require('../../static/images/user/shimingrenzheng@3x.png'),
						status: 2,
						size: '38',
						path: '/pages/user/authentication/authentication'
						// path: '/pages/user/Fruit/index?type=3&coupon=true'
					},
					// {
					//   name: "充值",
					//   tip: 0,
					//   icon: require('../../static/ic_recharge.png'),
					//   status: 2,
					//   size: '38',
					//   path: '/pages/user/balance/recharge'
					// }
				],
				servicePhone: "",
				cbfcAcountData: {},
				teamTotal: 0,
				balance: 0,
				cardsTotal: 0,
				showModal: false,
				advertData: false,
				redList: [],
				mobileList: [],
				threeData: [],
				platform: uni.getSystemInfoSync().platform,
				uniPlatform: uni.getSystemInfoSync().uniPlatform,
				configAppstoreHidePage: false,
				wxBtnHeight: 20,
				scrollTop: 516 / uni.getStorageSync('dpi') + 44 + uni.getStorageSync('system').statusBarHeight,
				loading: true,
				identity: [],
				isVip: false,
				vipInfo: {},
				consumer: null,
      identityLoaded: false,
				sizeHeight: 342 / uni.getStorageSync('dpi'),
				sweixin: '',
				dialogTitle:"",

				// 槟榔、辣椒资产
				statistics: {
					blNum: 0,
					ljNum: 0
				},
				authInfo: {}
			}
		},
		onPullDownRefresh() {
			console.log('666666')
			this.init();
			this.$store.dispatch('getMyAsset');
		},
		computed: {
			...mapState(["userInfo", "myAsset", "sysTem", "isLogin"])
		},
		onLoad() {

			// #ifdef MP-WEIXIN
			this.wxBtnHeight = wx.getMenuButtonBoundingClientRect().height
			// #endif
			// #ifdef APP-PLUS

			this.wxBtnHeight = uni.getStorageSync('system').statusBarHeight + 10

			// this.scrollTop = 516/uni.getStorageSync('dpi') + 44;
			// #endif
			// 广告弹框
			this.$http("GET", url.cms.advertisingMap, {
				position: 8
			}).then(res => {
				if (res.data && res.data.length > 0) {
					this.advertData = res.data[0]
					if (this.advertData.popupMode === 2) {
						if (!publics.advertShowToStorage(this.advertData.id)) {
							this.showModal = true
						}
					} else {
						this.showModal = true
					}
				}
			});

		},
		mounted() {
			console.log('**********************', this.userDetailInfo);
			console.log('***********************', uni.getStorageSync("userInfo"));
			this.userDetailInfo = uni.getStorageSync("userInfo") || {};
			if (this.userDetailInfo.username) this.loading = false
			console.log('this.wxBtnHeight', this.userDetailInfo)
			this.getHeaderHeight();
			// if (!this.userDetailInfo.username) {
			// 	this.getHeaderHeight(); this.loading = false;
			// }

			this.init()
			this.getRedBagList()
			this.getUserIdentity()
			// this.getMyAsset();
			this.$store.dispatch('getMyAsset');
			// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
			if (this.platform === "ios" && this.uniPlatform === 'app') {
				this.$http("GET", url.common.appstoreHidePage).then(res => {
					console.log(this.platform)
					if (res.data) {
						this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
					}
				})
			} else { //其它设备则显示
				this.configAppstoreHidePage = true
			}
			this.checkToken();
			this.getMyTotalRecord();
		},
		async onShow() {
			console.log('**********************')
			this.userDetailInfo = this.userInfo;
			if (this.userDetailInfo.username) this.loading = false
			console.log('this.wxBtnHeight', this.userDetailInfo)
			this.init()
			this.getRedBagList()
			this.getUserIdentity()
			this.getDataInfo()
			// this.getMyAsset();
			this.$store.dispatch('getMyAsset');
			// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
			if (this.platform === "ios" && this.uniPlatform === 'app') {
				this.$http("GET", url.common.appstoreHidePage).then(res => {
					console.log(this.platform)
					if (res.data) {
						this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
					}
				})
			} else { //其它设备则显示
				this.configAppstoreHidePage = true
			}

			await	this.checkToken();
			await	this.getMyTotalRecord();
		},
		onBackPress() {
			//隐藏到后台，不退出app
			let main = plus.android.runtimeMainActivity();
			main.moveTaskToBack(false);
			return true;
		},
		methods: {
			...mapMutations(["setUserInfo", "logout"]),
			checkToken() {
				this.$http("GET", "/user/userCache").then((res) => {
					if (!res.data) {
						this.logout();
					}
				});
			},
			async authentication() {
				let res = await authenticationApi();
				this.authInfo = res
			},
			// #ifdef APP-PLUS
			launchMiniProgram() {
				//需调用plus.share.getServices获取微信分享服务对象
				plus.share.getServices((s) => {
					let sweixin = {};
					for (let i = 0; i < s.length; i++) {
						let share = s[i];
						if (share.id === 'weixin') {
							sweixin = share
						}
					}
					//小程序参数，必填
					let WeixinMiniProgramOptions = {
						id: 'gh_eada252706e7',
						path: '/pages/me/index' //可指定打开的页面
					}
					sweixin ? sweixin.launchMiniProgram(WeixinMiniProgramOptions) : plus.nativeUI.alert(
						'当前环境不支持微信操作!');
				}, function(e) {
					console.log("获取分享服务列表失败：" + e.message);
				});
			},
			// #endif
			getDataInfo() {
				integerInfo().then((res)=>{
					this.dataInfo = res
				})
			},

			async getMyTotalRecord() {
				let ljRes = await getMyRecordsStatistics({
					type:1
				});
				let blRes = await getMyRecordsStatistics({
					type:2
				});
				if (ljRes.code == 200) {
					for (let key in ljRes.data) {
					if (key == "辣椒") this.statistics.ljNum = ljRes.data[key];
					}
					console.log("res", this.statistics);
				}
				if (blRes.code == 200) {
					for (let key in blRes.data) {
					if (key == "槟榔") this.statistics.blNum = blRes.data[key];
					}
					console.log("res", this.statistics);
				}
			},

			callbackMethod(val) {
				if (val == 'goLicai') {
					this.goLicai()
				} else if (val == 'goChili') {
					this.goChili()
				}
			},

			goLicai() {
				try {
					this.$http('GET', '/user/userCache').then(res => {
					if (res.data) {
						this.$http('GET', url.user.getUserIdentity)
						.then(({ code, data }) => {
							if (code == 200) {
							uni.hideLoading()
							const _ = data.find(item => item.identityNameCode == 1)
							this.goPage('/pages/licai/mine/index')
							}
						})
						.catch(() => uni.hideLoading())
					} else {
						uni.hideLoading()
						this.logout()
					}
					})
				} catch (e) {
					//TODO handle the exception
					uni.hideLoading()
				}
			},
			goChili () {
				try {
					this.$http('GET', '/user/userCache').then(res => {
					if (res.data) {
						this.$http('GET', url.user.getUserIdentity)
						.then(({ code, data }) => {
							if (code == 200) {
							uni.hideLoading()
							const _ = data.find(item => item.identityNameCode == 1)
							if (!!_ && _.identityStatus == 1) {
								//是会员
								this.goPage('/pages/chili/mine/index')
							} else {
								uni.showToast({
								title: 'VIP身份才可入驻',
								icon: 'none'
								})
							}
							}
						})
						.catch(() => uni.hideLoading())
					} else {
						uni.hideLoading()
						this.logout()
					}
					})
				} catch (e) {
					//TODO handle the exception
					uni.hideLoading()
				}
			},

			handlerRight() {
				console.log('222')
			},
			getGrade() {
				const index = 1;
				return {
					// this.consumer.identityStatus
					icon: require(`../../static/images/user/my/xiaofei${index}.png`)
				}
			},


			reset() {
				console.log('**********************', this.userDetailInfo);
				console.log('***********************', uni.getStorageSync("userInfo"));
				this.userDetailInfo = uni.getStorageSync("userInfo") || {};
				if (this.userDetailInfo.username) this.loading = false
				console.log('this.wxBtnHeight', this.userDetailInfo)
				this.getHeaderHeight();
				// if (!this.userDetailInfo.username) {
				// 	this.getHeaderHeight(); this.loading = false;
				// }

				this.init()
				this.getRedBagList()
				// this.getUserIdentity()
				this.getMyAsset();
				this.$store.dispatch('getMyAsset');
				// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
				if (this.platform === "ios" && this.uniPlatform === 'app') {
					this.$http("GET", url.common.appstoreHidePage).then(res => {
						console.log(this.platform)
						if (res.data) {
							this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
						}
					})
				} else { //其它设备则显示
					this.configAppstoreHidePage = true
				}
			},
			getUserIdentity() {
				this.$http("GET", url.user.getUserIdentity).then(({
					code,
					data
				}) => {

					if (code == 200) {
						this.identity = []
						data.map((item) => {
							if (item.identityStatus >= 1) this.identity.push(item);
							this.isVip = data.some((item) => {
								return item.identityNameCode == 1 && item.identityStatus == 1
							});
							this.vipInfo = data.find((item) => {
								return item.identityNameCode == 1 && item.identityStatus == 0
							})
							this.consumer = data.find((item) => {
								return item.identityNameCode == 5 && item.identityStatus > 0
							})
							//水果卡
							this.fruitInfo = data.find((item) => {
								return item.identityNameCode == 7 && item.identityStatus > 0
							})
							//  代理商
							this.dailiInfo = data.find((item) => {
								return item.identityNameCode == 6 && item.identityStatus > 0
							})
						})
					}

					console.log('this.identity', this.identity)
            this.getDataInfo()
            this.identityLoaded = true
				})
			},
			handlerCopy(str) {
				uni.setClipboardData({
					data: str,
					success: () => {
						this.$msg('复制成功')
					}
				});
			},
			async getMyAsset() {
				this.$http("GET", url.user.getMyAsset).then(async (res) => {
					let {
						code,
						data
					} = res;
					console.log('res', res)
					if (code == 200) {
						data.forEach((item) => {
							if (item.assetAccount == null) item.assetAccount = 0;
						})
						this.myAsset = data;
					}
				})
			},
			getHeaderHeight() {
				let query = uni.createSelectorQuery().in(this);
				setTimeout(() => {
					console.log('this.sysTem', this.sysTem)
					console.log('this.sysTem.statusBarHeight', this.sysTem.statusBarHeight)
					query.select('#headerBox').boundingClientRect(data => {
						console.log('=============', data);
						this.scrollTop = data.height + 44 + uni.getStorageSync('system').statusBarHeight;
						this.contentHeight = this.sysTem.screenHeight - (this.sysTem.statusBarHeight + data
							.height)
						console.log('this.contentHeight', this.contentHeight)
						this.sizeHeight = data.height;
					}).exec();
				}, 100)
			},
			async goPage(path) {
				console.log(this.isLogin)
				if (!this.isLogin) return this.$msg("请先登录", 2000);
				if (path.indexOf('getWalletRecord') >= 0) {
					this.$http("GET", url.asset.checkManageIdentity).then(({
						code,
						data
					}) => {
						if (code == 200) {
							if (data) this.toNav(path);
							else this.$msg("您不是商家", 2000)
						}

					})
					return;
				}
				if (path.indexOf('authentication') >= 0) {
					try {
						const res = await authenticationApi();
						this.authInfo = res
						if (res.status == 3) {
							this.$navigateTo('/pages/user/authentication/authentication')
						} else {
							this.$navigateTo('/pages/user/authentication/result')
						}
					} catch (e) {
						this.$msg('获取认证信息失败，请稍后重试')
					}
					return
				}
				if (path == 'service') this.onContact();
				else if (path == 'merchants') this.toMerchants();
				else this.toNav(path)
			},
			//退出登录
			toLogout() {
				let that = this;
				uni.showModal({
					title: "提示",
					content: '确定要退出登陆么',
					success: e => {
						if (e.confirm) {

							// this.$store.dispatch('logout')
							that.logout();
						}
					}
				});
			},
			// 红包福利
			getRedBagList() {
				this.$http("GET", url.cms.redEnvelopesList).then(res => {
					this.redList = res.data
					if (res.data.length > 0) {
						this.redList.map(v => {
							v.show = true
						})
					}
				})
			},
			async pageInit(pageNo, pageSize) {
				console.log('**********************')
				this.userDetailInfo = this.userInfo;
				if (this.userDetailInfo.username) this.loading = false
				console.log('this.wxBtnHeight', this.userDetailInfo)
				
				try {
					await this.init()
					await this.getRedBagList()
					await this.getUserIdentity()
					// this.getMyAsset();
					this.$store.dispatch('getMyAsset');
					// 获取 苹果应用商店需要隐藏的页面和功能模块 配置
					if (this.platform === "ios" && this.uniPlatform === 'app') {
						await this.$http("GET", url.common.appstoreHidePage).then(res => {
							console.log(this.platform)
							if (res.data) {
								this.configAppstoreHidePage = res.data.keyValue === "1" ? false : true
							}
						})
					} else { //其它设备则显示
						this.configAppstoreHidePage = true
					}
					
					// 由于这是用户页面，不需要分页数据，所以传入空数组表示没有更多数据
					this.$refs.paging.complete([]);
				} catch (error) {
					console.error('pageInit error:', error);
					// 如果出错，传入false表示加载失败
					this.$refs.paging.complete(false);
				}
			},
			async init() {
				// 获取收藏、足迹、关注、优惠券数量
				await this.$http("GET", url.user.cbfcAcount).then(res => {
					this.cbfcAcountData = res.data
				})
				// 获取订单状态数量
				await this.$http("GET", url.order.getOrderAmount).then(res => {
					this.cuList[0].tip = res.data.unpaid
					this.cuList[1].tip = res.data.ongoing
					this.cuList[2].tip = res.data.waitReceived
					this.cuList[3].tip = res.data.evaluated
					this.cuList[4].tip = res.data.used + res.data.notUsed
				})
				// // 获取团队总数
				// await this.$http("GET", url.user.getTeamList, {
				//   pageSize: 1
				// }).then(res => {
				//   this.teamTotal = res.data.total
				// })
				// 获取卡包总数
				await this.$http("GET", url.user.getUserCards, {
					pageSize: 1
				}).then(res => {
					this.cardsTotal = res.data.total
				})
				// 获取用户信息
				await this.getUserInfo()
				// 获取钱包余额
				await this.$http('GET', url.user.getWalletInfo).then(res => {
					// this.balance = res.data.balance
				})
				// 获取客服信息
				await this.$http("GET", url.common.customerService).then(res => {
					let mobileList = res.data.mobile
					mobileList.map(v => {
						v.type = "电话"
					})
					let qqList = res.data.qq
					qqList.map(v => {
						v.type = "QQ"
					})
					let wechatList = res.data.wechat
					wechatList.map(v => {
						v.type = "微信"
					})
					this.mobileList = wechatList.concat(qqList).concat(mobileList)
				})
				// 获取第三方服务比例
				await this.$http("GET", url.common.threeProportion).then(res => {
					this.threeData = res.data
				})
			},
			getUserInfo() {
				this.$http("GET", url.user.getUserInfoBasic).then(res => {
					this.setUserInfo(res.data)
					this.userDetailInfo = res.data
					this.avatar = res.data.headPortrait
					this.loading = false
					this.getHeaderHeight();
					if (!this.avatar && res.data.userResources) {
						let userResources = res.data.userResources
						userResources.forEach(v => {
							if (v.type === 0) {
								this.avatar = v.ossUrl
								return
							}
						})
						this.setIMInfo(res.data)
					}
					uni.stopPullDownRefresh()
				})
			},
			// 同步聊天头像及昵称
			setIMInfo(res) {
				if (res) {
					uni.$TUIKit.updateMyProfile({
						nick: res.nickname,
						avatar: this.avatar,
					})
				}
			},
			getScale(code) {
				if (!code || this.threeData.length === 0) return
				let scale = null
				this.threeData.forEach(v => {
					if (v.keyCode === code) {
						scale = v.remarks
						return
					}
				})
				return scale
			},
			showThreeItem(code) {
				if (!code || this.threeData.length === 0) return
				let show = false
				this.threeData.forEach(v => {
					if (v.keyCode === code) {
						show = v.keyValue === "1" ? true : false
						return
					}
				})
				return show
			},
			filterImg(img) {
				return publics.filterImgUrl(img, 1)
			},
			callPhoto(phone) {
				uni.makePhoneCall({
					phoneNumber: phone
				})
			},
			goUser(imAccount) {
				this.$navigateTo("/pages/interaction/user?userId=" + imAccount)
				this.closePopup()
			},
			toAgent() {
				if (this.userDetailInfo.distributorIsOpen === 1) {
					this.toNav("/pages/agent/index")
				} else {
					this.$http("GET", url.distributor.getApplyInfo).then(res => {
						// status: 1=审核中，2=审核通过，3=审核失败
						if (!res.data) {
							this.toNav("/pages/agent/apply")
						} else if (res.data.status === 2) {
							this.toNav("/pages/agent/index")
						} else {
							uni.setStorageSync("examineData", res.data)
							this.toNav("/pages/merchants/settleIn/result")
						}
					})
				}
			},
			/**
			 * item.type === 1 商家入住
			 * item.type === 2 商家管理
			 * item.type === 3 商家打赏
			 * item.type === 4 商家提现
			 *
			 *
			 */
			merchantMenuClick(item) {
				if (!this.isLogin) return this.$msg("请先登录", 2000);
				const {
					storeIsOpen
				} = this.userDetailInfo || {};
				switch (item.type) {
					case 1:
						if (!this.isVip) return this.$msg("您不是会员")
						if (storeIsOpen) {
							this.toMerchants('edit')
							// this.$msg("商家已入驻，请进入商家管理", 2000)
						} else {
							this.toMerchants()
						}
						break;
					case 2:
						if (!this.isVip) return this.$msg("您不是会员")
						if (!storeIsOpen) {
							this.$msg("请先商家入驻", 2000)
						} else {
							this.toMerchants()
						}
						break;
					case 3:
						if (!storeIsOpen) return this.$msg("您不是商家")
						this.toNav("/pages/merchants/reward/reward")
						break;
					case 4:
						if (!storeIsOpen) return this.$msg("您不是商家")
						this.toNav(item.path)
						break;
					default:
						this.$msg("暂未开放", 2000)
						break;
				}

			},
			toMerchants(type) {
				this.$http("GET", url.store.getApplyInfo).then(res => {
					// status: 1=审核中，2=审核通过，3=审核失败
					if (!res.data) {
						this.toNav("/pages/merchants/settleIn/step")
					} else if (res.data.status === 2) { // 审核通过
						if (type == 'edit') this.toNav("/pages/merchants/settleIn/indexCopy?type=edit");
						else this.toNav("/pages/merchants/home");
					} else if (res.data.status === 1) { // 审核中
						uni.setStorageSync("examineData", res.data)
						this.toNav("/pages/merchants/settleIn/result")
					} else { //审核失败
						uni.setStorageSync("examineData", res.data)
						this.toNav("/pages/merchants/settleIn/result")
					}
				})
			},
			// 客服电话
			onContact() {
				if (this.mobileList.length === 0) return
				let _this = this
				let itemList = []
				let phoneList = []
				this.mobileList.map(v => {
					itemList.push(`[${v.type}]${v.name}(${v.keyValue})`)
					phoneList.push(v.keyValue)
				})
				uni.showActionSheet({
					itemList: itemList,
					success(res) {
						if (itemList[res.tapIndex].indexOf("QQ") > -1) {
							_this.$onCopy(phoneList[res.tapIndex])
							_this.$msg("QQ号已复制, 请打开QQ添加客服联系", 2000)
						} else if (itemList[res.tapIndex].indexOf("微信") > -1) {
							_this.$onCopy(phoneList[res.tapIndex])
							_this.$msg("微信号已复制, 请打开微信添加客服联系", 2000)
						} else {
							uni.makePhoneCall({
								phoneNumber: phoneList[res.tapIndex]
							});
						}
					}
				})
			},
			// 扫一扫
			scanCode() {
				let _this = this
				uni.scanCode({
					scanType: ["qrCode"],
					success: function(res) {
						console.log('条码内容：' + res.result);
						let result = res.result
						// 判断内容是url,并且存在data
						if ((result.indexOf("https") > -1 || result.indexOf("http") > -1) && result.indexOf(
								"data") > -1) {
							let reg = new RegExp("(^|&)data=([^&]*)(&|$)");
							let json = result.substr(1).match(reg)
							try {
								let r = JSON.parse(json[2])
								if (r && r.type && r.data) {
									if (r.type === 99) {
										_this.$navigateTo("/pages/interaction/user?userId=" + r.data)
									} else {
										uni.setStorageSync("codeResultData", r)
										_this.$navigateTo("scan/index")
									}
								} else {
									_this.$msg("暂不支持扫码该类型二维码，目前只支持扫商户收款码付款", 5000)
								}
							} catch (err) {
								_this.$msg("暂不支持扫码该类型二维码，目前只支持扫商户收款码付款", 5000)
							}
						} else {
							_this.$msg("暂不支持扫码该类型二维码，目前只支持扫商户收款码付款", 5000)
						}
					}
				});
			},
			goOrder(status) {
				if (!this.isLogin) return this.$msg("请先登录", 2000);
				let url = "/pages/order/index"
				if (status) {
					url = url + "?status=" + status
				}
				this.toNav(url)
			},
			toNav(path) {
				console.log('path', path)
				if (!this.isLogin && path.indexOf('login') < 0) return this.$msg("请先登录", 2000);
				if (!path) return this.$msg('暂未开放')
				this.$navigateTo(path)
			},
			imgJump() {
				this.showModal = false
				this.$http("POST", url.cms.clickAdvertisingMap, {
					id: this.advertData.id
				})
				publics.advertOption(this.advertData.operationCode, this.advertData.operationValue)
			}
		}
	}
</script>

<style lang="scss" scoped>
	.main {
		background-color: #f5f6fa;
	}

    /* 顶部整幅背景图，使用图片元素按宽度自适应，完整展示弧形 */
    .page-top-bg-img {
        display: block;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 0;
        pointer-events: none;
    }

	/* #ifdef H5 */
	.page-top-bg-img {
		margin-top: -70rpx; /* 只在H5端生效，往上移动 */
	}
	/* #endif */	

	/* #ifdef APP-PLUS */
	.page-top-bg-img {
		/* 在 APP 端，按状态栏高度向上偏移，抵消系统状态栏造成的位移 */
		margin-top: 0rpx;
	}
	/* #endif */

	.header {
		// height: 300rpx;
		padding: 0 20rpx 20rpx 20rpx;
		background: linear-gradient(180deg, #F6D5D2, #FFFFFF);
		background-size: 100% 100%;

		.avatar {
			width: 100rpx;
			height: 100rpx;
			background-color: white;
			border-radius: 50%;
			margin-right: 30rpx;
		}

		.six {
			margin-top: 10rpx;
			margin-right: 10rpx;
			border-radius: 10rpx;
			padding: 0 10rpx 10rpx;
			line-height: 28rpx;
			border: 2rpx solid white;
		}

		.yellow {
			background: linear-gradient(to bottom, #b69700 0%, #c66d00 100%);
		}

		.green {
			background: linear-gradient(to bottom, #38b948 0%, #238300 100%);
		}

		.orange {
			background: linear-gradient(to bottom, #be5b00 0%, #ff9400 100%);
		}

		.redd {
			background: linear-gradient(to bottom, #dc4839 0%, #e20b3b 100%);
		}
	}

	.con {
		padding: 0 20rpx;
		padding-top: 30rpx;
		background-color: rgb(242, 242, 242);
		border-radius: 40rpx 40rpx 0 0;

		.culist {
			background-color: white;
			border-radius: 16rpx;

			margin-bottom: 20rpx;
			padding: 0 30rpx;
			padding-top: 20rpx;

			.title {
				border-bottom: 2rpx solid #eee;
				padding-bottom: 20rpx;
			}

			.pad {
				padding: 30rpx 0;
			}

			.grod {
				border-radius: 14rpx;
				display: flex;
				flex-wrap: wrap;
				padding-bottom: 30rpx;

				&-item {
					width: 20%;
					margin-top: 30rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					position: relative;

					.img {
						width: 60rpx;
						height: 60rpx;
						margin-bottom: 10rpx;
					}

					.icon {
						font-size: 50rpx;
						margin-bottom: 10rpx;
					}

					.tips {
						position: absolute;
						left: 80rpx;
						top: -20rpx;
						color: white;
						font-size: 24rpx;
						padding: 0 14rpx;
						border-radius: 50rpx;
						z-index: 9;
						background-color: #CA0400;
					}
				}
			}

			.flex-start {
				padding: 30rpx 0 0;

				.grod-item {
					justify-content: flex-start !important;
					margin-bottom: 30rpx;
				}
			}
		}

		.history {
			padding-top: 0;
			background-color: rgba($color: #fff, $alpha: 0) !important;
			margin: 0;
			margin-top: 50rpx;
			// margin-bottom: 50rpx;
		}

		.list {
			margin-bottom: 20rpx;

			&-item {
				height: 110rpx;
				padding: 0 30rpx;
				border-radius: 14rpx;
				margin-bottom: 10rpx;

				.icon {
					width: 40rpx;
					height: 40rpx;
					margin-right: 10rpx;
				}
			}

		}

		.carousel-section {
			margin-bottom: 20rpx;
			padding: 0;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.carousel {
				width: 48%;
				height: 220upx;

				.img {
					width: 100%;
					height: 100%;
					border-radius: 16rpx;
				}
			}

			.swiper-dots {
				left: 45upx;
				bottom: 40upx;
			}
		}

		.third {
			padding-bottom: 100rpx;

			.title {
				margin-bottom: 20rpx;

				.xian {
					margin: 0 40rpx;
					color: #C0C0C0;
					font-size: 30rpx;
				}
			}

			.grid {
				flex-flow: wrap;
				display: flex;
				background-color: white;
				border-radius: 14rpx;

				&-item {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					width: 226rpx;
					padding: 30rpx 0;
					border-right: 2rpx solid #f5f5f5;
					border-bottom: 2rpx solid #f5f5f5;

					.icon {
						font-size: 50rpx;
					}

					.name {
						margin-top: 10rpx;
						font-size: 28rpx;
						color: #666666;
					}
				}
			}
		}
	}

	.popup {
		width: 600rpx;
		background-color: white;
		padding: 30rpx;
		border-radius: 16rpx;

		.img {
			width: 120rpx;
			height: 120rpx;
			border-radius: 50%;
			margin-right: 20rpx;
		}

		.btn {
			font-size: 24rpx;
			color: #F8D247;
			border: 2rpx solid #F8D247;
			border-radius: 6rpx;
			padding: 4rpx 20rpx;
		}
	}

	.fixed {
		// position: fixed;
		// bottom: 30rpx;
		// left: 0;
		// right: 0;
		margin-top: 80rpx;
		margin-bottom: 50rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;

		.p1 {
			font-size: 30rpx;
			color: #666;
		}

		.p2 {
			font-size: 24rpx;
			color: #999999;
		}
	}

	.ba-msg {
		font-size: 12rpx;
		transform: scale(.8);
		line-height: 60rpx;
		text-align: center;
		color: rgba(0, 0, 0, .6);

		.msg-item {
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.ba-icon {
			width: 26rpx;
			height: 26rpx;
			margin-right: 10rpx;
		}
	}

	.share-box {
		padding: 24rpx 0 36rpx 0;
		height: 160rpx;
		position: relative;
		margin-top: 20rpx;

		.new-banner-img {
			position: absolute; top: 0; right: 0; bottom: 0; left: 0;
			width: 100%; height: 100%;
			object-fit: cover;
			object-position: center;
		}
	}

	.new_asset {
		display: flex;
		justify-content: space-between;
		height: 214rpx;
		// padding: 24rpx 24rpx;

		.asset-item {
			display: flex;
			justify-content: space-between;
			width: 320rpx;
			background-color: hsla(0, 0%, 100%, 0.973);
			border-radius: 24rpx;
				position: relative;
				background-repeat: no-repeat;
				background-position: right bottom;

				&.binglang {
					background-image: url('../../static/my-page/binglang.png');
					background-size: 43% auto;
				}

				&.lajiao {
					background-image: url('../../static/my-page/lajiao.png');
					background-size: 40% 80%;
				}

			.fans-img {
				padding-right: 6rpx;
				flex: 1;
				align-self: flex-end;
				width: 100%;
				height: 70%;
			}

			.wallet-img {
				padding: 0 10rpx 10rpx 10rpx;
				flex: 1;
				align-self: flex-end;
				width: 90%;
				height: 75%;
			}
		}

		.binglang-lajiao {
			width: 342rpx;
			box-shadow: 0px 2rpx 10rpx 1rpx rgba(90, 123, 180, 0.2);

			.title-box {
			.detail {
				display: flex;
				align-items: center;
				.enter {
					border-radius: 20rpx;
					padding: 0 12rpx 3rpx 12rpx;
					margin-top: 6rpx;
				}
			}
			}

			.assets-box {
				display: flex;
				align-items: baseline;
				flex-wrap: nowrap;
				font-size: 24rpx;
				flex: 1 1 auto;
				min-width: 0;
				> view:first-child,
				> view:last-child {
					flex: 0 0 auto;
					white-space: nowrap;
				}
				color: #808080;

				.assetsNum {
					flex: 1 1 auto;
					min-width: 0;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					font-weight: 500;
					font-size: 33rpx;
					color: red;
					padding: 0 6rpx 0 6rpx;
					text-align: center;
				}
			}
		}
	}

	.wallet-fans {
		padding: 24rpx 24rpx;
	}

	.asset {
		height: 165rpx;
		padding-top: 6rpx;
	}

	.title-box {
		padding: 30rpx 0 30rpx 30rpx;

		.title {
			font-size: 32rpx;
			font-weight: 600;
		}

		.detail {
			padding-top: 12rpx;
			
			.sub-title {
				font-weight: 400;
				font-size: 24rpx;
				color: #808080;
			}

			.sub-value {
				font-weight: 500;
				font-size: 30rpx;
				color: #999999;
				margin-top: 27rpx;
				display: block; 	
			}

			.enter {
				display: inline-block;
				font-weight: 500;
				font-size: 24rpx;
				color: #ffffff;
				margin-top: 10rpx;
				padding: 0 18rpx 3rpx 18rpx;
				background-color: #22bd5e;
				border-radius: 20rpx;
				margin-top: 24rpx;
			}
		}
	}

	.real-name {
		display: flex;
		justify-content: space-between;
		align-items: center;

		.real-name-img {
			flex: 1;
			width: 100rpx;
			height: 180rpx;
			object-fit: cover;
			object-position: center;
		}

		.title-box {
			flex: 1;
			padding: 20rpx 0 20rpx 30rpx;
		}
	}
	.wodefensi .title-box .title {
		padding-top: 15rpx;
	}
</style>