<template>
	<view>
		<win-empty-view v-if="itemList.length==0"></win-empty-view>
		<view class="detail-list" v-for="item in itemList">
			<view class="common_card">
				<view class="detail-content">
					<com-item-top :dataContent="item"></com-item-top>
					<com-item-center v-if="displayLocations" :dataContent="item" ></com-item-center>
					<com-item-bottom :dataContent="item"></com-item-bottom>
				</view>
			</view>
			<!-- <com-detail :item="item"></com-detail> -->
		</view>
	</view>
</template>

<script>
	import {
		getInventoryTypeStyle,
		getInventoryStatusDesc
	} from '@/common/basic.js';

	import winEmptyView from '@/mycomponents/wincom/winEmptyView.vue'
	import comItemTop from '@/mycomponents/comItem/comItemTop.vue'
	import comItemCenter from '@/mycomponents/comItem/comItemLocationCenter.vue'
	import comItemBottom from '@/mycomponents/comItem/comItemBottom.vue'

	export default {
		name: "comdetail",
		components: {
			winEmptyView,
			comItemTop,
			comItemCenter,
			comItemBottom
		},
		data() {
			return {};
		},

		// 此处定义传入的数据
		props: {
			itemList: {
				type: Array,
				value: null
			},
			displayLocations: {
				type: Boolean,
				default: true
			}
		},
		methods:{
			statusStyle: function(val) {
				return getInventoryTypeStyle(val);
			},
			statusColor: function(val) {
				return getInventoryStatusDesc(val);
			},
		}
	}
</script>



<style>
</style>
