diff --git a/.env.dev b/.env.dev
index e1d74744..669fa835 100644
--- a/.env.dev
+++ b/.env.dev
@@ -4,8 +4,9 @@ NODE_ENV=production
 VITE_DEV=true
 
 # 请求路径
-VITE_BASE_URL='http://192.168.0.74:48080'
+# VITE_BASE_URL='http://192.168.0.66:48080'
 # VITE_BASE_URL='http://192.168.0.189:48080'
+VITE_BASE_URL='http://192.168.0.74:48080'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持S3服务
 VITE_UPLOAD_TYPE=server
diff --git a/.env.local b/.env.local
index f0650411..a3752946 100644
--- a/.env.local
+++ b/.env.local
@@ -4,7 +4,7 @@ NODE_ENV=development
 VITE_DEV=true
 
 # 请求路径
-VITE_BASE_URL='http://192.168.0.66:48080'
+VITE_BASE_URL='http://192.168.0.74:48080'
 # VITE_BASE_URL='http://192.168.0.189:48080'
 
 # 文件上传类型：server - 后端上传， client - 前端直连上传，仅支持 S3 服务
diff --git a/package-lock.json b/package-lock.json
index 1727efe8..e058cf2c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -51,9 +51,11 @@
         "qs": "^6.12.0",
         "sortablejs": "^1.15.3",
         "steady-xml": "^0.1.0",
+        "swiper": "^8.4.7",
         "url": "^0.11.3",
         "video.js": "^7.21.5",
         "vue": "3.5.12",
+        "vue-awesome-swiper": "^5.0.1",
         "vue-dompurify-html": "^4.1.4",
         "vue-i18n": "9.10.2",
         "vue-router": "4.4.5",
@@ -16573,6 +16575,42 @@
       "integrity": "sha512-dn6wd0uw5GsdswPFfsgMp5NSB0/aDe6fK94YJV/AJDYXL6HVLWBsxeq7js7Ad+mU2K9LAlwpk6kN2D5mwCPVow==",
       "dev": true
     },
+    "node_modules/swiper": {
+      "version": "8.4.7",
+      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-8.4.7.tgz",
+      "integrity": "sha512-VwO/KU3i9IV2Sf+W2NqyzwWob4yX9Qdedq6vBtS0rFqJ6Fa5iLUJwxQkuD4I38w0WDJwmFl8ojkdcRFPHWD+2g==",
+      "funding": [
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/swiperjs"
+        },
+        {
+          "type": "open_collective",
+          "url": "http://opencollective.com/swiper"
+        }
+      ],
+      "hasInstallScript": true,
+      "dependencies": {
+        "dom7": "^4.0.4",
+        "ssr-window": "^4.0.2"
+      },
+      "engines": {
+        "node": ">= 4.7.0"
+      }
+    },
+    "node_modules/swiper/node_modules/dom7": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmmirror.com/dom7/-/dom7-4.0.6.tgz",
+      "integrity": "sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==",
+      "dependencies": {
+        "ssr-window": "^4.0.0"
+      }
+    },
+    "node_modules/swiper/node_modules/ssr-window": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-4.0.2.tgz",
+      "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ=="
+    },
     "node_modules/synckit": {
       "version": "0.8.8",
       "resolved": "https://registry.npmmirror.com/synckit/-/synckit-0.8.8.tgz",
@@ -17918,6 +17956,15 @@
         }
       }
     },
+    "node_modules/vue-awesome-swiper": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/vue-awesome-swiper/-/vue-awesome-swiper-5.0.1.tgz",
+      "integrity": "sha512-mWjFJzUqA4lG+DmsmibvMpoiBnl+IH2SSeiiQ3i5M0t1y9FknTxnGT0DsMb2YdJLgjYMEK3sYOWzqgLnZMH8Lg==",
+      "peerDependencies": {
+        "swiper": "^7.0.0  || ^8.0.0",
+        "vue": "3.x"
+      }
+    },
     "node_modules/vue-dompurify-html": {
       "version": "4.1.4",
       "resolved": "https://registry.npmmirror.com/vue-dompurify-html/-/vue-dompurify-html-4.1.4.tgz",
@@ -30293,6 +30340,30 @@
         }
       }
     },
+    "swiper": {
+      "version": "8.4.7",
+      "resolved": "https://registry.npmmirror.com/swiper/-/swiper-8.4.7.tgz",
+      "integrity": "sha512-VwO/KU3i9IV2Sf+W2NqyzwWob4yX9Qdedq6vBtS0rFqJ6Fa5iLUJwxQkuD4I38w0WDJwmFl8ojkdcRFPHWD+2g==",
+      "requires": {
+        "dom7": "^4.0.4",
+        "ssr-window": "^4.0.2"
+      },
+      "dependencies": {
+        "dom7": {
+          "version": "4.0.6",
+          "resolved": "https://registry.npmmirror.com/dom7/-/dom7-4.0.6.tgz",
+          "integrity": "sha512-emjdpPLhpNubapLFdjNL9tP06Sr+GZkrIHEXLWvOGsytACUrkbeIdjO5g77m00BrHTznnlcNqgmn7pCN192TBA==",
+          "requires": {
+            "ssr-window": "^4.0.0"
+          }
+        },
+        "ssr-window": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npmmirror.com/ssr-window/-/ssr-window-4.0.2.tgz",
+          "integrity": "sha512-ISv/Ch+ig7SOtw7G2+qkwfVASzazUnvlDTwypdLoPoySv+6MqlOV10VwPSE6EWkGjhW50lUmghPmpYZXMu/+AQ=="
+        }
+      }
+    },
     "synckit": {
       "version": "0.8.8",
       "resolved": "https://registry.npmmirror.com/synckit/-/synckit-0.8.8.tgz",
@@ -31306,6 +31377,12 @@
         }
       }
     },
