<template>
	<view class=" memberRanking">
		<view class=" margin-top " style="padding: 10upx;">
			<view style="margin: 10upx auto; width:1200upx;"
				class="bg-red flex solid-bottom padding justify-start text-white text-center">
				<view class="text-header" style="width:400upx">
					<text>会员名字</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>充值</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>疗程</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>服务</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>充值还款</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>充值退款</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>疗程还款</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>疗程退款</text>
				</view>
			</view>
			<view v-if="starList.length==0">
				<view class='empty cuIcon-info'></view>
				<view class='empty-text text-gray'>暂无数据</view>
			</view>
			<view class=" light flex justify-start text-black text-center text-main" style="width: 1200upx;padding-left: 10upx;" v-for="(item,index) in  starList"
				:key='index'
				:class="index+1==1?'bg-pink':'bg-grey' && index+1==2?'bg-red':'bg-grey' &&index+1==3?'bg-orange':'bg-grey' ">
				<view class="cur" style="width: 20upx;">
					<text>{{index+1}}</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>{{item.memberName}}</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>{{item.recStatisticMoney}}</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>{{item.courseStatisticMoney}}</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>{{item.cashStatisticMoney}}</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>{{item.recRepayMoney}}</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>{{item.recRefundMoney}}</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>{{item.courseRepayMoney}}</text>
				</view>
				<view class="text-header" style="width:400upx">
					<text>{{item.courseRefundMoney}}</text>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	import host from '../../../../utils/host.js'
	export default {
		data() {

			return {
				userInfo: {},
				daylist: [],
				starList: [],
			}
		},
		methods: {
	

			memberList() {
				var that = this 
				
				uni.request({
					url: host + '/demay/ssm/staff/memberList', // 请求接口
					data: {storeId:that.userInfo.storeId}, // 发送参数
					method: 'POST', // 参数类型
					header: {
						'content-type': 'application/x-www-form-urlencoded',
						'token': that.userInfo.token
					}, // 请求头
					dataType: 'json', // 返回数据格式
					success(response) {
						console.log(response.data.rows);
						that.starList = response.data.rows
					},
					fail(error) {},
					complete(com) {}
				})
			}
		},
		onShow: function() {
			this.daylist = this.starList
			this.userInfo = uni.getStorageSync("userInfo")
			this.memberList()
		},
		onPullDownRefresh: function() {
			setTimeout(function() {
				uni.stopPullDownRefresh();
			}, 1000);
		},

	}
</script>

<style>
	.text-main {
		font-size: 28upx;
		height: 80upx;
		width: 100%;
		line-height: 80upx;
		margin-top: 10upx;
		color: #000000;
	}

	.memberRanking {
		overflow-y: auto;
	}
</style>
