From dca624a7e4c877dc4bfd8c496a6c2a6b29ad4b46 Mon Sep 17 00:00:00 2001
From: zhengyiming <540361168@qq.com>
Date: 星期二, 25 三月 2025 10:16:37 +0800
Subject: [PATCH] fix: 四期需求

---
 packages/components/src/views/RechargeGrid/RechargeGrid.vue |   15 +++++++++++++--
 1 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/views/RechargeGrid/RechargeGrid.vue b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
index 86daf29..1cc8f17 100644
--- a/packages/components/src/views/RechargeGrid/RechargeGrid.vue
+++ b/packages/components/src/views/RechargeGrid/RechargeGrid.vue
@@ -3,9 +3,15 @@
     <Grid square :gutter="20" :column-num="2" class="recharge-grid-wrapper">
       <GridItem class="recharge-grid-item" text="璇濊垂" @click="emit('phoneBillRecharge')">
         <img :src="IconFreePhone" class="recharge-grid-item-icon" />
+        <div class="discountTag">{{ lifePayPhoneRate }}鎶�</div>
       </GridItem>
       <GridItem class="recharge-grid-item" text="鐢佃垂" @click="emit('electricityBillRecharge')">
         <img :src="IconFreeDian" class="recharge-grid-item-icon" />
+        <div class="discountTag">{{ lifePayElectricRate }}鎶�</div>
+      </GridItem>
+      <GridItem class="recharge-grid-item" text="鐕冩皵" @click="emit('gasBillRecharge')">
+        <img :src="IconFreeGas" class="recharge-grid-item-icon" />
+        <div class="discountTag">{{ lifePayGasRate }}鎶�</div>
       </GridItem>
     </Grid>
   </MainCell>
@@ -14,8 +20,10 @@
 <script setup lang="ts">
 import MainCell from '../../components/Layout/MainCell.vue';
 import { Grid, GridItem } from '@nutui/nutui-taro';
-import IconFreePhone from '../../../assets/icon-free-phone.png';
-import IconFreeDian from '../../../assets/icon-free-dian.png';
+import IconFreePhone from '../../assets/icon-free-phone.png';
+import IconFreeDian from '../../assets/icon-free-dian.png';
+import IconFreeGas from '../../assets/icon-free-gas.png';
+import { useGetRate } from '../../hooks';
 
 defineOptions({
   name: 'RechargeGrid',
@@ -28,5 +36,8 @@
 const emit = defineEmits<{
   (e: 'phoneBillRecharge'): void;
   (e: 'electricityBillRecharge'): void;
+  (e: 'gasBillRecharge'): void;
 }>();
+
+const { lifePayPhoneRate, lifePayElectricRate, lifePayGasRate } = useGetRate();
 </script>

--
Gitblit v1.9.1