<template>
	<view class="myCard">
		<view class="cardTopName">
			<text>{{ item.gray_fabric_color_name || '未分色' }}</text>
			<text class="stockTag">{{ item.stock_roll_display }} 匹</text>
		</view>
		<view class="cardRow">
			<view>织　　厂：</view>
			<view>{{ item.supplier_name || '-' }}</view>
		</view>
		<view class="cardRow">
			<view>机 台 号：</view>
			<view>{{ item.machine_number || '-' }}</view>
		</view>
		<view class="cardRow">
			<view>纱　　批：</view>
			<view>{{ item.yarn_batch || '-' }}</view>
		</view>
		<view class="cardRow">
			<view>仓　　库：</view>
			<view>{{ item.warehouse_name || '-' }}</view>
		</view>
		<view class="cardRow">
			<view>幅宽/克重：</view>
			<view>{{ item.grey_fabric_width_and_unit_name || '-' }} / {{ item.grey_fabric_gram_weight_and_unit_name || '-' }}</view>
		</view>
		<view class="cardRow">
			<view>库存数量：</view>
			<view>{{ item.stock_weight_display }} KG{{ item.unit_label }}</view>
		</view>
		<view v-if="!isDetail" class="lookDetail">
			<text>查看细码明细</text>
			<u-icon name="arrow-right" size="36" />
		</view>
	</view>
</template>

<script>
export default {
	props: {
		item: { type: Object, default: () => ({}) },
		index: { type: Number, default: 0 },
		isDetail: { type: Boolean, default: false },
	},
};
</script>

<style scoped>
.cardTopName {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.stockTag {
	font-size: 24rpx;
	padding: 4rpx 12rpx;
	border-radius: 6rpx;
	font-weight: normal;
	background: #e6f7ff;
	color: #1890ff;
}
</style>
