diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/mock.js b/src/components/map-bak/mock.js
new file mode 100644
index 0000000..083069d
--- /dev/null
+++ b/src/components/map-bak/mock.js
@@ -0,0 +1,1080 @@
+export const electNodeList = [
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830681',
+    lng: '111.72953',
+    nodeName: '',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.83078',
+    lng: '111.730077',
+    nodeName: '教学主楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830858',
+    lng: '111.730585',
+    nodeName: '教学北楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831051',
+    lng: '111.729815',
+    nodeName: '一号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831326',
+    lng: '111.729689',
+    nodeName: 'B座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831205',
+    lng: '111.730472',
+    nodeName: '二号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831475',
+    lng: '111.730364',
+    nodeName: 'C座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831027',
+    lng: '111.731106',
+    nodeName: '网络教室',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830697',
+    lng: '111.731217',
+    nodeName: '机考基地',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830084',
+    lng: '111.730342',
+    nodeName: '教学南楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829572',
+    lng: '111.73019',
+    nodeName: 'A座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829443',
+    lng: '111.730252',
+    nodeName: '三号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.82965',
+    lng: '111.731148',
+    nodeName: '四号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829416',
+    lng: '111.731261',
+    nodeName: '五号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829665',
+    lng: '111.732417',
+    nodeName: '六号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829862',
+    lng: '111.733332',
+    nodeName: '七号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+]
+export const HotNodeList = [
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学主楼西侧热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学主楼西侧',
+    installTime: '2023-03-15',
+    lat: '40.83078',
+    lng: '111.730077',
+    monitorObj: '5',
+    monitorObjName: '厂房监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学北楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学北楼',
+    installTime: '2023-03-15',
+    lat: '40.830858',
+    lng: '111.730585',
+    monitorObj: '5',
+    monitorObjName: '教学北楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '一号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '一号楼',
+    installTime: '2023-03-15',
+    lat: '40.831051',
+    lng: '111.729815',
+    monitorObj: '5',
+    monitorObjName: '一号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'B座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'B座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831326',
+    lng: '111.729689',
+    monitorObj: '5',
+    monitorObjName: 'B座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '二号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '二号楼',
+    installTime: '2023-03-15',
+    lat: '40.831205',
+    lng: '111.730472',
+    monitorObj: '5',
+    monitorObjName: '二号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'C座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'C座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831475',
+    lng: '111.730364',
+    monitorObj: '5',
+    monitorObjName: 'C座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '网络教室热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '网络教室',
+    installTime: '2023-03-15',
+    lat: '40.831027',
+    lng: '111.731106',
+    monitorObj: '5',
+    monitorObjName: '网络教室监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '机考基地热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '机考基地',
+    installTime: '2023-03-15',
+    lat: '40.830697',
+    lng: '111.731217',
+    monitorObj: '5',
+    monitorObjName: '机考基地监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学南楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学南楼',
+    installTime: '2023-03-15',
+    lat: '40.830084',
+    lng: '111.730342',
+    monitorObj: '5',
+    monitorObjName: '教学南楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'A座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'A座公寓',
+    installTime: '2023-03-15',
+    lat: '40.829572',
+    lng: '111.73019',
+    monitorObj: '5',
+    monitorObjName: 'A座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '三号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '三号楼',
+    installTime: '2023-03-15',
+    lat: '40.829443',
+    lng: '111.730252',
+    monitorObj: '5',
+    monitorObjName: '三号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '四号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '四号楼',
+    installTime: '2023-03-15',
+    lat: '40.82965',
+    lng: '111.731148',
+    monitorObj: '5',
+    monitorObjName: '四号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '五号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '五号楼',
+    installTime: '2023-03-15',
+    lat: '40.829416',
+    lng: '111.731261',
+    monitorObj: '5',
+    monitorObjName: '五号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '六号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '六号楼',
+    installTime: '2023-03-15',
+    lat: '40.829665',
+    lng: '111.732417',
+    monitorObj: '5',
+    monitorObjName: '六号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '七号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '七号楼',
+    installTime: '2023-03-15',
+    lat: '40.829862',
+    lng: '111.733332',
+    monitorObj: '5',
+    monitorObjName: '七号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+]
+export const branchList = [
+  {
+    branchNodeInfos: [
+      [111.72953, 40.830681],
+      [111.730077, 40.83078],
+      [111.730552, 40.830891],
+      [111.729815, 40.831051],
+      [111.729689, 40.831326],
+    ],
+    branchNumber: '1号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.729815, 40.831051],
+      [111.730472, 40.831205],
+      [111.730364, 40.831475],
+    ],
+    branchNumber: '2号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730552, 40.830891],
+      [111.731106, 40.831027],
+      [111.731217, 40.830697],
+    ],
+    branchNumber: '3号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730077, 40.83078],
+      [111.730342, 40.830084],
+      [111.73019, 40.829572],
+      [111.730252, 40.829443],
+      [111.731148, 40.82965],
+
+      [111.731261, 40.829416],
+      [111.732417, 40.829665],
+      [111.733332, 40.829862],
+    ],
+    branchNumber: '4号支路',
+  },
+]
+export const guangfuList = [
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830948',
+    lng: '111.730561',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学北楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831377',
+    lng: '111.729912',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'B座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831528',
+    lng: '111.730581',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'C座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830178',
+    lng: '111.730829',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学南楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829763',
+    lng: '111.730109',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'A座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829607',
+    lng: '111.730734',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '四号楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+]

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/mock.js b/src/components/map-bak/mock.js
new file mode 100644
index 0000000..083069d
--- /dev/null
+++ b/src/components/map-bak/mock.js
@@ -0,0 +1,1080 @@
+export const electNodeList = [
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830681',
+    lng: '111.72953',
+    nodeName: '',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.83078',
+    lng: '111.730077',
+    nodeName: '教学主楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830858',
+    lng: '111.730585',
+    nodeName: '教学北楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831051',
+    lng: '111.729815',
+    nodeName: '一号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831326',
+    lng: '111.729689',
+    nodeName: 'B座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831205',
+    lng: '111.730472',
+    nodeName: '二号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831475',
+    lng: '111.730364',
+    nodeName: 'C座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831027',
+    lng: '111.731106',
+    nodeName: '网络教室',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830697',
+    lng: '111.731217',
+    nodeName: '机考基地',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830084',
+    lng: '111.730342',
+    nodeName: '教学南楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829572',
+    lng: '111.73019',
+    nodeName: 'A座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829443',
+    lng: '111.730252',
+    nodeName: '三号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.82965',
+    lng: '111.731148',
+    nodeName: '四号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829416',
+    lng: '111.731261',
+    nodeName: '五号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829665',
+    lng: '111.732417',
+    nodeName: '六号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829862',
+    lng: '111.733332',
+    nodeName: '七号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+]
+export const HotNodeList = [
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学主楼西侧热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学主楼西侧',
+    installTime: '2023-03-15',
+    lat: '40.83078',
+    lng: '111.730077',
+    monitorObj: '5',
+    monitorObjName: '厂房监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学北楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学北楼',
+    installTime: '2023-03-15',
+    lat: '40.830858',
+    lng: '111.730585',
+    monitorObj: '5',
+    monitorObjName: '教学北楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '一号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '一号楼',
+    installTime: '2023-03-15',
+    lat: '40.831051',
+    lng: '111.729815',
+    monitorObj: '5',
+    monitorObjName: '一号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'B座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'B座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831326',
+    lng: '111.729689',
+    monitorObj: '5',
+    monitorObjName: 'B座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '二号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '二号楼',
+    installTime: '2023-03-15',
+    lat: '40.831205',
+    lng: '111.730472',
+    monitorObj: '5',
+    monitorObjName: '二号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'C座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'C座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831475',
+    lng: '111.730364',
+    monitorObj: '5',
+    monitorObjName: 'C座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '网络教室热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '网络教室',
+    installTime: '2023-03-15',
+    lat: '40.831027',
+    lng: '111.731106',
+    monitorObj: '5',
+    monitorObjName: '网络教室监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '机考基地热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '机考基地',
+    installTime: '2023-03-15',
+    lat: '40.830697',
+    lng: '111.731217',
+    monitorObj: '5',
+    monitorObjName: '机考基地监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学南楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学南楼',
+    installTime: '2023-03-15',
+    lat: '40.830084',
+    lng: '111.730342',
+    monitorObj: '5',
+    monitorObjName: '教学南楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'A座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'A座公寓',
+    installTime: '2023-03-15',
+    lat: '40.829572',
+    lng: '111.73019',
+    monitorObj: '5',
+    monitorObjName: 'A座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '三号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '三号楼',
+    installTime: '2023-03-15',
+    lat: '40.829443',
+    lng: '111.730252',
+    monitorObj: '5',
+    monitorObjName: '三号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '四号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '四号楼',
+    installTime: '2023-03-15',
+    lat: '40.82965',
+    lng: '111.731148',
+    monitorObj: '5',
+    monitorObjName: '四号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '五号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '五号楼',
+    installTime: '2023-03-15',
+    lat: '40.829416',
+    lng: '111.731261',
+    monitorObj: '5',
+    monitorObjName: '五号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '六号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '六号楼',
+    installTime: '2023-03-15',
+    lat: '40.829665',
+    lng: '111.732417',
+    monitorObj: '5',
+    monitorObjName: '六号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '七号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '七号楼',
+    installTime: '2023-03-15',
+    lat: '40.829862',
+    lng: '111.733332',
+    monitorObj: '5',
+    monitorObjName: '七号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+]
+export const branchList = [
+  {
+    branchNodeInfos: [
+      [111.72953, 40.830681],
+      [111.730077, 40.83078],
+      [111.730552, 40.830891],
+      [111.729815, 40.831051],
+      [111.729689, 40.831326],
+    ],
+    branchNumber: '1号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.729815, 40.831051],
+      [111.730472, 40.831205],
+      [111.730364, 40.831475],
+    ],
+    branchNumber: '2号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730552, 40.830891],
+      [111.731106, 40.831027],
+      [111.731217, 40.830697],
+    ],
+    branchNumber: '3号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730077, 40.83078],
+      [111.730342, 40.830084],
+      [111.73019, 40.829572],
+      [111.730252, 40.829443],
+      [111.731148, 40.82965],
+
+      [111.731261, 40.829416],
+      [111.732417, 40.829665],
+      [111.733332, 40.829862],
+    ],
+    branchNumber: '4号支路',
+  },
+]
+export const guangfuList = [
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830948',
+    lng: '111.730561',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学北楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831377',
+    lng: '111.729912',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'B座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831528',
+    lng: '111.730581',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'C座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830178',
+    lng: '111.730829',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学南楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829763',
+    lng: '111.730109',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'A座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829607',
+    lng: '111.730734',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '四号楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+]
diff --git a/src/components/map-bak/trendChart.vue b/src/components/map-bak/trendChart.vue
new file mode 100644
index 0000000..5fbdd3d
--- /dev/null
+++ b/src/components/map-bak/trendChart.vue
@@ -0,0 +1,163 @@
+<!--
+  Description: 节点监测趋势echarts
+  Author: 李亚光
+  Date: 2023-06-05
+ -->
+<script lang="ts" setup name="TrendChart">
+import { getDeviceDetailAnalysis } from '@/api/api/index'
+const props = defineProps({
+  height: {
+    type: Number,
+    default: 400,
+  },
+  width: {
+    type: Number,
+    default: 400,
+  },
+  deviceId: {
+    type: Number || String,
+    require: true,
+  },
+  deviceType: {
+    type: Number || String,
+    require: true,
+  },
+})
+const loading = ref(true)
+const range = ref('')
+const flag = ref(true)
+// defineExpose({ range })
+const yAxisData = ref([])
+const xAxisData = ref([])
+const selected = ref({})
+// 获取设备监测分析
+const fetchDeviceAnalysis = () => {
+  loading.value = true
+  xAxisData.value = []
+  yAxisData.value = []
+  getDeviceDetailAnalysis({
+    deviceId: props?.deviceId,
+    type: range.value,
+  }).then((res) => {
+    const data = res.data
+    // 整理节点监测趋势数据-用电
+    if (data.monitorTrends?.rp.length && Number(props.deviceType) === 1) {
+      xAxisData.value = data.monitorTrends?.rp?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '有功功率(MW)',
+          data: data.monitorTrends?.rp?.map((item: any) => Number(item.value)),
+        },
+        {
+          name: '无功功率(MVAr)',
+          data: data.monitorTrends?.ap?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    // 整理节点监测趋势数据-用热/用气
+    if (data.monitorTrends?.val.length && Number(props.deviceType) !== 1) {
+      xAxisData.value = data.monitorTrends?.val?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '监测值',
+          data: data.monitorTrends?.val?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    loading.value = false
+  }).catch(() => {
+    xAxisData.value = []
+    loading.value = false
+  })
+}
+// 监听 监测趋势时间段 变化 重新获取数据
+watch(() => props.deviceId, (newVal) => {
+  if (newVal) {
+    range.value = 'day'
+    fetchDeviceAnalysis()
+  }
+  if (Number(props.deviceType) === 1) {
+    selected.value = {
+      '有功功率(MW)': true,
+      '无功功率(MVAr)': false,
+    }
+  }
+  else {
+    selected.value = {}
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+watch(() => range.value, (newVal) => {
+  if (newVal) {
+    fetchDeviceAnalysis()
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+
+const expand = ref(true)
+const expandChart = () => {
+  expand.value = !expand.value
+  if (!expand.value) {
+    range.value = ''
+    xAxisData.value = []
+    yAxisData.value = []
+    setTimeout(() => {
+      range.value = 'day'
+    })
+  }
+}
+defineExpose({ range, expand, fetchDeviceAnalysis })
+</script>
+
+<template>
+  <div style="padding: 10px;">
+    <div class="chart-title" @click="expandChart">
+      节点监测趋势
+      <div class="btn">
+        <el-icon v-if="expand">
+          <arrow-right-bold />
+        </el-icon>
+        <el-icon v-else>
+          <arrow-down-bold />
+        </el-icon>
+      </div>
+    </div>
+    <div v-if="!expand">
+      <el-radio-group v-model="range">
+        <el-radio label="day">
+          日
+        </el-radio>
+        <el-radio label="month">
+          月
+        </el-radio>
+        <el-radio label="year">
+          年
+        </el-radio>
+      </el-radio-group>
+      <line-chart
+        v-loading="loading" :height="`${props.height}px`" :width="`${props.width}px`" :data="yAxisData"
+        :x-axis-data="xAxisData" :selected="selected"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.chart-title {
+  background-color: #ccc;
+  position: relative;
+
+  .btn {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+</style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/mock.js b/src/components/map-bak/mock.js
new file mode 100644
index 0000000..083069d
--- /dev/null
+++ b/src/components/map-bak/mock.js
@@ -0,0 +1,1080 @@
+export const electNodeList = [
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830681',
+    lng: '111.72953',
+    nodeName: '',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.83078',
+    lng: '111.730077',
+    nodeName: '教学主楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830858',
+    lng: '111.730585',
+    nodeName: '教学北楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831051',
+    lng: '111.729815',
+    nodeName: '一号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831326',
+    lng: '111.729689',
+    nodeName: 'B座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831205',
+    lng: '111.730472',
+    nodeName: '二号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831475',
+    lng: '111.730364',
+    nodeName: 'C座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831027',
+    lng: '111.731106',
+    nodeName: '网络教室',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830697',
+    lng: '111.731217',
+    nodeName: '机考基地',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830084',
+    lng: '111.730342',
+    nodeName: '教学南楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829572',
+    lng: '111.73019',
+    nodeName: 'A座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829443',
+    lng: '111.730252',
+    nodeName: '三号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.82965',
+    lng: '111.731148',
+    nodeName: '四号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829416',
+    lng: '111.731261',
+    nodeName: '五号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829665',
+    lng: '111.732417',
+    nodeName: '六号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829862',
+    lng: '111.733332',
+    nodeName: '七号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+]
+export const HotNodeList = [
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学主楼西侧热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学主楼西侧',
+    installTime: '2023-03-15',
+    lat: '40.83078',
+    lng: '111.730077',
+    monitorObj: '5',
+    monitorObjName: '厂房监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学北楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学北楼',
+    installTime: '2023-03-15',
+    lat: '40.830858',
+    lng: '111.730585',
+    monitorObj: '5',
+    monitorObjName: '教学北楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '一号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '一号楼',
+    installTime: '2023-03-15',
+    lat: '40.831051',
+    lng: '111.729815',
+    monitorObj: '5',
+    monitorObjName: '一号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'B座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'B座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831326',
+    lng: '111.729689',
+    monitorObj: '5',
+    monitorObjName: 'B座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '二号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '二号楼',
+    installTime: '2023-03-15',
+    lat: '40.831205',
+    lng: '111.730472',
+    monitorObj: '5',
+    monitorObjName: '二号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'C座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'C座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831475',
+    lng: '111.730364',
+    monitorObj: '5',
+    monitorObjName: 'C座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '网络教室热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '网络教室',
+    installTime: '2023-03-15',
+    lat: '40.831027',
+    lng: '111.731106',
+    monitorObj: '5',
+    monitorObjName: '网络教室监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '机考基地热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '机考基地',
+    installTime: '2023-03-15',
+    lat: '40.830697',
+    lng: '111.731217',
+    monitorObj: '5',
+    monitorObjName: '机考基地监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学南楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学南楼',
+    installTime: '2023-03-15',
+    lat: '40.830084',
+    lng: '111.730342',
+    monitorObj: '5',
+    monitorObjName: '教学南楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'A座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'A座公寓',
+    installTime: '2023-03-15',
+    lat: '40.829572',
+    lng: '111.73019',
+    monitorObj: '5',
+    monitorObjName: 'A座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '三号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '三号楼',
+    installTime: '2023-03-15',
+    lat: '40.829443',
+    lng: '111.730252',
+    monitorObj: '5',
+    monitorObjName: '三号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '四号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '四号楼',
+    installTime: '2023-03-15',
+    lat: '40.82965',
+    lng: '111.731148',
+    monitorObj: '5',
+    monitorObjName: '四号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '五号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '五号楼',
+    installTime: '2023-03-15',
+    lat: '40.829416',
+    lng: '111.731261',
+    monitorObj: '5',
+    monitorObjName: '五号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '六号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '六号楼',
+    installTime: '2023-03-15',
+    lat: '40.829665',
+    lng: '111.732417',
+    monitorObj: '5',
+    monitorObjName: '六号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '七号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '七号楼',
+    installTime: '2023-03-15',
+    lat: '40.829862',
+    lng: '111.733332',
+    monitorObj: '5',
+    monitorObjName: '七号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+]
+export const branchList = [
+  {
+    branchNodeInfos: [
+      [111.72953, 40.830681],
+      [111.730077, 40.83078],
+      [111.730552, 40.830891],
+      [111.729815, 40.831051],
+      [111.729689, 40.831326],
+    ],
+    branchNumber: '1号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.729815, 40.831051],
+      [111.730472, 40.831205],
+      [111.730364, 40.831475],
+    ],
+    branchNumber: '2号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730552, 40.830891],
+      [111.731106, 40.831027],
+      [111.731217, 40.830697],
+    ],
+    branchNumber: '3号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730077, 40.83078],
+      [111.730342, 40.830084],
+      [111.73019, 40.829572],
+      [111.730252, 40.829443],
+      [111.731148, 40.82965],
+
+      [111.731261, 40.829416],
+      [111.732417, 40.829665],
+      [111.733332, 40.829862],
+    ],
+    branchNumber: '4号支路',
+  },
+]
+export const guangfuList = [
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830948',
+    lng: '111.730561',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学北楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831377',
+    lng: '111.729912',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'B座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831528',
+    lng: '111.730581',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'C座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830178',
+    lng: '111.730829',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学南楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829763',
+    lng: '111.730109',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'A座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829607',
+    lng: '111.730734',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '四号楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+]
diff --git a/src/components/map-bak/trendChart.vue b/src/components/map-bak/trendChart.vue
new file mode 100644
index 0000000..5fbdd3d
--- /dev/null
+++ b/src/components/map-bak/trendChart.vue
@@ -0,0 +1,163 @@
+<!--
+  Description: 节点监测趋势echarts
+  Author: 李亚光
+  Date: 2023-06-05
+ -->
+<script lang="ts" setup name="TrendChart">
+import { getDeviceDetailAnalysis } from '@/api/api/index'
+const props = defineProps({
+  height: {
+    type: Number,
+    default: 400,
+  },
+  width: {
+    type: Number,
+    default: 400,
+  },
+  deviceId: {
+    type: Number || String,
+    require: true,
+  },
+  deviceType: {
+    type: Number || String,
+    require: true,
+  },
+})
+const loading = ref(true)
+const range = ref('')
+const flag = ref(true)
+// defineExpose({ range })
+const yAxisData = ref([])
+const xAxisData = ref([])
+const selected = ref({})
+// 获取设备监测分析
+const fetchDeviceAnalysis = () => {
+  loading.value = true
+  xAxisData.value = []
+  yAxisData.value = []
+  getDeviceDetailAnalysis({
+    deviceId: props?.deviceId,
+    type: range.value,
+  }).then((res) => {
+    const data = res.data
+    // 整理节点监测趋势数据-用电
+    if (data.monitorTrends?.rp.length && Number(props.deviceType) === 1) {
+      xAxisData.value = data.monitorTrends?.rp?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '有功功率(MW)',
+          data: data.monitorTrends?.rp?.map((item: any) => Number(item.value)),
+        },
+        {
+          name: '无功功率(MVAr)',
+          data: data.monitorTrends?.ap?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    // 整理节点监测趋势数据-用热/用气
+    if (data.monitorTrends?.val.length && Number(props.deviceType) !== 1) {
+      xAxisData.value = data.monitorTrends?.val?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '监测值',
+          data: data.monitorTrends?.val?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    loading.value = false
+  }).catch(() => {
+    xAxisData.value = []
+    loading.value = false
+  })
+}
+// 监听 监测趋势时间段 变化 重新获取数据
+watch(() => props.deviceId, (newVal) => {
+  if (newVal) {
+    range.value = 'day'
+    fetchDeviceAnalysis()
+  }
+  if (Number(props.deviceType) === 1) {
+    selected.value = {
+      '有功功率(MW)': true,
+      '无功功率(MVAr)': false,
+    }
+  }
+  else {
+    selected.value = {}
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+watch(() => range.value, (newVal) => {
+  if (newVal) {
+    fetchDeviceAnalysis()
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+
+const expand = ref(true)
+const expandChart = () => {
+  expand.value = !expand.value
+  if (!expand.value) {
+    range.value = ''
+    xAxisData.value = []
+    yAxisData.value = []
+    setTimeout(() => {
+      range.value = 'day'
+    })
+  }
+}
+defineExpose({ range, expand, fetchDeviceAnalysis })
+</script>
+
+<template>
+  <div style="padding: 10px;">
+    <div class="chart-title" @click="expandChart">
+      节点监测趋势
+      <div class="btn">
+        <el-icon v-if="expand">
+          <arrow-right-bold />
+        </el-icon>
+        <el-icon v-else>
+          <arrow-down-bold />
+        </el-icon>
+      </div>
+    </div>
+    <div v-if="!expand">
+      <el-radio-group v-model="range">
+        <el-radio label="day">
+          日
+        </el-radio>
+        <el-radio label="month">
+          月
+        </el-radio>
+        <el-radio label="year">
+          年
+        </el-radio>
+      </el-radio-group>
+      <line-chart
+        v-loading="loading" :height="`${props.height}px`" :width="`${props.width}px`" :data="yAxisData"
+        :x-axis-data="xAxisData" :selected="selected"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.chart-title {
+  background-color: #ccc;
+  position: relative;
+
+  .btn {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+</style>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index da37e9a..5a1b86c 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -8,7 +8,6 @@
 import infoDetail from './infoWindow.vue'
 import infoDetail2 from './infoWindow2.vue'
 import infoDetailHot from './infoWindowHot.vue'
-import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
 import { getDictByCode } from '@/api/system/dict'
 import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
 const publicPath = import.meta.env.BASE_URL
@@ -90,6 +89,7 @@
     // 图层实例
     layer.value = new AMap.TileLayer.Satellite()
     map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
     // 地图绑定右击事件
     map.value.on('mousedown', clickHandler)
   })
@@ -113,7 +113,7 @@
       position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
       map: map.value,
       icon,
-      offset: new AMap.Pixel(0, -20),
+      offset: new AMap.Pixel(3, -30),
     })
     // 支路点详细信息// 信息窗体
     infoWindow.value = new AMap.InfoWindow({
@@ -139,7 +139,7 @@
     })
     map.value.add([marker])
   }
-  // // 光伏标记点及光伏绘制
+  // 光伏标记点及光伏绘制
   for (let i = 0; i < markerArr1.value.length; i++) {
     const icon = new AMap.Icon({
       size: new AMap.Size(36, 36), // 图标尺寸
@@ -197,108 +197,88 @@
   }
   // 电网支路折线绘制
   for (let i = 0; i < lineArr.value.length; i++) {
-    const path = lineArr.value[i].branchNodeInfos
-    var polyline = new AMap.Polyline({
-      path,
-      isOutline: true,
-      strokeColor: '#008d68',
-      // strokeOpacity: 1,
-      strokeWeight: 3,
-      // 折线样式还支持 'dashed'
-      // strokeStyle是dashed时有效
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      // lineCap: 'square',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // for (let i = 0; i < lineArr.value.length; i++) {
-  //   // console.log(lineArr.value[i])
-  //   const path = lineArr.value.map(item => item.branchNodeInfos)
-  //   const line = path.map(item => (
-  //     item.map((child) => {
-  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-  //     })
-  //   ))
-  //   line.forEach((item) => {
-  //     item.forEach((child) => {
-  //       const path = [child[0], child[1]]
-  //       const polyline = new AMap.Polyline({
-  //         path,
-  //         // isOutline: true,
-  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
-  //         // strokeOpacity: 1,
-  //         strokeWeight: 3,
-  //         // 折线样式还支持 'dashed'
-  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-  //         // strokeStyle是dashed时有效
-  //         strokeDasharray: [10, 3],
-  //         lineJoin: 'round',
-  //         showDir: child[2] === 1,
-  //         // lineCap: 'square',
-  //         lineCap: 'round',
-  //         zIndex: 50,
-  //         zooms: [16, 20],
+    // console.log(lineArr.value[i])
+    const path = lineArr.value.map(item => item.branchNodeInfos)
+    const line = path.map(item => (
+      item.map((child) => {
+        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+      })
+    ))
+    line.forEach((item) => {
+      item.forEach((child) => {
+        const path = [child[0], child[1]]
+        const polyline = new AMap.Polyline({
+          path,
+          // isOutline: true,
+          strokeColor: child[2] === 1 ? '#008d68' : '#000',
+          // strokeOpacity: 1,
+          strokeWeight: 3,
+          // 折线样式还支持 'dashed'
+          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+          // strokeStyle是dashed时有效
+          strokeDasharray: [10, 3],
+          lineJoin: 'round',
+          showDir: child[2] === 1,
+          // lineCap: 'square',
+          lineCap: 'round',
+          zIndex: 50,
+          zooms: [16, 20],
 
-  //       })
-  //       // 离线支路连接添加开关图标
-  //       if (child[2] === 0) {
-  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-  //         const icon = new AMap.Icon({
-  //           size: new AMap.Size(36, 36), // 图标尺寸
-  //           image: `${publicPath}img/icon3.png`, // Icon的图像
-  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //         })
-  //         const marker = new AMap.Marker({
-  //           zooms: [16, 20],
-  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //           map: map.value,
-  //           icon,
-  //           offset: new AMap.Pixel(-20, -20),
-  //         })
-  //         map.value.add([marker])
-  //       }
-  //       polyline.setMap(map.value)
-  //       map.value.add(polyline)
-  //     })
-  //   })
-  // 添加支路折线文本
-  // 创建纯文本标记
-  // const textArr = path.map(item => (
-  //   item.map((child) => {
-  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-  //   })
-  // ))
-  // textArr.forEach((item) => {
-  //   // console.log(item, 'item')
-  //   item.forEach((child) => {
-  //     const icon = new AMap.Icon({
-  //       size: new AMap.Size(36, 36), // 图标尺寸
-  //       // image: '', // Icon的图像
-  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //     })
-  //     // const content = '<div>111</div>'
-  //     const marker = new AMap.Marker({
-  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //       map: map.value,
-  //       content: '<span></span>',
-  //       offset: new AMap.Pixel(-20, -20),
-  //     })
-  //     marker.setLabel({
-  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-  //       direction: 'right', // 设置文本标注方位
-  //     })
-  //     map.value.add([marker])
-  //   })
-  // })
-  // }
+        })
+        // 离线支路连接添加开关图标
+        if (child[2] === 0) {
+          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+          const icon = new AMap.Icon({
+            size: new AMap.Size(36, 36), // 图标尺寸
+            image: `${publicPath}img/icon3.png`, // Icon的图像
+            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+          })
+          const marker = new AMap.Marker({
+            zooms: [16, 20],
+            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+            map: map.value,
+            icon,
+            offset: new AMap.Pixel(-20, -20),
+          })
+          map.value.add([marker])
+        }
+        polyline.setMap(map.value)
+        map.value.add(polyline)
+      })
+    })
+    // 添加支路折线文本
+    // 创建纯文本标记
+    // const textArr = path.map(item => (
+    //   item.map((child) => {
+    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+    //   })
+    // ))
+    // textArr.forEach((item) => {
+    //   // console.log(item, 'item')
+    //   item.forEach((child) => {
+    //     const icon = new AMap.Icon({
+    //       size: new AMap.Size(36, 36), // 图标尺寸
+    //       // image: '', // Icon的图像
+    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    //     })
+    //     // const content = '<div>111</div>'
+    //     const marker = new AMap.Marker({
+    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+    //       map: map.value,
+    //       content: '<span></span>',
+    //       offset: new AMap.Pixel(-20, -20),
+    //     })
+    //     marker.setLabel({
+    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+    //       direction: 'right', // 设置文本标注方位
+    //     })
+    //     map.value.add([marker])
+    //   })
+    // })
+  }
 }
 // 绘制用热监测相关
 const useHot = () => {
@@ -347,26 +327,20 @@
   try {
     const list = await getElectricityListAll()
     // 电网列表
-    console.log(list.data, '电网列表')
     electricityList.value = list.data
     // 查询节点列表(标记点)
     if (electricityList.value.length) {
       const res = await electricityNode(electricityList.value[0].id)
-      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      // markerArrInfo.value = res.data
-      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = electNodeList
-      console.log(res.data, '电网标记点')
+      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = res.data
       // 获取支路信息(折线)
-      // const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = branchList
-      // console.log(res1.data, '折线记点')
+      const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = res1.data
     }
     // 获取光伏列表
-    const list1 = guangfuList
-    // console.log(list1, '广福街店')
-    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1
+    const list1 = await getMonitorStationList()
+    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1.data
     // 初始化地图
     await initMap()
     useElectricity()
@@ -381,10 +355,8 @@
     ptn: '',
     deviceType: '2',
   }).then((res) => {
-    markerArrHotInfo.value = HotNodeList
-    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-    // markerArrHotInfo.value = res.data.rows
-    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrHotInfo.value = res.data.rows
+    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
   })
   // getElectricityListAll().then((res) => {
   //   // 电网列表
@@ -456,6 +428,7 @@
       areaMarkerList.value.push(res.data[0])
       const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
       drawArea(data, color[newVal])
+      console.log(data, 'data')
     }
   })
 })
@@ -483,13 +456,13 @@
   <info-detail ref="windowInfoRef" />
   <info-detail2 ref="windowInfoRef2" />
   <info-detail-hot ref="windowInfoHotRef" />
-  <!-- <div class="btns">
+  <div class="btns">
     <el-radio-group v-model="area">
       <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
         {{ item.name }}
       </el-radio-button>
     </el-radio-group>
-  </div> -->
+  </div>
 </template>
 
 <style scoped>
@@ -522,5 +495,7 @@
 .amap-marker-label {
   border: 0;
   background-color: transparent;
+
+  /* color: transparent; */
 }
 </style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/mock.js b/src/components/map-bak/mock.js
new file mode 100644
index 0000000..083069d
--- /dev/null
+++ b/src/components/map-bak/mock.js
@@ -0,0 +1,1080 @@
+export const electNodeList = [
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830681',
+    lng: '111.72953',
+    nodeName: '',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.83078',
+    lng: '111.730077',
+    nodeName: '教学主楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830858',
+    lng: '111.730585',
+    nodeName: '教学北楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831051',
+    lng: '111.729815',
+    nodeName: '一号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831326',
+    lng: '111.729689',
+    nodeName: 'B座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831205',
+    lng: '111.730472',
+    nodeName: '二号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831475',
+    lng: '111.730364',
+    nodeName: 'C座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831027',
+    lng: '111.731106',
+    nodeName: '网络教室',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830697',
+    lng: '111.731217',
+    nodeName: '机考基地',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830084',
+    lng: '111.730342',
+    nodeName: '教学南楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829572',
+    lng: '111.73019',
+    nodeName: 'A座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829443',
+    lng: '111.730252',
+    nodeName: '三号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.82965',
+    lng: '111.731148',
+    nodeName: '四号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829416',
+    lng: '111.731261',
+    nodeName: '五号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829665',
+    lng: '111.732417',
+    nodeName: '六号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829862',
+    lng: '111.733332',
+    nodeName: '七号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+]
+export const HotNodeList = [
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学主楼西侧热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学主楼西侧',
+    installTime: '2023-03-15',
+    lat: '40.83078',
+    lng: '111.730077',
+    monitorObj: '5',
+    monitorObjName: '厂房监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学北楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学北楼',
+    installTime: '2023-03-15',
+    lat: '40.830858',
+    lng: '111.730585',
+    monitorObj: '5',
+    monitorObjName: '教学北楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '一号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '一号楼',
+    installTime: '2023-03-15',
+    lat: '40.831051',
+    lng: '111.729815',
+    monitorObj: '5',
+    monitorObjName: '一号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'B座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'B座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831326',
+    lng: '111.729689',
+    monitorObj: '5',
+    monitorObjName: 'B座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '二号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '二号楼',
+    installTime: '2023-03-15',
+    lat: '40.831205',
+    lng: '111.730472',
+    monitorObj: '5',
+    monitorObjName: '二号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'C座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'C座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831475',
+    lng: '111.730364',
+    monitorObj: '5',
+    monitorObjName: 'C座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '网络教室热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '网络教室',
+    installTime: '2023-03-15',
+    lat: '40.831027',
+    lng: '111.731106',
+    monitorObj: '5',
+    monitorObjName: '网络教室监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '机考基地热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '机考基地',
+    installTime: '2023-03-15',
+    lat: '40.830697',
+    lng: '111.731217',
+    monitorObj: '5',
+    monitorObjName: '机考基地监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学南楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学南楼',
+    installTime: '2023-03-15',
+    lat: '40.830084',
+    lng: '111.730342',
+    monitorObj: '5',
+    monitorObjName: '教学南楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'A座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'A座公寓',
+    installTime: '2023-03-15',
+    lat: '40.829572',
+    lng: '111.73019',
+    monitorObj: '5',
+    monitorObjName: 'A座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '三号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '三号楼',
+    installTime: '2023-03-15',
+    lat: '40.829443',
+    lng: '111.730252',
+    monitorObj: '5',
+    monitorObjName: '三号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '四号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '四号楼',
+    installTime: '2023-03-15',
+    lat: '40.82965',
+    lng: '111.731148',
+    monitorObj: '5',
+    monitorObjName: '四号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '五号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '五号楼',
+    installTime: '2023-03-15',
+    lat: '40.829416',
+    lng: '111.731261',
+    monitorObj: '5',
+    monitorObjName: '五号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '六号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '六号楼',
+    installTime: '2023-03-15',
+    lat: '40.829665',
+    lng: '111.732417',
+    monitorObj: '5',
+    monitorObjName: '六号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '七号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '七号楼',
+    installTime: '2023-03-15',
+    lat: '40.829862',
+    lng: '111.733332',
+    monitorObj: '5',
+    monitorObjName: '七号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+]
+export const branchList = [
+  {
+    branchNodeInfos: [
+      [111.72953, 40.830681],
+      [111.730077, 40.83078],
+      [111.730552, 40.830891],
+      [111.729815, 40.831051],
+      [111.729689, 40.831326],
+    ],
+    branchNumber: '1号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.729815, 40.831051],
+      [111.730472, 40.831205],
+      [111.730364, 40.831475],
+    ],
+    branchNumber: '2号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730552, 40.830891],
+      [111.731106, 40.831027],
+      [111.731217, 40.830697],
+    ],
+    branchNumber: '3号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730077, 40.83078],
+      [111.730342, 40.830084],
+      [111.73019, 40.829572],
+      [111.730252, 40.829443],
+      [111.731148, 40.82965],
+
+      [111.731261, 40.829416],
+      [111.732417, 40.829665],
+      [111.733332, 40.829862],
+    ],
+    branchNumber: '4号支路',
+  },
+]
+export const guangfuList = [
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830948',
+    lng: '111.730561',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学北楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831377',
+    lng: '111.729912',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'B座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831528',
+    lng: '111.730581',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'C座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830178',
+    lng: '111.730829',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学南楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829763',
+    lng: '111.730109',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'A座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829607',
+    lng: '111.730734',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '四号楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+]
diff --git a/src/components/map-bak/trendChart.vue b/src/components/map-bak/trendChart.vue
new file mode 100644
index 0000000..5fbdd3d
--- /dev/null
+++ b/src/components/map-bak/trendChart.vue
@@ -0,0 +1,163 @@
+<!--
+  Description: 节点监测趋势echarts
+  Author: 李亚光
+  Date: 2023-06-05
+ -->
+<script lang="ts" setup name="TrendChart">
+import { getDeviceDetailAnalysis } from '@/api/api/index'
+const props = defineProps({
+  height: {
+    type: Number,
+    default: 400,
+  },
+  width: {
+    type: Number,
+    default: 400,
+  },
+  deviceId: {
+    type: Number || String,
+    require: true,
+  },
+  deviceType: {
+    type: Number || String,
+    require: true,
+  },
+})
+const loading = ref(true)
+const range = ref('')
+const flag = ref(true)
+// defineExpose({ range })
+const yAxisData = ref([])
+const xAxisData = ref([])
+const selected = ref({})
+// 获取设备监测分析
+const fetchDeviceAnalysis = () => {
+  loading.value = true
+  xAxisData.value = []
+  yAxisData.value = []
+  getDeviceDetailAnalysis({
+    deviceId: props?.deviceId,
+    type: range.value,
+  }).then((res) => {
+    const data = res.data
+    // 整理节点监测趋势数据-用电
+    if (data.monitorTrends?.rp.length && Number(props.deviceType) === 1) {
+      xAxisData.value = data.monitorTrends?.rp?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '有功功率(MW)',
+          data: data.monitorTrends?.rp?.map((item: any) => Number(item.value)),
+        },
+        {
+          name: '无功功率(MVAr)',
+          data: data.monitorTrends?.ap?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    // 整理节点监测趋势数据-用热/用气
+    if (data.monitorTrends?.val.length && Number(props.deviceType) !== 1) {
+      xAxisData.value = data.monitorTrends?.val?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '监测值',
+          data: data.monitorTrends?.val?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    loading.value = false
+  }).catch(() => {
+    xAxisData.value = []
+    loading.value = false
+  })
+}
+// 监听 监测趋势时间段 变化 重新获取数据
+watch(() => props.deviceId, (newVal) => {
+  if (newVal) {
+    range.value = 'day'
+    fetchDeviceAnalysis()
+  }
+  if (Number(props.deviceType) === 1) {
+    selected.value = {
+      '有功功率(MW)': true,
+      '无功功率(MVAr)': false,
+    }
+  }
+  else {
+    selected.value = {}
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+watch(() => range.value, (newVal) => {
+  if (newVal) {
+    fetchDeviceAnalysis()
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+
+const expand = ref(true)
+const expandChart = () => {
+  expand.value = !expand.value
+  if (!expand.value) {
+    range.value = ''
+    xAxisData.value = []
+    yAxisData.value = []
+    setTimeout(() => {
+      range.value = 'day'
+    })
+  }
+}
+defineExpose({ range, expand, fetchDeviceAnalysis })
+</script>
+
+<template>
+  <div style="padding: 10px;">
+    <div class="chart-title" @click="expandChart">
+      节点监测趋势
+      <div class="btn">
+        <el-icon v-if="expand">
+          <arrow-right-bold />
+        </el-icon>
+        <el-icon v-else>
+          <arrow-down-bold />
+        </el-icon>
+      </div>
+    </div>
+    <div v-if="!expand">
+      <el-radio-group v-model="range">
+        <el-radio label="day">
+          日
+        </el-radio>
+        <el-radio label="month">
+          月
+        </el-radio>
+        <el-radio label="year">
+          年
+        </el-radio>
+      </el-radio-group>
+      <line-chart
+        v-loading="loading" :height="`${props.height}px`" :width="`${props.width}px`" :data="yAxisData"
+        :x-axis-data="xAxisData" :selected="selected"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.chart-title {
+  background-color: #ccc;
+  position: relative;
+
+  .btn {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+</style>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index da37e9a..5a1b86c 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -8,7 +8,6 @@
 import infoDetail from './infoWindow.vue'
 import infoDetail2 from './infoWindow2.vue'
 import infoDetailHot from './infoWindowHot.vue'
-import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
 import { getDictByCode } from '@/api/system/dict'
 import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
 const publicPath = import.meta.env.BASE_URL
@@ -90,6 +89,7 @@
     // 图层实例
     layer.value = new AMap.TileLayer.Satellite()
     map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
     // 地图绑定右击事件
     map.value.on('mousedown', clickHandler)
   })
@@ -113,7 +113,7 @@
       position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
       map: map.value,
       icon,
-      offset: new AMap.Pixel(0, -20),
+      offset: new AMap.Pixel(3, -30),
     })
     // 支路点详细信息// 信息窗体
     infoWindow.value = new AMap.InfoWindow({
@@ -139,7 +139,7 @@
     })
     map.value.add([marker])
   }
-  // // 光伏标记点及光伏绘制
+  // 光伏标记点及光伏绘制
   for (let i = 0; i < markerArr1.value.length; i++) {
     const icon = new AMap.Icon({
       size: new AMap.Size(36, 36), // 图标尺寸
@@ -197,108 +197,88 @@
   }
   // 电网支路折线绘制
   for (let i = 0; i < lineArr.value.length; i++) {
-    const path = lineArr.value[i].branchNodeInfos
-    var polyline = new AMap.Polyline({
-      path,
-      isOutline: true,
-      strokeColor: '#008d68',
-      // strokeOpacity: 1,
-      strokeWeight: 3,
-      // 折线样式还支持 'dashed'
-      // strokeStyle是dashed时有效
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      // lineCap: 'square',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // for (let i = 0; i < lineArr.value.length; i++) {
-  //   // console.log(lineArr.value[i])
-  //   const path = lineArr.value.map(item => item.branchNodeInfos)
-  //   const line = path.map(item => (
-  //     item.map((child) => {
-  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-  //     })
-  //   ))
-  //   line.forEach((item) => {
-  //     item.forEach((child) => {
-  //       const path = [child[0], child[1]]
-  //       const polyline = new AMap.Polyline({
-  //         path,
-  //         // isOutline: true,
-  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
-  //         // strokeOpacity: 1,
-  //         strokeWeight: 3,
-  //         // 折线样式还支持 'dashed'
-  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-  //         // strokeStyle是dashed时有效
-  //         strokeDasharray: [10, 3],
-  //         lineJoin: 'round',
-  //         showDir: child[2] === 1,
-  //         // lineCap: 'square',
-  //         lineCap: 'round',
-  //         zIndex: 50,
-  //         zooms: [16, 20],
+    // console.log(lineArr.value[i])
+    const path = lineArr.value.map(item => item.branchNodeInfos)
+    const line = path.map(item => (
+      item.map((child) => {
+        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+      })
+    ))
+    line.forEach((item) => {
+      item.forEach((child) => {
+        const path = [child[0], child[1]]
+        const polyline = new AMap.Polyline({
+          path,
+          // isOutline: true,
+          strokeColor: child[2] === 1 ? '#008d68' : '#000',
+          // strokeOpacity: 1,
+          strokeWeight: 3,
+          // 折线样式还支持 'dashed'
+          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+          // strokeStyle是dashed时有效
+          strokeDasharray: [10, 3],
+          lineJoin: 'round',
+          showDir: child[2] === 1,
+          // lineCap: 'square',
+          lineCap: 'round',
+          zIndex: 50,
+          zooms: [16, 20],
 
-  //       })
-  //       // 离线支路连接添加开关图标
-  //       if (child[2] === 0) {
-  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-  //         const icon = new AMap.Icon({
-  //           size: new AMap.Size(36, 36), // 图标尺寸
-  //           image: `${publicPath}img/icon3.png`, // Icon的图像
-  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //         })
-  //         const marker = new AMap.Marker({
-  //           zooms: [16, 20],
-  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //           map: map.value,
-  //           icon,
-  //           offset: new AMap.Pixel(-20, -20),
-  //         })
-  //         map.value.add([marker])
-  //       }
-  //       polyline.setMap(map.value)
-  //       map.value.add(polyline)
-  //     })
-  //   })
-  // 添加支路折线文本
-  // 创建纯文本标记
-  // const textArr = path.map(item => (
-  //   item.map((child) => {
-  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-  //   })
-  // ))
-  // textArr.forEach((item) => {
-  //   // console.log(item, 'item')
-  //   item.forEach((child) => {
-  //     const icon = new AMap.Icon({
-  //       size: new AMap.Size(36, 36), // 图标尺寸
-  //       // image: '', // Icon的图像
-  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //     })
-  //     // const content = '<div>111</div>'
-  //     const marker = new AMap.Marker({
-  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //       map: map.value,
-  //       content: '<span></span>',
-  //       offset: new AMap.Pixel(-20, -20),
-  //     })
-  //     marker.setLabel({
-  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-  //       direction: 'right', // 设置文本标注方位
-  //     })
-  //     map.value.add([marker])
-  //   })
-  // })
-  // }
+        })
+        // 离线支路连接添加开关图标
+        if (child[2] === 0) {
+          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+          const icon = new AMap.Icon({
+            size: new AMap.Size(36, 36), // 图标尺寸
+            image: `${publicPath}img/icon3.png`, // Icon的图像
+            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+          })
+          const marker = new AMap.Marker({
+            zooms: [16, 20],
+            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+            map: map.value,
+            icon,
+            offset: new AMap.Pixel(-20, -20),
+          })
+          map.value.add([marker])
+        }
+        polyline.setMap(map.value)
+        map.value.add(polyline)
+      })
+    })
+    // 添加支路折线文本
+    // 创建纯文本标记
+    // const textArr = path.map(item => (
+    //   item.map((child) => {
+    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+    //   })
+    // ))
+    // textArr.forEach((item) => {
+    //   // console.log(item, 'item')
+    //   item.forEach((child) => {
+    //     const icon = new AMap.Icon({
+    //       size: new AMap.Size(36, 36), // 图标尺寸
+    //       // image: '', // Icon的图像
+    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    //     })
+    //     // const content = '<div>111</div>'
+    //     const marker = new AMap.Marker({
+    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+    //       map: map.value,
+    //       content: '<span></span>',
+    //       offset: new AMap.Pixel(-20, -20),
+    //     })
+    //     marker.setLabel({
+    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+    //       direction: 'right', // 设置文本标注方位
+    //     })
+    //     map.value.add([marker])
+    //   })
+    // })
+  }
 }
 // 绘制用热监测相关
 const useHot = () => {
@@ -347,26 +327,20 @@
   try {
     const list = await getElectricityListAll()
     // 电网列表
-    console.log(list.data, '电网列表')
     electricityList.value = list.data
     // 查询节点列表(标记点)
     if (electricityList.value.length) {
       const res = await electricityNode(electricityList.value[0].id)
-      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      // markerArrInfo.value = res.data
-      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = electNodeList
-      console.log(res.data, '电网标记点')
+      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = res.data
       // 获取支路信息(折线)
-      // const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = branchList
-      // console.log(res1.data, '折线记点')
+      const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = res1.data
     }
     // 获取光伏列表
-    const list1 = guangfuList
-    // console.log(list1, '广福街店')
-    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1
+    const list1 = await getMonitorStationList()
+    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1.data
     // 初始化地图
     await initMap()
     useElectricity()
@@ -381,10 +355,8 @@
     ptn: '',
     deviceType: '2',
   }).then((res) => {
-    markerArrHotInfo.value = HotNodeList
-    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-    // markerArrHotInfo.value = res.data.rows
-    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrHotInfo.value = res.data.rows
+    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
   })
   // getElectricityListAll().then((res) => {
   //   // 电网列表
@@ -456,6 +428,7 @@
       areaMarkerList.value.push(res.data[0])
       const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
       drawArea(data, color[newVal])
+      console.log(data, 'data')
     }
   })
 })
@@ -483,13 +456,13 @@
   <info-detail ref="windowInfoRef" />
   <info-detail2 ref="windowInfoRef2" />
   <info-detail-hot ref="windowInfoHotRef" />
-  <!-- <div class="btns">
+  <div class="btns">
     <el-radio-group v-model="area">
       <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
         {{ item.name }}
       </el-radio-button>
     </el-radio-group>
-  </div> -->
+  </div>
 </template>
 
 <style scoped>
@@ -522,5 +495,7 @@
 .amap-marker-label {
   border: 0;
   background-color: transparent;
+
+  /* color: transparent; */
 }
 </style>
diff --git a/src/components/map/mock.js b/src/components/map/mock.js
deleted file mode 100644
index 083069d..0000000
--- a/src/components/map/mock.js
+++ /dev/null
@@ -1,1080 +0,0 @@
-export const electNodeList = [
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830681',
-    lng: '111.72953',
-    nodeName: '',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.83078',
-    lng: '111.730077',
-    nodeName: '教学主楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830858',
-    lng: '111.730585',
-    nodeName: '教学北楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831051',
-    lng: '111.729815',
-    nodeName: '一号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831326',
-    lng: '111.729689',
-    nodeName: 'B座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831205',
-    lng: '111.730472',
-    nodeName: '二号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831475',
-    lng: '111.730364',
-    nodeName: 'C座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831027',
-    lng: '111.731106',
-    nodeName: '网络教室',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830697',
-    lng: '111.731217',
-    nodeName: '机考基地',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830084',
-    lng: '111.730342',
-    nodeName: '教学南楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829572',
-    lng: '111.73019',
-    nodeName: 'A座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829443',
-    lng: '111.730252',
-    nodeName: '三号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.82965',
-    lng: '111.731148',
-    nodeName: '四号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829416',
-    lng: '111.731261',
-    nodeName: '五号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829665',
-    lng: '111.732417',
-    nodeName: '六号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829862',
-    lng: '111.733332',
-    nodeName: '七号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-]
-export const HotNodeList = [
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学主楼西侧热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学主楼西侧',
-    installTime: '2023-03-15',
-    lat: '40.83078',
-    lng: '111.730077',
-    monitorObj: '5',
-    monitorObjName: '厂房监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学北楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学北楼',
-    installTime: '2023-03-15',
-    lat: '40.830858',
-    lng: '111.730585',
-    monitorObj: '5',
-    monitorObjName: '教学北楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '一号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '一号楼',
-    installTime: '2023-03-15',
-    lat: '40.831051',
-    lng: '111.729815',
-    monitorObj: '5',
-    monitorObjName: '一号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'B座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'B座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831326',
-    lng: '111.729689',
-    monitorObj: '5',
-    monitorObjName: 'B座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '二号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '二号楼',
-    installTime: '2023-03-15',
-    lat: '40.831205',
-    lng: '111.730472',
-    monitorObj: '5',
-    monitorObjName: '二号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'C座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'C座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831475',
-    lng: '111.730364',
-    monitorObj: '5',
-    monitorObjName: 'C座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '网络教室热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '网络教室',
-    installTime: '2023-03-15',
-    lat: '40.831027',
-    lng: '111.731106',
-    monitorObj: '5',
-    monitorObjName: '网络教室监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '机考基地热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '机考基地',
-    installTime: '2023-03-15',
-    lat: '40.830697',
-    lng: '111.731217',
-    monitorObj: '5',
-    monitorObjName: '机考基地监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学南楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学南楼',
-    installTime: '2023-03-15',
-    lat: '40.830084',
-    lng: '111.730342',
-    monitorObj: '5',
-    monitorObjName: '教学南楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'A座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'A座公寓',
-    installTime: '2023-03-15',
-    lat: '40.829572',
-    lng: '111.73019',
-    monitorObj: '5',
-    monitorObjName: 'A座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '三号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '三号楼',
-    installTime: '2023-03-15',
-    lat: '40.829443',
-    lng: '111.730252',
-    monitorObj: '5',
-    monitorObjName: '三号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '四号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '四号楼',
-    installTime: '2023-03-15',
-    lat: '40.82965',
-    lng: '111.731148',
-    monitorObj: '5',
-    monitorObjName: '四号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '五号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '五号楼',
-    installTime: '2023-03-15',
-    lat: '40.829416',
-    lng: '111.731261',
-    monitorObj: '5',
-    monitorObjName: '五号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '六号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '六号楼',
-    installTime: '2023-03-15',
-    lat: '40.829665',
-    lng: '111.732417',
-    monitorObj: '5',
-    monitorObjName: '六号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '七号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '七号楼',
-    installTime: '2023-03-15',
-    lat: '40.829862',
-    lng: '111.733332',
-    monitorObj: '5',
-    monitorObjName: '七号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-]
-export const branchList = [
-  {
-    branchNodeInfos: [
-      [111.72953, 40.830681],
-      [111.730077, 40.83078],
-      [111.730552, 40.830891],
-      [111.729815, 40.831051],
-      [111.729689, 40.831326],
-    ],
-    branchNumber: '1号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.729815, 40.831051],
-      [111.730472, 40.831205],
-      [111.730364, 40.831475],
-    ],
-    branchNumber: '2号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730552, 40.830891],
-      [111.731106, 40.831027],
-      [111.731217, 40.830697],
-    ],
-    branchNumber: '3号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730077, 40.83078],
-      [111.730342, 40.830084],
-      [111.73019, 40.829572],
-      [111.730252, 40.829443],
-      [111.731148, 40.82965],
-
-      [111.731261, 40.829416],
-      [111.732417, 40.829665],
-      [111.733332, 40.829862],
-    ],
-    branchNumber: '4号支路',
-  },
-]
-export const guangfuList = [
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830948',
-    lng: '111.730561',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学北楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831377',
-    lng: '111.729912',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'B座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831528',
-    lng: '111.730581',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'C座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830178',
-    lng: '111.730829',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学南楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829763',
-    lng: '111.730109',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'A座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829607',
-    lng: '111.730734',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '四号楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-]

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/mock.js b/src/components/map-bak/mock.js
new file mode 100644
index 0000000..083069d
--- /dev/null
+++ b/src/components/map-bak/mock.js
@@ -0,0 +1,1080 @@
+export const electNodeList = [
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830681',
+    lng: '111.72953',
+    nodeName: '',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.83078',
+    lng: '111.730077',
+    nodeName: '教学主楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830858',
+    lng: '111.730585',
+    nodeName: '教学北楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831051',
+    lng: '111.729815',
+    nodeName: '一号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831326',
+    lng: '111.729689',
+    nodeName: 'B座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831205',
+    lng: '111.730472',
+    nodeName: '二号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831475',
+    lng: '111.730364',
+    nodeName: 'C座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831027',
+    lng: '111.731106',
+    nodeName: '网络教室',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830697',
+    lng: '111.731217',
+    nodeName: '机考基地',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830084',
+    lng: '111.730342',
+    nodeName: '教学南楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829572',
+    lng: '111.73019',
+    nodeName: 'A座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829443',
+    lng: '111.730252',
+    nodeName: '三号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.82965',
+    lng: '111.731148',
+    nodeName: '四号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829416',
+    lng: '111.731261',
+    nodeName: '五号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829665',
+    lng: '111.732417',
+    nodeName: '六号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829862',
+    lng: '111.733332',
+    nodeName: '七号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+]
+export const HotNodeList = [
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学主楼西侧热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学主楼西侧',
+    installTime: '2023-03-15',
+    lat: '40.83078',
+    lng: '111.730077',
+    monitorObj: '5',
+    monitorObjName: '厂房监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学北楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学北楼',
+    installTime: '2023-03-15',
+    lat: '40.830858',
+    lng: '111.730585',
+    monitorObj: '5',
+    monitorObjName: '教学北楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '一号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '一号楼',
+    installTime: '2023-03-15',
+    lat: '40.831051',
+    lng: '111.729815',
+    monitorObj: '5',
+    monitorObjName: '一号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'B座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'B座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831326',
+    lng: '111.729689',
+    monitorObj: '5',
+    monitorObjName: 'B座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '二号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '二号楼',
+    installTime: '2023-03-15',
+    lat: '40.831205',
+    lng: '111.730472',
+    monitorObj: '5',
+    monitorObjName: '二号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'C座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'C座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831475',
+    lng: '111.730364',
+    monitorObj: '5',
+    monitorObjName: 'C座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '网络教室热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '网络教室',
+    installTime: '2023-03-15',
+    lat: '40.831027',
+    lng: '111.731106',
+    monitorObj: '5',
+    monitorObjName: '网络教室监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '机考基地热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '机考基地',
+    installTime: '2023-03-15',
+    lat: '40.830697',
+    lng: '111.731217',
+    monitorObj: '5',
+    monitorObjName: '机考基地监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学南楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学南楼',
+    installTime: '2023-03-15',
+    lat: '40.830084',
+    lng: '111.730342',
+    monitorObj: '5',
+    monitorObjName: '教学南楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'A座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'A座公寓',
+    installTime: '2023-03-15',
+    lat: '40.829572',
+    lng: '111.73019',
+    monitorObj: '5',
+    monitorObjName: 'A座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '三号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '三号楼',
+    installTime: '2023-03-15',
+    lat: '40.829443',
+    lng: '111.730252',
+    monitorObj: '5',
+    monitorObjName: '三号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '四号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '四号楼',
+    installTime: '2023-03-15',
+    lat: '40.82965',
+    lng: '111.731148',
+    monitorObj: '5',
+    monitorObjName: '四号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '五号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '五号楼',
+    installTime: '2023-03-15',
+    lat: '40.829416',
+    lng: '111.731261',
+    monitorObj: '5',
+    monitorObjName: '五号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '六号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '六号楼',
+    installTime: '2023-03-15',
+    lat: '40.829665',
+    lng: '111.732417',
+    monitorObj: '5',
+    monitorObjName: '六号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '七号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '七号楼',
+    installTime: '2023-03-15',
+    lat: '40.829862',
+    lng: '111.733332',
+    monitorObj: '5',
+    monitorObjName: '七号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+]
+export const branchList = [
+  {
+    branchNodeInfos: [
+      [111.72953, 40.830681],
+      [111.730077, 40.83078],
+      [111.730552, 40.830891],
+      [111.729815, 40.831051],
+      [111.729689, 40.831326],
+    ],
+    branchNumber: '1号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.729815, 40.831051],
+      [111.730472, 40.831205],
+      [111.730364, 40.831475],
+    ],
+    branchNumber: '2号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730552, 40.830891],
+      [111.731106, 40.831027],
+      [111.731217, 40.830697],
+    ],
+    branchNumber: '3号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730077, 40.83078],
+      [111.730342, 40.830084],
+      [111.73019, 40.829572],
+      [111.730252, 40.829443],
+      [111.731148, 40.82965],
+
+      [111.731261, 40.829416],
+      [111.732417, 40.829665],
+      [111.733332, 40.829862],
+    ],
+    branchNumber: '4号支路',
+  },
+]
+export const guangfuList = [
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830948',
+    lng: '111.730561',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学北楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831377',
+    lng: '111.729912',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'B座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831528',
+    lng: '111.730581',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'C座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830178',
+    lng: '111.730829',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学南楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829763',
+    lng: '111.730109',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'A座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829607',
+    lng: '111.730734',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '四号楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+]
diff --git a/src/components/map-bak/trendChart.vue b/src/components/map-bak/trendChart.vue
new file mode 100644
index 0000000..5fbdd3d
--- /dev/null
+++ b/src/components/map-bak/trendChart.vue
@@ -0,0 +1,163 @@
+<!--
+  Description: 节点监测趋势echarts
+  Author: 李亚光
+  Date: 2023-06-05
+ -->
+<script lang="ts" setup name="TrendChart">
+import { getDeviceDetailAnalysis } from '@/api/api/index'
+const props = defineProps({
+  height: {
+    type: Number,
+    default: 400,
+  },
+  width: {
+    type: Number,
+    default: 400,
+  },
+  deviceId: {
+    type: Number || String,
+    require: true,
+  },
+  deviceType: {
+    type: Number || String,
+    require: true,
+  },
+})
+const loading = ref(true)
+const range = ref('')
+const flag = ref(true)
+// defineExpose({ range })
+const yAxisData = ref([])
+const xAxisData = ref([])
+const selected = ref({})
+// 获取设备监测分析
+const fetchDeviceAnalysis = () => {
+  loading.value = true
+  xAxisData.value = []
+  yAxisData.value = []
+  getDeviceDetailAnalysis({
+    deviceId: props?.deviceId,
+    type: range.value,
+  }).then((res) => {
+    const data = res.data
+    // 整理节点监测趋势数据-用电
+    if (data.monitorTrends?.rp.length && Number(props.deviceType) === 1) {
+      xAxisData.value = data.monitorTrends?.rp?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '有功功率(MW)',
+          data: data.monitorTrends?.rp?.map((item: any) => Number(item.value)),
+        },
+        {
+          name: '无功功率(MVAr)',
+          data: data.monitorTrends?.ap?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    // 整理节点监测趋势数据-用热/用气
+    if (data.monitorTrends?.val.length && Number(props.deviceType) !== 1) {
+      xAxisData.value = data.monitorTrends?.val?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '监测值',
+          data: data.monitorTrends?.val?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    loading.value = false
+  }).catch(() => {
+    xAxisData.value = []
+    loading.value = false
+  })
+}
+// 监听 监测趋势时间段 变化 重新获取数据
+watch(() => props.deviceId, (newVal) => {
+  if (newVal) {
+    range.value = 'day'
+    fetchDeviceAnalysis()
+  }
+  if (Number(props.deviceType) === 1) {
+    selected.value = {
+      '有功功率(MW)': true,
+      '无功功率(MVAr)': false,
+    }
+  }
+  else {
+    selected.value = {}
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+watch(() => range.value, (newVal) => {
+  if (newVal) {
+    fetchDeviceAnalysis()
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+
+const expand = ref(true)
+const expandChart = () => {
+  expand.value = !expand.value
+  if (!expand.value) {
+    range.value = ''
+    xAxisData.value = []
+    yAxisData.value = []
+    setTimeout(() => {
+      range.value = 'day'
+    })
+  }
+}
+defineExpose({ range, expand, fetchDeviceAnalysis })
+</script>
+
+<template>
+  <div style="padding: 10px;">
+    <div class="chart-title" @click="expandChart">
+      节点监测趋势
+      <div class="btn">
+        <el-icon v-if="expand">
+          <arrow-right-bold />
+        </el-icon>
+        <el-icon v-else>
+          <arrow-down-bold />
+        </el-icon>
+      </div>
+    </div>
+    <div v-if="!expand">
+      <el-radio-group v-model="range">
+        <el-radio label="day">
+          日
+        </el-radio>
+        <el-radio label="month">
+          月
+        </el-radio>
+        <el-radio label="year">
+          年
+        </el-radio>
+      </el-radio-group>
+      <line-chart
+        v-loading="loading" :height="`${props.height}px`" :width="`${props.width}px`" :data="yAxisData"
+        :x-axis-data="xAxisData" :selected="selected"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.chart-title {
+  background-color: #ccc;
+  position: relative;
+
+  .btn {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+</style>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index da37e9a..5a1b86c 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -8,7 +8,6 @@
 import infoDetail from './infoWindow.vue'
 import infoDetail2 from './infoWindow2.vue'
 import infoDetailHot from './infoWindowHot.vue'
-import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
 import { getDictByCode } from '@/api/system/dict'
 import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
 const publicPath = import.meta.env.BASE_URL
@@ -90,6 +89,7 @@
     // 图层实例
     layer.value = new AMap.TileLayer.Satellite()
     map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
     // 地图绑定右击事件
     map.value.on('mousedown', clickHandler)
   })
@@ -113,7 +113,7 @@
       position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
       map: map.value,
       icon,
-      offset: new AMap.Pixel(0, -20),
+      offset: new AMap.Pixel(3, -30),
     })
     // 支路点详细信息// 信息窗体
     infoWindow.value = new AMap.InfoWindow({
@@ -139,7 +139,7 @@
     })
     map.value.add([marker])
   }
-  // // 光伏标记点及光伏绘制
+  // 光伏标记点及光伏绘制
   for (let i = 0; i < markerArr1.value.length; i++) {
     const icon = new AMap.Icon({
       size: new AMap.Size(36, 36), // 图标尺寸
@@ -197,108 +197,88 @@
   }
   // 电网支路折线绘制
   for (let i = 0; i < lineArr.value.length; i++) {
-    const path = lineArr.value[i].branchNodeInfos
-    var polyline = new AMap.Polyline({
-      path,
-      isOutline: true,
-      strokeColor: '#008d68',
-      // strokeOpacity: 1,
-      strokeWeight: 3,
-      // 折线样式还支持 'dashed'
-      // strokeStyle是dashed时有效
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      // lineCap: 'square',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // for (let i = 0; i < lineArr.value.length; i++) {
-  //   // console.log(lineArr.value[i])
-  //   const path = lineArr.value.map(item => item.branchNodeInfos)
-  //   const line = path.map(item => (
-  //     item.map((child) => {
-  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-  //     })
-  //   ))
-  //   line.forEach((item) => {
-  //     item.forEach((child) => {
-  //       const path = [child[0], child[1]]
-  //       const polyline = new AMap.Polyline({
-  //         path,
-  //         // isOutline: true,
-  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
-  //         // strokeOpacity: 1,
-  //         strokeWeight: 3,
-  //         // 折线样式还支持 'dashed'
-  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-  //         // strokeStyle是dashed时有效
-  //         strokeDasharray: [10, 3],
-  //         lineJoin: 'round',
-  //         showDir: child[2] === 1,
-  //         // lineCap: 'square',
-  //         lineCap: 'round',
-  //         zIndex: 50,
-  //         zooms: [16, 20],
+    // console.log(lineArr.value[i])
+    const path = lineArr.value.map(item => item.branchNodeInfos)
+    const line = path.map(item => (
+      item.map((child) => {
+        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+      })
+    ))
+    line.forEach((item) => {
+      item.forEach((child) => {
+        const path = [child[0], child[1]]
+        const polyline = new AMap.Polyline({
+          path,
+          // isOutline: true,
+          strokeColor: child[2] === 1 ? '#008d68' : '#000',
+          // strokeOpacity: 1,
+          strokeWeight: 3,
+          // 折线样式还支持 'dashed'
+          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+          // strokeStyle是dashed时有效
+          strokeDasharray: [10, 3],
+          lineJoin: 'round',
+          showDir: child[2] === 1,
+          // lineCap: 'square',
+          lineCap: 'round',
+          zIndex: 50,
+          zooms: [16, 20],
 
-  //       })
-  //       // 离线支路连接添加开关图标
-  //       if (child[2] === 0) {
-  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-  //         const icon = new AMap.Icon({
-  //           size: new AMap.Size(36, 36), // 图标尺寸
-  //           image: `${publicPath}img/icon3.png`, // Icon的图像
-  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //         })
-  //         const marker = new AMap.Marker({
-  //           zooms: [16, 20],
-  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //           map: map.value,
-  //           icon,
-  //           offset: new AMap.Pixel(-20, -20),
-  //         })
-  //         map.value.add([marker])
-  //       }
-  //       polyline.setMap(map.value)
-  //       map.value.add(polyline)
-  //     })
-  //   })
-  // 添加支路折线文本
-  // 创建纯文本标记
-  // const textArr = path.map(item => (
-  //   item.map((child) => {
-  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-  //   })
-  // ))
-  // textArr.forEach((item) => {
-  //   // console.log(item, 'item')
-  //   item.forEach((child) => {
-  //     const icon = new AMap.Icon({
-  //       size: new AMap.Size(36, 36), // 图标尺寸
-  //       // image: '', // Icon的图像
-  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //     })
-  //     // const content = '<div>111</div>'
-  //     const marker = new AMap.Marker({
-  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //       map: map.value,
-  //       content: '<span></span>',
-  //       offset: new AMap.Pixel(-20, -20),
-  //     })
-  //     marker.setLabel({
-  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-  //       direction: 'right', // 设置文本标注方位
-  //     })
-  //     map.value.add([marker])
-  //   })
-  // })
-  // }
+        })
+        // 离线支路连接添加开关图标
+        if (child[2] === 0) {
+          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+          const icon = new AMap.Icon({
+            size: new AMap.Size(36, 36), // 图标尺寸
+            image: `${publicPath}img/icon3.png`, // Icon的图像
+            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+          })
+          const marker = new AMap.Marker({
+            zooms: [16, 20],
+            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+            map: map.value,
+            icon,
+            offset: new AMap.Pixel(-20, -20),
+          })
+          map.value.add([marker])
+        }
+        polyline.setMap(map.value)
+        map.value.add(polyline)
+      })
+    })
+    // 添加支路折线文本
+    // 创建纯文本标记
+    // const textArr = path.map(item => (
+    //   item.map((child) => {
+    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+    //   })
+    // ))
+    // textArr.forEach((item) => {
+    //   // console.log(item, 'item')
+    //   item.forEach((child) => {
+    //     const icon = new AMap.Icon({
+    //       size: new AMap.Size(36, 36), // 图标尺寸
+    //       // image: '', // Icon的图像
+    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    //     })
+    //     // const content = '<div>111</div>'
+    //     const marker = new AMap.Marker({
+    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+    //       map: map.value,
+    //       content: '<span></span>',
+    //       offset: new AMap.Pixel(-20, -20),
+    //     })
+    //     marker.setLabel({
+    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+    //       direction: 'right', // 设置文本标注方位
+    //     })
+    //     map.value.add([marker])
+    //   })
+    // })
+  }
 }
 // 绘制用热监测相关
 const useHot = () => {
@@ -347,26 +327,20 @@
   try {
     const list = await getElectricityListAll()
     // 电网列表
-    console.log(list.data, '电网列表')
     electricityList.value = list.data
     // 查询节点列表(标记点)
     if (electricityList.value.length) {
       const res = await electricityNode(electricityList.value[0].id)
-      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      // markerArrInfo.value = res.data
-      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = electNodeList
-      console.log(res.data, '电网标记点')
+      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = res.data
       // 获取支路信息(折线)
-      // const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = branchList
-      // console.log(res1.data, '折线记点')
+      const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = res1.data
     }
     // 获取光伏列表
-    const list1 = guangfuList
-    // console.log(list1, '广福街店')
-    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1
+    const list1 = await getMonitorStationList()
+    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1.data
     // 初始化地图
     await initMap()
     useElectricity()
@@ -381,10 +355,8 @@
     ptn: '',
     deviceType: '2',
   }).then((res) => {
-    markerArrHotInfo.value = HotNodeList
-    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-    // markerArrHotInfo.value = res.data.rows
-    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrHotInfo.value = res.data.rows
+    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
   })
   // getElectricityListAll().then((res) => {
   //   // 电网列表
@@ -456,6 +428,7 @@
       areaMarkerList.value.push(res.data[0])
       const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
       drawArea(data, color[newVal])
+      console.log(data, 'data')
     }
   })
 })
@@ -483,13 +456,13 @@
   <info-detail ref="windowInfoRef" />
   <info-detail2 ref="windowInfoRef2" />
   <info-detail-hot ref="windowInfoHotRef" />
-  <!-- <div class="btns">
+  <div class="btns">
     <el-radio-group v-model="area">
       <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
         {{ item.name }}
       </el-radio-button>
     </el-radio-group>
-  </div> -->
+  </div>
 </template>
 
 <style scoped>
@@ -522,5 +495,7 @@
 .amap-marker-label {
   border: 0;
   background-color: transparent;
+
+  /* color: transparent; */
 }
 </style>
diff --git a/src/components/map/mock.js b/src/components/map/mock.js
deleted file mode 100644
index 083069d..0000000
--- a/src/components/map/mock.js
+++ /dev/null
@@ -1,1080 +0,0 @@
-export const electNodeList = [
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830681',
-    lng: '111.72953',
-    nodeName: '',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.83078',
-    lng: '111.730077',
-    nodeName: '教学主楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830858',
-    lng: '111.730585',
-    nodeName: '教学北楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831051',
-    lng: '111.729815',
-    nodeName: '一号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831326',
-    lng: '111.729689',
-    nodeName: 'B座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831205',
-    lng: '111.730472',
-    nodeName: '二号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831475',
-    lng: '111.730364',
-    nodeName: 'C座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831027',
-    lng: '111.731106',
-    nodeName: '网络教室',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830697',
-    lng: '111.731217',
-    nodeName: '机考基地',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830084',
-    lng: '111.730342',
-    nodeName: '教学南楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829572',
-    lng: '111.73019',
-    nodeName: 'A座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829443',
-    lng: '111.730252',
-    nodeName: '三号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.82965',
-    lng: '111.731148',
-    nodeName: '四号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829416',
-    lng: '111.731261',
-    nodeName: '五号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829665',
-    lng: '111.732417',
-    nodeName: '六号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829862',
-    lng: '111.733332',
-    nodeName: '七号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-]
-export const HotNodeList = [
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学主楼西侧热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学主楼西侧',
-    installTime: '2023-03-15',
-    lat: '40.83078',
-    lng: '111.730077',
-    monitorObj: '5',
-    monitorObjName: '厂房监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学北楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学北楼',
-    installTime: '2023-03-15',
-    lat: '40.830858',
-    lng: '111.730585',
-    monitorObj: '5',
-    monitorObjName: '教学北楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '一号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '一号楼',
-    installTime: '2023-03-15',
-    lat: '40.831051',
-    lng: '111.729815',
-    monitorObj: '5',
-    monitorObjName: '一号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'B座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'B座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831326',
-    lng: '111.729689',
-    monitorObj: '5',
-    monitorObjName: 'B座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '二号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '二号楼',
-    installTime: '2023-03-15',
-    lat: '40.831205',
-    lng: '111.730472',
-    monitorObj: '5',
-    monitorObjName: '二号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'C座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'C座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831475',
-    lng: '111.730364',
-    monitorObj: '5',
-    monitorObjName: 'C座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '网络教室热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '网络教室',
-    installTime: '2023-03-15',
-    lat: '40.831027',
-    lng: '111.731106',
-    monitorObj: '5',
-    monitorObjName: '网络教室监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '机考基地热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '机考基地',
-    installTime: '2023-03-15',
-    lat: '40.830697',
-    lng: '111.731217',
-    monitorObj: '5',
-    monitorObjName: '机考基地监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学南楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学南楼',
-    installTime: '2023-03-15',
-    lat: '40.830084',
-    lng: '111.730342',
-    monitorObj: '5',
-    monitorObjName: '教学南楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'A座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'A座公寓',
-    installTime: '2023-03-15',
-    lat: '40.829572',
-    lng: '111.73019',
-    monitorObj: '5',
-    monitorObjName: 'A座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '三号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '三号楼',
-    installTime: '2023-03-15',
-    lat: '40.829443',
-    lng: '111.730252',
-    monitorObj: '5',
-    monitorObjName: '三号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '四号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '四号楼',
-    installTime: '2023-03-15',
-    lat: '40.82965',
-    lng: '111.731148',
-    monitorObj: '5',
-    monitorObjName: '四号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '五号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '五号楼',
-    installTime: '2023-03-15',
-    lat: '40.829416',
-    lng: '111.731261',
-    monitorObj: '5',
-    monitorObjName: '五号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '六号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '六号楼',
-    installTime: '2023-03-15',
-    lat: '40.829665',
-    lng: '111.732417',
-    monitorObj: '5',
-    monitorObjName: '六号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '七号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '七号楼',
-    installTime: '2023-03-15',
-    lat: '40.829862',
-    lng: '111.733332',
-    monitorObj: '5',
-    monitorObjName: '七号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-]
-export const branchList = [
-  {
-    branchNodeInfos: [
-      [111.72953, 40.830681],
-      [111.730077, 40.83078],
-      [111.730552, 40.830891],
-      [111.729815, 40.831051],
-      [111.729689, 40.831326],
-    ],
-    branchNumber: '1号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.729815, 40.831051],
-      [111.730472, 40.831205],
-      [111.730364, 40.831475],
-    ],
-    branchNumber: '2号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730552, 40.830891],
-      [111.731106, 40.831027],
-      [111.731217, 40.830697],
-    ],
-    branchNumber: '3号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730077, 40.83078],
-      [111.730342, 40.830084],
-      [111.73019, 40.829572],
-      [111.730252, 40.829443],
-      [111.731148, 40.82965],
-
-      [111.731261, 40.829416],
-      [111.732417, 40.829665],
-      [111.733332, 40.829862],
-    ],
-    branchNumber: '4号支路',
-  },
-]
-export const guangfuList = [
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830948',
-    lng: '111.730561',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学北楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831377',
-    lng: '111.729912',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'B座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831528',
-    lng: '111.730581',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'C座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830178',
-    lng: '111.730829',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学南楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829763',
-    lng: '111.730109',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'A座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829607',
-    lng: '111.730734',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '四号楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-]
diff --git a/src/components/mapBak/index.vue b/src/components/mapBak/index.vue
deleted file mode 100644
index cf07cce..0000000
--- a/src/components/mapBak/index.vue
+++ /dev/null
@@ -1,497 +0,0 @@
-<!--
-  Description: 高德地图
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-import infoDetail from './infoWindow.vue'
-import infoDetail2 from './infoWindow2.vue'
-import infoDetailHot from './infoWindowHot.vue'
-import { getDictByCode } from '@/api/system/dict'
-import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
-const publicPath = import.meta.env.BASE_URL
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
-}
-const electricityList = ref()
-// 地图实例
-const map = ref()
-//  用来画区域的
-const polygon = ref()
-//  画图工具实例
-const mouseTool = ref()
-// 区域数组
-const pathArr = ref([
-  [111.737806, 40.83386],
-  [111.736806, 40.83686],
-  [111.739906, 40.83686],
-  [111.739906, 40.83386],
-])
-// 电网节点数组
-const markerArr = ref([
-])
-// 光伏数组
-const markerArr1 = ref([
-])
-// 用热坐标数组
-const markerArrHot = ref()
-const markerArrHotInfo = ref()
-// 信息窗体
-const infoWindow = ref()
-const infoWindow2 = ref()
-const infoWindowHot = ref()
-const windowInfoRef = ref()
-const windowInfoRef2 = ref()
-const windowInfoHotRef = ref()
-const markerArrInfo = ref()
-const markerArrInfo1 = ref()
-// 折现节点坐标
-const lineArr = ref([])
-// 地图点击事件
-const clickHandler = function (e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// 地图实例对象
-const AMap1 = ref()
-// 图层实例
-const layer = ref()
-const flag = ref(false)
-// 切换图层
-const changeLayerGrop = () => {
-  if (flag.value) {
-    map.value.addLayer(layer.value)
-  }
-  else {
-    map.value.removeLayer(layer.value)
-  }
-  flag.value = !flag.value
-}
-// 初始化地图
-const initMap = async () => {
-  await AMapLoader.load({
-    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
-    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  }).then((AMap) => {
-    AMap1.value = AMap
-    // 初始化地图
-    map.value = new AMap.Map('map', {
-      viewMode: '3D', //  是否为3D地图模式
-      zoom: 17, // 初始化地图级别
-      center: [111.765785, 40.718114],
-      resizeEnable: true,
-    })
-    // 图层实例
-    layer.value = new AMap.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    // 地图绑定右击事件
-    map.value.on('mousedown', clickHandler)
-  })
-    .catch((e) => {
-      console.log(e)
-    })
-}
-// 绘制用电监测相关
-const useElectricity = () => {
-  const AMap = AMap1.value
-  // 电网支路标记点绘制
-  for (let i = 0; i < markerArr.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon1.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindow.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow.value,
-        info: markerArrInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-  // 光伏标记点及光伏绘制
-  for (let i = 0; i < markerArr1.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon2.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20],
-      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(-20, -20),
-    })
-    // 信息窗体
-    infoWindow2.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow2.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef2.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow2.value,
-        info: markerArrInfo1.value[i],
-      })
-    })
-    // 标记点的文本
-    marker.setLabel({
-      zooms: [16, 20],
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-    // 绘制电网和节点连线
-    const path = markerArrInfo1.value.map((item) => {
-      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
-    })
-    const polyline = new AMap.Polyline({
-      path,
-      strokeColor: '#03A382',
-      strokeStyle: 'dashed',
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // 电网支路折线绘制
-  for (let i = 0; i < lineArr.value.length; i++) {
-    // console.log(lineArr.value[i])
-    const path = lineArr.value.map(item => item.branchNodeInfos)
-    const line = path.map(item => (
-      item.map((child) => {
-        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-      })
-    ))
-    line.forEach((item) => {
-      item.forEach((child) => {
-        const path = [child[0], child[1]]
-        const polyline = new AMap.Polyline({
-          path,
-          // isOutline: true,
-          strokeColor: child[2] === 1 ? '#008d68' : '#000',
-          // strokeOpacity: 1,
-          strokeWeight: 3,
-          // 折线样式还支持 'dashed'
-          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-          // strokeStyle是dashed时有效
-          strokeDasharray: [10, 3],
-          lineJoin: 'round',
-          showDir: child[2] === 1,
-          // lineCap: 'square',
-          lineCap: 'round',
-          zIndex: 50,
-          zooms: [16, 20],
-
-        })
-        // 离线支路连接添加开关图标
-        if (child[2] === 0) {
-          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-          const icon = new AMap.Icon({
-            size: new AMap.Size(36, 36), // 图标尺寸
-            image: `${publicPath}img/icon3.png`, // Icon的图像
-            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-          })
-          const marker = new AMap.Marker({
-            zooms: [16, 20],
-            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-            map: map.value,
-            icon,
-            offset: new AMap.Pixel(-20, -20),
-          })
-          map.value.add([marker])
-        }
-        polyline.setMap(map.value)
-        map.value.add(polyline)
-      })
-    })
-    // 添加支路折线文本
-    // 创建纯文本标记
-    // const textArr = path.map(item => (
-    //   item.map((child) => {
-    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-    //   })
-    // ))
-    // textArr.forEach((item) => {
-    //   // console.log(item, 'item')
-    //   item.forEach((child) => {
-    //     const icon = new AMap.Icon({
-    //       size: new AMap.Size(36, 36), // 图标尺寸
-    //       // image: '', // Icon的图像
-    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    //     })
-    //     // const content = '<div>111</div>'
-    //     const marker = new AMap.Marker({
-    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-    //       map: map.value,
-    //       content: '<span></span>',
-    //       offset: new AMap.Pixel(-20, -20),
-    //     })
-    //     marker.setLabel({
-    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-    //       direction: 'right', // 设置文本标注方位
-    //     })
-    //     map.value.add([marker])
-    //   })
-    // })
-  }
-}
-// 绘制用热监测相关
-const useHot = () => {
-  for (let i = 0; i < markerArrHot.value.length; i++) {
-    const AMap = AMap1.value
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon4.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindowHot.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindowHot.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoHotRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindowHot.value,
-        info: markerArrHotInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-}
-onMounted(async () => {
-  // 获取电网列表
-  try {
-    const list = await getElectricityListAll()
-    // 电网列表
-    electricityList.value = list.data
-    // 查询节点列表(标记点)
-    if (electricityList.value.length) {
-      const res = await electricityNode(electricityList.value[0].id)
-      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = res.data
-      // 获取支路信息(折线)
-      const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = res1.data
-    }
-    // 获取光伏列表
-    const list1 = await getMonitorStationList()
-    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1.data
-    // 初始化地图
-    await initMap()
-    useElectricity()
-  }
-  catch (error) {
-    initMap()
-  }
-  // 获取用热数据
-  getDeviceListPage({
-    offset: 1,
-    limit: 999,
-    ptn: '',
-    deviceType: '2',
-  }).then((res) => {
-    markerArrHotInfo.value = res.data.rows
-    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
-  })
-  // getElectricityListAll().then((res) => {
-  //   // 电网列表
-  //   electricityList.value = res.data
-  //   // 默认选中第一个查询节点
-  //   if (electricityList.value.length) {
-  //     electricityNode(electricityList.value[0].id).then((res) => {
-  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-  //       markerArrInfo.value = res.data
-  //       // 获取支路
-  //       electricityBranch(electricityList.value[0].id).then(res => {
-  //         lineArr.value = res.data
-  //         // console.log(res.data)
-  //         initMap()
-  //       })
-  //     })
-  //   }
-  // })
-})
-const area = ref('')
-const areaList = ref([])
-// 获取分区列表
-const fetchAreaList = () => {
-  getDictByCode('ptn_type').then((res) => {
-    areaList.value = res.data
-  })
-}
-fetchAreaList()
-const areaMarkerList = ref()
-const polygons = ref()
-// 绘制区域
-const drawArea = (markerList: any, color: string) => {
-  const polygon = new AMap1.value.Polygon({
-    path: markerList,
-    fillColor: color,
-    strokeOpacity: 1,
-    fillOpacity: 0.5,
-    strokeColor: '#2b8cba',
-    strokeWeight: 1,
-    strokeStyle: 'dashed',
-    strokeDasharray: [5, 5],
-  })
-  polygons.value = polygon
-  map.value.add(polygon)
-}
-// 删除绘制
-const clearDraw = () => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-    area.value = ''
-  }
-}
-// 监听分区变化
-watch(() => area.value, (newVal) => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-  }
-  if (!newVal) {
-    return
-  }
-  getAreaPosition(newVal).then((res) => {
-    const color = {
-      1: '#2b8cbe',
-      2: '#ccebc5',
-      3: '#7bccc4',
-    }
-    areaMarkerList.value = res.data
-    if (res.data.length) {
-      areaMarkerList.value.push(res.data[0])
-      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
-      drawArea(data, color[newVal])
-    }
-  })
-})
-// 用电检测/用热监测 默认用电
-const flagType = ref(true)
-// 切换用电检测/用热监测
-const changeFlagType = () => {
-  map.value.clearMap()
-  map.value.setCenter([111.765785, 40.718114])
-  // 区域框展示
-  area.value = ''
-  if (flagType.value) {
-    useHot()
-  }
-  else {
-    useElectricity()
-  }
-  flagType.value = !flagType.value
-}
-defineExpose({ changeLayerGrop, changeFlagType, flag })
-</script>
-
-<template>
-  <div id="map" />
-  <info-detail ref="windowInfoRef" />
-  <info-detail2 ref="windowInfoRef2" />
-  <info-detail-hot ref="windowInfoHotRef" />
-  <div class="btns">
-    <el-radio-group v-model="area">
-      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
-        {{ item.name }}
-      </el-radio-button>
-    </el-radio-group>
-  </div>
-</template>
-
-<style scoped>
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-
-.btns {
-  position: absolute;
-  left: 10px;
-  bottom: 10px;
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.amap-marker-label {
-  border: 0;
-  background-color: transparent;
-}
-</style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/mock.js b/src/components/map-bak/mock.js
new file mode 100644
index 0000000..083069d
--- /dev/null
+++ b/src/components/map-bak/mock.js
@@ -0,0 +1,1080 @@
+export const electNodeList = [
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830681',
+    lng: '111.72953',
+    nodeName: '',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.83078',
+    lng: '111.730077',
+    nodeName: '教学主楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830858',
+    lng: '111.730585',
+    nodeName: '教学北楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831051',
+    lng: '111.729815',
+    nodeName: '一号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831326',
+    lng: '111.729689',
+    nodeName: 'B座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831205',
+    lng: '111.730472',
+    nodeName: '二号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831475',
+    lng: '111.730364',
+    nodeName: 'C座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831027',
+    lng: '111.731106',
+    nodeName: '网络教室',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830697',
+    lng: '111.731217',
+    nodeName: '机考基地',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830084',
+    lng: '111.730342',
+    nodeName: '教学南楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829572',
+    lng: '111.73019',
+    nodeName: 'A座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829443',
+    lng: '111.730252',
+    nodeName: '三号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.82965',
+    lng: '111.731148',
+    nodeName: '四号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829416',
+    lng: '111.731261',
+    nodeName: '五号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829665',
+    lng: '111.732417',
+    nodeName: '六号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829862',
+    lng: '111.733332',
+    nodeName: '七号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+]
+export const HotNodeList = [
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学主楼西侧热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学主楼西侧',
+    installTime: '2023-03-15',
+    lat: '40.83078',
+    lng: '111.730077',
+    monitorObj: '5',
+    monitorObjName: '厂房监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学北楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学北楼',
+    installTime: '2023-03-15',
+    lat: '40.830858',
+    lng: '111.730585',
+    monitorObj: '5',
+    monitorObjName: '教学北楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '一号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '一号楼',
+    installTime: '2023-03-15',
+    lat: '40.831051',
+    lng: '111.729815',
+    monitorObj: '5',
+    monitorObjName: '一号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'B座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'B座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831326',
+    lng: '111.729689',
+    monitorObj: '5',
+    monitorObjName: 'B座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '二号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '二号楼',
+    installTime: '2023-03-15',
+    lat: '40.831205',
+    lng: '111.730472',
+    monitorObj: '5',
+    monitorObjName: '二号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'C座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'C座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831475',
+    lng: '111.730364',
+    monitorObj: '5',
+    monitorObjName: 'C座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '网络教室热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '网络教室',
+    installTime: '2023-03-15',
+    lat: '40.831027',
+    lng: '111.731106',
+    monitorObj: '5',
+    monitorObjName: '网络教室监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '机考基地热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '机考基地',
+    installTime: '2023-03-15',
+    lat: '40.830697',
+    lng: '111.731217',
+    monitorObj: '5',
+    monitorObjName: '机考基地监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学南楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学南楼',
+    installTime: '2023-03-15',
+    lat: '40.830084',
+    lng: '111.730342',
+    monitorObj: '5',
+    monitorObjName: '教学南楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'A座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'A座公寓',
+    installTime: '2023-03-15',
+    lat: '40.829572',
+    lng: '111.73019',
+    monitorObj: '5',
+    monitorObjName: 'A座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '三号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '三号楼',
+    installTime: '2023-03-15',
+    lat: '40.829443',
+    lng: '111.730252',
+    monitorObj: '5',
+    monitorObjName: '三号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '四号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '四号楼',
+    installTime: '2023-03-15',
+    lat: '40.82965',
+    lng: '111.731148',
+    monitorObj: '5',
+    monitorObjName: '四号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '五号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '五号楼',
+    installTime: '2023-03-15',
+    lat: '40.829416',
+    lng: '111.731261',
+    monitorObj: '5',
+    monitorObjName: '五号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '六号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '六号楼',
+    installTime: '2023-03-15',
+    lat: '40.829665',
+    lng: '111.732417',
+    monitorObj: '5',
+    monitorObjName: '六号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '七号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '七号楼',
+    installTime: '2023-03-15',
+    lat: '40.829862',
+    lng: '111.733332',
+    monitorObj: '5',
+    monitorObjName: '七号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+]
+export const branchList = [
+  {
+    branchNodeInfos: [
+      [111.72953, 40.830681],
+      [111.730077, 40.83078],
+      [111.730552, 40.830891],
+      [111.729815, 40.831051],
+      [111.729689, 40.831326],
+    ],
+    branchNumber: '1号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.729815, 40.831051],
+      [111.730472, 40.831205],
+      [111.730364, 40.831475],
+    ],
+    branchNumber: '2号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730552, 40.830891],
+      [111.731106, 40.831027],
+      [111.731217, 40.830697],
+    ],
+    branchNumber: '3号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730077, 40.83078],
+      [111.730342, 40.830084],
+      [111.73019, 40.829572],
+      [111.730252, 40.829443],
+      [111.731148, 40.82965],
+
+      [111.731261, 40.829416],
+      [111.732417, 40.829665],
+      [111.733332, 40.829862],
+    ],
+    branchNumber: '4号支路',
+  },
+]
+export const guangfuList = [
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830948',
+    lng: '111.730561',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学北楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831377',
+    lng: '111.729912',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'B座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831528',
+    lng: '111.730581',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'C座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830178',
+    lng: '111.730829',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学南楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829763',
+    lng: '111.730109',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'A座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829607',
+    lng: '111.730734',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '四号楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+]
diff --git a/src/components/map-bak/trendChart.vue b/src/components/map-bak/trendChart.vue
new file mode 100644
index 0000000..5fbdd3d
--- /dev/null
+++ b/src/components/map-bak/trendChart.vue
@@ -0,0 +1,163 @@
+<!--
+  Description: 节点监测趋势echarts
+  Author: 李亚光
+  Date: 2023-06-05
+ -->
+<script lang="ts" setup name="TrendChart">
+import { getDeviceDetailAnalysis } from '@/api/api/index'
+const props = defineProps({
+  height: {
+    type: Number,
+    default: 400,
+  },
+  width: {
+    type: Number,
+    default: 400,
+  },
+  deviceId: {
+    type: Number || String,
+    require: true,
+  },
+  deviceType: {
+    type: Number || String,
+    require: true,
+  },
+})
+const loading = ref(true)
+const range = ref('')
+const flag = ref(true)
+// defineExpose({ range })
+const yAxisData = ref([])
+const xAxisData = ref([])
+const selected = ref({})
+// 获取设备监测分析
+const fetchDeviceAnalysis = () => {
+  loading.value = true
+  xAxisData.value = []
+  yAxisData.value = []
+  getDeviceDetailAnalysis({
+    deviceId: props?.deviceId,
+    type: range.value,
+  }).then((res) => {
+    const data = res.data
+    // 整理节点监测趋势数据-用电
+    if (data.monitorTrends?.rp.length && Number(props.deviceType) === 1) {
+      xAxisData.value = data.monitorTrends?.rp?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '有功功率(MW)',
+          data: data.monitorTrends?.rp?.map((item: any) => Number(item.value)),
+        },
+        {
+          name: '无功功率(MVAr)',
+          data: data.monitorTrends?.ap?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    // 整理节点监测趋势数据-用热/用气
+    if (data.monitorTrends?.val.length && Number(props.deviceType) !== 1) {
+      xAxisData.value = data.monitorTrends?.val?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '监测值',
+          data: data.monitorTrends?.val?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    loading.value = false
+  }).catch(() => {
+    xAxisData.value = []
+    loading.value = false
+  })
+}
+// 监听 监测趋势时间段 变化 重新获取数据
+watch(() => props.deviceId, (newVal) => {
+  if (newVal) {
+    range.value = 'day'
+    fetchDeviceAnalysis()
+  }
+  if (Number(props.deviceType) === 1) {
+    selected.value = {
+      '有功功率(MW)': true,
+      '无功功率(MVAr)': false,
+    }
+  }
+  else {
+    selected.value = {}
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+watch(() => range.value, (newVal) => {
+  if (newVal) {
+    fetchDeviceAnalysis()
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+
+const expand = ref(true)
+const expandChart = () => {
+  expand.value = !expand.value
+  if (!expand.value) {
+    range.value = ''
+    xAxisData.value = []
+    yAxisData.value = []
+    setTimeout(() => {
+      range.value = 'day'
+    })
+  }
+}
+defineExpose({ range, expand, fetchDeviceAnalysis })
+</script>
+
+<template>
+  <div style="padding: 10px;">
+    <div class="chart-title" @click="expandChart">
+      节点监测趋势
+      <div class="btn">
+        <el-icon v-if="expand">
+          <arrow-right-bold />
+        </el-icon>
+        <el-icon v-else>
+          <arrow-down-bold />
+        </el-icon>
+      </div>
+    </div>
+    <div v-if="!expand">
+      <el-radio-group v-model="range">
+        <el-radio label="day">
+          日
+        </el-radio>
+        <el-radio label="month">
+          月
+        </el-radio>
+        <el-radio label="year">
+          年
+        </el-radio>
+      </el-radio-group>
+      <line-chart
+        v-loading="loading" :height="`${props.height}px`" :width="`${props.width}px`" :data="yAxisData"
+        :x-axis-data="xAxisData" :selected="selected"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.chart-title {
+  background-color: #ccc;
+  position: relative;
+
+  .btn {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+</style>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index da37e9a..5a1b86c 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -8,7 +8,6 @@
 import infoDetail from './infoWindow.vue'
 import infoDetail2 from './infoWindow2.vue'
 import infoDetailHot from './infoWindowHot.vue'
-import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
 import { getDictByCode } from '@/api/system/dict'
 import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
 const publicPath = import.meta.env.BASE_URL
@@ -90,6 +89,7 @@
     // 图层实例
     layer.value = new AMap.TileLayer.Satellite()
     map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
     // 地图绑定右击事件
     map.value.on('mousedown', clickHandler)
   })
@@ -113,7 +113,7 @@
       position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
       map: map.value,
       icon,
-      offset: new AMap.Pixel(0, -20),
+      offset: new AMap.Pixel(3, -30),
     })
     // 支路点详细信息// 信息窗体
     infoWindow.value = new AMap.InfoWindow({
@@ -139,7 +139,7 @@
     })
     map.value.add([marker])
   }
-  // // 光伏标记点及光伏绘制
+  // 光伏标记点及光伏绘制
   for (let i = 0; i < markerArr1.value.length; i++) {
     const icon = new AMap.Icon({
       size: new AMap.Size(36, 36), // 图标尺寸
@@ -197,108 +197,88 @@
   }
   // 电网支路折线绘制
   for (let i = 0; i < lineArr.value.length; i++) {
-    const path = lineArr.value[i].branchNodeInfos
-    var polyline = new AMap.Polyline({
-      path,
-      isOutline: true,
-      strokeColor: '#008d68',
-      // strokeOpacity: 1,
-      strokeWeight: 3,
-      // 折线样式还支持 'dashed'
-      // strokeStyle是dashed时有效
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      // lineCap: 'square',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // for (let i = 0; i < lineArr.value.length; i++) {
-  //   // console.log(lineArr.value[i])
-  //   const path = lineArr.value.map(item => item.branchNodeInfos)
-  //   const line = path.map(item => (
-  //     item.map((child) => {
-  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-  //     })
-  //   ))
-  //   line.forEach((item) => {
-  //     item.forEach((child) => {
-  //       const path = [child[0], child[1]]
-  //       const polyline = new AMap.Polyline({
-  //         path,
-  //         // isOutline: true,
-  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
-  //         // strokeOpacity: 1,
-  //         strokeWeight: 3,
-  //         // 折线样式还支持 'dashed'
-  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-  //         // strokeStyle是dashed时有效
-  //         strokeDasharray: [10, 3],
-  //         lineJoin: 'round',
-  //         showDir: child[2] === 1,
-  //         // lineCap: 'square',
-  //         lineCap: 'round',
-  //         zIndex: 50,
-  //         zooms: [16, 20],
+    // console.log(lineArr.value[i])
+    const path = lineArr.value.map(item => item.branchNodeInfos)
+    const line = path.map(item => (
+      item.map((child) => {
+        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+      })
+    ))
+    line.forEach((item) => {
+      item.forEach((child) => {
+        const path = [child[0], child[1]]
+        const polyline = new AMap.Polyline({
+          path,
+          // isOutline: true,
+          strokeColor: child[2] === 1 ? '#008d68' : '#000',
+          // strokeOpacity: 1,
+          strokeWeight: 3,
+          // 折线样式还支持 'dashed'
+          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+          // strokeStyle是dashed时有效
+          strokeDasharray: [10, 3],
+          lineJoin: 'round',
+          showDir: child[2] === 1,
+          // lineCap: 'square',
+          lineCap: 'round',
+          zIndex: 50,
+          zooms: [16, 20],
 
-  //       })
-  //       // 离线支路连接添加开关图标
-  //       if (child[2] === 0) {
-  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-  //         const icon = new AMap.Icon({
-  //           size: new AMap.Size(36, 36), // 图标尺寸
-  //           image: `${publicPath}img/icon3.png`, // Icon的图像
-  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //         })
-  //         const marker = new AMap.Marker({
-  //           zooms: [16, 20],
-  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //           map: map.value,
-  //           icon,
-  //           offset: new AMap.Pixel(-20, -20),
-  //         })
-  //         map.value.add([marker])
-  //       }
-  //       polyline.setMap(map.value)
-  //       map.value.add(polyline)
-  //     })
-  //   })
-  // 添加支路折线文本
-  // 创建纯文本标记
-  // const textArr = path.map(item => (
-  //   item.map((child) => {
-  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-  //   })
-  // ))
-  // textArr.forEach((item) => {
-  //   // console.log(item, 'item')
-  //   item.forEach((child) => {
-  //     const icon = new AMap.Icon({
-  //       size: new AMap.Size(36, 36), // 图标尺寸
-  //       // image: '', // Icon的图像
-  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //     })
-  //     // const content = '<div>111</div>'
-  //     const marker = new AMap.Marker({
-  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //       map: map.value,
-  //       content: '<span></span>',
-  //       offset: new AMap.Pixel(-20, -20),
-  //     })
-  //     marker.setLabel({
-  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-  //       direction: 'right', // 设置文本标注方位
-  //     })
-  //     map.value.add([marker])
-  //   })
-  // })
-  // }
+        })
+        // 离线支路连接添加开关图标
+        if (child[2] === 0) {
+          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+          const icon = new AMap.Icon({
+            size: new AMap.Size(36, 36), // 图标尺寸
+            image: `${publicPath}img/icon3.png`, // Icon的图像
+            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+          })
+          const marker = new AMap.Marker({
+            zooms: [16, 20],
+            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+            map: map.value,
+            icon,
+            offset: new AMap.Pixel(-20, -20),
+          })
+          map.value.add([marker])
+        }
+        polyline.setMap(map.value)
+        map.value.add(polyline)
+      })
+    })
+    // 添加支路折线文本
+    // 创建纯文本标记
+    // const textArr = path.map(item => (
+    //   item.map((child) => {
+    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+    //   })
+    // ))
+    // textArr.forEach((item) => {
+    //   // console.log(item, 'item')
+    //   item.forEach((child) => {
+    //     const icon = new AMap.Icon({
+    //       size: new AMap.Size(36, 36), // 图标尺寸
+    //       // image: '', // Icon的图像
+    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    //     })
+    //     // const content = '<div>111</div>'
+    //     const marker = new AMap.Marker({
+    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+    //       map: map.value,
+    //       content: '<span></span>',
+    //       offset: new AMap.Pixel(-20, -20),
+    //     })
+    //     marker.setLabel({
+    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+    //       direction: 'right', // 设置文本标注方位
+    //     })
+    //     map.value.add([marker])
+    //   })
+    // })
+  }
 }
 // 绘制用热监测相关
 const useHot = () => {
@@ -347,26 +327,20 @@
   try {
     const list = await getElectricityListAll()
     // 电网列表
-    console.log(list.data, '电网列表')
     electricityList.value = list.data
     // 查询节点列表(标记点)
     if (electricityList.value.length) {
       const res = await electricityNode(electricityList.value[0].id)
-      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      // markerArrInfo.value = res.data
-      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = electNodeList
-      console.log(res.data, '电网标记点')
+      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = res.data
       // 获取支路信息(折线)
-      // const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = branchList
-      // console.log(res1.data, '折线记点')
+      const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = res1.data
     }
     // 获取光伏列表
-    const list1 = guangfuList
-    // console.log(list1, '广福街店')
-    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1
+    const list1 = await getMonitorStationList()
+    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1.data
     // 初始化地图
     await initMap()
     useElectricity()
@@ -381,10 +355,8 @@
     ptn: '',
     deviceType: '2',
   }).then((res) => {
-    markerArrHotInfo.value = HotNodeList
-    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-    // markerArrHotInfo.value = res.data.rows
-    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrHotInfo.value = res.data.rows
+    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
   })
   // getElectricityListAll().then((res) => {
   //   // 电网列表
@@ -456,6 +428,7 @@
       areaMarkerList.value.push(res.data[0])
       const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
       drawArea(data, color[newVal])
+      console.log(data, 'data')
     }
   })
 })
@@ -483,13 +456,13 @@
   <info-detail ref="windowInfoRef" />
   <info-detail2 ref="windowInfoRef2" />
   <info-detail-hot ref="windowInfoHotRef" />
-  <!-- <div class="btns">
+  <div class="btns">
     <el-radio-group v-model="area">
       <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
         {{ item.name }}
       </el-radio-button>
     </el-radio-group>
-  </div> -->
+  </div>
 </template>
 
 <style scoped>
@@ -522,5 +495,7 @@
 .amap-marker-label {
   border: 0;
   background-color: transparent;
+
+  /* color: transparent; */
 }
 </style>
diff --git a/src/components/map/mock.js b/src/components/map/mock.js
deleted file mode 100644
index 083069d..0000000
--- a/src/components/map/mock.js
+++ /dev/null
@@ -1,1080 +0,0 @@
-export const electNodeList = [
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830681',
-    lng: '111.72953',
-    nodeName: '',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.83078',
-    lng: '111.730077',
-    nodeName: '教学主楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830858',
-    lng: '111.730585',
-    nodeName: '教学北楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831051',
-    lng: '111.729815',
-    nodeName: '一号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831326',
-    lng: '111.729689',
-    nodeName: 'B座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831205',
-    lng: '111.730472',
-    nodeName: '二号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831475',
-    lng: '111.730364',
-    nodeName: 'C座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831027',
-    lng: '111.731106',
-    nodeName: '网络教室',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830697',
-    lng: '111.731217',
-    nodeName: '机考基地',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830084',
-    lng: '111.730342',
-    nodeName: '教学南楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829572',
-    lng: '111.73019',
-    nodeName: 'A座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829443',
-    lng: '111.730252',
-    nodeName: '三号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.82965',
-    lng: '111.731148',
-    nodeName: '四号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829416',
-    lng: '111.731261',
-    nodeName: '五号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829665',
-    lng: '111.732417',
-    nodeName: '六号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829862',
-    lng: '111.733332',
-    nodeName: '七号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-]
-export const HotNodeList = [
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学主楼西侧热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学主楼西侧',
-    installTime: '2023-03-15',
-    lat: '40.83078',
-    lng: '111.730077',
-    monitorObj: '5',
-    monitorObjName: '厂房监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学北楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学北楼',
-    installTime: '2023-03-15',
-    lat: '40.830858',
-    lng: '111.730585',
-    monitorObj: '5',
-    monitorObjName: '教学北楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '一号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '一号楼',
-    installTime: '2023-03-15',
-    lat: '40.831051',
-    lng: '111.729815',
-    monitorObj: '5',
-    monitorObjName: '一号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'B座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'B座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831326',
-    lng: '111.729689',
-    monitorObj: '5',
-    monitorObjName: 'B座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '二号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '二号楼',
-    installTime: '2023-03-15',
-    lat: '40.831205',
-    lng: '111.730472',
-    monitorObj: '5',
-    monitorObjName: '二号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'C座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'C座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831475',
-    lng: '111.730364',
-    monitorObj: '5',
-    monitorObjName: 'C座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '网络教室热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '网络教室',
-    installTime: '2023-03-15',
-    lat: '40.831027',
-    lng: '111.731106',
-    monitorObj: '5',
-    monitorObjName: '网络教室监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '机考基地热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '机考基地',
-    installTime: '2023-03-15',
-    lat: '40.830697',
-    lng: '111.731217',
-    monitorObj: '5',
-    monitorObjName: '机考基地监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学南楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学南楼',
-    installTime: '2023-03-15',
-    lat: '40.830084',
-    lng: '111.730342',
-    monitorObj: '5',
-    monitorObjName: '教学南楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'A座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'A座公寓',
-    installTime: '2023-03-15',
-    lat: '40.829572',
-    lng: '111.73019',
-    monitorObj: '5',
-    monitorObjName: 'A座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '三号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '三号楼',
-    installTime: '2023-03-15',
-    lat: '40.829443',
-    lng: '111.730252',
-    monitorObj: '5',
-    monitorObjName: '三号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '四号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '四号楼',
-    installTime: '2023-03-15',
-    lat: '40.82965',
-    lng: '111.731148',
-    monitorObj: '5',
-    monitorObjName: '四号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '五号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '五号楼',
-    installTime: '2023-03-15',
-    lat: '40.829416',
-    lng: '111.731261',
-    monitorObj: '5',
-    monitorObjName: '五号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '六号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '六号楼',
-    installTime: '2023-03-15',
-    lat: '40.829665',
-    lng: '111.732417',
-    monitorObj: '5',
-    monitorObjName: '六号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '七号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '七号楼',
-    installTime: '2023-03-15',
-    lat: '40.829862',
-    lng: '111.733332',
-    monitorObj: '5',
-    monitorObjName: '七号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-]
-export const branchList = [
-  {
-    branchNodeInfos: [
-      [111.72953, 40.830681],
-      [111.730077, 40.83078],
-      [111.730552, 40.830891],
-      [111.729815, 40.831051],
-      [111.729689, 40.831326],
-    ],
-    branchNumber: '1号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.729815, 40.831051],
-      [111.730472, 40.831205],
-      [111.730364, 40.831475],
-    ],
-    branchNumber: '2号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730552, 40.830891],
-      [111.731106, 40.831027],
-      [111.731217, 40.830697],
-    ],
-    branchNumber: '3号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730077, 40.83078],
-      [111.730342, 40.830084],
-      [111.73019, 40.829572],
-      [111.730252, 40.829443],
-      [111.731148, 40.82965],
-
-      [111.731261, 40.829416],
-      [111.732417, 40.829665],
-      [111.733332, 40.829862],
-    ],
-    branchNumber: '4号支路',
-  },
-]
-export const guangfuList = [
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830948',
-    lng: '111.730561',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学北楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831377',
-    lng: '111.729912',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'B座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831528',
-    lng: '111.730581',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'C座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830178',
-    lng: '111.730829',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学南楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829763',
-    lng: '111.730109',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'A座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829607',
-    lng: '111.730734',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '四号楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-]
diff --git a/src/components/mapBak/index.vue b/src/components/mapBak/index.vue
deleted file mode 100644
index cf07cce..0000000
--- a/src/components/mapBak/index.vue
+++ /dev/null
@@ -1,497 +0,0 @@
-<!--
-  Description: 高德地图
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-import infoDetail from './infoWindow.vue'
-import infoDetail2 from './infoWindow2.vue'
-import infoDetailHot from './infoWindowHot.vue'
-import { getDictByCode } from '@/api/system/dict'
-import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
-const publicPath = import.meta.env.BASE_URL
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
-}
-const electricityList = ref()
-// 地图实例
-const map = ref()
-//  用来画区域的
-const polygon = ref()
-//  画图工具实例
-const mouseTool = ref()
-// 区域数组
-const pathArr = ref([
-  [111.737806, 40.83386],
-  [111.736806, 40.83686],
-  [111.739906, 40.83686],
-  [111.739906, 40.83386],
-])
-// 电网节点数组
-const markerArr = ref([
-])
-// 光伏数组
-const markerArr1 = ref([
-])
-// 用热坐标数组
-const markerArrHot = ref()
-const markerArrHotInfo = ref()
-// 信息窗体
-const infoWindow = ref()
-const infoWindow2 = ref()
-const infoWindowHot = ref()
-const windowInfoRef = ref()
-const windowInfoRef2 = ref()
-const windowInfoHotRef = ref()
-const markerArrInfo = ref()
-const markerArrInfo1 = ref()
-// 折现节点坐标
-const lineArr = ref([])
-// 地图点击事件
-const clickHandler = function (e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// 地图实例对象
-const AMap1 = ref()
-// 图层实例
-const layer = ref()
-const flag = ref(false)
-// 切换图层
-const changeLayerGrop = () => {
-  if (flag.value) {
-    map.value.addLayer(layer.value)
-  }
-  else {
-    map.value.removeLayer(layer.value)
-  }
-  flag.value = !flag.value
-}
-// 初始化地图
-const initMap = async () => {
-  await AMapLoader.load({
-    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
-    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  }).then((AMap) => {
-    AMap1.value = AMap
-    // 初始化地图
-    map.value = new AMap.Map('map', {
-      viewMode: '3D', //  是否为3D地图模式
-      zoom: 17, // 初始化地图级别
-      center: [111.765785, 40.718114],
-      resizeEnable: true,
-    })
-    // 图层实例
-    layer.value = new AMap.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    // 地图绑定右击事件
-    map.value.on('mousedown', clickHandler)
-  })
-    .catch((e) => {
-      console.log(e)
-    })
-}
-// 绘制用电监测相关
-const useElectricity = () => {
-  const AMap = AMap1.value
-  // 电网支路标记点绘制
-  for (let i = 0; i < markerArr.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon1.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindow.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow.value,
-        info: markerArrInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-  // 光伏标记点及光伏绘制
-  for (let i = 0; i < markerArr1.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon2.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20],
-      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(-20, -20),
-    })
-    // 信息窗体
-    infoWindow2.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow2.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef2.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow2.value,
-        info: markerArrInfo1.value[i],
-      })
-    })
-    // 标记点的文本
-    marker.setLabel({
-      zooms: [16, 20],
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-    // 绘制电网和节点连线
-    const path = markerArrInfo1.value.map((item) => {
-      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
-    })
-    const polyline = new AMap.Polyline({
-      path,
-      strokeColor: '#03A382',
-      strokeStyle: 'dashed',
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // 电网支路折线绘制
-  for (let i = 0; i < lineArr.value.length; i++) {
-    // console.log(lineArr.value[i])
-    const path = lineArr.value.map(item => item.branchNodeInfos)
-    const line = path.map(item => (
-      item.map((child) => {
-        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-      })
-    ))
-    line.forEach((item) => {
-      item.forEach((child) => {
-        const path = [child[0], child[1]]
-        const polyline = new AMap.Polyline({
-          path,
-          // isOutline: true,
-          strokeColor: child[2] === 1 ? '#008d68' : '#000',
-          // strokeOpacity: 1,
-          strokeWeight: 3,
-          // 折线样式还支持 'dashed'
-          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-          // strokeStyle是dashed时有效
-          strokeDasharray: [10, 3],
-          lineJoin: 'round',
-          showDir: child[2] === 1,
-          // lineCap: 'square',
-          lineCap: 'round',
-          zIndex: 50,
-          zooms: [16, 20],
-
-        })
-        // 离线支路连接添加开关图标
-        if (child[2] === 0) {
-          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-          const icon = new AMap.Icon({
-            size: new AMap.Size(36, 36), // 图标尺寸
-            image: `${publicPath}img/icon3.png`, // Icon的图像
-            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-          })
-          const marker = new AMap.Marker({
-            zooms: [16, 20],
-            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-            map: map.value,
-            icon,
-            offset: new AMap.Pixel(-20, -20),
-          })
-          map.value.add([marker])
-        }
-        polyline.setMap(map.value)
-        map.value.add(polyline)
-      })
-    })
-    // 添加支路折线文本
-    // 创建纯文本标记
-    // const textArr = path.map(item => (
-    //   item.map((child) => {
-    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-    //   })
-    // ))
-    // textArr.forEach((item) => {
-    //   // console.log(item, 'item')
-    //   item.forEach((child) => {
-    //     const icon = new AMap.Icon({
-    //       size: new AMap.Size(36, 36), // 图标尺寸
-    //       // image: '', // Icon的图像
-    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    //     })
-    //     // const content = '<div>111</div>'
-    //     const marker = new AMap.Marker({
-    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-    //       map: map.value,
-    //       content: '<span></span>',
-    //       offset: new AMap.Pixel(-20, -20),
-    //     })
-    //     marker.setLabel({
-    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-    //       direction: 'right', // 设置文本标注方位
-    //     })
-    //     map.value.add([marker])
-    //   })
-    // })
-  }
-}
-// 绘制用热监测相关
-const useHot = () => {
-  for (let i = 0; i < markerArrHot.value.length; i++) {
-    const AMap = AMap1.value
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon4.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindowHot.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindowHot.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoHotRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindowHot.value,
-        info: markerArrHotInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-}
-onMounted(async () => {
-  // 获取电网列表
-  try {
-    const list = await getElectricityListAll()
-    // 电网列表
-    electricityList.value = list.data
-    // 查询节点列表(标记点)
-    if (electricityList.value.length) {
-      const res = await electricityNode(electricityList.value[0].id)
-      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = res.data
-      // 获取支路信息(折线)
-      const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = res1.data
-    }
-    // 获取光伏列表
-    const list1 = await getMonitorStationList()
-    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1.data
-    // 初始化地图
-    await initMap()
-    useElectricity()
-  }
-  catch (error) {
-    initMap()
-  }
-  // 获取用热数据
-  getDeviceListPage({
-    offset: 1,
-    limit: 999,
-    ptn: '',
-    deviceType: '2',
-  }).then((res) => {
-    markerArrHotInfo.value = res.data.rows
-    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
-  })
-  // getElectricityListAll().then((res) => {
-  //   // 电网列表
-  //   electricityList.value = res.data
-  //   // 默认选中第一个查询节点
-  //   if (electricityList.value.length) {
-  //     electricityNode(electricityList.value[0].id).then((res) => {
-  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-  //       markerArrInfo.value = res.data
-  //       // 获取支路
-  //       electricityBranch(electricityList.value[0].id).then(res => {
-  //         lineArr.value = res.data
-  //         // console.log(res.data)
-  //         initMap()
-  //       })
-  //     })
-  //   }
-  // })
-})
-const area = ref('')
-const areaList = ref([])
-// 获取分区列表
-const fetchAreaList = () => {
-  getDictByCode('ptn_type').then((res) => {
-    areaList.value = res.data
-  })
-}
-fetchAreaList()
-const areaMarkerList = ref()
-const polygons = ref()
-// 绘制区域
-const drawArea = (markerList: any, color: string) => {
-  const polygon = new AMap1.value.Polygon({
-    path: markerList,
-    fillColor: color,
-    strokeOpacity: 1,
-    fillOpacity: 0.5,
-    strokeColor: '#2b8cba',
-    strokeWeight: 1,
-    strokeStyle: 'dashed',
-    strokeDasharray: [5, 5],
-  })
-  polygons.value = polygon
-  map.value.add(polygon)
-}
-// 删除绘制
-const clearDraw = () => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-    area.value = ''
-  }
-}
-// 监听分区变化
-watch(() => area.value, (newVal) => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-  }
-  if (!newVal) {
-    return
-  }
-  getAreaPosition(newVal).then((res) => {
-    const color = {
-      1: '#2b8cbe',
-      2: '#ccebc5',
-      3: '#7bccc4',
-    }
-    areaMarkerList.value = res.data
-    if (res.data.length) {
-      areaMarkerList.value.push(res.data[0])
-      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
-      drawArea(data, color[newVal])
-    }
-  })
-})
-// 用电检测/用热监测 默认用电
-const flagType = ref(true)
-// 切换用电检测/用热监测
-const changeFlagType = () => {
-  map.value.clearMap()
-  map.value.setCenter([111.765785, 40.718114])
-  // 区域框展示
-  area.value = ''
-  if (flagType.value) {
-    useHot()
-  }
-  else {
-    useElectricity()
-  }
-  flagType.value = !flagType.value
-}
-defineExpose({ changeLayerGrop, changeFlagType, flag })
-</script>
-
-<template>
-  <div id="map" />
-  <info-detail ref="windowInfoRef" />
-  <info-detail2 ref="windowInfoRef2" />
-  <info-detail-hot ref="windowInfoHotRef" />
-  <div class="btns">
-    <el-radio-group v-model="area">
-      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
-        {{ item.name }}
-      </el-radio-button>
-    </el-radio-group>
-  </div>
-</template>
-
-<style scoped>
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-
-.btns {
-  position: absolute;
-  left: 10px;
-  bottom: 10px;
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.amap-marker-label {
-  border: 0;
-  background-color: transparent;
-}
-</style>
diff --git a/src/components/mapBak/infoWindow.vue b/src/components/mapBak/infoWindow.vue
deleted file mode 100644
index 7893e43..0000000
--- a/src/components/mapBak/infoWindow.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<!--
-  Description: 高德地图信息窗体 - 支路节点
-  Author: 李亚光
-  Date: 2023-05-10
- -->
-<script lang="ts" setup name="infoWindow">
-import trendChart from './trendChart.vue'
-const overlay = ref()
-const infoWindow = ref()
-const info = ref()
-const trendRef = ref()
-// 初始化
-const initialize = (e) => {
-  overlay.value = e.overlay
-  infoWindow.value = e.infoWindow
-  info.value = e.info
-  trendRef.value.expand = true
-  trendRef.value.range = 'day'
-}
-defineExpose({ initialize })
-// 关闭
-const close = () => {
-  infoWindow.value.close()
-  trendRef.value.expand = true
-}
-const expand = computed(() => {
-  return trendRef.value?.expand
-})
-</script>
-
-<template>
-  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
-    <div class="title">
-      <div class="text">
-        {{ info?.nodeName }}
-      </div>
-      <div class="close" @click="close">
-        x
-      </div>
-    </div>
-    <div class="item">
-      节点编号 : {{ info?.busId }}
-    </div>
-    <div class="item">
-      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
-    </div>
-    <div class="item">
-      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
-    </div>
-    <div class="item">
-      <span>采集时间 : {{ info?.colTime }}</span>
-    </div>
-    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
-    // <div class="item">设备ID : {{ device.deviceId }}</div>
-    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
-    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
-    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  width: 470px;
-  height: 510px;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #6d9ece;
-
-  .title {
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 10px;
-    display: flex;
-    justify-content: space-between;
-
-    .close {
-      color: #ccc;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  .item {
-    padding: 0 5px;
-    color: #111213;
-    font-size: 14px;
-    margin: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/mock.js b/src/components/map-bak/mock.js
new file mode 100644
index 0000000..083069d
--- /dev/null
+++ b/src/components/map-bak/mock.js
@@ -0,0 +1,1080 @@
+export const electNodeList = [
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830681',
+    lng: '111.72953',
+    nodeName: '',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.83078',
+    lng: '111.730077',
+    nodeName: '教学主楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830858',
+    lng: '111.730585',
+    nodeName: '教学北楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831051',
+    lng: '111.729815',
+    nodeName: '一号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831326',
+    lng: '111.729689',
+    nodeName: 'B座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831205',
+    lng: '111.730472',
+    nodeName: '二号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831475',
+    lng: '111.730364',
+    nodeName: 'C座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831027',
+    lng: '111.731106',
+    nodeName: '网络教室',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830697',
+    lng: '111.731217',
+    nodeName: '机考基地',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830084',
+    lng: '111.730342',
+    nodeName: '教学南楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829572',
+    lng: '111.73019',
+    nodeName: 'A座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829443',
+    lng: '111.730252',
+    nodeName: '三号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.82965',
+    lng: '111.731148',
+    nodeName: '四号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829416',
+    lng: '111.731261',
+    nodeName: '五号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829665',
+    lng: '111.732417',
+    nodeName: '六号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829862',
+    lng: '111.733332',
+    nodeName: '七号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+]
+export const HotNodeList = [
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学主楼西侧热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学主楼西侧',
+    installTime: '2023-03-15',
+    lat: '40.83078',
+    lng: '111.730077',
+    monitorObj: '5',
+    monitorObjName: '厂房监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学北楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学北楼',
+    installTime: '2023-03-15',
+    lat: '40.830858',
+    lng: '111.730585',
+    monitorObj: '5',
+    monitorObjName: '教学北楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '一号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '一号楼',
+    installTime: '2023-03-15',
+    lat: '40.831051',
+    lng: '111.729815',
+    monitorObj: '5',
+    monitorObjName: '一号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'B座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'B座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831326',
+    lng: '111.729689',
+    monitorObj: '5',
+    monitorObjName: 'B座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '二号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '二号楼',
+    installTime: '2023-03-15',
+    lat: '40.831205',
+    lng: '111.730472',
+    monitorObj: '5',
+    monitorObjName: '二号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'C座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'C座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831475',
+    lng: '111.730364',
+    monitorObj: '5',
+    monitorObjName: 'C座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '网络教室热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '网络教室',
+    installTime: '2023-03-15',
+    lat: '40.831027',
+    lng: '111.731106',
+    monitorObj: '5',
+    monitorObjName: '网络教室监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '机考基地热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '机考基地',
+    installTime: '2023-03-15',
+    lat: '40.830697',
+    lng: '111.731217',
+    monitorObj: '5',
+    monitorObjName: '机考基地监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学南楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学南楼',
+    installTime: '2023-03-15',
+    lat: '40.830084',
+    lng: '111.730342',
+    monitorObj: '5',
+    monitorObjName: '教学南楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'A座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'A座公寓',
+    installTime: '2023-03-15',
+    lat: '40.829572',
+    lng: '111.73019',
+    monitorObj: '5',
+    monitorObjName: 'A座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '三号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '三号楼',
+    installTime: '2023-03-15',
+    lat: '40.829443',
+    lng: '111.730252',
+    monitorObj: '5',
+    monitorObjName: '三号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '四号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '四号楼',
+    installTime: '2023-03-15',
+    lat: '40.82965',
+    lng: '111.731148',
+    monitorObj: '5',
+    monitorObjName: '四号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '五号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '五号楼',
+    installTime: '2023-03-15',
+    lat: '40.829416',
+    lng: '111.731261',
+    monitorObj: '5',
+    monitorObjName: '五号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '六号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '六号楼',
+    installTime: '2023-03-15',
+    lat: '40.829665',
+    lng: '111.732417',
+    monitorObj: '5',
+    monitorObjName: '六号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '七号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '七号楼',
+    installTime: '2023-03-15',
+    lat: '40.829862',
+    lng: '111.733332',
+    monitorObj: '5',
+    monitorObjName: '七号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+]
+export const branchList = [
+  {
+    branchNodeInfos: [
+      [111.72953, 40.830681],
+      [111.730077, 40.83078],
+      [111.730552, 40.830891],
+      [111.729815, 40.831051],
+      [111.729689, 40.831326],
+    ],
+    branchNumber: '1号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.729815, 40.831051],
+      [111.730472, 40.831205],
+      [111.730364, 40.831475],
+    ],
+    branchNumber: '2号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730552, 40.830891],
+      [111.731106, 40.831027],
+      [111.731217, 40.830697],
+    ],
+    branchNumber: '3号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730077, 40.83078],
+      [111.730342, 40.830084],
+      [111.73019, 40.829572],
+      [111.730252, 40.829443],
+      [111.731148, 40.82965],
+
+      [111.731261, 40.829416],
+      [111.732417, 40.829665],
+      [111.733332, 40.829862],
+    ],
+    branchNumber: '4号支路',
+  },
+]
+export const guangfuList = [
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830948',
+    lng: '111.730561',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学北楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831377',
+    lng: '111.729912',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'B座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831528',
+    lng: '111.730581',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'C座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830178',
+    lng: '111.730829',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学南楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829763',
+    lng: '111.730109',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'A座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829607',
+    lng: '111.730734',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '四号楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+]
diff --git a/src/components/map-bak/trendChart.vue b/src/components/map-bak/trendChart.vue
new file mode 100644
index 0000000..5fbdd3d
--- /dev/null
+++ b/src/components/map-bak/trendChart.vue
@@ -0,0 +1,163 @@
+<!--
+  Description: 节点监测趋势echarts
+  Author: 李亚光
+  Date: 2023-06-05
+ -->
+<script lang="ts" setup name="TrendChart">
+import { getDeviceDetailAnalysis } from '@/api/api/index'
+const props = defineProps({
+  height: {
+    type: Number,
+    default: 400,
+  },
+  width: {
+    type: Number,
+    default: 400,
+  },
+  deviceId: {
+    type: Number || String,
+    require: true,
+  },
+  deviceType: {
+    type: Number || String,
+    require: true,
+  },
+})
+const loading = ref(true)
+const range = ref('')
+const flag = ref(true)
+// defineExpose({ range })
+const yAxisData = ref([])
+const xAxisData = ref([])
+const selected = ref({})
+// 获取设备监测分析
+const fetchDeviceAnalysis = () => {
+  loading.value = true
+  xAxisData.value = []
+  yAxisData.value = []
+  getDeviceDetailAnalysis({
+    deviceId: props?.deviceId,
+    type: range.value,
+  }).then((res) => {
+    const data = res.data
+    // 整理节点监测趋势数据-用电
+    if (data.monitorTrends?.rp.length && Number(props.deviceType) === 1) {
+      xAxisData.value = data.monitorTrends?.rp?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '有功功率(MW)',
+          data: data.monitorTrends?.rp?.map((item: any) => Number(item.value)),
+        },
+        {
+          name: '无功功率(MVAr)',
+          data: data.monitorTrends?.ap?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    // 整理节点监测趋势数据-用热/用气
+    if (data.monitorTrends?.val.length && Number(props.deviceType) !== 1) {
+      xAxisData.value = data.monitorTrends?.val?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '监测值',
+          data: data.monitorTrends?.val?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    loading.value = false
+  }).catch(() => {
+    xAxisData.value = []
+    loading.value = false
+  })
+}
+// 监听 监测趋势时间段 变化 重新获取数据
+watch(() => props.deviceId, (newVal) => {
+  if (newVal) {
+    range.value = 'day'
+    fetchDeviceAnalysis()
+  }
+  if (Number(props.deviceType) === 1) {
+    selected.value = {
+      '有功功率(MW)': true,
+      '无功功率(MVAr)': false,
+    }
+  }
+  else {
+    selected.value = {}
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+watch(() => range.value, (newVal) => {
+  if (newVal) {
+    fetchDeviceAnalysis()
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+
+const expand = ref(true)
+const expandChart = () => {
+  expand.value = !expand.value
+  if (!expand.value) {
+    range.value = ''
+    xAxisData.value = []
+    yAxisData.value = []
+    setTimeout(() => {
+      range.value = 'day'
+    })
+  }
+}
+defineExpose({ range, expand, fetchDeviceAnalysis })
+</script>
+
+<template>
+  <div style="padding: 10px;">
+    <div class="chart-title" @click="expandChart">
+      节点监测趋势
+      <div class="btn">
+        <el-icon v-if="expand">
+          <arrow-right-bold />
+        </el-icon>
+        <el-icon v-else>
+          <arrow-down-bold />
+        </el-icon>
+      </div>
+    </div>
+    <div v-if="!expand">
+      <el-radio-group v-model="range">
+        <el-radio label="day">
+          日
+        </el-radio>
+        <el-radio label="month">
+          月
+        </el-radio>
+        <el-radio label="year">
+          年
+        </el-radio>
+      </el-radio-group>
+      <line-chart
+        v-loading="loading" :height="`${props.height}px`" :width="`${props.width}px`" :data="yAxisData"
+        :x-axis-data="xAxisData" :selected="selected"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.chart-title {
+  background-color: #ccc;
+  position: relative;
+
+  .btn {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+</style>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index da37e9a..5a1b86c 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -8,7 +8,6 @@
 import infoDetail from './infoWindow.vue'
 import infoDetail2 from './infoWindow2.vue'
 import infoDetailHot from './infoWindowHot.vue'
-import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
 import { getDictByCode } from '@/api/system/dict'
 import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
 const publicPath = import.meta.env.BASE_URL
@@ -90,6 +89,7 @@
     // 图层实例
     layer.value = new AMap.TileLayer.Satellite()
     map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
     // 地图绑定右击事件
     map.value.on('mousedown', clickHandler)
   })
@@ -113,7 +113,7 @@
       position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
       map: map.value,
       icon,
-      offset: new AMap.Pixel(0, -20),
+      offset: new AMap.Pixel(3, -30),
     })
     // 支路点详细信息// 信息窗体
     infoWindow.value = new AMap.InfoWindow({
@@ -139,7 +139,7 @@
     })
     map.value.add([marker])
   }
-  // // 光伏标记点及光伏绘制
+  // 光伏标记点及光伏绘制
   for (let i = 0; i < markerArr1.value.length; i++) {
     const icon = new AMap.Icon({
       size: new AMap.Size(36, 36), // 图标尺寸
@@ -197,108 +197,88 @@
   }
   // 电网支路折线绘制
   for (let i = 0; i < lineArr.value.length; i++) {
-    const path = lineArr.value[i].branchNodeInfos
-    var polyline = new AMap.Polyline({
-      path,
-      isOutline: true,
-      strokeColor: '#008d68',
-      // strokeOpacity: 1,
-      strokeWeight: 3,
-      // 折线样式还支持 'dashed'
-      // strokeStyle是dashed时有效
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      // lineCap: 'square',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // for (let i = 0; i < lineArr.value.length; i++) {
-  //   // console.log(lineArr.value[i])
-  //   const path = lineArr.value.map(item => item.branchNodeInfos)
-  //   const line = path.map(item => (
-  //     item.map((child) => {
-  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-  //     })
-  //   ))
-  //   line.forEach((item) => {
-  //     item.forEach((child) => {
-  //       const path = [child[0], child[1]]
-  //       const polyline = new AMap.Polyline({
-  //         path,
-  //         // isOutline: true,
-  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
-  //         // strokeOpacity: 1,
-  //         strokeWeight: 3,
-  //         // 折线样式还支持 'dashed'
-  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-  //         // strokeStyle是dashed时有效
-  //         strokeDasharray: [10, 3],
-  //         lineJoin: 'round',
-  //         showDir: child[2] === 1,
-  //         // lineCap: 'square',
-  //         lineCap: 'round',
-  //         zIndex: 50,
-  //         zooms: [16, 20],
+    // console.log(lineArr.value[i])
+    const path = lineArr.value.map(item => item.branchNodeInfos)
+    const line = path.map(item => (
+      item.map((child) => {
+        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+      })
+    ))
+    line.forEach((item) => {
+      item.forEach((child) => {
+        const path = [child[0], child[1]]
+        const polyline = new AMap.Polyline({
+          path,
+          // isOutline: true,
+          strokeColor: child[2] === 1 ? '#008d68' : '#000',
+          // strokeOpacity: 1,
+          strokeWeight: 3,
+          // 折线样式还支持 'dashed'
+          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+          // strokeStyle是dashed时有效
+          strokeDasharray: [10, 3],
+          lineJoin: 'round',
+          showDir: child[2] === 1,
+          // lineCap: 'square',
+          lineCap: 'round',
+          zIndex: 50,
+          zooms: [16, 20],
 
-  //       })
-  //       // 离线支路连接添加开关图标
-  //       if (child[2] === 0) {
-  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-  //         const icon = new AMap.Icon({
-  //           size: new AMap.Size(36, 36), // 图标尺寸
-  //           image: `${publicPath}img/icon3.png`, // Icon的图像
-  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //         })
-  //         const marker = new AMap.Marker({
-  //           zooms: [16, 20],
-  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //           map: map.value,
-  //           icon,
-  //           offset: new AMap.Pixel(-20, -20),
-  //         })
-  //         map.value.add([marker])
-  //       }
-  //       polyline.setMap(map.value)
-  //       map.value.add(polyline)
-  //     })
-  //   })
-  // 添加支路折线文本
-  // 创建纯文本标记
-  // const textArr = path.map(item => (
-  //   item.map((child) => {
-  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-  //   })
-  // ))
-  // textArr.forEach((item) => {
-  //   // console.log(item, 'item')
-  //   item.forEach((child) => {
-  //     const icon = new AMap.Icon({
-  //       size: new AMap.Size(36, 36), // 图标尺寸
-  //       // image: '', // Icon的图像
-  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //     })
-  //     // const content = '<div>111</div>'
-  //     const marker = new AMap.Marker({
-  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //       map: map.value,
-  //       content: '<span></span>',
-  //       offset: new AMap.Pixel(-20, -20),
-  //     })
-  //     marker.setLabel({
-  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-  //       direction: 'right', // 设置文本标注方位
-  //     })
-  //     map.value.add([marker])
-  //   })
-  // })
-  // }
+        })
+        // 离线支路连接添加开关图标
+        if (child[2] === 0) {
+          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+          const icon = new AMap.Icon({
+            size: new AMap.Size(36, 36), // 图标尺寸
+            image: `${publicPath}img/icon3.png`, // Icon的图像
+            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+          })
+          const marker = new AMap.Marker({
+            zooms: [16, 20],
+            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+            map: map.value,
+            icon,
+            offset: new AMap.Pixel(-20, -20),
+          })
+          map.value.add([marker])
+        }
+        polyline.setMap(map.value)
+        map.value.add(polyline)
+      })
+    })
+    // 添加支路折线文本
+    // 创建纯文本标记
+    // const textArr = path.map(item => (
+    //   item.map((child) => {
+    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+    //   })
+    // ))
+    // textArr.forEach((item) => {
+    //   // console.log(item, 'item')
+    //   item.forEach((child) => {
+    //     const icon = new AMap.Icon({
+    //       size: new AMap.Size(36, 36), // 图标尺寸
+    //       // image: '', // Icon的图像
+    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    //     })
+    //     // const content = '<div>111</div>'
+    //     const marker = new AMap.Marker({
+    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+    //       map: map.value,
+    //       content: '<span></span>',
+    //       offset: new AMap.Pixel(-20, -20),
+    //     })
+    //     marker.setLabel({
+    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+    //       direction: 'right', // 设置文本标注方位
+    //     })
+    //     map.value.add([marker])
+    //   })
+    // })
+  }
 }
 // 绘制用热监测相关
 const useHot = () => {
@@ -347,26 +327,20 @@
   try {
     const list = await getElectricityListAll()
     // 电网列表
-    console.log(list.data, '电网列表')
     electricityList.value = list.data
     // 查询节点列表(标记点)
     if (electricityList.value.length) {
       const res = await electricityNode(electricityList.value[0].id)
-      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      // markerArrInfo.value = res.data
-      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = electNodeList
-      console.log(res.data, '电网标记点')
+      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = res.data
       // 获取支路信息(折线)
-      // const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = branchList
-      // console.log(res1.data, '折线记点')
+      const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = res1.data
     }
     // 获取光伏列表
-    const list1 = guangfuList
-    // console.log(list1, '广福街店')
-    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1
+    const list1 = await getMonitorStationList()
+    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1.data
     // 初始化地图
     await initMap()
     useElectricity()
@@ -381,10 +355,8 @@
     ptn: '',
     deviceType: '2',
   }).then((res) => {
-    markerArrHotInfo.value = HotNodeList
-    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-    // markerArrHotInfo.value = res.data.rows
-    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrHotInfo.value = res.data.rows
+    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
   })
   // getElectricityListAll().then((res) => {
   //   // 电网列表
@@ -456,6 +428,7 @@
       areaMarkerList.value.push(res.data[0])
       const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
       drawArea(data, color[newVal])
+      console.log(data, 'data')
     }
   })
 })
@@ -483,13 +456,13 @@
   <info-detail ref="windowInfoRef" />
   <info-detail2 ref="windowInfoRef2" />
   <info-detail-hot ref="windowInfoHotRef" />
-  <!-- <div class="btns">
+  <div class="btns">
     <el-radio-group v-model="area">
       <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
         {{ item.name }}
       </el-radio-button>
     </el-radio-group>
-  </div> -->
+  </div>
 </template>
 
 <style scoped>
@@ -522,5 +495,7 @@
 .amap-marker-label {
   border: 0;
   background-color: transparent;
+
+  /* color: transparent; */
 }
 </style>
diff --git a/src/components/map/mock.js b/src/components/map/mock.js
deleted file mode 100644
index 083069d..0000000
--- a/src/components/map/mock.js
+++ /dev/null
@@ -1,1080 +0,0 @@
-export const electNodeList = [
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830681',
-    lng: '111.72953',
-    nodeName: '',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.83078',
-    lng: '111.730077',
-    nodeName: '教学主楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830858',
-    lng: '111.730585',
-    nodeName: '教学北楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831051',
-    lng: '111.729815',
-    nodeName: '一号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831326',
-    lng: '111.729689',
-    nodeName: 'B座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831205',
-    lng: '111.730472',
-    nodeName: '二号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831475',
-    lng: '111.730364',
-    nodeName: 'C座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831027',
-    lng: '111.731106',
-    nodeName: '网络教室',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830697',
-    lng: '111.731217',
-    nodeName: '机考基地',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830084',
-    lng: '111.730342',
-    nodeName: '教学南楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829572',
-    lng: '111.73019',
-    nodeName: 'A座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829443',
-    lng: '111.730252',
-    nodeName: '三号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.82965',
-    lng: '111.731148',
-    nodeName: '四号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829416',
-    lng: '111.731261',
-    nodeName: '五号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829665',
-    lng: '111.732417',
-    nodeName: '六号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829862',
-    lng: '111.733332',
-    nodeName: '七号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-]
-export const HotNodeList = [
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学主楼西侧热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学主楼西侧',
-    installTime: '2023-03-15',
-    lat: '40.83078',
-    lng: '111.730077',
-    monitorObj: '5',
-    monitorObjName: '厂房监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学北楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学北楼',
-    installTime: '2023-03-15',
-    lat: '40.830858',
-    lng: '111.730585',
-    monitorObj: '5',
-    monitorObjName: '教学北楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '一号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '一号楼',
-    installTime: '2023-03-15',
-    lat: '40.831051',
-    lng: '111.729815',
-    monitorObj: '5',
-    monitorObjName: '一号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'B座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'B座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831326',
-    lng: '111.729689',
-    monitorObj: '5',
-    monitorObjName: 'B座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '二号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '二号楼',
-    installTime: '2023-03-15',
-    lat: '40.831205',
-    lng: '111.730472',
-    monitorObj: '5',
-    monitorObjName: '二号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'C座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'C座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831475',
-    lng: '111.730364',
-    monitorObj: '5',
-    monitorObjName: 'C座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '网络教室热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '网络教室',
-    installTime: '2023-03-15',
-    lat: '40.831027',
-    lng: '111.731106',
-    monitorObj: '5',
-    monitorObjName: '网络教室监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '机考基地热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '机考基地',
-    installTime: '2023-03-15',
-    lat: '40.830697',
-    lng: '111.731217',
-    monitorObj: '5',
-    monitorObjName: '机考基地监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学南楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学南楼',
-    installTime: '2023-03-15',
-    lat: '40.830084',
-    lng: '111.730342',
-    monitorObj: '5',
-    monitorObjName: '教学南楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'A座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'A座公寓',
-    installTime: '2023-03-15',
-    lat: '40.829572',
-    lng: '111.73019',
-    monitorObj: '5',
-    monitorObjName: 'A座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '三号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '三号楼',
-    installTime: '2023-03-15',
-    lat: '40.829443',
-    lng: '111.730252',
-    monitorObj: '5',
-    monitorObjName: '三号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '四号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '四号楼',
-    installTime: '2023-03-15',
-    lat: '40.82965',
-    lng: '111.731148',
-    monitorObj: '5',
-    monitorObjName: '四号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '五号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '五号楼',
-    installTime: '2023-03-15',
-    lat: '40.829416',
-    lng: '111.731261',
-    monitorObj: '5',
-    monitorObjName: '五号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '六号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '六号楼',
-    installTime: '2023-03-15',
-    lat: '40.829665',
-    lng: '111.732417',
-    monitorObj: '5',
-    monitorObjName: '六号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '七号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '七号楼',
-    installTime: '2023-03-15',
-    lat: '40.829862',
-    lng: '111.733332',
-    monitorObj: '5',
-    monitorObjName: '七号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-]
-export const branchList = [
-  {
-    branchNodeInfos: [
-      [111.72953, 40.830681],
-      [111.730077, 40.83078],
-      [111.730552, 40.830891],
-      [111.729815, 40.831051],
-      [111.729689, 40.831326],
-    ],
-    branchNumber: '1号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.729815, 40.831051],
-      [111.730472, 40.831205],
-      [111.730364, 40.831475],
-    ],
-    branchNumber: '2号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730552, 40.830891],
-      [111.731106, 40.831027],
-      [111.731217, 40.830697],
-    ],
-    branchNumber: '3号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730077, 40.83078],
-      [111.730342, 40.830084],
-      [111.73019, 40.829572],
-      [111.730252, 40.829443],
-      [111.731148, 40.82965],
-
-      [111.731261, 40.829416],
-      [111.732417, 40.829665],
-      [111.733332, 40.829862],
-    ],
-    branchNumber: '4号支路',
-  },
-]
-export const guangfuList = [
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830948',
-    lng: '111.730561',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学北楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831377',
-    lng: '111.729912',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'B座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831528',
-    lng: '111.730581',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'C座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830178',
-    lng: '111.730829',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学南楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829763',
-    lng: '111.730109',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'A座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829607',
-    lng: '111.730734',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '四号楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-]
diff --git a/src/components/mapBak/index.vue b/src/components/mapBak/index.vue
deleted file mode 100644
index cf07cce..0000000
--- a/src/components/mapBak/index.vue
+++ /dev/null
@@ -1,497 +0,0 @@
-<!--
-  Description: 高德地图
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-import infoDetail from './infoWindow.vue'
-import infoDetail2 from './infoWindow2.vue'
-import infoDetailHot from './infoWindowHot.vue'
-import { getDictByCode } from '@/api/system/dict'
-import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
-const publicPath = import.meta.env.BASE_URL
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
-}
-const electricityList = ref()
-// 地图实例
-const map = ref()
-//  用来画区域的
-const polygon = ref()
-//  画图工具实例
-const mouseTool = ref()
-// 区域数组
-const pathArr = ref([
-  [111.737806, 40.83386],
-  [111.736806, 40.83686],
-  [111.739906, 40.83686],
-  [111.739906, 40.83386],
-])
-// 电网节点数组
-const markerArr = ref([
-])
-// 光伏数组
-const markerArr1 = ref([
-])
-// 用热坐标数组
-const markerArrHot = ref()
-const markerArrHotInfo = ref()
-// 信息窗体
-const infoWindow = ref()
-const infoWindow2 = ref()
-const infoWindowHot = ref()
-const windowInfoRef = ref()
-const windowInfoRef2 = ref()
-const windowInfoHotRef = ref()
-const markerArrInfo = ref()
-const markerArrInfo1 = ref()
-// 折现节点坐标
-const lineArr = ref([])
-// 地图点击事件
-const clickHandler = function (e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// 地图实例对象
-const AMap1 = ref()
-// 图层实例
-const layer = ref()
-const flag = ref(false)
-// 切换图层
-const changeLayerGrop = () => {
-  if (flag.value) {
-    map.value.addLayer(layer.value)
-  }
-  else {
-    map.value.removeLayer(layer.value)
-  }
-  flag.value = !flag.value
-}
-// 初始化地图
-const initMap = async () => {
-  await AMapLoader.load({
-    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
-    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  }).then((AMap) => {
-    AMap1.value = AMap
-    // 初始化地图
-    map.value = new AMap.Map('map', {
-      viewMode: '3D', //  是否为3D地图模式
-      zoom: 17, // 初始化地图级别
-      center: [111.765785, 40.718114],
-      resizeEnable: true,
-    })
-    // 图层实例
-    layer.value = new AMap.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    // 地图绑定右击事件
-    map.value.on('mousedown', clickHandler)
-  })
-    .catch((e) => {
-      console.log(e)
-    })
-}
-// 绘制用电监测相关
-const useElectricity = () => {
-  const AMap = AMap1.value
-  // 电网支路标记点绘制
-  for (let i = 0; i < markerArr.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon1.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindow.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow.value,
-        info: markerArrInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-  // 光伏标记点及光伏绘制
-  for (let i = 0; i < markerArr1.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon2.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20],
-      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(-20, -20),
-    })
-    // 信息窗体
-    infoWindow2.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow2.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef2.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow2.value,
-        info: markerArrInfo1.value[i],
-      })
-    })
-    // 标记点的文本
-    marker.setLabel({
-      zooms: [16, 20],
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-    // 绘制电网和节点连线
-    const path = markerArrInfo1.value.map((item) => {
-      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
-    })
-    const polyline = new AMap.Polyline({
-      path,
-      strokeColor: '#03A382',
-      strokeStyle: 'dashed',
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // 电网支路折线绘制
-  for (let i = 0; i < lineArr.value.length; i++) {
-    // console.log(lineArr.value[i])
-    const path = lineArr.value.map(item => item.branchNodeInfos)
-    const line = path.map(item => (
-      item.map((child) => {
-        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-      })
-    ))
-    line.forEach((item) => {
-      item.forEach((child) => {
-        const path = [child[0], child[1]]
-        const polyline = new AMap.Polyline({
-          path,
-          // isOutline: true,
-          strokeColor: child[2] === 1 ? '#008d68' : '#000',
-          // strokeOpacity: 1,
-          strokeWeight: 3,
-          // 折线样式还支持 'dashed'
-          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-          // strokeStyle是dashed时有效
-          strokeDasharray: [10, 3],
-          lineJoin: 'round',
-          showDir: child[2] === 1,
-          // lineCap: 'square',
-          lineCap: 'round',
-          zIndex: 50,
-          zooms: [16, 20],
-
-        })
-        // 离线支路连接添加开关图标
-        if (child[2] === 0) {
-          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-          const icon = new AMap.Icon({
-            size: new AMap.Size(36, 36), // 图标尺寸
-            image: `${publicPath}img/icon3.png`, // Icon的图像
-            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-          })
-          const marker = new AMap.Marker({
-            zooms: [16, 20],
-            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-            map: map.value,
-            icon,
-            offset: new AMap.Pixel(-20, -20),
-          })
-          map.value.add([marker])
-        }
-        polyline.setMap(map.value)
-        map.value.add(polyline)
-      })
-    })
-    // 添加支路折线文本
-    // 创建纯文本标记
-    // const textArr = path.map(item => (
-    //   item.map((child) => {
-    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-    //   })
-    // ))
-    // textArr.forEach((item) => {
-    //   // console.log(item, 'item')
-    //   item.forEach((child) => {
-    //     const icon = new AMap.Icon({
-    //       size: new AMap.Size(36, 36), // 图标尺寸
-    //       // image: '', // Icon的图像
-    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    //     })
-    //     // const content = '<div>111</div>'
-    //     const marker = new AMap.Marker({
-    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-    //       map: map.value,
-    //       content: '<span></span>',
-    //       offset: new AMap.Pixel(-20, -20),
-    //     })
-    //     marker.setLabel({
-    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-    //       direction: 'right', // 设置文本标注方位
-    //     })
-    //     map.value.add([marker])
-    //   })
-    // })
-  }
-}
-// 绘制用热监测相关
-const useHot = () => {
-  for (let i = 0; i < markerArrHot.value.length; i++) {
-    const AMap = AMap1.value
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon4.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindowHot.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindowHot.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoHotRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindowHot.value,
-        info: markerArrHotInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-}
-onMounted(async () => {
-  // 获取电网列表
-  try {
-    const list = await getElectricityListAll()
-    // 电网列表
-    electricityList.value = list.data
-    // 查询节点列表(标记点)
-    if (electricityList.value.length) {
-      const res = await electricityNode(electricityList.value[0].id)
-      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = res.data
-      // 获取支路信息(折线)
-      const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = res1.data
-    }
-    // 获取光伏列表
-    const list1 = await getMonitorStationList()
-    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1.data
-    // 初始化地图
-    await initMap()
-    useElectricity()
-  }
-  catch (error) {
-    initMap()
-  }
-  // 获取用热数据
-  getDeviceListPage({
-    offset: 1,
-    limit: 999,
-    ptn: '',
-    deviceType: '2',
-  }).then((res) => {
-    markerArrHotInfo.value = res.data.rows
-    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
-  })
-  // getElectricityListAll().then((res) => {
-  //   // 电网列表
-  //   electricityList.value = res.data
-  //   // 默认选中第一个查询节点
-  //   if (electricityList.value.length) {
-  //     electricityNode(electricityList.value[0].id).then((res) => {
-  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-  //       markerArrInfo.value = res.data
-  //       // 获取支路
-  //       electricityBranch(electricityList.value[0].id).then(res => {
-  //         lineArr.value = res.data
-  //         // console.log(res.data)
-  //         initMap()
-  //       })
-  //     })
-  //   }
-  // })
-})
-const area = ref('')
-const areaList = ref([])
-// 获取分区列表
-const fetchAreaList = () => {
-  getDictByCode('ptn_type').then((res) => {
-    areaList.value = res.data
-  })
-}
-fetchAreaList()
-const areaMarkerList = ref()
-const polygons = ref()
-// 绘制区域
-const drawArea = (markerList: any, color: string) => {
-  const polygon = new AMap1.value.Polygon({
-    path: markerList,
-    fillColor: color,
-    strokeOpacity: 1,
-    fillOpacity: 0.5,
-    strokeColor: '#2b8cba',
-    strokeWeight: 1,
-    strokeStyle: 'dashed',
-    strokeDasharray: [5, 5],
-  })
-  polygons.value = polygon
-  map.value.add(polygon)
-}
-// 删除绘制
-const clearDraw = () => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-    area.value = ''
-  }
-}
-// 监听分区变化
-watch(() => area.value, (newVal) => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-  }
-  if (!newVal) {
-    return
-  }
-  getAreaPosition(newVal).then((res) => {
-    const color = {
-      1: '#2b8cbe',
-      2: '#ccebc5',
-      3: '#7bccc4',
-    }
-    areaMarkerList.value = res.data
-    if (res.data.length) {
-      areaMarkerList.value.push(res.data[0])
-      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
-      drawArea(data, color[newVal])
-    }
-  })
-})
-// 用电检测/用热监测 默认用电
-const flagType = ref(true)
-// 切换用电检测/用热监测
-const changeFlagType = () => {
-  map.value.clearMap()
-  map.value.setCenter([111.765785, 40.718114])
-  // 区域框展示
-  area.value = ''
-  if (flagType.value) {
-    useHot()
-  }
-  else {
-    useElectricity()
-  }
-  flagType.value = !flagType.value
-}
-defineExpose({ changeLayerGrop, changeFlagType, flag })
-</script>
-
-<template>
-  <div id="map" />
-  <info-detail ref="windowInfoRef" />
-  <info-detail2 ref="windowInfoRef2" />
-  <info-detail-hot ref="windowInfoHotRef" />
-  <div class="btns">
-    <el-radio-group v-model="area">
-      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
-        {{ item.name }}
-      </el-radio-button>
-    </el-radio-group>
-  </div>
-</template>
-
-<style scoped>
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-
-.btns {
-  position: absolute;
-  left: 10px;
-  bottom: 10px;
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.amap-marker-label {
-  border: 0;
-  background-color: transparent;
-}
-</style>
diff --git a/src/components/mapBak/infoWindow.vue b/src/components/mapBak/infoWindow.vue
deleted file mode 100644
index 7893e43..0000000
--- a/src/components/mapBak/infoWindow.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<!--
-  Description: 高德地图信息窗体 - 支路节点
-  Author: 李亚光
-  Date: 2023-05-10
- -->
-<script lang="ts" setup name="infoWindow">
-import trendChart from './trendChart.vue'
-const overlay = ref()
-const infoWindow = ref()
-const info = ref()
-const trendRef = ref()
-// 初始化
-const initialize = (e) => {
-  overlay.value = e.overlay
-  infoWindow.value = e.infoWindow
-  info.value = e.info
-  trendRef.value.expand = true
-  trendRef.value.range = 'day'
-}
-defineExpose({ initialize })
-// 关闭
-const close = () => {
-  infoWindow.value.close()
-  trendRef.value.expand = true
-}
-const expand = computed(() => {
-  return trendRef.value?.expand
-})
-</script>
-
-<template>
-  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
-    <div class="title">
-      <div class="text">
-        {{ info?.nodeName }}
-      </div>
-      <div class="close" @click="close">
-        x
-      </div>
-    </div>
-    <div class="item">
-      节点编号 : {{ info?.busId }}
-    </div>
-    <div class="item">
-      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
-    </div>
-    <div class="item">
-      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
-    </div>
-    <div class="item">
-      <span>采集时间 : {{ info?.colTime }}</span>
-    </div>
-    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
-    // <div class="item">设备ID : {{ device.deviceId }}</div>
-    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
-    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
-    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  width: 470px;
-  height: 510px;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #6d9ece;
-
-  .title {
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 10px;
-    display: flex;
-    justify-content: space-between;
-
-    .close {
-      color: #ccc;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  .item {
-    padding: 0 5px;
-    color: #111213;
-    font-size: 14px;
-    margin: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>
diff --git a/src/components/mapBak/infoWindow2.vue b/src/components/mapBak/infoWindow2.vue
deleted file mode 100644
index e4aca59..0000000
--- a/src/components/mapBak/infoWindow2.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<!--
-  Description: 高德地图信息窗体 - 光伏节点
-  Author: 李亚光
-  Date: 2023-05-10
- -->
-<script lang="ts" setup name="infoWindow">
-import trendChart from './trendChart.vue'
-const overlay = ref()
-const infoWindow = ref()
-const info = ref()
-const trendRef = ref()
-// 初始化
-const initialize = (e) => {
-  overlay.value = e.overlay
-  infoWindow.value = e.infoWindow
-  info.value = e.info
-  trendRef.value.expand = true
-  trendRef.value.range = 'day'
-}
-defineExpose({ initialize })
-// 关闭
-const close = () => {
-  infoWindow.value.close()
-  trendRef.value.expand = true
-}
-const expand = computed(() => {
-  return trendRef.value?.expand
-})
-</script>
-
-<template>
-  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
-    <div class="title">
-      <div class="text">
-        {{ info?.stationName }}
-      </div>
-      <div class="close" @click="close">
-        x
-      </div>
-    </div>
-    <div class="item">
-      光伏挂载节点 : {{ info?.nodeId }}
-    </div>
-    <div class="item">
-      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
-    </div>
-    <div class="item">
-      碳排强度 : {{ info?.strength }} gCO2·/kWh
-    </div>
-    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  width: 450px;
-  height: 400px;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #6d9ece;
-
-  .title {
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 10px;
-    display: flex;
-    justify-content: space-between;
-
-    .close {
-      color: #ccc;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  .item {
-    padding: 0 5px;
-    color: #111213;
-    font-size: 14px;
-    margin: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/mock.js b/src/components/map-bak/mock.js
new file mode 100644
index 0000000..083069d
--- /dev/null
+++ b/src/components/map-bak/mock.js
@@ -0,0 +1,1080 @@
+export const electNodeList = [
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830681',
+    lng: '111.72953',
+    nodeName: '',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.83078',
+    lng: '111.730077',
+    nodeName: '教学主楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830858',
+    lng: '111.730585',
+    nodeName: '教学北楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831051',
+    lng: '111.729815',
+    nodeName: '一号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831326',
+    lng: '111.729689',
+    nodeName: 'B座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831205',
+    lng: '111.730472',
+    nodeName: '二号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831475',
+    lng: '111.730364',
+    nodeName: 'C座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831027',
+    lng: '111.731106',
+    nodeName: '网络教室',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830697',
+    lng: '111.731217',
+    nodeName: '机考基地',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830084',
+    lng: '111.730342',
+    nodeName: '教学南楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829572',
+    lng: '111.73019',
+    nodeName: 'A座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829443',
+    lng: '111.730252',
+    nodeName: '三号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.82965',
+    lng: '111.731148',
+    nodeName: '四号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829416',
+    lng: '111.731261',
+    nodeName: '五号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829665',
+    lng: '111.732417',
+    nodeName: '六号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829862',
+    lng: '111.733332',
+    nodeName: '七号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+]
+export const HotNodeList = [
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学主楼西侧热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学主楼西侧',
+    installTime: '2023-03-15',
+    lat: '40.83078',
+    lng: '111.730077',
+    monitorObj: '5',
+    monitorObjName: '厂房监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学北楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学北楼',
+    installTime: '2023-03-15',
+    lat: '40.830858',
+    lng: '111.730585',
+    monitorObj: '5',
+    monitorObjName: '教学北楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '一号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '一号楼',
+    installTime: '2023-03-15',
+    lat: '40.831051',
+    lng: '111.729815',
+    monitorObj: '5',
+    monitorObjName: '一号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'B座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'B座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831326',
+    lng: '111.729689',
+    monitorObj: '5',
+    monitorObjName: 'B座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '二号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '二号楼',
+    installTime: '2023-03-15',
+    lat: '40.831205',
+    lng: '111.730472',
+    monitorObj: '5',
+    monitorObjName: '二号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'C座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'C座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831475',
+    lng: '111.730364',
+    monitorObj: '5',
+    monitorObjName: 'C座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '网络教室热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '网络教室',
+    installTime: '2023-03-15',
+    lat: '40.831027',
+    lng: '111.731106',
+    monitorObj: '5',
+    monitorObjName: '网络教室监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '机考基地热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '机考基地',
+    installTime: '2023-03-15',
+    lat: '40.830697',
+    lng: '111.731217',
+    monitorObj: '5',
+    monitorObjName: '机考基地监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学南楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学南楼',
+    installTime: '2023-03-15',
+    lat: '40.830084',
+    lng: '111.730342',
+    monitorObj: '5',
+    monitorObjName: '教学南楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'A座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'A座公寓',
+    installTime: '2023-03-15',
+    lat: '40.829572',
+    lng: '111.73019',
+    monitorObj: '5',
+    monitorObjName: 'A座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '三号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '三号楼',
+    installTime: '2023-03-15',
+    lat: '40.829443',
+    lng: '111.730252',
+    monitorObj: '5',
+    monitorObjName: '三号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '四号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '四号楼',
+    installTime: '2023-03-15',
+    lat: '40.82965',
+    lng: '111.731148',
+    monitorObj: '5',
+    monitorObjName: '四号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '五号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '五号楼',
+    installTime: '2023-03-15',
+    lat: '40.829416',
+    lng: '111.731261',
+    monitorObj: '5',
+    monitorObjName: '五号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '六号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '六号楼',
+    installTime: '2023-03-15',
+    lat: '40.829665',
+    lng: '111.732417',
+    monitorObj: '5',
+    monitorObjName: '六号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '七号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '七号楼',
+    installTime: '2023-03-15',
+    lat: '40.829862',
+    lng: '111.733332',
+    monitorObj: '5',
+    monitorObjName: '七号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+]
+export const branchList = [
+  {
+    branchNodeInfos: [
+      [111.72953, 40.830681],
+      [111.730077, 40.83078],
+      [111.730552, 40.830891],
+      [111.729815, 40.831051],
+      [111.729689, 40.831326],
+    ],
+    branchNumber: '1号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.729815, 40.831051],
+      [111.730472, 40.831205],
+      [111.730364, 40.831475],
+    ],
+    branchNumber: '2号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730552, 40.830891],
+      [111.731106, 40.831027],
+      [111.731217, 40.830697],
+    ],
+    branchNumber: '3号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730077, 40.83078],
+      [111.730342, 40.830084],
+      [111.73019, 40.829572],
+      [111.730252, 40.829443],
+      [111.731148, 40.82965],
+
+      [111.731261, 40.829416],
+      [111.732417, 40.829665],
+      [111.733332, 40.829862],
+    ],
+    branchNumber: '4号支路',
+  },
+]
+export const guangfuList = [
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830948',
+    lng: '111.730561',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学北楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831377',
+    lng: '111.729912',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'B座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831528',
+    lng: '111.730581',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'C座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830178',
+    lng: '111.730829',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学南楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829763',
+    lng: '111.730109',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'A座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829607',
+    lng: '111.730734',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '四号楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+]
diff --git a/src/components/map-bak/trendChart.vue b/src/components/map-bak/trendChart.vue
new file mode 100644
index 0000000..5fbdd3d
--- /dev/null
+++ b/src/components/map-bak/trendChart.vue
@@ -0,0 +1,163 @@
+<!--
+  Description: 节点监测趋势echarts
+  Author: 李亚光
+  Date: 2023-06-05
+ -->
+<script lang="ts" setup name="TrendChart">
+import { getDeviceDetailAnalysis } from '@/api/api/index'
+const props = defineProps({
+  height: {
+    type: Number,
+    default: 400,
+  },
+  width: {
+    type: Number,
+    default: 400,
+  },
+  deviceId: {
+    type: Number || String,
+    require: true,
+  },
+  deviceType: {
+    type: Number || String,
+    require: true,
+  },
+})
+const loading = ref(true)
+const range = ref('')
+const flag = ref(true)
+// defineExpose({ range })
+const yAxisData = ref([])
+const xAxisData = ref([])
+const selected = ref({})
+// 获取设备监测分析
+const fetchDeviceAnalysis = () => {
+  loading.value = true
+  xAxisData.value = []
+  yAxisData.value = []
+  getDeviceDetailAnalysis({
+    deviceId: props?.deviceId,
+    type: range.value,
+  }).then((res) => {
+    const data = res.data
+    // 整理节点监测趋势数据-用电
+    if (data.monitorTrends?.rp.length && Number(props.deviceType) === 1) {
+      xAxisData.value = data.monitorTrends?.rp?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '有功功率(MW)',
+          data: data.monitorTrends?.rp?.map((item: any) => Number(item.value)),
+        },
+        {
+          name: '无功功率(MVAr)',
+          data: data.monitorTrends?.ap?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    // 整理节点监测趋势数据-用热/用气
+    if (data.monitorTrends?.val.length && Number(props.deviceType) !== 1) {
+      xAxisData.value = data.monitorTrends?.val?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '监测值',
+          data: data.monitorTrends?.val?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    loading.value = false
+  }).catch(() => {
+    xAxisData.value = []
+    loading.value = false
+  })
+}
+// 监听 监测趋势时间段 变化 重新获取数据
+watch(() => props.deviceId, (newVal) => {
+  if (newVal) {
+    range.value = 'day'
+    fetchDeviceAnalysis()
+  }
+  if (Number(props.deviceType) === 1) {
+    selected.value = {
+      '有功功率(MW)': true,
+      '无功功率(MVAr)': false,
+    }
+  }
+  else {
+    selected.value = {}
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+watch(() => range.value, (newVal) => {
+  if (newVal) {
+    fetchDeviceAnalysis()
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+
+const expand = ref(true)
+const expandChart = () => {
+  expand.value = !expand.value
+  if (!expand.value) {
+    range.value = ''
+    xAxisData.value = []
+    yAxisData.value = []
+    setTimeout(() => {
+      range.value = 'day'
+    })
+  }
+}
+defineExpose({ range, expand, fetchDeviceAnalysis })
+</script>
+
+<template>
+  <div style="padding: 10px;">
+    <div class="chart-title" @click="expandChart">
+      节点监测趋势
+      <div class="btn">
+        <el-icon v-if="expand">
+          <arrow-right-bold />
+        </el-icon>
+        <el-icon v-else>
+          <arrow-down-bold />
+        </el-icon>
+      </div>
+    </div>
+    <div v-if="!expand">
+      <el-radio-group v-model="range">
+        <el-radio label="day">
+          日
+        </el-radio>
+        <el-radio label="month">
+          月
+        </el-radio>
+        <el-radio label="year">
+          年
+        </el-radio>
+      </el-radio-group>
+      <line-chart
+        v-loading="loading" :height="`${props.height}px`" :width="`${props.width}px`" :data="yAxisData"
+        :x-axis-data="xAxisData" :selected="selected"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.chart-title {
+  background-color: #ccc;
+  position: relative;
+
+  .btn {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+</style>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index da37e9a..5a1b86c 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -8,7 +8,6 @@
 import infoDetail from './infoWindow.vue'
 import infoDetail2 from './infoWindow2.vue'
 import infoDetailHot from './infoWindowHot.vue'
-import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
 import { getDictByCode } from '@/api/system/dict'
 import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
 const publicPath = import.meta.env.BASE_URL
@@ -90,6 +89,7 @@
     // 图层实例
     layer.value = new AMap.TileLayer.Satellite()
     map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
     // 地图绑定右击事件
     map.value.on('mousedown', clickHandler)
   })
@@ -113,7 +113,7 @@
       position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
       map: map.value,
       icon,
-      offset: new AMap.Pixel(0, -20),
+      offset: new AMap.Pixel(3, -30),
     })
     // 支路点详细信息// 信息窗体
     infoWindow.value = new AMap.InfoWindow({
@@ -139,7 +139,7 @@
     })
     map.value.add([marker])
   }
-  // // 光伏标记点及光伏绘制
+  // 光伏标记点及光伏绘制
   for (let i = 0; i < markerArr1.value.length; i++) {
     const icon = new AMap.Icon({
       size: new AMap.Size(36, 36), // 图标尺寸
@@ -197,108 +197,88 @@
   }
   // 电网支路折线绘制
   for (let i = 0; i < lineArr.value.length; i++) {
-    const path = lineArr.value[i].branchNodeInfos
-    var polyline = new AMap.Polyline({
-      path,
-      isOutline: true,
-      strokeColor: '#008d68',
-      // strokeOpacity: 1,
-      strokeWeight: 3,
-      // 折线样式还支持 'dashed'
-      // strokeStyle是dashed时有效
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      // lineCap: 'square',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // for (let i = 0; i < lineArr.value.length; i++) {
-  //   // console.log(lineArr.value[i])
-  //   const path = lineArr.value.map(item => item.branchNodeInfos)
-  //   const line = path.map(item => (
-  //     item.map((child) => {
-  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-  //     })
-  //   ))
-  //   line.forEach((item) => {
-  //     item.forEach((child) => {
-  //       const path = [child[0], child[1]]
-  //       const polyline = new AMap.Polyline({
-  //         path,
-  //         // isOutline: true,
-  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
-  //         // strokeOpacity: 1,
-  //         strokeWeight: 3,
-  //         // 折线样式还支持 'dashed'
-  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-  //         // strokeStyle是dashed时有效
-  //         strokeDasharray: [10, 3],
-  //         lineJoin: 'round',
-  //         showDir: child[2] === 1,
-  //         // lineCap: 'square',
-  //         lineCap: 'round',
-  //         zIndex: 50,
-  //         zooms: [16, 20],
+    // console.log(lineArr.value[i])
+    const path = lineArr.value.map(item => item.branchNodeInfos)
+    const line = path.map(item => (
+      item.map((child) => {
+        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+      })
+    ))
+    line.forEach((item) => {
+      item.forEach((child) => {
+        const path = [child[0], child[1]]
+        const polyline = new AMap.Polyline({
+          path,
+          // isOutline: true,
+          strokeColor: child[2] === 1 ? '#008d68' : '#000',
+          // strokeOpacity: 1,
+          strokeWeight: 3,
+          // 折线样式还支持 'dashed'
+          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+          // strokeStyle是dashed时有效
+          strokeDasharray: [10, 3],
+          lineJoin: 'round',
+          showDir: child[2] === 1,
+          // lineCap: 'square',
+          lineCap: 'round',
+          zIndex: 50,
+          zooms: [16, 20],
 
-  //       })
-  //       // 离线支路连接添加开关图标
-  //       if (child[2] === 0) {
-  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-  //         const icon = new AMap.Icon({
-  //           size: new AMap.Size(36, 36), // 图标尺寸
-  //           image: `${publicPath}img/icon3.png`, // Icon的图像
-  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //         })
-  //         const marker = new AMap.Marker({
-  //           zooms: [16, 20],
-  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //           map: map.value,
-  //           icon,
-  //           offset: new AMap.Pixel(-20, -20),
-  //         })
-  //         map.value.add([marker])
-  //       }
-  //       polyline.setMap(map.value)
-  //       map.value.add(polyline)
-  //     })
-  //   })
-  // 添加支路折线文本
-  // 创建纯文本标记
-  // const textArr = path.map(item => (
-  //   item.map((child) => {
-  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-  //   })
-  // ))
-  // textArr.forEach((item) => {
-  //   // console.log(item, 'item')
-  //   item.forEach((child) => {
-  //     const icon = new AMap.Icon({
-  //       size: new AMap.Size(36, 36), // 图标尺寸
-  //       // image: '', // Icon的图像
-  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //     })
-  //     // const content = '<div>111</div>'
-  //     const marker = new AMap.Marker({
-  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //       map: map.value,
-  //       content: '<span></span>',
-  //       offset: new AMap.Pixel(-20, -20),
-  //     })
-  //     marker.setLabel({
-  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-  //       direction: 'right', // 设置文本标注方位
-  //     })
-  //     map.value.add([marker])
-  //   })
-  // })
-  // }
+        })
+        // 离线支路连接添加开关图标
+        if (child[2] === 0) {
+          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+          const icon = new AMap.Icon({
+            size: new AMap.Size(36, 36), // 图标尺寸
+            image: `${publicPath}img/icon3.png`, // Icon的图像
+            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+          })
+          const marker = new AMap.Marker({
+            zooms: [16, 20],
+            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+            map: map.value,
+            icon,
+            offset: new AMap.Pixel(-20, -20),
+          })
+          map.value.add([marker])
+        }
+        polyline.setMap(map.value)
+        map.value.add(polyline)
+      })
+    })
+    // 添加支路折线文本
+    // 创建纯文本标记
+    // const textArr = path.map(item => (
+    //   item.map((child) => {
+    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+    //   })
+    // ))
+    // textArr.forEach((item) => {
+    //   // console.log(item, 'item')
+    //   item.forEach((child) => {
+    //     const icon = new AMap.Icon({
+    //       size: new AMap.Size(36, 36), // 图标尺寸
+    //       // image: '', // Icon的图像
+    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    //     })
+    //     // const content = '<div>111</div>'
+    //     const marker = new AMap.Marker({
+    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+    //       map: map.value,
+    //       content: '<span></span>',
+    //       offset: new AMap.Pixel(-20, -20),
+    //     })
+    //     marker.setLabel({
+    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+    //       direction: 'right', // 设置文本标注方位
+    //     })
+    //     map.value.add([marker])
+    //   })
+    // })
+  }
 }
 // 绘制用热监测相关
 const useHot = () => {
@@ -347,26 +327,20 @@
   try {
     const list = await getElectricityListAll()
     // 电网列表
-    console.log(list.data, '电网列表')
     electricityList.value = list.data
     // 查询节点列表(标记点)
     if (electricityList.value.length) {
       const res = await electricityNode(electricityList.value[0].id)
-      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      // markerArrInfo.value = res.data
-      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = electNodeList
-      console.log(res.data, '电网标记点')
+      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = res.data
       // 获取支路信息(折线)
-      // const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = branchList
-      // console.log(res1.data, '折线记点')
+      const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = res1.data
     }
     // 获取光伏列表
-    const list1 = guangfuList
-    // console.log(list1, '广福街店')
-    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1
+    const list1 = await getMonitorStationList()
+    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1.data
     // 初始化地图
     await initMap()
     useElectricity()
@@ -381,10 +355,8 @@
     ptn: '',
     deviceType: '2',
   }).then((res) => {
-    markerArrHotInfo.value = HotNodeList
-    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-    // markerArrHotInfo.value = res.data.rows
-    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrHotInfo.value = res.data.rows
+    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
   })
   // getElectricityListAll().then((res) => {
   //   // 电网列表
@@ -456,6 +428,7 @@
       areaMarkerList.value.push(res.data[0])
       const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
       drawArea(data, color[newVal])
+      console.log(data, 'data')
     }
   })
 })
@@ -483,13 +456,13 @@
   <info-detail ref="windowInfoRef" />
   <info-detail2 ref="windowInfoRef2" />
   <info-detail-hot ref="windowInfoHotRef" />
-  <!-- <div class="btns">
+  <div class="btns">
     <el-radio-group v-model="area">
       <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
         {{ item.name }}
       </el-radio-button>
     </el-radio-group>
-  </div> -->
+  </div>
 </template>
 
 <style scoped>
@@ -522,5 +495,7 @@
 .amap-marker-label {
   border: 0;
   background-color: transparent;
+
+  /* color: transparent; */
 }
 </style>
diff --git a/src/components/map/mock.js b/src/components/map/mock.js
deleted file mode 100644
index 083069d..0000000
--- a/src/components/map/mock.js
+++ /dev/null
@@ -1,1080 +0,0 @@
-export const electNodeList = [
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830681',
-    lng: '111.72953',
-    nodeName: '',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.83078',
-    lng: '111.730077',
-    nodeName: '教学主楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830858',
-    lng: '111.730585',
-    nodeName: '教学北楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831051',
-    lng: '111.729815',
-    nodeName: '一号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831326',
-    lng: '111.729689',
-    nodeName: 'B座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831205',
-    lng: '111.730472',
-    nodeName: '二号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831475',
-    lng: '111.730364',
-    nodeName: 'C座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831027',
-    lng: '111.731106',
-    nodeName: '网络教室',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830697',
-    lng: '111.731217',
-    nodeName: '机考基地',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830084',
-    lng: '111.730342',
-    nodeName: '教学南楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829572',
-    lng: '111.73019',
-    nodeName: 'A座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829443',
-    lng: '111.730252',
-    nodeName: '三号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.82965',
-    lng: '111.731148',
-    nodeName: '四号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829416',
-    lng: '111.731261',
-    nodeName: '五号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829665',
-    lng: '111.732417',
-    nodeName: '六号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829862',
-    lng: '111.733332',
-    nodeName: '七号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-]
-export const HotNodeList = [
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学主楼西侧热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学主楼西侧',
-    installTime: '2023-03-15',
-    lat: '40.83078',
-    lng: '111.730077',
-    monitorObj: '5',
-    monitorObjName: '厂房监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学北楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学北楼',
-    installTime: '2023-03-15',
-    lat: '40.830858',
-    lng: '111.730585',
-    monitorObj: '5',
-    monitorObjName: '教学北楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '一号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '一号楼',
-    installTime: '2023-03-15',
-    lat: '40.831051',
-    lng: '111.729815',
-    monitorObj: '5',
-    monitorObjName: '一号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'B座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'B座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831326',
-    lng: '111.729689',
-    monitorObj: '5',
-    monitorObjName: 'B座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '二号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '二号楼',
-    installTime: '2023-03-15',
-    lat: '40.831205',
-    lng: '111.730472',
-    monitorObj: '5',
-    monitorObjName: '二号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'C座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'C座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831475',
-    lng: '111.730364',
-    monitorObj: '5',
-    monitorObjName: 'C座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '网络教室热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '网络教室',
-    installTime: '2023-03-15',
-    lat: '40.831027',
-    lng: '111.731106',
-    monitorObj: '5',
-    monitorObjName: '网络教室监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '机考基地热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '机考基地',
-    installTime: '2023-03-15',
-    lat: '40.830697',
-    lng: '111.731217',
-    monitorObj: '5',
-    monitorObjName: '机考基地监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学南楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学南楼',
-    installTime: '2023-03-15',
-    lat: '40.830084',
-    lng: '111.730342',
-    monitorObj: '5',
-    monitorObjName: '教学南楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'A座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'A座公寓',
-    installTime: '2023-03-15',
-    lat: '40.829572',
-    lng: '111.73019',
-    monitorObj: '5',
-    monitorObjName: 'A座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '三号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '三号楼',
-    installTime: '2023-03-15',
-    lat: '40.829443',
-    lng: '111.730252',
-    monitorObj: '5',
-    monitorObjName: '三号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '四号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '四号楼',
-    installTime: '2023-03-15',
-    lat: '40.82965',
-    lng: '111.731148',
-    monitorObj: '5',
-    monitorObjName: '四号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '五号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '五号楼',
-    installTime: '2023-03-15',
-    lat: '40.829416',
-    lng: '111.731261',
-    monitorObj: '5',
-    monitorObjName: '五号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '六号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '六号楼',
-    installTime: '2023-03-15',
-    lat: '40.829665',
-    lng: '111.732417',
-    monitorObj: '5',
-    monitorObjName: '六号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '七号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '七号楼',
-    installTime: '2023-03-15',
-    lat: '40.829862',
-    lng: '111.733332',
-    monitorObj: '5',
-    monitorObjName: '七号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-]
-export const branchList = [
-  {
-    branchNodeInfos: [
-      [111.72953, 40.830681],
-      [111.730077, 40.83078],
-      [111.730552, 40.830891],
-      [111.729815, 40.831051],
-      [111.729689, 40.831326],
-    ],
-    branchNumber: '1号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.729815, 40.831051],
-      [111.730472, 40.831205],
-      [111.730364, 40.831475],
-    ],
-    branchNumber: '2号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730552, 40.830891],
-      [111.731106, 40.831027],
-      [111.731217, 40.830697],
-    ],
-    branchNumber: '3号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730077, 40.83078],
-      [111.730342, 40.830084],
-      [111.73019, 40.829572],
-      [111.730252, 40.829443],
-      [111.731148, 40.82965],
-
-      [111.731261, 40.829416],
-      [111.732417, 40.829665],
-      [111.733332, 40.829862],
-    ],
-    branchNumber: '4号支路',
-  },
-]
-export const guangfuList = [
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830948',
-    lng: '111.730561',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学北楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831377',
-    lng: '111.729912',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'B座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831528',
-    lng: '111.730581',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'C座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830178',
-    lng: '111.730829',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学南楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829763',
-    lng: '111.730109',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'A座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829607',
-    lng: '111.730734',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '四号楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-]
diff --git a/src/components/mapBak/index.vue b/src/components/mapBak/index.vue
deleted file mode 100644
index cf07cce..0000000
--- a/src/components/mapBak/index.vue
+++ /dev/null
@@ -1,497 +0,0 @@
-<!--
-  Description: 高德地图
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-import infoDetail from './infoWindow.vue'
-import infoDetail2 from './infoWindow2.vue'
-import infoDetailHot from './infoWindowHot.vue'
-import { getDictByCode } from '@/api/system/dict'
-import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
-const publicPath = import.meta.env.BASE_URL
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
-}
-const electricityList = ref()
-// 地图实例
-const map = ref()
-//  用来画区域的
-const polygon = ref()
-//  画图工具实例
-const mouseTool = ref()
-// 区域数组
-const pathArr = ref([
-  [111.737806, 40.83386],
-  [111.736806, 40.83686],
-  [111.739906, 40.83686],
-  [111.739906, 40.83386],
-])
-// 电网节点数组
-const markerArr = ref([
-])
-// 光伏数组
-const markerArr1 = ref([
-])
-// 用热坐标数组
-const markerArrHot = ref()
-const markerArrHotInfo = ref()
-// 信息窗体
-const infoWindow = ref()
-const infoWindow2 = ref()
-const infoWindowHot = ref()
-const windowInfoRef = ref()
-const windowInfoRef2 = ref()
-const windowInfoHotRef = ref()
-const markerArrInfo = ref()
-const markerArrInfo1 = ref()
-// 折现节点坐标
-const lineArr = ref([])
-// 地图点击事件
-const clickHandler = function (e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// 地图实例对象
-const AMap1 = ref()
-// 图层实例
-const layer = ref()
-const flag = ref(false)
-// 切换图层
-const changeLayerGrop = () => {
-  if (flag.value) {
-    map.value.addLayer(layer.value)
-  }
-  else {
-    map.value.removeLayer(layer.value)
-  }
-  flag.value = !flag.value
-}
-// 初始化地图
-const initMap = async () => {
-  await AMapLoader.load({
-    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
-    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  }).then((AMap) => {
-    AMap1.value = AMap
-    // 初始化地图
-    map.value = new AMap.Map('map', {
-      viewMode: '3D', //  是否为3D地图模式
-      zoom: 17, // 初始化地图级别
-      center: [111.765785, 40.718114],
-      resizeEnable: true,
-    })
-    // 图层实例
-    layer.value = new AMap.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    // 地图绑定右击事件
-    map.value.on('mousedown', clickHandler)
-  })
-    .catch((e) => {
-      console.log(e)
-    })
-}
-// 绘制用电监测相关
-const useElectricity = () => {
-  const AMap = AMap1.value
-  // 电网支路标记点绘制
-  for (let i = 0; i < markerArr.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon1.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindow.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow.value,
-        info: markerArrInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-  // 光伏标记点及光伏绘制
-  for (let i = 0; i < markerArr1.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon2.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20],
-      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(-20, -20),
-    })
-    // 信息窗体
-    infoWindow2.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow2.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef2.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow2.value,
-        info: markerArrInfo1.value[i],
-      })
-    })
-    // 标记点的文本
-    marker.setLabel({
-      zooms: [16, 20],
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-    // 绘制电网和节点连线
-    const path = markerArrInfo1.value.map((item) => {
-      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
-    })
-    const polyline = new AMap.Polyline({
-      path,
-      strokeColor: '#03A382',
-      strokeStyle: 'dashed',
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // 电网支路折线绘制
-  for (let i = 0; i < lineArr.value.length; i++) {
-    // console.log(lineArr.value[i])
-    const path = lineArr.value.map(item => item.branchNodeInfos)
-    const line = path.map(item => (
-      item.map((child) => {
-        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-      })
-    ))
-    line.forEach((item) => {
-      item.forEach((child) => {
-        const path = [child[0], child[1]]
-        const polyline = new AMap.Polyline({
-          path,
-          // isOutline: true,
-          strokeColor: child[2] === 1 ? '#008d68' : '#000',
-          // strokeOpacity: 1,
-          strokeWeight: 3,
-          // 折线样式还支持 'dashed'
-          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-          // strokeStyle是dashed时有效
-          strokeDasharray: [10, 3],
-          lineJoin: 'round',
-          showDir: child[2] === 1,
-          // lineCap: 'square',
-          lineCap: 'round',
-          zIndex: 50,
-          zooms: [16, 20],
-
-        })
-        // 离线支路连接添加开关图标
-        if (child[2] === 0) {
-          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-          const icon = new AMap.Icon({
-            size: new AMap.Size(36, 36), // 图标尺寸
-            image: `${publicPath}img/icon3.png`, // Icon的图像
-            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-          })
-          const marker = new AMap.Marker({
-            zooms: [16, 20],
-            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-            map: map.value,
-            icon,
-            offset: new AMap.Pixel(-20, -20),
-          })
-          map.value.add([marker])
-        }
-        polyline.setMap(map.value)
-        map.value.add(polyline)
-      })
-    })
-    // 添加支路折线文本
-    // 创建纯文本标记
-    // const textArr = path.map(item => (
-    //   item.map((child) => {
-    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-    //   })
-    // ))
-    // textArr.forEach((item) => {
-    //   // console.log(item, 'item')
-    //   item.forEach((child) => {
-    //     const icon = new AMap.Icon({
-    //       size: new AMap.Size(36, 36), // 图标尺寸
-    //       // image: '', // Icon的图像
-    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    //     })
-    //     // const content = '<div>111</div>'
-    //     const marker = new AMap.Marker({
-    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-    //       map: map.value,
-    //       content: '<span></span>',
-    //       offset: new AMap.Pixel(-20, -20),
-    //     })
-    //     marker.setLabel({
-    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-    //       direction: 'right', // 设置文本标注方位
-    //     })
-    //     map.value.add([marker])
-    //   })
-    // })
-  }
-}
-// 绘制用热监测相关
-const useHot = () => {
-  for (let i = 0; i < markerArrHot.value.length; i++) {
-    const AMap = AMap1.value
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon4.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindowHot.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindowHot.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoHotRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindowHot.value,
-        info: markerArrHotInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-}
-onMounted(async () => {
-  // 获取电网列表
-  try {
-    const list = await getElectricityListAll()
-    // 电网列表
-    electricityList.value = list.data
-    // 查询节点列表(标记点)
-    if (electricityList.value.length) {
-      const res = await electricityNode(electricityList.value[0].id)
-      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = res.data
-      // 获取支路信息(折线)
-      const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = res1.data
-    }
-    // 获取光伏列表
-    const list1 = await getMonitorStationList()
-    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1.data
-    // 初始化地图
-    await initMap()
-    useElectricity()
-  }
-  catch (error) {
-    initMap()
-  }
-  // 获取用热数据
-  getDeviceListPage({
-    offset: 1,
-    limit: 999,
-    ptn: '',
-    deviceType: '2',
-  }).then((res) => {
-    markerArrHotInfo.value = res.data.rows
-    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
-  })
-  // getElectricityListAll().then((res) => {
-  //   // 电网列表
-  //   electricityList.value = res.data
-  //   // 默认选中第一个查询节点
-  //   if (electricityList.value.length) {
-  //     electricityNode(electricityList.value[0].id).then((res) => {
-  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-  //       markerArrInfo.value = res.data
-  //       // 获取支路
-  //       electricityBranch(electricityList.value[0].id).then(res => {
-  //         lineArr.value = res.data
-  //         // console.log(res.data)
-  //         initMap()
-  //       })
-  //     })
-  //   }
-  // })
-})
-const area = ref('')
-const areaList = ref([])
-// 获取分区列表
-const fetchAreaList = () => {
-  getDictByCode('ptn_type').then((res) => {
-    areaList.value = res.data
-  })
-}
-fetchAreaList()
-const areaMarkerList = ref()
-const polygons = ref()
-// 绘制区域
-const drawArea = (markerList: any, color: string) => {
-  const polygon = new AMap1.value.Polygon({
-    path: markerList,
-    fillColor: color,
-    strokeOpacity: 1,
-    fillOpacity: 0.5,
-    strokeColor: '#2b8cba',
-    strokeWeight: 1,
-    strokeStyle: 'dashed',
-    strokeDasharray: [5, 5],
-  })
-  polygons.value = polygon
-  map.value.add(polygon)
-}
-// 删除绘制
-const clearDraw = () => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-    area.value = ''
-  }
-}
-// 监听分区变化
-watch(() => area.value, (newVal) => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-  }
-  if (!newVal) {
-    return
-  }
-  getAreaPosition(newVal).then((res) => {
-    const color = {
-      1: '#2b8cbe',
-      2: '#ccebc5',
-      3: '#7bccc4',
-    }
-    areaMarkerList.value = res.data
-    if (res.data.length) {
-      areaMarkerList.value.push(res.data[0])
-      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
-      drawArea(data, color[newVal])
-    }
-  })
-})
-// 用电检测/用热监测 默认用电
-const flagType = ref(true)
-// 切换用电检测/用热监测
-const changeFlagType = () => {
-  map.value.clearMap()
-  map.value.setCenter([111.765785, 40.718114])
-  // 区域框展示
-  area.value = ''
-  if (flagType.value) {
-    useHot()
-  }
-  else {
-    useElectricity()
-  }
-  flagType.value = !flagType.value
-}
-defineExpose({ changeLayerGrop, changeFlagType, flag })
-</script>
-
-<template>
-  <div id="map" />
-  <info-detail ref="windowInfoRef" />
-  <info-detail2 ref="windowInfoRef2" />
-  <info-detail-hot ref="windowInfoHotRef" />
-  <div class="btns">
-    <el-radio-group v-model="area">
-      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
-        {{ item.name }}
-      </el-radio-button>
-    </el-radio-group>
-  </div>
-</template>
-
-<style scoped>
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-
-.btns {
-  position: absolute;
-  left: 10px;
-  bottom: 10px;
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.amap-marker-label {
-  border: 0;
-  background-color: transparent;
-}
-</style>
diff --git a/src/components/mapBak/infoWindow.vue b/src/components/mapBak/infoWindow.vue
deleted file mode 100644
index 7893e43..0000000
--- a/src/components/mapBak/infoWindow.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<!--
-  Description: 高德地图信息窗体 - 支路节点
-  Author: 李亚光
-  Date: 2023-05-10
- -->
-<script lang="ts" setup name="infoWindow">
-import trendChart from './trendChart.vue'
-const overlay = ref()
-const infoWindow = ref()
-const info = ref()
-const trendRef = ref()
-// 初始化
-const initialize = (e) => {
-  overlay.value = e.overlay
-  infoWindow.value = e.infoWindow
-  info.value = e.info
-  trendRef.value.expand = true
-  trendRef.value.range = 'day'
-}
-defineExpose({ initialize })
-// 关闭
-const close = () => {
-  infoWindow.value.close()
-  trendRef.value.expand = true
-}
-const expand = computed(() => {
-  return trendRef.value?.expand
-})
-</script>
-
-<template>
-  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
-    <div class="title">
-      <div class="text">
-        {{ info?.nodeName }}
-      </div>
-      <div class="close" @click="close">
-        x
-      </div>
-    </div>
-    <div class="item">
-      节点编号 : {{ info?.busId }}
-    </div>
-    <div class="item">
-      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
-    </div>
-    <div class="item">
-      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
-    </div>
-    <div class="item">
-      <span>采集时间 : {{ info?.colTime }}</span>
-    </div>
-    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
-    // <div class="item">设备ID : {{ device.deviceId }}</div>
-    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
-    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
-    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  width: 470px;
-  height: 510px;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #6d9ece;
-
-  .title {
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 10px;
-    display: flex;
-    justify-content: space-between;
-
-    .close {
-      color: #ccc;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  .item {
-    padding: 0 5px;
-    color: #111213;
-    font-size: 14px;
-    margin: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>
diff --git a/src/components/mapBak/infoWindow2.vue b/src/components/mapBak/infoWindow2.vue
deleted file mode 100644
index e4aca59..0000000
--- a/src/components/mapBak/infoWindow2.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<!--
-  Description: 高德地图信息窗体 - 光伏节点
-  Author: 李亚光
-  Date: 2023-05-10
- -->
-<script lang="ts" setup name="infoWindow">
-import trendChart from './trendChart.vue'
-const overlay = ref()
-const infoWindow = ref()
-const info = ref()
-const trendRef = ref()
-// 初始化
-const initialize = (e) => {
-  overlay.value = e.overlay
-  infoWindow.value = e.infoWindow
-  info.value = e.info
-  trendRef.value.expand = true
-  trendRef.value.range = 'day'
-}
-defineExpose({ initialize })
-// 关闭
-const close = () => {
-  infoWindow.value.close()
-  trendRef.value.expand = true
-}
-const expand = computed(() => {
-  return trendRef.value?.expand
-})
-</script>
-
-<template>
-  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
-    <div class="title">
-      <div class="text">
-        {{ info?.stationName }}
-      </div>
-      <div class="close" @click="close">
-        x
-      </div>
-    </div>
-    <div class="item">
-      光伏挂载节点 : {{ info?.nodeId }}
-    </div>
-    <div class="item">
-      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
-    </div>
-    <div class="item">
-      碳排强度 : {{ info?.strength }} gCO2·/kWh
-    </div>
-    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  width: 450px;
-  height: 400px;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #6d9ece;
-
-  .title {
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 10px;
-    display: flex;
-    justify-content: space-between;
-
-    .close {
-      color: #ccc;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  .item {
-    padding: 0 5px;
-    color: #111213;
-    font-size: 14px;
-    margin: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>
diff --git a/src/components/mapBak/infoWindowHot.vue b/src/components/mapBak/infoWindowHot.vue
deleted file mode 100644
index 9b69483..0000000
--- a/src/components/mapBak/infoWindowHot.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<!--
-  Description: 高德地图信息窗体 - 用热
-  Author: 李亚光
-  Date: 2023-05-10
- -->
-<script lang="ts" setup name="infoWindow">
-import trendChart from './trendChart.vue'
-const overlay = ref()
-const infoWindow = ref()
-const info = ref()
-const trendRef = ref()
-// 初始化
-const initialize = (e) => {
-  overlay.value = e.overlay
-  infoWindow.value = e.infoWindow
-  info.value = e.info
-  trendRef.value.expand = true
-  trendRef.value.range = 'day'
-}
-defineExpose({ initialize })
-// 关闭
-const close = () => {
-  infoWindow.value.close()
-  trendRef.value.expand = true
-}
-const expand = computed(() => {
-  return trendRef.value?.expand
-})
-</script>
-
-<template>
-  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
-    <div class="title">
-      <div class="text">
-        {{ info?.deviceName }}
-      </div>
-      <div class="close" @click="close">
-        x
-      </div>
-    </div>
-    <div class="item">
-      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
-    </div>
-    <div class="item">
-      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
-    </div>
-    <div class="item">
-      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
-    </div>
-    <div class="item">
-      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
-    </div>
-    <div class="item">
-      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
-    </div>
-    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  width: 440px;
-  height: 445px;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #6d9ece;
-
-  .title {
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 10px;
-    display: flex;
-    justify-content: space-between;
-
-    .close {
-      color: #ccc;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  .item {
-    padding: 0 5px;
-    color: #111213;
-    font-size: 14px;
-    margin: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>

diff --git a/src/components.d.ts b/src/components.d.ts
index f643af8..d5ad2e4 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -20,7 +20,6 @@
     BatchActionBar: typeof import('./components/BatchActionBar/index.vue')['default']
     BenchCol: typeof import('./components/benchCol/index.vue')['default']
     ButtonBox: typeof import('./components/buttonBox/buttonBox.vue')['default']
-    copy: typeof import('./components/map copy/index.vue')['default']
     Copyright: typeof import('./components/Copyright/index.vue')['default']
     DeptSelect: typeof import('./components/DeptSelect/index.vue')['default']
     DetailBlock: typeof import('./components/DetailPage/DetailBlock.vue')['default']
@@ -39,7 +38,7 @@
     InfoWindowHot: typeof import('./components/map/infoWindowHot.vue')['default']
     LineChart: typeof import('./components/Echart/LineChart.vue')['default']
     Map: typeof import('./components/map/index.vue')['default']
-    MapBak: typeof import('./components/mapBak/index.vue')['default']
+    MapBak: typeof import('./components/map-bak/index.vue')['default']
     NormalTable: typeof import('./components/NormalTable/index.vue')['default']
     PageHeader: typeof import('./components/PageHeader/index.vue')['default']
     PageMain: typeof import('./components/PageMain/index.vue')['default']
diff --git a/src/components/map-bak/index.vue b/src/components/map-bak/index.vue
new file mode 100644
index 0000000..da37e9a
--- /dev/null
+++ b/src/components/map-bak/index.vue
@@ -0,0 +1,526 @@
+<!--
+  Description: 高德地图
+  Author: 李亚光
+  Date: 2023-04-21
+ -->
+<script lang="ts" setup name="GuadMap">
+import AMapLoader from '@amap/amap-jsapi-loader'
+import infoDetail from './infoWindow.vue'
+import infoDetail2 from './infoWindow2.vue'
+import infoDetailHot from './infoWindowHot.vue'
+import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
+import { getDictByCode } from '@/api/system/dict'
+import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
+const publicPath = import.meta.env.BASE_URL
+// 设置安全密钥
+window._AMapSecurityConfig = {
+  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
+}
+const electricityList = ref()
+// 地图实例
+const map = ref()
+//  用来画区域的
+const polygon = ref()
+//  画图工具实例
+const mouseTool = ref()
+// 区域数组
+const pathArr = ref([
+  [111.737806, 40.83386],
+  [111.736806, 40.83686],
+  [111.739906, 40.83686],
+  [111.739906, 40.83386],
+])
+// 电网节点数组
+const markerArr = ref([
+])
+// 光伏数组
+const markerArr1 = ref([
+])
+// 用热坐标数组
+const markerArrHot = ref()
+const markerArrHotInfo = ref()
+// 信息窗体
+const infoWindow = ref()
+const infoWindow2 = ref()
+const infoWindowHot = ref()
+const windowInfoRef = ref()
+const windowInfoRef2 = ref()
+const windowInfoHotRef = ref()
+const markerArrInfo = ref()
+const markerArrInfo1 = ref()
+// 折现节点坐标
+const lineArr = ref([])
+// 地图点击事件
+const clickHandler = function (e) {
+  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
+  if (event.button === 2) {
+    console.log('当前点击坐标为:   ', location)
+  }
+}
+// 地图实例对象
+const AMap1 = ref()
+// 图层实例
+const layer = ref()
+const flag = ref(false)
+// 切换图层
+const changeLayerGrop = () => {
+  if (flag.value) {
+    map.value.addLayer(layer.value)
+  }
+  else {
+    map.value.removeLayer(layer.value)
+  }
+  flag.value = !flag.value
+}
+// 初始化地图
+const initMap = async () => {
+  await AMapLoader.load({
+    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
+    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
+    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
+  }).then((AMap) => {
+    AMap1.value = AMap
+    // 初始化地图
+    map.value = new AMap.Map('map', {
+      viewMode: '3D', //  是否为3D地图模式
+      zoom: 18, // 初始化地图级别
+      center: [111.73142, 40.830627],
+      resizeEnable: true,
+    })
+    // 图层实例
+    layer.value = new AMap.TileLayer.Satellite()
+    map.value.addLayer(layer.value)
+    // 地图绑定右击事件
+    map.value.on('mousedown', clickHandler)
+  })
+    .catch((e) => {
+      console.log(e)
+    })
+}
+// 绘制用电监测相关
+const useElectricity = () => {
+  const AMap = AMap1.value
+  // 电网支路标记点绘制
+  for (let i = 0; i < markerArr.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon1.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(0, -20),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindow.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow.value,
+        info: markerArrInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+  // // 光伏标记点及光伏绘制
+  for (let i = 0; i < markerArr1.value.length; i++) {
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon2.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20],
+      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(-20, -20),
+    })
+    // 信息窗体
+    infoWindow2.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindow2.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoRef2.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindow2.value,
+        info: markerArrInfo1.value[i],
+      })
+    })
+    // 标记点的文本
+    marker.setLabel({
+      zooms: [16, 20],
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+    // 绘制电网和节点连线
+    const path = markerArrInfo1.value.map((item) => {
+      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
+    })
+    const polyline = new AMap.Polyline({
+      path,
+      strokeColor: '#03A382',
+      strokeStyle: 'dashed',
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // 电网支路折线绘制
+  for (let i = 0; i < lineArr.value.length; i++) {
+    const path = lineArr.value[i].branchNodeInfos
+    var polyline = new AMap.Polyline({
+      path,
+      isOutline: true,
+      strokeColor: '#008d68',
+      // strokeOpacity: 1,
+      strokeWeight: 3,
+      // 折线样式还支持 'dashed'
+      // strokeStyle是dashed时有效
+      strokeDasharray: [10, 3],
+      lineJoin: 'round',
+      // lineCap: 'square',
+      lineCap: 'round',
+      zIndex: 50,
+      zooms: [16, 20],
+    })
+    polyline.setMap(map.value)
+    map.value.add(polyline)
+  }
+  // for (let i = 0; i < lineArr.value.length; i++) {
+  //   // console.log(lineArr.value[i])
+  //   const path = lineArr.value.map(item => item.branchNodeInfos)
+  //   const line = path.map(item => (
+  //     item.map((child) => {
+  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+  //     })
+  //   ))
+  //   line.forEach((item) => {
+  //     item.forEach((child) => {
+  //       const path = [child[0], child[1]]
+  //       const polyline = new AMap.Polyline({
+  //         path,
+  //         // isOutline: true,
+  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
+  //         // strokeOpacity: 1,
+  //         strokeWeight: 3,
+  //         // 折线样式还支持 'dashed'
+  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+  //         // strokeStyle是dashed时有效
+  //         strokeDasharray: [10, 3],
+  //         lineJoin: 'round',
+  //         showDir: child[2] === 1,
+  //         // lineCap: 'square',
+  //         lineCap: 'round',
+  //         zIndex: 50,
+  //         zooms: [16, 20],
+
+  //       })
+  //       // 离线支路连接添加开关图标
+  //       if (child[2] === 0) {
+  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+  //         const icon = new AMap.Icon({
+  //           size: new AMap.Size(36, 36), // 图标尺寸
+  //           image: `${publicPath}img/icon3.png`, // Icon的图像
+  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //         })
+  //         const marker = new AMap.Marker({
+  //           zooms: [16, 20],
+  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //           map: map.value,
+  //           icon,
+  //           offset: new AMap.Pixel(-20, -20),
+  //         })
+  //         map.value.add([marker])
+  //       }
+  //       polyline.setMap(map.value)
+  //       map.value.add(polyline)
+  //     })
+  //   })
+  // 添加支路折线文本
+  // 创建纯文本标记
+  // const textArr = path.map(item => (
+  //   item.map((child) => {
+  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+  //   })
+  // ))
+  // textArr.forEach((item) => {
+  //   // console.log(item, 'item')
+  //   item.forEach((child) => {
+  //     const icon = new AMap.Icon({
+  //       size: new AMap.Size(36, 36), // 图标尺寸
+  //       // image: '', // Icon的图像
+  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+  //     })
+  //     // const content = '<div>111</div>'
+  //     const marker = new AMap.Marker({
+  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+  //       map: map.value,
+  //       content: '<span></span>',
+  //       offset: new AMap.Pixel(-20, -20),
+  //     })
+  //     marker.setLabel({
+  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+  //       direction: 'right', // 设置文本标注方位
+  //     })
+  //     map.value.add([marker])
+  //   })
+  // })
+  // }
+}
+// 绘制用热监测相关
+const useHot = () => {
+  for (let i = 0; i < markerArrHot.value.length; i++) {
+    const AMap = AMap1.value
+    const icon = new AMap.Icon({
+      size: new AMap.Size(36, 36), // 图标尺寸
+      image: `${publicPath}img/icon4.png`, // Icon的图像
+      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    })
+    const marker = new AMap.Marker({
+      zooms: [16, 20], // 缩放
+      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+      map: map.value,
+      icon,
+      offset: new AMap.Pixel(3, -30),
+    })
+    // 支路点详细信息// 信息窗体
+    infoWindowHot.value = new AMap.InfoWindow({
+      isCustom: true, // 自定义信息窗体
+      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
+      offset: new AMap.Pixel(9, -5), // 偏移
+    })
+    marker.on('click', (e) => {
+      // 打开信息窗口
+      infoWindowHot.value.open(map.value, e.lnglat)
+      // 初始化信息窗口
+      windowInfoHotRef.value.initialize({
+        overlay: e.target,
+        infoWindow: infoWindowHot.value,
+        info: markerArrHotInfo.value[i],
+      })
+    })
+    // 标记点文本标记
+    marker.setLabel({
+      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
+      direction: 'right', // 设置文本标注方位
+    })
+    map.value.add([marker])
+  }
+}
+onMounted(async () => {
+  // 获取电网列表
+  try {
+    const list = await getElectricityListAll()
+    // 电网列表
+    console.log(list.data, '电网列表')
+    electricityList.value = list.data
+    // 查询节点列表(标记点)
+    if (electricityList.value.length) {
+      const res = await electricityNode(electricityList.value[0].id)
+      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      // markerArrInfo.value = res.data
+      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = electNodeList
+      console.log(res.data, '电网标记点')
+      // 获取支路信息(折线)
+      // const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = branchList
+      // console.log(res1.data, '折线记点')
+    }
+    // 获取光伏列表
+    const list1 = guangfuList
+    // console.log(list1, '广福街店')
+    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1
+    // 初始化地图
+    await initMap()
+    useElectricity()
+  }
+  catch (error) {
+    initMap()
+  }
+  // 获取用热数据
+  getDeviceListPage({
+    offset: 1,
+    limit: 999,
+    ptn: '',
+    deviceType: '2',
+  }).then((res) => {
+    markerArrHotInfo.value = HotNodeList
+    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
+    // markerArrHotInfo.value = res.data.rows
+    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+  })
+  // getElectricityListAll().then((res) => {
+  //   // 电网列表
+  //   electricityList.value = res.data
+  //   // 默认选中第一个查询节点
+  //   if (electricityList.value.length) {
+  //     electricityNode(electricityList.value[0].id).then((res) => {
+  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+  //       markerArrInfo.value = res.data
+  //       // 获取支路
+  //       electricityBranch(electricityList.value[0].id).then(res => {
+  //         lineArr.value = res.data
+  //         // console.log(res.data)
+  //         initMap()
+  //       })
+  //     })
+  //   }
+  // })
+})
+const area = ref('')
+const areaList = ref([])
+// 获取分区列表
+const fetchAreaList = () => {
+  getDictByCode('ptn_type').then((res) => {
+    areaList.value = res.data
+  })
+}
+fetchAreaList()
+const areaMarkerList = ref()
+const polygons = ref()
+// 绘制区域
+const drawArea = (markerList: any, color: string) => {
+  const polygon = new AMap1.value.Polygon({
+    path: markerList,
+    fillColor: color,
+    strokeOpacity: 1,
+    fillOpacity: 0.5,
+    strokeColor: '#2b8cba',
+    strokeWeight: 1,
+    strokeStyle: 'dashed',
+    strokeDasharray: [5, 5],
+  })
+  polygons.value = polygon
+  map.value.add(polygon)
+}
+// 删除绘制
+const clearDraw = () => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+    area.value = ''
+  }
+}
+// 监听分区变化
+watch(() => area.value, (newVal) => {
+  if (polygons.value) {
+    map.value.remove(polygons.value)
+  }
+  if (!newVal) {
+    return
+  }
+  getAreaPosition(newVal).then((res) => {
+    const color = {
+      1: '#2b8cbe',
+      2: '#ccebc5',
+      3: '#7bccc4',
+    }
+    areaMarkerList.value = res.data
+    if (res.data.length) {
+      areaMarkerList.value.push(res.data[0])
+      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
+      drawArea(data, color[newVal])
+    }
+  })
+})
+// 用电检测/用热监测 默认用电
+const flagType = ref(true)
+// 切换用电检测/用热监测
+const changeFlagType = () => {
+  map.value.clearMap()
+  map.value.setCenter([111.73142, 40.830627])
+  // 区域框展示
+  area.value = ''
+  if (flagType.value) {
+    useHot()
+  }
+  else {
+    useElectricity()
+  }
+  flagType.value = !flagType.value
+}
+defineExpose({ changeLayerGrop, changeFlagType, flag })
+</script>
+
+<template>
+  <div id="map" />
+  <info-detail ref="windowInfoRef" />
+  <info-detail2 ref="windowInfoRef2" />
+  <info-detail-hot ref="windowInfoHotRef" />
+  <!-- <div class="btns">
+    <el-radio-group v-model="area">
+      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
+        {{ item.name }}
+      </el-radio-button>
+    </el-radio-group>
+  </div> -->
+</template>
+
+<style scoped>
+#map {
+  overflow: hidden;
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  font-family: "微软雅黑";
+}
+
+.btns {
+  position: absolute;
+  left: 10px;
+  bottom: 10px;
+}
+</style>
+
+<style>
+/* 隐藏高德logo  */
+.amap-logo {
+  display: none !important;
+}
+
+/* 隐藏高德版权  */
+.amap-copyright {
+  display: none !important;
+}
+
+.amap-marker-label {
+  border: 0;
+  background-color: transparent;
+}
+</style>
diff --git a/src/components/map-bak/infoWindow.vue b/src/components/map-bak/infoWindow.vue
new file mode 100644
index 0000000..7893e43
--- /dev/null
+++ b/src/components/map-bak/infoWindow.vue
@@ -0,0 +1,95 @@
+<!--
+  Description: 高德地图信息窗体 - 支路节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.nodeName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      节点编号 : {{ info?.busId }}
+    </div>
+    <div class="item">
+      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
+    </div>
+    <div class="item">
+      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
+    </div>
+    <div class="item">
+      <span>采集时间 : {{ info?.colTime }}</span>
+    </div>
+    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
+    // <div class="item">设备ID : {{ device.deviceId }}</div>
+    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
+    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
+    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 470px;
+  height: 510px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindow2.vue b/src/components/map-bak/infoWindow2.vue
new file mode 100644
index 0000000..e4aca59
--- /dev/null
+++ b/src/components/map-bak/infoWindow2.vue
@@ -0,0 +1,88 @@
+<!--
+  Description: 高德地图信息窗体 - 光伏节点
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.stationName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      光伏挂载节点 : {{ info?.nodeId }}
+    </div>
+    <div class="item">
+      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
+    </div>
+    <div class="item">
+      碳排强度 : {{ info?.strength }} gCO2·/kWh
+    </div>
+    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 450px;
+  height: 400px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/infoWindowHot.vue b/src/components/map-bak/infoWindowHot.vue
new file mode 100644
index 0000000..9b69483
--- /dev/null
+++ b/src/components/map-bak/infoWindowHot.vue
@@ -0,0 +1,94 @@
+<!--
+  Description: 高德地图信息窗体 - 用热
+  Author: 李亚光
+  Date: 2023-05-10
+ -->
+<script lang="ts" setup name="infoWindow">
+import trendChart from './trendChart.vue'
+const overlay = ref()
+const infoWindow = ref()
+const info = ref()
+const trendRef = ref()
+// 初始化
+const initialize = (e) => {
+  overlay.value = e.overlay
+  infoWindow.value = e.infoWindow
+  info.value = e.info
+  trendRef.value.expand = true
+  trendRef.value.range = 'day'
+}
+defineExpose({ initialize })
+// 关闭
+const close = () => {
+  infoWindow.value.close()
+  trendRef.value.expand = true
+}
+const expand = computed(() => {
+  return trendRef.value?.expand
+})
+</script>
+
+<template>
+  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
+    <div class="title">
+      <div class="text">
+        {{ info?.deviceName }}
+      </div>
+      <div class="close" @click="close">
+        x
+      </div>
+    </div>
+    <div class="item">
+      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
+    </div>
+    <div class="item">
+      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
+    </div>
+    <div class="item">
+      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
+    </div>
+    <div class="item">
+      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
+    </div>
+    <div class="item">
+      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
+    </div>
+    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.container {
+  width: 440px;
+  height: 445px;
+  padding: 10px;
+  background-color: #fff;
+  border: 1px solid #6d9ece;
+
+  .title {
+    font-size: 16px;
+    font-weight: 700;
+    padding: 0 10px;
+    display: flex;
+    justify-content: space-between;
+
+    .close {
+      color: #ccc;
+
+      &:hover {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .item {
+    padding: 0 5px;
+    color: #111213;
+    font-size: 14px;
+    margin: 10px;
+    border-bottom: 1px solid #ccc;
+    display: flex;
+    justify-content: space-between;
+  }
+}
+</style>
diff --git a/src/components/map-bak/mock.js b/src/components/map-bak/mock.js
new file mode 100644
index 0000000..083069d
--- /dev/null
+++ b/src/components/map-bak/mock.js
@@ -0,0 +1,1080 @@
+export const electNodeList = [
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830681',
+    lng: '111.72953',
+    nodeName: '',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.83078',
+    lng: '111.730077',
+    nodeName: '教学主楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830858',
+    lng: '111.730585',
+    nodeName: '教学北楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831051',
+    lng: '111.729815',
+    nodeName: '一号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831326',
+    lng: '111.729689',
+    nodeName: 'B座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831205',
+    lng: '111.730472',
+    nodeName: '二号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831475',
+    lng: '111.730364',
+    nodeName: 'C座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.831027',
+    lng: '111.731106',
+    nodeName: '网络教室',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830697',
+    lng: '111.731217',
+    nodeName: '机考基地',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.830084',
+    lng: '111.730342',
+    nodeName: '教学南楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829572',
+    lng: '111.73019',
+    nodeName: 'A座公寓',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829443',
+    lng: '111.730252',
+    nodeName: '三号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.82965',
+    lng: '111.731148',
+    nodeName: '四号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829416',
+    lng: '111.731261',
+    nodeName: '五号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829665',
+    lng: '111.732417',
+    nodeName: '六号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+  {
+    area: 1,
+    basekv: '12.66',
+    bs: 0,
+    busId: 1,
+    calTime: '2023-07-31 12:00:11',
+    colTime: '2023-07-31 12:00:11',
+    createTime: '2023-05-09',
+    deviceId: '6',
+    electricityId: '1638161327922909185',
+    en: '850.00',
+    flowRate: '0.00',
+    gs: 0,
+    id: '1',
+    lat: '40.829862',
+    lng: '111.733332',
+    nodeName: '七号楼',
+    pd: '0.00',
+    qd: '0.00',
+    type: 3,
+    typeName: '',
+    va: '0.00',
+    vm: '1.00',
+    vmax: '1.00',
+    vmin: '1.00',
+    zone: 1,
+  },
+]
+export const HotNodeList = [
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学主楼西侧热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学主楼西侧',
+    installTime: '2023-03-15',
+    lat: '40.83078',
+    lng: '111.730077',
+    monitorObj: '5',
+    monitorObjName: '厂房监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学北楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学北楼',
+    installTime: '2023-03-15',
+    lat: '40.830858',
+    lng: '111.730585',
+    monitorObj: '5',
+    monitorObjName: '教学北楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '一号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '一号楼',
+    installTime: '2023-03-15',
+    lat: '40.831051',
+    lng: '111.729815',
+    monitorObj: '5',
+    monitorObjName: '一号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'B座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'B座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831326',
+    lng: '111.729689',
+    monitorObj: '5',
+    monitorObjName: 'B座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '二号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '二号楼',
+    installTime: '2023-03-15',
+    lat: '40.831205',
+    lng: '111.730472',
+    monitorObj: '5',
+    monitorObjName: '二号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'C座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'C座公寓',
+    installTime: '2023-03-15',
+    lat: '40.831475',
+    lng: '111.730364',
+    monitorObj: '5',
+    monitorObjName: 'C座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '网络教室热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '网络教室',
+    installTime: '2023-03-15',
+    lat: '40.831027',
+    lng: '111.731106',
+    monitorObj: '5',
+    monitorObjName: '网络教室监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '机考基地热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '机考基地',
+    installTime: '2023-03-15',
+    lat: '40.830697',
+    lng: '111.731217',
+    monitorObj: '5',
+    monitorObjName: '机考基地监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '教学南楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '教学南楼',
+    installTime: '2023-03-15',
+    lat: '40.830084',
+    lng: '111.730342',
+    monitorObj: '5',
+    monitorObjName: '教学南楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: 'A座公寓热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: 'A座公寓',
+    installTime: '2023-03-15',
+    lat: '40.829572',
+    lng: '111.73019',
+    monitorObj: '5',
+    monitorObjName: 'A座公寓监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '三号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '三号楼',
+    installTime: '2023-03-15',
+    lat: '40.829443',
+    lng: '111.730252',
+    monitorObj: '5',
+    monitorObjName: '三号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '四号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '四号楼',
+    installTime: '2023-03-15',
+    lat: '40.82965',
+    lng: '111.731148',
+    monitorObj: '5',
+    monitorObjName: '四号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '五号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '五号楼',
+    installTime: '2023-03-15',
+    lat: '40.829416',
+    lng: '111.731261',
+    monitorObj: '5',
+    monitorObjName: '五号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '六号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '六号楼',
+    installTime: '2023-03-15',
+    lat: '40.829665',
+    lng: '111.732417',
+    monitorObj: '5',
+    monitorObjName: '六号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+  {
+    createTime: '2023-06-01',
+    deviceClassify: '1',
+    deviceName: '七号楼热能表',
+    deviceNo: 'n001',
+    deviceType: 2,
+    deviceTypeName: '远传热能表',
+    en: '108.90',
+    facilityArea: '1.00',
+    id: '1641418865640501249',
+    installLocaltion: '七号楼',
+    installTime: '2023-03-15',
+    lat: '40.829862',
+    lng: '111.733332',
+    monitorObj: '5',
+    monitorObjName: '七号楼监测点',
+    monitorUnit: 'KJ',
+    monitorVal: '99.00',
+    pd: '',
+    ptn: 1,
+    ptnName: 'A区',
+    qd: '',
+    referencePd: '100.00',
+    referenceQd: '',
+    stat: 0,
+    statName: '在线',
+    uploadTime: '2023-08-03',
+  },
+]
+export const branchList = [
+  {
+    branchNodeInfos: [
+      [111.72953, 40.830681],
+      [111.730077, 40.83078],
+      [111.730552, 40.830891],
+      [111.729815, 40.831051],
+      [111.729689, 40.831326],
+    ],
+    branchNumber: '1号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.729815, 40.831051],
+      [111.730472, 40.831205],
+      [111.730364, 40.831475],
+    ],
+    branchNumber: '2号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730552, 40.830891],
+      [111.731106, 40.831027],
+      [111.731217, 40.830697],
+    ],
+    branchNumber: '3号支路',
+  },
+  {
+    branchNodeInfos: [
+      [111.730077, 40.83078],
+      [111.730342, 40.830084],
+      [111.73019, 40.829572],
+      [111.730252, 40.829443],
+      [111.731148, 40.82965],
+
+      [111.731261, 40.829416],
+      [111.732417, 40.829665],
+      [111.733332, 40.829862],
+    ],
+    branchNumber: '4号支路',
+  },
+]
+export const guangfuList = [
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830948',
+    lng: '111.730561',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学北楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831377',
+    lng: '111.729912',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'B座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.831528',
+    lng: '111.730581',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'C座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.830178',
+    lng: '111.730829',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '教学南楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829763',
+    lng: '111.730109',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: 'A座公寓光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+  {
+    createTime: '2023-05-10',
+    deviceId: '2',
+    deviceNo: '',
+    deviceType: '',
+    deviceTypeName: '',
+    electricalVoltage: '',
+    id: '2',
+    installLocaltion: '',
+    lat: '40.829607',
+    lng: '111.730734',
+    mbase: '100.00',
+    nodeId: '9',
+    // nodeLat: '40.830858',
+    // nodeLng: '111.730585',
+    pg: '0.30',
+    pmax: '10.00',
+    pmin: '0.00',
+    power: '',
+    qg: '0.00',
+    qmax: '0.00',
+    qmin: '0.00',
+    stationName: '四号楼光伏采集点',
+    stationType: 0,
+    status: 1,
+    strength: '0.00',
+    sttusName: '',
+    uploadTime: '2023-08-02',
+    vg: '1.00',
+  },
+]
diff --git a/src/components/map-bak/trendChart.vue b/src/components/map-bak/trendChart.vue
new file mode 100644
index 0000000..5fbdd3d
--- /dev/null
+++ b/src/components/map-bak/trendChart.vue
@@ -0,0 +1,163 @@
+<!--
+  Description: 节点监测趋势echarts
+  Author: 李亚光
+  Date: 2023-06-05
+ -->
+<script lang="ts" setup name="TrendChart">
+import { getDeviceDetailAnalysis } from '@/api/api/index'
+const props = defineProps({
+  height: {
+    type: Number,
+    default: 400,
+  },
+  width: {
+    type: Number,
+    default: 400,
+  },
+  deviceId: {
+    type: Number || String,
+    require: true,
+  },
+  deviceType: {
+    type: Number || String,
+    require: true,
+  },
+})
+const loading = ref(true)
+const range = ref('')
+const flag = ref(true)
+// defineExpose({ range })
+const yAxisData = ref([])
+const xAxisData = ref([])
+const selected = ref({})
+// 获取设备监测分析
+const fetchDeviceAnalysis = () => {
+  loading.value = true
+  xAxisData.value = []
+  yAxisData.value = []
+  getDeviceDetailAnalysis({
+    deviceId: props?.deviceId,
+    type: range.value,
+  }).then((res) => {
+    const data = res.data
+    // 整理节点监测趋势数据-用电
+    if (data.monitorTrends?.rp.length && Number(props.deviceType) === 1) {
+      xAxisData.value = data.monitorTrends?.rp?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '有功功率(MW)',
+          data: data.monitorTrends?.rp?.map((item: any) => Number(item.value)),
+        },
+        {
+          name: '无功功率(MVAr)',
+          data: data.monitorTrends?.ap?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    // 整理节点监测趋势数据-用热/用气
+    if (data.monitorTrends?.val.length && Number(props.deviceType) !== 1) {
+      xAxisData.value = data.monitorTrends?.val?.map((item: any) => item.time)
+      yAxisData.value = [
+        {
+          name: '监测值',
+          data: data.monitorTrends?.val?.map((item: any) => Number(item.value)),
+        },
+      ]
+    }
+    loading.value = false
+  }).catch(() => {
+    xAxisData.value = []
+    loading.value = false
+  })
+}
+// 监听 监测趋势时间段 变化 重新获取数据
+watch(() => props.deviceId, (newVal) => {
+  if (newVal) {
+    range.value = 'day'
+    fetchDeviceAnalysis()
+  }
+  if (Number(props.deviceType) === 1) {
+    selected.value = {
+      '有功功率(MW)': true,
+      '无功功率(MVAr)': false,
+    }
+  }
+  else {
+    selected.value = {}
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+watch(() => range.value, (newVal) => {
+  if (newVal) {
+    fetchDeviceAnalysis()
+  }
+},
+{
+  deep: true,
+  // immediate: true,
+})
+
+const expand = ref(true)
+const expandChart = () => {
+  expand.value = !expand.value
+  if (!expand.value) {
+    range.value = ''
+    xAxisData.value = []
+    yAxisData.value = []
+    setTimeout(() => {
+      range.value = 'day'
+    })
+  }
+}
+defineExpose({ range, expand, fetchDeviceAnalysis })
+</script>
+
+<template>
+  <div style="padding: 10px;">
+    <div class="chart-title" @click="expandChart">
+      节点监测趋势
+      <div class="btn">
+        <el-icon v-if="expand">
+          <arrow-right-bold />
+        </el-icon>
+        <el-icon v-else>
+          <arrow-down-bold />
+        </el-icon>
+      </div>
+    </div>
+    <div v-if="!expand">
+      <el-radio-group v-model="range">
+        <el-radio label="day">
+          日
+        </el-radio>
+        <el-radio label="month">
+          月
+        </el-radio>
+        <el-radio label="year">
+          年
+        </el-radio>
+      </el-radio-group>
+      <line-chart
+        v-loading="loading" :height="`${props.height}px`" :width="`${props.width}px`" :data="yAxisData"
+        :x-axis-data="xAxisData" :selected="selected"
+      />
+    </div>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.chart-title {
+  background-color: #ccc;
+  position: relative;
+
+  .btn {
+    position: absolute;
+    right: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+  }
+}
+</style>
diff --git a/src/components/map/index.vue b/src/components/map/index.vue
index da37e9a..5a1b86c 100644
--- a/src/components/map/index.vue
+++ b/src/components/map/index.vue
@@ -8,7 +8,6 @@
 import infoDetail from './infoWindow.vue'
 import infoDetail2 from './infoWindow2.vue'
 import infoDetailHot from './infoWindowHot.vue'
-import { HotNodeList, branchList, electNodeList, guangfuList } from './mock.js'
 import { getDictByCode } from '@/api/system/dict'
 import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
 const publicPath = import.meta.env.BASE_URL
@@ -90,6 +89,7 @@
     // 图层实例
     layer.value = new AMap.TileLayer.Satellite()
     map.value.addLayer(layer.value)
+    map.value.setFeatures(['bg', 'building'])
     // 地图绑定右击事件
     map.value.on('mousedown', clickHandler)
   })
@@ -113,7 +113,7 @@
       position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
       map: map.value,
       icon,
-      offset: new AMap.Pixel(0, -20),
+      offset: new AMap.Pixel(3, -30),
     })
     // 支路点详细信息// 信息窗体
     infoWindow.value = new AMap.InfoWindow({
@@ -139,7 +139,7 @@
     })
     map.value.add([marker])
   }
-  // // 光伏标记点及光伏绘制
+  // 光伏标记点及光伏绘制
   for (let i = 0; i < markerArr1.value.length; i++) {
     const icon = new AMap.Icon({
       size: new AMap.Size(36, 36), // 图标尺寸
@@ -197,108 +197,88 @@
   }
   // 电网支路折线绘制
   for (let i = 0; i < lineArr.value.length; i++) {
-    const path = lineArr.value[i].branchNodeInfos
-    var polyline = new AMap.Polyline({
-      path,
-      isOutline: true,
-      strokeColor: '#008d68',
-      // strokeOpacity: 1,
-      strokeWeight: 3,
-      // 折线样式还支持 'dashed'
-      // strokeStyle是dashed时有效
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      // lineCap: 'square',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // for (let i = 0; i < lineArr.value.length; i++) {
-  //   // console.log(lineArr.value[i])
-  //   const path = lineArr.value.map(item => item.branchNodeInfos)
-  //   const line = path.map(item => (
-  //     item.map((child) => {
-  //       return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-  //     })
-  //   ))
-  //   line.forEach((item) => {
-  //     item.forEach((child) => {
-  //       const path = [child[0], child[1]]
-  //       const polyline = new AMap.Polyline({
-  //         path,
-  //         // isOutline: true,
-  //         strokeColor: child[2] === 1 ? '#008d68' : '#000',
-  //         // strokeOpacity: 1,
-  //         strokeWeight: 3,
-  //         // 折线样式还支持 'dashed'
-  //         strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-  //         // strokeStyle是dashed时有效
-  //         strokeDasharray: [10, 3],
-  //         lineJoin: 'round',
-  //         showDir: child[2] === 1,
-  //         // lineCap: 'square',
-  //         lineCap: 'round',
-  //         zIndex: 50,
-  //         zooms: [16, 20],
+    // console.log(lineArr.value[i])
+    const path = lineArr.value.map(item => item.branchNodeInfos)
+    const line = path.map(item => (
+      item.map((child) => {
+        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
+      })
+    ))
+    line.forEach((item) => {
+      item.forEach((child) => {
+        const path = [child[0], child[1]]
+        const polyline = new AMap.Polyline({
+          path,
+          // isOutline: true,
+          strokeColor: child[2] === 1 ? '#008d68' : '#000',
+          // strokeOpacity: 1,
+          strokeWeight: 3,
+          // 折线样式还支持 'dashed'
+          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
+          // strokeStyle是dashed时有效
+          strokeDasharray: [10, 3],
+          lineJoin: 'round',
+          showDir: child[2] === 1,
+          // lineCap: 'square',
+          lineCap: 'round',
+          zIndex: 50,
+          zooms: [16, 20],
 
-  //       })
-  //       // 离线支路连接添加开关图标
-  //       if (child[2] === 0) {
-  //         const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-  //         const icon = new AMap.Icon({
-  //           size: new AMap.Size(36, 36), // 图标尺寸
-  //           image: `${publicPath}img/icon3.png`, // Icon的图像
-  //           imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //           imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //         })
-  //         const marker = new AMap.Marker({
-  //           zooms: [16, 20],
-  //           position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //           map: map.value,
-  //           icon,
-  //           offset: new AMap.Pixel(-20, -20),
-  //         })
-  //         map.value.add([marker])
-  //       }
-  //       polyline.setMap(map.value)
-  //       map.value.add(polyline)
-  //     })
-  //   })
-  // 添加支路折线文本
-  // 创建纯文本标记
-  // const textArr = path.map(item => (
-  //   item.map((child) => {
-  //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-  //   })
-  // ))
-  // textArr.forEach((item) => {
-  //   // console.log(item, 'item')
-  //   item.forEach((child) => {
-  //     const icon = new AMap.Icon({
-  //       size: new AMap.Size(36, 36), // 图标尺寸
-  //       // image: '', // Icon的图像
-  //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-  //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-  //     })
-  //     // const content = '<div>111</div>'
-  //     const marker = new AMap.Marker({
-  //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-  //       map: map.value,
-  //       content: '<span></span>',
-  //       offset: new AMap.Pixel(-20, -20),
-  //     })
-  //     marker.setLabel({
-  //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-  //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-  //       direction: 'right', // 设置文本标注方位
-  //     })
-  //     map.value.add([marker])
-  //   })
-  // })
-  // }
+        })
+        // 离线支路连接添加开关图标
+        if (child[2] === 0) {
+          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
+          const icon = new AMap.Icon({
+            size: new AMap.Size(36, 36), // 图标尺寸
+            image: `${publicPath}img/icon3.png`, // Icon的图像
+            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+          })
+          const marker = new AMap.Marker({
+            zooms: [16, 20],
+            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+            map: map.value,
+            icon,
+            offset: new AMap.Pixel(-20, -20),
+          })
+          map.value.add([marker])
+        }
+        polyline.setMap(map.value)
+        map.value.add(polyline)
+      })
+    })
+    // 添加支路折线文本
+    // 创建纯文本标记
+    // const textArr = path.map(item => (
+    //   item.map((child) => {
+    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
+    //   })
+    // ))
+    // textArr.forEach((item) => {
+    //   // console.log(item, 'item')
+    //   item.forEach((child) => {
+    //     const icon = new AMap.Icon({
+    //       size: new AMap.Size(36, 36), // 图标尺寸
+    //       // image: '', // Icon的图像
+    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
+    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
+    //     })
+    //     // const content = '<div>111</div>'
+    //     const marker = new AMap.Marker({
+    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
+    //       map: map.value,
+    //       content: '<span></span>',
+    //       offset: new AMap.Pixel(-20, -20),
+    //     })
+    //     marker.setLabel({
+    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
+    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
+    //       direction: 'right', // 设置文本标注方位
+    //     })
+    //     map.value.add([marker])
+    //   })
+    // })
+  }
 }
 // 绘制用热监测相关
 const useHot = () => {
@@ -347,26 +327,20 @@
   try {
     const list = await getElectricityListAll()
     // 电网列表
-    console.log(list.data, '电网列表')
     electricityList.value = list.data
     // 查询节点列表(标记点)
     if (electricityList.value.length) {
       const res = await electricityNode(electricityList.value[0].id)
-      // markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      // markerArrInfo.value = res.data
-      markerArr.value = electNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = electNodeList
-      console.log(res.data, '电网标记点')
+      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
+      markerArrInfo.value = res.data
       // 获取支路信息(折线)
-      // const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = branchList
-      // console.log(res1.data, '折线记点')
+      const res1 = await electricityBranch(electricityList.value[0].id)
+      lineArr.value = res1.data
     }
     // 获取光伏列表
-    const list1 = guangfuList
-    // console.log(list1, '广福街店')
-    markerArr1.value = list1.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1
+    const list1 = await getMonitorStationList()
+    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrInfo1.value = list1.data
     // 初始化地图
     await initMap()
     useElectricity()
@@ -381,10 +355,8 @@
     ptn: '',
     deviceType: '2',
   }).then((res) => {
-    markerArrHotInfo.value = HotNodeList
-    markerArrHot.value = HotNodeList.map(item => ([Number(item.lng), Number(item.lat)]))
-    // markerArrHotInfo.value = res.data.rows
-    // markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
+    markerArrHotInfo.value = res.data.rows
+    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
   })
   // getElectricityListAll().then((res) => {
   //   // 电网列表
@@ -456,6 +428,7 @@
       areaMarkerList.value.push(res.data[0])
       const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
       drawArea(data, color[newVal])
+      console.log(data, 'data')
     }
   })
 })
@@ -483,13 +456,13 @@
   <info-detail ref="windowInfoRef" />
   <info-detail2 ref="windowInfoRef2" />
   <info-detail-hot ref="windowInfoHotRef" />
-  <!-- <div class="btns">
+  <div class="btns">
     <el-radio-group v-model="area">
       <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
         {{ item.name }}
       </el-radio-button>
     </el-radio-group>
-  </div> -->
+  </div>
 </template>
 
 <style scoped>
@@ -522,5 +495,7 @@
 .amap-marker-label {
   border: 0;
   background-color: transparent;
+
+  /* color: transparent; */
 }
 </style>
diff --git a/src/components/map/mock.js b/src/components/map/mock.js
deleted file mode 100644
index 083069d..0000000
--- a/src/components/map/mock.js
+++ /dev/null
@@ -1,1080 +0,0 @@
-export const electNodeList = [
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830681',
-    lng: '111.72953',
-    nodeName: '',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.83078',
-    lng: '111.730077',
-    nodeName: '教学主楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830858',
-    lng: '111.730585',
-    nodeName: '教学北楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831051',
-    lng: '111.729815',
-    nodeName: '一号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831326',
-    lng: '111.729689',
-    nodeName: 'B座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831205',
-    lng: '111.730472',
-    nodeName: '二号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831475',
-    lng: '111.730364',
-    nodeName: 'C座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.831027',
-    lng: '111.731106',
-    nodeName: '网络教室',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830697',
-    lng: '111.731217',
-    nodeName: '机考基地',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.830084',
-    lng: '111.730342',
-    nodeName: '教学南楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829572',
-    lng: '111.73019',
-    nodeName: 'A座公寓',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829443',
-    lng: '111.730252',
-    nodeName: '三号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.82965',
-    lng: '111.731148',
-    nodeName: '四号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829416',
-    lng: '111.731261',
-    nodeName: '五号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829665',
-    lng: '111.732417',
-    nodeName: '六号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-  {
-    area: 1,
-    basekv: '12.66',
-    bs: 0,
-    busId: 1,
-    calTime: '2023-07-31 12:00:11',
-    colTime: '2023-07-31 12:00:11',
-    createTime: '2023-05-09',
-    deviceId: '6',
-    electricityId: '1638161327922909185',
-    en: '850.00',
-    flowRate: '0.00',
-    gs: 0,
-    id: '1',
-    lat: '40.829862',
-    lng: '111.733332',
-    nodeName: '七号楼',
-    pd: '0.00',
-    qd: '0.00',
-    type: 3,
-    typeName: '',
-    va: '0.00',
-    vm: '1.00',
-    vmax: '1.00',
-    vmin: '1.00',
-    zone: 1,
-  },
-]
-export const HotNodeList = [
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学主楼西侧热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学主楼西侧',
-    installTime: '2023-03-15',
-    lat: '40.83078',
-    lng: '111.730077',
-    monitorObj: '5',
-    monitorObjName: '厂房监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学北楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学北楼',
-    installTime: '2023-03-15',
-    lat: '40.830858',
-    lng: '111.730585',
-    monitorObj: '5',
-    monitorObjName: '教学北楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '一号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '一号楼',
-    installTime: '2023-03-15',
-    lat: '40.831051',
-    lng: '111.729815',
-    monitorObj: '5',
-    monitorObjName: '一号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'B座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'B座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831326',
-    lng: '111.729689',
-    monitorObj: '5',
-    monitorObjName: 'B座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '二号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '二号楼',
-    installTime: '2023-03-15',
-    lat: '40.831205',
-    lng: '111.730472',
-    monitorObj: '5',
-    monitorObjName: '二号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'C座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'C座公寓',
-    installTime: '2023-03-15',
-    lat: '40.831475',
-    lng: '111.730364',
-    monitorObj: '5',
-    monitorObjName: 'C座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '网络教室热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '网络教室',
-    installTime: '2023-03-15',
-    lat: '40.831027',
-    lng: '111.731106',
-    monitorObj: '5',
-    monitorObjName: '网络教室监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '机考基地热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '机考基地',
-    installTime: '2023-03-15',
-    lat: '40.830697',
-    lng: '111.731217',
-    monitorObj: '5',
-    monitorObjName: '机考基地监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '教学南楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '教学南楼',
-    installTime: '2023-03-15',
-    lat: '40.830084',
-    lng: '111.730342',
-    monitorObj: '5',
-    monitorObjName: '教学南楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: 'A座公寓热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: 'A座公寓',
-    installTime: '2023-03-15',
-    lat: '40.829572',
-    lng: '111.73019',
-    monitorObj: '5',
-    monitorObjName: 'A座公寓监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '三号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '三号楼',
-    installTime: '2023-03-15',
-    lat: '40.829443',
-    lng: '111.730252',
-    monitorObj: '5',
-    monitorObjName: '三号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '四号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '四号楼',
-    installTime: '2023-03-15',
-    lat: '40.82965',
-    lng: '111.731148',
-    monitorObj: '5',
-    monitorObjName: '四号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '五号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '五号楼',
-    installTime: '2023-03-15',
-    lat: '40.829416',
-    lng: '111.731261',
-    monitorObj: '5',
-    monitorObjName: '五号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '六号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '六号楼',
-    installTime: '2023-03-15',
-    lat: '40.829665',
-    lng: '111.732417',
-    monitorObj: '5',
-    monitorObjName: '六号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-  {
-    createTime: '2023-06-01',
-    deviceClassify: '1',
-    deviceName: '七号楼热能表',
-    deviceNo: 'n001',
-    deviceType: 2,
-    deviceTypeName: '远传热能表',
-    en: '108.90',
-    facilityArea: '1.00',
-    id: '1641418865640501249',
-    installLocaltion: '七号楼',
-    installTime: '2023-03-15',
-    lat: '40.829862',
-    lng: '111.733332',
-    monitorObj: '5',
-    monitorObjName: '七号楼监测点',
-    monitorUnit: 'KJ',
-    monitorVal: '99.00',
-    pd: '',
-    ptn: 1,
-    ptnName: 'A区',
-    qd: '',
-    referencePd: '100.00',
-    referenceQd: '',
-    stat: 0,
-    statName: '在线',
-    uploadTime: '2023-08-03',
-  },
-]
-export const branchList = [
-  {
-    branchNodeInfos: [
-      [111.72953, 40.830681],
-      [111.730077, 40.83078],
-      [111.730552, 40.830891],
-      [111.729815, 40.831051],
-      [111.729689, 40.831326],
-    ],
-    branchNumber: '1号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.729815, 40.831051],
-      [111.730472, 40.831205],
-      [111.730364, 40.831475],
-    ],
-    branchNumber: '2号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730552, 40.830891],
-      [111.731106, 40.831027],
-      [111.731217, 40.830697],
-    ],
-    branchNumber: '3号支路',
-  },
-  {
-    branchNodeInfos: [
-      [111.730077, 40.83078],
-      [111.730342, 40.830084],
-      [111.73019, 40.829572],
-      [111.730252, 40.829443],
-      [111.731148, 40.82965],
-
-      [111.731261, 40.829416],
-      [111.732417, 40.829665],
-      [111.733332, 40.829862],
-    ],
-    branchNumber: '4号支路',
-  },
-]
-export const guangfuList = [
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830948',
-    lng: '111.730561',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学北楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831377',
-    lng: '111.729912',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'B座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.831528',
-    lng: '111.730581',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'C座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.830178',
-    lng: '111.730829',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '教学南楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829763',
-    lng: '111.730109',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: 'A座公寓光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-  {
-    createTime: '2023-05-10',
-    deviceId: '2',
-    deviceNo: '',
-    deviceType: '',
-    deviceTypeName: '',
-    electricalVoltage: '',
-    id: '2',
-    installLocaltion: '',
-    lat: '40.829607',
-    lng: '111.730734',
-    mbase: '100.00',
-    nodeId: '9',
-    // nodeLat: '40.830858',
-    // nodeLng: '111.730585',
-    pg: '0.30',
-    pmax: '10.00',
-    pmin: '0.00',
-    power: '',
-    qg: '0.00',
-    qmax: '0.00',
-    qmin: '0.00',
-    stationName: '四号楼光伏采集点',
-    stationType: 0,
-    status: 1,
-    strength: '0.00',
-    sttusName: '',
-    uploadTime: '2023-08-02',
-    vg: '1.00',
-  },
-]
diff --git a/src/components/mapBak/index.vue b/src/components/mapBak/index.vue
deleted file mode 100644
index cf07cce..0000000
--- a/src/components/mapBak/index.vue
+++ /dev/null
@@ -1,497 +0,0 @@
-<!--
-  Description: 高德地图
-  Author: 李亚光
-  Date: 2023-04-21
- -->
-<script lang="ts" setup name="GuadMap">
-import AMapLoader from '@amap/amap-jsapi-loader'
-import infoDetail from './infoWindow.vue'
-import infoDetail2 from './infoWindow2.vue'
-import infoDetailHot from './infoWindowHot.vue'
-import { getDictByCode } from '@/api/system/dict'
-import { electricityBranch, electricityNode, getAreaPosition, getDeviceListPage, getElectricityListAll, getMonitorStationList } from '@/api/api/index'
-const publicPath = import.meta.env.BASE_URL
-// 设置安全密钥
-window._AMapSecurityConfig = {
-  securityJsCode: '56bf9671d4b3517d294caec4751889a1', // 后期需替换
-}
-const electricityList = ref()
-// 地图实例
-const map = ref()
-//  用来画区域的
-const polygon = ref()
-//  画图工具实例
-const mouseTool = ref()
-// 区域数组
-const pathArr = ref([
-  [111.737806, 40.83386],
-  [111.736806, 40.83686],
-  [111.739906, 40.83686],
-  [111.739906, 40.83386],
-])
-// 电网节点数组
-const markerArr = ref([
-])
-// 光伏数组
-const markerArr1 = ref([
-])
-// 用热坐标数组
-const markerArrHot = ref()
-const markerArrHotInfo = ref()
-// 信息窗体
-const infoWindow = ref()
-const infoWindow2 = ref()
-const infoWindowHot = ref()
-const windowInfoRef = ref()
-const windowInfoRef2 = ref()
-const windowInfoHotRef = ref()
-const markerArrInfo = ref()
-const markerArrInfo1 = ref()
-// 折现节点坐标
-const lineArr = ref([])
-// 地图点击事件
-const clickHandler = function (e) {
-  const location = [e.lnglat.getLng(), e.lnglat.getLat()]
-  if (event.button === 2) {
-    console.log('当前点击坐标为:   ', location)
-  }
-}
-// 地图实例对象
-const AMap1 = ref()
-// 图层实例
-const layer = ref()
-const flag = ref(false)
-// 切换图层
-const changeLayerGrop = () => {
-  if (flag.value) {
-    map.value.addLayer(layer.value)
-  }
-  else {
-    map.value.removeLayer(layer.value)
-  }
-  flag.value = !flag.value
-}
-// 初始化地图
-const initMap = async () => {
-  await AMapLoader.load({
-    key: '40849e82b4e33f5255b17372520c954d', // 后期需替换
-    version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
-    plugins: ['AMap.Scale', 'AMap.MouseTool', 'AMap.ToolBar'], // 需要使用的的插件列表，如比例尺'AMap.Scale'等
-  }).then((AMap) => {
-    AMap1.value = AMap
-    // 初始化地图
-    map.value = new AMap.Map('map', {
-      viewMode: '3D', //  是否为3D地图模式
-      zoom: 17, // 初始化地图级别
-      center: [111.765785, 40.718114],
-      resizeEnable: true,
-    })
-    // 图层实例
-    layer.value = new AMap.TileLayer.Satellite()
-    map.value.addLayer(layer.value)
-    // 地图绑定右击事件
-    map.value.on('mousedown', clickHandler)
-  })
-    .catch((e) => {
-      console.log(e)
-    })
-}
-// 绘制用电监测相关
-const useElectricity = () => {
-  const AMap = AMap1.value
-  // 电网支路标记点绘制
-  for (let i = 0; i < markerArr.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon1.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArr.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindow.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow.value,
-        info: markerArrInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo.value[i].nodeName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-  // 光伏标记点及光伏绘制
-  for (let i = 0; i < markerArr1.value.length; i++) {
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon2.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20],
-      position: markerArr1.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(-20, -20),
-    })
-    // 信息窗体
-    infoWindow2.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoRef2.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindow2.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoRef2.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindow2.value,
-        info: markerArrInfo1.value[i],
-      })
-    })
-    // 标记点的文本
-    marker.setLabel({
-      zooms: [16, 20],
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrInfo1.value[i].stationName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-    // 绘制电网和节点连线
-    const path = markerArrInfo1.value.map((item) => {
-      return [[Number(item.lng), Number(item.lat)], [Number(item.nodeLng), Number(item.nodeLat)]]
-    })
-    const polyline = new AMap.Polyline({
-      path,
-      strokeColor: '#03A382',
-      strokeStyle: 'dashed',
-      strokeDasharray: [10, 3],
-      lineJoin: 'round',
-      lineCap: 'round',
-      zIndex: 50,
-      zooms: [16, 20],
-    })
-    polyline.setMap(map.value)
-    map.value.add(polyline)
-  }
-  // 电网支路折线绘制
-  for (let i = 0; i < lineArr.value.length; i++) {
-    // console.log(lineArr.value[i])
-    const path = lineArr.value.map(item => item.branchNodeInfos)
-    const line = path.map(item => (
-      item.map((child) => {
-        return ([[child.flng, child.flat], [child.tlng, child.tlat], child.status2])
-      })
-    ))
-    line.forEach((item) => {
-      item.forEach((child) => {
-        const path = [child[0], child[1]]
-        const polyline = new AMap.Polyline({
-          path,
-          // isOutline: true,
-          strokeColor: child[2] === 1 ? '#008d68' : '#000',
-          // strokeOpacity: 1,
-          strokeWeight: 3,
-          // 折线样式还支持 'dashed'
-          strokeStyle: child[2] !== 1 ? 'dashed' : 'dashed ',
-          // strokeStyle是dashed时有效
-          strokeDasharray: [10, 3],
-          lineJoin: 'round',
-          showDir: child[2] === 1,
-          // lineCap: 'square',
-          lineCap: 'round',
-          zIndex: 50,
-          zooms: [16, 20],
-
-        })
-        // 离线支路连接添加开关图标
-        if (child[2] === 0) {
-          const data = [(Number(child[0][0]) + Number(child[1][0])) / 2, (Number(child[0][1]) + Number(child[1][1])) / 2]
-          const icon = new AMap.Icon({
-            size: new AMap.Size(36, 36), // 图标尺寸
-            image: `${publicPath}img/icon3.png`, // Icon的图像
-            imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-            imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-          })
-          const marker = new AMap.Marker({
-            zooms: [16, 20],
-            position: data, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-            map: map.value,
-            icon,
-            offset: new AMap.Pixel(-20, -20),
-          })
-          map.value.add([marker])
-        }
-        polyline.setMap(map.value)
-        map.value.add(polyline)
-      })
-    })
-    // 添加支路折线文本
-    // 创建纯文本标记
-    // const textArr = path.map(item => (
-    //   item.map((child) => {
-    //     return ([[(Number(child.flng) + Number(child.tlng)) / 2, (Number(child.flat) + Number(child.tlat)) / 2], child.flowRate])
-    //   })
-    // ))
-    // textArr.forEach((item) => {
-    //   // console.log(item, 'item')
-    //   item.forEach((child) => {
-    //     const icon = new AMap.Icon({
-    //       size: new AMap.Size(36, 36), // 图标尺寸
-    //       // image: '', // Icon的图像
-    //       imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-    //       imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    //     })
-    //     // const content = '<div>111</div>'
-    //     const marker = new AMap.Marker({
-    //       position: child[0], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-    //       map: map.value,
-    //       content: '<span></span>',
-    //       offset: new AMap.Pixel(-20, -20),
-    //     })
-    //     marker.setLabel({
-    //       offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-    //       content: `<div>${`${child[1]}kgCO2/h`}</div>`, // 设置文本标注内容
-    //       direction: 'right', // 设置文本标注方位
-    //     })
-    //     map.value.add([marker])
-    //   })
-    // })
-  }
-}
-// 绘制用热监测相关
-const useHot = () => {
-  for (let i = 0; i < markerArrHot.value.length; i++) {
-    const AMap = AMap1.value
-    const icon = new AMap.Icon({
-      size: new AMap.Size(36, 36), // 图标尺寸
-      image: `${publicPath}img/icon4.png`, // Icon的图像
-      imageSize: new AMap.Size(24, 30), // 根据所设置的大小拉伸或压缩图片
-      imageOffset: new AMap.Pixel(0, 0), // 图像相对展示区域的偏移量，适于雪碧图等
-    })
-    const marker = new AMap.Marker({
-      zooms: [16, 20], // 缩放
-      position: markerArrHot.value[i], // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]
-      map: map.value,
-      icon,
-      offset: new AMap.Pixel(3, -30),
-    })
-    // 支路点详细信息// 信息窗体
-    infoWindowHot.value = new AMap.InfoWindow({
-      isCustom: true, // 自定义信息窗体
-      content: windowInfoHotRef.value.$el, // 窗体内容(vue组件)
-      offset: new AMap.Pixel(9, -5), // 偏移
-    })
-    marker.on('click', (e) => {
-      // 打开信息窗口
-      infoWindowHot.value.open(map.value, e.lnglat)
-      // 初始化信息窗口
-      windowInfoHotRef.value.initialize({
-        overlay: e.target,
-        infoWindow: infoWindowHot.value,
-        info: markerArrHotInfo.value[i],
-      })
-    })
-    // 标记点文本标记
-    marker.setLabel({
-      offset: new AMap.Pixel(-10, -2), // 设置文本标注偏移量
-      content: `<div>${markerArrHotInfo.value[i].deviceName}</div>`, // 设置文本标注内容
-      direction: 'right', // 设置文本标注方位
-    })
-    map.value.add([marker])
-  }
-}
-onMounted(async () => {
-  // 获取电网列表
-  try {
-    const list = await getElectricityListAll()
-    // 电网列表
-    electricityList.value = list.data
-    // 查询节点列表(标记点)
-    if (electricityList.value.length) {
-      const res = await electricityNode(electricityList.value[0].id)
-      markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-      markerArrInfo.value = res.data
-      // 获取支路信息(折线)
-      const res1 = await electricityBranch(electricityList.value[0].id)
-      lineArr.value = res1.data
-    }
-    // 获取光伏列表
-    const list1 = await getMonitorStationList()
-    markerArr1.value = list1.data.map(item => ([Number(item.lng), Number(item.lat)]))
-    markerArrInfo1.value = list1.data
-    // 初始化地图
-    await initMap()
-    useElectricity()
-  }
-  catch (error) {
-    initMap()
-  }
-  // 获取用热数据
-  getDeviceListPage({
-    offset: 1,
-    limit: 999,
-    ptn: '',
-    deviceType: '2',
-  }).then((res) => {
-    markerArrHotInfo.value = res.data.rows
-    markerArrHot.value = res.data.rows.map(item => ([Number(item.lng), Number(item.lat)]))
-  })
-  // getElectricityListAll().then((res) => {
-  //   // 电网列表
-  //   electricityList.value = res.data
-  //   // 默认选中第一个查询节点
-  //   if (electricityList.value.length) {
-  //     electricityNode(electricityList.value[0].id).then((res) => {
-  //       markerArr.value = res.data.map(item => ([Number(item.lng), Number(item.lat)]))
-  //       markerArrInfo.value = res.data
-  //       // 获取支路
-  //       electricityBranch(electricityList.value[0].id).then(res => {
-  //         lineArr.value = res.data
-  //         // console.log(res.data)
-  //         initMap()
-  //       })
-  //     })
-  //   }
-  // })
-})
-const area = ref('')
-const areaList = ref([])
-// 获取分区列表
-const fetchAreaList = () => {
-  getDictByCode('ptn_type').then((res) => {
-    areaList.value = res.data
-  })
-}
-fetchAreaList()
-const areaMarkerList = ref()
-const polygons = ref()
-// 绘制区域
-const drawArea = (markerList: any, color: string) => {
-  const polygon = new AMap1.value.Polygon({
-    path: markerList,
-    fillColor: color,
-    strokeOpacity: 1,
-    fillOpacity: 0.5,
-    strokeColor: '#2b8cba',
-    strokeWeight: 1,
-    strokeStyle: 'dashed',
-    strokeDasharray: [5, 5],
-  })
-  polygons.value = polygon
-  map.value.add(polygon)
-}
-// 删除绘制
-const clearDraw = () => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-    area.value = ''
-  }
-}
-// 监听分区变化
-watch(() => area.value, (newVal) => {
-  if (polygons.value) {
-    map.value.remove(polygons.value)
-  }
-  if (!newVal) {
-    return
-  }
-  getAreaPosition(newVal).then((res) => {
-    const color = {
-      1: '#2b8cbe',
-      2: '#ccebc5',
-      3: '#7bccc4',
-    }
-    areaMarkerList.value = res.data
-    if (res.data.length) {
-      areaMarkerList.value.push(res.data[0])
-      const data = areaMarkerList.value.map(item => ([Number(item.lng), Number(item.lat)]))
-      drawArea(data, color[newVal])
-    }
-  })
-})
-// 用电检测/用热监测 默认用电
-const flagType = ref(true)
-// 切换用电检测/用热监测
-const changeFlagType = () => {
-  map.value.clearMap()
-  map.value.setCenter([111.765785, 40.718114])
-  // 区域框展示
-  area.value = ''
-  if (flagType.value) {
-    useHot()
-  }
-  else {
-    useElectricity()
-  }
-  flagType.value = !flagType.value
-}
-defineExpose({ changeLayerGrop, changeFlagType, flag })
-</script>
-
-<template>
-  <div id="map" />
-  <info-detail ref="windowInfoRef" />
-  <info-detail2 ref="windowInfoRef2" />
-  <info-detail-hot ref="windowInfoHotRef" />
-  <div class="btns">
-    <el-radio-group v-model="area">
-      <el-radio-button v-for="item in areaList" :key="item.id" :label="item.value" @dblclick="clearDraw">
-        {{ item.name }}
-      </el-radio-button>
-    </el-radio-group>
-  </div>
-</template>
-
-<style scoped>
-#map {
-  overflow: hidden;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  font-family: "微软雅黑";
-}
-
-.btns {
-  position: absolute;
-  left: 10px;
-  bottom: 10px;
-}
-</style>
-
-<style>
-/* 隐藏高德logo  */
-.amap-logo {
-  display: none !important;
-}
-
-/* 隐藏高德版权  */
-.amap-copyright {
-  display: none !important;
-}
-
-.amap-marker-label {
-  border: 0;
-  background-color: transparent;
-}
-</style>
diff --git a/src/components/mapBak/infoWindow.vue b/src/components/mapBak/infoWindow.vue
deleted file mode 100644
index 7893e43..0000000
--- a/src/components/mapBak/infoWindow.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-<!--
-  Description: 高德地图信息窗体 - 支路节点
-  Author: 李亚光
-  Date: 2023-05-10
- -->
-<script lang="ts" setup name="infoWindow">
-import trendChart from './trendChart.vue'
-const overlay = ref()
-const infoWindow = ref()
-const info = ref()
-const trendRef = ref()
-// 初始化
-const initialize = (e) => {
-  overlay.value = e.overlay
-  infoWindow.value = e.infoWindow
-  info.value = e.info
-  trendRef.value.expand = true
-  trendRef.value.range = 'day'
-}
-defineExpose({ initialize })
-// 关闭
-const close = () => {
-  infoWindow.value.close()
-  trendRef.value.expand = true
-}
-const expand = computed(() => {
-  return trendRef.value?.expand
-})
-</script>
-
-<template>
-  <div class="container" :style="`height: ${expand ? '200px' : '510px'}`">
-    <div class="title">
-      <div class="text">
-        {{ info?.nodeName }}
-      </div>
-      <div class="close" @click="close">
-        x
-      </div>
-    </div>
-    <div class="item">
-      节点编号 : {{ info?.busId }}
-    </div>
-    <div class="item">
-      <span>负荷有功功率 : {{ info?.pd }} MW</span>  <span>负荷无功功率 : {{ info?.qd }} MW</span>
-    </div>
-    <div class="item">
-      <span>节点碳势 : {{ info?.en }} gCO2/kWh</span>  <span>节点负荷碳流率 : {{ info?.flowRate }} kgCO2/h</span>
-    </div>
-    <div class="item">
-      <span>采集时间 : {{ info?.colTime }}</span>
-    </div>
-    <!-- // <div class="item">设备信息 : {{ device.produceCode }}</div>
-    // <div class="item">设备ID : {{ device.deviceId }}</div>
-    // <div class="item">IP地址 : {{ device.deviceIp }}</div>
-    // <div class="item">地址 : {{ device.deviceAddress }}</div> -->
-    <trend-chart ref="trendRef" :width="430" :height="280" :device-id="info?.deviceId" :device-type="info?.type" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  width: 470px;
-  height: 510px;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #6d9ece;
-
-  .title {
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 10px;
-    display: flex;
-    justify-content: space-between;
-
-    .close {
-      color: #ccc;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  .item {
-    padding: 0 5px;
-    color: #111213;
-    font-size: 14px;
-    margin: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>
diff --git a/src/components/mapBak/infoWindow2.vue b/src/components/mapBak/infoWindow2.vue
deleted file mode 100644
index e4aca59..0000000
--- a/src/components/mapBak/infoWindow2.vue
+++ /dev/null
@@ -1,88 +0,0 @@
-<!--
-  Description: 高德地图信息窗体 - 光伏节点
-  Author: 李亚光
-  Date: 2023-05-10
- -->
-<script lang="ts" setup name="infoWindow">
-import trendChart from './trendChart.vue'
-const overlay = ref()
-const infoWindow = ref()
-const info = ref()
-const trendRef = ref()
-// 初始化
-const initialize = (e) => {
-  overlay.value = e.overlay
-  infoWindow.value = e.infoWindow
-  info.value = e.info
-  trendRef.value.expand = true
-  trendRef.value.range = 'day'
-}
-defineExpose({ initialize })
-// 关闭
-const close = () => {
-  infoWindow.value.close()
-  trendRef.value.expand = true
-}
-const expand = computed(() => {
-  return trendRef.value?.expand
-})
-</script>
-
-<template>
-  <div class="container" :style="`height: ${expand ? '180px' : '400px'}`">
-    <div class="title">
-      <div class="text">
-        {{ info?.stationName }}
-      </div>
-      <div class="close" @click="close">
-        x
-      </div>
-    </div>
-    <div class="item">
-      光伏挂载节点 : {{ info?.nodeId }}
-    </div>
-    <div class="item">
-      <span>发电机组有功 : {{ info?.pg }} MW</span>  <span>发电机组无功 : {{ info?.qg }} MW</span>
-    </div>
-    <div class="item">
-      碳排强度 : {{ info?.strength }} gCO2·/kWh
-    </div>
-    <trend-chart ref="trendRef" :width="420" :height="200" :device-id="info?.deviceId" :device-type="1" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  width: 450px;
-  height: 400px;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #6d9ece;
-
-  .title {
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 10px;
-    display: flex;
-    justify-content: space-between;
-
-    .close {
-      color: #ccc;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  .item {
-    padding: 0 5px;
-    color: #111213;
-    font-size: 14px;
-    margin: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>
diff --git a/src/components/mapBak/infoWindowHot.vue b/src/components/mapBak/infoWindowHot.vue
deleted file mode 100644
index 9b69483..0000000
--- a/src/components/mapBak/infoWindowHot.vue
+++ /dev/null
@@ -1,94 +0,0 @@
-<!--
-  Description: 高德地图信息窗体 - 用热
-  Author: 李亚光
-  Date: 2023-05-10
- -->
-<script lang="ts" setup name="infoWindow">
-import trendChart from './trendChart.vue'
-const overlay = ref()
-const infoWindow = ref()
-const info = ref()
-const trendRef = ref()
-// 初始化
-const initialize = (e) => {
-  overlay.value = e.overlay
-  infoWindow.value = e.infoWindow
-  info.value = e.info
-  trendRef.value.expand = true
-  trendRef.value.range = 'day'
-}
-defineExpose({ initialize })
-// 关闭
-const close = () => {
-  infoWindow.value.close()
-  trendRef.value.expand = true
-}
-const expand = computed(() => {
-  return trendRef.value?.expand
-})
-</script>
-
-<template>
-  <div class="container" :style="`height: ${expand ? '230px' : '455px'}`">
-    <div class="title">
-      <div class="text">
-        {{ info?.deviceName }}
-      </div>
-      <div class="close" @click="close">
-        x
-      </div>
-    </div>
-    <div class="item">
-      <span>设备编号 : {{ info?.deviceNo }}</span>  <span>设备类型 : {{ info?.deviceTypeName }}</span>
-    </div>
-    <div class="item">
-      <span>所属分区 : {{ info?.ptnName }}</span>  <span>监测对象 : {{ info?.monitorObjName }}</span>
-    </div>
-    <div class="item">
-      <span>监测值 : {{ info?.monitorVal }}</span>  <span>监测单位 : {{ info?.monitorUnit }}</span>
-    </div>
-    <div class="item">
-      <span>碳势 : {{ info?.en }} gCO2/KJ</span>  <span>采集时间 : {{ info?.uploadTime }}</span>
-    </div>
-    <div class="item">
-      <span>安装位置 : {{ info?.installLocaltion }}</span>  <span>安装时间 : {{ info?.installTime }}</span>
-    </div>
-    <trend-chart ref="trendRef" :width="400" :height="200" :device-id="info?.id" :device-type="info?.deviceType" />
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.container {
-  width: 440px;
-  height: 445px;
-  padding: 10px;
-  background-color: #fff;
-  border: 1px solid #6d9ece;
-
-  .title {
-    font-size: 16px;
-    font-weight: 700;
-    padding: 0 10px;
-    display: flex;
-    justify-content: space-between;
-
-    .close {
-      color: #ccc;
-
-      &:hover {
-        cursor: pointer;
-      }
-    }
-  }
-
-  .item {
-    padding: 0 5px;
-    color: #111213;
-    font-size: 14px;
-    margin: 10px;
-    border-bottom: 1px solid #ccc;
-    display: flex;
-    justify-content: space-between;
-  }
-}
-</style>
diff --git a/src/components/mapBak/trendChart.vue b/src/components/mapBak/trendChart.vue
deleted file mode 100644
index 5fbdd3d..0000000
--- a/src/components/mapBak/trendChart.vue
+++ /dev/null
@@ -1,163 +0,0 @@
-<!--
-  Description: 节点监测趋势echarts
-  Author: 李亚光
-  Date: 2023-06-05
- -->
-<script lang="ts" setup name="TrendChart">
-import { getDeviceDetailAnalysis } from '@/api/api/index'
-const props = defineProps({
-  height: {
-    type: Number,
-    default: 400,
-  },
-  width: {
-    type: Number,
-    default: 400,
-  },
-  deviceId: {
-    type: Number || String,
-    require: true,
-  },
-  deviceType: {
-    type: Number || String,
-    require: true,
-  },
-})
-const loading = ref(true)
-const range = ref('')
-const flag = ref(true)
-// defineExpose({ range })
-const yAxisData = ref([])
-const xAxisData = ref([])
-const selected = ref({})
-// 获取设备监测分析
-const fetchDeviceAnalysis = () => {
-  loading.value = true
-  xAxisData.value = []
-  yAxisData.value = []
-  getDeviceDetailAnalysis({
-    deviceId: props?.deviceId,
-    type: range.value,
-  }).then((res) => {
-    const data = res.data
-    // 整理节点监测趋势数据-用电
-    if (data.monitorTrends?.rp.length && Number(props.deviceType) === 1) {
-      xAxisData.value = data.monitorTrends?.rp?.map((item: any) => item.time)
-      yAxisData.value = [
-        {
-          name: '有功功率(MW)',
-          data: data.monitorTrends?.rp?.map((item: any) => Number(item.value)),
-        },
-        {
-          name: '无功功率(MVAr)',
-          data: data.monitorTrends?.ap?.map((item: any) => Number(item.value)),
-        },
-      ]
-    }
-    // 整理节点监测趋势数据-用热/用气
-    if (data.monitorTrends?.val.length && Number(props.deviceType) !== 1) {
-      xAxisData.value = data.monitorTrends?.val?.map((item: any) => item.time)
-      yAxisData.value = [
-        {
-          name: '监测值',
-          data: data.monitorTrends?.val?.map((item: any) => Number(item.value)),
-        },
-      ]
-    }
-    loading.value = false
-  }).catch(() => {
-    xAxisData.value = []
-    loading.value = false
-  })
-}
-// 监听 监测趋势时间段 变化 重新获取数据
-watch(() => props.deviceId, (newVal) => {
-  if (newVal) {
-    range.value = 'day'
-    fetchDeviceAnalysis()
-  }
-  if (Number(props.deviceType) === 1) {
-    selected.value = {
-      '有功功率(MW)': true,
-      '无功功率(MVAr)': false,
-    }
-  }
-  else {
-    selected.value = {}
-  }
-},
-{
-  deep: true,
-  // immediate: true,
-})
-watch(() => range.value, (newVal) => {
-  if (newVal) {
-    fetchDeviceAnalysis()
-  }
-},
-{
-  deep: true,
-  // immediate: true,
-})
-
-const expand = ref(true)
-const expandChart = () => {
-  expand.value = !expand.value
-  if (!expand.value) {
-    range.value = ''
-    xAxisData.value = []
-    yAxisData.value = []
-    setTimeout(() => {
-      range.value = 'day'
-    })
-  }
-}
-defineExpose({ range, expand, fetchDeviceAnalysis })
-</script>
-
-<template>
-  <div style="padding: 10px;">
-    <div class="chart-title" @click="expandChart">
-      节点监测趋势
-      <div class="btn">
-        <el-icon v-if="expand">
-          <arrow-right-bold />
-        </el-icon>
-        <el-icon v-else>
-          <arrow-down-bold />
-        </el-icon>
-      </div>
-    </div>
-    <div v-if="!expand">
-      <el-radio-group v-model="range">
-        <el-radio label="day">
-          日
-        </el-radio>
-        <el-radio label="month">
-          月
-        </el-radio>
-        <el-radio label="year">
-          年
-        </el-radio>
-      </el-radio-group>
-      <line-chart
-        v-loading="loading" :height="`${props.height}px`" :width="`${props.width}px`" :data="yAxisData"
-        :x-axis-data="xAxisData" :selected="selected"
-      />
-    </div>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.chart-title {
-  background-color: #ccc;
-  position: relative;
-
-  .btn {
-    position: absolute;
-    right: 5px;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-}
-</style>