353 lines
8.4 KiB
Vue
353 lines
8.4 KiB
Vue
<template>
|
||
<view class="pages">
|
||
<u-navbar :is-back="false" title="个人中心" :border-bottom="false" back-icon-color="000" :background="bgc" title-color='#000' title-size='36'
|
||
height='40' id="navbar">
|
||
</u-navbar>
|
||
<image class="imgbj" src="https://api.ccttiot.com/smartmeter/img/static/u9z9SY30L7fzcgP7t1eO" mode=""></image>
|
||
<view class="my">
|
||
<view class="mylt">
|
||
<view class="">
|
||
<view class="" style="display: flex;align-items: center;">
|
||
<view class="myname">
|
||
{{user.userName == null ? '--' : user.userName}}
|
||
</view>
|
||
</view>
|
||
<!-- <view class="mytel">
|
||
{{user.phonenumber == null ? '--' : user.phonenumber}}
|
||
</view> -->
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 余额 -->
|
||
<view class="yue" @click="btntx">
|
||
<!-- 背景图 -->
|
||
<image class="bj" src="https://api.ccttiot.com/smartmeter/img/static/uBI9zEccGouxpFhrjj5L" mode=""></image>
|
||
<view class="zhye">
|
||
账户余额（元）
|
||
</view>
|
||
<view class="yuan">
|
||
￥{{user.balance == null ? '0' : user.balance}}
|
||
</view>
|
||
<view class="leiji">
|
||
<view class="one">
|
||
累计提现：{{user.totalWithdrawAmount == null ? '--' : user.totalWithdrawAmount}}
|
||
</view>
|
||
<view class="two">
|
||
立即提现
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="zhangdan" @click="btnzd">
|
||
<view class="one">
|
||
账单
|
||
</view>
|
||
<u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon>
|
||
</view>
|
||
<!-- 更多功能 -->
|
||
<view class="gongneng">
|
||
<view class="gongneng_tit">
|
||
管理与服务
|
||
</view>
|
||
<view class="gn_list">
|
||
<view class="list_val" @click="btnshoukuan">
|
||
<view class="lt">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/uNB0gtTaIXAOR2NUEtVD" mode=""></image> <text>更换收款二维码</text>
|
||
</view>
|
||
<view class="rt">
|
||
<u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon>
|
||
</view>
|
||
</view>
|
||
<!-- <view class="list_val" @click="btnhhr">
|
||
<view class="lt">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/urBjYFve4o3hKteeFkRj" mode=""></image> <text>合伙人管理</text>
|
||
</view>
|
||
<view class="rt">
|
||
<u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon>
|
||
</view>
|
||
</view> -->
|
||
<!-- <view class="list_val" @click="btnaqzx">
|
||
<view class="lt">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/uoywyTJbYhd7Iim7KW1Q" mode=""></image> <text>安全中心</text>
|
||
</view>
|
||
<view class="rt">
|
||
<u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon>
|
||
</view>
|
||
</view> -->
|
||
<view class="list_val" @click="btnbangzhu">
|
||
<view class="lt">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/uz8XwU0dSIyPaeeN83ZA" mode=""></image> <text>帮助与客服</text>
|
||
</view>
|
||
<view class="rt">
|
||
<u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="list_val" @click="btnyjfk">
|
||
<view class="lt">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/uvko9KaVisN3lBfWYtOg" mode=""></image> <text>意见反馈</text>
|
||
</view>
|
||
<view class="rt">
|
||
<u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon>
|
||
</view>
|
||
</view>
|
||
<view class="list_val" style="border: none;" @click="btngywm">
|
||
<view class="lt">
|
||
<image src="https://api.ccttiot.com/smartmeter/img/static/ui42tAL4XVuOiVs46Rwt" mode=""></image> <text>关于我们</text>
|
||
</view>
|
||
<view class="rt">
|
||
<u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<tab-bars :indexs='2' style=""></tab-bars>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
bgc: {
|
||
backgroundColor: "",
|
||
},
|
||
user:{},
|
||
qudaolist:[]
|
||
}
|
||
},
|
||
onLoad() {
|
||
|
||
},
|
||
onShow() {
|
||
this.getinfo()
|
||
},
|
||
methods: {
|
||
// 跳转到账单
|
||
btnzd(){
|
||
uni.navigateTo({
|
||
url:'/page_fenbaotwo/zhangdan'
|
||
})
|
||
},
|
||
// 查询个人信息
|
||
getinfo(){
|
||
this.$u.get(`/getAppInfo`).then(res => {
|
||
if (res.code == 200) {
|
||
this.user = res.user
|
||
this.$u.get(`/app/withdraw/getUserWithdrawChannelList?userId=${res.user.userId}`).then(resp => {
|
||
if (res.code == 200) {
|
||
this.qudaolist = resp.data
|
||
}
|
||
})
|
||
}
|
||
})
|
||
},
|
||
// 点击跳转到收款账户
|
||
btnshoukuan(){
|
||
this.qudaolist.forEach(item =>{
|
||
if(item.isNeedCode == true){
|
||
uni.navigateTo({
|
||
url:'/page_fenbaotwo/skzh?collectionCode=' + item.collectionCode + '&userWithdrawChannelId=' + item.userChannelId
|
||
})
|
||
}
|
||
})
|
||
},
|
||
// 点击跳转提现
|
||
btntx(){
|
||
uni.navigateTo({
|
||
url:'/page_fenbaotwo/tixian?userId=' + this.user.userId
|
||
})
|
||
},
|
||
// 点击跳转合伙人
|
||
btnhhr(){
|
||
uni.navigateTo({
|
||
url:'/page_moban/hehuoren'
|
||
})
|
||
},
|
||
//点击跳转到意见反馈
|
||
btnyjfk(){
|
||
uni.navigateTo({
|
||
url:'/page_user/yijian'
|
||
})
|
||
},
|
||
// 点击跳转到帮助
|
||
btnbangzhu(){
|
||
uni.navigateTo({
|
||
url:'/page_fenbaotwo/bangzhu'
|
||
})
|
||
},
|
||
// 点击跳转到关于我们
|
||
btngywm(){
|
||
uni.navigateTo({
|
||
url:'/page_fenbaotwo/about'
|
||
})
|
||
},
|
||
// 点击跳转到安全中心
|
||
btnaqzx(){
|
||
uni.navigateTo({
|
||
url:'/page_fenbaotwo/anquanindex'
|
||
})
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.dateactive {
|
||
background: #E3E3FF !important;
|
||
color: #3D3D3D !important;
|
||
}
|
||
/deep/ .u-title {
|
||
padding-bottom: 15rpx;
|
||
}
|
||
|
||
.zhangdan{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
width: 658rpx;
|
||
height: 90rpx;
|
||
line-height: 90rpx;
|
||
margin-top: 40rpx;
|
||
background-color: #fff;
|
||
border-radius: 20rpx;
|
||
padding: 0 36rpx;
|
||
box-sizing: border-box;
|
||
font-size: 32rpx;
|
||
}
|
||
.imgbj {
|
||
width: 750rpx;
|
||
height: 100vh;
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
z-index: -1;
|
||
}
|
||
.onewz{
|
||
font-size: 28rpx;
|
||
}
|
||
.pages {
|
||
width: 750rpx;
|
||
padding: 0 46rpx;
|
||
box-sizing: border-box;
|
||
.gongneng{
|
||
margin-top: 50rpx;
|
||
.gongneng_tit{
|
||
font-size: 36rpx;
|
||
color: #3D3D3D;
|
||
font-weight: 600;
|
||
}
|
||
.gn_list{
|
||
width: 658rpx;
|
||
max-height: 1430rpx;
|
||
overflow: scroll;
|
||
background: #FFFFFF;
|
||
border-radius: 24rpx 24rpx 24rpx 24rpx;
|
||
margin-top: 20rpx;
|
||
border-radius: 20rpx;
|
||
padding-top: 10rpx;
|
||
box-sizing: border-box;
|
||
padding: 0 36rpx;
|
||
.list_val{
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding:36rpx 0;
|
||
box-sizing: border-box;
|
||
font-size: 28rpx;
|
||
border-bottom: 1px solid #D8D8D8;
|
||
}
|
||
.lt{
|
||
display: flex;
|
||
align-items: center;
|
||
image{
|
||
width: 40rpx;
|
||
height: 40rpx;
|
||
margin-right: 30rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.yue{
|
||
position: relative;
|
||
width: 658rpx;
|
||
height: 334rpx;
|
||
margin: auto;
|
||
margin-top: 20rpx;
|
||
padding-top: 34rpx;
|
||
padding-left: 38rpx;
|
||
padding-right: 38rpx;
|
||
box-sizing: border-box;
|
||
.zhye{
|
||
font-size: 32rpx;
|
||
color: #48893B;
|
||
}
|
||
.yuan{
|
||
font-size: 66rpx;
|
||
color: #48893B;
|
||
font-weight: 600;
|
||
margin-top: 14rpx;
|
||
}
|
||
.leiji{
|
||
font-size: 32rpx;
|
||
color: #48893B;
|
||
margin-top: 56rpx;
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
.one{
|
||
font-size: 32rpx;
|
||
color: #48893B;
|
||
}
|
||
.two{
|
||
width: 182rpx;
|
||
height: 64rpx;
|
||
background: #48893B;
|
||
border-radius: 35rpx 35rpx 35rpx 35rpx;
|
||
font-size: 32rpx;
|
||
color: #fff;
|
||
text-align: center;
|
||
line-height: 64rpx;
|
||
border-radius: 30rpx;
|
||
}
|
||
}
|
||
.bj{
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
z-index: -1;
|
||
}
|
||
}
|
||
.my{
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
margin-top: 20rpx;
|
||
.mylt{
|
||
margin-right: 34rpx;
|
||
.myname{
|
||
font-size: 36rpx;
|
||
color: #3D3D3D;
|
||
margin-right: 10rpx;
|
||
}
|
||
.mytel{
|
||
font-size: 28rpx;
|
||
color: #3D3D3D;
|
||
margin-top: 10rpx;
|
||
}
|
||
}
|
||
.myrt{
|
||
width: 110rpx;
|
||
height: 50rpx;
|
||
background: #7E90E7;
|
||
border-radius: 30rpx 30rpx 30rpx 30rpx;
|
||
text-align: center;
|
||
// line-height: 40rpx;
|
||
font-size: 24rpx;
|
||
color: #FFFFFF;
|
||
padding: 10rpx;
|
||
box-sizing: border-box;
|
||
}
|
||
}
|
||
}
|
||
</style> |