<!--按零件查询-汇总 -->
<template>
	<view>
		<win-empty-view v-if="itemList.length==0"></win-empty-view>
		<view class="detail-list" v-for="(item, index) in itemList">
			<view class="detail-content">
				<view class="ljh_box uni-flex uni-row space-between">
					<view class="tit_ljh" v-if="summaryByLocation">{{item.itemCode}}</view>
					<view class="tit_ljh" v-else>{{item.locationCode}}</view>
					<view class="summary_state">
						<label class="icon_state" :class="item.status | statusStyle"
							style="margin-right: 10rpx;"></label>
						<text class="state_point" :class="item.status | statusStyle"
							style="background-color: transparent;">
							{{ item.status | statusColor}}
						</text>
					</view>
				</view>
				<view class="uni-flex uni-row space-between summary_wrap">
					<view class="bot_card_item summary_item">
						<label class="icon_bg icon_bg_pc">
							<image class="icon_normal" src="@/static/icons_ui/icon_pc.svg"></image>
						</label>
						<text>{{ item.lot}}</text>
					</view>
					<!-- 批次 -->
					<view class="ljh_right" style="margin-top: 0;">
						<text class="tnum">{{ item.qty }}</text>
						<text class="tunit">{{ item.uom }}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	import {
		getInventoryTypeStyle,
		getInventoryStatusDesc
	} from '@/common/basic.js';
	import winEmptyView from '@/mycomponents/wincom/winEmptyView.vue'
	export default {
		name: "comsummary",
		components: {
			winEmptyView
		},
		data() {
			return {};
		},
		// 此处定义传入的数据
		props: {
			itemList: {
				type: Array,
				value: null
			},
			summaryByLocation: {
				type: Boolean,
				default: true
			}
		},
		filters: {
			statusStyle: function(val) {
				return getInventoryTypeStyle(val);
			},
			statusColor: function(val) {
				return getInventoryStatusDesc(val);
			},
		},
	}
</script>

<style>
</style>
