feat:钱包规则

src/views/mch/components/mch-rule-desc.vue

@@ -0,0 +1,34 @@
+<template>
+	<div class="size-full">
+		<div class="size-full flex justify-start">
+			<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" 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>