星油云站
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.

86 lines
1.8 KiB

2 years ago
<template>
<view class="margin radius bg-white">
<view class="main-money ">
<view class="padding-xs flex align-center">
<view class="flex-sub text-center padding-top-lg">
<view class="txet-xxs">
<text class="">交易金额</text>
</view>
<view class=" text-sl padding padding-top-xs"><text class="">
{{basicData.totalAmout|numberFilter}}
</text></view>
</view>
</view>
</view>
<view class="bg-white to-top">
<view class=" flex ">
<view class="padding text-center flex-sub">
<text>交易笔数</text>
<view class="padding-sm">
<text class="text-lg oil-main-color padding-top-xs">{{basicData.totalCount}}</text>
</view>
</view>
<view class="padding text-center flex-sub">
<text>客单均价</text>
<view class="padding-sm">
<text class="text-lg oil-main-color">{{basicData.totalAmout/basicData.totalAccount|numberFilter}}</text>
</view>
</view>
<view class="padding text-center flex-sub">
<text>顾客数</text>
<view class="padding-sm">
<text class="text-lg oil-main-color padding-top-xs">{{basicData.totalAccount}}</text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
props: {
basicData: {
type: Object,
default () {}
}
},
data() {
return {
}
},
methods: {
showModal() {
this.$emit('showModal')
}
},
watch: {
basicData: {
handler(newVal, oldVal) {
console.log('深度监听', newVal, oldVal)
this.basicData = newVal
},
deep: true
}
},
filters: {
numberFilter(value) {
if (value) {
value = value - 1 + 1
return value.toFixed(2)
} else {
return '0.00'
}
}
}
}
</script>
<style>
</style>