diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({
diff --git a/src/views/home/operation/trajectory/index.vue b/src/views/home/operation/trajectory/index.vue
index 606958e..3b716c8 100644
--- a/src/views/home/operation/trajectory/index.vue
+++ b/src/views/home/operation/trajectory/index.vue
@@ -102,8 +102,13 @@
     return
   }
   // 展示位置
-  mapRef.value.initDialog(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
-  console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
+  const position = type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || []
+  if (!position.length) {
+    ElMessage.warning('位置无效')
+    return
+  }
+  mapRef.value.initDialog(position)
+  // console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
 }
 // 获取字典
 const fetchDict = async () => {

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({
diff --git a/src/views/home/operation/trajectory/index.vue b/src/views/home/operation/trajectory/index.vue
index 606958e..3b716c8 100644
--- a/src/views/home/operation/trajectory/index.vue
+++ b/src/views/home/operation/trajectory/index.vue
@@ -102,8 +102,13 @@
     return
   }
   // 展示位置
-  mapRef.value.initDialog(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
-  console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
+  const position = type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || []
+  if (!position.length) {
+    ElMessage.warning('位置无效')
+    return
+  }
+  mapRef.value.initDialog(position)
+  // console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
 }
 // 获取字典
 const fetchDict = async () => {
diff --git a/src/views/home/pipeline/components/monitorDataList.vue b/src/views/home/pipeline/components/monitorDataList.vue
index 3158dd9..283de83 100644
--- a/src/views/home/pipeline/components/monitorDataList.vue
+++ b/src/views/home/pipeline/components/monitorDataList.vue
@@ -13,8 +13,10 @@
 const list = ref([])
 //  列表展示列
 const columns = ref<any>([
-  { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
-  { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
+  { text: '左侧甲烷值', value: 'CH4L', align: 'center', width: '110' },
+  { text: '右侧甲烷值', value: 'CH4R', align: 'center', width: '110' },
+  // { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
+  // { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
   { text: '电池电压(V)', value: 'VBAT', align: 'center', width: '110' },
   { text: '桩倾斜报警', value: 'PIPE_INCLINE_ALARM', align: 'center', width: '110' },
   { text: '桩拆卸报警', value: 'PIPE_BREAK_ALARM', align: 'center', width: '110' },
@@ -22,7 +24,7 @@
   { text: '左振动报警', value: 'LEFT_VIBRATE_ALARM', align: 'center', width: '110' },
   { text: '右断线报警', value: 'RIGHT_OFF_LINE_ALARM', align: 'center', width: '110' },
   { text: '右振动报警', value: 'RIGHT_VIBRATE_ALARM', align: 'center', width: '110' },
-  { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
+  // { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
   { text: '采集时间', value: 'LOGTIME', align: 'center' },
   { text: '上传时间', value: 'UPTIME', align: 'center' },
 ])

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({
diff --git a/src/views/home/operation/trajectory/index.vue b/src/views/home/operation/trajectory/index.vue
index 606958e..3b716c8 100644
--- a/src/views/home/operation/trajectory/index.vue
+++ b/src/views/home/operation/trajectory/index.vue
@@ -102,8 +102,13 @@
     return
   }
   // 展示位置
-  mapRef.value.initDialog(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
-  console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
+  const position = type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || []
+  if (!position.length) {
+    ElMessage.warning('位置无效')
+    return
+  }
+  mapRef.value.initDialog(position)
+  // console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
 }
 // 获取字典
 const fetchDict = async () => {
diff --git a/src/views/home/pipeline/components/monitorDataList.vue b/src/views/home/pipeline/components/monitorDataList.vue
index 3158dd9..283de83 100644
--- a/src/views/home/pipeline/components/monitorDataList.vue
+++ b/src/views/home/pipeline/components/monitorDataList.vue
@@ -13,8 +13,10 @@
 const list = ref([])
 //  列表展示列
 const columns = ref<any>([
-  { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
-  { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
+  { text: '左侧甲烷值', value: 'CH4L', align: 'center', width: '110' },
+  { text: '右侧甲烷值', value: 'CH4R', align: 'center', width: '110' },
+  // { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
+  // { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
   { text: '电池电压(V)', value: 'VBAT', align: 'center', width: '110' },
   { text: '桩倾斜报警', value: 'PIPE_INCLINE_ALARM', align: 'center', width: '110' },
   { text: '桩拆卸报警', value: 'PIPE_BREAK_ALARM', align: 'center', width: '110' },
@@ -22,7 +24,7 @@
   { text: '左振动报警', value: 'LEFT_VIBRATE_ALARM', align: 'center', width: '110' },
   { text: '右断线报警', value: 'RIGHT_OFF_LINE_ALARM', align: 'center', width: '110' },
   { text: '右振动报警', value: 'RIGHT_VIBRATE_ALARM', align: 'center', width: '110' },
-  { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
+  // { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
   { text: '采集时间', value: 'LOGTIME', align: 'center' },
   { text: '上传时间', value: 'UPTIME', align: 'center' },
 ])
diff --git a/src/views/home/pipeline/index.vue b/src/views/home/pipeline/index.vue
index cf542a2..8c23ef1 100644
--- a/src/views/home/pipeline/index.vue
+++ b/src/views/home/pipeline/index.vue
@@ -356,9 +356,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({
diff --git a/src/views/home/operation/trajectory/index.vue b/src/views/home/operation/trajectory/index.vue
index 606958e..3b716c8 100644
--- a/src/views/home/operation/trajectory/index.vue
+++ b/src/views/home/operation/trajectory/index.vue
@@ -102,8 +102,13 @@
     return
   }
   // 展示位置
-  mapRef.value.initDialog(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
-  console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
+  const position = type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || []
+  if (!position.length) {
+    ElMessage.warning('位置无效')
+    return
+  }
+  mapRef.value.initDialog(position)
+  // console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
 }
 // 获取字典
 const fetchDict = async () => {
diff --git a/src/views/home/pipeline/components/monitorDataList.vue b/src/views/home/pipeline/components/monitorDataList.vue
index 3158dd9..283de83 100644
--- a/src/views/home/pipeline/components/monitorDataList.vue
+++ b/src/views/home/pipeline/components/monitorDataList.vue
@@ -13,8 +13,10 @@
 const list = ref([])
 //  列表展示列
 const columns = ref<any>([
-  { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
-  { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
+  { text: '左侧甲烷值', value: 'CH4L', align: 'center', width: '110' },
+  { text: '右侧甲烷值', value: 'CH4R', align: 'center', width: '110' },
+  // { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
+  // { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
   { text: '电池电压(V)', value: 'VBAT', align: 'center', width: '110' },
   { text: '桩倾斜报警', value: 'PIPE_INCLINE_ALARM', align: 'center', width: '110' },
   { text: '桩拆卸报警', value: 'PIPE_BREAK_ALARM', align: 'center', width: '110' },
@@ -22,7 +24,7 @@
   { text: '左振动报警', value: 'LEFT_VIBRATE_ALARM', align: 'center', width: '110' },
   { text: '右断线报警', value: 'RIGHT_OFF_LINE_ALARM', align: 'center', width: '110' },
   { text: '右振动报警', value: 'RIGHT_VIBRATE_ALARM', align: 'center', width: '110' },
-  { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
+  // { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
   { text: '采集时间', value: 'LOGTIME', align: 'center' },
   { text: '上传时间', value: 'UPTIME', align: 'center' },
 ])
diff --git a/src/views/home/pipeline/index.vue b/src/views/home/pipeline/index.vue
index cf542a2..8c23ef1 100644
--- a/src/views/home/pipeline/index.vue
+++ b/src/views/home/pipeline/index.vue
@@ -356,9 +356,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/rule/special/components/editDialog.vue b/src/views/home/rule/special/components/editDialog.vue
index 5df205b..cade3c6 100644
--- a/src/views/home/rule/special/components/editDialog.vue
+++ b/src/views/home/rule/special/components/editDialog.vue
@@ -151,7 +151,7 @@
     alarmLevelId: item.alarmLevelId,
     alarmTypeId: item.alarmTypeId,
     alarmRule: item.alarmRule,
-    alarmRuleName: `${item.alarmRule}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
+    alarmRuleName: `${alarmRuleList.value.filter((citem: any) => citem.id === item.alarmTypeId)[0]?.name || ''}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
     alarmThreshold: item.alarmThreshold,
     devcode: dataForm.value.devcode,
     id: dataForm.value.id,

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({
diff --git a/src/views/home/operation/trajectory/index.vue b/src/views/home/operation/trajectory/index.vue
index 606958e..3b716c8 100644
--- a/src/views/home/operation/trajectory/index.vue
+++ b/src/views/home/operation/trajectory/index.vue
@@ -102,8 +102,13 @@
     return
   }
   // 展示位置
-  mapRef.value.initDialog(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
-  console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
+  const position = type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || []
+  if (!position.length) {
+    ElMessage.warning('位置无效')
+    return
+  }
+  mapRef.value.initDialog(position)
+  // console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
 }
 // 获取字典
 const fetchDict = async () => {
diff --git a/src/views/home/pipeline/components/monitorDataList.vue b/src/views/home/pipeline/components/monitorDataList.vue
index 3158dd9..283de83 100644
--- a/src/views/home/pipeline/components/monitorDataList.vue
+++ b/src/views/home/pipeline/components/monitorDataList.vue
@@ -13,8 +13,10 @@
 const list = ref([])
 //  列表展示列
 const columns = ref<any>([
-  { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
-  { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
+  { text: '左侧甲烷值', value: 'CH4L', align: 'center', width: '110' },
+  { text: '右侧甲烷值', value: 'CH4R', align: 'center', width: '110' },
+  // { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
+  // { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
   { text: '电池电压(V)', value: 'VBAT', align: 'center', width: '110' },
   { text: '桩倾斜报警', value: 'PIPE_INCLINE_ALARM', align: 'center', width: '110' },
   { text: '桩拆卸报警', value: 'PIPE_BREAK_ALARM', align: 'center', width: '110' },
@@ -22,7 +24,7 @@
   { text: '左振动报警', value: 'LEFT_VIBRATE_ALARM', align: 'center', width: '110' },
   { text: '右断线报警', value: 'RIGHT_OFF_LINE_ALARM', align: 'center', width: '110' },
   { text: '右振动报警', value: 'RIGHT_VIBRATE_ALARM', align: 'center', width: '110' },
-  { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
+  // { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
   { text: '采集时间', value: 'LOGTIME', align: 'center' },
   { text: '上传时间', value: 'UPTIME', align: 'center' },
 ])
diff --git a/src/views/home/pipeline/index.vue b/src/views/home/pipeline/index.vue
index cf542a2..8c23ef1 100644
--- a/src/views/home/pipeline/index.vue
+++ b/src/views/home/pipeline/index.vue
@@ -356,9 +356,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/rule/special/components/editDialog.vue b/src/views/home/rule/special/components/editDialog.vue
index 5df205b..cade3c6 100644
--- a/src/views/home/rule/special/components/editDialog.vue
+++ b/src/views/home/rule/special/components/editDialog.vue
@@ -151,7 +151,7 @@
     alarmLevelId: item.alarmLevelId,
     alarmTypeId: item.alarmTypeId,
     alarmRule: item.alarmRule,
-    alarmRuleName: `${item.alarmRule}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
+    alarmRuleName: `${alarmRuleList.value.filter((citem: any) => citem.id === item.alarmTypeId)[0]?.name || ''}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
     alarmThreshold: item.alarmThreshold,
     devcode: dataForm.value.devcode,
     id: dataForm.value.id,
diff --git a/src/views/home/station/station/index.vue b/src/views/home/station/station/index.vue
index 9cd1128..a15852d 100644
--- a/src/views/home/station/station/index.vue
+++ b/src/views/home/station/station/index.vue
@@ -255,9 +255,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({
diff --git a/src/views/home/operation/trajectory/index.vue b/src/views/home/operation/trajectory/index.vue
index 606958e..3b716c8 100644
--- a/src/views/home/operation/trajectory/index.vue
+++ b/src/views/home/operation/trajectory/index.vue
@@ -102,8 +102,13 @@
     return
   }
   // 展示位置
-  mapRef.value.initDialog(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
-  console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
+  const position = type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || []
+  if (!position.length) {
+    ElMessage.warning('位置无效')
+    return
+  }
+  mapRef.value.initDialog(position)
+  // console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
 }
 // 获取字典
 const fetchDict = async () => {
diff --git a/src/views/home/pipeline/components/monitorDataList.vue b/src/views/home/pipeline/components/monitorDataList.vue
index 3158dd9..283de83 100644
--- a/src/views/home/pipeline/components/monitorDataList.vue
+++ b/src/views/home/pipeline/components/monitorDataList.vue
@@ -13,8 +13,10 @@
 const list = ref([])
 //  列表展示列
 const columns = ref<any>([
-  { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
-  { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
+  { text: '左侧甲烷值', value: 'CH4L', align: 'center', width: '110' },
+  { text: '右侧甲烷值', value: 'CH4R', align: 'center', width: '110' },
+  // { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
+  // { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
   { text: '电池电压(V)', value: 'VBAT', align: 'center', width: '110' },
   { text: '桩倾斜报警', value: 'PIPE_INCLINE_ALARM', align: 'center', width: '110' },
   { text: '桩拆卸报警', value: 'PIPE_BREAK_ALARM', align: 'center', width: '110' },
@@ -22,7 +24,7 @@
   { text: '左振动报警', value: 'LEFT_VIBRATE_ALARM', align: 'center', width: '110' },
   { text: '右断线报警', value: 'RIGHT_OFF_LINE_ALARM', align: 'center', width: '110' },
   { text: '右振动报警', value: 'RIGHT_VIBRATE_ALARM', align: 'center', width: '110' },
-  { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
+  // { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
   { text: '采集时间', value: 'LOGTIME', align: 'center' },
   { text: '上传时间', value: 'UPTIME', align: 'center' },
 ])
diff --git a/src/views/home/pipeline/index.vue b/src/views/home/pipeline/index.vue
index cf542a2..8c23ef1 100644
--- a/src/views/home/pipeline/index.vue
+++ b/src/views/home/pipeline/index.vue
@@ -356,9 +356,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/rule/special/components/editDialog.vue b/src/views/home/rule/special/components/editDialog.vue
index 5df205b..cade3c6 100644
--- a/src/views/home/rule/special/components/editDialog.vue
+++ b/src/views/home/rule/special/components/editDialog.vue
@@ -151,7 +151,7 @@
     alarmLevelId: item.alarmLevelId,
     alarmTypeId: item.alarmTypeId,
     alarmRule: item.alarmRule,
-    alarmRuleName: `${item.alarmRule}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
+    alarmRuleName: `${alarmRuleList.value.filter((citem: any) => citem.id === item.alarmTypeId)[0]?.name || ''}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
     alarmThreshold: item.alarmThreshold,
     devcode: dataForm.value.devcode,
     id: dataForm.value.id,
diff --git a/src/views/home/station/station/index.vue b/src/views/home/station/station/index.vue
index 9cd1128..a15852d 100644
--- a/src/views/home/station/station/index.vue
+++ b/src/views/home/station/station/index.vue
@@ -255,9 +255,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/well/components/lifeCycleRecord.vue b/src/views/home/well/components/lifeCycleRecord.vue
index d302836..a3f84a1 100644
--- a/src/views/home/well/components/lifeCycleRecord.vue
+++ b/src/views/home/well/components/lifeCycleRecord.vue
@@ -4,8 +4,10 @@
   Date: 2023-08-13
  -->
 <script lang="ts" setup name="WellDetailLifeRecord">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
-import { getLifecycleRecord } from '@/api/home/well/well'
+import { exportLifecycleRecord, getLifecycleRecord } from '@/api/home/well/well'
+import { exportFile } from '@/utils/exportUtils'
 const $route = useRoute()
 // 列表loading
 const loadingTable = ref(true)
@@ -14,10 +16,10 @@
 //  列表展示列
 const columns = ref<any>([
   { text: '报警时间', value: 'alarmTime', align: 'center' },
-  { text: '报警类型', value: 'alarmType', align: 'center' },
-  { text: '报警等级', value: 'alarmLevel', align: 'center' },
+  { text: '报警类型', value: 'alarmTypeName', align: 'center' },
+  { text: '报警等级', value: 'alarmLevelName', align: 'center' },
   { text: '报警原因', value: 'alarmContent', align: 'center' },
-  { text: '是否误报', value: 'realAlarmName', align: 'center' },
+  { text: '是否误报', value: 'realAlarm', align: 'center' },
   { text: '报警解除时间', value: 'cancelTime', align: 'center' },
   { text: '处置时长', value: 'processDuration', align: 'center' },
 ])
@@ -63,6 +65,24 @@
   console.log(row.id)
 }
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLifecycleRecord(listQuery.value).then((res) => {
+    exportFile(res.data, '全生命周期记录.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
       <el-button type="primary" style="margin-left: 10px;" @click="fetchData">
         搜索
       </el-button>
-      <el-button v-if="proxy.hasPerm($route.path.includes('well') ? '/well/lifeCycle/export' : '/station/monitor/exportLifeCycle')" type="primary">
+      <el-button v-if="proxy.hasPerm($route.path.includes('well') ? '/well/lifeCycle/export' : '/station/monitor/exportLifeCycle')" type="primary" @click="exportList">
         导出
       </el-button>
     </template>

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({
diff --git a/src/views/home/operation/trajectory/index.vue b/src/views/home/operation/trajectory/index.vue
index 606958e..3b716c8 100644
--- a/src/views/home/operation/trajectory/index.vue
+++ b/src/views/home/operation/trajectory/index.vue
@@ -102,8 +102,13 @@
     return
   }
   // 展示位置
-  mapRef.value.initDialog(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
-  console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
+  const position = type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || []
+  if (!position.length) {
+    ElMessage.warning('位置无效')
+    return
+  }
+  mapRef.value.initDialog(position)
+  // console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
 }
 // 获取字典
 const fetchDict = async () => {
diff --git a/src/views/home/pipeline/components/monitorDataList.vue b/src/views/home/pipeline/components/monitorDataList.vue
index 3158dd9..283de83 100644
--- a/src/views/home/pipeline/components/monitorDataList.vue
+++ b/src/views/home/pipeline/components/monitorDataList.vue
@@ -13,8 +13,10 @@
 const list = ref([])
 //  列表展示列
 const columns = ref<any>([
-  { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
-  { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
+  { text: '左侧甲烷值', value: 'CH4L', align: 'center', width: '110' },
+  { text: '右侧甲烷值', value: 'CH4R', align: 'center', width: '110' },
+  // { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
+  // { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
   { text: '电池电压(V)', value: 'VBAT', align: 'center', width: '110' },
   { text: '桩倾斜报警', value: 'PIPE_INCLINE_ALARM', align: 'center', width: '110' },
   { text: '桩拆卸报警', value: 'PIPE_BREAK_ALARM', align: 'center', width: '110' },
@@ -22,7 +24,7 @@
   { text: '左振动报警', value: 'LEFT_VIBRATE_ALARM', align: 'center', width: '110' },
   { text: '右断线报警', value: 'RIGHT_OFF_LINE_ALARM', align: 'center', width: '110' },
   { text: '右振动报警', value: 'RIGHT_VIBRATE_ALARM', align: 'center', width: '110' },
-  { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
+  // { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
   { text: '采集时间', value: 'LOGTIME', align: 'center' },
   { text: '上传时间', value: 'UPTIME', align: 'center' },
 ])
diff --git a/src/views/home/pipeline/index.vue b/src/views/home/pipeline/index.vue
index cf542a2..8c23ef1 100644
--- a/src/views/home/pipeline/index.vue
+++ b/src/views/home/pipeline/index.vue
@@ -356,9 +356,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/rule/special/components/editDialog.vue b/src/views/home/rule/special/components/editDialog.vue
index 5df205b..cade3c6 100644
--- a/src/views/home/rule/special/components/editDialog.vue
+++ b/src/views/home/rule/special/components/editDialog.vue
@@ -151,7 +151,7 @@
     alarmLevelId: item.alarmLevelId,
     alarmTypeId: item.alarmTypeId,
     alarmRule: item.alarmRule,
-    alarmRuleName: `${item.alarmRule}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
+    alarmRuleName: `${alarmRuleList.value.filter((citem: any) => citem.id === item.alarmTypeId)[0]?.name || ''}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
     alarmThreshold: item.alarmThreshold,
     devcode: dataForm.value.devcode,
     id: dataForm.value.id,
diff --git a/src/views/home/station/station/index.vue b/src/views/home/station/station/index.vue
index 9cd1128..a15852d 100644
--- a/src/views/home/station/station/index.vue
+++ b/src/views/home/station/station/index.vue
@@ -255,9 +255,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/well/components/lifeCycleRecord.vue b/src/views/home/well/components/lifeCycleRecord.vue
index d302836..a3f84a1 100644
--- a/src/views/home/well/components/lifeCycleRecord.vue
+++ b/src/views/home/well/components/lifeCycleRecord.vue
@@ -4,8 +4,10 @@
   Date: 2023-08-13
  -->
 <script lang="ts" setup name="WellDetailLifeRecord">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
-import { getLifecycleRecord } from '@/api/home/well/well'
+import { exportLifecycleRecord, getLifecycleRecord } from '@/api/home/well/well'
+import { exportFile } from '@/utils/exportUtils'
 const $route = useRoute()
 // 列表loading
 const loadingTable = ref(true)
@@ -14,10 +16,10 @@
 //  列表展示列
 const columns = ref<any>([
   { text: '报警时间', value: 'alarmTime', align: 'center' },
-  { text: '报警类型', value: 'alarmType', align: 'center' },
-  { text: '报警等级', value: 'alarmLevel', align: 'center' },
+  { text: '报警类型', value: 'alarmTypeName', align: 'center' },
+  { text: '报警等级', value: 'alarmLevelName', align: 'center' },
   { text: '报警原因', value: 'alarmContent', align: 'center' },
-  { text: '是否误报', value: 'realAlarmName', align: 'center' },
+  { text: '是否误报', value: 'realAlarm', align: 'center' },
   { text: '报警解除时间', value: 'cancelTime', align: 'center' },
   { text: '处置时长', value: 'processDuration', align: 'center' },
 ])
@@ -63,6 +65,24 @@
   console.log(row.id)
 }
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLifecycleRecord(listQuery.value).then((res) => {
+    exportFile(res.data, '全生命周期记录.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
       <el-button type="primary" style="margin-left: 10px;" @click="fetchData">
         搜索
       </el-button>
-      <el-button v-if="proxy.hasPerm($route.path.includes('well') ? '/well/lifeCycle/export' : '/station/monitor/exportLifeCycle')" type="primary">
+      <el-button v-if="proxy.hasPerm($route.path.includes('well') ? '/well/lifeCycle/export' : '/station/monitor/exportLifeCycle')" type="primary" @click="exportList">
         导出
       </el-button>
     </template>
diff --git a/src/views/home/well/index.vue b/src/views/home/well/index.vue
index 3f673ae..5a87339 100644
--- a/src/views/home/well/index.vue
+++ b/src/views/home/well/index.vue
@@ -297,9 +297,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/well/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/well/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({
diff --git a/src/views/home/operation/trajectory/index.vue b/src/views/home/operation/trajectory/index.vue
index 606958e..3b716c8 100644
--- a/src/views/home/operation/trajectory/index.vue
+++ b/src/views/home/operation/trajectory/index.vue
@@ -102,8 +102,13 @@
     return
   }
   // 展示位置
-  mapRef.value.initDialog(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
-  console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
+  const position = type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || []
+  if (!position.length) {
+    ElMessage.warning('位置无效')
+    return
+  }
+  mapRef.value.initDialog(position)
+  // console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
 }
 // 获取字典
 const fetchDict = async () => {
diff --git a/src/views/home/pipeline/components/monitorDataList.vue b/src/views/home/pipeline/components/monitorDataList.vue
index 3158dd9..283de83 100644
--- a/src/views/home/pipeline/components/monitorDataList.vue
+++ b/src/views/home/pipeline/components/monitorDataList.vue
@@ -13,8 +13,10 @@
 const list = ref([])
 //  列表展示列
 const columns = ref<any>([
-  { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
-  { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
+  { text: '左侧甲烷值', value: 'CH4L', align: 'center', width: '110' },
+  { text: '右侧甲烷值', value: 'CH4R', align: 'center', width: '110' },
+  // { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
+  // { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
   { text: '电池电压(V)', value: 'VBAT', align: 'center', width: '110' },
   { text: '桩倾斜报警', value: 'PIPE_INCLINE_ALARM', align: 'center', width: '110' },
   { text: '桩拆卸报警', value: 'PIPE_BREAK_ALARM', align: 'center', width: '110' },
@@ -22,7 +24,7 @@
   { text: '左振动报警', value: 'LEFT_VIBRATE_ALARM', align: 'center', width: '110' },
   { text: '右断线报警', value: 'RIGHT_OFF_LINE_ALARM', align: 'center', width: '110' },
   { text: '右振动报警', value: 'RIGHT_VIBRATE_ALARM', align: 'center', width: '110' },
-  { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
+  // { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
   { text: '采集时间', value: 'LOGTIME', align: 'center' },
   { text: '上传时间', value: 'UPTIME', align: 'center' },
 ])
diff --git a/src/views/home/pipeline/index.vue b/src/views/home/pipeline/index.vue
index cf542a2..8c23ef1 100644
--- a/src/views/home/pipeline/index.vue
+++ b/src/views/home/pipeline/index.vue
@@ -356,9 +356,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/rule/special/components/editDialog.vue b/src/views/home/rule/special/components/editDialog.vue
index 5df205b..cade3c6 100644
--- a/src/views/home/rule/special/components/editDialog.vue
+++ b/src/views/home/rule/special/components/editDialog.vue
@@ -151,7 +151,7 @@
     alarmLevelId: item.alarmLevelId,
     alarmTypeId: item.alarmTypeId,
     alarmRule: item.alarmRule,
-    alarmRuleName: `${item.alarmRule}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
+    alarmRuleName: `${alarmRuleList.value.filter((citem: any) => citem.id === item.alarmTypeId)[0]?.name || ''}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
     alarmThreshold: item.alarmThreshold,
     devcode: dataForm.value.devcode,
     id: dataForm.value.id,
diff --git a/src/views/home/station/station/index.vue b/src/views/home/station/station/index.vue
index 9cd1128..a15852d 100644
--- a/src/views/home/station/station/index.vue
+++ b/src/views/home/station/station/index.vue
@@ -255,9 +255,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/well/components/lifeCycleRecord.vue b/src/views/home/well/components/lifeCycleRecord.vue
index d302836..a3f84a1 100644
--- a/src/views/home/well/components/lifeCycleRecord.vue
+++ b/src/views/home/well/components/lifeCycleRecord.vue
@@ -4,8 +4,10 @@
   Date: 2023-08-13
  -->
 <script lang="ts" setup name="WellDetailLifeRecord">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
-import { getLifecycleRecord } from '@/api/home/well/well'
+import { exportLifecycleRecord, getLifecycleRecord } from '@/api/home/well/well'
+import { exportFile } from '@/utils/exportUtils'
 const $route = useRoute()
 // 列表loading
 const loadingTable = ref(true)
@@ -14,10 +16,10 @@
 //  列表展示列
 const columns = ref<any>([
   { text: '报警时间', value: 'alarmTime', align: 'center' },
-  { text: '报警类型', value: 'alarmType', align: 'center' },
-  { text: '报警等级', value: 'alarmLevel', align: 'center' },
+  { text: '报警类型', value: 'alarmTypeName', align: 'center' },
+  { text: '报警等级', value: 'alarmLevelName', align: 'center' },
   { text: '报警原因', value: 'alarmContent', align: 'center' },
-  { text: '是否误报', value: 'realAlarmName', align: 'center' },
+  { text: '是否误报', value: 'realAlarm', align: 'center' },
   { text: '报警解除时间', value: 'cancelTime', align: 'center' },
   { text: '处置时长', value: 'processDuration', align: 'center' },
 ])
@@ -63,6 +65,24 @@
   console.log(row.id)
 }
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLifecycleRecord(listQuery.value).then((res) => {
+    exportFile(res.data, '全生命周期记录.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
       <el-button type="primary" style="margin-left: 10px;" @click="fetchData">
         搜索
       </el-button>
-      <el-button v-if="proxy.hasPerm($route.path.includes('well') ? '/well/lifeCycle/export' : '/station/monitor/exportLifeCycle')" type="primary">
+      <el-button v-if="proxy.hasPerm($route.path.includes('well') ? '/well/lifeCycle/export' : '/station/monitor/exportLifeCycle')" type="primary" @click="exportList">
         导出
       </el-button>
     </template>
diff --git a/src/views/home/well/index.vue b/src/views/home/well/index.vue
index 3f673ae..5a87339 100644
--- a/src/views/home/well/index.vue
+++ b/src/views/home/well/index.vue
@@ -297,9 +297,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/well/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/well/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/system/manufacturer/editDialog.vue b/src/views/system/manufacturer/editDialog.vue
index 2dc6793..9197fed 100644
--- a/src/views/system/manufacturer/editDialog.vue
+++ b/src/views/system/manufacturer/editDialog.vue
@@ -110,7 +110,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" :title="textMap[dialogStatus]" append-to-body>
+  <el-dialog v-model="dialogFormVisible" :title="textMap[dialogStatus]" append-to-body width="40%">
     <el-form ref="dataFormRef" :rules="rules" :model="dataForm" label-position="right" label-width="80px">
       <el-row :gutter="24">
         <el-col :span="12">

diff --git a/public/config/config.json b/public/config/config.json
index 313f7fe..d5ec7a8 100644
--- a/public/config/config.json
+++ b/public/config/config.json
@@ -2,5 +2,8 @@
   "title":"燃气物联感知平台",
   "baseUrl": "http://111.198.10.15:11643",
   "securityJsCode": "56bf9671d4b3517d294caec4751889a1",
-  "JsKey": "40849e82b4e33f5255b17372520c954d"
+  "JsKey": "40849e82b4e33f5255b17372520c954d",
+  "amapResource": "http://111.198.10.15:21910/amap",
+  "version": "1.0.1",
+  "node": "16.18.1"
 }
diff --git a/src/api/home/dashboard/index.ts b/src/api/home/dashboard/index.ts
index 0748eef..dd864c8 100644
--- a/src/api/home/dashboard/index.ts
+++ b/src/api/home/dashboard/index.ts
@@ -33,6 +33,17 @@
     data,
   })
 }
+// 异常位置分析导出
+export function exportLocalAnalyse(data: any) {
+  return request({
+    url: '/statics/alarmRecords/batchExport',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 // 报警消息通知
 export function getAlarmList(data: any) {
   return request({
diff --git a/src/api/home/device/count.ts b/src/api/home/device/count.ts
index e7256e2..e06e5a9 100644
--- a/src/api/home/device/count.ts
+++ b/src/api/home/device/count.ts
@@ -51,3 +51,12 @@
     data,
   })
 }
+
+export function exportOffDevice(params: any) {
+  return request({
+    url: '/device/statics/batchExport',
+    method: 'get',
+    params,
+    responseType: 'blob',
+  })
+}
diff --git a/src/api/home/ledger/pipeline.ts b/src/api/home/ledger/pipeline.ts
index 2cfa488..88ab62c 100644
--- a/src/api/home/ledger/pipeline.ts
+++ b/src/api/home/ledger/pipeline.ts
@@ -58,3 +58,11 @@
     responseType: 'blob',
   })
 }
+
+export function importPipeline(data: any) {
+  return request({
+    url: '/system/busPipeline/batchImport',
+    method: 'post',
+    data,
+  })
+}
diff --git a/src/api/home/well/well.ts b/src/api/home/well/well.ts
index f558e64..b2dbec3 100644
--- a/src/api/home/well/well.ts
+++ b/src/api/home/well/well.ts
@@ -37,6 +37,17 @@
     data,
   })
 }
+// 全生命周期记录导出
+export function exportLifecycleRecord(data: any) {
+  return request({
+    url: '/monitor/well/lifecycleRecordExp',
+    method: 'get',
+    params: {
+      ...data,
+    },
+    responseType: 'blob',
+  })
+}
 
 // 监控设备维护记录
 export function getRepairLog(id: string) {
diff --git a/src/components.d.ts b/src/components.d.ts
index 01caa9a..f651253 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -45,13 +45,14 @@
     ImagePreview: typeof import('./components/ImagePreview/index.vue')['default']
     ImagesUpload: typeof import('./components/ImagesUpload/index.vue')['default']
     ImageUpload: typeof import('./components/ImageUpload/index.vue')['default']
-    'Index copy': typeof import('./components/map/index copy.vue')['default']
+    'Index offline': typeof import('./components/map/index offline.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
     MeasureRecords: typeof import('./components/Sample/measureRecords.vue')['default']
     NodeWrap: typeof import('./components/workFlow/nodeWrap.vue')['default']
     NodeWrapBan: typeof import('./components/workFlow/nodeWrapBan.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
+    offline: typeof import('./components/map/index offline.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
     PcasCascader: typeof import('./components/PcasCascader/index.vue')['default']
diff --git a/src/components/map/index copy.vue b/src/components/map/index copy.vue
deleted file mode 100644
index fc877fd..0000000
--- a/src/components/map/index copy.vue
+++ /dev/null
@@ -1,537 +0,0 @@
-<!--
-  Description: 高德地图  -- 离线版
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-// import { styleType } from 'element-plus/es/components/table-v2/src/common'
-
-const $props = defineProps({
-  // 初始图层 normal satellite dark
-  layer: {
-    type: String,
-    default: 'normal',
-  },
-  center: {
-    type: Array,
-    default: () => ([116.397428, 39.90923]),
-  },
-  zoom: {
-    type: Number,
-    default: 9,
-  },
-})
-const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
-const loading = ref(true)
-const publicPath = window.location.href.split('#')[0]
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
-}
-// 地图实例
-const map = shallowRef()
-const AMap = ref()
-// 使用高德地图API的逆地理编码服务
-const getPosition = (location: string[], resultFun: Function) => {
-  let position = ''
-  AMap.value.plugin('AMap.Geocoder', () => {
-    var geocoder = new AMap.value.Geocoder()
-    var lnglat = location
-    geocoder.getAddress(lnglat, (status: any, result: any) => {
-      if (status === 'complete' && result.info === 'OK') {
-        // result为对应的地理位置详细信息
-        console.log(result.regeocode.formattedAddress)
-        position = result.regeocode.formattedAddress
-        resultFun(position)
-      }
-      else {
-        position = ''
-        resultFun(position)
-      }
-    })
-  })
-}
-
-// 地图缩放等级
-const zoom = ref(0)
-// 图层
-const layer = ref()
-// 图层标识
-const layerFlag = ref('normal')
-
-// const publicPath = import.meta.env.BASE_URL
-// console.log(publicPath, 'publicPath')
-
-// -------------------------------------初始化地图--------------------------------------------------
-const wrapRef = ref()
-const initMap = () => {
-  const offline = window.AMap
-  // const garUrl = new offline.TileLayer({
-  //   // getTileUrl: (a: any, b: any, c: any) => {
-  //   //   // 经纬度转换成本地瓦片所在路径
-  //   //   const flag = '00000000'
-  //   //   const zz = c
-  //   //   const z = `L${zz}`
-  //   //   const xx = a.toString(16)
-  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-  //   //   const yy = b.toString(16)
-  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
-  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
-  //   // },
-  //   getTileUrl(x, y, z) {
-  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
-  //   },
-  //   opacity: 1,
-  //   zIndex: 99,
-  // })
-  AMap.value = offline
-  map.value = new offline.Map('map', { // 设置地图容器id
-    resizeEnable: true,
-    viewMode: '3D', // 是否为3D地图模式
-    zoom: 10, // 初始化地图级别
-    center: $props.center, // 初始化地图中心点位置
-    zooms: [8, 14],
-    layers: [
-      new offline.TileLayer({
-        visible: true,
-        zIndex: 1,
-        opacity: 1,
-        getTileUrl: (a: any, b: any, c: any) => {
-          // 经纬度转换成本地瓦片所在路径
-          const flag = '00000000'
-          const zz = c
-          const z = `L${zz}`
-          const xx = a.toString(16)
-          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
-          const yy = b.toString(16)
-          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
-          // return `${publicPath}amap/${z}/${y}/${x}.png`
-          return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
-        },
-      }),
-    ],
-  })
-  setTimeout(() => {
-    $emits('complete', AMap.value)
-    loading.value = false
-  }, 1500)
-  map.value.setZoom($props.zoom)
-  // AMapLoader.load({
-  //   key: localStorage.getItem('JsKey')!, // 后期需替换
-  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  // })
-  //   .then((AMap1: any) => {
-  //     AMap.value = AMap1
-  //     // 初始化地图
-  //     map.value = new AMap1.Map('map', {
-  //       viewMode: '3D', //  是否为3D地图模式
-  //       zoom: $props.zoom, // 初始化地图级别
-  //       resizeEnable: true,
-  //       center: $props.center,
-  //     })
-  // 图层
-  if ($props.layer === 'satellite') {
-    // 卫星图层
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else if ($props.layer === 'dark') {
-    // 深色图层
-    map.value.setMapStyle('amap://styles/darkblue')
-    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
-  }
-  //     // 地图图块加载完成后触发
-  map.value.on('complete', () => {
-    //  修改loading状态
-    console.log('地图加载完成')
-    setTimeout(() => {
-      $emits('complete', AMap.value)
-      loading.value = false
-    }, 1500)
-    // AMap.value.reGeocode({
-    //   location: $props.center,
-    //   success: (res: any) => {
-    //     // 获取到详细地址信息
-    //     const formattedAddress = res.regeocode.formattedAddress
-    //     console.log('地址:', formattedAddress)
-    //   },
-    //   error: (err: any) => {
-    //     console.error('获取地址失败:', err)
-    //   },
-    // })
-  })
-  // 地图绑定右击事件
-  map.value.on('mousedown', clickHandler)
-  // 地图绑定点击击事件
-  map.value.on('click', (e: any) => {
-    $emits('mapClick', e)
-  })
-  //     // 地图zoom
-  map.value.on('zoomend', () => {
-    zoom.value = map.value.getZoom() // 获取当前缩放级别
-    console.log('当前缩放级别:', zoom.value)
-  })
-  // })
-  //   .catch((e) => {
-  //     console.log(e, '地图加载失败')
-  //   })
-}
-// ------------------------------------------------------------------------------------------------
-function clickHandler(e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// -------------------------------------切换图层----------------------------------------------------
-const changeLayerGrop = () => {
-  if (layerFlag.value === 'normal') {
-    layer.value = new AMap.value.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    map.value.setFeatures(['bg', 'building'])
-    layerFlag.value = 'satellite'
-  }
-  else {
-    map.value.removeLayer(layer.value)
-    layerFlag.value = 'normal'
-  }
-}
-// ------------------------------------------------------------------------------------------------
-// -------------------------------------多边形操作--------------------------------------------------
-// 多边形数组
-const polygonAllList = ref<any>([])
-// 绘制多边形
-function addPolygon(data: any[], style = {
-  name: '',
-  fillColor: '#ccebc5', // //多边形填充颜色
-  strokeOpacity: 1, // 多边形填充透明度
-  fillOpacity: 0.3, // 多边形填充透明度
-  strokeColor: '#2b8cbe', // 线条颜色
-  strokeWeight: 2, // 轮廓线宽度
-  strokeStyle: 'dashed',
-  strokeDasharray: [5, 5],
-  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
-  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
-  dbclickCenter: [], // 中心坐标
-  needHover: true,
-}) {
-  const polygon = new AMap.value.Polygon({
-    path: data, // 边界数据
-    fillColor: style.fillColor,
-    strokeOpacity: style.strokeOpacity,
-    fillOpacity: style.fillOpacity,
-    strokeColor: style.strokeColor,
-    strokeWeight: style.strokeWeight,
-    strokeStyle: style.strokeStyle,
-    strokeDasharray: style.strokeDasharray,
-  })
-
-  polygon.on('mouseover', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity + 0.2,
-      fillColor: style.activeFillColor,
-    })
-  })
-  polygon.on('mouseout', () => {
-    if (!style.needHover) {
-      return
-    }
-    polygon.setOptions({
-      fillOpacity: style.fillOpacity,
-      fillColor: style.fillColor,
-    })
-  })
-  polygon.on('mousedown', clickHandler)
-  // if (style.dbclickSetCenter) {
-  polygon.on('dblclick', (e) => {
-    console.log(`当前点击的是${style.name}`)
-    $emits('polygonClick', { event: e, map: map.value, style })
-  })
-  polygonAllList.value.push(polygon)
-  // }
-  map.value.add(polygon)
-}
-// 移除多边形
-const removePolygon = () => {
-  polygonAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  polygonAllList.value = []
-  console.log('清除绘制的多边形')
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------标记文本操作--------------------------------------------------
-// 标记文本数组
-const textAllList = ref<any>([])
-// 添加标记文字
-function addText(data: any, style = {
-  /**
-   * data 示例
-   *  text： 文本内容
-   *  position： 位置
-   */
-  // 'padding': '.75rem 1.25rem',
-  // 'width': '15rem',
-  // 'border-width': 0,
-  // 'text-align': 'center',
-  'font-size': '18px',
-  'color': 'white',
-  'background-color': 'transparent',
-  'border-color': 'transparent',
-}) {
-  // 创建纯文本标记
-  var Text = new AMap.value.Text({
-    text: data.text, // 文本内容
-    anchor: 'center', // 设置文本标记锚点
-    draggable: false, // 是否可拖拽
-    cursor: '', // 鼠标样式
-    angle: 0, // 旋转角度
-    style, // 文本样式
-    position: data.position, // 点标记在地图上显示的位置
-  })
-  textAllList.value.push(Text)
-  Text.setMap(map.value)
-}
-// 移除标记文字
-const removeText = () => {
-  textAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  textAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------点标记操作--------------------------------------------------
-// 点标记(一般点标记)数组
-const markerAllList = ref<any>([])
-const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
-// 添加点标记 (一般点标记)
-const addMarker = (data: any) => {
-  /**
-   * data 示例
-   *  position： 位置
-   *  content： 标记点内容 html
-   *  label： 文本标记
-   */
-  var marker = new AMap.value.Marker({
-    position: data.position,
-    // 将 html 传给 content
-    content: data.content || markerHtml,
-    // 以 icon 的 [center bottom] 为原点
-    offset: new AMap.value.Pixel(0, 0),
-  })
-  markerAllList.value.push(marker)
-  // markers的信息窗体
-  marker.on('click', (e: any) => {
-    console.log('标记点')
-    $emits('markerClick', { event: e, map: map.value, data, marker })
-  })
-  // 标记点文本标记
-  marker.setLabel({
-    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
-    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
-    direction: 'top-center', // 设置文本标注方位
-  })
-  // 将 markers 添加到地图
-  map.value.add(marker)
-}
-// 移除点标记 (一般点标记)
-const removeMarker = () => {
-  markerAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  markerAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作--------------------------------------------------
-// 折线数组
-const lineAllList = ref<any[]>([])
-// 添加折线
-const addPolyline = (data: any) => {
-  /**
-   * data : {path: [],style: {}}
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-   *      isOutline: true,
-          outlineColor: '#ffeeff',
-          borderWeight: 3,
-          strokeColor: "#3366FF",
-          strokeOpacity: 1,
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "dashed",
-          // strokeStyle是dashed时有效
-          strokeDasharray: [15, 5],
-         lineJoin: 'round',
-         lineCap: 'round',
-         zIndex: 50,
-   */
-  var polyline = new AMap.value.Polyline({
-    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
-    ...data.style,
-  })
-  polyline.on('click', (e) => {
-    console.log('点击了线')
-    $emits('lineClick', { event: e, map: map.value, data, polyline })
-  })
-  console.log(polyline, 'polyline')
-  lineAllList.value.push(polyline)
-  map.value.add([polyline])
-}
-// 移除折线
-const removePolyline = () => {
-  lineAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  lineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -----------------------------------海量点标记操作------------------------------------------------
-// 点标记(海量点)数组
-const massMarksAllList = ref<any>([])
-// 添加点标记(海量点)
-const addMassMarks = (data: any) => {
-  var massMarks = new AMap.value.MassMarks(data.path, {
-    zIndex: data.zIndex, // 海量点图层叠加的顺序
-    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
-    style: data.style, // 设置样式对象
-  })
-  massMarksAllList.value.push(massMarks)
-  massMarks.setMap(map.value)
-  massMarks.on('click', (e) => {
-    console.log('点击了海量点标记')
-    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
-  })
-}
-// 移除点标记(海量点)
-const removeMassMarks = () => {
-  massMarksAllList.value.forEach((item: any) => {
-    item.setMap(null)
-  })
-  massMarksAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-
-// -------------------------------------绘线操作----------------------------------------------------
-const massLineAllList = ref<any>([]) // 海量线数组
-// 添加折线(海量)
-const addMassLine = (data: any) => {
-  /**
-   * data
-   * path: 折线点位数据  [[],[],[]]
-   * style 折线样式
-   *    style样式参考
-          strokeColor: "#3366FF",
-          strokeWeight: 6,
-          // 折线样式还支持 'dashed'
-          strokeStyle: "solid",
-         zIndex: 50,
-         zoomLevels: [1,18]
-   */
-  // const multiPolyline = new AMap.value.MultiPolyline({
-  //   map: map.value,
-  //   styles: {
-  //     ...data.style,
-  //   },
-  // })
-  // massLineAllList.value.push(multiPolyline)
-  // multiPolyline.setPaths(data.path)
-}
-// 移除折线
-const removeMassLine = () => {
-  // massLineAllList.value.forEach((item: any) => {
-  //   item.setMap(null)
-  // })
-  // massLineAllList.value = []
-}
-// ------------------------------------------------------------------------------------------------
-onMounted(() => {
-  loading.value = true
-  initMap()
-})
-onBeforeUnmount(() => {
-  if (map.value) {
-    map.value.destroy()
-  }
-})
-defineExpose({
-  map,
-  AMap,
-  zoom, // 当前缩放等级
-  changeLayerGrop, // 切换图层
-  layerFlag, // 当前图层标识
-  polygonAllList, // 多边形区域数据
-  addPolygon, // 绘制多边形区域
-  removePolygon, // 移除多边形
-  addText, // 添加标记文字
-  removeText, // 移除标记文字
-  addMarker, // 添加点标记 (一般点标记)
-  removeMarker, // 移除点标记 (一般点标记)
-  addPolyline, // 添加折线
-  lineAllList, // 折线数组
-  removePolyline, // 移除折线
-  addMassMarks, // 添加点标记(海量点)
-  massMarksAllList,
-  removeMassMarks, // 移除点标记(海量点)
-  addMassLine, // 添加折线(海量线)
-  removeMassLine, // 移除折线(海量线)
-  getPosition, // 根据坐标获取详细位置信息
-})
-</script>
-
-<template>
-  <div class="container">
-    <!-- 地图 -->
-    <div id="map" ref="wrapRef " v-loading="loading" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  height: 100%;
-  width: 100%;
-}
-
-::v-deep(.amap-marker-label) {
-  background-color: transparent;
-  border: none;
-}
-
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.img-map-marker {
-  width: 20px;
-  height: 20px;
-}
-</style>
diff --git a/src/components/map/index offline.vue b/src/components/map/index offline.vue
new file mode 100644
index 0000000..5bf7bb9
--- /dev/null
+++ b/src/components/map/index offline.vue
@@ -0,0 +1,554 @@
+<!--
+  Description: 高德地图  -- 离线版
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import { ElMessage } from 'element-plus'
+// import AMapLoader from '@amap/amap-jsapi-loader'
+// import { styleType } from 'element-plus/es/components/table-v2/src/common'
+
+const $props = defineProps({
+  // 初始图层 normal satellite dark
+  layer: {
+    type: String,
+    default: 'normal',
+  },
+  center: {
+    type: Array,
+    default: () => ([116.397428, 39.90923]),
+  },
+  zoom: {
+    type: Number,
+    default: 9,
+  },
+})
+const $emits = defineEmits(['complete', 'marke', 'mapClick', 'markerClick', 'lineClick', 'polygonClick', 'massMarksClick'])
+const loading = ref(true)
+const publicPath = window.location.href.split('#')[0]
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: localStorage.getItem('securityJsCode')!, // 后期需替换
+}
+// 地图实例
+const map = shallowRef()
+const AMap = ref()
+// 使用高德地图API的逆地理编码服务
+const getPosition = (location: string[], resultFun: Function) => {
+  let position = ''
+  AMap.value.plugin('AMap.Geocoder', () => {
+    var geocoder = new AMap.value.Geocoder()
+    var lnglat = location
+    geocoder.getAddress(lnglat, (status: any, result: any) => {
+      if (status === 'complete' && result.info === 'OK') {
+        // result为对应的地理位置详细信息
+        console.log(result.regeocode.formattedAddress)
+        position = result.regeocode.formattedAddress
+        resultFun(position)
+      }
+      else {
+        position = ''
+        resultFun(position)
+      }
+    })
+  })
+}
+
+// 地图缩放等级
+const zoom = ref(0)
+// 图层
+const layer = ref()
+// 图层标识
+const layerFlag = ref('normal')
+
+// const publicPath = import.meta.env.BASE_URL
+// console.log(publicPath, 'publicPath')
+
+// -------------------------------------初始化地图--------------------------------------------------
+const wrapRef = ref()
+const initMap = () => {
+  if (!window.localStorage.getItem('amapResource')) {
+    ElMessage.error('未配置离线地图资源地址或地址配置不正确，请检查配置文件')
+  }
+  const offline = window.AMap
+  // const garUrl = new offline.TileLayer({
+  //   // getTileUrl: (a: any, b: any, c: any) => {
+  //   //   // 经纬度转换成本地瓦片所在路径
+  //   //   const flag = '00000000'
+  //   //   const zz = c
+  //   //   const z = `L${zz}`
+  //   //   const xx = a.toString(16)
+  //   //   const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+  //   //   const yy = b.toString(16)
+  //   //   const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+  //   //   // console.log(`${publicPath}allayers/${z}/${y}/${x}.png`)
+  //   //   return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   //   // return 'file:///D:/GisMap/_alllayers/L01/R00000000/C00000001.png'
+  //   // },
+  //   getTileUrl(x, y, z) {
+  //     return `http://111.198.10.15:21904/amap/${z}/${y}/${x}.png`
+  //   },
+  //   opacity: 1,
+  //   zIndex: 99,
+  // })
+  AMap.value = offline
+  map.value = new offline.Map('map', { // 设置地图容器id
+    resizeEnable: true,
+    viewMode: '3D', // 是否为3D地图模式
+    zoom: 10, // 初始化地图级别
+    center: $props.center, // 初始化地图中心点位置
+    zooms: [8, 14],
+    layers: [
+      new offline.TileLayer({
+        visible: true,
+        zIndex: 0,
+        opacity: 1,
+        zooms: [8, 14],
+        dataZooms: [8, 14],
+        getTileUrl: (a: any, b: any, c: any) => {
+          // 经纬度转换成本地瓦片所在路径
+          const flag = '00000000'
+          const zz = c
+          const z = `L${zz}`
+          const xx = a.toString(16)
+          const x = `C${flag.substring(0, 8 - xx.length)}${xx}`
+          const yy = b.toString(16)
+          const y = `R${flag.substring(0, 8 - yy.length)}${yy}`
+          // return `${publicPath}amap/${z}/${y}/${x}.png`
+          // return `http://111.198.10.15:21910/amap/${z}/${y}/${x}.png`
+          // window.localStorage.setItem('amapResource', result.data.amapResource)
+          return `${window.localStorage.getItem('amapResource')}/${z}/${y}/${x}.png`
+        },
+        // mapStyle: 'amap://styles/blue',
+      }),
+    ],
+    mapStyle: 'amap://styles/darkblue',
+  })
+  setTimeout(() => {
+    $emits('complete', AMap.value)
+    loading.value = false
+  }, 1500)
+  map.value.setZoom($props.zoom)
+  // AMapLoader.load({
+  //   key: localStorage.getItem('JsKey')!, // 后期需替换
+  //   version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+  //   plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.Geocoder'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  // })
+  //   .then((AMap1: any) => {
+  //     AMap.value = AMap1
+  //     // 初始化地图
+  //     map.value = new AMap1.Map('map', {
+  //       viewMode: '3D', //  是否为3D地图模式
+  //       zoom: $props.zoom, // 初始化地图级别
+  //       resizeEnable: true,
+  //       center: $props.center,
+  //     })
+  // 图层
+  if ($props.layer === 'satellite') {
+    // 卫星图层
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else if ($props.layer === 'dark') {
+    // 深色图层
+    // console.log(map.value, 'map.value')
+    // map.value.setMapStyle('amap://styles/darkblue')
+    // map.value.setStyle('darkblue')
+    // console.log(map.value.setStyle)
+    // map.value.setMapStyle('http://111.198.10.15:21904/amap/skyblue?isPublic=true')
+    // layer.value = new AMap.value.TileLayer.Satellite()
+    // map.value.addLayer(layer.value)
+    // map.value.setFeatures(['bg', 'building'])
+    // map.value.setMapStyle('amap://styles/darkblue')
+  }
+  //     // 地图图块加载完成后触发
+  map.value.on('complete', () => {
+    //  修改loading状态
+    console.log('地图加载完成')
+    setTimeout(() => {
+      $emits('complete', AMap.value)
+      loading.value = false
+    }, 1500)
+    // AMap.value.reGeocode({
+    //   location: $props.center,
+    //   success: (res: any) => {
+    //     // 获取到详细地址信息
+    //     const formattedAddress = res.regeocode.formattedAddress
+    //     console.log('地址:', formattedAddress)
+    //   },
+    //   error: (err: any) => {
+    //     console.error('获取地址失败:', err)
+    //   },
+    // })
+  })
+  // 地图绑定右击事件
+  map.value.on('mousedown', clickHandler)
+  // 地图绑定点击击事件
+  map.value.on('click', (e: any) => {
+    $emits('mapClick', e)
+  })
+  //     // 地图zoom
+  map.value.on('zoomend', () => {
+    zoom.value = map.value.getZoom() // 获取当前缩放级别
+    console.log('当前缩放级别:', zoom.value)
+  })
+  // })
+  //   .catch((e) => {
+  //     console.log(e, '地图加载失败')
+  //   })
+}
+// ------------------------------------------------------------------------------------------------
+function clickHandler(e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// -------------------------------------切换图层----------------------------------------------------
+const changeLayerGrop = () => {
+  if (layerFlag.value === 'normal') {
+    layer.value = new AMap.value.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
+    layerFlag.value = 'satellite'
+  }
+  else {
+    map.value.removeLayer(layer.value)
+    layerFlag.value = 'normal'
+  }
+}
+// ------------------------------------------------------------------------------------------------
+// -------------------------------------多边形操作--------------------------------------------------
+// 多边形数组
+const polygonAllList = ref<any>([])
+// 绘制多边形
+function addPolygon(data: any[], style = {
+  name: '',
+  fillColor: '#ccebc5', // //多边形填充颜色
+  strokeOpacity: 1, // 多边形填充透明度
+  fillOpacity: 0.3, // 多边形填充透明度
+  strokeColor: '#2b8cbe', // 线条颜色
+  strokeWeight: 2, // 轮廓线宽度
+  strokeStyle: 'dashed',
+  strokeDasharray: [5, 5],
+  activeFillColor: '#7bccc4', // 鼠标进入多边形的激活颜色
+  dbclickSetCenter: false, // 双击多边形自动放大切切换中心试图
+  dbclickCenter: [], // 中心坐标
+  needHover: true,
+}) {
+  const polygon = new AMap.value.Polygon({
+    path: data, // 边界数据
+    fillColor: style.fillColor,
+    strokeOpacity: style.strokeOpacity,
+    fillOpacity: style.fillOpacity,
+    strokeColor: style.strokeColor,
+    strokeWeight: style.strokeWeight,
+    strokeStyle: style.strokeStyle,
+    strokeDasharray: style.strokeDasharray,
+  })
+
+  polygon.on('mouseover', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity + 0.2,
+      fillColor: style.activeFillColor,
+    })
+  })
+  polygon.on('mouseout', () => {
+    if (!style.needHover) {
+      return
+    }
+    polygon.setOptions({
+      fillOpacity: style.fillOpacity,
+      fillColor: style.fillColor,
+    })
+  })
+  polygon.on('mousedown', clickHandler)
+  // if (style.dbclickSetCenter) {
+  polygon.on('dblclick', (e) => {
+    console.log(`当前点击的是${style.name}`)
+    $emits('polygonClick', { event: e, map: map.value, style })
+  })
+  polygonAllList.value.push(polygon)
+  // }
+  map.value.add(polygon)
+}
+// 移除多边形
+const removePolygon = () => {
+  polygonAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  polygonAllList.value = []
+  console.log('清除绘制的多边形')
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------标记文本操作--------------------------------------------------
+// 标记文本数组
+const textAllList = ref<any>([])
+// 添加标记文字
+function addText(data: any, style = {
+  /**
+   * data 示例
+   *  text： 文本内容
+   *  position： 位置
+   */
+  // 'padding': '.75rem 1.25rem',
+  // 'width': '15rem',
+  // 'border-width': 0,
+  // 'text-align': 'center',
+  'font-size': '18px',
+  'color': 'white',
+  'background-color': 'transparent',
+  'border-color': 'transparent',
+}) {
+  // 创建纯文本标记
+  var Text = new AMap.value.Text({
+    text: data.text, // 文本内容
+    anchor: 'center', // 设置文本标记锚点
+    draggable: false, // 是否可拖拽
+    cursor: '', // 鼠标样式
+    angle: 0, // 旋转角度
+    style, // 文本样式
+    position: data.position, // 点标记在地图上显示的位置
+  })
+  textAllList.value.push(Text)
+  Text.setMap(map.value)
+}
+// 移除标记文字
+const removeText = () => {
+  textAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  textAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------点标记操作--------------------------------------------------
+// 点标记(一般点标记)数组
+const markerAllList = ref<any>([])
+const markerHtml = `<img width="19px" height="32px" src="${publicPath}/image/mark_bs.png" />`
+// 添加点标记 (一般点标记)
+const addMarker = (data: any) => {
+  /**
+   * data 示例
+   *  position： 位置
+   *  content： 标记点内容 html
+   *  label： 文本标记
+   */
+  var marker = new AMap.value.Marker({
+    position: data.position,
+    // 将 html 传给 content
+    content: data.content || markerHtml,
+    // 以 icon 的 [center bottom] 为原点
+    offset: new AMap.value.Pixel(0, 0),
+  })
+  markerAllList.value.push(marker)
+  // markers的信息窗体
+  marker.on('click', (e: any) => {
+    console.log('标记点')
+    $emits('markerClick', { event: e, map: map.value, data, marker })
+  })
+  // 标记点文本标记
+  marker.setLabel({
+    offset: new AMap.value.Pixel(0, -5), // 设置文本标注偏移量
+    content: `<div style="color:white;font-size:15px;">${data.label}</div>`, // 设置文本标注内容
+    direction: 'top-center', // 设置文本标注方位
+  })
+  // 将 markers 添加到地图
+  map.value.add(marker)
+}
+// 移除点标记 (一般点标记)
+const removeMarker = () => {
+  markerAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  markerAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作--------------------------------------------------
+// 折线数组
+const lineAllList = ref<any[]>([])
+// 添加折线
+const addPolyline = (data: any) => {
+  /**
+   * data : {path: [],style: {}}
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+   *      isOutline: true,
+          outlineColor: '#ffeeff',
+          borderWeight: 3,
+          strokeColor: "#3366FF",
+          strokeOpacity: 1,
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "dashed",
+          // strokeStyle是dashed时有效
+          strokeDasharray: [15, 5],
+         lineJoin: 'round',
+         lineCap: 'round',
+         zIndex: 50,
+   */
+  var polyline = new AMap.value.Polyline({
+    path: data.path.map((item: any) => (new AMap.value.LngLat(Number(item[0]), Number(item[1])))),
+    ...data.style,
+  })
+  polyline.on('click', (e) => {
+    console.log('点击了线')
+    $emits('lineClick', { event: e, map: map.value, data, polyline })
+  })
+  console.log(polyline, 'polyline')
+  lineAllList.value.push(polyline)
+  map.value.add([polyline])
+}
+// 移除折线
+const removePolyline = () => {
+  lineAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  lineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -----------------------------------海量点标记操作------------------------------------------------
+// 点标记(海量点)数组
+const massMarksAllList = ref<any>([])
+// 添加点标记(海量点)
+const addMassMarks = (data: any) => {
+  var massMarks = new AMap.value.MassMarks(data.path, {
+    zIndex: data.zIndex, // 海量点图层叠加的顺序
+    zooms: data.zooms || [], // 在指定地图缩放级别范围内展示海量点图层
+    style: data.style, // 设置样式对象
+  })
+  massMarksAllList.value.push(massMarks)
+  massMarks.setMap(map.value)
+  massMarks.on('click', (e) => {
+    console.log('点击了海量点标记')
+    $emits('massMarksClick', { event: e, map: map.value, data, massMarks })
+  })
+}
+// 移除点标记(海量点)
+const removeMassMarks = () => {
+  massMarksAllList.value.forEach((item: any) => {
+    item.setMap(null)
+  })
+  massMarksAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+
+// -------------------------------------绘线操作----------------------------------------------------
+const massLineAllList = ref<any>([]) // 海量线数组
+// 添加折线(海量)
+const addMassLine = (data: any) => {
+  /**
+   * data
+   * path: 折线点位数据  [[],[],[]]
+   * style 折线样式
+   *    style样式参考
+          strokeColor: "#3366FF",
+          strokeWeight: 6,
+          // 折线样式还支持 'dashed'
+          strokeStyle: "solid",
+         zIndex: 50,
+         zoomLevels: [1,18]
+   */
+  // const multiPolyline = new AMap.value.MultiPolyline({
+  //   map: map.value,
+  //   styles: {
+  //     ...data.style,
+  //   },
+  // })
+  // massLineAllList.value.push(multiPolyline)
+  // multiPolyline.setPaths(data.path)
+}
+// 移除折线
+const removeMassLine = () => {
+  // massLineAllList.value.forEach((item: any) => {
+  //   item.setMap(null)
+  // })
+  // massLineAllList.value = []
+}
+// ------------------------------------------------------------------------------------------------
+onMounted(() => {
+  loading.value = true
+  initMap()
+})
+onBeforeUnmount(() => {
+  if (map.value) {
+    map.value.destroy()
+  }
+})
+defineExpose({
+  map,
+  AMap,
+  zoom, // 当前缩放等级
+  changeLayerGrop, // 切换图层
+  layerFlag, // 当前图层标识
+  polygonAllList, // 多边形区域数据
+  addPolygon, // 绘制多边形区域
+  removePolygon, // 移除多边形
+  addText, // 添加标记文字
+  removeText, // 移除标记文字
+  addMarker, // 添加点标记 (一般点标记)
+  removeMarker, // 移除点标记 (一般点标记)
+  addPolyline, // 添加折线
+  lineAllList, // 折线数组
+  removePolyline, // 移除折线
+  addMassMarks, // 添加点标记(海量点)
+  massMarksAllList,
+  removeMassMarks, // 移除点标记(海量点)
+  addMassLine, // 添加折线(海量线)
+  removeMassLine, // 移除折线(海量线)
+  getPosition, // 根据坐标获取详细位置信息
+})
+</script>
+
+<template>
+  <div class="container">
+    <!-- 地图 -->
+    <div id="map" ref="wrapRef " v-loading="loading" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  height: 100%;
+  width: 100%;
+}
+
+::v-deep(.amap-marker-label) {
+  background-color: transparent;
+  border: none;
+}
+
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.img-map-marker {
+  width: 20px;
+  height: 20px;
+}
+</style>
diff --git a/src/main.ts b/src/main.ts
index e4327d6..c0ae2c9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -38,11 +38,13 @@
   window.localStorage.setItem('url-bj-well', result.data.baseUrl)
   window.localStorage.setItem('securityJsCode', result.data.securityJsCode)
   window.localStorage.setItem('JsKey', result.data.JsKey)
+  window.localStorage.setItem('amapResource', result.data.amapResource)
   request.defaults.baseURL = result.data.baseUrl // 设置默认请求网址
   app.config.globalProperties.config = result.data
   app.config.globalProperties.hasPerm = hasPermission
   app.config.globalProperties.buttonPerm = buttonPerm
   app.config.globalProperties.dayjs = dayjs
+  console.log(`当前系统版本:${result.data.version}`)
   // 方法1：注册播放音频事件到Vue实例上
   app.config.globalProperties.playAudio = () => {
     const audio = document.getElementById('eventAudio') as HTMLAudioElement
diff --git a/src/views/home/alarm/count/components/locationAnalysis.vue b/src/views/home/alarm/count/components/locationAnalysis.vue
index bff1853..0ba4f8c 100644
--- a/src/views/home/alarm/count/components/locationAnalysis.vue
+++ b/src/views/home/alarm/count/components/locationAnalysis.vue
@@ -4,10 +4,12 @@
   Date: 2023-07-08
  -->
 <script lang="ts" setup name="AlarmCount">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
 import layout from './layout.vue'
-import { getErrorAnalyse } from '@/api/home/dashboard/index'
+import { exportLocalAnalyse, getErrorAnalyse } from '@/api/home/dashboard/index'
 import { shortcuts } from '@/utils/common'
+import { exportFile } from '@/utils/exportUtils'
 const listQuery = ref({
   begTime: '',
   endTime: '',
@@ -47,6 +49,24 @@
 }
 fetchData()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLocalAnalyse(listQuery.value).then((res) => {
+    exportFile(res.data, '异常位置分析.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
         <el-button type="primary" style="margin: 0 5px;" @click="fetchData">
           搜索
         </el-button>
-        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;">
+        <el-button v-if="proxy.hasPerm('/alarm/count/exportLocation')" type="primary" style="margin: 0 5px;" @click="exportList">
           导出
         </el-button>
       </div>
diff --git a/src/views/home/alarm/current/components/detailInfoDialog.vue b/src/views/home/alarm/current/components/detailInfoDialog.vue
index 0f714c0..ceceb48 100644
--- a/src/views/home/alarm/current/components/detailInfoDialog.vue
+++ b/src/views/home/alarm/current/components/detailInfoDialog.vue
@@ -123,7 +123,7 @@
     <pending-dialog ref="pendingRef" @refresh="refresh" />
     <!-- 提醒责任人 -->
     <remind-dialog ref="remindRef" @refresh="refresh" />
-    <!-- 查看数据 -->
+    <!-- 查看数据 -->`
     <monitor-data-dialog ref="dataRef" @refresh="refresh" />
     <!-- 流程图 -->
     <process-dialog ref="processRef" @refresh="refresh" />
@@ -131,8 +131,11 @@
     <handler-dialog ref="handlerRef" @refresh="refresh" />
     <!-- 头部 -->
     <div class="header">
-      <span>{{ info.alarmContent }}</span>
-      <span v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more" @click="moreData">>>更多</span>
+      <span class="alarm-content" :title="info.alarmContent">{{ info.alarmContent }}</span>
+      <span
+        v-if="proxy.hasPerm(type === 'data' ? '/alarm/current/more' : '/alarm/device/more')" class="more"
+        @click="moreData"
+      >>>更多</span>
     </div>
     <div class="content">
       <div v-show="type === 'device'" class="item">
@@ -229,7 +232,10 @@
         <span style="padding-left: 6px;">
           {{ info.confirmContent }}
         </span>
-        <el-button v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small" style="padding-left: 6px;" @click="viewProcess">
+        <el-button
+          v-if="type === 'data' && proxy.hasPerm('/alarm/current/process')" size="small"
+          style="padding-left: 6px;" @click="viewProcess"
+        >
           流程图
         </el-button>
       </div>
@@ -247,7 +253,10 @@
       </div>
     </div>
     <div class="footer">
-      <el-button v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')" size="small" @click="remind">
+      <el-button
+        v-if="(Number(info.processStatus) < 4 && type === 'data') && proxy.hasPerm('/alarm/current/remind')"
+        size="small" @click="remind"
+      >
         提醒责任人
       </el-button>
       <el-button
@@ -314,6 +323,19 @@
     display: flex;
     justify-content: space-between;
     font-size: 16px;
+
+    .alarm-content {
+      width: 75%;
+      white-space: nowrap;
+
+      /* 确保文本在一行内显示 */
+      overflow: hidden;
+
+      /* 超出容器部分隐藏 */
+      text-overflow: ellipsis;
+
+      /* 文字溢出显示省略号 */
+    }
   }
 
   .more {
diff --git a/src/views/home/device/count/components/bottom.vue b/src/views/home/device/count/components/bottom.vue
index e4e56fa..7c526dc 100644
--- a/src/views/home/device/count/components/bottom.vue
+++ b/src/views/home/device/count/components/bottom.vue
@@ -4,9 +4,11 @@
   Date: 2023-08-22
  -->
 <script lang="ts" setup name="DeptDeviceCount">
+import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import { getDeviceTypeListPage } from '@/api/home/device/type'
 import { getDictByCode } from '@/api/system/dict'
-import { getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportOffDevice, getDeptDevice, getOfflineDevice } from '@/api/home/device/count'
+import { exportFile } from '@/utils/exportUtils'
 import layout from '@/views/home/alarm/count/components/layout.vue'
 // 管理单位设备统计
 const deptLoading = ref(true)
@@ -111,6 +113,24 @@
 }
 fetchDict()
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportOffDevice(listQuery.value).then((res) => {
+    exportFile(res.data, '离线设备清单.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -149,7 +169,7 @@
             <template #btns-right>
               <!-- 操作 -->
               <div>
-                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary">
+                <el-button v-if="proxy.hasPerm('/device/count/offline/export')" type="primary" @click="exportList">
                   导出
                 </el-button>
               </div>
diff --git a/src/views/home/ledger/pipeline/index.vue b/src/views/home/ledger/pipeline/index.vue
index c7cdba3..1b91e42 100644
--- a/src/views/home/ledger/pipeline/index.vue
+++ b/src/views/home/ledger/pipeline/index.vue
@@ -7,7 +7,7 @@
 import { ElLoading, ElMessage, ElMessageBox } from 'element-plus'
 import editDialog from './components/editDialog.vue'
 import { getDictByCode } from '@/api/system/dict'
-import { exportPipelineList, getPiePleListPage, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
+import { exportPipelineList, getPiePleListPage, importPipeline, removePieple, templatePipeline } from '@/api/home/ledger/pipeline'
 import { exportFile } from '@/utils/exportUtils'
 import { downloadFile } from '@/utils/download'
 // 表格数据
@@ -132,9 +132,48 @@
     loading.close()
   })
 }
+const fileRef = ref() // 文件上传input，获取input的引用
+const onFileChange = (event: any) => {
+  // 原生上传
+  // console.log(event.target.files)
+  if (event.target.files?.length !== 0) {
+    // 创建formdata对象
+    const fd = new FormData()
+    fd.append('file', event.target.files[0])
+    // fd.append('equipmentType', $props.equipmentType)
+    const loading = ElLoading.service({
+      lock: true,
+      background: 'rgba(255, 255, 255, 0.8)',
+    })
+    // export function importDevice(data: object, deviceType: string) {
+    //   return request({
+    //     url: `/equipment/info/import?equipmentType=${deviceType}`,
+    //     method: 'post',
+    //     data,
+    //   })
+    // }
+    importPipeline(fd).then((res) => {
+      if (res.code === 200) {
+        ElMessage.success('导入成功')
+        fileRef.value.value = ''
+        loading.close()
+        fetchData()
+      }
+      else {
+        fileRef.value.value = ''
+        // ElMessage.error(res.message)
+        loading.close()
+      }
+    }).catch(() => {
+      fileRef.value.value = ''
+      // ElMessage.error(err.message)
+      loading.close()
+    })
+  }
+}
 // 导入列表
 const importList = () => {
-
+  fileRef.value.click()
 }
 // 模板下载
 const downloadTemplate = () => {
@@ -254,8 +293,9 @@
             批量导入
           </el-button>
           <el-button v-if="proxy.hasPerm('/ledger/pipeline/export')" type="primary" @click="exportList">
-            批量导出
+            导出
           </el-button>
+          <input ref="fileRef" style="display: none;" type="file" accept=".xls,.xlsx" @change="onFileChange">
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/operation/manufacturer/index.vue b/src/views/home/operation/manufacturer/index.vue
index d80496d..7d2fa0d 100644
--- a/src/views/home/operation/manufacturer/index.vue
+++ b/src/views/home/operation/manufacturer/index.vue
@@ -22,7 +22,7 @@
   { text: '运维类型', value: 'repairTypeName', align: 'center', width: '110' },
   { text: '安装位置', value: 'ledgerNumber', align: 'center' },
   { text: '详细位置', value: 'position', align: 'center' },
-  { text: '管理单位', value: '', align: 'center' },
+  { text: '管理单位', value: 'deptName', align: 'center' },
   { text: '运维内容', value: 'repairContent', align: 'center' },
   { text: '运维人员', value: 'repairPerson', align: 'center', width: '120' },
   { text: '维护时间', value: 'finishTime', align: 'center', width: '200' },
@@ -64,8 +64,8 @@
   getOperationListPage(listQuery.value).then((res) => {
     list.value = res.data.rows.map((item: any) => ({
       ...item,
-      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0].typeName,
-      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0].name,
+      deviceTypeName: deviceTypeList.value.filter((citem: any) => citem.id === item.deviceType)[0]?.typeName || '',
+      repairTypeName: repairTypeList.value.filter((citem: any) => citem.value === item.repairType)[0]?.name || '',
     }))
     total.value = res.data.total
     loadingTable.value = false
@@ -122,9 +122,10 @@
   const res = await getDeviceTypeListPage({ limit: 9999, offset: 1 })
   deviceTypeList.value = res.data.rows
   // 运维类型
-  getDictByCode('repairType').then((res) => {
-    repairTypeList.value = res.data
-  })
+  const res1 = await getDictByCode('repairType')
+  // then((res) => {
+  repairTypeList.value = res1.data
+  // })
 }
 onMounted(async () => {
   await fetchDict()
@@ -137,7 +138,7 @@
   <!-- 布局 -->
   <app-container>
     <!-- 新建编辑弹窗 -->
-    <edit-dialog ref="editRef" @refresh="fetchData" />
+    <!-- <edit-dialog ref="editRef" @refresh="fetchData" /> -->
     <!-- 筛选条件 -->
     <search-area :need-clear="true" @search="fetchData" @clear="reset">
       <search-item>
diff --git a/src/views/home/operation/trajectory/detail.vue b/src/views/home/operation/trajectory/detail.vue
index 6b31c9f..5c831c6 100644
--- a/src/views/home/operation/trajectory/detail.vue
+++ b/src/views/home/operation/trajectory/detail.vue
@@ -5,6 +5,7 @@
  -->
 <script lang="ts" setup name="showDeviceTrajectory">
 import dayjs from 'dayjs'
+import { ElMessage } from 'element-plus'
 import AMap from '@/components/map/index.vue'
 import { shortcuts } from '@/utils/common'
 import { getTrajectoryDetail } from '@/api/home/operation/trajectory'
@@ -41,6 +42,7 @@
     endTime: listQuery.value.endTime,
     devCode: row.devcode,
   }).then((res) => {
+    console.log(res.data)
     loading.value = false
     if (res.data.length >= 2) {
       res.data.unshift({
@@ -70,6 +72,8 @@
     else {
       mapRef.value.removeMarker()
       mapRef.value.removePolyline()
+      ElMessage.warning('轨迹信息无效')
+      return
     }
     // 绘制起点终点，标记点
     mapRef.value.addMarker({
diff --git a/src/views/home/operation/trajectory/index.vue b/src/views/home/operation/trajectory/index.vue
index 606958e..3b716c8 100644
--- a/src/views/home/operation/trajectory/index.vue
+++ b/src/views/home/operation/trajectory/index.vue
@@ -102,8 +102,13 @@
     return
   }
   // 展示位置
-  mapRef.value.initDialog(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
-  console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
+  const position = type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || []
+  if (!position.length) {
+    ElMessage.warning('位置无效')
+    return
+  }
+  mapRef.value.initDialog(position)
+  // console.log(type === '原始位置' ? row.startPosition?.split(',') || [] : row.currentPosition?.split(',') || [])
 }
 // 获取字典
 const fetchDict = async () => {
diff --git a/src/views/home/pipeline/components/monitorDataList.vue b/src/views/home/pipeline/components/monitorDataList.vue
index 3158dd9..283de83 100644
--- a/src/views/home/pipeline/components/monitorDataList.vue
+++ b/src/views/home/pipeline/components/monitorDataList.vue
@@ -13,8 +13,10 @@
 const list = ref([])
 //  列表展示列
 const columns = ref<any>([
-  { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
-  { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
+  { text: '左侧甲烷值', value: 'CH4L', align: 'center', width: '110' },
+  { text: '右侧甲烷值', value: 'CH4R', align: 'center', width: '110' },
+  // { text: '地层温度(℃)', value: 'TEMPERATURE', align: 'center', width: '110' },
+  // { text: '地层湿度(%RH)', value: 'HUMIDITY', align: 'center', width: '140' },
   { text: '电池电压(V)', value: 'VBAT', align: 'center', width: '110' },
   { text: '桩倾斜报警', value: 'PIPE_INCLINE_ALARM', align: 'center', width: '110' },
   { text: '桩拆卸报警', value: 'PIPE_BREAK_ALARM', align: 'center', width: '110' },
@@ -22,7 +24,7 @@
   { text: '左振动报警', value: 'LEFT_VIBRATE_ALARM', align: 'center', width: '110' },
   { text: '右断线报警', value: 'RIGHT_OFF_LINE_ALARM', align: 'center', width: '110' },
   { text: '右振动报警', value: 'RIGHT_VIBRATE_ALARM', align: 'center', width: '110' },
-  { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
+  // { text: '报警图像输出', value: 'PICTURE_ALARM', align: 'center' },
   { text: '采集时间', value: 'LOGTIME', align: 'center' },
   { text: '上传时间', value: 'UPTIME', align: 'center' },
 ])
diff --git a/src/views/home/pipeline/index.vue b/src/views/home/pipeline/index.vue
index cf542a2..8c23ef1 100644
--- a/src/views/home/pipeline/index.vue
+++ b/src/views/home/pipeline/index.vue
@@ -356,9 +356,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/pipeline/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/rule/special/components/editDialog.vue b/src/views/home/rule/special/components/editDialog.vue
index 5df205b..cade3c6 100644
--- a/src/views/home/rule/special/components/editDialog.vue
+++ b/src/views/home/rule/special/components/editDialog.vue
@@ -151,7 +151,7 @@
     alarmLevelId: item.alarmLevelId,
     alarmTypeId: item.alarmTypeId,
     alarmRule: item.alarmRule,
-    alarmRuleName: `${item.alarmRule}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
+    alarmRuleName: `${alarmRuleList.value.filter((citem: any) => citem.id === item.alarmTypeId)[0]?.name || ''}[${alarmLevelList.value.filter((citem: any) => citem.id === item.alarmLevelId)[0]?.name || ''}]:${item.alarmThreshold}%LEL`,
     alarmThreshold: item.alarmThreshold,
     devcode: dataForm.value.devcode,
     id: dataForm.value.id,
diff --git a/src/views/home/station/station/index.vue b/src/views/home/station/station/index.vue
index 9cd1128..a15852d 100644
--- a/src/views/home/station/station/index.vue
+++ b/src/views/home/station/station/index.vue
@@ -255,9 +255,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/station/monitor/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/home/well/components/lifeCycleRecord.vue b/src/views/home/well/components/lifeCycleRecord.vue
index d302836..a3f84a1 100644
--- a/src/views/home/well/components/lifeCycleRecord.vue
+++ b/src/views/home/well/components/lifeCycleRecord.vue
@@ -4,8 +4,10 @@
   Date: 2023-08-13
  -->
 <script lang="ts" setup name="WellDetailLifeRecord">
+import { ElLoading, ElMessage } from 'element-plus'
 import dayjs from 'dayjs'
-import { getLifecycleRecord } from '@/api/home/well/well'
+import { exportLifecycleRecord, getLifecycleRecord } from '@/api/home/well/well'
+import { exportFile } from '@/utils/exportUtils'
 const $route = useRoute()
 // 列表loading
 const loadingTable = ref(true)
@@ -14,10 +16,10 @@
 //  列表展示列
 const columns = ref<any>([
   { text: '报警时间', value: 'alarmTime', align: 'center' },
-  { text: '报警类型', value: 'alarmType', align: 'center' },
-  { text: '报警等级', value: 'alarmLevel', align: 'center' },
+  { text: '报警类型', value: 'alarmTypeName', align: 'center' },
+  { text: '报警等级', value: 'alarmLevelName', align: 'center' },
   { text: '报警原因', value: 'alarmContent', align: 'center' },
-  { text: '是否误报', value: 'realAlarmName', align: 'center' },
+  { text: '是否误报', value: 'realAlarm', align: 'center' },
   { text: '报警解除时间', value: 'cancelTime', align: 'center' },
   { text: '处置时长', value: 'processDuration', align: 'center' },
 ])
@@ -63,6 +65,24 @@
   console.log(row.id)
 }
 const { proxy } = getCurrentInstance() as any
+
+// 导出列表
+const exportList = () => {
+  if (!list.value.length) {
+    ElMessage.warning('暂无导出数据')
+    return
+  }
+  const loading = ElLoading.service({
+    lock: true,
+    background: 'rgba(255, 255, 255, 0.8)',
+  })
+  exportLifecycleRecord(listQuery.value).then((res) => {
+    exportFile(res.data, '全生命周期记录.xlsx')
+    loading.close()
+  }).catch(() => {
+    loading.close()
+  })
+}
 </script>
 
 <template>
@@ -76,7 +96,7 @@
       <el-button type="primary" style="margin-left: 10px;" @click="fetchData">
         搜索
       </el-button>
-      <el-button v-if="proxy.hasPerm($route.path.includes('well') ? '/well/lifeCycle/export' : '/station/monitor/exportLifeCycle')" type="primary">
+      <el-button v-if="proxy.hasPerm($route.path.includes('well') ? '/well/lifeCycle/export' : '/station/monitor/exportLifeCycle')" type="primary" @click="exportList">
         导出
       </el-button>
     </template>
diff --git a/src/views/home/well/index.vue b/src/views/home/well/index.vue
index 3f673ae..5a87339 100644
--- a/src/views/home/well/index.vue
+++ b/src/views/home/well/index.vue
@@ -297,9 +297,9 @@
       <template #btns-right>
         <!-- 操作 -->
         <div>
-          <el-button v-if="proxy.hasPerm('/well/export')" type="primary">
+          <!-- <el-button v-if="proxy.hasPerm('/well/export')" type="primary">
             导出
-          </el-button>
+          </el-button> -->
         </div>
       </template>
       <!-- 查询结果Table显示 -->
diff --git a/src/views/system/manufacturer/editDialog.vue b/src/views/system/manufacturer/editDialog.vue
index 2dc6793..9197fed 100644
--- a/src/views/system/manufacturer/editDialog.vue
+++ b/src/views/system/manufacturer/editDialog.vue
@@ -110,7 +110,7 @@
 </script>
 
 <template>
-  <el-dialog v-model="dialogFormVisible" :title="textMap[dialogStatus]" append-to-body>
+  <el-dialog v-model="dialogFormVisible" :title="textMap[dialogStatus]" append-to-body width="40%">
     <el-form ref="dataFormRef" :rules="rules" :model="dataForm" label-position="right" label-width="80px">
       <el-row :gutter="24">
         <el-col :span="12">
diff --git a/src/views/system/manufacturer/index.vue b/src/views/system/manufacturer/index.vue
index ad219f8..7a14b91 100644
--- a/src/views/system/manufacturer/index.vue
+++ b/src/views/system/manufacturer/index.vue
@@ -115,8 +115,7 @@
         <icon-button v-if="proxy.hasPerm('/sys/manufacturer/add')" icon="icon-add" title="新增" @click="editRow('add', {})" />
       </template>
       <normal-table
-        :query="defaultQuery" :list-loading="loading" :columns="columns" :data="list" :total="total"
-        :border="false" @change="changePage"
+        :query="defaultQuery" :list-loading="loading" :columns="columns" :data="list" :total="total" @change="changePage"
       >
         <template #preColumns>
           <el-table-column label="序号" width="55" align="center">