项目开发完成

src/hjm/BestSellers.tsx

@@ -0,0 +1,42 @@
+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.id})}>
+              <Image src={item.image} 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