You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
<template>
|
|
|
|
|
<view>
|
|
|
|
|
<view class="uni-flex uni-row ">
|
|
|
|
|
<status v-show="isShowStatus" :status='dataContent.inventoryStatus'></status>
|
|
|
|
|
<view class="uni-flex uni-row center">
|
|
|
|
|
<view >
|
|
|
|
|
<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 class="std_split">/</view>
|
|
|
|
|
<view class="text_recommend center">
|
|
|
|
|
{{Number(recommendQty)}}
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
<uom v-show="!isShowStdPack" :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
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
|
|
|
|
</style>
|
