<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>