<template>
	<view class="page" @click="login">
		<view class="header">
			<view class="userinfo">
				<view class="avator" @click.stop="personziliao">
					<image :src="avatar==''?'../../static/headtou.png':avatar"  />
					<!-- <image src="../../static/userpic.png" mode="widthFix" /> -->
				</view>
				<view class="infoBox">
					<view class="identity">
						<view class="name" v-if="nickname==''">暂无昵称</view>
						<view class="name" v-else>{{nickname}}</view>
						<text class="vip flexone" v-if="userinfo.is_card==1||userinfo.is_vip==1||userinfo.is_company_vip==1">
							<image src="../../static/huiyuan.png" mode="widthFix" v-if="userinfo.is_card==1"/>
							<text class="vipname" v-if="userinfo.is_vip==1">{{userinfo.level.name1}}</text>
							<text class="vipname" v-if="userinfo.is_company_vip==1">{{userinfo.level.name2}}</text>
						</text>
					</view>
					<view class="userType" v-if="userinfo.is_card==2">身份认证 >></view>
					<view class="userActive" v-else>
						<image src="../../static/active.png" mode="widthFix" />
						已认证
					</view>
				</view>
				<view class="setup"  @click.stop="set">
					<image src="../../static/setup.png" mode="widthFix" />
				</view>
			</view>
			
			
			<view class="orderBox">
				<view class="orderItem"  @click.stop="fahuo" :data-id="1">
					<image src="../../static/order_a.png" mode="widthFix"></image>
					<view>待付款</view>
				</view>
				<view class="orderItem"  @click.stop="fahuo" :data-id="2">
					<image src="../../static/order_b.png" mode="widthFix"></image>
					<view>待发货</view>
				</view>
				<view class="orderItem"  @click.stop="fahuo" :data-id="3">
					<image src="../../static/order_c.png" mode="widthFix"></image>
					<view>待收货</view>
				</view>
				<view class="orderItem"  @click.stop="fahuo" :data-id="4">
					<image src="../../static/order_d.png" mode="widthFix"></image>
					<view>待评价</view>
				</view>
				<view class="orderItem"  @click.stop="fahuo" :data-id="0">
					<image src="../../static/order_e.png" mode="widthFix"></image>
					<view>全部订单</view>
				</view>
			</view>
		</view>
		<view class="contanier">
			<view class="citem"  @click.stop="jump" data-id="1">
				<view class="left">
					<image src="../../static/icon_a.png" mode="widthFix" />
					我的钱包
				</view>
				<view class="right">
					<image src="../../static/right.png" mode="widthFix" />
				</view>
			</view>
			<view class="citem"  @click.stop="jump" data-id="2">
				<view class="left">
					<image src="../../static/icon_b.png" mode="widthFix" />
					会员中心
				</view>
				<view class="right">
					<image src="../../static/right.png" mode="widthFix" />
				</view>
			</view>
			<view class="citem"  @click.stop="jump" data-id="7">
				<view class="left">
					<image src="../../static/fenxiao.png" mode="widthFix" />
					我的分销
				</view>
				<view class="right">
					<image src="../../static/right.png" mode="widthFix" />
				</view>
			</view>
			<view class="citem"  @click.stop="jump" data-id="3">
				<view class="left">
					<image src="../../static/icon_c.png" mode="widthFix" />
					我的积分
				</view>
				<view class="right">
					<image src="../../static/right.png" mode="widthFix" />
				</view>
			</view>
			<view class="citem"  @click.stop="jump" data-id="4">
				<view class="left">
					<image src="../../static/icon_e.png" mode="widthFix" />
					我的优惠卷
				</view>
				<view class="right">
					<image src="../../static/right.png" mode="widthFix" />
				</view>
			</view>
			<view class="citem"  @click.stop="jump" data-id="5">
				<view class="left">
					<image src="../../static/icon_f.png" mode="widthFix" />
					我的发布
				</view>
				<view class="right">
					<image src="../../static/right.png" mode="widthFix" />
				</view>
			</view>
			<view class="citem"  @click.stop="jump" data-id="6">
				<view class="left">
					<image src="../../static/icon_g.png" mode="widthFix" />
					销售管理
				</view>
				<view class="right">
					<image src="../../static/right.png" mode="widthFix" />
				</view>
			</view>
		</view>
