sfms3.0-uniapp/mycomponents/qty/compareQty.vue

<template>
	<view>
		<view class="uni-flex uni-row ">
			<status v-show="isShowStatus" :status='dataContent.inventoryStatus'></status>
			<view class="uni-flex uni-row center">
				<view v-if ="Number(handleQty)!=0">
					<view v-if="Number(recommendQty)>Number(handleQty)" class="text_greater">
							{{Number(handleQty)}}
					</view>
					<view v-else-if="Number(recommendQty)<Number(handleQty)" class="text_less">
							{{Number(handleQty)}}
					</view>
					<view v-else-if="Number(recommendQty) ==Number( handleQty)" class="text_equal">
							{{Number(handleQty)}}
					</view>
					
				</view>
					<view v-if="Number(handleQty)!=0" class="std_split">/</view>
					<view v-if="isShowRecommendQty" class="text_recommend center">
							{{Number(recommendQty)}}
					</view>
				
			</view>
			<uom v-show="Number(handleQty)!=0||(isShowRecommendQty&&Number(recommendQty)>0)" :uom="dataContent.uom"></uom>
		</view>
		<view>
			<std-pack-qty v-show="isShowStdPack" :dataContent="dataContent"></std-pack-qty>
		</view>
	</view>
</template>

<script>
	import stdPackQty from '@/mycomponents/qty/stdPackQty.vue'
	import uom from '@/mycomponents/qty/uom.vue'
	import status from '@/mycomponents/status/status.vue'

	export default {
		components: {
			stdPackQty,
			uom,
			status
		},
		data() {
			return {

			};
		},
		// 此处定义传入的数据
		props: {
			type: {
				type: String,
				default: 'default' //recommend:推荐 compare:对比 
			},

			dataContent: {
				type: Object,
				default: {}
			},
			recommendQty: {
				type: Number,
				default: 0
			},

			handleQty: {
				type: Number,
				default: 0
			},

			isShowStatus: {
				type: Boolean,
				default: true
			},
			isShowStdPack: {
				type: Boolean,
				default: true
			},
			isShowRecommendQty: {
				type: Boolean,
				default: true
			}
		},
		watch: {
			handleQty: {
				handler(newName, oldName) {
				},
				immediate: true,
				deep: true
			}
		},
		methods: {

		},
	}
</script>

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