wuliu/pages/user/index.vue

<template>
	<view>
		<image src="@/static/wodetop.png" mode="" style="width: 100%;height:488rpx;"></image>
		<view class="topbox">
			<image :src="form.avatar_url?form.avatar_url:morenimg_url" mode="" class="tximg" @click="uptx"></image>
			<view class="topbox1">{{form.nickname?form.nickname:'微信用户'}}</view>
		</view>
		<view class="rwbox">
			<view class="rw">
				<view class="rw1">任务管理</view>
				<view class="rw2">已完成： <text style="color: #0D5DC9;">{{form.finish_task||0}}单</text></view>
			</view>
			<view class="zt">
				<image class="ztimg" src="@/static/运输中.png" mode="" @click="transport"></image>
				<image class="ztimg" src="@/static/已完成.png" mode="" @click="complete"></image>
				<image class="ztimg" src="@/static/待付款.png" mode="" @click="payment"></image>
				<image class="ztimg" src="@/static/已取消.png" mode="" @click="cancel"></image>
			</view>
			<view class="ztwenzi">
				<view class="" @click="transport">运输中</view>
				<view class=""  @click="complete">已完成</view>
				<view class=""  @click="payment">待付款</view>
				<view class="" @click="cancel">已取消</view>
			</view>
		</view>
		<view class="nrbox">
			<view class="simsm" @click="authentication">
				<view class="sim">
					<image src="@/static/实名认证.png" mode="" style="width: 44rpx;height: 44rpx;"></image> <view class="sim1">实名认证</view>
				</view>
				<view class="sim1">{{form.auth_status==0?'未认证':form.auth_status==1?'待审核':form.auth_status==2?'已通过':'已拒绝'}}<uni-icons type='right' size="18"></uni-icons></view>
			</view>
			<view class="border"></view>
			<view class="sim" @click="yhxy('yonghu')">
				<view class="sim">
					<image src="@/static/用户协议.png" mode="" style="width: 44rpx;height: 44rpx;"></image> <view class="sim1">用户协议</view>
				</view>
				<view class="sim1"><uni-icons type='right' size="18"></uni-icons></view>
			</view>
			<view class="border"></view>
			<view class="simys" @click="yhxy('yinsi')">
				<view class="sim">
					<image src="@/static/隐私协议.png" mode="" style="width: 44rpx;height: 44rpx;"></image> <view class="sim1">隐私协议</view>
				</view>
				<view class="sim1"> <uni-icons type='right' size="18"></uni-icons></view>
			</view>
		</view>
		<button class="tuichu" @click="tuichu">退出登录</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			form:{},
			morenimg_url:require("@/static/隐私协议.png"),
			
			}
		},
		onShow() {
			this.memberInfo()
		},
		methods: {
			uptx(){
				console.log(12233);
				uni.navigateTo({
					url:'/pages/user/portrait/portrait'
				})
			},
		memberInfo(){
			this.$api.memberInfo().then(res=>{
				this.form=res.data
			})
		},
			yhxy(e){
				uni.navigateTo({
					url:'/pages/user/userxy/userxy?xy='+e
				})
			},
			ysxy(){
				uni.navigateTo({
					url:'/pages/user/userxy/userxy'
				})
			},
			tuichu(){
				this.$api.outLogin().then(res=>{
					uni.removeStorageSync("token")
					uni.reLaunch({
						url:'/pages/login/login'
					})
				})
				
			},
			authentication(){
				uni.navigateTo({
					url:'/pages/user/authentication/authentication?auth_status='+this.form.auth_status
				})
			},
			payment(){
				uni.navigateTo({
					url:'/pages/user/payment/payment'
				})
			},
			transport(){
				uni.navigateTo({
					url:'/pages/user/transport/transport'
				})
			},
			complete(){
				uni.navigateTo({
					url:'/pages/user/complete/complete'
				})
			},
			cancel(){
				uni.navigateTo({
					url:'/pages/user/cancel/cancel'
				})
			}
		}
	}
</script>

<style scoped>
	.tuichu{
		width: 702rpx;
		height: 90rpx;
		background: #F3F4F5;
		border-radius: 45rpx;
		border: 1px solid #CCCCCC;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		margin-top: 50rpx;
		line-height: 90rpx;
	}
	.simsm{
		display: flex;
		justify-content: space-between;
		padding-top: 12rpx;
	}
	.sim1{
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		font-size: 30rpx;
		color: #333333;
		margin-left: 15rpx;
	}
	.sim{
		display: flex;
		justify-content: space-between;
	}
	.simys{
		display: flex;
		justify-content: space-between;
		padding-bottom: 12rpx;
	}
	.border{
		margin-top: 37rpx;
		margin-bottom: 37rpx;
		border: 1px solid #EAEAEA;
	}
	.nrbox {
		margin: 0 auto;
		width: 662rpx;
		/* height: 351rpx; */
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 25rpx;
		margin-top: 162rpx;
	}

	.ztwenzi {
		display: flex;
		justify-content: space-around;
		margin-top: 10rpx;
	}

	.zt {
		display: flex;
		justify-content: space-around;
		margin-top: 51rpx;
	}

	.ztimg {
		width: 70rpx;
		height: 70rpx;
	}

	.rw {
		display: flex;
		justify-content: space-between;
	}

	.rwbox {
		margin: 0 auto;
		width: 662rpx;
		height: 240rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 25rpx;
		position: absolute;
		top: 350rpx;
		left: 24rpx;
	}

	.topbox {
		display: flex;
	}

	.topbox1 {
		margin-top: -286rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		font-size: 34rpx;
		color: #FFFFFF;
	}

	.tximg {
		margin: 30rpx;
		margin-top: -330rpx;
		width: 110rpx;
		height: 110rpx;
	}
</style>