bnyer-cloud-hub/pages/profit/profit.vue

<template>
	<view class="container">
		<view class="top">
			<uni-notice-bar show-get-more show-icon more-text="查看更多" :text="noticeList[0].content" @getmore="getMore" />
			<uni-section title="昨日收益" type="line">
				<uni-group mode="card">
					<view>广告收益:{{profitInfo.yesterdayAdProfit}}</view>
					<view>邀请收益:{{profitInfo.yesterdayInviteProfit}}</view>
					<view>总收益:{{profitInfo.totalProfit}}</view>
					<view>上月收益:{{profitInfo.lastMonthProfit}}</view>
					<view>当月收益:{{profitInfo.thisMonthProfit}}</view>
				</uni-group>
			</uni-section>
		</view>
		<view class="middle">
			<uni-section title="收益明细" type="line">
				<uni-group mode="card">
					<uni-segmented-control :current="current" :values="items" :style-type="styleType"
						:active-color="activeColor" @clickItem="onClickItem" />
					<view class="content">
						<view v-if="current === 0">
							<uni-collapse>
								<uni-collapse-item title="广告" :show-animation="true">
									<view class="content"
										v-for="(item,index) in downloadAndInviteCountInfo.creatorProfitDownloadCount"
										:key="index">
										<text class="text" @click="linkTo(0,0)">日期:{{item.createTime}}---</text>
										<text class="text">次数:{{item.downloadNum}}</text>
									</view>
								</uni-collapse-item>
								<uni-collapse-item title="邀请" :show-animation="true">
									<view class="content"
										v-for="(item,index) in downloadAndInviteCountInfo.creatorProfitInviteCount"
										:key="index">
										<text class="text" @click="linkTo(1,0)">日期:{{item.createTime}}---</text>
										<text class="text">次数:{{item.inviteDownloadNum}}</text>
									</view>
								</uni-collapse-item>
							</uni-collapse>
						</view>
						<view v-if="current === 1">
							<uni-collapse>
								<uni-collapse-item title="广告" :show-animation="true">
									<view class="content">
										<text class="text" @click="linkTo(0,1)">额度:{{inProfitInfo.profit}}</text>
									</view>
								</uni-collapse-item>
								<uni-collapse-item title="邀请" :show-animation="true">
									<view class="content">
										<text class="text" @click="linkTo(1,1)">额度:{{inProfitInfo.inviteProfit}}</text>
									</view>
								</uni-collapse-item>
							</uni-collapse>
						</view>
						<view v-if="current === 2">
							<uni-collapse>
								<uni-collapse-item title="广告" :show-animation="true">
									<view class="content">
										<text class="text" @click="linkTo(0,2)">额度:{{endProfitInfo.profit}}</text>
									</view>
								</uni-collapse-item>
								<uni-collapse-item title="邀请" :show-animation="true">
									<view class="content">
										<text class="text" @click="linkTo(1,2)">额度:{{endProfitInfo.inviteProfit}}</text>
									</view>
								</uni-collapse-item>
							</uni-collapse>
						</view>
					</view>

				</uni-group>
			</uni-section>
		</view>
	</view>
</template>

