feat(dealer): 更新分销商资金明细页面实现
- 重构资金明细页面,从列表模式改为详情模式 - 修改API模型字段,将orderId改为orderNo - 移除下拉刷新和滚动加载功能- 添加路由参数支持,通过id获取具体资金记录-优化UI展示,突出金额和关键信息 - 更新相关页面引用和导出名称
This commit is contained in:
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user