<template>
	<view class="">


		<uni-collapse ref="collapse">
			<uni-collapse-item :open="true">
				<template v-slot:title>
					<view class="" style="font-size: 32rpx;">
						<view class="" >
							车间代码 : {{dataContent.workShopCode}}
						</view>
						<view class="" >
							车间名称 :
						</view>
						<view class="">
							生产线代码 :{{dataContent.productionLineCode}}
						</view>
						<view class="">
							工位代码 :{{dataContent.workStationCode}}
						</view>
					</view>
					
				</template>
				<u-line />
				<uni-swipe-action ref="swipeAction">
					<view v-for="(item, index) in dataContent.subList" :key="index">
						<uni-swipe-action-item>
							<view class="" style="font-size: 32rpx;margin: 10rpx;">
								<view class="">
									物品代码 : {{item.itemCode}}
								</view>
								<view class="">
									物品名称 : {{item.itemName}}
								</view>
								
								<view class="uni-flex uni-row uni-center">
									<view class="">
										数量 : {{item.qty}} 单位 : 
									</view>
									<view class="">
										<uom :uom="item.uom"></uom>
									</view>
									
								</view>

							</view>
						</uni-swipe-action-item>
						<u-line />
					</view>
				</uni-swipe-action>

			</uni-collapse-item>
		</uni-collapse>


	</view>
</template>

<script>
	import uom from '@/mycomponents/qty/uom.vue'
	export default {
		components: {
			uom
		},
		data() {
			return {

			}
		},
		props: {
			dataContent: {
				type: Object,
				default: {}
			},
		},
		methods: {
			update(){
				this.$nextTick(r => {
					this.$refs.collapse.resize()
				});
			}





		}
	}
</script>

<style>
</style>
