45 lines
1.6 KiB
TypeScript
45 lines
1.6 KiB
TypeScript
import {useEffect} from "react";
|
||
import {Image, Space} from '@nutui/nutui-react-taro'
|
||
import Taro from '@tarojs/taro'
|
||
|
||
const BestSellers = (props: any) => {
|
||
const reload = () => {
|
||
|
||
}
|
||
|
||
useEffect(() => {
|
||
reload()
|
||
}, [])
|
||
|
||
return (
|
||
<div className={'px-2 mb-4'}>
|
||
<div className={'flex flex-col justify-between items-center rounded-lg px-3'}>
|
||
{props.data?.map((item, index) => {
|
||
return (
|
||
<div key={index} className={'flex bg-white rounded-lg w-full p-3 mb-3'}
|
||
onClick={() => Taro.navigateTo({url: '/hjm/query?id=' + item.code})}>
|
||
{ item.image && (
|
||
<Image src={JSON.parse(item.image)[0].url} mode={'scaleToFill'}
|
||
radius="10%" width="80" height="80"/>
|
||
)}
|
||
<div className={'mx-3 flex flex-col'}>
|
||
<Space direction={'vertical'}>
|
||
<div className={'car-no text-lg font-bold'}>{item.code}</div>
|
||
<div className={'flex text-xs text-gray-500'}>快递公司：<span
|
||
className={'text-gray-700'}>{item.parentOrganization}</span></div>
|
||
<div className={'flex text-xs text-gray-500'}>保险状态：<span className={'text-green-600'}>{item.insuranceStatus}</span>
|
||
</div>
|
||
<div className={'flex text-xs text-gray-500'}>绑定操作员：<span
|
||
className={'text-gray-700'}>{item.driver}</span></div>
|
||
</Space>
|
||
</div>
|
||
</div>
|
||
)
|
||
})}
|
||
</div>
|
||
<div style={{height: '170px'}}></div>
|
||
</div>
|
||
)
|
||
}
|
||
export default BestSellers
|