first commit
This commit is contained in:
GYJ
88
me/integral/index.vue
Normal file
88
me/integral/index.vue
Normal file
@@ -0,0 +1,88 @@
|
||||
<!-- 我的积分 -->
|
||||
<template>
|
||||
<view class="">
|
||||
<view class="margin radius" style="background: url(@/me/static/integral/bg.png) 100% no-repeat;position: relative;">
|
||||
<image src="@/me/static/integral/bg.png" style="width: 100%;height: 220rpx;"></image>
|
||||
<view class="padding" style="position: absolute;top: 0;width: 640rpx;">
|
||||
<view class="text-19">当前积分</view>
|
||||
<view class="flex justify-between margin-top">
|
||||
<view class="text-bold" style="font-size: 34px;">{{integralNum}}</view>
|
||||
<view class="" style="position: relative;overflow: hidden;width: 90px;">
|
||||
<!-- <view style="position: absolute;bottom:0;">
|
||||
<view class="flex">
|
||||
<u-image src="@/me/static/integral/integrate.png" width="43rpx" height="37rpx" style="width: 43rpx;height: 37rpx;"></u-image>
|
||||
<view class="margin-left-sm">积分明细</view>
|
||||
</view>
|
||||
</view> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<u-gap height="30" bg-color="#F7F7F7"></u-gap>
|
||||
<view class="margin">
|
||||
<view class="flex justify-between u-border-bottom padding-tb" v-for="(item,index) in integralList" :key="index" >
|
||||
<view class="u-font-16 text-bold">{{item.content}}</view>
|
||||
<view class="flex justify-between" style="width: 120rpx;border: 2rpx solid #FFA800;background: rgba(255, 247, 226, 0.5);border-radius: 36rpx;height: 40rpx;">
|
||||
<u-image src="@/me/static/integral/jinbi.png" width="36rpx" height="36rpx"></u-image>
|
||||
<view class="margin-right-sm" style="line-height: 36rpx;">+2</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
integralList: [],
|
||||
integralNum: 0
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getIntegral()
|
||||
this.getIntegralDet()
|
||||
},
|
||||
methods: {
|
||||
getIntegral() {
|
||||
this.$u.api.integral().then(res => {
|
||||
if (res.code == 0) {
|
||||
this.integralNum = res.data.integralNum
|
||||
}else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
duration: 1000,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
getIntegralDet() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit
|
||||
}
|
||||
this.$u.api.integralDet(data).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.integralList = res.data.records
|
||||
}else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
duration: 1000,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page {
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
</style>
|
||||
168
me/integral/inviteDet.vue
Normal file
168
me/integral/inviteDet.vue
Normal file
@@ -0,0 +1,168 @@
|
||||
<template>
|
||||
<view>
|
||||
<view class="bg-white padding">
|
||||
<view class="box" style="">
|
||||
<view class="text-19">总资产(元)</view>
|
||||
<view class="text-bold padding-tb"><text style="font-size: 68rpx;">{{inviterRecord}}</text>元</view>
|
||||
<!-- <view>累计提现：325.05元</view> -->
|
||||
</view>
|
||||
<view class="padding-top flex align-center justify-between">
|
||||
<view>
|
||||
<view class="text-19">总资产(元)</view>
|
||||
<view class="text-bold "><text style="font-size: 48rpx;">{{inviterRecord}}</text></view>
|
||||
</view>
|
||||
<view class="btn" @click="getOut">提现</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="margin-top padding bg-white radius">
|
||||
<view class="flex align-center">
|
||||
<view class="linh"></view>
|
||||
<view class="u-font-16 text-bold " style="color: #333333;" >账单明细</view>
|
||||
</view>
|
||||
<view style="text-align: left">
|
||||
<view v-for="(item, index) in userList" :key="index" class="item">
|
||||
<view>
|
||||
<view style="color: #333333;font-weight: bold;">{{item.title}}</view>
|
||||
<view class="margin-top-sm" style="color: #999999;">{{item.createTime}}</view>
|
||||
</view>
|
||||
<view>
|
||||
<text v-if="item.type==1" style="color: #333333;font-size:34upx;font-weight: 600"> + ¥{{item.money}}</text>
|
||||
<text v-else style="color: #333333;font-size: 34upx;font-weight: 600"> - ¥{{item.money}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="userList.length===0" style="text-align: center;margin-top: 60px">暂无记录</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
page: 1,
|
||||
limit: 10,
|
||||
userList: [],
|
||||
inviterRecord: 0
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
this.getData()
|
||||
this.getInviter()
|
||||
},
|
||||
onShow() {
|
||||
this.getInviter()
|
||||
},
|
||||
methods: {
|
||||
getData() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit
|
||||
}
|
||||
this.$u.api.queryInviter(data).then(res => {
|
||||
if (res.code == 0) {
|
||||
this.inviterRecord = res.data.inviteMoney.money
|
||||
} else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
duration: 1000,
|
||||
icon: 'none'
|
||||
});
|
||||
uni.removeStorageSync('token')
|
||||
uni.removeStorageSync('userName')
|
||||
uni.removeStorageSync('openId')
|
||||
uni.removeStorageSync('avatar')
|
||||
uni.removeStorageSync('phone')
|
||||
uni.removeStorageSync('invitationCode')
|
||||
uni.removeStorageSync('userId')
|
||||
uni.removeStorageSync('zhiFuBao')
|
||||
uni.removeStorageSync('zhiFuBaoName')
|
||||
setTimeout(function() {
|
||||
uni.navigateBack()
|
||||
},1000)
|
||||
}
|
||||
})
|
||||
},
|
||||
getInviter() {
|
||||
let data = {
|
||||
page: this.page,
|
||||
limit: this.limit
|
||||
}
|
||||
this.$u.api.moneyList(data).then(res => {
|
||||
if (res.code == 0) {
|
||||
if(this.page == 1) {
|
||||
this.userList = res.data.records
|
||||
uni.stopPullDownRefresh();
|
||||
return
|
||||
}
|
||||
this.userList = [...this.userList, ...res.data.records]
|
||||
}else {
|
||||
uni.showToast({
|
||||
title: res.msg,
|
||||
duration: 1000,
|
||||
icon: 'none'
|
||||
});
|
||||
}
|
||||
})
|
||||
},
|
||||
getOut() {
|
||||
uni.navigateTo({
|
||||
url: '/me/invite/cashDetail'
|
||||
});
|
||||
},
|
||||
},
|
||||
onReachBottom: function() {
|
||||
this.page = this.page + 1;
|
||||
this.getInviter()
|
||||
},
|
||||
onPullDownRefresh: function() {
|
||||
this.page = 1;
|
||||
// this.userList = []
|
||||
this.getInviter()
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.box{
|
||||
background: linear-gradient(90deg, #90A7FF 0%, #5074FF 100%);
|
||||
border-radius: 16rpx;
|
||||
color: #FFFFFF;
|
||||
padding: 50rpx 0;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.btn {
|
||||
background: #5074FF;
|
||||
color: #FFFFFF;
|
||||
font-weight: 500;
|
||||
font-size: 32rpx;
|
||||
width: 160rpx;
|
||||
height: 70rpx;
|
||||
text-align: center;
|
||||
line-height: 70rpx;
|
||||
border-radius: 12rpx;
|
||||
}
|
||||
.linh{
|
||||
width:8rpx;
|
||||
height: 32rpx;
|
||||
background: #2474FF;
|
||||
margin-right: 15rpx;
|
||||
border-radius: 4rpx;
|
||||
|
||||
}
|
||||
.item {
|
||||
/* background: white; */
|
||||
/* padding: 32rpx; */
|
||||
margin: 32rpx 0;
|
||||
font-size: 28rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
/* box-shadow: 7px 9px 34px rgba(0, 0, 0, 0.1); */
|
||||
/* border-radius: 16upx; */
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user