fix：充值服务界面合并

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'),

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>

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">