<template>
	<view class="uni-flex uni-row space-between uni-inline-item" style="background-color:#fff; margin-left: 10px;">
		<view>
			<item :dataContent="dataContent"></item>
		</view>
		<view v-if="isShowBalance">
			<balanceQty :dataContent="dataContent"></balanceQty>
		</view>
		<view v-else>
			<recommend-qty v-if="handleQty==0" :dataContent="dataContent" :isShowStatus="false"></recommend-qty>
			<compare-qty v-else :dataContent="dataContent" :recommendQty="Number(dataContent.qty)"
				:handleQty="Number(handleQty)" :isShowStatus="false">
			</compare-qty>
		</view>
	</view>
</template>
<script>
	import item from '@/mycomponents/item/item.vue'
	import qty from '@/mycomponents/qty/qty.vue'
	import recommendQty from '@/mycomponents/qty/recommendQty.vue'
	import compareQty from '@/mycomponents/qty/compareQty.vue'
	import balanceQty from '@/mycomponents/qty/balanceQty.vue'

	export default {
		components: {
			item,
			recommendQty,
			compareQty,
			balanceQty
		},
		data() {
			return {

			};
		},
		// 此处定义传入的数据
		props: {
			type: {
				type: String,
				default: 'recommend' //recommend:推荐 compare:对比 
			},
			dataContent: {
				type: Object,
				default: {}
			},
			handleQty: {
				type: Number,
				default: 0
			},
			isShowBalance: {
				type: Boolean,
				default: false
			}
		},
		watch: {

		},
		methods: {

		},
	}
</script>

<style>
</style>
