项目开发完成

2025-04-16 09:21:50 +08:00
parent eec6aef7d7
commit 04594c640e
51 changed files with 2394 additions and 349 deletions
--- a/src/hjm/query.tsx
+++ b/src/hjm/query.tsx
@@ -0,0 +1,116 @@
+import {useEffect, useState} from "react";
+import {useRouter} from '@tarojs/taro'
+import {getHjmCar, pageHjmCar} from "@/api/hjm/hjmCar";
+import {HjmCar} from "@/api/hjm/hjmCar/model";
+import {Image,Cell} from '@nutui/nutui-react-taro'
+import './location.scss'
+
+/**
+ * 文章终极列表
+ * @constructor
+ */
+const Query = () => {
+  const {params} = useRouter();
+  const [keywords, setKeywords] = useState<string>()
+  const [item, setItem] = useState<HjmCar>()
+
+  // 打开地图选择位置
+  // const chooseLocation = async () => {
+  //   try {
+  //     const res = await Taro.chooseLocation({
+  //       latitude,  // 默认纬度
+  //       longitude // 默认经度
+  //     })
+  //     console.log('选择的位置：', res);
+  //   } catch (err) {
+  //     console.error('选择位置失败：', err);
+  //   }
+  // }
+  const reload = () => {
+    const id = Number(params.id);
+    // 执行搜索
+    if (keywords) {
+      pageHjmCar({keywords}).then(res => {
+        if (res?.list && res?.list?.length > 0) {
+          const data = res?.list[0];
+          setItem(data)
+          setKeywords(data.code)
+        }
+      })
+      return false;
+    }
+    // 获取车辆信息
+    if (id) {
+      getHjmCar(id).then(data => {
+        setItem(data)
+        setKeywords(data.code)
+      })
+    }
+  }
+
+  useEffect(() => {
+    reload()
+  }, [])
+
+
+  return (
+    <>
+      {/*<div className={'fixed z-20 top-5 left-0 w-full'}>*/}
+      {/*  <div className={'px-4'}>*/}
+      {/*    <div*/}
+      {/*      style={{*/}
+      {/*        display: 'flex',*/}
+      {/*        alignItems: 'center',*/}
+      {/*        background: '#fff',*/}
+      {/*        padding: '0 10px',*/}
+      {/*        borderRadius: '20px'*/}
+      {/*      }}*/}
+      {/*    >*/}
+      {/*      <Search/>*/}
+      {/*      <Input*/}
+      {/*        placeholder="车辆编号"*/}
+      {/*        value={keywords}*/}
+      {/*        onChange={onKeywords}*/}
+      {/*      />*/}
+      {/*      <div*/}
+      {/*        className={'flex items-center'}*/}
+      {/*      >*/}
+      {/*        <Button type="warning" onClick={reload}>*/}
+      {/*          查询*/}
+      {/*        </Button>*/}
+      {/*      </div>*/}
+      {/*    </div>*/}
+      {/*  </div>*/}
+      {/*</div>*/}
+      {item ? (
+        <div className={'car-info w-full bg-white'}>
+          <Image src={item?.image} mode={'aspectFit'} width={'100%'} height={'300px'}/>
+          <div className={'px-2'}>
+              <Cell className={'car-info-item-title'}>
+                车辆编号：{item?.code}
+              </Cell>
+              <Cell className={'car-info-item-title'}>
+                快递公司：{item?.parentOrganization}
+              </Cell>
+              <Cell className={'car-info-item-title'}>
+                管理负责人：{item?.parentOrganizationAdmin}
+              </Cell>
+              <Cell className={'car-info-item-content'}>
+                操作员：{item?.driver}
+              </Cell>
+              <Cell className={'car-info-item-content'}>
+                保险状态：{item?.insuranceStatus}
+              </Cell>
+              <Cell className={'car-info-item-content'}>
+                GPS编号：{item?.gpsNo}
+              </Cell>
+              <Cell className={'car-info-item-content'}>
+                电子围栏：{item?.fence}
+              </Cell>
+          </div>
+        </div>
+      ) : ''}
+    </>
+  )
+}
+export default Query