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.
85 lines
1.8 KiB
85 lines
1.8 KiB
<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>
|
|
|