From 74ea2392e4e461a227b96a6b68a0a475c8c8a13c Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Mon, 25 Aug 2025 10:11:25 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=B3=E8=AF=B7=E6=8F=90=E7=8E=B0=E8=AE=A1?=
 =?UTF-8?q?=E7=AE=97=E6=89=8B=E7=BB=AD=E8=B4=B9=E7=9A=84=E9=98=B2=E6=8A=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/user/user.js                              |  3 +-
 config/dev.js                                 |  2 +-
 pages/requestWithdrawal/requestWithdrawal.vue | 72 +++++++++----------
 utils/debounce.js                             | 12 ++++
 utils/request.js                              | 42 +++++------
 5 files changed, 70 insertions(+), 61 deletions(-)
 create mode 100644 utils/debounce.js

diff --git a/api/user/user.js b/api/user/user.js
index 9e49c08..aad0b56 100644
--- a/api/user/user.js
+++ b/api/user/user.js
@@ -188,11 +188,12 @@ export function getWithdrawInfo() {
  * 获取服务费用明细
  * @returns {Promise} 返回服务费用明细
  */
-export function computedServiceAmount() {
+export function computedServiceAmount(amount) {
   return request({
     url: '/app/withdraw/serviceAmount',
     method: 'GET',
     showLoading: false,
+    params: { amount },
   }).catch(error => {
     console.warn('服务费用API调用失败，使用模拟数据:', error)
     return createMockResponse(mockWithdrawInfo)
diff --git a/config/dev.js b/config/dev.js
index 896e4c2..a348a6e 100644
--- a/config/dev.js
+++ b/config/dev.js
@@ -2,7 +2,7 @@
 export const DEV_CONFIG = {
   // 临时token，用于开发测试
   TEMP_TOKEN:
-    'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImEwMmVhNzAyLTU5Y2MtNDgyMS1hZGIzLTRjYWY0NzNjYjFhZSJ9.LNW_DJufVd4KfvQWNSH2MbLbVKAMMOcykOybK2Yrngg_IpepeDmlX1e26HQr3PFMpmXy6AYEtObIjjSQEqS61g',
+    'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImY5YWQ3NGQzLWUyM2ItNDQxYy1iYTk2LWYxMDBhNzRmYWI4NyJ9.hAI6gDAp3PT6tu-x2VKGGCUI5HokC01eHdOsgPGTw1WIKyvbBQ7aPr7boG1aqTLswhTVgpunMNMHcdFZJXXRAA',
 
   // 是否使用临时token
   USE_TEMP_TOKEN: true,
diff --git a/pages/requestWithdrawal/requestWithdrawal.vue b/pages/requestWithdrawal/requestWithdrawal.vue
index bf13c4a..e12bf57 100644
--- a/pages/requestWithdrawal/requestWithdrawal.vue
+++ b/pages/requestWithdrawal/requestWithdrawal.vue
@@ -72,9 +72,6 @@
       <view class="withdraw-btn" @click="submitWithdrawal">立即提现</view>
     </view>
 
-    <!-- 可提现金额提示 -->
-    <view class="available-amount"> 可提现金额: {{ withdrawInfo.available }}元</view>
-
     <!-- 提现说明 -->
     <view class="withdrawal-explanation">
       <view class="explanation-title">提现说明:</view>
@@ -82,7 +79,7 @@
         <text>提现金额: {{ withdrawalData.amount ? withdrawalData.amount + '元' : '0.00元' }}</text>
       </view>
       <view class="explanation-item">
-        <text>实际到账: {{ actualAmount }}元</text>
+        <text>实际到账: {{ withdrawInfo.actualAmount }}元</text>
       </view>
       <view class="explanation-item">
         <text>提现手续费: {{ fee }}元</text>
@@ -110,10 +107,11 @@
 
 <script>
 import { commonEnum } from '@/enum/commonEnum.js'
-import { getWithdrawInfo, submitWithdraw } from '@/api/user/user.js'
+import { getWithdrawInfo, submitWithdraw, computedServiceAmount } from '@/api/user/user.js'
 import { getUserBankList } from '@/api/account.js'
 import AddCard from './addCard.vue'
 import DeleteCardd from './deleteCard.vue'
+import debounce from '../../utils/debounce'
 
 export default {
   components: {
@@ -124,12 +122,12 @@ export default {
     return {
       loading: false,
       withdrawInfo: {
-        balance: '10000.00',
+        balance: '0',
         unsettled: '0.00',
-        available: '10000.00',
-        fee: 5.0,
-        minAmount: 5.0,
-        maxAmount: 50000.0,
+        fee: 0,
+        minAmount: 0,
+        maxAmount: 0,
+        actualAmount: 0,
       },
       withdrawalData: {
         amount: '',
@@ -152,13 +150,7 @@ export default {
   computed: {
     fee() {
       const amount = parseFloat(this.withdrawalData.amount) || 0
-      return this.withdrawInfo.fee || 1 // 使用API返回的手续费或默认1元
-    },
-    actualAmount() {
-      const amount = parseFloat(this.withdrawalData.amount) || 0
-      const fee = parseFloat(this.fee)
-      const result = amount - fee
-      return result > 0 ? result.toFixed(2) : '0.00'
+      return this.withdrawInfo.fee || 0 // 使用API返回的手续费或默认0元
     },
   },
   onLoad() {
@@ -194,8 +186,7 @@ export default {
       try {
         console.log('开始获取用户账号列表...123')
         const response = await getUserBankList()
-        console.log('API响应123:', response)
-        console.log('row:')
+
         if (response.code === 200 && response.rows) {
           this.userBankList = response.rows || []
           console.log('用户账号列表获取成功:')
@@ -233,6 +224,27 @@ export default {
       }
     },
 
+    serviceAmount: debounce(async function (amount) {
+      try {
+        console.log('发送参数', amount)
+        if (!amount) {
+          this.withdrawInfo.fee = 0
+          this.withdrawInfo.actualAmount = 0
+          this.withdrawalData.amount = 0
+          return
+        }
+        const res = await computedServiceAmount(amount)
+        if (res.code === 200 && res.data) {
+          const info = res.data
+          this.withdrawInfo.fee = info.serviceCharge
+          this.withdrawInfo.actualAmount = info.amount
+          this.withdrawalData.amount = info.withdrawAmount
+        }
+      } catch (error) {
+        console.error('服务费获取失败:', error)
+      }
+    }, 600), // 600ms内重复触发无效
+
     // 掩码账号号
     maskCardNumber(cardNumber) {
       if (!cardNumber) return ''
@@ -275,27 +287,11 @@ export default {
     },
     onAmountInput(e) {
       const value = e.detail.value
-      console.log('输入值:', value)
-
-      // 只允许数字和小数点
-      const filteredValue = value.replace(/[^\d.]/g, '')
-
-      // 确保只有一个小数点
-      const parts = filteredValue.split('.')
-      if (parts.length > 2) {
-        this.withdrawalData.amount = parts[0] + '.' + parts.slice(1).join('')
-      } else {
-        // 限制小数点后最多2位数字
-        if (parts.length === 2 && parts[1].length > 2) {
-          this.withdrawalData.amount = parts[0] + '.' + parts[1].substring(0, 2)
-        } else {
-          this.withdrawalData.amount = filteredValue
-        }
-      }
+      console.log(value)
+      this.serviceAmount(value)
     },
     withdrawAll() {
-      const available = parseFloat(this.withdrawInfo.available) || 0
-      this.withdrawalData.amount = available.toString()
+      this.withdrawalData.amount = this.withdrawInfo.balance
       console.log('全部提现，设置金额:', this.withdrawalData.amount)
     },
     selectBank() {
diff --git a/utils/debounce.js b/utils/debounce.js
new file mode 100644
index 0000000..2fdbba9
--- /dev/null
+++ b/utils/debounce.js
@@ -0,0 +1,12 @@
+function debounce(fn, delay = 500) {
+  let timer = null
+  return function (...args) {
+    clearTimeout(timer) // 清除之前的延迟调用
+    timer = setTimeout(() => {
+      fn.apply(this, args) // 延迟执行
+    }, delay)
+  }
+}
+
+// 导出
+export default debounce
diff --git a/utils/request.js b/utils/request.js
index b99e79d..75cb219 100644
--- a/utils/request.js
+++ b/utils/request.js
@@ -18,18 +18,18 @@ import {
 const ENV_CONFIG = {
   develop: {
     // 开发环境
-    // baseUrl: 'http://192.168.2.136:4501',
-    baseUrl: 'http://192.168.2.143:4601',
+    // baseUrl: 'http://192.168.2.174:4501',
+    baseUrl: 'http://192.168.2.174:4601',
     appId: 1, // TODO: 根据实际后端配置调整
   },
   trial: {
     // 体验版
-    baseUrl: 'http://192.168.2.143:4601',
+    baseUrl: 'http://192.168.2.174:4601',
     appId: 1, // TODO: 根据实际后端配置调整
   },
   release: {
     // 正式版
-    baseUrl: 'http://192.168.2.143:4601',
+    baseUrl: 'http://192.168.2.174:4601',
     appId: 1, // TODO: 根据实际后端配置调整
   },
 }
@@ -106,7 +106,7 @@ function getRequestHeaders(customHeader = {}) {
     'Content-Type': 'application/json;charset=UTF-8',
     ...customHeader,
   }
-  
+
   // 只有在有token时才添加Authorization头部
   if (authorization) {
     headers.Authorization = authorization
@@ -476,7 +476,7 @@ export function uploadFile(url, filePath, name = 'file', formData = {}, options
   return new Promise((resolve, reject) => {
     // 获取token
     let token = uni.getStorageSync('token')
-    
+
     // 检查token是否存在
     if (!token && !options.noToken) {
       token = getTempToken()
@@ -501,9 +501,9 @@ export function uploadFile(url, filePath, name = 'file', formData = {}, options
     }
 
     const header = {
-      ...options.header
+      ...options.header,
     }
-    
+
     // 只有在有token时才添加Authorization头部
     if (authorization) {
       header.Authorization = authorization
@@ -515,7 +515,7 @@ export function uploadFile(url, filePath, name = 'file', formData = {}, options
       name,
       hasToken: !!token,
       tokenLength: token ? token.length : 0,
-      header: header
+      header: header,
     })
 
     uni.uploadFile({
@@ -525,18 +525,18 @@ export function uploadFile(url, filePath, name = 'file', formData = {}, options
       formData: formData,
       header: header,
       timeout: options.timeout || 60000,
-      success: (res) => {
+      success: res => {
         console.log('文件上传响应:', {
           statusCode: res.statusCode,
           data: res.data,
-          header: res.header
+          header: res.header,
         })
-        
+
         try {
           // 解析响应数据
           const data = JSON.parse(res.data)
           console.log('解析后的响应数据:', data)
-          
+
           if (res.statusCode === 200 && data.code === 200) {
             console.log('文件上传成功:', data)
             resolve(data)
@@ -547,13 +547,13 @@ export function uploadFile(url, filePath, name = 'file', formData = {}, options
               statusCode: res.statusCode,
               code: data.code,
               message: errorMsg,
-              data: data
+              data: data,
             })
-            
+
             uni.showToast({
               title: errorMsg,
               icon: 'none',
-              duration: 3000
+              duration: 3000,
             })
             reject(new Error(errorMsg))
           }
@@ -562,17 +562,17 @@ export function uploadFile(url, filePath, name = 'file', formData = {}, options
           reject(new Error('响应数据格式错误'))
         }
       },
-      fail: (err) => {
+      fail: err => {
         console.error('文件上传失败:', err)
-        
+
         uni.showToast({
           title: errorMessage,
           icon: 'none',
-          duration: 3000
+          duration: 3000,
         })
-        
+
         reject(err)
-      }
+      },
     })
   })
 }