<tabBar :current="currentTabIndex" backgroundColor="#fbfbfb" color="#999" tintColor="#42b983" ></tabBar>
		<!-- 底部导航 -->
		<!-- <view class="teacherfooter">
			<view class="teacherfootitem"  @click.stop="selnav" :data-id="1">
				<view class="teacherfootitemtop shou">
					<image :src="footersel==1?'../../static/tieziactive.png':'../../static/tiezi.png'"></image>
				</view>
				<view class="teacherfootname " :class="footersel==1?'activename':''">首页</view>
			</view>
			<view class="teacherfootitem"  @click.stop="selnav" :data-id="2">
				<view class="teacherfootitemtop shou">
					<image :src="footersel==2?'../../static/nearshopactive.png':'../../static/nearshop.png'"></image>
				</view>
				<view class="teacherfootname" :class="footersel==2?'activename':''">附近店铺</view>
			</view>
			<view class="teacherfootitem"  @click.stop="selnav" :data-id="3">
				<view class="teacherfootitemtop shou">
					<image :src="footersel==3?'../../static/luntanctive.png':'../../static/luntan.png'"></image>
				</view>
				<view class="teacherfootname" :class="footersel==3?'activename':''">中面论坛</view>
			</view>
			<view class="teacherfootitem"  @click.stop="selnav" :data-id="4">
				<view class="teacherfootitemtop shou">
					<image :src="footersel==4?'../../static/useractive.png':'../../static/user.png'"></image>
				</view>
				<view class="teacherfootname" :class="footersel==4?'activename':''">个人中心</view>
			</view>
		</view>
	 -->
	</view>
</template>

<script>
	import app from "../../App.vue";
	import tabBar from '../../components/tabvue/tabvue.vue'
	


	export default {
		components:{
				tabBar
			},
		data() {
			return {
				footersel: 4,
				userinfo:'',
				nickname:'',
				avatar:'',
				label:'',
				
				
			}
		},
		onLoad() {
			
		},
		methods: {
			// 设置
			set() {
				uni.navigateTo({
					url:'/pages/usercenter/setUp?avatar='+this.avatar+'&nickname='+this.nickname
				})
			},
			login(){
				let token=uni.getStorageSync("token");
				if(token==''){
					uni.navigateTo({
						url:'/pages/login/register'
					})
				}
			},
				
			// 获取用户信息
			getuserinfo() {
				let that = this;
				var url = 'member/index';
				var params = {

				}
				console.log('7766554', params)
				app.post(url, params).then((res) => {
					console.log(res);
					that.userinfo = res.data.data;
					uni.setStorageSync("user_id",res.data.data.id)
					that.label = res.data.data.label;
					that.nickname=res.data.data.nickname;
					that.avatar=res.data.data.avatar;


				}).catch((err) => {

				})
			},
			// 个人资料
			personziliao() {

			},
			// 列表跳转
			jump(e) {
				let id = e.currentTarget.dataset.id;
				if (id == 1) {
					uni.navigateTo({
						url: '/pages/usercenter/wallet'
					})
				} else if (id == 2) {
					uni.navigateTo({
						url: '/pages/usercenter/usercenter'
					})
				} else if (id == 3) {
					uni.navigateTo({
						url: '/pages/usercenter/myIntegral'
					})
				} else if (id == 4) {
					uni.navigateTo({
						url: '/pages/usercenter/myCoupon'
					})
				} else if (id == 5) {
					uni.navigateTo({
						url: '/pages/usercenter/myPublish'
					})
				} else if (id == 6) {
					uni.navigateTo({
						url: '/pages/usercenter/sales'
					})
				}else if(id==7){
					uni.navigateTo({
						url:'/pages/usercenter/myfenxiao'
					})
				}
			},

			// 代发货
			fahuo(e) {
				let id=e.currentTarget.dataset.id;
				// if(id==0){
				// 	id==''
				// }
				uni.navigateTo({
					url: '/pages/usercenter/myOrder?id='+id
				})
			},
			// 底部导航跳转
			selnav(e) {
				console.log(e)

				let id = e.currentTarget.dataset.id;
				console.log(id)
				if (id == 1) {
					uni.navigateTo({
						url: '../homepage/homepage'
					})
				} else if (id == 2) {
					uni.navigateTo({
						url: "../nearshop/nearshop"
					})
				} else if (id == 3) {
					uni.navigateTo({
						url: "../luntan/luntan"
					})
				} else if (id == 4) {
					uni.navigateTo({
						url: "../usercenter/my"
					})
				}
			},

		},
		onShow() {
			uni.hideTabBar({
				
			})
			//获取个人信息
			this.getuserinfo()
		}
	}
