jje_spread_uniapp/pages/earningsList/earningsList.vue

<template>
	<view class="page">
		<!-- #ifdef H5-->
		<uni-nav-bar  v-if="!$isWxBrowser()" :fixed="true" background-color="#FFE05C" :border="false" :statusBar="false"  left-icon="left" title="收益记录" @clickLeft="back" />
		<!-- #endif -->

		<view class="flex-col statistics">
			<view class="flex-row grid">
				<view class="flex-col gridItem">
					<view  class="title flex-row justify-center">
						<text>累计奖励</text>
					</view>
					<view class="number flex-row justify-center">
						<text>4008</text>
					</view>
				</view>
				<view class="flex-col gridItem leftBorder">
					<view  class="title flex-row justify-center">
						<text>累计提现</text>
					</view>
					<view class="number flex-row justify-center">
						<text>2008</text>
					</view>
				</view>
				<view class="flex-col gridItem leftBorder">
					<view  class="title flex-row justify-center">
						<text>可提现</text>
					</view>
					<view class="number flex-row justify-center">
						<text>2000</text>
					</view>
				</view>
			</view>
			<view class="flex-row justify-center">
				<view class="flex-row justify-center tixian">
					<text>去提现</text>
					<u-icon name="arrow-right" color="#000" size="14"></u-icon>
				</view>
			</view>

		</view>
		<view class="flex-row grid1">
			<view class="flex-col justify-evenly gridItem1">
				<view  class="title flex-row justify-center">
					<text>累计拓客</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
			<view class="flex-col justify-evenly gridItem1 leftBorder1">
				<view  class="title flex-row justify-center">
					<text>用券人数</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
			<view class="flex-col justify-evenly gridItem1 leftBorder1">
				<view  class="title flex-row justify-center">
					<text>充值人数</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
			<view class="flex-col  justify-evenly gridItem1 leftBorder1">
				<view  class="title flex-row justify-center">
					<text>消费次数累计</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
		</view>

		<view class="title-h1">
			<text>拓客数据(今日)</text>
		</view>
		<view class="flex-row grid1">
			<view class="flex-col justify-evenly gridItem1">
				<view  class="title flex-row justify-center">
					<text>累计拓客</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
			<view class="flex-col justify-evenly gridItem1 leftBorder1">
				<view  class="title flex-row justify-center">
					<text>用券人数</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
			<view class="flex-col justify-evenly gridItem1 leftBorder1">
				<view  class="title flex-row justify-center">
					<text>充值人数</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
			<view class="flex-col  justify-evenly gridItem1 leftBorder1">
				<view  class="title flex-row justify-center">
					<text>消费次数累计</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
		</view>
		<view class="title-h1">
			<text>间接拓客数据(今日)</text>
		</view>
		<view class="flex-row grid1">
			<view class="flex-col justify-evenly gridItem1">
				<view  class="title flex-row justify-center">
					<text>累计拓客</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
			<view class="flex-col justify-evenly gridItem1 leftBorder1">
				<view  class="title flex-row justify-center">
					<text>用券人数</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
			<view class="flex-col justify-evenly gridItem1 leftBorder1">
				<view  class="title flex-row justify-center">
					<text>充值人数</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
			<view class="flex-col  justify-evenly gridItem1 leftBorder1">
				<view  class="title flex-row justify-center">
					<text>消费次数累计</text>
				</view>
				<view class="number1 flex-row justify-center">
					<text>4008</text>
				</view>
			</view>
		</view>
		<view v-for="i in 10">
			<view class="title-h1 flex-row">
				<text>2024-06</text>
				<u-icon name="arrow-right" color="#000" size="16"></u-icon>
				<u-icon name="arrow-down" color="#000" size="16"></u-icon>
			</view>
			<view class="listItem" v-for="i in 2">
				<view class="flex-row justify-between listItemMsg">
					<view class="memberNo">
						<text>会员编号：Vip.00006379</text>
					</view>
					<view class="flex-row justify-between msg">
						<text>发券</text>
						<text>0.01</text>
					</view>
				</view>
				<view class="time">
					<text>2024-02-05:12:01:22</text>
				</view>
			</view>
		</view>

		<view class="flex-row justify-center seeMore">
			<text>查看更多</text>
		</view>


		<!--#ifdef H5-->
		<liu-drag-button v-if="$isWxBrowser()" @clickBtn="back">返回</liu-drag-button>
		<!--#endif-->
	</view>
</template>

<script>
	export default {
		components: {
		},
		data() {
			return {
				height:''

			}
		},
		onLoad(e) {
			let sysInfo = uni.getSystemInfoSync()
			this.height = sysInfo.windowHeight  - 70 + 'px' //除标题栏栏外的屏幕可用高度
		},
		methods: {
			back() {
				let pages = getCurrentPages()
				if (pages.length > 1){
					uni.navigateBack({
						delta: 1,
						fail:err=>{
							console.log(err)
						}
					})
				}else {
					uni.switchTab({
						url: '/pages/my/my'
					});
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import './index.rpx.css';
</style>