<template>
	<view class="page">
		<view class="mui-content">
			<view class="main_one">
				<view class="p" style="width: 100%;height: 149rpx;position: relative;">
					<img
						class="user_avatar"
						:src="(info.user_avatar)"
						style="width: 170rpx;height: 170rpx;border-radius: 100%;"
					/>
					<img class="hide" src="../images/user/Write@2x.png" />
				</view>
				<view class="p_nickname"><text class="user_nickname">{{info.user_nickname}}</text></view>
				<view class="p_mobile" id="user_mobile">{{info.user_mobile}}</view>
			</view>
			<view class="main_two">
				<view class="link">
					<navigator url="/paotui/commission/lists">
						<span class="user_money">{{info.currency_symbol_left}}{{info.user_money}}</span>
						<span class="span">{{__('账户余额')}}</span>
					</navigator>
				</view>
				<view class="dairenzheng" >
					<navigator :url="'/paotui/index/authentication?ptm_state=' + info.ptm_state">
						<text class="sign_up link" v-if="(info.ptm_state == 0)">
							{{__('未签约')}}
						</text>
						<text class="sign_up link"  v-else>{{info.ptm_state == 1 ? __('已签约') : __('待审核') }}</text>
						<text class="span">{{__('签约状态')}}</text>
					</navigator>
				</view>

			</view>
			<view class="main_three">
				<view class="link hide" data-link="youJiang_tuiJian.html">
					<img class="img" src="../images/user/Share@2x.png" style="width: 40rpx;height: 40rpx;" />
					<text class="span">有奖推荐</text>
				</view>
				<view class="link hide" data-link="qiShou_paiHang.html">
					<img class="img" src="../images/user/Menu@2x.png" style="width: 30rpx;height: 40rpx;" />
					<text class="span">骑手排行</text>
				</view>
				<view class="link hide" data-link="message.html">
					<img class="img" src="../images/user/Comment@2x.png" style="width: 42rpx;height: 40rpx;" />
					<text class="span">消息通知</text>
				</view>
				<view class="link hide" data-link="zaiXian_keFu.html">
					<img class="img" src="../images/user/Comment-(alt)@2x.png" style="width: 42rpx;height: 40rpx;" />
					<text class="span">在线客服</text>
				</view>
				<view class="link hide" data-link="signin_order.html">
					<img class="img" src="../images/user/Newspaper@2x.png" style="width: 40rpx;height: 40rpx;" />
					<text class="span">完成订单</text>
				</view>
				<view class="link hide" data-link="set.html">
					<img class="img" src="../images/user/Setting@2x.png" style="width: 40rpx;height: 40rpx;" />
					<text class="span">设置中心</text>
				</view>
				<block v-if="(info.ptm_state == 1)">
					<navigator url="/paotui/order/lists?state=4" class="link js-jie-dan" style="float:left;">
						<img class="img" src="../images/user/Share@2x.png" style="width: 40rpx;height: 40rpx;margin-right:20rpx;" />
						<text class="span">{{__('完成订单')}}</text>
					</navigator>
					<navigator url="/paotui/order/lists?state=1" class="js-jie-dan" style="float:right;">
						<img class="img" src="../images/user/Menu@2x.png" style="width: 30rpx;height: 40rpx;margin-right:20rpx;" />
						<text class="span">{{__('接单大厅')}}</text>
					</navigator>
				</block>
			
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapMutations
	} from 'vuex'
	
	export default {
		data() {
			return {
				info:{},
			}
		},
		
		computed: mapState(['Config', 'StateCode', 'notice', 'plantformInfo', 'shopInfo', 'userInfo', 'hasLogin']),
		onLoad: function(options) {
			var that =this;
		
			uni.setNavigationBarTitle({
				title:this.__('抢单中心')
			});
			
			
			this.forceUserInfo(function(user) {
			
			});
				this.init()
			
		},
		
		
		methods: {
			...mapMutations(['login', 'logout', 'getPlantformInfo', 'forceUserInfo', 'getUserInfo']),
			
			init: function()  {
				var that = this;
				var params = {
					
				};
				that.$.request({
					url: that.Config.URL.city.paotui_info,
					data: params,
					success: function(data, status, msg, code) {
						that.setData({
							info: data
						})
						uni.setStorageSync('ptm_is_active', data.ptm_is_active);
						if(data.ptm_state == 0)
						{
							
							that.$.showModal({
							    title: that.__("提示"),
							    content: that.__("请签约后接单"),
							    success: function (res) {
							        if (res.confirm) {
										that.$.navigateTo({
										    url: "/paotui/index/authentication?ptm_state=" + data.ptm_state
										})
									}
								},
							})
						}
					}
				});
			},
			
		}
	}
</script>

<style lang="scss">
.page {
	box-sizing: border-box;
	outline: 0;
	-webkit-tap-highlight-color: transparent;
	padding: 0;
	margin: 0;
	font-size: 34rpx;
	line-height: 42rpx;
	width: 100%;
	height: 100%;
	color: black;
	background: #f5f5f5;
}

.mui-content {
	padding: 100rpx 24rpx 24rpx 24rpx !important;
	margin-bottom: 40rpx;
	background: #f5f5f5;
}

.main_one {
	padding-bottom: 12rpx;
	width: 100%;
	background: #fff;
	border-radius: 20rpx;
	position: relative;
}

.p_nickname {
	margin-top: 20rpx;
	width: 100%;
	height: 34rpx;
	text-align: center;
	line-height: 34rpx;
	color: #333333;
	font-size: 30rpx;
	font-weight: bold;
}

.p_mobile {
	width: 100%;
	height: 40rpx;
	text-align: center;
	line-height: 40rpx;
	color: #999;
	font-size: 24rpx;
}

.user_avatar {
	margin-left: -104rpx;
	position: absolute;
	top: -62rpx;
	left: 50%;
}

.user_nickname {
	text-align: center;
	line-height: 34rpx;
	color: #333333;
	font-size: 30rpx;
	font-weight: bold;
}

.user_mobile {
	width: 100%;
	height: 40rpx;
	text-align: center;
	line-height: 40rpx;
	color: #999;
	font-size: 24rpx;
}

.main_two {
	margin-top: 20rpx;
	padding: 22rpx 0;
	width: 100%;
	height: 80rpx;
	background: #fff;
	border-radius: 20rpx;
	text-align: center;
	.span {
		height: 30px;
		line-height: 30px;
		color: #333;
		font-size: 24rpx;
		position: absolute;
		top: 48rpx;
		left: 128rpx;
	}
}

.main_two view {
	float: left;
	width: 50%;
	height: 80rpx;
	position: relative;
}

.main_two p:nth-child(1) {
	border-right: 2rpx solid #ccc;
}

.user_money {
	height: 30rpx;
	line-height: 30rpx;
	color: #333;
	font-size: 30rpx;
	font-weight: bold;
	width: 100%;
}

// .link {
// 	display: block;
// 	    margin-block-start: 1em;
// 	    margin-block-end: 1em;
// 	    margin-inline-start: 0px;
// 	    margin-inline-end: 0px;
// }

.sign_up {
	height: 30rpx;
	line-height: 30rpx;
	color: #333;
	font-size: 28rpx;
	font-weight: bold;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
	display: block;
}

.main_three {
	width: 100%;
}

.js-jie-dan {
	margin-top: 20rpx;
	padding-top: 44rpx;
	width: 48.65%;
	height: 100rpx;
	text-align: center;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	border-radius: 20rpx;
	position: relative;
	float: left;
}
</style>