</script>

<style>
	page {
		background-color: #F9F9F9;
	}

	.header {
		background: #fff;
		padding: 0 32rpx;
		box-sizing: border-box;
	}

	.userinfo {
		padding: 32rpx 0;
		border-bottom: 1px solid #EEEEEE;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		position: relative;
	}

	.avator {
		width: 128rpx;
		height: 128rpx;
		font-size: 0;
		border-radius: 50%;
		border-radius: 64rpx;
	}

	.avator image {
		width: 100%;
		border-radius: 50%;
	}

	.infoBox {
		max-width: 466rpx;
		margin-left: 28rpx;

	}

	.identity {
		display: flex;
		align-items: center;
		margin-top: 16rpx;
	}

	.name {
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: rgba(19, 20, 21, 1);
	}

	.vip {
		padding: 0 20rpx;
		height: 40rpx;
		line-height: 40rpx;
		box-sizing: border-box;
		background: #F7CB8A;
		border-radius: 20rpx;
		margin-left: 16rpx;
		/* background: linear-gradient(90deg, rgba(244, 210, 151, 1) 0%, rgba(252, 191, 117, 1) 100%);
		border-radius: 20rpx;
		font-size: 22rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: rgba(120, 71, 0, 1);
		padding: 4rpx 12rpx;
		margin-left: 16rpx; */
	}

	.vipname {
		color: #784700;
		font-size: 22rpx;
	}

	.vip image {
		width: 24rpx;
		margin-right: 6rpx;
	}

	.userType {
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: rgba(61, 69, 76, 1);
		line-height: 40px;
	}

	.userActive {
		font-size: 28rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: rgba(194, 148, 69, 1);
		display: flex;
		align-items: center;
		margin-top: 20rpx;
	}

	.userActive image {
		width: 32rpx;
		margin-right: 8rpx;
	}

	.setup {
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		right: 32rpx;
		top: 52rpx;
	}

	.setup image {
		width: 100%;
	}

	.orderBox {
		padding: 24rpx;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.orderItem {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		min-width: 84rpx;
	}

	.orderItem image {
		width: 56rpx;
	}

	.orderItem view {
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(6, 18, 32, 1);
		margin-top: 4rpx;
	}

	.contanier {
		margin-top: 16rpx;
		padding: 0 32rpx;
		box-sizing: border-box;
		background: #fff;
	}

	.citem {
		height: 108rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #EDEDED;
	}

	.citem:last-child {
		border-bottom: none;
	}

	.left {
		width: calc(100% -50rpx);
		display: flex;
		align-items: center;
		font-size: 28rpx;
		font-family: PingFangHK-Regular, PingFangHK;
		font-weight: 400;
		color: rgba(8, 18, 31, 1);
	}

	.left image {
		width: 36rpx;
		margin-right: 16rpx;
	}

	.right {
		width: 32rpx;
	}

	.right image {
		width: 100%;
	}
</style>