diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list
diff --git a/src/store/modules/map.ts b/src/store/modules/map.ts
index f250790..4723959 100644
--- a/src/store/modules/map.ts
+++ b/src/store/modules/map.ts
@@ -5,8 +5,9 @@
   'map',
   {
     state: () => ({
-      amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
-      amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b', // 高德地图key
+      amapSecurityCode: '97d2ecef3a6cc5da2c738d9715e96189', // 安全密钥(web端 jsapi)
+      amapKey: 'c1bf2af3e8eef90ebf265d4e896d9be6', // 高德地图key(web端 jsapi)
+      key: '4fcd0be10fd77c5327b5ede4e0053b22', // key(web服务)
       detailList: [] as any[], // 轨迹信息
     }),
     getters: {},

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list
diff --git a/src/store/modules/map.ts b/src/store/modules/map.ts
index f250790..4723959 100644
--- a/src/store/modules/map.ts
+++ b/src/store/modules/map.ts
@@ -5,8 +5,9 @@
   'map',
   {
     state: () => ({
-      amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
-      amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b', // 高德地图key
+      amapSecurityCode: '97d2ecef3a6cc5da2c738d9715e96189', // 安全密钥(web端 jsapi)
+      amapKey: 'c1bf2af3e8eef90ebf265d4e896d9be6', // 高德地图key(web端 jsapi)
+      key: '4fcd0be10fd77c5327b5ede4e0053b22', // key(web服务)
       detailList: [] as any[], // 轨迹信息
     }),
     getters: {},
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ab99ced..2f63cb0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -221,7 +221,6 @@
 }
 // 获取首页数据
 const fetchHome = async () => {
-  console.log(dateRef.value?.dateActive, 'dateRef.value?.dateActive')
   // 清空地图绘制
   mapRef.value?.clearDraw()
   // 获取车辆列表

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list
diff --git a/src/store/modules/map.ts b/src/store/modules/map.ts
index f250790..4723959 100644
--- a/src/store/modules/map.ts
+++ b/src/store/modules/map.ts
@@ -5,8 +5,9 @@
   'map',
   {
     state: () => ({
-      amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
-      amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b', // 高德地图key
+      amapSecurityCode: '97d2ecef3a6cc5da2c738d9715e96189', // 安全密钥(web端 jsapi)
+      amapKey: 'c1bf2af3e8eef90ebf265d4e896d9be6', // 高德地图key(web端 jsapi)
+      key: '4fcd0be10fd77c5327b5ede4e0053b22', // key(web服务)
       detailList: [] as any[], // 轨迹信息
     }),
     getters: {},
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ab99ced..2f63cb0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -221,7 +221,6 @@
 }
 // 获取首页数据
 const fetchHome = async () => {
-  console.log(dateRef.value?.dateActive, 'dateRef.value?.dateActive')
   // 清空地图绘制
   mapRef.value?.clearDraw()
   // 获取车辆列表
diff --git a/src/views/inspection/gas/detail.vue b/src/views/inspection/gas/detail.vue
index 6c6e6b9..ba60c69 100644
--- a/src/views/inspection/gas/detail.vue
+++ b/src/views/inspection/gas/detail.vue
@@ -5,6 +5,7 @@
 import { getDictByCode } from '@/api/system/dict'
 import { getGasDetail } from '@/api/page/gas'
 import alarmVideoDialog from '@/views/inspection/task/alarmVideoDialog.vue'
+// import { getLocation } from '@/api/map'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
@@ -35,7 +36,7 @@
 const rules: FormRules = {
 } // 前端校验规则
 const position = ref('')
-
+const location = ref('')
 // 获取处置原因
 const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
 const fetchDict = () => {
@@ -50,6 +51,7 @@
   getGasDetail({ id: row.id }).then((res) => {
     areaForm.value = res.data
     position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
+    location.value = row.position
   })
 }
 defineExpose({
@@ -78,7 +80,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="详情" append-to-body width="50%">
     <!-- 报警视频弹窗 -->
     <alarm-video-dialog ref="videoRef" />
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
@@ -126,7 +128,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="报警位置">
-            <el-input v-model.trim="areaForm.position" type="text" disabled />
+            <el-input v-model.trim="location" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list
diff --git a/src/store/modules/map.ts b/src/store/modules/map.ts
index f250790..4723959 100644
--- a/src/store/modules/map.ts
+++ b/src/store/modules/map.ts
@@ -5,8 +5,9 @@
   'map',
   {
     state: () => ({
-      amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
-      amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b', // 高德地图key
+      amapSecurityCode: '97d2ecef3a6cc5da2c738d9715e96189', // 安全密钥(web端 jsapi)
+      amapKey: 'c1bf2af3e8eef90ebf265d4e896d9be6', // 高德地图key(web端 jsapi)
+      key: '4fcd0be10fd77c5327b5ede4e0053b22', // key(web服务)
       detailList: [] as any[], // 轨迹信息
     }),
     getters: {},
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ab99ced..2f63cb0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -221,7 +221,6 @@
 }
 // 获取首页数据
 const fetchHome = async () => {
-  console.log(dateRef.value?.dateActive, 'dateRef.value?.dateActive')
   // 清空地图绘制
   mapRef.value?.clearDraw()
   // 获取车辆列表
diff --git a/src/views/inspection/gas/detail.vue b/src/views/inspection/gas/detail.vue
index 6c6e6b9..ba60c69 100644
--- a/src/views/inspection/gas/detail.vue
+++ b/src/views/inspection/gas/detail.vue
@@ -5,6 +5,7 @@
 import { getDictByCode } from '@/api/system/dict'
 import { getGasDetail } from '@/api/page/gas'
 import alarmVideoDialog from '@/views/inspection/task/alarmVideoDialog.vue'
+// import { getLocation } from '@/api/map'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
@@ -35,7 +36,7 @@
 const rules: FormRules = {
 } // 前端校验规则
 const position = ref('')
-
+const location = ref('')
 // 获取处置原因
 const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
 const fetchDict = () => {
@@ -50,6 +51,7 @@
   getGasDetail({ id: row.id }).then((res) => {
     areaForm.value = res.data
     position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
+    location.value = row.position
   })
 }
 defineExpose({
@@ -78,7 +80,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="详情" append-to-body width="50%">
     <!-- 报警视频弹窗 -->
     <alarm-video-dialog ref="videoRef" />
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
@@ -126,7 +128,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="报警位置">
-            <el-input v-model.trim="areaForm.position" type="text" disabled />
+            <el-input v-model.trim="location" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/inspection/gas/list.vue b/src/views/inspection/gas/list.vue
index 5da276d..851512e 100644
--- a/src/views/inspection/gas/list.vue
+++ b/src/views/inspection/gas/list.vue
@@ -12,9 +12,9 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getGasListPage } from '@/api/page/gas'
+import { getLocation } from '@/api/map'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
-
 // 查询条件
 const listQuery: Ref<IListQuery> = ref({
   alarmCode: '', // 报警编号
@@ -67,6 +67,25 @@
   getGasListPage(listQuery.value).then((res) => {
     console.log(res.data, '燃气v报警')
     list.value = res.data.rows
+    list.value.forEach((item: any, index: number) => {
+      if (index > 1) {
+        return
+      }
+      getLocation(`${item.alarmLongitude},${item.alarmLatitude}`).then((res: any) => {
+        console.log(res.data, 'data')
+        if (res.data.info === 'OK') {
+          if (res.data.pois?.length) {
+            item.position = res.data.pois[0].address
+          }
+          else {
+            item.position = '/'
+          }
+        }
+        else {
+          item.position = '/'
+        }
+      })
+    })
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list
diff --git a/src/store/modules/map.ts b/src/store/modules/map.ts
index f250790..4723959 100644
--- a/src/store/modules/map.ts
+++ b/src/store/modules/map.ts
@@ -5,8 +5,9 @@
   'map',
   {
     state: () => ({
-      amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
-      amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b', // 高德地图key
+      amapSecurityCode: '97d2ecef3a6cc5da2c738d9715e96189', // 安全密钥(web端 jsapi)
+      amapKey: 'c1bf2af3e8eef90ebf265d4e896d9be6', // 高德地图key(web端 jsapi)
+      key: '4fcd0be10fd77c5327b5ede4e0053b22', // key(web服务)
       detailList: [] as any[], // 轨迹信息
     }),
     getters: {},
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ab99ced..2f63cb0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -221,7 +221,6 @@
 }
 // 获取首页数据
 const fetchHome = async () => {
-  console.log(dateRef.value?.dateActive, 'dateRef.value?.dateActive')
   // 清空地图绘制
   mapRef.value?.clearDraw()
   // 获取车辆列表
diff --git a/src/views/inspection/gas/detail.vue b/src/views/inspection/gas/detail.vue
index 6c6e6b9..ba60c69 100644
--- a/src/views/inspection/gas/detail.vue
+++ b/src/views/inspection/gas/detail.vue
@@ -5,6 +5,7 @@
 import { getDictByCode } from '@/api/system/dict'
 import { getGasDetail } from '@/api/page/gas'
 import alarmVideoDialog from '@/views/inspection/task/alarmVideoDialog.vue'
+// import { getLocation } from '@/api/map'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
@@ -35,7 +36,7 @@
 const rules: FormRules = {
 } // 前端校验规则
 const position = ref('')
-
+const location = ref('')
 // 获取处置原因
 const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
 const fetchDict = () => {
@@ -50,6 +51,7 @@
   getGasDetail({ id: row.id }).then((res) => {
     areaForm.value = res.data
     position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
+    location.value = row.position
   })
 }
 defineExpose({
@@ -78,7 +80,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="详情" append-to-body width="50%">
     <!-- 报警视频弹窗 -->
     <alarm-video-dialog ref="videoRef" />
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
@@ -126,7 +128,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="报警位置">
-            <el-input v-model.trim="areaForm.position" type="text" disabled />
+            <el-input v-model.trim="location" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/inspection/gas/list.vue b/src/views/inspection/gas/list.vue
index 5da276d..851512e 100644
--- a/src/views/inspection/gas/list.vue
+++ b/src/views/inspection/gas/list.vue
@@ -12,9 +12,9 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getGasListPage } from '@/api/page/gas'
+import { getLocation } from '@/api/map'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
-
 // 查询条件
 const listQuery: Ref<IListQuery> = ref({
   alarmCode: '', // 报警编号
@@ -67,6 +67,25 @@
   getGasListPage(listQuery.value).then((res) => {
     console.log(res.data, '燃气v报警')
     list.value = res.data.rows
+    list.value.forEach((item: any, index: number) => {
+      if (index > 1) {
+        return
+      }
+      getLocation(`${item.alarmLongitude},${item.alarmLatitude}`).then((res: any) => {
+        console.log(res.data, 'data')
+        if (res.data.info === 'OK') {
+          if (res.data.pois?.length) {
+            item.position = res.data.pois[0].address
+          }
+          else {
+            item.position = '/'
+          }
+        }
+        else {
+          item.position = '/'
+        }
+      })
+    })
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {
diff --git a/src/views/inspection/task/alarmVideoDialog.vue b/src/views/inspection/task/alarmVideoDialog.vue
index 50601d7..895cdb5 100644
--- a/src/views/inspection/task/alarmVideoDialog.vue
+++ b/src/views/inspection/task/alarmVideoDialog.vue
@@ -5,6 +5,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 const videoUrl = ref('')
 const type = ref('video')
+const baseUrl = import.meta.env.VITE_APP_API_BASEURL
 // 初始化对话框
 const initDialog = (row: any) => {
   dialogFormVisible.value = true
@@ -12,18 +13,26 @@
   if (row.type === 'video') {
     type.value = 'video'
     if (row.url) {
-      videoUrl.value = row.url
+      videoUrl.value = `${baseUrl}/static/${row.url}`
+      console.log('url:', videoUrl.value)
     }
     else {
       getAlarmVideo({ alarmCode: row.alarmCode }).then((res) => {
         videoUrl.value = res.data
-        ElMessage.success('获取视频成功')
+        if (res.data) {
+          console.log('url:', videoUrl.value)
+          ElMessage.success('获取视频成功')
+        }
+        else {
+          ElMessage.warning('暂无视频')
+        }
       })
     }
   }
   else if (row.type === 'photo') {
     type.value = 'photo'
-    videoUrl.value = `${'http://111.198.10.15:11646'}/${row.url}`
+    videoUrl.value = `${baseUrl}/static/${row.url}`
+    console.log('url:', videoUrl.value)
   }
 }
 defineExpose({
@@ -36,7 +45,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" :title="`报警${type === 'video' ? '视频' : '图片'}`" append-to-body width="50%">
     <div class="container">
       <video v-if="type === 'video'" autoplay style="width: 100%;" height="300" :src="videoUrl" controls />
       <img v-else style="width: 100%;" height="300" :src="videoUrl">

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list
diff --git a/src/store/modules/map.ts b/src/store/modules/map.ts
index f250790..4723959 100644
--- a/src/store/modules/map.ts
+++ b/src/store/modules/map.ts
@@ -5,8 +5,9 @@
   'map',
   {
     state: () => ({
-      amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
-      amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b', // 高德地图key
+      amapSecurityCode: '97d2ecef3a6cc5da2c738d9715e96189', // 安全密钥(web端 jsapi)
+      amapKey: 'c1bf2af3e8eef90ebf265d4e896d9be6', // 高德地图key(web端 jsapi)
+      key: '4fcd0be10fd77c5327b5ede4e0053b22', // key(web服务)
       detailList: [] as any[], // 轨迹信息
     }),
     getters: {},
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ab99ced..2f63cb0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -221,7 +221,6 @@
 }
 // 获取首页数据
 const fetchHome = async () => {
-  console.log(dateRef.value?.dateActive, 'dateRef.value?.dateActive')
   // 清空地图绘制
   mapRef.value?.clearDraw()
   // 获取车辆列表
diff --git a/src/views/inspection/gas/detail.vue b/src/views/inspection/gas/detail.vue
index 6c6e6b9..ba60c69 100644
--- a/src/views/inspection/gas/detail.vue
+++ b/src/views/inspection/gas/detail.vue
@@ -5,6 +5,7 @@
 import { getDictByCode } from '@/api/system/dict'
 import { getGasDetail } from '@/api/page/gas'
 import alarmVideoDialog from '@/views/inspection/task/alarmVideoDialog.vue'
+// import { getLocation } from '@/api/map'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
@@ -35,7 +36,7 @@
 const rules: FormRules = {
 } // 前端校验规则
 const position = ref('')
-
+const location = ref('')
 // 获取处置原因
 const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
 const fetchDict = () => {
@@ -50,6 +51,7 @@
   getGasDetail({ id: row.id }).then((res) => {
     areaForm.value = res.data
     position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
+    location.value = row.position
   })
 }
 defineExpose({
@@ -78,7 +80,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="详情" append-to-body width="50%">
     <!-- 报警视频弹窗 -->
     <alarm-video-dialog ref="videoRef" />
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
@@ -126,7 +128,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="报警位置">
-            <el-input v-model.trim="areaForm.position" type="text" disabled />
+            <el-input v-model.trim="location" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/inspection/gas/list.vue b/src/views/inspection/gas/list.vue
index 5da276d..851512e 100644
--- a/src/views/inspection/gas/list.vue
+++ b/src/views/inspection/gas/list.vue
@@ -12,9 +12,9 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getGasListPage } from '@/api/page/gas'
+import { getLocation } from '@/api/map'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
-
 // 查询条件
 const listQuery: Ref<IListQuery> = ref({
   alarmCode: '', // 报警编号
@@ -67,6 +67,25 @@
   getGasListPage(listQuery.value).then((res) => {
     console.log(res.data, '燃气v报警')
     list.value = res.data.rows
+    list.value.forEach((item: any, index: number) => {
+      if (index > 1) {
+        return
+      }
+      getLocation(`${item.alarmLongitude},${item.alarmLatitude}`).then((res: any) => {
+        console.log(res.data, 'data')
+        if (res.data.info === 'OK') {
+          if (res.data.pois?.length) {
+            item.position = res.data.pois[0].address
+          }
+          else {
+            item.position = '/'
+          }
+        }
+        else {
+          item.position = '/'
+        }
+      })
+    })
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {
diff --git a/src/views/inspection/task/alarmVideoDialog.vue b/src/views/inspection/task/alarmVideoDialog.vue
index 50601d7..895cdb5 100644
--- a/src/views/inspection/task/alarmVideoDialog.vue
+++ b/src/views/inspection/task/alarmVideoDialog.vue
@@ -5,6 +5,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 const videoUrl = ref('')
 const type = ref('video')
+const baseUrl = import.meta.env.VITE_APP_API_BASEURL
 // 初始化对话框
 const initDialog = (row: any) => {
   dialogFormVisible.value = true
@@ -12,18 +13,26 @@
   if (row.type === 'video') {
     type.value = 'video'
     if (row.url) {
-      videoUrl.value = row.url
+      videoUrl.value = `${baseUrl}/static/${row.url}`
+      console.log('url:', videoUrl.value)
     }
     else {
       getAlarmVideo({ alarmCode: row.alarmCode }).then((res) => {
         videoUrl.value = res.data
-        ElMessage.success('获取视频成功')
+        if (res.data) {
+          console.log('url:', videoUrl.value)
+          ElMessage.success('获取视频成功')
+        }
+        else {
+          ElMessage.warning('暂无视频')
+        }
       })
     }
   }
   else if (row.type === 'photo') {
     type.value = 'photo'
-    videoUrl.value = `${'http://111.198.10.15:11646'}/${row.url}`
+    videoUrl.value = `${baseUrl}/static/${row.url}`
+    console.log('url:', videoUrl.value)
   }
 }
 defineExpose({
@@ -36,7 +45,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" :title="`报警${type === 'video' ? '视频' : '图片'}`" append-to-body width="50%">
     <div class="container">
       <video v-if="type === 'video'" autoplay style="width: 100%;" height="300" :src="videoUrl" controls />
       <img v-else style="width: 100%;" height="300" :src="videoUrl">
diff --git a/src/views/inspection/task/detail.vue b/src/views/inspection/task/detail.vue
index c5e1019..2f90e56 100644
--- a/src/views/inspection/task/detail.vue
+++ b/src/views/inspection/task/detail.vue
@@ -32,8 +32,8 @@
   { text: '垂直角度', value: 'pitch', align: 'center' },
   { text: '是否报警', value: 'isAlarm', align: 'center' },
   { text: '报警编号', value: 'alarmCode', align: 'center' },
-  // { text: '报警状态', value: 'modelName', align: 'center' },
-  { text: '报警阈值(ppm·m)', value: 'modelName', align: 'center' },
+  { text: '报警状态', value: 'processStatus', align: 'center' },
+  { text: '报警阈值(ppm·m)', value: 'alarmRule', align: 'center' },
   { text: '车速(km/h)', value: 'speed', align: 'center' },
   { text: '经度', value: 'longitude', align: 'center' },
   { text: '纬度', value: 'lagitude', align: 'center' },
@@ -61,7 +61,16 @@
   }
   getTaskDetailListPage(listQuery.value).then((res) => {
     console.log(res.data, '巡检总计列表')
-    list.value = res.data.rows.map((item: any) => ({ ...item, isAlarm: item.isAlarm === '1' ? '是' : '否' }))
+    list.value = res.data.rows.map((item: any) => ({
+      ...item,
+      isAlarm:
+       item.isAlarm === '1' ? '是' : '否',
+      alarmCode: item.alarmCode ? item.alarmCode : '/',
+      processStatus: item.processStatus ? item.processStatus : '/',
+      alarmRule: item.alarmRule ? item.alarmRule : '/',
+      longitude: item.longitude ? item.longitude : '/',
+      lagitude: item.lagitude ? item.lagitude : '/',
+    }))
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {
@@ -129,7 +138,7 @@
 // 轨迹追踪
 const mapRef = ref()
 const showMap = () => {
-  mapRef.value.initDialog()
+  mapRef.value.initDialog(listQuery.value)
 }
 </script>
 
@@ -225,10 +234,10 @@
         <template #columns>
           <el-table-column label="操作" align="center" fixed="right" width="180">
             <template #default="{ row }">
-              <el-button size="small" link type="primary" :disabled="!(row.alarmCode && row.isAlarm === '是')" @click="alarmVideo(row)">
+              <el-button size="small" link type="primary" :disabled="!(row.alarmCode && row.processStatus === '未处置')" @click="alarmVideo(row)">
                 报警视频
               </el-button>
-              <el-button size="small" type="primary" :disabled="!(row.alarmCode && row.isAlarm === '是')" link @click="handlerAlarm(row)">
+              <el-button size="small" type="primary" :disabled="!(row.alarmCode && row.processStatus === '未处置')" link @click="handlerAlarm(row)">
                 报警处置
               </el-button>
             </template>

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list
diff --git a/src/store/modules/map.ts b/src/store/modules/map.ts
index f250790..4723959 100644
--- a/src/store/modules/map.ts
+++ b/src/store/modules/map.ts
@@ -5,8 +5,9 @@
   'map',
   {
     state: () => ({
-      amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
-      amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b', // 高德地图key
+      amapSecurityCode: '97d2ecef3a6cc5da2c738d9715e96189', // 安全密钥(web端 jsapi)
+      amapKey: 'c1bf2af3e8eef90ebf265d4e896d9be6', // 高德地图key(web端 jsapi)
+      key: '4fcd0be10fd77c5327b5ede4e0053b22', // key(web服务)
       detailList: [] as any[], // 轨迹信息
     }),
     getters: {},
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ab99ced..2f63cb0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -221,7 +221,6 @@
 }
 // 获取首页数据
 const fetchHome = async () => {
-  console.log(dateRef.value?.dateActive, 'dateRef.value?.dateActive')
   // 清空地图绘制
   mapRef.value?.clearDraw()
   // 获取车辆列表
diff --git a/src/views/inspection/gas/detail.vue b/src/views/inspection/gas/detail.vue
index 6c6e6b9..ba60c69 100644
--- a/src/views/inspection/gas/detail.vue
+++ b/src/views/inspection/gas/detail.vue
@@ -5,6 +5,7 @@
 import { getDictByCode } from '@/api/system/dict'
 import { getGasDetail } from '@/api/page/gas'
 import alarmVideoDialog from '@/views/inspection/task/alarmVideoDialog.vue'
+// import { getLocation } from '@/api/map'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
@@ -35,7 +36,7 @@
 const rules: FormRules = {
 } // 前端校验规则
 const position = ref('')
-
+const location = ref('')
 // 获取处置原因
 const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
 const fetchDict = () => {
@@ -50,6 +51,7 @@
   getGasDetail({ id: row.id }).then((res) => {
     areaForm.value = res.data
     position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
+    location.value = row.position
   })
 }
 defineExpose({
@@ -78,7 +80,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="详情" append-to-body width="50%">
     <!-- 报警视频弹窗 -->
     <alarm-video-dialog ref="videoRef" />
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
@@ -126,7 +128,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="报警位置">
-            <el-input v-model.trim="areaForm.position" type="text" disabled />
+            <el-input v-model.trim="location" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/inspection/gas/list.vue b/src/views/inspection/gas/list.vue
index 5da276d..851512e 100644
--- a/src/views/inspection/gas/list.vue
+++ b/src/views/inspection/gas/list.vue
@@ -12,9 +12,9 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getGasListPage } from '@/api/page/gas'
+import { getLocation } from '@/api/map'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
-
 // 查询条件
 const listQuery: Ref<IListQuery> = ref({
   alarmCode: '', // 报警编号
@@ -67,6 +67,25 @@
   getGasListPage(listQuery.value).then((res) => {
     console.log(res.data, '燃气v报警')
     list.value = res.data.rows
+    list.value.forEach((item: any, index: number) => {
+      if (index > 1) {
+        return
+      }
+      getLocation(`${item.alarmLongitude},${item.alarmLatitude}`).then((res: any) => {
+        console.log(res.data, 'data')
+        if (res.data.info === 'OK') {
+          if (res.data.pois?.length) {
+            item.position = res.data.pois[0].address
+          }
+          else {
+            item.position = '/'
+          }
+        }
+        else {
+          item.position = '/'
+        }
+      })
+    })
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {
diff --git a/src/views/inspection/task/alarmVideoDialog.vue b/src/views/inspection/task/alarmVideoDialog.vue
index 50601d7..895cdb5 100644
--- a/src/views/inspection/task/alarmVideoDialog.vue
+++ b/src/views/inspection/task/alarmVideoDialog.vue
@@ -5,6 +5,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 const videoUrl = ref('')
 const type = ref('video')
+const baseUrl = import.meta.env.VITE_APP_API_BASEURL
 // 初始化对话框
 const initDialog = (row: any) => {
   dialogFormVisible.value = true
@@ -12,18 +13,26 @@
   if (row.type === 'video') {
     type.value = 'video'
     if (row.url) {
-      videoUrl.value = row.url
+      videoUrl.value = `${baseUrl}/static/${row.url}`
+      console.log('url:', videoUrl.value)
     }
     else {
       getAlarmVideo({ alarmCode: row.alarmCode }).then((res) => {
         videoUrl.value = res.data
-        ElMessage.success('获取视频成功')
+        if (res.data) {
+          console.log('url:', videoUrl.value)
+          ElMessage.success('获取视频成功')
+        }
+        else {
+          ElMessage.warning('暂无视频')
+        }
       })
     }
   }
   else if (row.type === 'photo') {
     type.value = 'photo'
-    videoUrl.value = `${'http://111.198.10.15:11646'}/${row.url}`
+    videoUrl.value = `${baseUrl}/static/${row.url}`
+    console.log('url:', videoUrl.value)
   }
 }
 defineExpose({
@@ -36,7 +45,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" :title="`报警${type === 'video' ? '视频' : '图片'}`" append-to-body width="50%">
     <div class="container">
       <video v-if="type === 'video'" autoplay style="width: 100%;" height="300" :src="videoUrl" controls />
       <img v-else style="width: 100%;" height="300" :src="videoUrl">
diff --git a/src/views/inspection/task/detail.vue b/src/views/inspection/task/detail.vue
index c5e1019..2f90e56 100644
--- a/src/views/inspection/task/detail.vue
+++ b/src/views/inspection/task/detail.vue
@@ -32,8 +32,8 @@
   { text: '垂直角度', value: 'pitch', align: 'center' },
   { text: '是否报警', value: 'isAlarm', align: 'center' },
   { text: '报警编号', value: 'alarmCode', align: 'center' },
-  // { text: '报警状态', value: 'modelName', align: 'center' },
-  { text: '报警阈值(ppm·m)', value: 'modelName', align: 'center' },
+  { text: '报警状态', value: 'processStatus', align: 'center' },
+  { text: '报警阈值(ppm·m)', value: 'alarmRule', align: 'center' },
   { text: '车速(km/h)', value: 'speed', align: 'center' },
   { text: '经度', value: 'longitude', align: 'center' },
   { text: '纬度', value: 'lagitude', align: 'center' },
@@ -61,7 +61,16 @@
   }
   getTaskDetailListPage(listQuery.value).then((res) => {
     console.log(res.data, '巡检总计列表')
-    list.value = res.data.rows.map((item: any) => ({ ...item, isAlarm: item.isAlarm === '1' ? '是' : '否' }))
+    list.value = res.data.rows.map((item: any) => ({
+      ...item,
+      isAlarm:
+       item.isAlarm === '1' ? '是' : '否',
+      alarmCode: item.alarmCode ? item.alarmCode : '/',
+      processStatus: item.processStatus ? item.processStatus : '/',
+      alarmRule: item.alarmRule ? item.alarmRule : '/',
+      longitude: item.longitude ? item.longitude : '/',
+      lagitude: item.lagitude ? item.lagitude : '/',
+    }))
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {
@@ -129,7 +138,7 @@
 // 轨迹追踪
 const mapRef = ref()
 const showMap = () => {
-  mapRef.value.initDialog()
+  mapRef.value.initDialog(listQuery.value)
 }
 </script>
 
@@ -225,10 +234,10 @@
         <template #columns>
           <el-table-column label="操作" align="center" fixed="right" width="180">
             <template #default="{ row }">
-              <el-button size="small" link type="primary" :disabled="!(row.alarmCode && row.isAlarm === '是')" @click="alarmVideo(row)">
+              <el-button size="small" link type="primary" :disabled="!(row.alarmCode && row.processStatus === '未处置')" @click="alarmVideo(row)">
                 报警视频
               </el-button>
-              <el-button size="small" type="primary" :disabled="!(row.alarmCode && row.isAlarm === '是')" link @click="handlerAlarm(row)">
+              <el-button size="small" type="primary" :disabled="!(row.alarmCode && row.processStatus === '未处置')" link @click="handlerAlarm(row)">
                 报警处置
               </el-button>
             </template>
diff --git a/src/views/inspection/task/trajectoryMap.vue b/src/views/inspection/task/trajectoryMap.vue
index 36e9860..e4f654d 100644
--- a/src/views/inspection/task/trajectoryMap.vue
+++ b/src/views/inspection/task/trajectoryMap.vue
@@ -1,12 +1,55 @@
 <script lang="ts" setup name="TrajectoryMap">
-// 地图显示的缩放级别
 import MapComponent from '@/components/map/Map.vue'
+import { getTaskDetailListPage } from '@/api/page/task'
 const dialogFormVisible = ref(false) // 对话框是否显示
 const center = ref([116.481485, 39.990464]) // 地图中心
+const mapRef = ref()
 const zoom = ref(10)
+const listQuery = ref({
+  offset: 20,
+  limit: 1,
+  id: '',
+})
+const timer = ref()
+const mapDraw = (data: any) => {
+  timer.value = setTimeout(() => {
+    if (mapRef.value?.isMap) {
+      mapRef.value?.drawLine(data)
+      clearTimeout(timer.value)
+      timer.value = null
+    }
+    else {
+      mapDraw(data)
+    }
+  }, 2000)
+}
 // 初始化对话框
-const initDialog = (row: any) => {
+const initDialog = (data: any) => {
   dialogFormVisible.value = true
+  listQuery.value = data
+  mapRef.value?.clearLine()
+  getTaskDetailListPage(listQuery.value).then((res) => {
+    const data = res.data.rows.map((item: any) => {
+      return {
+        ...item,
+
+        lat: item.lagitude,
+        lng: item.longitude,
+        position: item.position,
+        isAlarm: item.isAlarm === '1' ? '是' : '否',
+        time: item.ts,
+        value: item.gas,
+        dialog: 'taskDetail',
+      }
+    }).filter((item: any) => item.lat && item.lng)
+    if (!data.length) { return }
+    if (mapRef.value?.isMap) {
+      mapRef.value?.drawLine(data)
+    }
+    else {
+      mapDraw(data)
+    }
+  })
 }
 defineExpose({
   initDialog,
@@ -18,9 +61,9 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="轨迹追踪" append-to-body width="50%">
     <div class="container">
-      <map-component :center="center" :zoom="zoom" />
+      <map-component ref="mapRef" :center="center" :zoom="zoom" />
     </div>
     <template #footer>
       <div class="dialog-footer">
@@ -36,6 +79,7 @@
 .container {
   width: 100%;
   height: 500px;
+  overflow: hidden;
 }
 
 .el-dialog {

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list
diff --git a/src/store/modules/map.ts b/src/store/modules/map.ts
index f250790..4723959 100644
--- a/src/store/modules/map.ts
+++ b/src/store/modules/map.ts
@@ -5,8 +5,9 @@
   'map',
   {
     state: () => ({
-      amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
-      amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b', // 高德地图key
+      amapSecurityCode: '97d2ecef3a6cc5da2c738d9715e96189', // 安全密钥(web端 jsapi)
+      amapKey: 'c1bf2af3e8eef90ebf265d4e896d9be6', // 高德地图key(web端 jsapi)
+      key: '4fcd0be10fd77c5327b5ede4e0053b22', // key(web服务)
       detailList: [] as any[], // 轨迹信息
     }),
     getters: {},
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ab99ced..2f63cb0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -221,7 +221,6 @@
 }
 // 获取首页数据
 const fetchHome = async () => {
-  console.log(dateRef.value?.dateActive, 'dateRef.value?.dateActive')
   // 清空地图绘制
   mapRef.value?.clearDraw()
   // 获取车辆列表
diff --git a/src/views/inspection/gas/detail.vue b/src/views/inspection/gas/detail.vue
index 6c6e6b9..ba60c69 100644
--- a/src/views/inspection/gas/detail.vue
+++ b/src/views/inspection/gas/detail.vue
@@ -5,6 +5,7 @@
 import { getDictByCode } from '@/api/system/dict'
 import { getGasDetail } from '@/api/page/gas'
 import alarmVideoDialog from '@/views/inspection/task/alarmVideoDialog.vue'
+// import { getLocation } from '@/api/map'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
@@ -35,7 +36,7 @@
 const rules: FormRules = {
 } // 前端校验规则
 const position = ref('')
-
+const location = ref('')
 // 获取处置原因
 const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
 const fetchDict = () => {
@@ -50,6 +51,7 @@
   getGasDetail({ id: row.id }).then((res) => {
     areaForm.value = res.data
     position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
+    location.value = row.position
   })
 }
 defineExpose({
@@ -78,7 +80,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="详情" append-to-body width="50%">
     <!-- 报警视频弹窗 -->
     <alarm-video-dialog ref="videoRef" />
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
@@ -126,7 +128,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="报警位置">
-            <el-input v-model.trim="areaForm.position" type="text" disabled />
+            <el-input v-model.trim="location" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/inspection/gas/list.vue b/src/views/inspection/gas/list.vue
index 5da276d..851512e 100644
--- a/src/views/inspection/gas/list.vue
+++ b/src/views/inspection/gas/list.vue
@@ -12,9 +12,9 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getGasListPage } from '@/api/page/gas'
+import { getLocation } from '@/api/map'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
-
 // 查询条件
 const listQuery: Ref<IListQuery> = ref({
   alarmCode: '', // 报警编号
@@ -67,6 +67,25 @@
   getGasListPage(listQuery.value).then((res) => {
     console.log(res.data, '燃气v报警')
     list.value = res.data.rows
+    list.value.forEach((item: any, index: number) => {
+      if (index > 1) {
+        return
+      }
+      getLocation(`${item.alarmLongitude},${item.alarmLatitude}`).then((res: any) => {
+        console.log(res.data, 'data')
+        if (res.data.info === 'OK') {
+          if (res.data.pois?.length) {
+            item.position = res.data.pois[0].address
+          }
+          else {
+            item.position = '/'
+          }
+        }
+        else {
+          item.position = '/'
+        }
+      })
+    })
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {
diff --git a/src/views/inspection/task/alarmVideoDialog.vue b/src/views/inspection/task/alarmVideoDialog.vue
index 50601d7..895cdb5 100644
--- a/src/views/inspection/task/alarmVideoDialog.vue
+++ b/src/views/inspection/task/alarmVideoDialog.vue
@@ -5,6 +5,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 const videoUrl = ref('')
 const type = ref('video')
+const baseUrl = import.meta.env.VITE_APP_API_BASEURL
 // 初始化对话框
 const initDialog = (row: any) => {
   dialogFormVisible.value = true
@@ -12,18 +13,26 @@
   if (row.type === 'video') {
     type.value = 'video'
     if (row.url) {
-      videoUrl.value = row.url
+      videoUrl.value = `${baseUrl}/static/${row.url}`
+      console.log('url:', videoUrl.value)
     }
     else {
       getAlarmVideo({ alarmCode: row.alarmCode }).then((res) => {
         videoUrl.value = res.data
-        ElMessage.success('获取视频成功')
+        if (res.data) {
+          console.log('url:', videoUrl.value)
+          ElMessage.success('获取视频成功')
+        }
+        else {
+          ElMessage.warning('暂无视频')
+        }
       })
     }
   }
   else if (row.type === 'photo') {
     type.value = 'photo'
-    videoUrl.value = `${'http://111.198.10.15:11646'}/${row.url}`
+    videoUrl.value = `${baseUrl}/static/${row.url}`
+    console.log('url:', videoUrl.value)
   }
 }
 defineExpose({
@@ -36,7 +45,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" :title="`报警${type === 'video' ? '视频' : '图片'}`" append-to-body width="50%">
     <div class="container">
       <video v-if="type === 'video'" autoplay style="width: 100%;" height="300" :src="videoUrl" controls />
       <img v-else style="width: 100%;" height="300" :src="videoUrl">
diff --git a/src/views/inspection/task/detail.vue b/src/views/inspection/task/detail.vue
index c5e1019..2f90e56 100644
--- a/src/views/inspection/task/detail.vue
+++ b/src/views/inspection/task/detail.vue
@@ -32,8 +32,8 @@
   { text: '垂直角度', value: 'pitch', align: 'center' },
   { text: '是否报警', value: 'isAlarm', align: 'center' },
   { text: '报警编号', value: 'alarmCode', align: 'center' },
-  // { text: '报警状态', value: 'modelName', align: 'center' },
-  { text: '报警阈值(ppm·m)', value: 'modelName', align: 'center' },
+  { text: '报警状态', value: 'processStatus', align: 'center' },
+  { text: '报警阈值(ppm·m)', value: 'alarmRule', align: 'center' },
   { text: '车速(km/h)', value: 'speed', align: 'center' },
   { text: '经度', value: 'longitude', align: 'center' },
   { text: '纬度', value: 'lagitude', align: 'center' },
@@ -61,7 +61,16 @@
   }
   getTaskDetailListPage(listQuery.value).then((res) => {
     console.log(res.data, '巡检总计列表')
-    list.value = res.data.rows.map((item: any) => ({ ...item, isAlarm: item.isAlarm === '1' ? '是' : '否' }))
+    list.value = res.data.rows.map((item: any) => ({
+      ...item,
+      isAlarm:
+       item.isAlarm === '1' ? '是' : '否',
+      alarmCode: item.alarmCode ? item.alarmCode : '/',
+      processStatus: item.processStatus ? item.processStatus : '/',
+      alarmRule: item.alarmRule ? item.alarmRule : '/',
+      longitude: item.longitude ? item.longitude : '/',
+      lagitude: item.lagitude ? item.lagitude : '/',
+    }))
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {
@@ -129,7 +138,7 @@
 // 轨迹追踪
 const mapRef = ref()
 const showMap = () => {
-  mapRef.value.initDialog()
+  mapRef.value.initDialog(listQuery.value)
 }
 </script>
 
@@ -225,10 +234,10 @@
         <template #columns>
           <el-table-column label="操作" align="center" fixed="right" width="180">
             <template #default="{ row }">
-              <el-button size="small" link type="primary" :disabled="!(row.alarmCode && row.isAlarm === '是')" @click="alarmVideo(row)">
+              <el-button size="small" link type="primary" :disabled="!(row.alarmCode && row.processStatus === '未处置')" @click="alarmVideo(row)">
                 报警视频
               </el-button>
-              <el-button size="small" type="primary" :disabled="!(row.alarmCode && row.isAlarm === '是')" link @click="handlerAlarm(row)">
+              <el-button size="small" type="primary" :disabled="!(row.alarmCode && row.processStatus === '未处置')" link @click="handlerAlarm(row)">
                 报警处置
               </el-button>
             </template>
diff --git a/src/views/inspection/task/trajectoryMap.vue b/src/views/inspection/task/trajectoryMap.vue
index 36e9860..e4f654d 100644
--- a/src/views/inspection/task/trajectoryMap.vue
+++ b/src/views/inspection/task/trajectoryMap.vue
@@ -1,12 +1,55 @@
 <script lang="ts" setup name="TrajectoryMap">
-// 地图显示的缩放级别
 import MapComponent from '@/components/map/Map.vue'
+import { getTaskDetailListPage } from '@/api/page/task'
 const dialogFormVisible = ref(false) // 对话框是否显示
 const center = ref([116.481485, 39.990464]) // 地图中心
+const mapRef = ref()
 const zoom = ref(10)
+const listQuery = ref({
+  offset: 20,
+  limit: 1,
+  id: '',
+})
+const timer = ref()
+const mapDraw = (data: any) => {
+  timer.value = setTimeout(() => {
+    if (mapRef.value?.isMap) {
+      mapRef.value?.drawLine(data)
+      clearTimeout(timer.value)
+      timer.value = null
+    }
+    else {
+      mapDraw(data)
+    }
+  }, 2000)
+}
 // 初始化对话框
-const initDialog = (row: any) => {
+const initDialog = (data: any) => {
   dialogFormVisible.value = true
+  listQuery.value = data
+  mapRef.value?.clearLine()
+  getTaskDetailListPage(listQuery.value).then((res) => {
+    const data = res.data.rows.map((item: any) => {
+      return {
+        ...item,
+
+        lat: item.lagitude,
+        lng: item.longitude,
+        position: item.position,
+        isAlarm: item.isAlarm === '1' ? '是' : '否',
+        time: item.ts,
+        value: item.gas,
+        dialog: 'taskDetail',
+      }
+    }).filter((item: any) => item.lat && item.lng)
+    if (!data.length) { return }
+    if (mapRef.value?.isMap) {
+      mapRef.value?.drawLine(data)
+    }
+    else {
+      mapDraw(data)
+    }
+  })
 }
 defineExpose({
   initDialog,
@@ -18,9 +61,9 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="轨迹追踪" append-to-body width="50%">
     <div class="container">
-      <map-component :center="center" :zoom="zoom" />
+      <map-component ref="mapRef" :center="center" :zoom="zoom" />
     </div>
     <template #footer>
       <div class="dialog-footer">
@@ -36,6 +79,7 @@
 .container {
   width: 100%;
   height: 500px;
+  overflow: hidden;
 }
 
 .el-dialog {
diff --git a/src/views/main/recognition/detail.vue b/src/views/main/recognition/detail.vue
index 6c6e6b9..284da7f 100644
--- a/src/views/main/recognition/detail.vue
+++ b/src/views/main/recognition/detail.vue
@@ -3,7 +3,7 @@
 import type { FormRules } from 'element-plus'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getDictByCode } from '@/api/system/dict'
-import { getGasDetail } from '@/api/page/gas'
+import { getIdentifyDetail } from '@/api/page/recognition'
 import alarmVideoDialog from '@/views/inspection/task/alarmVideoDialog.vue'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
@@ -47,9 +47,10 @@
 // 初始化对话框
 const initDialog = (row: any) => {
   dialogFormVisible.value = true
-  getGasDetail({ id: row.id }).then((res) => {
+  getIdentifyDetail({ id: row.id }).then((res) => {
+    console.log(res.data, '识别详情')
     areaForm.value = res.data
-    position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
+    // position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
   })
 }
 defineExpose({
@@ -78,67 +79,69 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="详情" append-to-body width="50%">
     <!-- 报警视频弹窗 -->
     <alarm-video-dialog ref="videoRef" />
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="报警编号">
+          <el-form-item label="智能识别编号">
             <el-input v-model.trim="areaForm.alarmCode" type="text" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="报警时间" disabled>
+          <el-form-item label="识别时间" disabled>
             <el-input v-model.trim="areaForm.alarmTime" type="text" disabled />
           </el-form-item>
         </el-col>
-        <!-- <el-col :span="24">
-          <el-form-item label="处置原因" prop="cancelReason">
-            <el-select v-model="areaForm.cancelReason" placeholder="必选" style="width: 100%;">
-              <el-option
-                v-for="item in cancelReasonList"
-                :key="item.value"
-                :label="item.name"
-                :value="item.value"
-              />
-            </el-select>
-          </el-form-item>
-        </el-col> -->
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="报警气体浓度(ppm·m)">
+          <el-form-item label="识别类型">
             <el-input v-model.trim="areaForm.alarmValue" type="text" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="报警阈值(ppm·m)">
+          <el-form-item label="识别经纬度">
             <el-input v-model.trim="areaForm.alarmThresh" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="报警经纬度">
+          <el-form-item label="识别位置">
             <el-input v-model.trim="position" type="text" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="报警位置">
+          <el-form-item label="识别准确度">
             <el-input v-model.trim="areaForm.position" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="巡检任务编号">
+          <el-form-item label="风险等级">
             <el-input v-model.trim="areaForm.taskCode" type="text" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
+          <el-form-item label="识别图片">
+            <el-button type="primary" :disabled="false" @click="preview('photo')">
+              浏览图片
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="巡检任务编号">
+            <el-input v-model.trim="areaForm.carPlate" type="text" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
           <el-form-item label="巡检任务名称">
-            <el-input v-model.trim="areaForm.taskName" type="text" disabled />
+            <el-input v-model.trim="areaForm.deviceModel" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
@@ -162,13 +165,6 @@
             </el-button>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item label="报警视频">
-            <el-button type="primary" :disabled="false" @click="preview('photo')">
-              浏览图片
-            </el-button>
-          </el-form-item>
-        </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">

diff --git a/src/api/map.ts b/src/api/map.ts
new file mode 100644
index 0000000..220d9f0
--- /dev/null
+++ b/src/api/map.ts
@@ -0,0 +1,14 @@
+import axios from 'axios'
+import useMapStore from '@/store/modules/map'
+const mapStore = useMapStore()
+// 根据地理信息获取经纬度
+export function getLatlng(address: string) {
+  // 例 address = 北京市
+  return axios.get(`https://restapi.amap.com/v3/geocode/geo?address=${address}&key=${mapStore.key}`)
+}
+// 根据经纬度获取详细位置信息
+export function getLocation(posotion: string) {
+  // 例子 posotion = 116.3254,39.1458
+  return axios.get(`https://restapi.amap.com/v3/place/around?location=${posotion}&key=${mapStore.key}&offset=1`)
+}
+
diff --git a/src/api/page/recognition.ts b/src/api/page/recognition.ts
index 6133636..bdc4cb6 100644
--- a/src/api/page/recognition.ts
+++ b/src/api/page/recognition.ts
@@ -10,3 +10,11 @@
     data: params,
   })
 }
+// 识别详情
+export function getIdentifyDetail(params: any) {
+  return request({
+    url: '/system/analysisRecognition/detail',
+    method: 'post',
+    data: params,
+  })
+}
diff --git a/src/components/map/components/car.vue b/src/components/map/components/car.vue
index c0af01c..5d21839 100644
--- a/src/components/map/components/car.vue
+++ b/src/components/map/components/car.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="CarDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
  <style lang="scss" scoped>
+  .value1 {
+    width: 220px;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
   .content {
     display: flex;
     padding: 4px 0;
diff --git a/src/components/map/components/gas.vue b/src/components/map/components/gas.vue
index 617d58d..a85adcd 100644
--- a/src/components/map/components/gas.vue
+++ b/src/components/map/components/gas.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="GasDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('/')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -51,14 +70,14 @@
       <div class="name">
         位置:
       </div>
-      <div class="value">
+      <div class="value value1">
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
@@ -66,6 +85,13 @@
 </template>
 
 <style lang="scss" scoped>
+.value1 {
+  width: 400px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .content {
   display: flex;
   padding: 4px 0;
diff --git a/src/components/map/components/task.vue b/src/components/map/components/task.vue
index c86d54a..1445ad6 100644
--- a/src/components/map/components/task.vue
+++ b/src/components/map/components/task.vue
@@ -1,10 +1,10 @@
-import { info } from 'console';
 <!--
   Description:巡检任务窗体内容
   Author: 李亚光
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDialog">
+import { ElMessage } from 'element-plus'
 import trackDialog from './track.vue'
 import { getTaskDetail } from '@/api/page/page'
 const $props = defineProps({
@@ -32,7 +32,7 @@
   //   [116.428945, 39.89663],
   // ]
   getTaskDetail({ taskId: $props.info.id }).then((res) => {
-    const data = res.data.rows.splice(0, 4).map((item: any, index: number) => {
+    const data = res.data.rows.map((item: any, index: number) => {
       return {
         ...item,
 
@@ -49,7 +49,12 @@
       }
     }).filter((item: any) => item.lat && item.lng)
     // 打开详情弹窗
-    trackRef.value?.initDialog(data)
+    if (data.length) {
+      trackRef.value?.initDialog(data)
+    }
+    else {
+      ElMessage.warning('暂无轨迹数据')
+    }
   })
 }
 </script>
diff --git a/src/components/map/components/taskDetail.vue b/src/components/map/components/taskDetail.vue
index d68ce27..904632c 100644
--- a/src/components/map/components/taskDetail.vue
+++ b/src/components/map/components/taskDetail.vue
@@ -4,6 +4,7 @@
   Date: 2023-05-10
  -->
 <script lang="ts" setup name="TaskDetailDialog">
+import { getLocation } from '@/api/map'
 const $props = defineProps({
   // 具体信息
   info: {
@@ -13,6 +14,24 @@
     }),
   },
 })
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  if (newVal.lng && newVal.lat) {
+    getLocation(`${newVal.lng},${newVal.lat}`).then((res) => {
+      if (res.data.info === 'OK') {
+        if (res.data.pois.length) {
+          position.value = res.data.pois[0].address
+        }
+        else {
+          position.value = '/'
+        }
+      }
+      else {
+        position.value = '/'
+      }
+    })
+  }
+}, { deep: true, immediate: true })
 </script>
 
 <template>
@@ -55,10 +74,10 @@
         <el-tooltip
           class="box-item"
           effect="dark"
-          :content="info.position"
+          :content="position"
           placement="bottom"
         >
-          {{ info?.position }}
+          {{ position }}
         </el-tooltip>
       </div>
     </div>
diff --git a/src/components/map/components/track.vue b/src/components/map/components/track.vue
index 4835e3e..a8168b4 100644
--- a/src/components/map/components/track.vue
+++ b/src/components/map/components/track.vue
@@ -4,7 +4,7 @@
 import useMapStore from '@/store/modules/map'
 const dialogVisible = ref(false)
 const mapStore = useMapStore() // 地图仓库
-const data = ref([])
+const data = ref<any[]>([])
 const initDialog = (list: any[]) => {
   dialogVisible.value = true
   data.value = list
diff --git a/src/store/modules/map.ts b/src/store/modules/map.ts
index f250790..4723959 100644
--- a/src/store/modules/map.ts
+++ b/src/store/modules/map.ts
@@ -5,8 +5,9 @@
   'map',
   {
     state: () => ({
-      amapSecurityCode: '182a2c5889f7fe6d90546d9b8f4781ad', // 安全密钥
-      amapKey: 'e1733551f35b56f6d8e9c0a9d4c2523b', // 高德地图key
+      amapSecurityCode: '97d2ecef3a6cc5da2c738d9715e96189', // 安全密钥(web端 jsapi)
+      amapKey: 'c1bf2af3e8eef90ebf265d4e896d9be6', // 高德地图key(web端 jsapi)
+      key: '4fcd0be10fd77c5327b5ede4e0053b22', // key(web服务)
       detailList: [] as any[], // 轨迹信息
     }),
     getters: {},
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ab99ced..2f63cb0 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -221,7 +221,6 @@
 }
 // 获取首页数据
 const fetchHome = async () => {
-  console.log(dateRef.value?.dateActive, 'dateRef.value?.dateActive')
   // 清空地图绘制
   mapRef.value?.clearDraw()
   // 获取车辆列表
diff --git a/src/views/inspection/gas/detail.vue b/src/views/inspection/gas/detail.vue
index 6c6e6b9..ba60c69 100644
--- a/src/views/inspection/gas/detail.vue
+++ b/src/views/inspection/gas/detail.vue
@@ -5,6 +5,7 @@
 import { getDictByCode } from '@/api/system/dict'
 import { getGasDetail } from '@/api/page/gas'
 import alarmVideoDialog from '@/views/inspection/task/alarmVideoDialog.vue'
+// import { getLocation } from '@/api/map'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
 const dialogFormVisible = ref(false) // 对话框是否显示
@@ -35,7 +36,7 @@
 const rules: FormRules = {
 } // 前端校验规则
 const position = ref('')
-
+const location = ref('')
 // 获取处置原因
 const cancelReasonList = ref<{ name: string;value: string;id: string }[]>()
 const fetchDict = () => {
@@ -50,6 +51,7 @@
   getGasDetail({ id: row.id }).then((res) => {
     areaForm.value = res.data
     position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
+    location.value = row.position
   })
 }
 defineExpose({
@@ -78,7 +80,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="详情" append-to-body width="50%">
     <!-- 报警视频弹窗 -->
     <alarm-video-dialog ref="videoRef" />
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
@@ -126,7 +128,7 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="报警位置">
-            <el-input v-model.trim="areaForm.position" type="text" disabled />
+            <el-input v-model.trim="location" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
diff --git a/src/views/inspection/gas/list.vue b/src/views/inspection/gas/list.vue
index 5da276d..851512e 100644
--- a/src/views/inspection/gas/list.vue
+++ b/src/views/inspection/gas/list.vue
@@ -12,9 +12,9 @@
 import { exportFile } from '@/utils/exportUtils'
 import type { TableColumn } from '@/components/NormalTable/table_interface'
 import { getGasListPage } from '@/api/page/gas'
+import { getLocation } from '@/api/map'
 const $router = useRouter()
 const { proxy } = getCurrentInstance() as any
-
 // 查询条件
 const listQuery: Ref<IListQuery> = ref({
   alarmCode: '', // 报警编号
@@ -67,6 +67,25 @@
   getGasListPage(listQuery.value).then((res) => {
     console.log(res.data, '燃气v报警')
     list.value = res.data.rows
+    list.value.forEach((item: any, index: number) => {
+      if (index > 1) {
+        return
+      }
+      getLocation(`${item.alarmLongitude},${item.alarmLatitude}`).then((res: any) => {
+        console.log(res.data, 'data')
+        if (res.data.info === 'OK') {
+          if (res.data.pois?.length) {
+            item.position = res.data.pois[0].address
+          }
+          else {
+            item.position = '/'
+          }
+        }
+        else {
+          item.position = '/'
+        }
+      })
+    })
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {
diff --git a/src/views/inspection/task/alarmVideoDialog.vue b/src/views/inspection/task/alarmVideoDialog.vue
index 50601d7..895cdb5 100644
--- a/src/views/inspection/task/alarmVideoDialog.vue
+++ b/src/views/inspection/task/alarmVideoDialog.vue
@@ -5,6 +5,7 @@
 const dialogFormVisible = ref(false) // 对话框是否显示
 const videoUrl = ref('')
 const type = ref('video')
+const baseUrl = import.meta.env.VITE_APP_API_BASEURL
 // 初始化对话框
 const initDialog = (row: any) => {
   dialogFormVisible.value = true
@@ -12,18 +13,26 @@
   if (row.type === 'video') {
     type.value = 'video'
     if (row.url) {
-      videoUrl.value = row.url
+      videoUrl.value = `${baseUrl}/static/${row.url}`
+      console.log('url:', videoUrl.value)
     }
     else {
       getAlarmVideo({ alarmCode: row.alarmCode }).then((res) => {
         videoUrl.value = res.data
-        ElMessage.success('获取视频成功')
+        if (res.data) {
+          console.log('url:', videoUrl.value)
+          ElMessage.success('获取视频成功')
+        }
+        else {
+          ElMessage.warning('暂无视频')
+        }
       })
     }
   }
   else if (row.type === 'photo') {
     type.value = 'photo'
-    videoUrl.value = `${'http://111.198.10.15:11646'}/${row.url}`
+    videoUrl.value = `${baseUrl}/static/${row.url}`
+    console.log('url:', videoUrl.value)
   }
 }
 defineExpose({
@@ -36,7 +45,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" :title="`报警${type === 'video' ? '视频' : '图片'}`" append-to-body width="50%">
     <div class="container">
       <video v-if="type === 'video'" autoplay style="width: 100%;" height="300" :src="videoUrl" controls />
       <img v-else style="width: 100%;" height="300" :src="videoUrl">
diff --git a/src/views/inspection/task/detail.vue b/src/views/inspection/task/detail.vue
index c5e1019..2f90e56 100644
--- a/src/views/inspection/task/detail.vue
+++ b/src/views/inspection/task/detail.vue
@@ -32,8 +32,8 @@
   { text: '垂直角度', value: 'pitch', align: 'center' },
   { text: '是否报警', value: 'isAlarm', align: 'center' },
   { text: '报警编号', value: 'alarmCode', align: 'center' },
-  // { text: '报警状态', value: 'modelName', align: 'center' },
-  { text: '报警阈值(ppm·m)', value: 'modelName', align: 'center' },
+  { text: '报警状态', value: 'processStatus', align: 'center' },
+  { text: '报警阈值(ppm·m)', value: 'alarmRule', align: 'center' },
   { text: '车速(km/h)', value: 'speed', align: 'center' },
   { text: '经度', value: 'longitude', align: 'center' },
   { text: '纬度', value: 'lagitude', align: 'center' },
@@ -61,7 +61,16 @@
   }
   getTaskDetailListPage(listQuery.value).then((res) => {
     console.log(res.data, '巡检总计列表')
-    list.value = res.data.rows.map((item: any) => ({ ...item, isAlarm: item.isAlarm === '1' ? '是' : '否' }))
+    list.value = res.data.rows.map((item: any) => ({
+      ...item,
+      isAlarm:
+       item.isAlarm === '1' ? '是' : '否',
+      alarmCode: item.alarmCode ? item.alarmCode : '/',
+      processStatus: item.processStatus ? item.processStatus : '/',
+      alarmRule: item.alarmRule ? item.alarmRule : '/',
+      longitude: item.longitude ? item.longitude : '/',
+      lagitude: item.lagitude ? item.lagitude : '/',
+    }))
     total.value = parseInt(res.data.total)
     loadingTable.value = false
   }).catch(() => {
@@ -129,7 +138,7 @@
 // 轨迹追踪
 const mapRef = ref()
 const showMap = () => {
-  mapRef.value.initDialog()
+  mapRef.value.initDialog(listQuery.value)
 }
 </script>
 
@@ -225,10 +234,10 @@
         <template #columns>
           <el-table-column label="操作" align="center" fixed="right" width="180">
             <template #default="{ row }">
-              <el-button size="small" link type="primary" :disabled="!(row.alarmCode && row.isAlarm === '是')" @click="alarmVideo(row)">
+              <el-button size="small" link type="primary" :disabled="!(row.alarmCode && row.processStatus === '未处置')" @click="alarmVideo(row)">
                 报警视频
               </el-button>
-              <el-button size="small" type="primary" :disabled="!(row.alarmCode && row.isAlarm === '是')" link @click="handlerAlarm(row)">
+              <el-button size="small" type="primary" :disabled="!(row.alarmCode && row.processStatus === '未处置')" link @click="handlerAlarm(row)">
                 报警处置
               </el-button>
             </template>
diff --git a/src/views/inspection/task/trajectoryMap.vue b/src/views/inspection/task/trajectoryMap.vue
index 36e9860..e4f654d 100644
--- a/src/views/inspection/task/trajectoryMap.vue
+++ b/src/views/inspection/task/trajectoryMap.vue
@@ -1,12 +1,55 @@
 <script lang="ts" setup name="TrajectoryMap">
-// 地图显示的缩放级别
 import MapComponent from '@/components/map/Map.vue'
+import { getTaskDetailListPage } from '@/api/page/task'
 const dialogFormVisible = ref(false) // 对话框是否显示
 const center = ref([116.481485, 39.990464]) // 地图中心
+const mapRef = ref()
 const zoom = ref(10)
+const listQuery = ref({
+  offset: 20,
+  limit: 1,
+  id: '',
+})
+const timer = ref()
+const mapDraw = (data: any) => {
+  timer.value = setTimeout(() => {
+    if (mapRef.value?.isMap) {
+      mapRef.value?.drawLine(data)
+      clearTimeout(timer.value)
+      timer.value = null
+    }
+    else {
+      mapDraw(data)
+    }
+  }, 2000)
+}
 // 初始化对话框
-const initDialog = (row: any) => {
+const initDialog = (data: any) => {
   dialogFormVisible.value = true
+  listQuery.value = data
+  mapRef.value?.clearLine()
+  getTaskDetailListPage(listQuery.value).then((res) => {
+    const data = res.data.rows.map((item: any) => {
+      return {
+        ...item,
+
+        lat: item.lagitude,
+        lng: item.longitude,
+        position: item.position,
+        isAlarm: item.isAlarm === '1' ? '是' : '否',
+        time: item.ts,
+        value: item.gas,
+        dialog: 'taskDetail',
+      }
+    }).filter((item: any) => item.lat && item.lng)
+    if (!data.length) { return }
+    if (mapRef.value?.isMap) {
+      mapRef.value?.drawLine(data)
+    }
+    else {
+      mapDraw(data)
+    }
+  })
 }
 defineExpose({
   initDialog,
@@ -18,9 +61,9 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="轨迹追踪" append-to-body width="50%">
     <div class="container">
-      <map-component :center="center" :zoom="zoom" />
+      <map-component ref="mapRef" :center="center" :zoom="zoom" />
     </div>
     <template #footer>
       <div class="dialog-footer">
@@ -36,6 +79,7 @@
 .container {
   width: 100%;
   height: 500px;
+  overflow: hidden;
 }
 
 .el-dialog {
diff --git a/src/views/main/recognition/detail.vue b/src/views/main/recognition/detail.vue
index 6c6e6b9..284da7f 100644
--- a/src/views/main/recognition/detail.vue
+++ b/src/views/main/recognition/detail.vue
@@ -3,7 +3,7 @@
 import type { FormRules } from 'element-plus'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { getDictByCode } from '@/api/system/dict'
-import { getGasDetail } from '@/api/page/gas'
+import { getIdentifyDetail } from '@/api/page/recognition'
 import alarmVideoDialog from '@/views/inspection/task/alarmVideoDialog.vue'
 const emits = defineEmits(['refresh'])
 const dataFormRef = ref()
@@ -47,9 +47,10 @@
 // 初始化对话框
 const initDialog = (row: any) => {
   dialogFormVisible.value = true
-  getGasDetail({ id: row.id }).then((res) => {
+  getIdentifyDetail({ id: row.id }).then((res) => {
+    console.log(res.data, '识别详情')
     areaForm.value = res.data
-    position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
+    // position.value = `${res.data.alarmLongitude},${res.data.alarmLatitude}`
   })
 }
 defineExpose({
@@ -78,67 +79,69 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" title="报警处置" append-to-body width="50%">
+  <el-dialog v-model="dialogFormVisible" title="详情" append-to-body width="50%">
     <!-- 报警视频弹窗 -->
     <alarm-video-dialog ref="videoRef" />
     <el-form ref="dataFormRef" :rules="rules" :model="areaForm" label-position="right" label-width="160px">
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="报警编号">
+          <el-form-item label="智能识别编号">
             <el-input v-model.trim="areaForm.alarmCode" type="text" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="报警时间" disabled>
+          <el-form-item label="识别时间" disabled>
             <el-input v-model.trim="areaForm.alarmTime" type="text" disabled />
           </el-form-item>
         </el-col>
-        <!-- <el-col :span="24">
-          <el-form-item label="处置原因" prop="cancelReason">
-            <el-select v-model="areaForm.cancelReason" placeholder="必选" style="width: 100%;">
-              <el-option
-                v-for="item in cancelReasonList"
-                :key="item.value"
-                :label="item.name"
-                :value="item.value"
-              />
-            </el-select>
-          </el-form-item>
-        </el-col> -->
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="报警气体浓度(ppm·m)">
+          <el-form-item label="识别类型">
             <el-input v-model.trim="areaForm.alarmValue" type="text" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="报警阈值(ppm·m)">
+          <el-form-item label="识别经纬度">
             <el-input v-model.trim="areaForm.alarmThresh" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="报警经纬度">
+          <el-form-item label="识别位置">
             <el-input v-model.trim="position" type="text" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item label="报警位置">
+          <el-form-item label="识别准确度">
             <el-input v-model.trim="areaForm.position" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
-          <el-form-item label="巡检任务编号">
+          <el-form-item label="风险等级">
             <el-input v-model.trim="areaForm.taskCode" type="text" disabled />
           </el-form-item>
         </el-col>
         <el-col :span="12">
+          <el-form-item label="识别图片">
+            <el-button type="primary" :disabled="false" @click="preview('photo')">
+              浏览图片
+            </el-button>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="24">
+        <el-col :span="12">
+          <el-form-item label="巡检任务编号">
+            <el-input v-model.trim="areaForm.carPlate" type="text" disabled />
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
           <el-form-item label="巡检任务名称">
-            <el-input v-model.trim="areaForm.taskName" type="text" disabled />
+            <el-input v-model.trim="areaForm.deviceModel" type="text" disabled />
           </el-form-item>
         </el-col>
       </el-row>
@@ -162,13 +165,6 @@
             </el-button>
           </el-form-item>
         </el-col>
-        <el-col :span="12">
-          <el-form-item label="报警视频">
-            <el-button type="primary" :disabled="false" @click="preview('photo')">
-              浏览图片
-            </el-button>
-          </el-form-item>
-        </el-col>
       </el-row>
       <el-row :gutter="24">
         <el-col :span="12">
diff --git a/src/views/main/recognition/index.vue b/src/views/main/recognition/index.vue
index 0a9c46a..bbdb5f4 100644
--- a/src/views/main/recognition/index.vue
+++ b/src/views/main/recognition/index.vue
@@ -17,6 +17,13 @@
 // 查询条件
 const listQuery = ref({
   recognitionCode: '', // 第三方code
+  recognitionType: '', // 识别类型
+  recognitionTime: '', // 识别时间
+  position: '', // 地理位置
+  recognitionPrecision: '', // 准确度
+  recognitionLevel: '', // 风险等级
+  taskName: '', // 任务名称
+  alarmStatus: '', // 报警状态
   offset: 1,
   limit: 20,
 })
@@ -24,35 +31,21 @@
 const loadingTable = ref(false) // 表格loading
 // 表头
 const columns = ref<TableColumn[]>([
-  { text: '第三方施工智能识别编号', value: 'recognitionCode', align: 'center', width: '160' },
+  { text: '智能识别编号', value: 'recognitionCode', align: 'center', width: '160' },
   { text: '识别类型', value: 'recognitionType', align: 'center' },
   { text: '识别时间', value: 'recognitionTime', align: 'center' },
-  { text: '识别经纬度', value: 'loglat', align: 'center' },
+  { text: '识别经纬度', value: 'longitude', align: 'center' },
   { text: '识别位置', value: 'position', align: 'center' },
   { text: '识别准确度', value: 'recognitionPrecision', align: 'center' },
   { text: '风险等级', value: 'recognitionLevel', align: 'center' },
   { text: '巡检任务名称', value: 'taskName', align: 'center' },
-  { text: '图片', value: 'taskName', align: 'center' },
-  { text: '报警状态', value: 'taskName', align: 'center' },
+  { text: '图片', value: 'alarmPicture', align: 'center' },
+  { text: '报警状态', value: 'alarmStatus', align: 'center' },
 ])
 const list = ref([]) // 表格数据
-// 筛选时间段数据
-const dateRange = ref<[DateModelType, DateModelType]>(['', ''])
 // 选中的内容
 const checkoutList = ref<string[]>([])
 
-// 时间变更
-watch(dateRange, (val) => {
-  if (val) {
-    listQuery.value.beginDate = `${val[0]}`
-    listQuery.value.endDate = `${val[1]}`
-  }
-  else {
-    listQuery.value.beginDate = ''
-    listQuery.value.endDate = ''
-  }
-})
-
 // 数据查询
 function fetchData(isNowPage = false) {
   loadingTable.value = true
@@ -77,17 +70,17 @@
 // 重置
 const reset = () => {
   listQuery.value = {
-    alarmCode: '', // 报警编号
-    beginDate: '', // 报警开始时间
-    endDate: '', // 报警结束时间
-    alarmType: '1',
-    taskName: '', // 巡检任务名称
-    // position: '', // 报警位置
+    recognitionCode: '', // 第三方code
+    recognitionType: '', // 识别类型
+    recognitionTime: '', // 识别时间
+    position: '', // 地理位置
+    recognitionPrecision: '', // 准确度
+    recognitionLevel: '', // 风险等级
+    taskName: '', // 任务名称
     alarmStatus: '', // 报警状态
     offset: 1,
     limit: 20,
   }
-  dateRange.value = ['', ''] // 时间清空
   fetchData(true)
 }
 
@@ -103,11 +96,6 @@
     text: '下载中请稍后',
     background: 'rgba(255, 255, 255, 0.8)',
   })
-  if (list.value.length > 0) {
-  }
-  else {
-    ElMessage.warning('无数据可导出数据')
-  }
   loading.close()
 }
 
@@ -124,22 +112,31 @@
 
 // 详情
 const detailRef = ref()
-const handleEdit = (row: any, pageType: 'edit' | 'detail') => {
-  // $router.push({ path: `/gasAlarm/${pageType}/${row.id}` })
+const handleEdit = (row: any) => {
   detailRef.value.initDialog(row)
 }
 // 处置报警
 const alarmRef = ref()
-const handlerAlarm = (row: IList) => {
+const handlerAlarm = (row: any) => {
   alarmRef.value.initDialog(row)
 }
-const alarmStatusMap = ref<dictType[]>([]) // 报警状态
 
 // 查询字典
+const identifyTypeList = ref<{ name: string;value: string;id: string }[]>() // 识别类型
+const riskGradeList = ref<{ name: string;value: string;id: string }[]>() // 风险等级
+const alarmStatusList = ref<{ name: string;value: string;id: string }[]>() // 报警状态
 const getDict = async () => {
-  // 巡检状态
+  // 识别类型
+  getDictByCode('identifyType').then((response) => {
+    identifyTypeList.value = response.data
+  })
+  // 风险等级
+  getDictByCode('riskGrade').then((response) => {
+    riskGradeList.value = response.data
+  })
+  // 报警状态
   getDictByCode('alarmStatus').then((response) => {
-    alarmStatusMap.value = response.data
+    alarmStatusList.value = response.data
   })
 }
 
@@ -160,47 +157,65 @@
       <search-item>
         <el-input
           v-model.trim="listQuery.recognitionCode"
-          placeholder="第三方施工智能识别编号"
+          placeholder="施工智能识别编号"
           class="short-input"
           clearable
         />
       </search-item>
       <search-item>
+        <el-select v-model="listQuery.recognitionType" class="short-input" placeholder="识别类型" clearable>
+          <el-option v-for="item in identifyTypeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+      <search-item>
         <el-date-picker
-          v-model="dateRange"
-          class="short-input"
-          type="datetimerange"
-          range-separator="至"
+          v-model="listQuery.recognitionTime"
+          type="datetime"
+          placeholder="识别时间"
           format="YYYY-MM-DD HH:mm:ss"
           value-format="YYYY-MM-DD HH:mm:ss"
-          start-placeholder="报警开始时间"
-          end-placeholder="报警结束时间"
         />
       </search-item>
       <search-item>
         <el-input
+          v-model.trim="listQuery.position"
+          placeholder="地理位置信息"
+          class="short-input"
+          clearable
+        />
+      </search-item>
+      <search-item>
+        <el-input
+          v-model.trim="listQuery.recognitionPrecision"
+          placeholder="识别准确度范围"
+          class="short-input"
+          clearable
+          style="width: 100%;"
+        />
+      </search-item>
+      <search-item>
+        <el-select v-model="listQuery.recognitionLevel" class="short-input" placeholder="风险等级" clearable>
+          <el-option v-for="item in riskGradeList" :key="item.id" :label="item.name" :value="item.value" />
+        </el-select>
+      </search-item>
+      <search-item>
+        <el-input
           v-model.trim="listQuery.taskName"
           placeholder="巡检任务名称"
           class="short-input"
           clearable
+          style="width: 100%;"
         />
       </search-item>
-      <!-- <search-item>
-        <el-input
-          v-model.trim="listQuery.position"
-          placeholder="报警位置"
-          class="short-input"
-          clearable
-        />
-      </search-item> -->
       <search-item>
         <el-select v-model="listQuery.alarmStatus" class="short-input" placeholder="报警状态" clearable>
-          <el-option v-for="item in alarmStatusMap" :key="item.id" :label="item.name" :value="item.value" />
+          <el-option v-for="item in alarmStatusList" :key="item.id" :label="item.name" :value="item.value" />
         </el-select>
       </search-item>
     </search-area>
     <table-container>
       <template #btns-right>
+        <icon-button icon="icon-delete" title="删除" type="primary" @click="exportList" />
         <icon-button icon="icon-export" title="导出" type="primary" @click="exportList" />
       </template>
       <normal-table