<template>
	<view class="detail">
		<view>
			<view class="name">
				{{itemInfo.name}}
			</view>
			<view class="time">
				{{itemInfo.time}}
			</view>
			<view class="" v-if="withBool&&itemInfo.auditingStatus == 0" style="font-size: 24rpx;color: #f83224;">
				驳回原因
			</view>
		</view>
		<view class="">
			<view class="">
				{{itemInfo.money}}
			</view>
			<view class="auditing" v-if="withBool">
				<text style="font-size: 24rpx;color: #f83224;" v-if="itemInfo.auditingStatus == 0">审核驳回</text>
				<text style="font-size: 24rpx;color: #222;" v-else-if="itemInfo.auditingStatus == 1">审核中</text>
				<text style="font-size: 24rpx;color: #33BD20;" v-else>审核通过</text>
			</view>
		</view>
	</view>
</template>


<script>
	export default {
		props: {
			itemInfo: {
				type: Object,
				default: {}
			},
			withBool:{
				type:Boolean,
				default:false
			}
		}
	}
</script>

<style lang="scss">
	.detail {
		display: flex;
		justify-content: space-between;
		align-items: center;
		height: 140rpx;
		border-top: 2rpx solid rgba(151, 151, 151, 0.1);

		.name {
			font-size: 30rpx;
			color: #222;
		}

		.time {
			font-size: 24rpx;
			color: #222;
			opacity: 0.6;
			margin-top: 16rpx;
		}
	}
</style>