<template>
	<view class="content flex flex_column">
		<view class="p-header" @click="jumpPage('/pages/statistics/chooseShelf')">
			<text>{{ curCustomerName || '全部客户' }}</text>
			<u-icon name="arrow-right"></u-icon>
		</view>
		<view class="p-content">
			<view class="list" @click="jumpPage('/pages/sales/billHistoryDetail')">
				<view class="list_t u-flex u-row-between">
					<view class="u-line-1">东莞市寮步车正汽车服务中心东莞市寮步车正汽车服务中心</view>
					<view>￥526.88</view>
				</view>
				<view class="list_b u-flex u-row-between">
					<view>2022-11-29 14:32:32</view>
					<view class="u-flex">
						<view>已付款</view>
						<u-icon name="yifukuan" custom-prefix="iscm-icon" size="40" :color="wordColor"></u-icon>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				wordColor:this.$config('infoColor'),
				curCustomerName:''
			}
		},
		onLoad() {
			
		},
		methods:{
			jumpPage(url){
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.content {
	height: 100vh;
	width: 100%;
	.p-header {
		background-color: #fff;
		text-align: center;
		padding-bottom: 20rpx;
	}
	.p-content{
		flex-grow: 1;
		padding:20rpx;
		.list{
			width: 100%;
			background: #ffffff;
			padding:30rpx 20rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			margin-bottom: 20rpx;
			.list_t{
				margin-bottom: 20rpx;
				view{
					&:first-child{
						width: calc(100% - 200rpx);
					}
					&:last-child{
						color:$uni-color-warning;
					}
				}
			}
			.list_b{
				color:$uni-text-color-grey;
				font-size: $uni-font-size-sm;
				font-weight: 500;
			}
		}
	}
}
</style>
