fix:充值记录界面按钮添加

src/views/billing/Rechargehistory/index.vue

@@ -1,8 +1,13 @@
-<script setup lang="ts">
+<script setup lang="ts" xmlns="http://www.w3.org/1999/html">
 import { ref, h } from 'vue'
 import type { TableColumnsType } from 'ant-design-vue'
 import { Tag as ATag, Table as ATable } from 'ant-design-vue'
 import {useI18n} from "vue-i18n";
+import { useRouter } from 'vue-router';
+const router = useRouter();
+const handleBack = () => {
+  router.push('/billing/billservice');
+};
 
 const  {t}  = useI18n();
 
@@ -69,7 +74,13 @@ const columns: TableColumnsType = [
 
 <template>
   <div class="p-4">
-    <div class="text-lg font-bold mb-4">{{t('page.Rechargehistory.recharge')}}</div>
+    <div class="text-lg font-bold mb-4 flex justify-between items-center">
+      <span>{{t('page.Rechargehistory.recharge')}}</span>
+      <a-button @click="handleBack">
+        {{ t('page.login.common.back') }}
+      </a-button>
+    </div>
+  <div>
     <ATable
       :columns="columns"
       :data-source="rechargeData"
@@ -84,6 +95,7 @@ const columns: TableColumnsType = [
       }"
     />
   </div>
+  </div>
 </template>
 
 <style scoped>