<template>
	<view class="goods-count">
		<view class="goods-count-item">
			<view class="goods-count-item-title">充电桩库存量</view>
			<view class="goods-count-item-count">{{signCount}}</view>
		</view>
		<view class="goods-count-line"></view>
		<view class="goods-count-item">
			<view class="goods-count-item-title">充电桩盘点量</view>
			<view class="goods-count-item-count">{{takeCount}}</view>
		</view>
	</view>
</template>

<script>
export default {
	name: 'GoodsCount',
	props:{
		signCount:{
			type:Number,
			default:0
		},
		takeCount:{
			type:Number,
			default:0
		},
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.goods-count {
	width: 100%;
	padding: 0 30rpx;
	margin-bottom: 20rpx;
	display: flex;
	justify-content: space-between;
	&-item {
		width: 45%;
		text-align: center;
		&-title {
			color: #666666;
		}
		&-count {
			margin-top: 30rpx;
			font-weight: 550;
			color: #2272ff;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			word-break: break-all;
		}
	}

	&-line {
		margin-top: 68rpx;
		width: 2rpx;
		height: 40rpx;
		background-color: #cccccc;
	}
}
</style>
