diff --git a/src/api/page/page.ts b/src/api/page/page.ts
index 1bc0346..ef6f6ad 100644
--- a/src/api/page/page.ts
+++ b/src/api/page/page.ts
@@ -3,7 +3,7 @@
 // 燃气报警列表
 export function getGasList(params: any) {
   return request({
-    url: '/alarm/listPage',
+    url: '/alarm/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -19,7 +19,7 @@
 // 巡检任务列表
 export function getTaskList(params: any) {
   return request({
-    url: '/system/busPatrolTask/listPage',
+    url: '/system/busPatrolTask/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -27,7 +27,23 @@
 // 巡检轨迹
 export function getTaskDetail(params: any) {
   return request({
-    url: '/system/busPatrolTrack/listPage',
+    url: '/system/busPatrolTrack/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 第三方智能识别
+export function getRecognition(params: any) {
+  return request({
+    url: '/system/analysisRecognition/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 风险耦合分析列表
+export function getAnalyse(params: any) {
+  return request({
+    url: '/system/analysisCoupling/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })

diff --git a/src/api/page/page.ts b/src/api/page/page.ts
index 1bc0346..ef6f6ad 100644
--- a/src/api/page/page.ts
+++ b/src/api/page/page.ts
@@ -3,7 +3,7 @@
 // 燃气报警列表
 export function getGasList(params: any) {
   return request({
-    url: '/alarm/listPage',
+    url: '/alarm/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -19,7 +19,7 @@
 // 巡检任务列表
 export function getTaskList(params: any) {
   return request({
-    url: '/system/busPatrolTask/listPage',
+    url: '/system/busPatrolTask/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -27,7 +27,23 @@
 // 巡检轨迹
 export function getTaskDetail(params: any) {
   return request({
-    url: '/system/busPatrolTrack/listPage',
+    url: '/system/busPatrolTrack/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 第三方智能识别
+export function getRecognition(params: any) {
+  return request({
+    url: '/system/analysisRecognition/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 风险耦合分析列表
+export function getAnalyse(params: any) {
+  return request({
+    url: '/system/analysisCoupling/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
diff --git a/src/components.d.ts b/src/components.d.ts
index 481c1e9..b324544 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -10,6 +10,7 @@
     AddNode: typeof import('./components/workFlow/addNode.vue')['default']
     AddNodeBan: typeof import('./components/workFlow/addNodeBan.vue')['default']
     AddressSelect: typeof import('./components/AddressSelect/AddressSelect.vue')['default']
+    Analyse: typeof import('./components/map/components/analyse.vue')['default']
     AppContainer: typeof import('./components/AppContainer/index.vue')['default']
     ApprovalDialog: typeof import('./components/Approval/ApprovalDialog.vue')['default']
     ApprovalRecord: typeof import('./components/ApprovalRecord/ApprovalRecord.vue')['default']
@@ -55,6 +56,7 @@
     PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     QrDialog: typeof import('./components/QrDialog/index.vue')['default']
+    Recognition: typeof import('./components/map/components/recognition.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     ScanSampleDialog: typeof import('./components/ScanSampleDialog/index.vue')['default']

diff --git a/src/api/page/page.ts b/src/api/page/page.ts
index 1bc0346..ef6f6ad 100644
--- a/src/api/page/page.ts
+++ b/src/api/page/page.ts
@@ -3,7 +3,7 @@
 // 燃气报警列表
 export function getGasList(params: any) {
   return request({
-    url: '/alarm/listPage',
+    url: '/alarm/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -19,7 +19,7 @@
 // 巡检任务列表
 export function getTaskList(params: any) {
   return request({
-    url: '/system/busPatrolTask/listPage',
+    url: '/system/busPatrolTask/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -27,7 +27,23 @@
 // 巡检轨迹
 export function getTaskDetail(params: any) {
   return request({
-    url: '/system/busPatrolTrack/listPage',
+    url: '/system/busPatrolTrack/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 第三方智能识别
+export function getRecognition(params: any) {
+  return request({
+    url: '/system/analysisRecognition/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 风险耦合分析列表
+export function getAnalyse(params: any) {
+  return request({
+    url: '/system/analysisCoupling/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
diff --git a/src/components.d.ts b/src/components.d.ts
index 481c1e9..b324544 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -10,6 +10,7 @@
     AddNode: typeof import('./components/workFlow/addNode.vue')['default']
     AddNodeBan: typeof import('./components/workFlow/addNodeBan.vue')['default']
     AddressSelect: typeof import('./components/AddressSelect/AddressSelect.vue')['default']
+    Analyse: typeof import('./components/map/components/analyse.vue')['default']
     AppContainer: typeof import('./components/AppContainer/index.vue')['default']
     ApprovalDialog: typeof import('./components/Approval/ApprovalDialog.vue')['default']
     ApprovalRecord: typeof import('./components/ApprovalRecord/ApprovalRecord.vue')['default']
@@ -55,6 +56,7 @@
     PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     QrDialog: typeof import('./components/QrDialog/index.vue')['default']
+    Recognition: typeof import('./components/map/components/recognition.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     ScanSampleDialog: typeof import('./components/ScanSampleDialog/index.vue')['default']
diff --git a/src/components/map/components/analyse.vue b/src/components/map/components/analyse.vue
new file mode 100644
index 0000000..1efb87a
--- /dev/null
+++ b/src/components/map/components/analyse.vue
@@ -0,0 +1,119 @@
+<!--
+  Description: 耦合分析窗体内容
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="AnalyseDialog">
+import { getLocation } from '@/api/map'
+const $props = defineProps({
+  // 具体信息
+  info: {
+    type: Object,
+    default: () => ({
+
+    }),
+  },
+})
+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>
+  <div class="container-gas">
+    <div class="top">
+      <div>{{ info?.couplingResult }}风险点({{ info?.couplingCode }})</div>
+      <div />
+    </div>
+    <div class="content">
+      <div class="name">
+        时间:
+      </div>
+      <div class="value">
+        {{ info?.ts }}
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        位置:
+      </div>
+      <div class="value value1">
+        <el-tooltip
+          class="box-item"
+          effect="dark"
+          :content="position"
+          placement="bottom"
+        >
+          {{ position }}
+        </el-tooltip>
+      </div>
+    </div>
+  </div>
+</template>
+
+  <style lang="scss" scoped>
+    .value1 {
+      width: 275px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .content {
+      display: flex;
+      padding: 4px 0;
+
+      .value {
+        margin-left: 6px;
+      }
+    }
+
+    .flag {
+      // padding: 4px;
+      border-radius: 10px;
+      padding: 0 8px;
+    }
+
+    .red {
+      background-color: #9f1919;
+    }
+
+    .green {
+      background-color: #2dbf00;
+    }
+
+    .container-gas {
+      color: #fff;
+      font-size: 18px;
+    }
+
+    // .item {
+    //   padding: 0 5px;
+    //   color: #111213;
+    //   font-size: 14px;
+    //   margin: 10px;
+    //   border-bottom: 1px solid #ccc;
+    //   display: flex;
+    //   justify-content: space-between;
+    // }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+    }
+  </style>

diff --git a/src/api/page/page.ts b/src/api/page/page.ts
index 1bc0346..ef6f6ad 100644
--- a/src/api/page/page.ts
+++ b/src/api/page/page.ts
@@ -3,7 +3,7 @@
 // 燃气报警列表
 export function getGasList(params: any) {
   return request({
-    url: '/alarm/listPage',
+    url: '/alarm/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -19,7 +19,7 @@
 // 巡检任务列表
 export function getTaskList(params: any) {
   return request({
-    url: '/system/busPatrolTask/listPage',
+    url: '/system/busPatrolTask/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -27,7 +27,23 @@
 // 巡检轨迹
 export function getTaskDetail(params: any) {
   return request({
-    url: '/system/busPatrolTrack/listPage',
+    url: '/system/busPatrolTrack/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 第三方智能识别
+export function getRecognition(params: any) {
+  return request({
+    url: '/system/analysisRecognition/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 风险耦合分析列表
+export function getAnalyse(params: any) {
+  return request({
+    url: '/system/analysisCoupling/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
diff --git a/src/components.d.ts b/src/components.d.ts
index 481c1e9..b324544 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -10,6 +10,7 @@
     AddNode: typeof import('./components/workFlow/addNode.vue')['default']
     AddNodeBan: typeof import('./components/workFlow/addNodeBan.vue')['default']
     AddressSelect: typeof import('./components/AddressSelect/AddressSelect.vue')['default']
+    Analyse: typeof import('./components/map/components/analyse.vue')['default']
     AppContainer: typeof import('./components/AppContainer/index.vue')['default']
     ApprovalDialog: typeof import('./components/Approval/ApprovalDialog.vue')['default']
     ApprovalRecord: typeof import('./components/ApprovalRecord/ApprovalRecord.vue')['default']
@@ -55,6 +56,7 @@
     PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     QrDialog: typeof import('./components/QrDialog/index.vue')['default']
+    Recognition: typeof import('./components/map/components/recognition.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     ScanSampleDialog: typeof import('./components/ScanSampleDialog/index.vue')['default']
diff --git a/src/components/map/components/analyse.vue b/src/components/map/components/analyse.vue
new file mode 100644
index 0000000..1efb87a
--- /dev/null
+++ b/src/components/map/components/analyse.vue
@@ -0,0 +1,119 @@
+<!--
+  Description: 耦合分析窗体内容
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="AnalyseDialog">
+import { getLocation } from '@/api/map'
+const $props = defineProps({
+  // 具体信息
+  info: {
+    type: Object,
+    default: () => ({
+
+    }),
+  },
+})
+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>
+  <div class="container-gas">
+    <div class="top">
+      <div>{{ info?.couplingResult }}风险点({{ info?.couplingCode }})</div>
+      <div />
+    </div>
+    <div class="content">
+      <div class="name">
+        时间:
+      </div>
+      <div class="value">
+        {{ info?.ts }}
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        位置:
+      </div>
+      <div class="value value1">
+        <el-tooltip
+          class="box-item"
+          effect="dark"
+          :content="position"
+          placement="bottom"
+        >
+          {{ position }}
+        </el-tooltip>
+      </div>
+    </div>
+  </div>
+</template>
+
+  <style lang="scss" scoped>
+    .value1 {
+      width: 275px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .content {
+      display: flex;
+      padding: 4px 0;
+
+      .value {
+        margin-left: 6px;
+      }
+    }
+
+    .flag {
+      // padding: 4px;
+      border-radius: 10px;
+      padding: 0 8px;
+    }
+
+    .red {
+      background-color: #9f1919;
+    }
+
+    .green {
+      background-color: #2dbf00;
+    }
+
+    .container-gas {
+      color: #fff;
+      font-size: 18px;
+    }
+
+    // .item {
+    //   padding: 0 5px;
+    //   color: #111213;
+    //   font-size: 14px;
+    //   margin: 10px;
+    //   border-bottom: 1px solid #ccc;
+    //   display: flex;
+    //   justify-content: space-between;
+    // }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+    }
+  </style>
diff --git a/src/components/map/components/recognition.vue b/src/components/map/components/recognition.vue
new file mode 100644
index 0000000..bf7bda6
--- /dev/null
+++ b/src/components/map/components/recognition.vue
@@ -0,0 +1,197 @@
+<!--
+  Description: 第三方识别分析窗体内容
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="RecognitionDialog">
+import { getLocation } from '@/api/map'
+const $props = defineProps({
+  // 具体信息
+  info: {
+    type: Object,
+    default: () => ({
+
+    }),
+  },
+})
+const baseUrl = import.meta.env.VITE_APP_API_BASEURL
+const showBig = ref(false)
+const show = () => {
+  showBig.value = !showBig.value
+}
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  showBig.value = false
+  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>
+  <div class="container-gas">
+    <div class="top">
+      <div>{{ info?.recognitionLevel }}风险点({{ info?.recognitionCode }})</div>
+      <div class="flag" :class="info?.alarmStatus === '已处置' ? 'green' : 'red'">
+        {{ info?.alarmStatus }}
+      </div>
+    </div>
+    <div class="content">
+      <div style="width: 50%;display: flex;">
+        <div class="name">
+          识别类型:
+        </div>
+        <div class="value">
+          {{ info?.recognitionType }}
+        </div>
+      </div>
+      <div style="width: 50%;display: flex;">
+        <div class="name">
+          识别准确度:
+        </div>
+        <div class="value">
+          {{ info?.recognitionPrecision }}
+        </div>
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        识别时间:
+      </div>
+      <div class="value">
+        {{ info?.recognitionTime }}
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        识别位置:
+      </div>
+      <div class="value value1">
+        <el-tooltip
+          class="box-item"
+          effect="dark"
+          :content="position"
+          placement="bottom"
+        >
+          {{ position }}
+        </el-tooltip>
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        识别图片:
+      </div>
+      <div class="value">
+        <el-image calss="img-alarm" style="width: 240px; height: 100px; position: relative;" :src="`${baseUrl}/static/${info?.alarmPicture}`" @click="show" />
+        <!-- 大图 -->
+        <div v-if="showBig" class="big-view-pic">
+          <el-image style="width: 550px; height: 350px; position: relative;" :src="`${baseUrl}/static/${info?.alarmPicture}`" />
+          <div class="big-view-pic-close" @click="show">
+            x
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+   <style lang="scss" scoped>
+    .img-alarm {
+      &:hover {
+        cursor: pointer;
+      }
+    }
+
+    .big-view-pic {
+      position: fixed;
+      z-index: 99999;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+
+      .big-view-pic-close {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        width: 44px;
+        height: 44px;
+        font-size: 24px;
+        color: #fff;
+        // background-color: #606266;
+        border-color: #fff;
+        border-radius: 50%;
+        text-align: center;
+        line-height: 44px;
+
+        &:hover {
+          cursor: pointer;
+        }
+      }
+    }
+    // ::v-deep(.el-image-viewer__wrapper) {
+    //   z-index: 99999 !important;
+    // }
+
+    .value1 {
+      width: 245px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .content {
+      display: flex;
+      padding: 4px 0;
+
+      .value {
+        margin-left: 6px;
+        position: relative;
+      }
+    }
+
+    .flag {
+      // padding: 4px;
+      border-radius: 10px;
+      padding: 0 8px;
+    }
+
+    .red {
+      background-color: #9f1919;
+    }
+
+    .green {
+      background-color: #2dbf00;
+    }
+
+    .container-gas {
+      color: #fff;
+      font-size: 18px;
+    }
+
+    // .item {
+    //   padding: 0 5px;
+    //   color: #111213;
+    //   font-size: 14px;
+    //   margin: 10px;
+    //   border-bottom: 1px solid #ccc;
+    //   display: flex;
+    //   justify-content: space-between;
+    // }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+    }
+   </style>

diff --git a/src/api/page/page.ts b/src/api/page/page.ts
index 1bc0346..ef6f6ad 100644
--- a/src/api/page/page.ts
+++ b/src/api/page/page.ts
@@ -3,7 +3,7 @@
 // 燃气报警列表
 export function getGasList(params: any) {
   return request({
-    url: '/alarm/listPage',
+    url: '/alarm/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -19,7 +19,7 @@
 // 巡检任务列表
 export function getTaskList(params: any) {
   return request({
-    url: '/system/busPatrolTask/listPage',
+    url: '/system/busPatrolTask/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -27,7 +27,23 @@
 // 巡检轨迹
 export function getTaskDetail(params: any) {
   return request({
-    url: '/system/busPatrolTrack/listPage',
+    url: '/system/busPatrolTrack/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 第三方智能识别
+export function getRecognition(params: any) {
+  return request({
+    url: '/system/analysisRecognition/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 风险耦合分析列表
+export function getAnalyse(params: any) {
+  return request({
+    url: '/system/analysisCoupling/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
diff --git a/src/components.d.ts b/src/components.d.ts
index 481c1e9..b324544 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -10,6 +10,7 @@
     AddNode: typeof import('./components/workFlow/addNode.vue')['default']
     AddNodeBan: typeof import('./components/workFlow/addNodeBan.vue')['default']
     AddressSelect: typeof import('./components/AddressSelect/AddressSelect.vue')['default']
+    Analyse: typeof import('./components/map/components/analyse.vue')['default']
     AppContainer: typeof import('./components/AppContainer/index.vue')['default']
     ApprovalDialog: typeof import('./components/Approval/ApprovalDialog.vue')['default']
     ApprovalRecord: typeof import('./components/ApprovalRecord/ApprovalRecord.vue')['default']
@@ -55,6 +56,7 @@
     PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     QrDialog: typeof import('./components/QrDialog/index.vue')['default']
+    Recognition: typeof import('./components/map/components/recognition.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     ScanSampleDialog: typeof import('./components/ScanSampleDialog/index.vue')['default']
diff --git a/src/components/map/components/analyse.vue b/src/components/map/components/analyse.vue
new file mode 100644
index 0000000..1efb87a
--- /dev/null
+++ b/src/components/map/components/analyse.vue
@@ -0,0 +1,119 @@
+<!--
+  Description: 耦合分析窗体内容
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="AnalyseDialog">
+import { getLocation } from '@/api/map'
+const $props = defineProps({
+  // 具体信息
+  info: {
+    type: Object,
+    default: () => ({
+
+    }),
+  },
+})
+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>
+  <div class="container-gas">
+    <div class="top">
+      <div>{{ info?.couplingResult }}风险点({{ info?.couplingCode }})</div>
+      <div />
+    </div>
+    <div class="content">
+      <div class="name">
+        时间:
+      </div>
+      <div class="value">
+        {{ info?.ts }}
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        位置:
+      </div>
+      <div class="value value1">
+        <el-tooltip
+          class="box-item"
+          effect="dark"
+          :content="position"
+          placement="bottom"
+        >
+          {{ position }}
+        </el-tooltip>
+      </div>
+    </div>
+  </div>
+</template>
+
+  <style lang="scss" scoped>
+    .value1 {
+      width: 275px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .content {
+      display: flex;
+      padding: 4px 0;
+
+      .value {
+        margin-left: 6px;
+      }
+    }
+
+    .flag {
+      // padding: 4px;
+      border-radius: 10px;
+      padding: 0 8px;
+    }
+
+    .red {
+      background-color: #9f1919;
+    }
+
+    .green {
+      background-color: #2dbf00;
+    }
+
+    .container-gas {
+      color: #fff;
+      font-size: 18px;
+    }
+
+    // .item {
+    //   padding: 0 5px;
+    //   color: #111213;
+    //   font-size: 14px;
+    //   margin: 10px;
+    //   border-bottom: 1px solid #ccc;
+    //   display: flex;
+    //   justify-content: space-between;
+    // }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+    }
+  </style>
diff --git a/src/components/map/components/recognition.vue b/src/components/map/components/recognition.vue
new file mode 100644
index 0000000..bf7bda6
--- /dev/null
+++ b/src/components/map/components/recognition.vue
@@ -0,0 +1,197 @@
+<!--
+  Description: 第三方识别分析窗体内容
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="RecognitionDialog">
+import { getLocation } from '@/api/map'
+const $props = defineProps({
+  // 具体信息
+  info: {
+    type: Object,
+    default: () => ({
+
+    }),
+  },
+})
+const baseUrl = import.meta.env.VITE_APP_API_BASEURL
+const showBig = ref(false)
+const show = () => {
+  showBig.value = !showBig.value
+}
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  showBig.value = false
+  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>
+  <div class="container-gas">
+    <div class="top">
+      <div>{{ info?.recognitionLevel }}风险点({{ info?.recognitionCode }})</div>
+      <div class="flag" :class="info?.alarmStatus === '已处置' ? 'green' : 'red'">
+        {{ info?.alarmStatus }}
+      </div>
+    </div>
+    <div class="content">
+      <div style="width: 50%;display: flex;">
+        <div class="name">
+          识别类型:
+        </div>
+        <div class="value">
+          {{ info?.recognitionType }}
+        </div>
+      </div>
+      <div style="width: 50%;display: flex;">
+        <div class="name">
+          识别准确度:
+        </div>
+        <div class="value">
+          {{ info?.recognitionPrecision }}
+        </div>
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        识别时间:
+      </div>
+      <div class="value">
+        {{ info?.recognitionTime }}
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        识别位置:
+      </div>
+      <div class="value value1">
+        <el-tooltip
+          class="box-item"
+          effect="dark"
+          :content="position"
+          placement="bottom"
+        >
+          {{ position }}
+        </el-tooltip>
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        识别图片:
+      </div>
+      <div class="value">
+        <el-image calss="img-alarm" style="width: 240px; height: 100px; position: relative;" :src="`${baseUrl}/static/${info?.alarmPicture}`" @click="show" />
+        <!-- 大图 -->
+        <div v-if="showBig" class="big-view-pic">
+          <el-image style="width: 550px; height: 350px; position: relative;" :src="`${baseUrl}/static/${info?.alarmPicture}`" />
+          <div class="big-view-pic-close" @click="show">
+            x
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+   <style lang="scss" scoped>
+    .img-alarm {
+      &:hover {
+        cursor: pointer;
+      }
+    }
+
+    .big-view-pic {
+      position: fixed;
+      z-index: 99999;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+
+      .big-view-pic-close {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        width: 44px;
+        height: 44px;
+        font-size: 24px;
+        color: #fff;
+        // background-color: #606266;
+        border-color: #fff;
+        border-radius: 50%;
+        text-align: center;
+        line-height: 44px;
+
+        &:hover {
+          cursor: pointer;
+        }
+      }
+    }
+    // ::v-deep(.el-image-viewer__wrapper) {
+    //   z-index: 99999 !important;
+    // }
+
+    .value1 {
+      width: 245px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .content {
+      display: flex;
+      padding: 4px 0;
+
+      .value {
+        margin-left: 6px;
+        position: relative;
+      }
+    }
+
+    .flag {
+      // padding: 4px;
+      border-radius: 10px;
+      padding: 0 8px;
+    }
+
+    .red {
+      background-color: #9f1919;
+    }
+
+    .green {
+      background-color: #2dbf00;
+    }
+
+    .container-gas {
+      color: #fff;
+      font-size: 18px;
+    }
+
+    // .item {
+    //   padding: 0 5px;
+    //   color: #111213;
+    //   font-size: 14px;
+    //   margin: 10px;
+    //   border-bottom: 1px solid #ccc;
+    //   display: flex;
+    //   justify-content: space-between;
+    // }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+    }
+   </style>
diff --git a/src/components/map/infoDialog.vue b/src/components/map/infoDialog.vue
index d349809..36f021e 100644
--- a/src/components/map/infoDialog.vue
+++ b/src/components/map/infoDialog.vue
@@ -7,6 +7,8 @@
 import gas from './components/gas.vue'
 import car from './components/car.vue'
 import taskDetail from './components/taskDetail.vue'
+import analyse from './components/analyse.vue'
+import recognition from './components/recognition.vue'
 const overlay = ref()
 const infoWindow = ref()
 // 节点信息
@@ -43,6 +45,8 @@
     <car v-if="type === 'car'" :info="info" />
     <task v-if="type === 'task'" :info="info" />
     <task-detail v-if="type === 'taskDetail'" :info="info" />
+    <analyse v-if="type === 'analyse'" :info="info" />
+    <recognition v-if="type === 'recognition'" :info="info" />
   </div>
 </template>
 
@@ -66,6 +70,16 @@
   height: 200px !important;
 }
 
+.analyse {
+  width: 350px !important;
+  height: 140px !important;
+}
+
+.recognition {
+  width: 350px !important;
+  height: 280px !important;
+}
+
 .container {
   color: #fff;
   width: 470px;

diff --git a/src/api/page/page.ts b/src/api/page/page.ts
index 1bc0346..ef6f6ad 100644
--- a/src/api/page/page.ts
+++ b/src/api/page/page.ts
@@ -3,7 +3,7 @@
 // 燃气报警列表
 export function getGasList(params: any) {
   return request({
-    url: '/alarm/listPage',
+    url: '/alarm/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -19,7 +19,7 @@
 // 巡检任务列表
 export function getTaskList(params: any) {
   return request({
-    url: '/system/busPatrolTask/listPage',
+    url: '/system/busPatrolTask/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
@@ -27,7 +27,23 @@
 // 巡检轨迹
 export function getTaskDetail(params: any) {
   return request({
-    url: '/system/busPatrolTrack/listPage',
+    url: '/system/busPatrolTrack/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 第三方智能识别
+export function getRecognition(params: any) {
+  return request({
+    url: '/system/analysisRecognition/listPage?offset=1&limit=20',
+    method: 'post',
+    data: params,
+  })
+}
+// 风险耦合分析列表
+export function getAnalyse(params: any) {
+  return request({
+    url: '/system/analysisCoupling/listPage?offset=1&limit=20',
     method: 'post',
     data: params,
   })
diff --git a/src/components.d.ts b/src/components.d.ts
index 481c1e9..b324544 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -10,6 +10,7 @@
     AddNode: typeof import('./components/workFlow/addNode.vue')['default']
     AddNodeBan: typeof import('./components/workFlow/addNodeBan.vue')['default']
     AddressSelect: typeof import('./components/AddressSelect/AddressSelect.vue')['default']
+    Analyse: typeof import('./components/map/components/analyse.vue')['default']
     AppContainer: typeof import('./components/AppContainer/index.vue')['default']
     ApprovalDialog: typeof import('./components/Approval/ApprovalDialog.vue')['default']
     ApprovalRecord: typeof import('./components/ApprovalRecord/ApprovalRecord.vue')['default']
@@ -55,6 +56,7 @@
     PieChart: typeof import('./components/Echart/PieChart.vue')['default']
     PromoterDrawer: typeof import('./components/drawer/promoterDrawer.vue')['default']
     QrDialog: typeof import('./components/QrDialog/index.vue')['default']
+    Recognition: typeof import('./components/map/components/recognition.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     ScanSampleDialog: typeof import('./components/ScanSampleDialog/index.vue')['default']
diff --git a/src/components/map/components/analyse.vue b/src/components/map/components/analyse.vue
new file mode 100644
index 0000000..1efb87a
--- /dev/null
+++ b/src/components/map/components/analyse.vue
@@ -0,0 +1,119 @@
+<!--
+  Description: 耦合分析窗体内容
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="AnalyseDialog">
+import { getLocation } from '@/api/map'
+const $props = defineProps({
+  // 具体信息
+  info: {
+    type: Object,
+    default: () => ({
+
+    }),
+  },
+})
+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>
+  <div class="container-gas">
+    <div class="top">
+      <div>{{ info?.couplingResult }}风险点({{ info?.couplingCode }})</div>
+      <div />
+    </div>
+    <div class="content">
+      <div class="name">
+        时间:
+      </div>
+      <div class="value">
+        {{ info?.ts }}
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        位置:
+      </div>
+      <div class="value value1">
+        <el-tooltip
+          class="box-item"
+          effect="dark"
+          :content="position"
+          placement="bottom"
+        >
+          {{ position }}
+        </el-tooltip>
+      </div>
+    </div>
+  </div>
+</template>
+
+  <style lang="scss" scoped>
+    .value1 {
+      width: 275px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .content {
+      display: flex;
+      padding: 4px 0;
+
+      .value {
+        margin-left: 6px;
+      }
+    }
+
+    .flag {
+      // padding: 4px;
+      border-radius: 10px;
+      padding: 0 8px;
+    }
+
+    .red {
+      background-color: #9f1919;
+    }
+
+    .green {
+      background-color: #2dbf00;
+    }
+
+    .container-gas {
+      color: #fff;
+      font-size: 18px;
+    }
+
+    // .item {
+    //   padding: 0 5px;
+    //   color: #111213;
+    //   font-size: 14px;
+    //   margin: 10px;
+    //   border-bottom: 1px solid #ccc;
+    //   display: flex;
+    //   justify-content: space-between;
+    // }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+    }
+  </style>
diff --git a/src/components/map/components/recognition.vue b/src/components/map/components/recognition.vue
new file mode 100644
index 0000000..bf7bda6
--- /dev/null
+++ b/src/components/map/components/recognition.vue
@@ -0,0 +1,197 @@
+<!--
+  Description: 第三方识别分析窗体内容
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="RecognitionDialog">
+import { getLocation } from '@/api/map'
+const $props = defineProps({
+  // 具体信息
+  info: {
+    type: Object,
+    default: () => ({
+
+    }),
+  },
+})
+const baseUrl = import.meta.env.VITE_APP_API_BASEURL
+const showBig = ref(false)
+const show = () => {
+  showBig.value = !showBig.value
+}
+const position = ref('')
+watch(() => $props.info, (newVal) => {
+  showBig.value = false
+  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>
+  <div class="container-gas">
+    <div class="top">
+      <div>{{ info?.recognitionLevel }}风险点({{ info?.recognitionCode }})</div>
+      <div class="flag" :class="info?.alarmStatus === '已处置' ? 'green' : 'red'">
+        {{ info?.alarmStatus }}
+      </div>
+    </div>
+    <div class="content">
+      <div style="width: 50%;display: flex;">
+        <div class="name">
+          识别类型:
+        </div>
+        <div class="value">
+          {{ info?.recognitionType }}
+        </div>
+      </div>
+      <div style="width: 50%;display: flex;">
+        <div class="name">
+          识别准确度:
+        </div>
+        <div class="value">
+          {{ info?.recognitionPrecision }}
+        </div>
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        识别时间:
+      </div>
+      <div class="value">
+        {{ info?.recognitionTime }}
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        识别位置:
+      </div>
+      <div class="value value1">
+        <el-tooltip
+          class="box-item"
+          effect="dark"
+          :content="position"
+          placement="bottom"
+        >
+          {{ position }}
+        </el-tooltip>
+      </div>
+    </div>
+    <div class="content">
+      <div class="name">
+        识别图片:
+      </div>
+      <div class="value">
+        <el-image calss="img-alarm" style="width: 240px; height: 100px; position: relative;" :src="`${baseUrl}/static/${info?.alarmPicture}`" @click="show" />
+        <!-- 大图 -->
+        <div v-if="showBig" class="big-view-pic">
+          <el-image style="width: 550px; height: 350px; position: relative;" :src="`${baseUrl}/static/${info?.alarmPicture}`" />
+          <div class="big-view-pic-close" @click="show">
+            x
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+   <style lang="scss" scoped>
+    .img-alarm {
+      &:hover {
+        cursor: pointer;
+      }
+    }
+
+    .big-view-pic {
+      position: fixed;
+      z-index: 99999;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+
+      .big-view-pic-close {
+        position: absolute;
+        top: 5px;
+        right: 5px;
+        width: 44px;
+        height: 44px;
+        font-size: 24px;
+        color: #fff;
+        // background-color: #606266;
+        border-color: #fff;
+        border-radius: 50%;
+        text-align: center;
+        line-height: 44px;
+
+        &:hover {
+          cursor: pointer;
+        }
+      }
+    }
+    // ::v-deep(.el-image-viewer__wrapper) {
+    //   z-index: 99999 !important;
+    // }
+
+    .value1 {
+      width: 245px;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    .content {
+      display: flex;
+      padding: 4px 0;
+
+      .value {
+        margin-left: 6px;
+        position: relative;
+      }
+    }
+
+    .flag {
+      // padding: 4px;
+      border-radius: 10px;
+      padding: 0 8px;
+    }
+
+    .red {
+      background-color: #9f1919;
+    }
+
+    .green {
+      background-color: #2dbf00;
+    }
+
+    .container-gas {
+      color: #fff;
+      font-size: 18px;
+    }
+
+    // .item {
+    //   padding: 0 5px;
+    //   color: #111213;
+    //   font-size: 14px;
+    //   margin: 10px;
+    //   border-bottom: 1px solid #ccc;
+    //   display: flex;
+    //   justify-content: space-between;
+    // }
+
+    .top {
+      display: flex;
+      justify-content: space-between;
+    }
+   </style>
diff --git a/src/components/map/infoDialog.vue b/src/components/map/infoDialog.vue
index d349809..36f021e 100644
--- a/src/components/map/infoDialog.vue
+++ b/src/components/map/infoDialog.vue
@@ -7,6 +7,8 @@
 import gas from './components/gas.vue'
 import car from './components/car.vue'
 import taskDetail from './components/taskDetail.vue'
+import analyse from './components/analyse.vue'
+import recognition from './components/recognition.vue'
 const overlay = ref()
 const infoWindow = ref()
 // 节点信息
@@ -43,6 +45,8 @@
     <car v-if="type === 'car'" :info="info" />
     <task v-if="type === 'task'" :info="info" />
     <task-detail v-if="type === 'taskDetail'" :info="info" />
+    <analyse v-if="type === 'analyse'" :info="info" />
+    <recognition v-if="type === 'recognition'" :info="info" />
   </div>
 </template>
 
@@ -66,6 +70,16 @@
   height: 200px !important;
 }
 
+.analyse {
+  width: 350px !important;
+  height: 140px !important;
+}
+
+.recognition {
+  width: 350px !important;
+  height: 280px !important;
+}
+
 .container {
   color: #fff;
   width: 470px;
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 77248f0..d73b679 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -2,6 +2,7 @@
 <script name="Home" setup lang="ts">
 import { ref } from 'vue'
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import statisticsData from './components/statistics.vue'
 import dateSelect from './components/date.vue'
 import useMapStore from '@/store/modules/map'
@@ -23,7 +24,17 @@
 import car1 from '@/assets/images/点位图标/点位图标/首页/巡检车在线.png'
 import car2 from '@/assets/images/点位图标/点位图标/首页/巡检车离线.png'
 import task from '@/assets/images/点位图标/点位图标/首页/巡检任务.png'
-import { getCarList, getGasList, getTaskList } from '@/api/page/page'
+import analyse1 from '@/assets/images/点位图标/点位图标/耦合/正常.png'
+import analyse2 from '@/assets/images/点位图标/点位图标/耦合/低风险.png'
+import analyse3 from '@/assets/images/点位图标/点位图标/耦合/一般风险.png'
+import analyse4 from '@/assets/images/点位图标/点位图标/耦合/较高风险.png'
+import analyse5 from '@/assets/images/点位图标/点位图标/耦合/严重风险.png'
+import recognition1 from '@/assets/images/点位图标/点位图标/识别/正常.png'
+import recognition2 from '@/assets/images/点位图标/点位图标/识别/低风险.png'
+import recognition3 from '@/assets/images/点位图标/点位图标/识别/一般风险.png'
+import recognition4 from '@/assets/images/点位图标/点位图标/识别/较高风险.png'
+import recognition5 from '@/assets/images/点位图标/点位图标/识别/严重风险.png'
+import { getAnalyse, getCarList, getGasList, getRecognition, getTaskList } from '@/api/page/page'
 const mapRef = ref() // 地图实例
 const mapStore = useMapStore() // 地图仓库
 watch(() => mapStore.detailList, (newVal) => {
@@ -38,13 +49,14 @@
 })
 const center = ref([116.26759100, 39.91563500]) // 地图中心
 const zoom = ref(17) // 地图显示的缩放级别
-
+const pegeLoading = ref(false)
 // 日期选择组件实例
 const dateRef = ref()
 // 日期选择top距离
 const dateTop = ref(0)
 // 菜单选中
 const select = ref(0)
+const preSelect = ref(0)
 // 条件菜单选中
 const cselect = ref<string[]>(['0', '1'])
 // 菜单列表
@@ -90,27 +102,27 @@
     menu: [
       {
         name: '正常',
-        value: '0',
+        value: '正常',
         color: '#2DBF00',
       },
       {
         name: '低风险',
-        value: '1',
+        value: '低风险',
         color: '#2763BC',
       },
       {
         name: '一般风险',
-        value: '2',
+        value: '一般风险',
         color: '#FFD800',
       },
       {
         name: '较高风险',
-        value: '3',
+        value: '较高风险',
         color: '#D98200',
       },
       {
         name: '严重风险',
-        value: '4',
+        value: '严重风险',
         color: '#9F1919',
       },
     ],
@@ -120,28 +132,28 @@
     icon: occupyIcon,
     check: occupyCheck,
     menu: [
+      // {
+      //   name: '正常',
+      //   value: '0',
+      //   color: '#2DBF00',
+      // },
+      // {
+      //   name: '低风险',
+      //   value: '1',
+      //   color: '#2763BC',
+      // },
       {
-        name: '正常',
-        value: '0',
-        color: '#2DBF00',
-      },
-      {
-        name: '低风险',
-        value: '1',
-        color: '#2763BC',
-      },
-      {
-        name: '一般风险',
+        name: '较小隐患',
         value: '2',
         color: '#FFD800',
       },
       {
-        name: '较高风险',
+        name: '一般隐患',
         value: '3',
         color: '#D98200',
       },
       {
-        name: '严重风险',
+        name: '重大隐患',
         value: '4',
         color: '#9F1919',
       },
@@ -152,29 +164,29 @@
     icon: couplingIcon,
     check: couplingCheck,
     menu: [
-      {
-        name: '正常',
-        value: '0',
-        color: '#2DBF00',
-      },
+      // {
+      //   name: '正常',
+      //   value: '0',
+      //   color: '#2DBF00',
+      // },
       {
         name: '低风险',
-        value: '1',
+        value: '低风险',
         color: '#2763BC',
       },
       {
-        name: '一般风险',
-        value: '2',
+        name: '中风险',
+        value: '中风险',
         color: '#FFD800',
       },
       {
         name: '较高风险',
-        value: '3',
+        value: '较高风险',
         color: '#D98200',
       },
       {
         name: '严重风险',
-        value: '4',
+        value: '严重风险',
         color: '#9F1919',
       },
     ],
@@ -188,7 +200,11 @@
 
 // 切换菜单
 const change = (index: number) => {
+  if (pegeLoading.value) {
+    return
+  }
   if (index === 5) {
+    preSelect.value = select.value
     const ele = document.getElementById('menu-item5')
     dateTop.value = ele?.getBoundingClientRect().top as number
     select.value = index
@@ -207,6 +223,9 @@
 })
 // 改变条件菜单
 const cchange = (value: string) => {
+  if (pegeLoading.value) {
+    return
+  }
   if (cselect.value.includes(value)) {
     cselect.value = cselect.value.filter((item: string) => item !== value)
   }
@@ -217,14 +236,13 @@
 }
 // 确认日期
 const confirmData = () => {
-  change(0)
+  change(preSelect.value)
 }
 // 获取首页数据
 const fetchHome = async () => {
-  // 清空地图绘制
-  mapRef.value?.clearDraw()
   // 获取车辆列表
   const fetchCar = async () => {
+    pegeLoading.value = true
     const res1 = await getCarList({})
     console.log(res1, '车')
     const data1 = res1.data.map((item: any) => {
@@ -241,10 +259,12 @@
     }).filter((item: any) => item.lat && item.lng)
     // 绘制标记点
     // mapRef.value.drawPonit(data1)
+    pegeLoading.value = false
     return data1
   }
   // 获取任务列表
   const fetchTask = async () => {
+    pegeLoading.value = true
     const res2 = await getTaskList({
       beginDate: dateRef.value?.dateActive,
       endDate: dayjs().format('YYYY-MM-DD HH:mm:ss'),
@@ -261,6 +281,7 @@
     }).filter((item: any) => item.lat && item.lng)
     // 绘制标记点
     // mapRef.value.drawPonit(data2)
+    pegeLoading.value = false
     return data2
   }
   // 车0 任务1
@@ -268,15 +289,27 @@
     const res1 = await fetchCar()
     const res2 = await fetchTask()
     // 绘制标记点
+    if (!res1.length) {
+      ElMessage.warning('暂无巡检车数据')
+    }
+    if (!res2.length) {
+      ElMessage.warning('暂无巡检任务数据')
+    }
     mapRef.value.drawPonit([...res1, ...res2])
   }
   else if (cselect.value.length === 1) {
     if (cselect.value.includes('0')) {
       const res = await fetchCar()
+      if (!res.length) {
+        ElMessage.warning('暂无巡检车数据')
+      }
       mapRef.value.drawPonit(res)
     }
     else if (cselect.value.includes('1')) {
       const res = await fetchTask()
+      if (!res.length) {
+        ElMessage.warning('暂无巡检任务数据')
+      }
       mapRef.value.drawPonit(res)
     }
   }
@@ -288,11 +321,7 @@
 }
 // 获取甲烷数据
 const fetchGas = () => {
-  // if (!cselect.value.length) {
-  //   // 清空地图绘制
-  //   mapRef.value?.clearDraw()
-  //   return
-  // }
+  pegeLoading.value = true
   getGasList({
     alarmType: '1',
     alarmStatus: cselect.value.length === 2 ? '' : cselect.value[0], // 报警状态
@@ -310,8 +339,119 @@
         dialog: 'gas',
       }
     }).filter((item: any) => item.lat && item.lng)
+    if (!data.length) {
+      ElMessage.warning('暂无甲烷数据')
+    }
     // 绘制标记点
     mapRef.value.drawPonit(data)
+    pegeLoading.value = false
+  }).catch(() => {
+    pegeLoading.value = false
+  })
+}
+// 获取第三方智能识别
+const fetchRecognition = () => {
+  pegeLoading.value = true
+  getRecognition({
+    beginDate: dateRef.value?.dateActive, // 报警开始时间
+    endDate: dayjs().format('YYYY-MM-DD HH:mm:ss'), // 报警结束时间
+  }).then((res) => {
+    console.log(res.data, '第三方智能识别')
+    // recognitionLevel
+    const data = res.data.rows.map((item: any) => {
+      let icon = ''
+      switch (item.recognitionLevel) {
+        case '正常':
+          icon = recognition1
+          break
+        case '低风险':
+          icon = recognition2
+          break
+        case '一般风险':
+          icon = recognition3
+          break
+        case '较高风险':
+          icon = recognition4
+          break
+        case '严重风险':
+          icon = recognition5
+          break
+      }
+      return {
+        ...item,
+        // lat: item.latitude,
+        // lng: item.longitude,
+        // lat: '39.914193',
+        // lng: '116.265982',
+        icon,
+        dialog: 'recognition',
+        // alarmPicture: '2023-11\\e9109d1dc73c453b9f4cf47c6e0c90da.png',
+      }
+    }).filter((item: any) => item.lat && item.lng)
+    let Filter = []
+    if (cselect.value.length === 5) {
+      Filter = data
+    }
+    else {
+      Filter = data.filter(item => cselect.value.includes(item.recognitionLevel))
+    }
+    if (!Filter.length) {
+      ElMessage.warning('暂无识别数据')
+    }
+    // 绘制标记点
+    mapRef.value.drawPonit(Filter)
+    pegeLoading.value = false
+  }).catch(() => {
+    pegeLoading.value = false
+  })
+}
+// 获取耦合数据
+const fetchAnalyse = () => {
+  pegeLoading.value = true
+  getAnalyse({
+    beginDate: dateRef.value?.dateActive, // 开始时间
+    endDate: dayjs().format('YYYY-MM-DD HH:mm:ss'), // 结束时间
+  }).then((res) => {
+    console.log(res.data, '风险耦合分析')
+    const data = res.data.rows.map((item: any) => {
+      let icon = ''
+      switch (item.couplingResult) {
+        case '低风险':
+          icon = analyse2
+          break
+        case '中风险':
+          icon = analyse3
+          break
+        case '较高风险':
+          icon = analyse4
+          break
+        case '严重风险':
+          icon = analyse5
+          break
+      }
+      return {
+        ...item,
+        lat: item.latitude,
+        lng: item.longitude,
+        icon,
+        dialog: 'analyse',
+      }
+    }).filter((item: any) => item.lat && item.lng)
+    let Filter = []
+    if (cselect.value.length === 4) {
+      Filter = data
+    }
+    else {
+      Filter = data.filter(item => cselect.value.includes(item.couplingResult))
+    }
+    if (!Filter.length) {
+      ElMessage.warning('暂无耦合数据')
+    }
+    // 绘制标记点
+    mapRef.value.drawPonit(Filter)
+    pegeLoading.value = false
+  }).catch(() => {
+    pegeLoading.value = false
   })
 }
 // 获取点位数据
@@ -325,6 +465,8 @@
     mapRef.value?.clearDraw()
     return
   }
+  // 清空地图绘制
+  mapRef.value?.clearDraw()
   switch (newVal[0]) {
     case 0:
       fetchHome()
@@ -335,12 +477,14 @@
       console.log('甲烷')
       break
     case 2:
+      fetchRecognition()
       console.log('识别')
       break
     case 3:
       console.log('占压')
       break
     case 4:
+      fetchAnalyse()
       console.log('耦合')
       break
   }
@@ -369,7 +513,7 @@
       <map-component ref="mapRef" :center="center" :zoom="zoom" />
       <!-- 主菜单 -->
       <div class="menu">
-        <div v-for="(item, index) in menu" :id="`menu-item${index}`" :key="index" class="menu-item" @click="change(index)">
+        <div v-for="(item, index) in menu" :id="`menu-item${index}`" :key="index" :class="`${pegeLoading ? 'ban-select' : 'select-menu'}`" class="menu-item" @click="change(index)">
           <el-tooltip
             class="box-item"
             effect="dark"
@@ -387,7 +531,7 @@
         <div v-if="select === 0 && mapStore.detailList.length" class="menu-child" style="background-color: #666;" @click="clearTrack">
           清空轨迹
         </div>
-        <div v-for="(child, cindex) in menu[select].menu" :key="cindex" class="menu-child" :style="`background:${cselect.includes(child.value) ? child.color : '#666'};`" @click="cchange(child.value)">
+        <div v-for="(child, cindex) in menu[select].menu" :key="cindex" :class="`${pegeLoading ? 'ban-select' : 'select-menu'}`" class="menu-child" :style="`background:${cselect.includes(child.value) ? child.color : '#666'};`" @click="cchange(child.value)">
           {{ child.name }}
         </div>
       </div>
@@ -398,6 +542,18 @@
 </template>
 
 <style lang="scss" scoped>
+.ban-select {
+  &:hover {
+    cursor: not-allowed;
+  }
+}
+
+.select-menu {
+  &:hover {
+    cursor: pointer;
+  }
+}
+
 .title {
   position: absolute;
   top: 0;
@@ -422,10 +578,6 @@
   .menu-item {
     margin-top: 10px;
     position: relative;
-
-    &:hover {
-      cursor: pointer;
-    }
   }
 }
 
@@ -444,9 +596,6 @@
     font-weight: 700;
     border-radius: 8px;
 
-    &:hover {
-      cursor: pointer;
-    }
   }
 }