<template>
	<view>
		<view v-show="pageInfo.total==0">
			<view class='empty cuIcon-info'></view>
			<view class='empty-text text-gray'>暂无数据</view>
		</view>
		<view class="cu-card article isCard">
			<view class="cu-item" v-for="(item,index) in pageInfo.applyForList" :key='index'>
				<view class="title flex justify-between margin-top">
					<view class="text-cut ">申请人 : {{item.forName}}</view>
					<button class=" cu-btn round bg-red">审批</button>
				</view>
				<view class="content">
					<view class="desc">
						<view>
							<text class='text-gray '>申请时间：</text>{{item.date}}
						</view>
						<view>
							<text class='text-gray'>申请原因：</text>{{item.cause}}
						</view>
						<view>
							<text class='text-gray'>申请金额：</text>{{item.causeMoney}}
						</view>
					<!-- 	<view>
							<text class='text-gray text-lg'>申请人：</text> {{item.forName}}
						</view> -->

					</view>

				</view>
			
			</view>
		</view>
		<view class="margin-left">共 {{pageInfo.total}} 条记录</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageInfo: {
					total: 16,
					applyForList: [
						{date:'2021-04-10 15:45:36',cause:'水润肌肤疗程服务材料不足 , 需要补充仓储 , 预计需要小金瓶精华液 * 30',causeMoney:9000,forName:'托尼·唐'},
						{date:'2021-04-10 16:25:09',cause:'有关洗头系列洗发水用量见底 , 部分需要补充预计需要飘柔洗发水 * 20',causeMoney:1500,forName:'宇岚芓'},
						{date:'2021-04-12 11:20:39',cause:'3月份出差费用报销',causeMoney:1500,forName:'伊伊'},
						{date:'2021-04-12 12:39:58',cause:'3月份销售推广餐费打车费报销',causeMoney:500,forName:'黄颡鱼'},
					]
				}
			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