<script>
	import {
		queryFrontProfitInfo, //查询指定艺术家收益统计
		queryFrontPreDownloadAndInviteCount, //查询指定艺术家即将入账广告及邀请次数列表
		queryFrontPreProfit, //查询指定艺术家即将入账收益列表
		queryFrontInOrOutAmt, //查询指定艺术家已入账/转入钱包累计收益
	} from '@/api/profit.js'
	import {
		getNoticeList
	} from '@/api/userInfo.js'
	export default {
		data() {
			return {
				nvueWidth: 730,
				profitInfo: {
					yesterdayAdProfit: 0,
					yesterdayInviteProfit: 0,
					totalProfit: 0,
					lastMonthProfit: 0,
					thisMonthProfit: 0
				},
				downloadAndInviteCountInfo: {},
				profitList: [],
				items: ['即将入账', '已入账', '已转入钱包'],
				current: 0,
				activeColor: '#007aff',
				styleType: 'text',
				inProfitInfo: {},
				endProfitInfo: {},
				userInfo: {},
				noticeList: [],
				pageSize: 10,
				pageNum: 1
			}
		},
		// 下拉刷新
		onPullDownRefresh() {
			uni.stopPullDownRefresh()
		},
		created() {
			const userInfoSync = uni.getStorageSync('userInfo')
			this.userInfo = userInfoSync
			this.queryFrontProfitInfo();
			this.queryFrontPreDownloadAndInviteCount()
			this.queryFrontInAmt()
			this.queryFrontEndAmt()
			this.getNoticeList()
		},
		methods: {

			// 获取艺术家收益统计
			async queryFrontProfitInfo() {
				const res = await queryFrontProfitInfo(this.userInfo.id)
				//console.log('res', res)
				if (res.data.code === 200) {
					this.profitInfo = res.data.data
					//console.log('profitInfo', this.profitInfo)
				} else {
					uni.showModal({
						content: '收益统计加载失败！',
						showCancel: false
					});
				}
			},

			// 查询指定艺术家即将入账广告及邀请次数列表
			async queryFrontPreDownloadAndInviteCount() {
				const res = await queryFrontPreDownloadAndInviteCount(this.userInfo.id)
				//console.log('res', res)
				if (res.data.code === 200) {
					this.downloadAndInviteCountInfo = res.data.data
					//console.log('downloadAndInviteCountInfo', this.downloadAndInviteCountInfo)
				} else {
					uni.showModal({
						content: '收益统计次数加载失败！',
						showCancel: false
					});
				}
			},

			// 查询指定艺术家已入账累计收益
			async queryFrontInAmt() {
				const res = await queryFrontInOrOutAmt({
					creatorId: this.userInfo.id,
					status: '1'
				})
				//console.log('InAmt', res)
				if (res.data.code === 200) {
					this.inProfitInfo = res.data.data
				} else {
					uni.showModal({
						content: '已入账收益加载失败！',
						showCancel: false
					});
				}
			},

			// 查询指定艺术家转入钱包累计收益
			async queryFrontEndAmt() {
				const res = await queryFrontInOrOutAmt({
					creatorId: this.userInfo.id,
					status: '2'
				})
				//console.log('endAmt', res)
				if (res.data.code === 200) {
					this.endProfitInfo = res.data.data
				} else {
					uni.showModal({
						content: '转入钱包收益加载失败！',
						showCancel: false
					});
				}
			},

			// 获取公告分页
			async getNoticeList() {
				const res = await getNoticeList({
					pageSize: this.pageSize,
					pageNum: this.pageNum,
				})
				//console.log('res', res)
				if (res.data.code === 200) {
					this.noticeList = res.data.rows
					//console.log('noticeList', this.noticeList)
				} else {
					uni.showModal({
						content: '公告列表加载失败！',
						showCancel: false
					});
				}
			},

			// 跳转即将到账收益详情页(status:0->即将入账;1->已入账;2->转入钱包)
			linkTo(typeId, status) {
				if (status === 0) {
					uni.setStorage({
						key: 'typeId',
						data: typeId,
						success() {
							uni.navigateTo({
								url: '../profit/profitPreDetails'
							})
						}
					})
				} else if (status === 1) {
					uni.setStorage({
						key: 'typeId',
						data: typeId,
						success() {
							uni.navigateTo({
								url: '../profit/profitInDetails'
							})
						}
					})
				} else {
					uni.setStorage({
						key: 'typeId',
						data: typeId,
						success() {
							uni.navigateTo({
								url: '../profit/profitEndDetails'
							})
						}
					})
				}
			},
			onClickItem(e) {
				if (this.current !== e.currentIndex) {
					this.current = e.currentIndex
				}
			},

			//查看更多公告
			getMore() {
				uni.navigateTo({
					url: '../../pages-userInfo/notice/notice',
				})
			}
		},
	}
</script>

<style lang="scss">
	.container {
		font-family: ‘Franklin Gothic Medium’, ‘Arial Narrow’, Arial, sans-serif;
	}

	.uni-padding-wrap {
		// width: 750rpx;
		padding: 0px 30px;
	}

	.uni-common-mt {
		margin-top: 30px;
	}
</style>