<template>
	<view class="bill-list-component">
		<view class="chooseList u-flex" @click="jumpPage('/pages/sales/salesDetail')">
			<view class="checkbox" v-show="showCheck"><u-checkbox v-model="checked" name="productSn" @change="checkChange" size="40" shape="circle"></u-checkbox></view>
			<view class="choose_r">
				<view class="u-flex u-row-between">
					<view class="billInfo u-flex">
						<text>2022-11-23</text>
						<view>待出库</view>
						<view>数字货架</view>
					</view>
					<view class="billOrder">XS211230001</view>
				</view>
				<view class="rigth_b u-flex u-row-between">
					<view>应收：￥12.00</view>
					<view>已收：￥12.00</view>
					<view>
						待收：
						<text>￥12.00</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		listData: {
			type: Array,
			default: () => {
				return [];
			}
		},
		showCheck:{
			type: Boolean,
			default:false
		}
	},
	data() {
		return {
			checked:true
		};
	},
	methods: {
		jumpPage(url){
			uni.navigateTo({
				url
			})
		}
	}
};
</script>

<style lang="less">
.bill-list-component {
	.chooseList {
		padding: 30rpx 20rpx;
		border-bottom: 1rpx solid #e4e7ed;
		&:last-child {
			border-bottom: 0rpx solid #e4e7ed;
		}
		.checkbox {
			width: 74rpx;
		}
		.choose_r {
			flex: 1;
			.billInfo {
				text {
					font-weight: 600;
				}
				view {
					padding: 4rpx 10rpx;
					text-align: center;
					border-radius: 30rpx;
					border: 1rpx solid #e4e7ed;
					margin-left: 10rpx;
					font-size: 0.7rem;
					color: #666;
				}
			}
			.billOrder {
				font-size: 0.8rem;
				color: #666;
			}
			.rigth_b {
				color: #666;
				font-size: 0.8rem;
				margin-top: 20rpx;
				view {
					&:last-child {
						color: #333;
						text {
							color: #f0ad4e;
						}
					}
				}
			}
		}
	}
}
</style>
