<template>
	<view>
		<view class="detail-list margin_top" >
			<!-- 单选卡片 -->
			<view class="detail-content">
				<view class="choose_main">
					<view class="ljh_box">
						<view class="tit_ljh">{{ dataContent.itemCode }}</view>
						<view class="ljh_left">
							<view class="font_xs text_lightblue">{{ dataContent.itemName }}</view>
							<view class="font_xs text_lightblue">{{ dataContent.itemDesc1 }}</view>
						</view>
					</view>
					<view class="list_form hold_form">
						<view class="uni-container">
							<uni-table style="overflow-x: hidden;">
								<uni-tr>
									<uni-th width="70"></uni-th>
									<uni-th width="120" align="center">推荐</uni-th>
									<uni-th width="120" align="center">实际</uni-th>
								</uni-tr>
								<uni-tr>
									<uni-th width="70">数量</uni-th>
									<uni-th width="120" align="center">
										<view class="text_black">{{dataContent.recommendQty}}({{dataContent.uom}})</text>
										</view>
									</uni-th>
									<!-- -->
									<uni-th width="120" align="center">
										<view class="" v-if="dataContent.scaned">
											<com-number-box :ref="'comNumberBox_'+index" v-model="dataContent.handledQty"
												:max="99999" :min="0" @change="qtyChanged($event,dataContent,index)">
											</com-number-box>
										</view>
										<!-- <view v-if="dataContent.scaned" class="text_black">
											{{dataContent.handledQty}}({{dataContent.uom}})
										</view> -->
									</uni-th>
								</uni-tr>
								<uni-tr>
									<uni-th width="70">来源库位</uni-th>
									<uni-th width="120" align="center">
										<view class="text_black">{{ dataContent.recommendFromLocationCode }}</view>
									</uni-th>
									<uni-th width="120" align="center">
										<view class="">
											<button v-if="dataContent.scaned" type="primary" size="mini"
												style="margin-left: 30rpx;" @click="remove(dataContent,index)">移除</button>
										</view>
									</uni-th>
								</uni-tr>
							</uni-table>
						</view>
					</view>
				</view>
				{{dataContent.scaned}}
				<view class="choose_marked" v-if="dataContent.scaned">
					<image src="@/static/image_marked.svg"></image>
				</view>
			</view>
		</view>

	</view>


</template>

<script>
	export default {
		data() {
			return {}
		},
		props: {
			dataContent: {
				type: Object,
				value: {}
			}
		},
		watch:{
			dataContent: {
				handler(newName, oldName) {
					this.dataContent=newName;
				},
				immediate: true,
				deep: true
			}
		},
		methods: {
			remove() {
				this.$emit("remove", dataContent)
			}
		}
	}
</script>

<style>
</style>