+    "vue-awesome-swiper": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmmirror.com/vue-awesome-swiper/-/vue-awesome-swiper-5.0.1.tgz",
+      "integrity": "sha512-mWjFJzUqA4lG+DmsmibvMpoiBnl+IH2SSeiiQ3i5M0t1y9FknTxnGT0DsMb2YdJLgjYMEK3sYOWzqgLnZMH8Lg==",
+      "requires": {}
+    },
     "vue-dompurify-html": {
       "version": "4.1.4",
       "resolved": "https://registry.npmmirror.com/vue-dompurify-html/-/vue-dompurify-html-4.1.4.tgz",
diff --git a/package.json b/package.json
index 436629f5..47eef7ed 100644
--- a/package.json
+++ b/package.json
@@ -67,9 +67,11 @@
     "qs": "^6.12.0",
     "sortablejs": "^1.15.3",
     "steady-xml": "^0.1.0",
+    "swiper": "^8.4.7",
     "url": "^0.11.3",
     "video.js": "^7.21.5",
     "vue": "3.5.12",
+    "vue-awesome-swiper": "^5.0.1",
     "vue-dompurify-html": "^4.1.4",
     "vue-i18n": "9.10.2",
     "vue-router": "4.4.5",
diff --git a/src/api/car/index.ts b/src/api/car/index.ts
new file mode 100644
index 00000000..34b7f398
--- /dev/null
+++ b/src/api/car/index.ts
@@ -0,0 +1,56 @@
+import request from '@/config/axios'
+
+//agv 下载
+export const agvDownload = async (params) => {
+  return await request.download({ url: `/system/position-map/agvDownload`, params })
+}
+//点位地图列表
+export const getPositionMapList = async (params) => {
+  return await request.get({ url: `/system/position-map/list`, params })
+}
+
+//删除车辆信息
+export const deleteRobotInformation = async (id: number) => {
+  return await request.delete({ url: `/system/robot/information/delete?id=` + id })
+}
+
+//查询所有车辆
+export const getAllRobot = async (data) => {
+  return await request.post({ url: `/system/robot/information/getAllRobot`, data })
+}
+//获得车辆信息 详情
+export const getRobotInformation = async (params) => {
+  return await request.get({ url: `/system/robot/information/get`, params })
+}
+
+//分页查询车辆列表 看板信息车辆目前用的是这个
+export const robotInformationPage = async (params) => {
+  return await request.get({ url: `/system/robot/information/page`, params })
+}
+//统计车辆待命-任务中-离线
+export const robotInformationStatistics = async (data) => {
+  return await request.post({ url: `/system/robot/information/statistics`, data })
+}
+
+// 创建车辆信息
+export const robotInformationCreate = async (data) => {
+  return await request.post({ url: `/system/robot/information/create`, data })
+}
+// 编辑车辆信息
+export const robotInformationUpdate = async (data) => {
+  return await request.put({ url: `/system/robot/information/update`, data })
+}
+//分页查询车辆列表 看板信息车辆目前用的是这个
+export const robotGetAllModel = async (params) => {
+  return await request.get({ url: `/system/robot/model/getAllModel`, params })
+}
+// 范围选择
+export const robotPositionGetMap = async (params) => {
+  return await request.get({ url: `/system/position-map/getMap`, params })
+}
+// 完整范围选择
+export const robotPositionGetMapAll = async (params) => {
+  return await request.get({ url: `/system/position-map/getAllMap`, params })
+}
+
+
diff --git a/src/api/carError/index.ts b/src/api/carError/index.ts
new file mode 100644
index 00000000..7edb71fd
--- /dev/null
+++ b/src/api/carError/index.ts
@@ -0,0 +1,11 @@
+import request from '@/config/axios'
+
+
+//获得机器人告警信息分页
+export const getRobotWarnMsgPage = async (params) => {
+  return await request.get({ url: `/system/robot/warn-msg/page`, params })
+}
+
+
+
+
diff --git a/src/assets/imgs/chache.jpg b/src/assets/imgs/chache.jpg
new file mode 100644
index 00000000..e50129da
Binary files /dev/null and b/src/assets/imgs/chache.jpg differ
diff --git a/src/main.ts b/src/main.ts
index 72ff7c67..7b427dcc 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -43,10 +43,13 @@ import Logger from '@/utils/Logger'
 import VueDOMPurifyHTML from 'vue-dompurify-html' // 解决v-html 的安全隐患
 import VueDragResizeRotate from '@gausszhou/vue3-drag-resize-rotate'
 import '@gausszhou/vue3-drag-resize-rotate/lib/bundle.esm.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 // 创建实例
 const setupAll = async () => {
   const app = createApp(App)
-
+  for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+    app.component(key, component)
+  }
   await setupI18n(app)
 
   setupStore(app)
@@ -68,6 +71,7 @@ const setupAll = async () => {
   app.use(VueDOMPurifyHTML)
   app.use(VueDragResizeRotate)
   app.mount('#app')
+  
 }
 
 setupAll()
diff --git a/src/views/board/carBoard/createEditDialog.vue b/src/views/board/carBoard/createEditDialog.vue
new file mode 100644
index 00000000..276213c0
--- /dev/null
+++ b/src/views/board/carBoard/createEditDialog.vue
@@ -0,0 +1,292 @@
+<template>
+  <Dialog v-model="dialogVisible" :title="title" width="800" class="task-dialog">
+    <el-form :model="formData" label-width="auto" ref="formRef" :rules="formRules">
+      <el-form-item label="车辆类型" prop="robotModelId" required>
+        <el-select v-model="formData.robotModelId" placeholder="请选择车辆类型" required>
+          <el-option
+            :label="item.robotModelNumber"
+            :value="item.id"
+            v-for="item in carModelList"
+            :key="item.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item required label="车辆编号" prop="robotNo">
+        <el-input v-model="formData.robotNo" :disabled="false"  placeholder="请输入车辆编号"/>
+      </el-form-item>
+      <el-form-item required label="任务模式"  v-if="formData.id">
+        <el-select v-model="formData.robotTaskModel" placeholder="请选择车辆类型" required>
+          <el-option
+            :label="'拒收任务'"
+            :value="0"
+          />
+          <el-option
+            :label="'正常'"
+            :value="1"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item required label="自动充电电量" prop="autoCharge">
+        <el-input-number v-model="formData.autoCharge" :disabled="false" :controls="false"  :precision="0" :step="1" type="number" :min="0" :max="99" placeholder="请输入自动充电电量">
+          <template #append>%</template>
+        </el-input-number>
+        <span style="margin-left: 20px;">%</span>
+      </el-form-item>
+      <el-form-item required label="Mac地址" prop="macAddress">
+        <el-input v-model="formData.macAddress" :disabled="false" placeholder="请输入Mac地址"/>
+      </el-form-item>
+      <el-form-item required label="选择范围" placeholder="请选择范围">
+        <el-cascader
+          :options="floorAreaList"
+          :props="props"
+          clearable
+          :collapse-tags="false"
+          v-model="floorAreaJsonData"
+          @change="floorAreaChange"
+        />
+      </el-form-item>
+    </el-form>
+
+    <template #footer>
+      <el-button :disabled="formLoading" type="primary" @click="submitForm">确 定</el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+    </template>
+  </Dialog>
+</template>
+<script lang="ts" setup>
+const { t } = useI18n() // 国际化
+const message = useMessage() // 消息弹窗
+import * as MapTaskAPi from '@/api/map/mapTask'
+import * as CarApi from '@/api/car/index'
+const dialogVisible = ref(false) // 弹窗的是否展示
+const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+const title = ref('新建') // form表单
+const formData = ref({
+  robotModelId: undefined, //车辆类型id
+  robotNo: undefined, //AGV编号
+  macAddress: undefined, //mac地址
+  floorAreaJson: [],
+  autoCharge: undefined
+})
+const carModelList = ref([])
+const floorAreaList = ref([])
+const props = { multiple: true }
+const floorAreaJsonData = ref([])
+
+const getCarModelList = async () => {
+  const res = await CarApi.robotGetAllModel()
+  carModelList.value = res
+}
+
+const getFloorArea = async () => {
+  const res = await CarApi.robotPositionGetMapAll()
+  let data = []
+  let floor = []
+  data = res
+  for(let key in res){
+     let obj = {
+       value: key,
+       label: key + '层',
+       children: res[key].map(item => {return {label: item.area, value: item.id,...item,children: []}})
+     }
+     floor.push(obj)
+  }
+  console.log(floor)
+  floorAreaList.value = floor
+}
+
+const floorAreaChange = (value) => {
+  console.log(value)
+  formData.value.floorAreaJson = []
+  value.forEach(item => {
+    formData.value.floorAreaJson.push(item[1])
+  })
+  console.log(formData.value.floorAreaJson)
+}
+
+const formRules = reactive({
+  robotModelId: [{ required: true, message: '车辆类型不能为空', trigger: 'change' }],
+  robotNo: [{ required: true, message: 'AGV编号不能为空', trigger: 'change' }],
+  macAddress: [{ required: true, message: 'Mac地址不能为空', trigger: 'change' }],
+  autoCharge: [{ required: true, message: '自动充电电量不能为空', trigger: 'change' }]
+})
+const formRef = ref() // 表单 Ref
+
+/** 打开弹窗 */
+const open = async (type, id) => {
+  floorAreaJsonData.value = []
+  getCarModelList()
+  getFloorArea()
+  dialogVisible.value = true
+  resetForm()
+  if (id) {
+    title.value = '编辑'
+    const data = await CarApi.getRobotInformation({id})
+    formData.value = data
+    if(data.positionMapList.length){
+      data.positionMapList.forEach(item => {
+        floorAreaJsonData.value.push([item.floor,item.id])
+      })
+    }
+    console.log(data)
+  } else {
+    title.value = '新建'
+  }
+  // getCanUseRobotList()
+  // getTaskNo()
+}
+defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+/** 提交表单 */
+const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+const submitForm = async () => {
+  // 校验表单
+  if (!formRef) return
+  const valid = await formRef.value.validate()
+  if (!valid) return
+  if(!formData.value.floorAreaJson.length){
+    message.warning('请选择范围')
+    return
+  }
+  // 提交请求
+  formLoading.value = true
+  try {
+    if(formData.value.id){
+      await CarApi.robotInformationUpdate(formData.value)
+      message.success(t('common.updateSuccess'))
+      dialogVisible.value = false
+      emit('success')
+    } else {
+      await CarApi.robotInformationCreate(formData.value)
+      message.success(t('common.createSuccess'))
+      dialogVisible.value = false
+       emit('success')
+    }
+  } finally {
+    formLoading.value = false
+  }
+}
+
+//前往任务管理页面
+const { push } = useRouter()
+const taskManagement = () => {
+  push({ name: 'taskManagementCreateTask' })
+}
+
+//查询能用的车辆
+const robotList = ref([])
+const getCanUseRobotList = async () => {
+  robotList.value = await MapTaskAPi.getCanUseRobot()
+}
+
+//获取任务号
+const getTaskNo = async () => {
+  formData.value.taskNo = await MapTaskAPi.getTaskNo()
+}
+
+//获取取货位置可选的列表
+const getLocationList = async (type, locationNo) => {
+  return await MapTaskAPi.getLocationByName({
+    type, //	放货类型（1：库位、2：线库、 3：区域）
+    locationNo
+  })
+}
+//放货的选择列表
+const loading = ref(false)
+const releaseRemoteMethod = async (query, item) => {
+  if (query) {
+    loading.value = true
+    item.releaseList = await getLocationList(item.releaseType, query)
+    loading.value = false
+  } else {
+    item.releaseList = []
+  }
+}
+//取货的选择列表
+const takeRemoteMethod = async (query, item) => {
+  if (query) {
+    item.takeList = await getLocationList(item.takeType, query)
+  } else {
+    item.takeList = []
+  }
+}
+
+/** 重置表单 */
+const resetForm = () => {
+  formData.value = {
+    robotModelId: undefined, //车辆类型id
+  robotNo: undefined, //AGV编号
+  macAddress: undefined, //mac地址
+  floorAreaJson: [],
+  autoCharge: undefined
+  }
+  floorAreaJsonData.value = []
+  formRef.value?.resetFields()
+}
+</script>
+
+<style lang="scss">
+.task-dialog {
+  .el-dialog__header {
+    border-bottom: none;
+  }
+
+  .el-dialog__footer {
+    border-top: none !important;
+  }
+}
+
+.task-tips {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+
+.el-select-dropdown__loading {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100px;
+  font-size: 20px;
+}
+
+.circular {
+  display: inline;
+  height: 30px;
+  width: 30px;
+  animation: loading-rotate 2s linear infinite;
+}
+.path {
+  animation: loading-dash 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke-width: 2;
+  stroke: var(--el-color-primary);
+  stroke-linecap: round;
+}
+
+@keyframes loading-rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loading-dash {
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
+  }
+  100% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
+  }
+}
+@keyframes custom-spin-move {
+  to {
+    opacity: 1;
+  }
+}
+</style>
diff --git a/src/views/board/carBoard/index.vue b/src/views/board/carBoard/index.vue
new file mode 100644
index 00000000..d0e68c06
--- /dev/null
+++ b/src/views/board/carBoard/index.vue
@@ -0,0 +1,481 @@
+<template>
+  <div class="">
+    <ContentWrap>
+      <div class="top-box">
+        <el-button type="primary" @click="openForm('create')">新增车辆</el-button>
+        <el-input
+          v-model="queryParams.robotNo"
+          style="width: 240px"
+          placeholder="请输入关键字"
+          clearable
+        >
+          <template #append>
+            <el-button><Icon icon="ep:search" @click="getCarList" /></el-button
+          ></template>
+        </el-input>
+      </div>
+    </ContentWrap>
+    <ContentWrap v-loading="formLoading">
+      <div style="width: 100%">
+        <!-- 大于等于4个数据 -->
+        <div class="swiper-container" v-if="list.length >= 4">
+          <swiper
+            :modules="modules"
+            :loop="true"
+            :slides-per-view="list.length > 4 ? 4 : list.length"
+            :space-between="spaceBetween"
+            :navigation="navigation"
+            :pagination="{ clickable: true }"
+            :scrollbar="{ draggable: true }"
+            :direction="'horizontal'"
+            :observer="true"
+            :observeParents="true"
+            class="swiperBox"
+          >
+            <!-- :autoplay="{ delay: 5000, disableOnInteraction: false }" -->
+            <swiper-slide v-for="item in list" :key="item">
+              <div class="swiper-item-box">
+                <div class="swiper-item-box-top">
+                  <el-button type="primary" size="small" @click="goToMap(item)">地图定位</el-button>
+                  <div class="swiper-item-box-top-name"> {{ item.robotNo || '' }} </div>
+                  <div class="swiper-item-box-top-msg">
+                    <el-dropdown>
+                      <div style="flex-shrink: 0">
+                        <el-icon size="20px"><MoreFilled /></el-icon>
+                      </div>
+                      <template #dropdown>
+                        <el-dropdown-menu>
+                          <el-dropdown-item @click="openForm('update', item.id)"
+                            >编辑</el-dropdown-item
+                          >
+                          <el-dropdown-item @click="clockCar(item)">{{ item.status == 0 ? '解锁' : '锁定' }}</el-dropdown-item>
+                          <el-dropdown-item @click="deleteCar(item.id)">删除</el-dropdown-item>
+                        </el-dropdown-menu>
+                      </template>
+                    </el-dropdown>
+                  </div>
+                </div>
+                <div class="swiper-item-img-box">
+                  <img :src="item.url" alt="" class="swiper-item-img" />
+                </div>
+
+                <div class="swiper-item-box-msg">
+                  <div class="swiper-item-box-msg-item">
+                    <div class="swiper-item-box-msg-item-left"> 电量 </div>
+                    <div class="swiper-item-box-msg-item-right" v-if="item.electricity">
+                      {{ item.electricity || '' }} %</div
+                    >
+                    <div class="swiper-item-box-msg-item-right" v-else> 无电量数据</div>
+                  </div>
+                  <div class="swiper-item-box-msg-item">
+                    <div class="swiper-item-box-msg-item-left"> 状态 </div>
+                    <!-- 0：暂停且无任务、1：暂停(有处理中的任务)、2：任务中、3：待命 -->
+                    <div class="swiper-item-box-msg-item-right">
+                      {{
+                        item.status == 0
+                          ? '暂停且无任务'
+                          : item.status == 1
+                            ? '暂停(有处理中的任务)'
+                            : item.status == 2
+                              ? '任务中'
+                              : '待命'
+                      }}
+                    </div>
+                  </div>
+                  <div class="swiper-item-box-msg-item">
+                    <div class="swiper-item-box-msg-item-left"> 楼层 </div>
+                    <div class="swiper-item-box-msg-item-right"> 1 </div>
+                  </div>
+                  <div class="swiper-item-box-msg-item">
+                    <div class="swiper-item-box-msg-item-left"> 区域 </div>
+                    <div class="swiper-item-box-msg-item-right"> A </div>
+                  </div>
+                  <div class="swiper-item-box-msg-item">
+                    <div class="swiper-item-box-msg-item-left"> 信息 </div>
+                    <div class="swiper-item-box-msg-item-right"> 车辆正在待命 </div>
+                  </div>
+                  <el-button type="primary" size="small" style="margin-top: 30px"
+                    >日志查看</el-button
+                  >
+                </div>
+              </div>
+            </swiper-slide>
+
+            <!-- 如果需要滚动条 -->
+            <div class="swiper-scrollbar"></div>
+          </swiper>
+          <!--右箭头。如果放置在swiper外面，需要自定义样式。swiper-button-prev-->
+          <div class="swiper-button-prev-custome" @click.stop="prevEl(item, index)">
+            <el-icon size="40px"><CaretLeft /></el-icon>
+          </div>
+          <!--左箭头。如果放置在swiper外面，需要自定义样式。swiper-button-next-->
+          <div class="swiper-button-next-custome" @click.stop="nextEl">
+            <el-icon size="40px"><CaretRight /></el-icon
+          ></div>
+        </div>
+        <!-- 不足四个数据的时候 -->
+        <div v-else class="letter-data-box">
+          <div
+            class="letter-data-item"
+            v-for="(item, index) in list"
+            :key="index"
+            :style="{ marginRight: index % 4 == 3 ? '0' : '20px' }"
+          >
+            <div class="swiper-item-box">
+              <div class="swiper-item-box-top">
+                <el-button type="primary" size="small"  @click="goToMap(item)">地图定位</el-button>
+                <div class="swiper-item-box-top-name"> {{ item.robotNo || '' }} </div>
+                <div class="swiper-item-box-top-msg">
+                  <el-dropdown>
+                    <div style="flex-shrink: 0">
+                      <el-icon size="20px"><MoreFilled /></el-icon>
+                    </div>
+                    <template #dropdown>
+                      <el-dropdown-menu>
+                        <el-dropdown-item @click="openForm('update', item.id)"
+                          >编辑</el-dropdown-item
+                        >
+                        <el-dropdown-item @click="clockCar(item)">{{ item.status == 0 ? '解锁' : '锁定' }}</el-dropdown-item>
+                        <el-dropdown-item @click="deleteCar(item.id)">删除</el-dropdown-item>
+                      </el-dropdown-menu>
+                    </template>
+                  </el-dropdown>
+                </div>
+              </div>
+              <div class="swiper-item-img-box">
+                <img :src="item.url" alt="" class="swiper-item-img" />
+              </div>
+
+              <div class="swiper-item-box-msg">
+                <div class="swiper-item-box-msg-item">
+                  <div class="swiper-item-box-msg-item-left"> 电量 </div>
+                  <div class="swiper-item-box-msg-item-right" v-if="item.electricity">
+                    {{ item.electricity || '' }} %</div
+                  >
+                  <div class="swiper-item-box-msg-item-right" v-else> 无电量数据</div>
+                </div>
+                <div class="swiper-item-box-msg-item">
+                  <div class="swiper-item-box-msg-item-left"> 状态 </div>
+                  <!-- 0：暂停且无任务、1：暂停(有处理中的任务)、2：任务中、3：待命 -->
+                  <div class="swiper-item-box-msg-item-right">
+                    {{
+                      item.status == 0
+                        ? '暂停且无任务'
+                        : item.status == 1
+                          ? '暂停(有处理中的任务)'
+                          : item.status == 2
+                            ? '任务中'
+                            : '待命'
+                    }}
+                  </div>
+                </div>
+                <div class="swiper-item-box-msg-item">
+                  <div class="swiper-item-box-msg-item-left"> 楼层 </div>
+                  <div class="swiper-item-box-msg-item-right"> {{ item.floor || '未知' }} </div>
+                </div>
+                <div class="swiper-item-box-msg-item">
+                  <div class="swiper-item-box-msg-item-left"> 区域 </div>
+                  <div class="swiper-item-box-msg-item-right"> {{ item.area || '未知' }} </div>
+                </div>
+                <div class="swiper-item-box-msg-item">
+                  <div class="swiper-item-box-msg-item-left"> 信息 </div>
+                  <div class="swiper-item-box-msg-item-right"> {{ item.msg || '' }} </div>
+                </div>
+                <el-button type="primary" size="small" style="margin-top: 30px">日志查看</el-button>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 车辆统计 -->
+        <div class="car-statistics-box" v-if="carStatistics">
+          <!-- carStatistics -->
+          <div class="car-statistics-item" style="color: #67c23a; border: 2px solid #67c23a">
+            <div class="car-statistics-item-name"> 待命中： </div>
+            <div class="car-statistics-item-value">
+              {{ carStatistics.standby || 0 }}
+            </div>
+          </div>
+          <div class="car-statistics-item" style="color: #e6a23c; border: 2px solid #e6a23c">
+            <div class="car-statistics-item-name"> 任务中： </div>
+            <div class="car-statistics-item-value">
+              {{ carStatistics.inTask || 0 }}
+            </div>
+          </div>
+          <div class="car-statistics-item" style="color: #409eff; border: 2px solid #409eff">
+            <div class="car-statistics-item-name"> 充电中： </div>
+            <div class="car-statistics-item-value">
+              {{ carStatistics.charge || 0 }}
+            </div>
+          </div>
+          <div class="car-statistics-item" style="color: #f56c6c; border: 2px solid #f56c6c">
+            <div class="car-statistics-item-name"> 离线： </div>
+            <div class="car-statistics-item-value">
+              {{ carStatistics.offline || 0 }}
+            </div>
+          </div>
+        </div>
+      </div>
+    </ContentWrap>
+    <createEditDialog ref="createEditDialogRef" @success="getCarList" />
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted ,onBeforeUnmount } from 'vue'
+defineOptions({ name: 'BoardCarBoard' })
+import * as CarApi from '@/api/car/index'
+import { Swiper, SwiperSlide } from 'swiper/vue'
+ // 导入两个组件内的路由守卫API
+ import { onBeforeRouteLeave,onBeforeRouteUpdate } from 'vue-router';
+const message = useMessage() // 消息弹窗
+// 引入swiper样式（按需导入）
+import 'swiper/css/pagination' // 轮播图底面的小圆点
+import 'swiper/css/navigation' // 轮播图两边的左右箭头
+// import 'swiper/css/scrollbar'  // 轮播图的滚动条， 轮播图里一般不怎么会使用到滚动条，如果有用到的话import导入就行
+// 引入swiper核心和所需模块
+import { Autoplay, Pagination, Navigation, Scrollbar } from 'swiper'
+import createEditDialog from './createEditDialog.vue'
+import 'swiper/css'
+const router = useRouter() // 路由对象
+const createEditDialogRef = ref(null)
+const list = ref([])
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 100,
+  robotNo: undefined
+})
+const spaceBetween = ref(20)
+const navigation = ref({
+  nextEl: '.swiper-button-next-custome',
+  prevEl: '.swiper-button-prev-custome'
+})
+// 在modules加入要使用的模块
+const modules = [Autoplay, Navigation, Scrollbar]
+// Pagination
+const prevEl = (item, index) => {
+  // console.log('上一张' + index + item)
+}
+const nextEl = () => {
+  // console.log('下一张')
+}
+// 更改当前活动swiper
+const onSlideChange = (swiper) => {
+  // swiper是当前轮播的对象，里面可以获取到当前swiper的所有信息，当前索引是activeIndex
+  console.log(swiper.activeIndex)
+}
+const timerRef = ref(null)
+//查询车辆列表
+const getCarList = async () => {
+  
+  if(timerRef.value){
+    clearInterval(timerRef.value)
+    timerRef.value = null
+  }
+  timerRef.value = setInterval(() => {
+    getCarList()
+    getRobotInformationStatistics()
+  },5000)
+  let res = await CarApi.robotInformationPage(queryParams)
+  // console.log(res.list)
+  list.value = res.list
+}
+const carStatistics = ref(null)
+//查询车辆统计
+const getRobotInformationStatistics = async () => {
+  let res = await CarApi.robotInformationStatistics({})
+  console.log('车辆统计', res)
+  carStatistics.value = res
+}
+//新建编辑车辆
+const openForm = (type, id) => {
+  createEditDialogRef.value.open(type, id ? id : null)
+}
+//删除车辆
+const deleteCar = (id) => {
+  ElMessageBox.confirm('您确定要删除此车辆吗?', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(() => {
+      CarApi.deleteRobotInformation(id).then((res) => {
+        getCarList()
+        message.success('删除成功')
+      })
+    })
+    .catch(() => {
+      // ElMessage({
+      //   type: 'info',
+      //   message: 'Delete canceled',
+      // })
+    })
+}
+
+const clockCar = (item) => {
+  let valueStr = item.robotTaskModel == 1 ? '锁定' : '解锁'
+  let data = JSON.parse(JSON.stringify(item))
+  data.robotTaskModel = item.robotTaskModel == 1 ? 0 : 1
+  ElMessageBox.confirm(`您确定要${valueStr}此车辆吗?`, '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  })
+    .then(() => {
+      CarApi.robotInformationUpdate(data).then((res) => {
+        getCarList()
+        message.success(`${valueStr}成功`)
+      })
+    })
+    .catch(() => {
+      // ElMessage({
+      //   type: 'info',
+      //   message: 'Delete canceled',
+      // })
+    })
+}
+//前往地图定位
+const goToMap = (item) => {
+  // console.log(item)
+  router.push({
+    name: 'MapPageRealTimeMap',
+    query: {
+      id: item.id
+    }
+  })
+}
+onMounted(() => {
+  getCarList()
+  getRobotInformationStatistics()
+})
+onBeforeUnmount(() => {
+  if(timerRef.value){
+    clearInterval(timerRef.value)
+    timerRef.value = null
+  }
+})
+// beforeRouteLeave((to, from, next) => {
+//   console.log('beforeRouteLeave',to, from, next)
+//   if(timerRef.value){
+//     clearInterval(timerRef.value)
+//     timerRef.value = null
+//   }
+// })
+onBeforeRouteLeave((to, from, next) => {
+  // console.log('beforeRouteLeave',to, from)
+
+  if(timerRef.value){
+    clearInterval(timerRef.value)
+    timerRef.value = null
+  }
+  next()
+})
+</script>
+
+<style scoped>
+.swiper-container {
+  width: calc(100% - 60px);
+  padding: 0 30px;
+  margin: 0 auto;
+  position: relative;
+}
+.swiperBox {
+  width: 100%;
+
+  /* background: rgba(0, 0, 0, 0.3); */
+}
+.swiper-item-box {
+  width: 100%;
+  padding-bottom: 30px;
+  border: 1px solid #f5f5f5;
+}
+.swiper-item-img-box {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+.swiper-item-img {
+  width: 150px;
+  height: 150px;
+}
+.swiper-item-box-top {
+  width: calc(100% - 20px);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin: 20px 0px;
+  padding: 0 10px;
+}
+.swiper-item-box-top-name {
+  font-size: 13px;
+  font-weight: bold;
+}
+.swiper-item-box-msg {
+  width: calc(100% - 20px);
+  padding: 0 10px;
+}
+.swiper-item-box-msg-item {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
+}
+.swiper-item-box-msg-item-left {
+  font-size: 13px;
+}
+.swiper-item-box-msg-item-right {
+  font-size: 13px;
+  margin-left: 40px;
+}
+:focus-visible {
+  outline: none;
+}
+.swiper-button-prev-custome {
+  position: absolute;
+  left: -30px;
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+  z-index: 999;
+}
+.swiper-button-next-custome {
+  position: absolute;
+  right: -30px;
+  top: 50%;
+  transform: translateY(-50%);
+  cursor: pointer;
+  z-index: 999;
+}
+.letter-data-box {
+  width: calc(100% - 60px);
+  padding: 0 30px;
+  margin: 0 auto;
+  position: relative;
+  display: flex;
+}
+.letter-data-item {
+  width: calc(25% - 20px);
+  flex-shrink: 0;
+}
+.car-statistics-box {
+  width: 100%;
+  margin-top: 40px;
+  display: flex;
+  justify-content: space-between;
+}
+.car-statistics-item {
+  width: calc(15% - 20px);
+  padding: 0 10px;
+  height: 60px;
+  font-size: 14px;
+  font-weight: bold;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+}
+.top-box {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+</style>
diff --git a/src/views/carError/index.vue b/src/views/carError/index.vue
new file mode 100644
index 00000000..e221bbd8
--- /dev/null
+++ b/src/views/carError/index.vue
@@ -0,0 +1,188 @@
+<template>
+  <ContentWrap>
+    <!-- 搜索工作栏 -->
+    <el-form
+      class="-mb-15px"
+      :model="queryParams"
+      ref="queryFormRef"
+      :inline="true"
+      label-width="120px"
+    >
+      <el-form-item label="ID号" prop="warnCode">
+        <el-input
+          v-model="queryParams.warnCode"
+          placeholder="请输入告警/异常ID"
+          clearable
+          @keyup.enter="handleQuery"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item label="时间段" prop="createTime">
+        <el-date-picker
+          v-model="queryParams.createTime"
+          value-format="YYYY-MM-DD HH:mm:ss"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :default-time="[new Date('1 00:00:00'), new Date('1 23:59:59')]"
+          class="!w-240px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery"><Icon icon="ep:search" class="mr-5px" /> 搜索</el-button>
+        <el-button @click="resetQuery"><Icon icon="ep:refresh" class="mr-5px" /> 重置</el-button>
+      </el-form-item>
+    </el-form>
+  </ContentWrap>
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <el-table v-loading="loading" :data="list" :stripe="true" :show-overflow-tooltip="true">
+      <el-table-column label="序号" align="center" prop="id" />
+      <el-table-column label="告警等级（1-4）" align="center" prop="warnLevel" />
+      <el-table-column label="告警/异常ID" align="center" prop="warnCode" />
+      <el-table-column label="车辆" align="center" prop="robotNo" />
+      <el-table-column label="告警/异常信息" align="center" prop="warnMsg" />
+      <el-table-column label="发生时间" align="center" prop="createTime" >
+        <template #default="scope">
+          {{ formatDate(scope.row.createTime, 'YYYY-MM-DD HH:mm:ss') }}
+        </template>
+      </el-table-column>
+    
+      <!-- <el-table-column label="操作" align="center">
+        <template #default="scope">
+          <el-button
+            link
+            type="primary"
+            @click="openForm('update', scope.row.id)"
+            v-hasPermi="['system:user-bank:update']"
+          >
+            编辑
+          </el-button>
+          <el-button
+            link
+            type="danger"
+            @click="handleDelete(scope.row.id)"
+            v-hasPermi="['system:user-bank:delete']"
+          >
+            删除
+          </el-button>
+        </template>
+      </el-table-column> -->
+    </el-table>
+    <!-- 分页 -->
+    <Pagination
+      :total="total"
+      v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </ContentWrap>
+</template>
+
+<script setup lang="ts">
+import { dateFormatter } from '@/utils/formatTime'
+import download from '@/utils/download'
+import * as CarErrorApi from '@/api/carError'
+import { formatDate } from '@/utils/formatTime'
+defineOptions({ name: 'SystemCarError' })
+
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const loading = ref(false) // 列表的加载中
+const list = ref([]) // 列表的数据
+const total = ref(0) // 列表的总页数
+const queryParams = reactive({
+  pageNo: 1,
+  pageSize: 10,
+  createTime: [],
+  warnCode: undefined,
+})
+const monthList = ref([
+  { label: '1月', value: 1 },
+  { label: '2月', value: 2 },
+  { label: '3月', value: 3 },
+  { label: '4月', value: 4 },
+  { label: '5月', value: 5 },
+  { label: '6月', value: 6 },
+  { label: '7月', value: 7 },
+  { label: '8月', value: 8 },
+  { label: '9月', value: 9 },
+  { label: '10月', value: 10 },
+  { label: '11月', value: 11 },
+  { label: '12月', value: 12 }
+])
+const queryFormRef = ref() // 搜索的表单
+const exportLoading = ref(false) // 导出的加载中
+const deptList = ref([])
+
+/** 查询列表 */
+const getList = async () => {
+  loading.value = true
+  try {
+    const data = await CarErrorApi.getRobotWarnMsgPage(queryParams)
+    list.value = data.list
+    total.value = data.total
+  } finally {
+    loading.value = false
+  }
+}
+
+/** 搜索按钮操作 */
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getList()
+}
+
+/** 重置按钮操作 */
+const resetQuery = () => {
+  queryFormRef.value.resetFields()
+  handleQuery()
+}
+
+/** 添加/修改操作 */
+const formRef = ref()
+const openForm = (type: string, id?: number) => {
+  formRef.value.open(type, id)
+}
+
+/** 关联操作 */
+const formBank = ref()
+const openBankForm = () => {
+  formBank.value.open()
+}
+
+/** 删除按钮操作 */
+const handleDelete = async (id: number) => {
+  try {
+    // 删除的二次确认
+    await message.delConfirm()
+    // 发起删除
+    await UserBankApi.deleteUserBank(id)
+    message.success(t('common.delSuccess'))
+    // 刷新列表
+    await getList()
+  } catch {}
+}
+
+/** 导出按钮操作 */
+const handleExport = async () => {
+  try {
+    // 导出的二次确认
+    await message.exportConfirm()
+    // 发起导出
+    exportLoading.value = true
+    const data = await UserBankApi.exportUserBank(queryParams)
+    download.excel(data, '用户银行卡信息.xls')
+  } catch {
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+/** 初始化 **/
+onMounted(() => {
+  getList()
+})
+</script>