<!--库位组件-->
<template>
	<view class="device-detail">
		<view class="list-style nopad">
			<view class="ljh_box nopad">
				<view class="tit_ljh uni-flex">
					<text class="mini-type-style" :class="locationDetail.type | typeStyle">
						{{ locationDetail.type | typeDesc}}
					</text>
					<text class="font_xl text_black text_bold">{{locationDetail.code}}</text>
				</view>
				<view class="ljh_left">
					<view class="font_xs text_lightblue">{{locationDetail.name}}</view>
				</view>
			</view>
			<com-item-location-center :dataContent="locationDetail"></com-item-location-center>
		</view>
	</view>
</template>

<script>
	import {
		getLocationType,
		getLocationTypeDesc
	} from '@/common/basic.js';
	import comErpLocation from '@/mycomponents/comItem/comErpLocation.vue'
	import comItemLocationCenter from '@/mycomponents/comItem/comItemLocationCenter.vue'
	export default {
		name: "comlocation",
		components: {
			comErpLocation,
			comItemLocationCenter
		},
		data() {
			return {

			};
		},
		// 此处定义传入的数据
		props: {
			locationDetail: {
				type: Object,
				value: null
			}
		},
		filters: {
			typeStyle: function(val) {
				return getLocationType(val);
			},
			typeDesc: function(val) {
				return getLocationTypeDesc(val);
			},
		},
	}
</script>

<style scoped lang="scss">
</style>
