<template>
	<view>
		<view class="cu-bar bg-white  margin-top">
			<view class='action'>
				<text class='cuIcon-titles text-orange'></text>
				<text class='text-black'>疗程</text>
			</view>
		</view>
		<view class='module'>
			<view class='module-title'>项目名称</view>
			<view class='module-title'>剩余次数</view>
			<view class='module-title' style='padding-right: 50upx;'>可用次数</view>
			<view v-if="projectTrade.length == 0">
				<view class='empty cuIcon-info'></view>
				<view class='empty-text text-gray'>暂无数据</view>
			</view>
			<!--  -->
			<view class="" v-for="(item,index) in projectTrade" :key='index'>
				<view class='module-content'>{{item.courseProjectName}}</view>
				<view class='module-content'>{{item.courseRestCount}}</view>
				<view class='module-content'>{{item.courseConsumeCount}}
				</view>
				<view v-if="projectTrade.length != index+1" class='common-hr'></view>
			</view>
		</view>
		<view class="cu-bar bg-white  margin-top">
			<view class='action'>
				<text class='cuIcon-titles text-orange'></text>
				<text class='text-black'>充值</text>
			</view>
		</view>
		<view class='module'>
			<view class='module-title'>类别名称</view>
			<view class='module-title'>剩余金额</view>
			<view class='module-title' style='padding-right: 50rpx;'>可用金额</view>
			<view v-if="rechargeTrade.length == 0">
				<view class='empty cuIcon-info'></view>
				<view class='empty-text text-gray'>暂无数据</view>
			</view>
			<!--  -->
			<view v-for="(item,index) in rechargeTrade" :key='index'>
				<view class='module-content'>{{item.rechargeTypeName}}</view>
				<view class='module-content'>{{item.cardRestMoney}}</view>
				<view class='module-content'>{{item.cardConsumeMoney}}
				</view>
				<view wx:if="rechargeTrade.length != index+1" class='common-hr'></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				projectTrade: [{
					courseProjectName: "小瘦腰"
				}],
				rechargeTrade: [{
					rechargeTypeName: "三折卡"
				}]
			}
		},
		methods: {
			
		},
		created() {
		
			var userInfo = uni.getStorageSync('userInfo')
			var form = {memberId:userInfo.id,storeId:userInfo.storeId}
			this.$api.recAccountlist(form).then(res=>{
				if(res.code=='000000'){
				this.rechargeTrade = res.rows
				}
			})
			this.$api.couAccountlist(form).then(res=>{
				if(res.code=='000000'){
				this.projectTrade = res.rows
				}
			})
		}
	}
</script>

<style>
	page {
		color: #555;
	}

	.module {
		background-color: white;
		padding: 30upx 0;
	}

	.module-title {
		display: inline-block;
		width: 33.3%;
		text-align: center;
		font-size: 30upx;
		margin-bottom: 30upx;
		color: black;
	}

	.module-content {
		display: inline-block;
		width: 33.3%;
		text-align: center;
		vertical-align: middle;
		padding: 20upx 0;
	}

	.module-title-2 {
		width: 50%;
	}

	.module-content-2 {
		width: 50%;
	}

	.cuIcon-right {
		text-align: right;
	}


	.cuIcon-right {
		float: right;
		margin-top: 3upx;
		color: darkgray;
	}
</style>
