xinyi/tearoom
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
5181a2a464
tearoom/page_shanghu/shanghumy.vue

353 lines
8.4 KiB
Vue
Raw Normal View History

1
2024-12-20 09:02:40 +08:00
<template>
茶室
2024-12-31 18:01:36 +08:00
<view class="pages">
1
2024-12-20 09:02:40 +08:00
<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">
茶室
2024-12-31 18:01:36 +08:00
</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">
茶室
2025-01-04 18:05:32 +08:00
{{user.userName == null ? '--' : user.userName}}
茶室
2024-12-31 18:01:36 +08:00
</view>
</view>
共享
2025-02-12 17:59:03 +08:00
<!-- <view class="mytel">
茶室
2025-01-04 18:05:32 +08:00
{{user.phonenumber == null ? '--' : user.phonenumber}}
共享
2025-02-12 17:59:03 +08:00
</view> -->
茶室
2024-12-31 18:01:36 +08:00
</view>
</view>
</view>
<!-- 余额 -->
共享
2025-02-12 17:59:03 +08:00
<view class="yue" @click="btntx">
茶室
2024-12-31 18:01:36 +08:00
<!-- 背景图 -->
<image class="bj" src="https://api.ccttiot.com/smartmeter/img/static/uBI9zEccGouxpFhrjj5L" mode=""></image>
<view class="zhye">
账户余额（元）
</view>
<view class="yuan">
共享
2025-02-12 17:59:03 +08:00
￥{{user.balance == null ? '0' : user.balance}}
茶室
2024-12-31 18:01:36 +08:00
</view>
<view class="leiji">
<view class="one">
茶室
2025-01-04 18:05:32 +08:00
累计提现：{{user.totalWithdrawAmount == null ? '--' : user.totalWithdrawAmount}}
茶室
2024-12-31 18:01:36 +08:00
</view>
共享
2025-02-12 17:59:03 +08:00
<view class="two">
茶室
2024-12-31 18:01:36 +08:00
立即提现
</view>
</view>
</view>
共享
2025-02-12 17:59:03 +08:00
<view class="zhangdan" @click="btnzd">
<view class="one">
账单
</view>
<u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon>
</view>
茶室
2024-12-31 18:01:36 +08:00
<!-- 更多功能 -->
<view class="gongneng">
<view class="gongneng_tit">
管理与服务
</view>
<view class="gn_list">
共享
2025-02-12 17:59:03 +08:00
<view class="list_val" @click="btnshoukuan">
茶室
2024-12-31 18:01:36 +08:00
<view class="lt">
共享
2025-02-12 17:59:03 +08:00
<image src="https://api.ccttiot.com/smartmeter/img/static/uNB0gtTaIXAOR2NUEtVD" mode=""></image> <text>更换收款二维码</text>
茶室
2024-12-31 18:01:36 +08:00
</view>
<view class="rt">
<u-icon name="arrow-right" color="#3D3D3D" size="28"></u-icon>
</view>
共享
2025-02-12 17:59:03 +08:00
</view>
茶室
2025-01-04 18:05:32 +08:00
<!-- <view class="list_val" @click="btnhhr">
茶室
2024-12-31 18:01:36 +08:00
<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>
茶室
2025-01-04 18:05:32 +08:00
</view> -->
茶室
2025-03-05 17:42:13 +08:00
<!-- <view class="list_val" @click="btnaqzx">
茶室
2024-12-31 18:01:36 +08:00
<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>
茶室
2025-03-05 17:42:13 +08:00
</view> -->
茶室
2024-12-31 18:01:36 +08:00
<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>
1
2024-12-20 09:02:40 +08:00
</view>
</template>
<script>
export default {
data() {
return {
茶室
2024-12-31 18:01:36 +08:00
bgc: {
backgroundColor: "",
},
共享
2025-02-12 17:59:03 +08:00
user:{},
qudaolist:[]
1
2024-12-20 09:02:40 +08:00
}
},
onLoad() {
茶室
2024-12-31 18:01:36 +08:00
1
2024-12-20 09:02:40 +08:00
},
茶室
2024-12-31 18:01:36 +08:00
onShow() {
茶室
2025-01-04 18:05:32 +08:00
this.getinfo()
茶室
2024-12-31 18:01:36 +08:00
},
methods: {
共享
2025-02-12 17:59:03 +08:00
// 跳转到账单
btnzd(){
uni.navigateTo({
url:'/page_fenbaotwo/zhangdan'
})
},
茶室
2025-01-04 18:05:32 +08:00
// 查询个人信息
getinfo(){
this.$u.get(`/getAppInfo`).then(res => {
if (res.code == 200) {
this.user = res.user
共享
2025-02-12 17:59:03 +08:00
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
})
茶室
2025-01-04 18:05:32 +08:00
}
})
},
茶室
2024-12-31 18:01:36 +08:00
// 点击跳转提现
btntx(){
uni.navigateTo({
共享
2025-02-12 17:59:03 +08:00
url:'/page_fenbaotwo/tixian?userId=' + this.user.userId
茶室
2024-12-31 18:01:36 +08:00
})
},
// 点击跳转合伙人
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'
})
}
1
2024-12-20 09:02:40 +08:00
}
}
</script>
茶室
2024-12-31 18:01:36 +08:00
<style lang="scss" scoped>
.dateactive {
background: #E3E3FF !important;
color: #3D3D3D !important;
}
/deep/ .u-title {
padding-bottom: 15rpx;
1
2024-12-20 09:02:40 +08:00
}
共享
2025-02-12 17:59:03 +08:00
.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;
茶室
2024-12-31 18:01:36 +08:00
}
.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;
}
}
}
1
2024-12-20 09:02:40 +08:00
</style>
Reference in New Issue Copy Permalink