From 1b143c0c1f005879479090a50f135ef8e9f8fd80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Fri, 20 Jun 2025 19:55:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E6=88=90=EF=BC=9A=E9=BB=84=E5=AE=B6?=
 =?UTF-8?q?=E6=98=8E=E9=A1=B9=E7=9B=AE=E7=9A=84=E5=BC=80=E5=8F=91=E5=B9=B6?=
 =?UTF-8?q?=E5=AD=98=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/hjm/hjmCar/model/index.ts       |   2 +
 src/api/hjm/hjmViolation/index.ts       | 101 +++++++++
 src/api/hjm/hjmViolation/model/index.ts |  43 ++++
 src/app.config.ts                       |   8 +-
 src/hjm/list.tsx                        |  11 +-
 src/hjm/query.tsx                       |  58 ++++--
 src/hjm/violation/add.config.ts         |   3 +
 src/hjm/violation/add.tsx               | 244 ++++++++++++++++++++++
 src/hjm/violation/list.config.ts        |   3 +
 src/hjm/violation/list.tsx              | 260 ++++++++++++++++++++++++
 src/pages/index/ExpirationTime.tsx      |   6 +
 src/pages/index/Header.tsx              |   2 +
 src/pages/index/index.tsx               |  52 ++---
 src/pages/user/components/UserCell.tsx  | 127 ++++++++----
 src/passport/sms-login.config.ts        |   4 +
 src/passport/sms-login.tsx              | 204 +++++++++++++++++++
 src/user/userVerify/admin.config.ts     |   3 +
 src/user/userVerify/admin.tsx           | 248 ++++++++++++++++++++++
 18 files changed, 1295 insertions(+), 84 deletions(-)
 create mode 100644 src/api/hjm/hjmViolation/index.ts
 create mode 100644 src/api/hjm/hjmViolation/model/index.ts
 create mode 100644 src/hjm/violation/add.config.ts
 create mode 100644 src/hjm/violation/add.tsx
 create mode 100644 src/hjm/violation/list.config.ts
 create mode 100644 src/hjm/violation/list.tsx
 create mode 100644 src/passport/sms-login.config.ts
 create mode 100644 src/passport/sms-login.tsx
 create mode 100644 src/user/userVerify/admin.config.ts
 create mode 100644 src/user/userVerify/admin.tsx

