From e1c33e54ab6f4a4910b2b1994e70a9e3b13a578f Mon Sep 17 00:00:00 2001
From: zhongzm <zhongzm@agt.com>
Date: Tue, 14 Jan 2025 12:04:49 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E5=85=85=E5=80=BC=E6=9C=8D?=
 =?UTF-8?q?=E5=8A=A1=E7=95=8C=E9=9D=A2=E5=90=88=E5=B9=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/billing/billservice/index.vue      |  9 ++++++++-
 src/views/billing/recharge/index.vue         |  8 ++++++++
 src/views/recharge/rechargeservice/index.vue | 14 +++++++++++++-
 3 files changed, 29 insertions(+), 2 deletions(-)
 create mode 100644 src/views/billing/recharge/index.vue

diff --git a/src/views/billing/billservice/index.vue b/src/views/billing/billservice/index.vue
index 5132212..97567bc 100644
--- a/src/views/billing/billservice/index.vue
+++ b/src/views/billing/billservice/index.vue
@@ -5,7 +5,8 @@ import {
   RightOutlined,
   DollarOutlined,
   CreditCardOutlined,
-  ContainerOutlined
+  ContainerOutlined,
+  MoneyCollectOutlined,
 
 } from '@ant-design/icons-vue';
 
@@ -13,6 +14,12 @@ const { t } = useI18n();
 const router = useRouter();
 
 const menuItems = [
+  {
+    icon: MoneyCollectOutlined,
+    title: t('page.recharge.recharge'),
+    path: '/billing/recharge'
+
+  },
   {
     icon: CreditCardOutlined,
     title: t('page.histories.Historicalbilling'),
diff --git a/src/views/billing/recharge/index.vue b/src/views/billing/recharge/index.vue
new file mode 100644
index 0000000..bef1ce6
--- /dev/null
+++ b/src/views/billing/recharge/index.vue
@@ -0,0 +1,8 @@
+<script setup lang="ts">
+import recharge from '@/views/recharge/rechargeservice/index.vue'
+
+</script>
+<template>
+  <recharge/>
+</template>
+<style scoped></style>
diff --git a/src/views/recharge/rechargeservice/index.vue b/src/views/recharge/rechargeservice/index.vue
index 621f512..0edf13b 100644
--- a/src/views/recharge/rechargeservice/index.vue
+++ b/src/views/recharge/rechargeservice/index.vue
@@ -4,6 +4,14 @@ import { useI18n } from 'vue-i18n';
 import type { MenuProps } from 'ant-design-vue';
 import BalanceRecharge from '@/views/recharge/balancerecharge/index.vue';
 import PackageSubscription from '@/views/recharge/package/index.vue';
+import {useRouter} from "vue-router";
+const router = useRouter();
+const handleBack = () => {
+  router.push('/billing/billservice');
+};
+defineOptions({
+  name: 'recharge'
+});
 
 const { t } = useI18n();
 
@@ -40,7 +48,11 @@ const handleClick: MenuProps['onClick'] = e => {
       @click="handleClick"
       class="recharge-menu"
     />
-
+    <div class="text-lg font-bold mb-4 flex justify-between items-center">
+    <a-button @click="handleBack" >
+      {{ t('page.login.common.back') }}
+    </a-button>
+    </div>
     <!-- 内容区域 -->
     <div class="recharge-content">
       <Transition name="fade" mode="out-in">