35 lines
1.3 KiB
Vue
35 lines
1.3 KiB
Vue
<template>
|
|
<div class="size-full">
|
|
<div class="size-full flex justify-start flex-wrap" v-if="detail.rulePriceType == 10">
|
|
<span class="color-primary">{{ detail.sourceMchName ? detail.sourceMchName : "???" }}</span>
|
|
<span>到</span>
|
|
<span class="color-primary">{{ detail.targetMchName ? detail.targetMchName : "???" }}</span>
|
|
<span>消费超过</span>
|
|
<span class="color-success">{{ detail.basePrice ? displayPrice(detail.basePrice) : "???" }}</span>
|
|
<span>额外支付</span>
|
|
<span class="color-danger">{{ detail.multiple ? detail.multiple : "???" }}%</span>
|
|
</div>
|
|
<div class="size-full flex justify-start flex-wrap" v-if="detail.rulePriceType == 20">
|
|
<span class="color-primary">{{ detail.sourceMchName ? detail.sourceMchName : "???" }}</span>
|
|
<span>每餐消费超过</span>
|
|
<span class="color-success">{{ detail.basePrice ? displayPrice(detail.basePrice) : "???" }}</span>
|
|
<span>额外支付</span>
|
|
<span class="color-danger">{{ detail.multiple ? detail.multiple : "???" }}%</span>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts" name="mchRuleDesc">
|
|
import { displayPrice } from "/@/utils/formatMoney"
|
|
|
|
export type Props = {
|
|
detail: any
|
|
}
|
|
|
|
const props = withDefaults(defineProps<Props>(), {
|
|
detail: {},
|
|
})
|
|
|
|
const { detail } = toRefs(props)
|
|
</script>
|