diff --git a/src/api/hjm/hjmCar/model/index.ts b/src/api/hjm/hjmCar/model/index.ts
index dc0c1d2..6648a25 100644
--- a/src/api/hjm/hjmCar/model/index.ts
+++ b/src/api/hjm/hjmCar/model/index.ts
@@ -52,6 +52,8 @@ export interface HjmCar {
   address?: string,
   // 用户ID
   userId?: number;
+  // 认领状态
+  claim?: number;
   // 排序(数字越小越靠前)
   sortNumber?: number;
   // 备注
diff --git a/src/api/hjm/hjmViolation/index.ts b/src/api/hjm/hjmViolation/index.ts
new file mode 100644
index 0000000..bd65db9
--- /dev/null
+++ b/src/api/hjm/hjmViolation/index.ts
@@ -0,0 +1,101 @@
+import request from '@/utils/request';
+import type { ApiResult, PageResult } from '@/api/index';
+import type { HjmViolation, HjmViolationParam } from './model';
+
+/**
+ * 分页查询黄家明_违章记录
+ */
+export async function pageHjmViolation(params: HjmViolationParam) {
+  const res = await request.get<ApiResult<PageResult<HjmViolation>>>(
+    '/hjm/hjm-violation/page',
+    params
+  );
+  if (res.code === 0) {
+    return res.data;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 查询黄家明_违章记录列表
+ */
+export async function listHjmViolation(params?: HjmViolationParam) {
+  const res = await request.get<ApiResult<HjmViolation[]>>(
+    '/hjm/hjm-violation',
+    params
+  );
+  if (res.code === 0 && res.data) {
+    return res.data;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 添加黄家明_违章记录
+ */
+export async function addHjmViolation(data: HjmViolation) {
+  const res = await request.post<ApiResult<unknown>>(
+    '/hjm/hjm-violation',
+    data
+  );
+  if (res.code === 0) {
+    return res.message;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 修改黄家明_违章记录
+ */
+export async function updateHjmViolation(data: HjmViolation) {
+  const res = await request.put<ApiResult<unknown>>(
+    '/hjm/hjm-violation',
+    data
+  );
+  if (res.code === 0) {
+    return res.message;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 删除黄家明_违章记录
+ */
+export async function removeHjmViolation(id?: number) {
+  const res = await request.del<ApiResult<unknown>>(
+    '/hjm/hjm-violation/' + id
+  );
+  if (res.code === 0) {
+    return res.message;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 批量删除黄家明_违章记录
+ */
+export async function removeBatchHjmViolation(data: (number | undefined)[]) {
+  const res = await request.del<ApiResult<unknown>>(
+    '/hjm/hjm-violation/batch',
+    {
+      data
+    }
+  );
+  if (res.code === 0) {
+    return res.message;
+  }
+  return Promise.reject(new Error(res.message));
+}
+
+/**
+ * 根据id查询黄家明_违章记录
+ */
+export async function getHjmViolation(id: number) {
+  const res = await request.get<ApiResult<HjmViolation>>(
+    '/hjm/hjm-violation/' + id
+  );
+  if (res.code === 0 && res.data) {
+    return res.data;
+  }
+  return Promise.reject(new Error(res.message));
+}
diff --git a/src/api/hjm/hjmViolation/model/index.ts b/src/api/hjm/hjmViolation/model/index.ts
new file mode 100644
index 0000000..8c5cd60
--- /dev/null
+++ b/src/api/hjm/hjmViolation/model/index.ts
@@ -0,0 +1,43 @@
+import type { PageParam } from '@/api/index';
+
+/**
+ * 黄家明_违章记录
+ */
+export interface HjmViolation {
+  // 自增ID
+  id?: number;
+  // 车辆编号
+  code?: string;
+  // 标题
+  title?: string;
+  // 文章分类ID
+  categoryId?: number;
+  // 处罚金额
+  money?: string;
+  // 扣分
+  score?: string;
+  // 录入员
+  adminId?: number;
+  // 用户ID
+  userId?: number;
+  // 排序(数字越小越靠前)
+  sortNumber?: number;
+  // 备注
+  comments?: string;
+  // 状态, 0未处理, 1已处理
+  status?: number;
+  // 租户id
+  tenantId?: number;
+  // 创建时间
+  createTime?: string;
+  // 修改时间
+  updateTime?: string;
+}
+
+/**
+ * 黄家明_违章记录搜索条件
+ */
+export interface HjmViolationParam extends PageParam {
+  id?: number;
+  keywords?: string;
+}
diff --git a/src/app.config.ts b/src/app.config.ts
index 58b20ad..cd517af 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -15,7 +15,8 @@ export default defineAppConfig({
         "register",
         "forget",
         "setting",
-        "agreement"
+        "agreement",
+        "sms-login"
       ]
     },
     {
@@ -34,7 +35,8 @@ export default defineAppConfig({
         "company/company",
         "profile/profile",
         "setting/setting",
-        "userVerify/index"
+        "userVerify/index",
+        "userVerify/admin"
       ]
     },
     {
@@ -48,6 +50,8 @@ export default defineAppConfig({
         "exam/exam",
         "bx/bx",
         "bx/bx-add",
+        "violation/add",
+        "violation/list",
         "trajectory/trajectory",
         "gps-log/gps-log"
         // "bx/bx-list",
diff --git a/src/hjm/list.tsx b/src/hjm/list.tsx
index 9338fc3..4f20a66 100644
--- a/src/hjm/list.tsx
+++ b/src/hjm/list.tsx
@@ -21,7 +21,7 @@ const List = () => {
 
   const reload = () => {
     // 搜索条件
-    const where = {status: 1,deleted: 0, keywords}
+    const where = {status: 1, deleted: 0, keywords}
     // 判断身份
     const roleCode = Taro.getStorageSync('RoleCode');
     if(roleCode == 'kuaidiyuan'){
@@ -33,8 +33,13 @@ const List = () => {
       where.organizationId = Taro.getStorageSync('OrganizationId');
     }
     if(roleCode == 'kuaidi'){
-      // @ts-ignore
-      where.organizationParentId = Taro.getStorageSync('OrganizationParentId');
+      if(Taro.getStorageSync('OrganizationId') == Taro.getStorageSync('OrganizationParentId')){
+        // @ts-ignore
+        where.organizationParentId = Taro.getStorageSync('OrganizationParentId');
+      }else {
+        // @ts-ignore
+        where.organizationId = Taro.getStorageSync('OrganizationId');
+      }
     }
 
     // 获取车辆列表
diff --git a/src/hjm/query.tsx b/src/hjm/query.tsx
index f8bcf99..b433a50 100644
--- a/src/hjm/query.tsx
+++ b/src/hjm/query.tsx
@@ -115,7 +115,7 @@ const Query = () => {
         title: '请上传车辆图片',
         icon: 'error'
       });
-      // return false
+      return false
     }
     if (!FormData.gpsNo) {
       Taro.showToast({
@@ -130,7 +130,7 @@ const Query = () => {
       ...FormData,
       status: 1
     }).then(() => {
-      Taro.showToast({title: `绑定成功`, icon: 'success'})
+      Taro.showToast({title: `安装成功`, icon: 'success'})
       setTimeout(() => {
         return Taro.navigateBack()
       }, 1000)
@@ -311,7 +311,7 @@ const Query = () => {
   const onClaimVehicle = () => {
     updateHjmCar({
       ...FormData,
-      status: 2,
+      claim: 1,
       driverId: Taro.getStorageSync('UserId'),
       driverName: Taro.getStorageSync('RealName')
     }).then(() => {
@@ -361,6 +361,7 @@ const Query = () => {
       return false
     }
 
+
     // 4.查询角色
     const role = await listUserRole({userId: Taro.getStorageSync('UserId')})
     const roleCode = role[0].roleCode;
@@ -394,9 +395,15 @@ const Query = () => {
             }
           }
         }
-
-        // 1.符合条件则由安装人员安装车辆，否则提示无权限
-        console.log(roleCode,'roleCode..')
+        // 1.已认领则展示车辆
+        if (carInfo.status == 2) {
+          setClaimVehicle(false)
+          Taro.setNavigationBarTitle({
+            title: '车辆信息'
+          })
+          return false
+        }
+        // 2.符合条件则由安装人员安装车辆，否则提示无权限
         if (carInfo.status == 0 && roleCode != 'Installer') {
           Taro.setNavigationBarTitle({
             title: '安装设备'
@@ -408,24 +415,29 @@ const Query = () => {
           setDisabled(true)
           return false
         }
-        // 2.如果已安装，则判断是否已认领车辆
+        // 3.如果已安装，则判断是否已认领车辆
         if (carInfo.status == 1 && roleCode == 'kuaidiyuan') {
           // 2.1先查询名下有多少辆车
           const carCount = await pageHjmCar({driverId: Taro.getStorageSync('UserId')})
-          if (carCount?.count && carCount?.count == 0) {
+          if (carCount?.count == 0) {
             // 2.2无车辆则认领
             setClaimVehicle(true)
             Taro.setNavigationBarTitle({
               title: '认领车辆'
             })
-          } else {
-            // 2.3存在车辆则展示车辆信息
-            setClaimVehicle(false)
-            Taro.setNavigationBarTitle({
-              title: '车辆信息'
-            })
           }
+          return false
         }
+        // if(carInfo.status == 1 && Taro.getStorageSync('UserId') != carInfo.driverId){
+        //   Taro.showToast({
+        //     title: '暂无权限',
+        //     icon: 'error'
+        //   })
+        //   setTimeout(() => {
+        //     Taro.navigateBack()
+        //   },2000)
+        //   return false
+        // }
       }
     }
 
@@ -448,6 +460,8 @@ const Query = () => {
     })
   }, [])
 
+  // @ts-ignore
+  // @ts-ignore
   return (
     <>
       {/* 未安装 */}
@@ -539,10 +553,11 @@ const Query = () => {
                     onChange={(value) => setFormData({...FormData, gpsNo: value})}
                   />
                   <div
-                    className="right"
+                    className="right p-1"
                     style={{display: 'flex', alignItems: 'center'}}
+                    onClick={saveGpsNo}
                   >
-                    <Scan onClick={saveGpsNo}/>
+                    <Scan />
                   </div>
                 </div>
               </Form.Item>
@@ -637,7 +652,6 @@ const Query = () => {
                   )}
                 </div>
               </Form.Item>
-
               <Form.Item
                 label={'操作员'}
                 name="driver"
@@ -648,10 +662,7 @@ const Query = () => {
             </Form>
           </div>
         </div>
-      ) : ''}
-
-      {/* 已安装 */}
-      {FormData?.status != 0 ? (
+      ) : (
         <div className={'car-info w-full bg-white'}>
           {/* 显示多张图片 */}
           <div style={{
@@ -705,6 +716,9 @@ const Query = () => {
             <Cell className={'car-info-item-content'}>
               电子围栏：{FormData.fenceName}
             </Cell>
+            <Cell className={'car-info-item-content'}>
+              安装状态：{FormData.status == 2 ? '已绑定' : '未绑定'}
+            </Cell>
             <Cell className={'car-info-item-content'}>
               操作员：{FormData.status == 2 ? FormData.driver : '-'}
             </Cell>
@@ -754,7 +768,7 @@ const Query = () => {
             }
           </div>
         </div>
-      ) : ''}
+      )}
     </>
   )
 }
diff --git a/src/hjm/violation/add.config.ts b/src/hjm/violation/add.config.ts
new file mode 100644
index 0000000..0663d14
--- /dev/null
+++ b/src/hjm/violation/add.config.ts
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '添加违章记录'
+})
diff --git a/src/hjm/violation/add.tsx b/src/hjm/violation/add.tsx
new file mode 100644
index 0000000..54cfe13
--- /dev/null
+++ b/src/hjm/violation/add.tsx
@@ -0,0 +1,244 @@
+import {useEffect, useState} from "react";
+import Taro from '@tarojs/taro'
+import {
+  Button,
+  TextArea,
+  Cell,
+  Input,
+} from '@nutui/nutui-react-taro'
+import {addHjmViolation} from "@/api/hjm/hjmViolation";
+import {HjmViolation} from "@/api/hjm/hjmViolation/model";
+
+/**
+ * 添加违章记录页面
+ */
+function Add() {
+  const [loading, setLoading] = useState<boolean>(false)
+  const [lastSubmitTime, setLastSubmitTime] = useState<number>(0) // 最后提交时间
+  const [formData, setFormData] = useState<HjmViolation>({
+    code: '',
+    title: '',
+    money: '',
+    score: '',
+    comments: ''
+  })
+
+  // 初始化页面数据
+  const initPageData = async () => {
+    try {
+      setLoading(false)
+    } catch (error) {
+      console.error('初始化失败:', error)
+      Taro.showToast({
+        title: '初始化失败',
+        icon: 'none'
+      })
+    }
+  }
+
+
+// 提交表单
+  const handleSubmit = async () => {
+    // 防止重复提交 - 检查loading状态
+    if (loading) {
+      Taro.showToast({
+        title: '正在提交中，请稍候...',
+        icon: 'loading'
+      })
+      return
+    }
+
+    // 防止快速连续点击 - 2秒内不允许重复提交
+    const now = Date.now()
+    if (now - lastSubmitTime < 2000) {
+      Taro.showToast({
+        title: '请勿频繁提交',
+        icon: 'none'
+      })
+      return
+    }
+    setLastSubmitTime(now)
+
+    // 表单验证
+    if (!formData.code?.trim()) {
+      Taro.showToast({
+        title: '请输入车辆编号',
+        icon: 'none'
+      })
+      return
+    }
+
+    if (!formData.title?.trim()) {
+      Taro.showToast({
+        title: '请输入违章标题',
+        icon: 'none'
+      })
+      return
+    }
+
+    // if (!formData.money?.trim()) {
+    //   Taro.showToast({
+    //     title: '请输入处罚金额',
+    //     icon: 'none'
+    //   })
+    //   return
+    // }
+    //
+    // if (!formData.score?.trim()) {
+    //   Taro.showToast({
+    //     title: '请输入扣分',
+    //     icon: 'none'
+    //   })
+    //   return
+    // }
+
+    setLoading(true)
+
+    // 构建提交数据
+    const submitData: HjmViolation = {
+      ...formData,
+      status: 0 // 0未处理, 1已处理
+    }
+
+    addHjmViolation(submitData).then((res) => {
+      console.log(res)
+      Taro.showToast({
+        title: '提交成功',
+        icon: 'success'
+      })
+      // 清空表单
+      setFormData({
+        code: '',
+        title: '',
+        money: '',
+        score: '',
+        comments: ''
+      })
+
+      setTimeout(() => {
+        Taro.navigateBack()
+      }, 2000)
+    }).finally(() => {
+      setLoading(false)
+    })
+
+  }
+
+  useEffect(() => {
+    initPageData().then(r => {
+      console.log(r, 'rr')
+    })
+  }, [])
+
+  return (
+    <div style={{
+      backgroundColor: '#f5f5f5',
+      minHeight: '100vh',
+      paddingBottom: '80px'
+    }}>
+      {/* 页面标题 */}
+      {/*<div style={{*/}
+      {/*  backgroundColor: '#fff',*/}
+      {/*  margin: '16px',*/}
+      {/*  borderRadius: '12px',*/}
+      {/*  padding: '16px',*/}
+      {/*  boxShadow: '0 2px 8px rgba(0,0,0,0.06)'*/}
+      {/*}}>*/}
+      {/*  <div style={{*/}
+      {/*    display: 'flex',*/}
+      {/*    alignItems: 'center',*/}
+      {/*    gap: '8px',*/}
+      {/*    marginBottom: '12px'*/}
+      {/*  }}>*/}
+      {/*    <Truck size={18} color="#1890ff"/>*/}
+      {/*    <span style={{fontSize: '16px', fontWeight: 'bold'}}>添加违章记录</span>*/}
+      {/*  </div>*/}
+      {/*</div>*/}
+
+
+      {/* 违章信息表单 */}
+      <div style={{
+        backgroundColor: '#fff',
+        margin: '16px 16px 16px',
+        borderRadius: '12px',
+        overflow: 'hidden'
+      }}>
+        <div style={{
+          padding: '16px',
+          borderBottom: '1px solid #f0f0f0'
+        }}>
+          <span style={{fontSize: '16px', fontWeight: 'bold'}}>违章信息</span>
+        </div>
+        <Cell.Group>
+          <Cell title="车辆编号" style={{padding: '12px 16px'}}>
+            <Input
+              placeholder="YT000001"
+              value={formData.code}
+              onChange={(value) => setFormData({...formData, code: value})}
+              style={{backgroundColor: '#ffffff', borderRadius: '8px'}}
+            />
+          </Cell>
+          <Cell title="违章标题" style={{padding: '12px 16px'}}>
+            <Input
+              placeholder="不按规定停车"
+              value={formData.title}
+              onChange={(value) => setFormData({...formData, title: value})}
+              style={{backgroundColor: '#ffffff', borderRadius: '8px'}}
+            />
+          </Cell>
+          <Cell title="违章描述" style={{padding: '12px 16px'}}>
+            <TextArea
+              placeholder={'XX路1号...'}
+              value={formData.comments}
+              onChange={(value) => setFormData({...formData, comments: value})}
+              style={{backgroundColor: '#ffffff', borderRadius: '8px'}}
+            />
+          </Cell>
+          <Cell title="处罚金额" style={{padding: '12px 16px'}}>
+            <Input
+              type="number"
+              placeholder="200(元)"
+              maxLength={3}
+              value={formData.money}
+              onChange={(value) => setFormData({...formData, money: value})}
+              style={{backgroundColor: '#ffffff', borderRadius: '8px'}}
+            />
+          </Cell>
+          <Cell title="扣分" style={{padding: '12px 16px'}}>
+            <Input
+              type="number"
+              maxLength={2}
+              placeholder="2(分)"
+              value={formData.score}
+              onChange={(value) => setFormData({...formData, score: value})}
+              style={{backgroundColor: '#ffffff', borderRadius: '8px'}}
+            />
+          </Cell>
+        </Cell.Group>
+      </div>
+
+      {/* 提交按钮 */}
+      <div style={{
+        position: 'fixed',
+        bottom: 0,
+        left: 0,
+        right: 0,
+        backgroundColor: '#fff',
+        padding: '16px',
+        borderTop: '1px solid #f0f0f0'
+      }}>
+        <Button
+          type="primary"
+          block
+          loading={loading}
+          disabled={loading}
+          onClick={handleSubmit}
+        >
+          {loading ? '提交中...' : '提交违章记录'}
+        </Button>
+      </div>
+    </div>
+  )
+}
+
+export default Add
diff --git a/src/hjm/violation/list.config.ts b/src/hjm/violation/list.config.ts
new file mode 100644
index 0000000..473a3a6
--- /dev/null
+++ b/src/hjm/violation/list.config.ts
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '违章记录'
+})
diff --git a/src/hjm/violation/list.tsx b/src/hjm/violation/list.tsx
new file mode 100644
index 0000000..17404ed
--- /dev/null
+++ b/src/hjm/violation/list.tsx
@@ -0,0 +1,260 @@
+import React, {useEffect, useState} from "react";
+import {
+  Loading,
+  Empty,
+  Button,
+  Input,
+  Tag,
+  Space
+} from '@nutui/nutui-react-taro'
+import {Search, Calendar, Truck, File, AddCircle} from '@nutui/icons-react-taro'
+import Taro from '@tarojs/taro'
+import {pageHjmViolation} from "@/api/hjm/hjmViolation";
+import {HjmViolation} from "@/api/hjm/hjmViolation/model";
+
+
+/**
+ * 报险记录列表页面
+ */
+const List: React.FC = () => {
+  const [list, setList] = useState<HjmViolation[]>([])
+  const [loading, setLoading] = useState<boolean>(false)
+  const [keywords, setKeywords] = useState<string>('')
+  const [refreshing, setRefreshing] = useState<boolean>(false)
+  console.log(refreshing)
+  // 获取状态显示
+  const getStatusDisplay = (status?: number) => {
+    switch (status) {
+      case 0:
+        return {text: '未处理', color: '#faad14', bgColor: '#fffbe6'}
+      case 1:
+        return {text: '已处理', color: '#52c41a', bgColor: '#f6ffed'}
+      case 2:
+        return {text: '已驳回', color: '#ff4d4f', bgColor: '#fff2f0'}
+      default:
+        return {text: '未知', color: '#8c8c8c', bgColor: '#f5f5f5'}
+    }
+  }
+
+  const reload = async (showLoading = true) => {
+    try {
+      if (showLoading) setLoading(true)
+      setRefreshing(true)
+
+      const res = await pageHjmViolation({
+        keywords: keywords.trim(),
+      })
+
+      setList(res?.list || [])
+    } catch (error) {
+      console.error('获取报险记录失败:', error)
+      Taro.showToast({
+        title: '获取报险记录失败',
+        icon: 'error'
+      })
+    } finally {
+      setLoading(false)
+      setRefreshing(false)
+    }
+  }
+
+  const onSearch = () => {
+    reload()
+  }
+
+  const onKeywordsChange = (value: string) => {
+    setKeywords(value)
+  }
+
+  const onAddInsurance = () => {
+    Taro.navigateTo({
+      url: '/hjm/violation/add'
+    })
+  }
+
+  useEffect(() => {
+    reload().then()
+  }, [])
+
+  return (
+    <>
+      {/* 搜索栏 */}
+      <div style={{
+        position: 'fixed',
+        top: '20px',
+        left: 0,
+        right: 0,
+        display: "none",
+        zIndex: 20,
+        padding: '0 16px',
+        backgroundColor: '#f5f5f5'
+      }}>
+        <div style={{
+          display: 'flex',
+          alignItems: 'center',
+          backgroundColor: '#fff',
+          padding: '8px 12px',
+          borderRadius: '20px',
+          boxShadow: '0 2px 8px rgba(0,0,0,0.1)'
+        }}>
+          <Search size={16} color="#999"/>
+          <Input
+            placeholder="搜索报险记录"
+            value={keywords}
+            onChange={onKeywordsChange}
+            onConfirm={onSearch}
+            style={{
+              border: 'none',
+              backgroundColor: 'transparent',
+              flex: 1,
+              marginLeft: '8px'
+            }}
+          />
+          <Button
+            type="primary"
+            size="small"
+            onClick={onSearch}
+            loading={loading}
+          >
+            搜索
+          </Button>
+        </div>
+      </div>
+
+      {/* 报险记录列表 */}
+      <div style={{
+        marginTop: '10px',
+        paddingBottom: '80px'
+      }}>
+        {loading && list.length === 0 ? (
+          <div style={{
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            height: '200px'
+          }}>
+            <Loading type="spinner">加载中...</Loading>
+          </div>
+        ) : list.length === 0 ? (
+          <Empty description="暂无报险记录">
+            <Button type="primary" onClick={onAddInsurance}>
+              立即报险
+            </Button>
+          </Empty>
+        ) : (
+          <div style={{padding: '0 16px'}}>
+            {list.map((item, index) => {
+              const statusDisplay = getStatusDisplay(item.status)
+
+              return (
+                <div
+                  key={index}
+                  style={{
+                    backgroundColor: '#fff',
+                    borderRadius: '12px',
+                    padding: '16px',
+                    marginBottom: '12px',
+                    boxShadow: '0 2px 8px rgba(0,0,0,0.06)',
+                    border: '1px solid #f0f0f0'
+                  }}
+                >
+                  <div style={{
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'flex-start',
+                    marginBottom: '12px'
+                  }}>
+                    <div style={{flex: 1}}>
+                      <div style={{
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '8px',
+                        marginBottom: '8px'
+                      }}>
+                        <File size={16} color="#1890ff"/>
+                        <span style={{
+                          fontSize: '16px',
+                          fontWeight: 'bold',
+                          color: '#262626'
+                        }}>
+                          {item.title}
+                        </span>
+                      </div>
+
+                      <Space direction="vertical">
+                        <div style={{
+                          display: 'flex',
+                          alignItems: 'center',
+                          gap: '8px'
+                        }}>
+                          <Truck size={14} color="#8c8c8c"/>
+                          <span style={{fontSize: '13px', color: '#8c8c8c'}}>
+                            车辆编号：{item.code}
+                          </span>
+                        </div>
+
+                        <div style={{
+                          display: 'flex',
+                          alignItems: 'center',
+                          gap: '8px'
+                        }}>
+                          <Calendar size={14} color="#8c8c8c"/>
+                          <span style={{fontSize: '13px', color: '#8c8c8c'}}>
+                            提交时间：{item.createTime}
+                          </span>
+                        </div>
+                      </Space>
+                    </div>
+
+                    <Tag
+                      color={statusDisplay.color}
+                      style={{
+                        backgroundColor: statusDisplay.bgColor,
+                        border: `1px solid ${statusDisplay.color}`,
+                        fontSize: '12px'
+                      }}
+                    >
+                      {statusDisplay.text}
+                    </Tag>
+                  </div>
+
+                  {/* 备注信息 */}
+                  {item.comments && (
+                    <div style={{
+                      backgroundColor: '#f8f9fa',
+                      padding: '8px 12px',
+                      borderRadius: '6px',
+                      fontSize: '13px',
+                      color: '#595959',
+                      lineHeight: '1.4'
+                    }}>
+                      {item.comments.length > 50
+                        ? `${item.comments.substring(0, 50)}...`
+                        : item.comments
+                      }
+                    </div>
+                  )}
+                </div>
+              )
+            })}
+          </div>
+        )}
+      </div>
+
+      <div style={{
+        position: 'fixed',
+        bottom: '20px',
+        right: '20px',
+        zIndex: 30,
+        padding: '8px',
+        borderRadius: '20px',
+        overflow: "hidden",
+        backgroundColor: '#ff0000',
+      }}>
+        <AddCircle size={28} color={'#ffffff'} onClick={onAddInsurance} />
+      </div>
+    </>
+  )
+}
+
+export default List
diff --git a/src/pages/index/ExpirationTime.tsx b/src/pages/index/ExpirationTime.tsx
index 284dfc3..53264a4 100644
--- a/src/pages/index/ExpirationTime.tsx
+++ b/src/pages/index/ExpirationTime.tsx
@@ -39,6 +39,12 @@ const ExpirationTime = () => {
         if(data.certification){
           setIsAdmin( true)
         }
+        if(Taro.getStorageSync('certification') == 'jj'){
+          setIsAdmin(true)
+        }
+        if(Taro.getStorageSync('certification') == 'yz'){
+          setIsAdmin(true)
+        }
         data.roles?.map((item, index) => {
           if (index == 0) {
             setRoleName(item.roleCode)
diff --git a/src/pages/index/Header.tsx b/src/pages/index/Header.tsx
index 942c466..7664f6c 100644
--- a/src/pages/index/Header.tsx
+++ b/src/pages/index/Header.tsx
@@ -65,6 +65,7 @@ const Header = (props: any) => {
           setRoleName('交警')
           Taro.setStorageSync('RoleName', '交警')
           Taro.setStorageSync('RoleCode', 'jiaojing')
+          Taro.setStorageSync('certification', 'jj')
           return false;
         }
         // 邮政协会/管局
@@ -73,6 +74,7 @@ const Header = (props: any) => {
           setRoleName('邮政协会/管局')
           Taro.setStorageSync('RoleName', '邮政协会/管局')
           Taro.setStorageSync('RoleCode', 'youzheng')
+          Taro.setStorageSync('certification', 'yz')
           return false;
         }
         // 快递公司
diff --git a/src/pages/index/index.tsx b/src/pages/index/index.tsx
index 33d0a1d..a6d96cc 100644
--- a/src/pages/index/index.tsx
+++ b/src/pages/index/index.tsx
@@ -116,16 +116,15 @@ function Home() {
         setLongitude(res.longitude)
       }
 
-      console.log(Taro.getStorageSync('RoleName'))
       // 已认证用户
-      if(Taro.getStorageSync('Certification')){
+      if (Taro.getStorageSync('certification')) {
         setIsAdmin(true)
         setScale(11)
-        pageHjmCarByMap(res.latitude,res.longitude)
+        pageHjmCarByMap(res.latitude, res.longitude)
       }
 
       // 游客
-      if(!Taro.getStorageSync('access_token') || Taro.getStorageSync('RoleName') == '注册用户'){
+      if (!Taro.getStorageSync('access_token') || Taro.getStorageSync('RoleName') == '注册用户') {
         setScale(15)
         const arr = []
         // @ts-ignore
@@ -145,7 +144,7 @@ function Home() {
   }
 
   const onQuery = () => {
-    if(!keywords){
+    if (!keywords) {
       Taro.showToast({
         title: '请输入关键字',
         icon: 'none'
@@ -155,36 +154,36 @@ function Home() {
     reload();
   }
 
-  const pageHjmCarByMap = (latitude?: any,longitude?: any) => {
+  const pageHjmCarByMap = (latitude?: any, longitude?: any) => {
     // 搜索条件
     const where = {}
 
-    if(latitude){
+    if (latitude) {
       // @ts-ignore
       where.latitude = latitude
     }
-    if(longitude){
+    if (longitude) {
       // @ts-ignore
       where.longitude = longitude
     }
     // 判断身份
     const roleCode = Taro.getStorageSync('RoleCode');
-    if(roleCode == 'kuaidiyuan'){
+    if (roleCode == 'kuaidiyuan') {
       // @ts-ignore
       where.driverId = Taro.getStorageSync('UserId')
     }
-    if(roleCode == 'zhandian'){
+    if (roleCode == 'zhandian') {
       // @ts-ignore
       where.organizationId = Taro.getStorageSync('OrganizationId');
     }
-    if(roleCode == 'kuaidi'){
+    if (roleCode == 'kuaidi') {
       // @ts-ignore
       where.organizationParentId = Taro.getStorageSync('OrganizationParentId');
     }
 
     pageByQQMap(where).then(res => {
-      console.log(res,'pageByQQMap')
-      if(res?.count == 0){
+      console.log(res, 'pageByQQMap')
+      if (res?.count == 0) {
         const arr = []
         // @ts-ignore
         arr.push({
@@ -226,16 +225,16 @@ function Home() {
   }
 
   const reload = () => {
-    if(!Taro.getStorageSync('access_token')){
+    if (!Taro.getStorageSync('access_token')) {
       return false;
     }
-    if(!isAdmin){
+    if (!isAdmin) {
       return false;
     }
     setMarkers([])
     setScale(12)
-    pageHjmCar({keywords,deleted: 0}).then(res => {
-      if(res?.count == 0){
+    pageHjmCar({keywords, deleted: 0}).then(res => {
+      if (res?.count == 0) {
         Taro.showToast({
           title: '没有搜索结果',
           icon: 'none'
@@ -247,7 +246,7 @@ function Home() {
         const data = res?.list[0];
         setLongitude(data?.longitude)
         setLatitude(data?.latitude)
-        if(isAdmin){
+        if (isAdmin) {
           setMarkers([{
             id: data.id,
             latitude: data.latitude,
@@ -268,7 +267,7 @@ function Home() {
           }])
         }
       }
-      console.log(list.length,'carList.length')
+      console.log(list.length, 'carList.length')
     })
   };
 
@@ -308,8 +307,12 @@ function Home() {
         getUserInfo().then((data) => {
           if (data) {
             // 是否管理员
-            console.log(data.certification, 'certification')
-            if(data.certification){
+            if (data.certification) {
+              setIsAdmin(true)
+            }
+            // 是否交警
+            if (Taro.getStorageSync('certification') == 'jj') {
+              console.log('交警', '12312')
               setIsAdmin(true)
             }
             setUserInfo(data)
@@ -319,8 +322,11 @@ function Home() {
             if (!data.openid) {
               Taro.login({
                 success: (res) => {
-                  getWxOpenId({code: res.code}).then(() => {
-                  })
+                  // 排查交警和邮政角色不保存openid
+                  if (Taro.getStorageSync('RoleCode') !== 'jiaojing' || Taro.getStorageSync('RoleCode') !== 'youzheng' || Taro.getStorageSync('RoleCode') !== 'Installer') {
+                    getWxOpenId({code: res.code}).then(() => {
+                    })
+                  }
                 }
               })
             }
diff --git a/src/pages/user/components/UserCell.tsx b/src/pages/user/components/UserCell.tsx
index 2e4cb5d..a6d097f 100644
--- a/src/pages/user/components/UserCell.tsx
+++ b/src/pages/user/components/UserCell.tsx
@@ -3,9 +3,10 @@ import navTo from "@/utils/common";
 import UserFooter from "./UserFooter";
 import Taro from '@tarojs/taro'
 import {ArrowRight, ShieldCheck, Truck, LogisticsError} from '@nutui/icons-react-taro'
-import {CSSProperties} from "react";
+import {CSSProperties, useEffect, useState} from "react";
 
 const UserCell = () => {
+  const [roleName, setRoleName] = useState<string>('')
   const InfiniteUlStyle: CSSProperties = {
     height: '88vh',
     padding: '16px',
@@ -30,6 +31,10 @@ const UserCell = () => {
     })
   }
 
+  useEffect(() => {
+    setRoleName(Taro.getStorageSync('RoleCode'))
+  }, []);
+
   return (
     <>
       <div style={InfiniteUlStyle} id="scroll">
@@ -50,38 +55,85 @@ const UserCell = () => {
               }}
             />
           </Cell.Group>
-          <Cell.Group divider={true}>
-            <Cell
-              className="nutui-cell-clickable"
-              title={
-                <div style={{display: 'inline-flex', alignItems: 'center'}}>
-                  <Truck size={16}/>
-                  <span className={'pl-3 text-sm'}>车辆信息</span>
-                </div>
-              }
-              align="center"
-              extra={<ArrowRight color="#cccccc" size={18}/>}
-              onClick={() => {
-                navTo('/user/car/index', true)
-              }}
-            />
-          </Cell.Group>
-          <Cell.Group divider={true}>
-            <Cell
-              className="nutui-cell-clickable"
-              title={
-                <div style={{display: 'inline-flex', alignItems: 'center'}}>
-                  <LogisticsError size={16}/>
-                  <span className={'pl-3 text-sm'}>报险记录</span>
-                </div>
-              }
-              align="center"
-              extra={<ArrowRight color="#cccccc" size={18}/>}
-              onClick={() => {
-                navTo('/hjm/bx/bx', true)
-              }}
-            />
-          </Cell.Group>
+          {
+            roleName === 'kuaidi' && (
+              <Cell.Group divider={true}>
+                <Cell
+                  className="nutui-cell-clickable"
+                  title={
+                    <div style={{display: 'inline-flex', alignItems: 'center'}}>
+                      <ShieldCheck size={16}/>
+                      <span className={'pl-3 text-sm'}>实名认证审核</span>
+                    </div>
+                  }
+                  align="center"
+                  extra={<ArrowRight color="#cccccc" size={18}/>}
+                  onClick={() => {
+                    navTo('/user/userVerify/admin', true)
+                  }}
+                />
+              </Cell.Group>
+            )
+          }
+          {
+            roleName === 'kuaidiyuan' && (
+              <>
+                <Cell.Group divider={true}>
+                  <Cell
+                    className="nutui-cell-clickable"
+                    title={
+                      <div style={{display: 'inline-flex', alignItems: 'center'}}>
+                        <Truck size={16}/>
+                        <span className={'pl-3 text-sm'}>车辆信息</span>
+                      </div>
+                    }
+                    align="center"
+                    extra={<ArrowRight color="#cccccc" size={18}/>}
+                    onClick={() => {
+                      navTo('/user/car/index', true)
+                    }}
+                  />
+                </Cell.Group>
+                <Cell.Group divider={true}>
+                  <Cell
+                    className="nutui-cell-clickable"
+                    title={
+                      <div style={{display: 'inline-flex', alignItems: 'center'}}>
+                        <LogisticsError size={16}/>
+                        <span className={'pl-3 text-sm'}>报险记录</span>
+                      </div>
+                    }
+                    align="center"
+                    extra={<ArrowRight color="#cccccc" size={18}/>}
+                    onClick={() => {
+                      navTo('/hjm/bx/bx', true)
+                    }}
+                  />
+                </Cell.Group>
+              </>
+            )
+          }
+          {
+            roleName === 'jiaojing' && (
+              <Cell.Group divider={true}>
+                <Cell
+                  className="nutui-cell-clickable"
+                  title={
+                    <div style={{display: 'inline-flex', alignItems: 'center'}}>
+                      <Truck size={16}/>
+                      <span className={'pl-3 text-sm'}>违章记录</span>
+                    </div>
+                  }
+                  align="center"
+                  extra={<ArrowRight color="#cccccc" size={18}/>}
+                  onClick={() => {
+                    navTo('/hjm/violation/list', true)
+                  }}
+                />
+              </Cell.Group>
+            )
+          }
+
           {/*<Cell.Group divider={true} description={*/}
           {/*  <div style={{display: 'inline-flex', alignItems: 'center'}}>*/}
           {/*    <span style={{marginTop: '12px'}}>管理</span>*/}
@@ -171,7 +223,14 @@ const UserCell = () => {
               title="账号安全"
               align="center"
               extra={<ArrowRight color="#cccccc" size={18}/>}
-              onClick={() => navTo('/user/profile/profile',true)}
+              onClick={() => navTo('/user/profile/profile', true)}
+            />
+            <Cell
+              className="nutui-cell-clickable"
+              title="短信登录"
+              align="center"
+              extra={<ArrowRight color="#cccccc" size={18}/>}
+              onClick={() => navTo('/passport/sms-login', true)}
             />
             <Cell
               className="nutui-cell-clickable"
diff --git a/src/passport/sms-login.config.ts b/src/passport/sms-login.config.ts
new file mode 100644
index 0000000..ae5d2c3
--- /dev/null
+++ b/src/passport/sms-login.config.ts
@@ -0,0 +1,4 @@
+export default definePageConfig({
+  navigationBarTitleText: '验证码登录',
+  navigationBarTextStyle: 'black'
+})
diff --git a/src/passport/sms-login.tsx b/src/passport/sms-login.tsx
new file mode 100644
index 0000000..62da43d
--- /dev/null
+++ b/src/passport/sms-login.tsx
@@ -0,0 +1,204 @@
+import {useEffect, useState} from "react";
+import Taro from '@tarojs/taro'
+import {Input, Button} from '@nutui/nutui-react-taro'
+import {loginBySms, sendSmsCaptcha} from "@/api/passport/login";
+import {LoginParam} from "@/api/passport/login/model";
+
+const SmsLogin = () => {
+  const [loading, setLoading] = useState<boolean>(false)
+  const [sendingCode, setSendingCode] = useState<boolean>(false)
+  const [countdown, setCountdown] = useState<number>(0)
+  const [formData, setFormData] = useState<LoginParam>({
+    phone: '',
+    code: ''
+  })
+
+  const reload = () => {
+    Taro.hideTabBar()
+  }
+
+  useEffect(() => {
+    reload()
+  }, [])
+
+  // 倒计时效果
+  useEffect(() => {
+    let timer: NodeJS.Timeout
+    if (countdown > 0) {
+      timer = setTimeout(() => {
+        setCountdown(countdown - 1)
+      }, 1000)
+    }
+    return () => {
+      if (timer) clearTimeout(timer)
+    }
+  }, [countdown])
+
+  // 验证手机号格式
+  const validatePhone = (phone: string): boolean => {
+    const phoneRegex = /^1[3-9]\d{9}$/
+    return phoneRegex.test(phone)
+  }
+
+  // 发送短信验证码
+  const handleSendCode = async () => {
+    if (!formData.phone) {
+      Taro.showToast({
+        title: '请输入手机号码',
+        icon: 'none'
+      })
+      return
+    }
+
+    if (!validatePhone(formData.phone)) {
+      Taro.showToast({
+        title: '请输入正确的手机号码',
+        icon: 'none'
+      })
+      return
+    }
+
+    if (sendingCode || countdown > 0) {
+      return
+    }
+
+    try {
+      setSendingCode(true)
+      await sendSmsCaptcha({ phone: formData.phone })
+
+      Taro.showToast({
+        title: '验证码已发送',
+        icon: 'success'
+      })
+
+      // 开始60秒倒计时
+      setCountdown(60)
+    } catch (error: any) {
+      Taro.showToast({
+        title: error.message || '发送失败',
+        icon: 'error'
+      })
+    } finally {
+      setSendingCode(false)
+    }
+  }
+
+  // 处理登录
+  const handleLogin = async () => {
+    // 防止重复提交
+    if (loading) {
+      return
+    }
+
+    // 表单验证
+    if (!formData.phone) {
+      Taro.showToast({
+        title: '请输入手机号码',
+        icon: 'none'
+      })
+      return
+    }
+
+    if (!validatePhone(formData.phone)) {
+      Taro.showToast({
+        title: '请输入正确的手机号码',
+        icon: 'none'
+      })
+      return
+    }
+
+    if (!formData.code) {
+      Taro.showToast({
+        title: '请输入验证码',
+        icon: 'none'
+      })
+      return
+    }
+
+    if (formData.code.length !== 6) {
+      Taro.showToast({
+        title: '请输入6位验证码',
+        icon: 'none'
+      })
+      return
+    }
+
+    try {
+      setLoading(true)
+
+      await loginBySms({
+        phone: formData.phone,
+        code: formData.code
+      })
+
+      Taro.showToast({
+        title: '登录成功',
+        icon: 'success'
+      })
+
+      // 延迟跳转到首页
+      setTimeout(() => {
+        Taro.reLaunch({
+          url: '/pages/index/index'
+        })
+      }, 1500)
+
+    } catch (error: any) {
+      Taro.showToast({
+        title: error.message || '登录失败',
+        icon: 'error'
+      })
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <>
+      <div className={'flex flex-col justify-center px-5 pt-3'}>
+        <div className={'flex flex-col justify-between items-center my-2'}>
+          <Input
+            type="number"
+            placeholder="请输入手机号码"
+            maxLength={11}
+            value={formData.phone}
+            onChange={(value) => setFormData({...formData, phone: value})}
+            style={{backgroundColor: '#ffffff', borderRadius: '8px'}}
+          />
+        </div>
+        <div className={'flex justify-between items-center bg-white rounded-lg my-2 pr-2'}>
+          <Input
+            type="number"
+            placeholder="请输入6位验证码"
+            maxLength={6}
+            value={formData.code}
+            onChange={(value) => setFormData({...formData, code: value})}
+            style={{ backgroundColor: '#ffffff', borderRadius: '8px'}}
+          />
+          <Button
+            size="small"
+            type={countdown > 0 ? "default" : "primary"}
+            loading={sendingCode}
+            disabled={sendingCode || countdown > 0}
+            onClick={handleSendCode}
+          >
+            {countdown > 0 ? `${countdown}s` : sendingCode ? '发送中...' : '获取验证码'}
+          </Button>
+        </div>
+        <div className={'flex justify-center my-5'}>
+          <Button
+            type="info"
+            size={'large'}
+            className={'w-full rounded-lg p-2'}
+            loading={loading}
+            disabled={loading}
+            onClick={handleLogin}
+          >
+            {loading ? '登录中...' : '登录'}
+          </Button>
+        </div>
+      </div>
+    </>
+  )
+}
+export default SmsLogin
diff --git a/src/user/userVerify/admin.config.ts b/src/user/userVerify/admin.config.ts
new file mode 100644
index 0000000..0e188d1
--- /dev/null
+++ b/src/user/userVerify/admin.config.ts
@@ -0,0 +1,3 @@
+export default definePageConfig({
+  navigationBarTitleText: '实名认证管理'
+})
diff --git a/src/user/userVerify/admin.tsx b/src/user/userVerify/admin.tsx
new file mode 100644
index 0000000..6ef9e63
--- /dev/null
+++ b/src/user/userVerify/admin.tsx
@@ -0,0 +1,248 @@
+import React, {useEffect, useState} from "react";
+import {
+  Loading,
+  Empty,
+  Button,
+  Input,
+  Tag,
+  Space
+} from '@nutui/nutui-react-taro'
+import {Search, Calendar, Truck, File, AddCircle} from '@nutui/icons-react-taro'
+import Taro from '@tarojs/taro'
+import {pageHjmViolation} from "@/api/hjm/hjmViolation";
+import {UserVerify} from "@/api/system/userVerify/model";
+import {pageUserVerify} from "@/api/system/userVerify";
+
+
+/**
+ * 报险记录列表页面
+ */
+const List: React.FC = () => {
+  const [list, setList] = useState<UserVerify[]>([])
+  const [loading, setLoading] = useState<boolean>(false)
+  const [keywords, setKeywords] = useState<string>('')
+  const [refreshing, setRefreshing] = useState<boolean>(false)
+  console.log(refreshing)
+  // 获取状态显示
+  const getStatusDisplay = (status?: number) => {
+    switch (status) {
+      case 0:
+        return {text: '未处理', color: '#faad14', bgColor: '#fffbe6'}
+      case 1:
+        return {text: '已处理', color: '#52c41a', bgColor: '#f6ffed'}
+      case 2:
+        return {text: '已驳回', color: '#ff4d4f', bgColor: '#fff2f0'}
+      default:
+        return {text: '未知', color: '#8c8c8c', bgColor: '#f5f5f5'}
+    }
+  }
+
+  const reload = async (showLoading = true) => {
+    try {
+      if (showLoading) setLoading(true)
+      setRefreshing(true)
+
+      const res = await pageUserVerify({
+        keywords: keywords.trim(),
+      })
+
+      setList(res?.list || [])
+    } catch (error) {
+      console.error('获取报险记录失败:', error)
+      Taro.showToast({
+        title: '获取报险记录失败',
+        icon: 'error'
+      })
+    } finally {
+      setLoading(false)
+      setRefreshing(false)
+    }
+  }
+
+  const onSearch = () => {
+    reload()
+  }
+
+  const onKeywordsChange = (value: string) => {
+    setKeywords(value)
+  }
+
+  const onAddInsurance = () => {
+    Taro.navigateTo({
+      url: '/hjm/violation/add'
+    })
+  }
+
+  useEffect(() => {
+    reload().then()
+  }, [])
+
+  return (
+    <>
+      {/* 搜索栏 */}
+      <div style={{
+        position: 'fixed',
+        top: '20px',
+        left: 0,
+        right: 0,
+        display: "none",
+        zIndex: 20,
+        padding: '0 16px',
+        backgroundColor: '#f5f5f5'
+      }}>
+        <div style={{
+          display: 'flex',
+          alignItems: 'center',
+          backgroundColor: '#fff',
+          padding: '8px 12px',
+          borderRadius: '20px',
+          boxShadow: '0 2px 8px rgba(0,0,0,0.1)'
+        }}>
+          <Search size={16} color="#999"/>
+          <Input
+            placeholder="搜索报险记录"
+            value={keywords}
+            onChange={onKeywordsChange}
+            onConfirm={onSearch}
+            style={{
+              border: 'none',
+              backgroundColor: 'transparent',
+              flex: 1,
+              marginLeft: '8px'
+            }}
+          />
+          <Button
+            type="primary"
+            size="small"
+            onClick={onSearch}
+            loading={loading}
+          >
+            搜索
+          </Button>
+        </div>
+      </div>
+
+      {/* 报险记录列表 */}
+      <div style={{
+        marginTop: '10px',
+        paddingBottom: '80px'
+      }}>
+        {loading && list.length === 0 ? (
+          <div style={{
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            height: '200px'
+          }}>
+            <Loading type="spinner">加载中...</Loading>
+          </div>
+        ) : list.length === 0 ? (
+          <Empty description="暂无报险记录">
+            <Button type="primary" onClick={onAddInsurance}>
+              立即报险
+            </Button>
+          </Empty>
+        ) : (
+          <div style={{padding: '0 16px'}}>
+            {list.map((item, index) => {
+              const statusDisplay = getStatusDisplay(item.status)
+
+              return (
+                <div
+                  key={index}
+                  style={{
+                    backgroundColor: '#fff',
+                    borderRadius: '12px',
+                    padding: '16px',
+                    marginBottom: '12px',
+                    boxShadow: '0 2px 8px rgba(0,0,0,0.06)',
+                    border: '1px solid #f0f0f0'
+                  }}
+                >
+                  <div style={{
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'flex-start',
+                    marginBottom: '12px'
+                  }}>
+                    <div style={{flex: 1}}>
+                      <div style={{
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: '8px',
+                        marginBottom: '8px'
+                      }}>
+                        <File size={16} color="#1890ff"/>
+                        <span style={{
+                          fontSize: '16px',
+                          fontWeight: 'bold',
+                          color: '#262626'
+                        }}>
+                          {item.realName}
+                        </span>
+                      </div>
+
+                      <Space direction="vertical">
+                        <div style={{
+                          display: 'flex',
+                          alignItems: 'center',
+                          gap: '8px'
+                        }}>
+                          <Truck size={14} color="#8c8c8c"/>
+                          <span style={{fontSize: '13px', color: '#8c8c8c'}}>
+                            手机号码：{item.phone}
+                          </span>
+                        </div>
+
+                        <div style={{
+                          display: 'flex',
+                          alignItems: 'center',
+                          gap: '8px'
+                        }}>
+                          <Calendar size={14} color="#8c8c8c"/>
+                          <span style={{fontSize: '13px', color: '#8c8c8c'}}>
+                            提交时间：{item.createTime}
+                          </span>
+                        </div>
+                      </Space>
+                    </div>
+
+                    <Tag
+                      color={statusDisplay.color}
+                      style={{
+                        backgroundColor: statusDisplay.bgColor,
+                        border: `1px solid ${statusDisplay.color}`,
+                        fontSize: '12px'
+                      }}
+                    >
+                      {item.statusText}
+                    </Tag>
+                  </div>
+
+                  {/* 备注信息 */}
+                  {item.comments && (
+                    <div style={{
+                      backgroundColor: '#f8f9fa',
+                      padding: '8px 12px',
+                      borderRadius: '6px',
+                      fontSize: '13px',
+                      color: '#595959',
+                      lineHeight: '1.4'
+                    }}>
+                      {item.comments.length > 50
+                        ? `${item.comments.substring(0, 50)}...`
+                        : item.comments
+                      }
+                    </div>
+                  )}
+                </div>
+              )
+            })}
+          </div>
+        )}
+      </div>
+    </>
+  )
+}
+
+export default List