<template>
	<view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>人头数</text>
			</view>
			<text class="margin-right  text-cyan cuIcon-people">{{form.cashPeopleNum}}</text>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>充值金额</text>
			</view>
			<text class="margin-right"><text class="text-price text-red">{{form.rechargeMoney }}</text>  <text class="cuIcon-titles"></text> <text class="cuIcon-people text-cyan">{{ form.rechargeOrderNum }} </text> </text>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>服务金额</text>
			</view>
			<text class="margin-right"><text class="text-price text-red">{{form.cashMoney }}</text>  <text class="cuIcon-titles"></text> <text class="cuIcon-people text-cyan">{{ form.cashPeopleNum }} </text></text>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>还款金额</text>
			</view>
			<text class="margin-right text-price text-red">{{form.repayMoney }}</text>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>退款金额</text>
			</view>
			<text class="margin-right text-price text-green">{{form.refundMoney }}</text>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>新增会员</text>
			</view>
			<text class="margin-right text-xxl text-cyan cuIcon-people">{{form.newMemberNum }}</text>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>启用会员</text>
			</view>
			<text class="margin-right text-xxl text-cyan cuIcon-people">{{form.startMemberNum }}</text>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>会员总数</text>
			</view>
			<text class="margin-right text-xxl text-cyan cuIcon-people" >{{form.memberNum }}</text>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text >总负卡金</text>
				<!-- 期初+充值+还款-退款-服务=结存 -->
			</view>
			<text class="margin-right text-price text-red">{{form.recNegativeMoney }}</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				userInfo:null,
				form:{
					headCount:null,
					rechargeMoney:null,
					rechargeOrderNum:null,
					cashPeopleNum:null,
					cashMoney:null,
					repayMoney:null,
					newMemberNum:null,
					memberNum:null,
					recNegativeMoney:null,
					startMemberNum:null,
					refundMoney:null,
				}
			}
		},
		methods: {
				
			storeDaily(){
				let page = {storeId:this.userInfo.storeId}
				this.$api.storeDaily(page).then(res=>{
						console.log(res);
					if (res.code=='000000') {
						this.form = res.data
					} else{
						uni.showModal({
							title: '提示',
							content: res.message,
							showCancel: false,
							success: function(res) {}
						})
					}
				})
			}
		},
		onShow:function(){
			this.userInfo = uni.getStorageSync('userInfo')
			this.storeDaily()
		}
	}
</script>

<style>

</style>
