zm/nuttyreading-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
liuyuan
2025-06-12 14:26:50 +08:00
parent 9a2c26ace8
commit e415f34fa8
15 changed files with 735 additions and 3668 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
pages/user/persCount.vue
View File

@@ -3,41 +3,53 @@
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<z-nav-bar title="我的账户"></z-nav-bar>
<u-alert
type="warning"
size="20rpx"
:title="goBuyTitle"
:show-icon="true"
>
</u-alert>
<view class="ACTable">
<u-tabs :list="tab_list" @click="tab_click" lineColor="#54a966 100% 100%"
<!-- <u-tabs :list="tab_list" @click="tab_click" lineColor="#54a966 100% 100%"
:activeStyle="{color: '#303133',fontWeight: 'bold',transform: 'scale(1.1)'}" v-if="iosHide"></u-tabs>
<u-tabs :list="tab_list_ios" @click="tab_click" lineColor="#54a966 100% 100%"
:activeStyle="{color: '#303133',fontWeight: 'bold',transform: 'scale(1.1)'}" v-if="!iosHide"></u-tabs>
:activeStyle="{color: '#303133',fontWeight: 'bold',transform: 'scale(1.1)'}" v-if="!iosHide"></u-tabs> -->
<view>
<view
class="AC_chong"
@click="onPageJump('/pages/peanut/reCharge')"
>立即充值
<u-icon
name="arrow-right"
color="#fff"
size="16"
class="rightArrow"
></u-icon>
</view>
</view>
<view v-if="tab_muJian==0">
<view class="AC_mes">
<view style="font-size: 50rpx;font-weight: bold;">{{userMes.peanutCoin}}</view>
<view style="color: #888;font-size: 30rpx;margin-top: 10rpx;">天医币</view>
<text v-if="platform != 'ios'" class="AC_chong" @click="buPoint()">充值</text>
</view>
<view class="AC_con">
<view class="AC_jilu">充值记录</view>
<view class="AC_jilu PM_font">充值消费记录</view>
<view v-for="(item,index) in MoneyRecord" class="AC_List">
<view class="AC_title">
{{item.orderType}}
<view>
<text v-if="item.changeAmount>0">+</text>
<text>{{item.changeAmount}}</text>
天医币
</view>
</view>
<view class="AC_mark">{{item.remark}}</view>
<view class="AC_mark" v-if="item.remark">{{item.remark}}</view>
<view class="AC_note" v-if="item.note&&item.note!='null'">说明：{{item.note}}</view>
<view class="AC_time">{{item.createTime}}</view>
</view>
</view>
</view>
<view v-if="tab_muJian==1">
<view class="couponList">
<view v-for="(item,index) in couponTabs" @click="couponTabCLi(index)"
<view v-for="(item,index) in couponTabs"
:class="couponListTab==index?'couStyle':''">{{item.name}}</view>
</view>
<view>
@@ -117,6 +129,7 @@
export default {
data() {
return {
goBuyTitle:'【天医币】仅为我平台支付使用币种 。一人民币=一天医币，仅为了方便用户支付使用。【天医币】可以用于在我平台支付书籍或课程使用。【天医币】这个名称是为适应我们平台的定位属性，所起名称。与区块链虚拟货币无任何关系。',
playData: {},
platform: null,
tab_list: [{
@@ -196,10 +209,7 @@
onLoad(e) {
// 隐藏原生的tabbar
uni.hideTabBar();
// #ifdef APP-PLUS
this.platform = uni.getSystemInfoSync().platform
console.log('操纵系统', this.platform)
// #endif
},
computed: {
...mapState(['userInfo'])
@@ -209,8 +219,6 @@
// 隐藏原生的tabbar
uni.hideTabBar();
this.getData();
this.getCourpe();
},
components: {
musicPlay
@@ -222,6 +230,9 @@
if(!this.iosHide){
this.tab_muJian=1
}
var data = {
userId: this.userInfo.id,
};
// 用户详情
if (this.userInfo.id != undefined) {
this.$http
@@ -230,45 +241,29 @@
this.userMes = res.user
});
}
uni.showLoading({
title: '加载中'
})
// 充值记录
this.$http
.post('book/transactiondetails/list?userId=' + this.userInfo.id + '&page=' + this.RecordScreen
.page + '&limit=' + this.RecordScreen.limit)
.then(res => {
this.MoneyRecord = res.page.list
this.totalPage = res.page.totalPage
this.totalCount = res.page.totalCount
});
$http
.request({
url: 'common/transactionDetails/getTransactionDetailsList',
method: "POST",
data,
header: {
"Content-Type": "application/json",
},
})
.then((res) => {
uni.hideLoading();
this.MoneyRecord = res.transactionDetailsList;
});
},
// 点击tab
tab_click(e) {
this.tab_muJian = e.index
},
// 优惠券
// getCourpe() {
// this.$http
// .post('/book/couponhistory/appGetUserCenterCoupon?userId=' + this.userInfo.id + '&useStatus=' + this
// .couponListTab)
// .then(res => {
// // this.cardList = res.couponVos
// this.cardList = res.couponVos
// });
// },
// 切换优惠券
couponTabCLi(e) {
// this.couponListTab = e
// this.getCourpe()
},
// 充值天医币
buPoint() {
uni.navigateTo({
@@ -314,8 +309,7 @@
}
.AC_con {
margin-top: 50rpx;
padding: 30rpx 30rpx;
padding: 20rpx;
box-shadow: 0 0px 10px 1px #d3d1d133;
background-color: #fff;
border-radius: 15rpx;
@@ -323,20 +317,17 @@
font-size: 30rpx;
.AC_jilu {
font-size: 32rpx;
text-align: center;
margin-bottom: 30rpx;
font-size: 42rpx;
text-align: left;
color: $themeColor;
padding: 20rpx 0;
}
.AC_List {
border-bottom: 1px solid #eee;
padding: 40rpx 10rpx;
overflow: hidden;
.AC_title {
font-size: 32rpx;
margin-bottom: 20rpx;
view {
float: right;
@@ -346,14 +337,21 @@
}
.AC_mark {
font-size: 28rpx;
margin-bottom: 15rpx;
color: #888;
width: 100%;
font-size: 28rpx;
margin-top: 20rpx;
margin-bottom: 15rpx;
color: #888;
display: inline-block;
}
.AC_note {
color: #888;
font-size: 26rpx;
}
.AC_time {
color: #bababa;
font-size: 25rpx;
font-size: 26rpx;
display: inline-block;
}
}
@@ -569,10 +567,28 @@
background: #c6c6c6;
}
}
}
/deep/.u-alert__content__title{
font-size: 24rpx !important;
line-height: 28rpx !important;
}
.AC_chong {
display: flex;
align-items: center;
justify-content: space-between;
background-image: linear-gradient(90deg, #54a966 0%, #a3d7ae 100%);
color: #fff;
border-top-left-radius: 15rpx;
border-top-right-radius: 15rpx;
padding: 20rpx 20rpx;
font-size: 36rpx;
font-weight: 800;
text-align: right;
}
.rightArrow {
width: 40rpx;
height: 40rpx;
float: right;
margin-left: 10rpx;
}
</style>