diff --git a/src/views/money/user/index.vue b/src/views/money/user/index.vue
index d2035df..0f5cdc2 100644
--- a/src/views/money/user/index.vue
+++ b/src/views/money/user/index.vue
@@ -3,11 +3,11 @@
     <el-card style="margin-top: 50px;">
       <h1>用户余额</h1>
       <p>余额：{{ userBalanceData.userBalance || '加载中...' }}</p>
+      <el-button type="primary" @click="navigateToRecharge">充值</el-button>
     </el-card>
   </div>
 </template>
 
-
 <script>
 import { userBalance } from "@/api/system/user"; // 假设你的userBalance函数在@/api/money目录下
 
@@ -23,6 +23,9 @@ export default {
     this.fetchUserBalance();
   },
   methods: {
+    navigateToRecharge() {
+      this.$router.push('/money/zfb');
+    },
     async fetchUserBalance() {
       try {
         const userId = localStorage.getItem('userId');
diff --git a/src/views/port/port/index.vue b/src/views/port/port/index.vue
index 53d02d5..07f3293 100644
--- a/src/views/port/port/index.vue
+++ b/src/views/port/port/index.vue
@@ -5,7 +5,8 @@
         <el-card shadow="hover">
           <div slot="header" class="clearfix">
             <span>手机号查询归属地</span>
-            <el-button style="float: right; padding: 3px 0" type="text">测试</el-button>
+            <button @click="testPhone">测试</button>
+<!--            <el-button style="float: right; padding: 3px 0" type="text">测试</el-button>-->
             <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
           </div>
         </el-card>