dealer(withdraw): 优化提现页面展示逻辑

- 添加金额格式化函数,确保余额显示格式统一- 调整余额显示布局,使界面更加清晰
-移除输入框的 clearable属性,避免用户误操作
This commit is contained in:
2025-08-28 00:45:25 +08:00
parent e4e6659752
commit 92f544a264

View File

@@ -2,6 +2,7 @@ import React, { useState, useRef, useEffect, useCallback } from 'react'
import { View, Text } from '@tarojs/components'
import {
Cell,
Space,
Button,
Form,
Input,
@@ -38,6 +39,7 @@ const DealerWithdraw: React.FC = () => {
// 获取可提现余额
const fetchBalance = useCallback(async () => {
console.log(dealerUser,'dealerUser...')
try {
setAvailableAmount(dealerUser?.money || '0.00')
} catch (error) {
@@ -211,8 +213,14 @@ const DealerWithdraw: React.FC = () => {
formRef.current?.setFieldsValue({ amount: availableAmount.replace(',', '') })
}
// 格式化金额
const formatMoney = (money?: string) => {
if (!money) return '0.00'
return parseFloat(money).toFixed(2)
}
const renderWithdrawForm = () => (
<View className="p-4">
<View>
{/* 余额卡片 */}
<View className="rounded-xl p-6 mb-6 text-white relative overflow-hidden" style={{
background: businessGradients.dealer.header
@@ -225,9 +233,9 @@ const DealerWithdraw: React.FC = () => {
}}></View>
<View className="flex items-center justify-between relative z-10">
<View>
<View className={'flex flex-col'}>
<Text className="text-2xl font-bold text-white">{formatMoney(dealerUser?.money)}</Text>
<Text className="text-white text-opacity-80 text-sm mb-1"></Text>
<Text className="text-2xl font-bold text-white">¥{availableAmount}</Text>
</View>
<View className="p-3 rounded-full" style={{
background: 'rgba(255, 255, 255, 0.2)'
@@ -254,7 +262,6 @@ const DealerWithdraw: React.FC = () => {
<Input
placeholder="请输入提现金额"
type="number"
clearable
/>
</Form.Item>