feat(dealer): 更新分销商资金明细页面实现

- 重构资金明细页面,从列表模式改为详情模式
- 修改API模型字段,将orderId改为orderNo
- 移除下拉刷新和滚动加载功能- 添加路由参数支持,通过id获取具体资金记录-优化UI展示,突出金额和关键信息
- 更新相关页面引用和导出名称
This commit is contained in:
2025-10-13 22:57:56 +08:00
parent 545fb393ea
commit 6fbe339507
5 changed files with 90 additions and 187 deletions

View File

@@ -1,6 +1,7 @@
import React, {useState, useEffect, useCallback} from 'react'
import {View, Text, ScrollView} from '@tarojs/components'
import {Empty, PullToRefresh, Loading, Cell, DatePicker} from '@nutui/nutui-react-taro'
import {Empty, PullToRefresh,Space, Loading, DatePicker} from '@nutui/nutui-react-taro'
import {ArrowDown} from '@nutui/icons-react-taro'
import Taro from '@tarojs/taro'
import {pageShopDealerOrder} from '@/api/shop/shopDealerOrder'
import {useDealerUser} from '@/hooks/useDealerUser'
@@ -51,7 +52,7 @@ const DealerOrder: React.FC = () => {
if (result?.list) {
const newOrders = result.list.map(order => ({
...order,
orderNo: `${order.orderId}`,
orderNo: `${order.orderNo}`,
customerName: `用户${order.userId}`,
userCommission: order.firstMoney || '0.00'
}))
@@ -114,7 +115,7 @@ const DealerOrder: React.FC = () => {
<View key={order.id} className="bg-white rounded-lg p-4 mb-3 shadow-sm">
<View className="flex justify-between items-start mb-1">
<Text className="font-semibold text-gray-800">
{order.id}
{order.orderNo}
</Text>
</View>
@@ -162,13 +163,6 @@ const DealerOrder: React.FC = () => {
return (
<View className="min-h-screen bg-gray-50">
<Cell.Group divider={false}>
<Cell
description={date ? `${date}` : '请选择'}
extra={'选择月份'}
onClick={() => setShow1(true)}
/>
</Cell.Group>
<PullToRefresh
onRefresh={handleRefresh}
disabled={refreshing}
@@ -179,12 +173,17 @@ const DealerOrder: React.FC = () => {
>
<ScrollView
scrollY
style={{
height: 'calc(100vh - 100px)',
}}
onScrollToLower={handleLoadMore}
lowerThreshold={50}
>
{/*筛选工具条*/}
<Space
className={'p-4'}
>
<Text className={'text-sm'} onClick={() => setShow1(true)}>{date ? `${date}` : '请选择'}</Text>
<ArrowDown size={10} className={'text-gray-400'} onClick={() => setShow1(true)}/>
</Space>
{/*账单列表*/}
<View className="px-4">
{loading && orders.length === 0 ? (
<View className="text-center py-8">