<template>
	<view>
		<view class="fabric-out-sectionTitle">{{ title }}</view>
		<slot name="before-list" />
		<view class="fabric-out-detailList">
			<view
				v-for="row in list"
				:key="row.group_key || row.id"
				class="fabric-out-detailCard"
			>
				<view class="fabric-out-detailRow" @click="$emit('fabric-info', row)">
					<text>{{ row.grey_fabric_code }}#{{ row.grey_fabric_name }}</text>
					<u-icon name="arrow-right" size="32" color="#888" />
				</view>
				<view class="fabric-out-detailMeta">
					<text>匹数：{{ row.roll }}</text>
					<text>重量：{{ row.weight }}KG</text>
					<u-button type="primary" size="mini" @click="$emit('fine-code', row)">细码</u-button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	props: {
		list: { type: Array, default: () => [] },
		title: { type: String, default: '出仓细码' },
	},
};
</script>

<style scoped lang="scss">
@import '@/pages/storefabric/storeFabricBusinessOutPage.scss';
</style>
