296 lines
6.6 KiB
Vue
296 lines
6.6 KiB
Vue
<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>
|