|
@@ -15,16 +15,18 @@
|
|
|
:inactiveStyle="{color:'#999'}"
|
|
|
@click="tabsClick"></u-tabs>
|
|
|
</view>
|
|
|
+ <view class="totalAmount">
|
|
|
+ {{totalAmount}}
|
|
|
+ </view>
|
|
|
<mescroll-body class="" ref="mescrollRef" @init="mescrollInit" @down="downCallback" @up="upCallback" :down="downOption" :up="upOption">
|
|
|
- <view class="page-wrap" v-if="dataList.length>0" >
|
|
|
+ <view class="page-wrap" v-show="dataList.length>0" >
|
|
|
<view class="list">
|
|
|
- <view class="item u-flex u-row-between" @click="$u.route('/shopping/order')" v-for="item in dataList" :key="item.id">
|
|
|
+ <view class="item u-flex u-row-between" v-for="item in dataList" :key="item.id">
|
|
|
<view class="left">
|
|
|
- <view class="name">{{item.recordContent}}</view>
|
|
|
+ <view class="name">{{item.billTitle}}</view>
|
|
|
<view class="time">{{item.createTime}}</view>
|
|
|
</view>
|
|
|
- <text class="num" v-if="item.recordType!=1">-{{item.balance}}</text>
|
|
|
- <text class="num plus" v-else>+{{item.balance}}</text>
|
|
|
+ <text class="num plus">+{{item.earningsMoney}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
@@ -39,7 +41,7 @@
|
|
|
mixins: [MescrollMixin], // 使用mixin
|
|
|
data() {
|
|
|
return {
|
|
|
- credit:'',
|
|
|
+ totalAmount:'',
|
|
|
downOption: {},
|
|
|
// 上拉加载的配置(可选, 绝大部分情况无需配置)
|
|
|
upOption: {
|
|
@@ -51,9 +53,11 @@
|
|
|
tip: '暂无相关数据'
|
|
|
}
|
|
|
},
|
|
|
- tabsList:[{name:'昨日',recordType:2},{name:'本月',recordType:1},{name:'历史',recordType:3}],
|
|
|
+ tabsList:[{name:'昨日',recordType:1},{name:'本月',recordType:2},{name:'历史',recordType:3}],
|
|
|
+ recordType:'',
|
|
|
params:{
|
|
|
- recordType:''
|
|
|
+ startTime:'',
|
|
|
+ endTime:'',
|
|
|
},
|
|
|
activeIndex:0,
|
|
|
dataList: []
|
|
@@ -63,7 +67,7 @@
|
|
|
|
|
|
},
|
|
|
onLoad() {
|
|
|
- this.params.recordType = this.tabsList[this.activeIndex].recordType;
|
|
|
+ this.recordType = this.tabsList[this.activeIndex].recordType;
|
|
|
// console.log('1111', this.tabsList[this.activeIndex]);
|
|
|
},
|
|
|
methods: {
|
|
@@ -86,19 +90,41 @@
|
|
|
|
|
|
let pageNum = page.num; // 页码, 默认从1开始
|
|
|
let pageSize = page.size; // 页长, 默认每页10条isAsc:0//时间排序 0:降序 1:升序 (默认星级降序排序)
|
|
|
+ console.log('recordType',this.recordType);
|
|
|
+ if(this.recordType==1){
|
|
|
+ var yesterday = new Date();
|
|
|
+ yesterday.setDate(yesterday.getDate() - 1);
|
|
|
+ var year = yesterday.getFullYear();
|
|
|
+ var month = yesterday.getMonth() + 1;
|
|
|
+ var date = yesterday.getDate();
|
|
|
+ // 格式化日期,补0操作
|
|
|
+ month = month < 10 ? '0' + month : month;
|
|
|
+ date = date < 10 ? '0' + date : date;
|
|
|
+ var yesterdayStr = year + '-' + month + '-' + date;
|
|
|
+ this.params.startTime = yesterdayStr;
|
|
|
+ this.params.endTime = yesterdayStr;
|
|
|
+ }else if(this.recordType==2){
|
|
|
+ const now = new Date();
|
|
|
+ this.params.startTime = uni.$u.timeFormat(new Date(now.getFullYear(), now.getMonth(), 1), 'yyyy-mm-dd hh:MM:ss');
|
|
|
+ this.params.endTime = uni.$u.timeFormat(now, 'yyyy-mm-dd hh:MM:ss');
|
|
|
+ }else if(this.recordType==3){
|
|
|
+ this.params.startTime = '',
|
|
|
+ this.params.endTime = ''
|
|
|
+ }
|
|
|
|
|
|
this.params = Object.assign(this.params,{pageNum:pageNum,pageSize:pageSize});
|
|
|
- this.$u.api.selectBalanceLogList(this.params).then(data => {
|
|
|
+ this.$u.api.achievement(this.params).then(data => {
|
|
|
console.log('data',JSON.parse(JSON.stringify(data)));
|
|
|
// 接口返回的当前页数据列表 (数组)
|
|
|
- let curPageData = data.data.rows;
|
|
|
+ let curPageData = data.data.pageList.rows;
|
|
|
+ this.totalAmount = data.data.totalAmount;
|
|
|
console.log('curPageData',JSON.parse(JSON.stringify(curPageData)));
|
|
|
// 接口返回的当前页数据长度 (如列表有26个数据,当前页返回8个,则curPageLen=8)
|
|
|
let curPageLen = curPageData.length;
|
|
|
// 接口返回的总页数 (如列表有26个数据,每页10条,共3页; 则totalPage=3)
|
|
|
// let totalPage = data.data.data.totalPage;
|
|
|
// 接口返回的总数据量(如列表有26个数据,每页10条,共3页; 则totalSize=26)
|
|
|
- let totalSize = data.data.total;
|
|
|
+ let totalSize = curPageData.total;
|
|
|
// 接口返回的是否有下一页 (true/false)
|
|
|
// let hasNext = data.xxx;
|
|
|
// console.log('totalPage',totalPage,'curPageLen',curPageLen);
|
|
@@ -121,7 +147,7 @@
|
|
|
this.mescroll.resetUpScroll();
|
|
|
},
|
|
|
tabsClick(item){
|
|
|
- this.params.recordType = item.recordType;
|
|
|
+ this.recordType = item.recordType;
|
|
|
this.reloadList()
|
|
|
// console.log('item',item);
|
|
|
},
|
|
@@ -134,11 +160,11 @@ page{
|
|
|
}
|
|
|
</style>
|
|
|
<style lang="scss" scoped>
|
|
|
-.credit{
|
|
|
+.totalAmount{
|
|
|
padding: 20rpx;
|
|
|
background-color: #fff;
|
|
|
border-radius: 8rpx;
|
|
|
- margin: 0 20rpx 20rpx;
|
|
|
+ margin: 0 0 20rpx;
|
|
|
font-size: 36rpx;
|
|
|
font-weight: 600;
|
|
|
color: #00A447;
|
|
@@ -149,11 +175,11 @@ page{
|
|
|
}
|
|
|
.list{
|
|
|
border-radius: 8rpx;
|
|
|
- padding: 0 20rpx 20rpx;
|
|
|
+ padding: 0 20rpx;
|
|
|
background-color: #fff;
|
|
|
.item{
|
|
|
padding: 20rpx 0;
|
|
|
- border-bottom: 0.5px solid #ddd;
|
|
|
+ background-color: #fff;
|
|
|
.name{
|
|
|
font-size: 30rpx;
|
|
|
font-weight: 400;
|
|
@@ -175,6 +201,10 @@ page{
|
|
|
color: #00A447;
|
|
|
}
|
|
|
}
|
|
|
+ &:not(:first-of-type){
|
|
|
+ border-bottom: 0.5px solid #ddd;
|
|
|
+ padding-bottom: 20rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|