<template>
	<view class="uni-flex uni-row bot_card">
		<!-- 库位 -->
		<view class="bot_card_item">
			<label class="icon_bg icon_bg_kw">
				<image class="icon_normal" src="@/static/icons_ui/icon_kw.svg">
				</image>
			</label>
			<text>{{ dataContent.locationCode }}</text>
		</view>
		<!-- 批次 -->
		<view class="bot_card_item">
			<label class="icon_bg icon_bg_pc">
				<image class="icon_normal" src="@/static/icons_ui/icon_pc.svg">
				</image>
			</label>
			<text >{{dataContent.lot}}</text>
		</view>
		<!-- 状态 -->
		<view class="bot_card_item item_short">
			<!-- <label class="icon_state" :class="dataContent.status | statusStyle"></label> -->
			<text class="state_point" :class="statusStyle(dataContent.status) ">
				{{ statusColor(dataContent.status)}}
			</text>
		</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>
</template>

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

	export default {
		name: 'comItemBottom',
		components: {},
		props: {
			dataContent: {
				type: Object,
				default: {}
			}
		},
		data() {
			return {}
		},
		created() {

		},
		methods: {
			statusStyle: function(val) {
				return getInventoryTypeStyle(val);
			},
			statusColor: function(val) {
				return getInventoryStatusDesc(val);
			},
		}
	}
</script>

<style>
</style>
