diff --git a/src/views/pictureOnMap/LayerControl.vue b/src/views/pictureOnMap/LayerControl.vue
index 8d70150..ade6271 100644
--- a/src/views/pictureOnMap/LayerControl.vue
+++ b/src/views/pictureOnMap/LayerControl.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layerControlvue" v-show="Show">
-    <div class="layericon" @click="allData.showControlBox = !allData.showControlBox"></div>
+    <div
+      class="layericon"
+      @click="allData.showControlBox = !allData.showControlBox"
+    ></div>
 
     <div class="LayerControlBox" v-show="allData.showControlBox">
       <div class="ControlBox-body">
@@ -19,144 +22,142 @@
             <span :class="data.class"> {{ node.label }} </span>
           </template>
         </el-tree>
-
-
       </div>
       <div class="reset" @click="reset">恢复默认</div>
     </div>
   </div>
 </template>
 <script setup>
-import bus from '@/bus/';
-import useUserStore from '@/store/modules/user';
+import bus from "@/bus/";
+import useUserStore from "@/store/modules/user";
 const appStore = useUserStore();
-import { getImageUrl } from '@/utils/ruoyi';
-import { nextTick } from 'vue';
+import { getImageUrl } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
 const selectList = ref([]);
 const dataSource = ref([
   {
-    value: '地图切换',
-    label: '地图切换',
-    class: 'target-class',
+    value: "地图切换",
+    label: "地图切换",
+    class: "target-class",
     children: [
       {
-        value: 'newfiber-XYZLayer,高清地图',
-        label: '影像地图',
-        icon: getImageUrl('maptwo.png', 'images/NewLayercontrol'),
-      }
-    ],
-  },
-  {
-    value: '排水体系',
-    label: '排水体系',
-    class: 'target-class',
-    children: [
-      {
-        value: '雨水分区',
-        label: '雨水系统',
-        icon: getImageUrl('yuliangzhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '污水分区',
-        label: '污水系统',
-        icon: getImageUrl('zishuidian.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '尾水路径',
-        label: '尾水路径',
-        icon: getImageUrl('尾水路径.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'sewage_pump_station_info',
-        icon: getImageUrl('wushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '污水泵站',
-      },
-      {
-        value: 'sewage_factory_info',
-        icon: getImageUrl('wushuichulichang.png', 'images/NewLayercontrol'),
-        label: '污水厂',
-      },
-      {
-        label: '污水处理站',
-        value: 'sewage_factory_station_info',
-        icon: getImageUrl('wushuichulizhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'rain_water_pump_station_info',
-        icon: getImageUrl('yushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '雨水泵站',
-      },
-      {
-        value: 'water_gate_info',
-        icon: getImageUrl('shuizha.png', 'images/NewLayercontrol'),
-        label: '水闸',
-      },
-      {
-        value: 'storage_tank_info',
-        icon: getImageUrl('tiaoxuchi.png', 'images/NewLayercontrol'),
-        label: '调蓄池',
-      },
-      {
-        label: '分流井',
-        value: 'diversion_well_info',
-        icon: getImageUrl('feliujin.png', 'images/NewLayercontrol'),
+        value: "newfiber-XYZLayer,高清地图",
+        label: "影像地图",
+        icon: getImageUrl("maptwo.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '管网',
-    label: '管网',
-    class: 'target-class',
+    value: "排水体系",
+    label: "排水体系",
+    class: "target-class",
     children: [
       {
-        value: '雨水管网',
-        label: '雨水管网',
-        icon: getImageUrl('lay-yushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "雨水分区",
+        label: "雨水系统",
+        icon: getImageUrl("yuliangzhan.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水管网',
-        label: '污水管网',
-        icon: getImageUrl('lay-wushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "污水分区",
+        label: "污水系统",
+        icon: getImageUrl("zishuidian.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "尾水路径",
+        label: "尾水路径",
+        icon: getImageUrl("尾水路径.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "sewage_pump_station_info",
+        icon: getImageUrl("wushuibengzhan.png", "images/NewLayercontrol"),
+        label: "污水泵站",
+      },
+      {
+        value: "sewage_factory_info",
+        icon: getImageUrl("wushuichulichang.png", "images/NewLayercontrol"),
+        label: "污水厂",
+      },
+      {
+        label: "污水处理站",
+        value: "sewage_factory_station_info",
+        icon: getImageUrl("wushuichulizhan.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "rain_water_pump_station_info",
+        icon: getImageUrl("yushuibengzhan.png", "images/NewLayercontrol"),
+        label: "雨水泵站",
+      },
+      {
+        value: "water_gate_info",
+        icon: getImageUrl("shuizha.png", "images/NewLayercontrol"),
+        label: "水闸",
+      },
+      {
+        value: "storage_tank_info",
+        icon: getImageUrl("tiaoxuchi.png", "images/NewLayercontrol"),
+        label: "调蓄池",
+      },
+      {
+        label: "分流井",
+        value: "diversion_well_info",
+        icon: getImageUrl("feliujin.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '监测点',
-    label: '监测点',
-    class: 'target-class',
+    value: "管网",
+    label: "管网",
+    class: "target-class",
     children: [
       {
-        value: 'rainwater_pipeline_quality_area',
-        label: '社区雨水接驳口',
+        value: "雨水管网",
+        label: "雨水管网",
+        icon: getImageUrl("lay-yushuiguanwang.png", "images/NewLayercontrol"),
       },
       {
-        value: 'rainwater_pipeline_quality',
-        label: '市政监测点',
+        value: "污水管网",
+        label: "污水管网",
+        icon: getImageUrl("lay-wushuiguanwang.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '其他',
-    label: '其他',
-    class: 'target-class',
+    value: "监测点",
+    label: "监测点",
+    class: "target-class",
     children: [
       {
-        value: 'drainage_info',
-        label: '排水户',
+        value: "rainwater_pipeline_quality_area",
+        label: "社区雨水接驳口",
       },
       {
-        value: '港渠',
-        label: '港渠',
+        value: "rainwater_pipeline_quality",
+        label: "市政监测点",
+      },
+    ],
+  },
+  {
+    value: "其他",
+    label: "其他",
+    class: "target-class",
+    children: [
+      {
+        value: "drainage_info",
+        label: "排水户",
       },
       {
-        value: 'outlet_info',
-        label: '排口',
+        value: "港渠",
+        label: "港渠",
       },
       {
-        value: '建筑物',
-        label: '建筑物',
+        value: "outlet_info",
+        label: "排口",
+      },
+      {
+        value: "建筑物",
+        label: "建筑物",
       },
     ],
   },
@@ -168,18 +169,18 @@
 
 //  这个方法会出现当前已勾选节点，或者半节点的状态
 function check(data, node) {
-  setLayerVisible([],selectList.value);
+  setLayerVisible([], selectList.value);
   selectList.value = [];
   if (node) {
     let arr = [...node.checkedNodes];
-    arr.map(item => {
+    arr.map((item) => {
       if (item.value) {
         selectList.value.push(item.value);
       }
     });
   }
-  setLayerVisible(selectList.value,[]);
-/*  nextTick(() => {
+  setLayerVisible(selectList.value, []);
+  /*  nextTick(() => {
     let arr = dataSource.value[0].children.map(p => p.value);
     if (arr.includes(data.value)) {
       arr.map(item => {
@@ -196,18 +197,36 @@
   const openLayer = _.difference(newVal, oldVal);
   const closeLayer = _.difference(oldVal, newVal);
 
-  openLayer.length && openLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? false : true,}));
-  closeLayer.length && closeLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? true : false,}));
+  openLayer.length &&
+    openLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? false : true,
+        })
+      );
+  closeLayer.length &&
+    closeLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? true : false,
+        })
+      );
   // newfiberMap.map.triggerRepaint();
 }
 
 function changeyangshi() {
-  const targetElements = document.querySelectorAll('.target-class');
-  targetElements.forEach(target => {
+  const targetElements = document.querySelectorAll(".target-class");
+  targetElements.forEach((target) => {
     const parent = target.parentElement; // 获取父级元素
     // console.log('parent', parent);
     if (parent) {
-      parent.classList.add('mycustomclass');
+      parent.classList.add("mycustomclass");
       // parent.style.backgroundColor = 'lightblue'; // 修改父级元素样式
       // 你可以在这里设置父级元素的其他样式
     }
@@ -218,8 +237,8 @@
   nextTick(() => {
     changeyangshi();
   });
-  bus.on('YQ_head', val => {
-    console.log('valvalvalval',val);
+  bus.on("YQ_head", (val) => {
+    console.log("valvalvalval", val);
     if (val == false) {
       Show.value = false;
     } else {
@@ -229,13 +248,13 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('YQ_head');
+  bus.off("YQ_head");
 });
 
 function reset() {
   proxy.$refs.layertree.setCheckedKeys([]);
   selectList.value = [];
-  bus.emit('clearTemporaryData');
+  bus.emit("clearTemporaryData");
   bus.emit(mapInitBusName);
 }
 
@@ -291,7 +310,11 @@
 
   .mycustomclass {
     position: relative;
-    background: linear-gradient(90deg, rgba(50, 146, 255, 0.5) 0%, rgba(12, 125, 255, 0.2) 100%) !important;
+    background: linear-gradient(
+      90deg,
+      rgba(50, 146, 255, 0.5) 0%,
+      rgba(12, 125, 255, 0.2) 100%
+    ) !important;
     border-left: 4px solid #048cff;
     .el-checkbox {
       display: none;
@@ -307,23 +330,22 @@
   height: 40px;
   left: 487px;
   top: 128px;
-  background: url('@/assets/images/NewLayercontrol/layerIcon.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerIcon.png") no-repeat;
   background-size: 100% 100%;
 }
 
 ::v-deep .LayerControlBox {
-  overflow:auto;
   z-index: 0;
   position: absolute;
   left: 500px;
   top: 175px;
   padding: 10px;
-  background: url('@/assets/images/NewLayercontrol/layerBg.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerBg.png") no-repeat;
   background-size: 100% 100%;
   width: 170px !important;
   height: auto;
   max-height: 62vh !important;
-  overflow: hidden;
+  overflow: auto;
   border-radius: 6px;
 
   .ControlBox-head {
@@ -355,7 +377,11 @@
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: #839ecb;
-      background: linear-gradient(0deg, rgba(27, 161, 255, 0.2) 0%, rgba(27, 161, 255, 0.1) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(27, 161, 255, 0.2) 0%,
+        rgba(27, 161, 255, 0.1) 100%
+      );
       border-radius: 12px;
       text-align: center;
     }
@@ -406,7 +432,11 @@
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
-  background: linear-gradient(0deg, rgba(4, 140, 255, 0.5) 0%, rgba(4, 140, 255, 0.3) 100%);
+  background: linear-gradient(
+    0deg,
+    rgba(4, 140, 255, 0.5) 0%,
+    rgba(4, 140, 255, 0.3) 100%
+  );
   border-radius: 13px;
   border: 1px solid #2199ff;
   text-align: center;

diff --git a/src/views/pictureOnMap/LayerControl.vue b/src/views/pictureOnMap/LayerControl.vue
index 8d70150..ade6271 100644
--- a/src/views/pictureOnMap/LayerControl.vue
+++ b/src/views/pictureOnMap/LayerControl.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layerControlvue" v-show="Show">
-    <div class="layericon" @click="allData.showControlBox = !allData.showControlBox"></div>
+    <div
+      class="layericon"
+      @click="allData.showControlBox = !allData.showControlBox"
+    ></div>
 
     <div class="LayerControlBox" v-show="allData.showControlBox">
       <div class="ControlBox-body">
@@ -19,144 +22,142 @@
             <span :class="data.class"> {{ node.label }} </span>
           </template>
         </el-tree>
-
-
       </div>
       <div class="reset" @click="reset">恢复默认</div>
     </div>
   </div>
 </template>
 <script setup>
-import bus from '@/bus/';
-import useUserStore from '@/store/modules/user';
+import bus from "@/bus/";
+import useUserStore from "@/store/modules/user";
 const appStore = useUserStore();
-import { getImageUrl } from '@/utils/ruoyi';
-import { nextTick } from 'vue';
+import { getImageUrl } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
 const selectList = ref([]);
 const dataSource = ref([
   {
-    value: '地图切换',
-    label: '地图切换',
-    class: 'target-class',
+    value: "地图切换",
+    label: "地图切换",
+    class: "target-class",
     children: [
       {
-        value: 'newfiber-XYZLayer,高清地图',
-        label: '影像地图',
-        icon: getImageUrl('maptwo.png', 'images/NewLayercontrol'),
-      }
-    ],
-  },
-  {
-    value: '排水体系',
-    label: '排水体系',
-    class: 'target-class',
-    children: [
-      {
-        value: '雨水分区',
-        label: '雨水系统',
-        icon: getImageUrl('yuliangzhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '污水分区',
-        label: '污水系统',
-        icon: getImageUrl('zishuidian.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '尾水路径',
-        label: '尾水路径',
-        icon: getImageUrl('尾水路径.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'sewage_pump_station_info',
-        icon: getImageUrl('wushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '污水泵站',
-      },
-      {
-        value: 'sewage_factory_info',
-        icon: getImageUrl('wushuichulichang.png', 'images/NewLayercontrol'),
-        label: '污水厂',
-      },
-      {
-        label: '污水处理站',
-        value: 'sewage_factory_station_info',
-        icon: getImageUrl('wushuichulizhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'rain_water_pump_station_info',
-        icon: getImageUrl('yushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '雨水泵站',
-      },
-      {
-        value: 'water_gate_info',
-        icon: getImageUrl('shuizha.png', 'images/NewLayercontrol'),
-        label: '水闸',
-      },
-      {
-        value: 'storage_tank_info',
-        icon: getImageUrl('tiaoxuchi.png', 'images/NewLayercontrol'),
-        label: '调蓄池',
-      },
-      {
-        label: '分流井',
-        value: 'diversion_well_info',
-        icon: getImageUrl('feliujin.png', 'images/NewLayercontrol'),
+        value: "newfiber-XYZLayer,高清地图",
+        label: "影像地图",
+        icon: getImageUrl("maptwo.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '管网',
-    label: '管网',
-    class: 'target-class',
+    value: "排水体系",
+    label: "排水体系",
+    class: "target-class",
     children: [
       {
-        value: '雨水管网',
-        label: '雨水管网',
-        icon: getImageUrl('lay-yushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "雨水分区",
+        label: "雨水系统",
+        icon: getImageUrl("yuliangzhan.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水管网',
-        label: '污水管网',
-        icon: getImageUrl('lay-wushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "污水分区",
+        label: "污水系统",
+        icon: getImageUrl("zishuidian.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "尾水路径",
+        label: "尾水路径",
+        icon: getImageUrl("尾水路径.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "sewage_pump_station_info",
+        icon: getImageUrl("wushuibengzhan.png", "images/NewLayercontrol"),
+        label: "污水泵站",
+      },
+      {
+        value: "sewage_factory_info",
+        icon: getImageUrl("wushuichulichang.png", "images/NewLayercontrol"),
+        label: "污水厂",
+      },
+      {
+        label: "污水处理站",
+        value: "sewage_factory_station_info",
+        icon: getImageUrl("wushuichulizhan.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "rain_water_pump_station_info",
+        icon: getImageUrl("yushuibengzhan.png", "images/NewLayercontrol"),
+        label: "雨水泵站",
+      },
+      {
+        value: "water_gate_info",
+        icon: getImageUrl("shuizha.png", "images/NewLayercontrol"),
+        label: "水闸",
+      },
+      {
+        value: "storage_tank_info",
+        icon: getImageUrl("tiaoxuchi.png", "images/NewLayercontrol"),
+        label: "调蓄池",
+      },
+      {
+        label: "分流井",
+        value: "diversion_well_info",
+        icon: getImageUrl("feliujin.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '监测点',
-    label: '监测点',
-    class: 'target-class',
+    value: "管网",
+    label: "管网",
+    class: "target-class",
     children: [
       {
-        value: 'rainwater_pipeline_quality_area',
-        label: '社区雨水接驳口',
+        value: "雨水管网",
+        label: "雨水管网",
+        icon: getImageUrl("lay-yushuiguanwang.png", "images/NewLayercontrol"),
       },
       {
-        value: 'rainwater_pipeline_quality',
-        label: '市政监测点',
+        value: "污水管网",
+        label: "污水管网",
+        icon: getImageUrl("lay-wushuiguanwang.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '其他',
-    label: '其他',
-    class: 'target-class',
+    value: "监测点",
+    label: "监测点",
+    class: "target-class",
     children: [
       {
-        value: 'drainage_info',
-        label: '排水户',
+        value: "rainwater_pipeline_quality_area",
+        label: "社区雨水接驳口",
       },
       {
-        value: '港渠',
-        label: '港渠',
+        value: "rainwater_pipeline_quality",
+        label: "市政监测点",
+      },
+    ],
+  },
+  {
+    value: "其他",
+    label: "其他",
+    class: "target-class",
+    children: [
+      {
+        value: "drainage_info",
+        label: "排水户",
       },
       {
-        value: 'outlet_info',
-        label: '排口',
+        value: "港渠",
+        label: "港渠",
       },
       {
-        value: '建筑物',
-        label: '建筑物',
+        value: "outlet_info",
+        label: "排口",
+      },
+      {
+        value: "建筑物",
+        label: "建筑物",
       },
     ],
   },
@@ -168,18 +169,18 @@
 
 //  这个方法会出现当前已勾选节点，或者半节点的状态
 function check(data, node) {
-  setLayerVisible([],selectList.value);
+  setLayerVisible([], selectList.value);
   selectList.value = [];
   if (node) {
     let arr = [...node.checkedNodes];
-    arr.map(item => {
+    arr.map((item) => {
       if (item.value) {
         selectList.value.push(item.value);
       }
     });
   }
-  setLayerVisible(selectList.value,[]);
-/*  nextTick(() => {
+  setLayerVisible(selectList.value, []);
+  /*  nextTick(() => {
     let arr = dataSource.value[0].children.map(p => p.value);
     if (arr.includes(data.value)) {
       arr.map(item => {
@@ -196,18 +197,36 @@
   const openLayer = _.difference(newVal, oldVal);
   const closeLayer = _.difference(oldVal, newVal);
 
-  openLayer.length && openLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? false : true,}));
-  closeLayer.length && closeLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? true : false,}));
+  openLayer.length &&
+    openLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? false : true,
+        })
+      );
+  closeLayer.length &&
+    closeLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? true : false,
+        })
+      );
   // newfiberMap.map.triggerRepaint();
 }
 
 function changeyangshi() {
-  const targetElements = document.querySelectorAll('.target-class');
-  targetElements.forEach(target => {
+  const targetElements = document.querySelectorAll(".target-class");
+  targetElements.forEach((target) => {
     const parent = target.parentElement; // 获取父级元素
     // console.log('parent', parent);
     if (parent) {
-      parent.classList.add('mycustomclass');
+      parent.classList.add("mycustomclass");
       // parent.style.backgroundColor = 'lightblue'; // 修改父级元素样式
       // 你可以在这里设置父级元素的其他样式
     }
@@ -218,8 +237,8 @@
   nextTick(() => {
     changeyangshi();
   });
-  bus.on('YQ_head', val => {
-    console.log('valvalvalval',val);
+  bus.on("YQ_head", (val) => {
+    console.log("valvalvalval", val);
     if (val == false) {
       Show.value = false;
     } else {
@@ -229,13 +248,13 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('YQ_head');
+  bus.off("YQ_head");
 });
 
 function reset() {
   proxy.$refs.layertree.setCheckedKeys([]);
   selectList.value = [];
-  bus.emit('clearTemporaryData');
+  bus.emit("clearTemporaryData");
   bus.emit(mapInitBusName);
 }
 
@@ -291,7 +310,11 @@
 
   .mycustomclass {
     position: relative;
-    background: linear-gradient(90deg, rgba(50, 146, 255, 0.5) 0%, rgba(12, 125, 255, 0.2) 100%) !important;
+    background: linear-gradient(
+      90deg,
+      rgba(50, 146, 255, 0.5) 0%,
+      rgba(12, 125, 255, 0.2) 100%
+    ) !important;
     border-left: 4px solid #048cff;
     .el-checkbox {
       display: none;
@@ -307,23 +330,22 @@
   height: 40px;
   left: 487px;
   top: 128px;
-  background: url('@/assets/images/NewLayercontrol/layerIcon.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerIcon.png") no-repeat;
   background-size: 100% 100%;
 }
 
 ::v-deep .LayerControlBox {
-  overflow:auto;
   z-index: 0;
   position: absolute;
   left: 500px;
   top: 175px;
   padding: 10px;
-  background: url('@/assets/images/NewLayercontrol/layerBg.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerBg.png") no-repeat;
   background-size: 100% 100%;
   width: 170px !important;
   height: auto;
   max-height: 62vh !important;
-  overflow: hidden;
+  overflow: auto;
   border-radius: 6px;
 
   .ControlBox-head {
@@ -355,7 +377,11 @@
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: #839ecb;
-      background: linear-gradient(0deg, rgba(27, 161, 255, 0.2) 0%, rgba(27, 161, 255, 0.1) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(27, 161, 255, 0.2) 0%,
+        rgba(27, 161, 255, 0.1) 100%
+      );
       border-radius: 12px;
       text-align: center;
     }
@@ -406,7 +432,11 @@
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
-  background: linear-gradient(0deg, rgba(4, 140, 255, 0.5) 0%, rgba(4, 140, 255, 0.3) 100%);
+  background: linear-gradient(
+    0deg,
+    rgba(4, 140, 255, 0.5) 0%,
+    rgba(4, 140, 255, 0.3) 100%
+  );
   border-radius: 13px;
   border: 1px solid #2199ff;
   text-align: center;
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
index 85778d2..2d990f7 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
@@ -338,7 +338,7 @@
       }
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       allData.chart.on("click", function (params) {
         console.log("echarts点击事件", params.name, props.ClickData);

diff --git a/src/views/pictureOnMap/LayerControl.vue b/src/views/pictureOnMap/LayerControl.vue
index 8d70150..ade6271 100644
--- a/src/views/pictureOnMap/LayerControl.vue
+++ b/src/views/pictureOnMap/LayerControl.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layerControlvue" v-show="Show">
-    <div class="layericon" @click="allData.showControlBox = !allData.showControlBox"></div>
+    <div
+      class="layericon"
+      @click="allData.showControlBox = !allData.showControlBox"
+    ></div>
 
     <div class="LayerControlBox" v-show="allData.showControlBox">
       <div class="ControlBox-body">
@@ -19,144 +22,142 @@
             <span :class="data.class"> {{ node.label }} </span>
           </template>
         </el-tree>
-
-
       </div>
       <div class="reset" @click="reset">恢复默认</div>
     </div>
   </div>
 </template>
 <script setup>
-import bus from '@/bus/';
-import useUserStore from '@/store/modules/user';
+import bus from "@/bus/";
+import useUserStore from "@/store/modules/user";
 const appStore = useUserStore();
-import { getImageUrl } from '@/utils/ruoyi';
-import { nextTick } from 'vue';
+import { getImageUrl } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
 const selectList = ref([]);
 const dataSource = ref([
   {
-    value: '地图切换',
-    label: '地图切换',
-    class: 'target-class',
+    value: "地图切换",
+    label: "地图切换",
+    class: "target-class",
     children: [
       {
-        value: 'newfiber-XYZLayer,高清地图',
-        label: '影像地图',
-        icon: getImageUrl('maptwo.png', 'images/NewLayercontrol'),
-      }
-    ],
-  },
-  {
-    value: '排水体系',
-    label: '排水体系',
-    class: 'target-class',
-    children: [
-      {
-        value: '雨水分区',
-        label: '雨水系统',
-        icon: getImageUrl('yuliangzhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '污水分区',
-        label: '污水系统',
-        icon: getImageUrl('zishuidian.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '尾水路径',
-        label: '尾水路径',
-        icon: getImageUrl('尾水路径.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'sewage_pump_station_info',
-        icon: getImageUrl('wushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '污水泵站',
-      },
-      {
-        value: 'sewage_factory_info',
-        icon: getImageUrl('wushuichulichang.png', 'images/NewLayercontrol'),
-        label: '污水厂',
-      },
-      {
-        label: '污水处理站',
-        value: 'sewage_factory_station_info',
-        icon: getImageUrl('wushuichulizhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'rain_water_pump_station_info',
-        icon: getImageUrl('yushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '雨水泵站',
-      },
-      {
-        value: 'water_gate_info',
-        icon: getImageUrl('shuizha.png', 'images/NewLayercontrol'),
-        label: '水闸',
-      },
-      {
-        value: 'storage_tank_info',
-        icon: getImageUrl('tiaoxuchi.png', 'images/NewLayercontrol'),
-        label: '调蓄池',
-      },
-      {
-        label: '分流井',
-        value: 'diversion_well_info',
-        icon: getImageUrl('feliujin.png', 'images/NewLayercontrol'),
+        value: "newfiber-XYZLayer,高清地图",
+        label: "影像地图",
+        icon: getImageUrl("maptwo.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '管网',
-    label: '管网',
-    class: 'target-class',
+    value: "排水体系",
+    label: "排水体系",
+    class: "target-class",
     children: [
       {
-        value: '雨水管网',
-        label: '雨水管网',
-        icon: getImageUrl('lay-yushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "雨水分区",
+        label: "雨水系统",
+        icon: getImageUrl("yuliangzhan.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水管网',
-        label: '污水管网',
-        icon: getImageUrl('lay-wushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "污水分区",
+        label: "污水系统",
+        icon: getImageUrl("zishuidian.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "尾水路径",
+        label: "尾水路径",
+        icon: getImageUrl("尾水路径.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "sewage_pump_station_info",
+        icon: getImageUrl("wushuibengzhan.png", "images/NewLayercontrol"),
+        label: "污水泵站",
+      },
+      {
+        value: "sewage_factory_info",
+        icon: getImageUrl("wushuichulichang.png", "images/NewLayercontrol"),
+        label: "污水厂",
+      },
+      {
+        label: "污水处理站",
+        value: "sewage_factory_station_info",
+        icon: getImageUrl("wushuichulizhan.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "rain_water_pump_station_info",
+        icon: getImageUrl("yushuibengzhan.png", "images/NewLayercontrol"),
+        label: "雨水泵站",
+      },
+      {
+        value: "water_gate_info",
+        icon: getImageUrl("shuizha.png", "images/NewLayercontrol"),
+        label: "水闸",
+      },
+      {
+        value: "storage_tank_info",
+        icon: getImageUrl("tiaoxuchi.png", "images/NewLayercontrol"),
+        label: "调蓄池",
+      },
+      {
+        label: "分流井",
+        value: "diversion_well_info",
+        icon: getImageUrl("feliujin.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '监测点',
-    label: '监测点',
-    class: 'target-class',
+    value: "管网",
+    label: "管网",
+    class: "target-class",
     children: [
       {
-        value: 'rainwater_pipeline_quality_area',
-        label: '社区雨水接驳口',
+        value: "雨水管网",
+        label: "雨水管网",
+        icon: getImageUrl("lay-yushuiguanwang.png", "images/NewLayercontrol"),
       },
       {
-        value: 'rainwater_pipeline_quality',
-        label: '市政监测点',
+        value: "污水管网",
+        label: "污水管网",
+        icon: getImageUrl("lay-wushuiguanwang.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '其他',
-    label: '其他',
-    class: 'target-class',
+    value: "监测点",
+    label: "监测点",
+    class: "target-class",
     children: [
       {
-        value: 'drainage_info',
-        label: '排水户',
+        value: "rainwater_pipeline_quality_area",
+        label: "社区雨水接驳口",
       },
       {
-        value: '港渠',
-        label: '港渠',
+        value: "rainwater_pipeline_quality",
+        label: "市政监测点",
+      },
+    ],
+  },
+  {
+    value: "其他",
+    label: "其他",
+    class: "target-class",
+    children: [
+      {
+        value: "drainage_info",
+        label: "排水户",
       },
       {
-        value: 'outlet_info',
-        label: '排口',
+        value: "港渠",
+        label: "港渠",
       },
       {
-        value: '建筑物',
-        label: '建筑物',
+        value: "outlet_info",
+        label: "排口",
+      },
+      {
+        value: "建筑物",
+        label: "建筑物",
       },
     ],
   },
@@ -168,18 +169,18 @@
 
 //  这个方法会出现当前已勾选节点，或者半节点的状态
 function check(data, node) {
-  setLayerVisible([],selectList.value);
+  setLayerVisible([], selectList.value);
   selectList.value = [];
   if (node) {
     let arr = [...node.checkedNodes];
-    arr.map(item => {
+    arr.map((item) => {
       if (item.value) {
         selectList.value.push(item.value);
       }
     });
   }
-  setLayerVisible(selectList.value,[]);
-/*  nextTick(() => {
+  setLayerVisible(selectList.value, []);
+  /*  nextTick(() => {
     let arr = dataSource.value[0].children.map(p => p.value);
     if (arr.includes(data.value)) {
       arr.map(item => {
@@ -196,18 +197,36 @@
   const openLayer = _.difference(newVal, oldVal);
   const closeLayer = _.difference(oldVal, newVal);
 
-  openLayer.length && openLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? false : true,}));
-  closeLayer.length && closeLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? true : false,}));
+  openLayer.length &&
+    openLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? false : true,
+        })
+      );
+  closeLayer.length &&
+    closeLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? true : false,
+        })
+      );
   // newfiberMap.map.triggerRepaint();
 }
 
 function changeyangshi() {
-  const targetElements = document.querySelectorAll('.target-class');
-  targetElements.forEach(target => {
+  const targetElements = document.querySelectorAll(".target-class");
+  targetElements.forEach((target) => {
     const parent = target.parentElement; // 获取父级元素
     // console.log('parent', parent);
     if (parent) {
-      parent.classList.add('mycustomclass');
+      parent.classList.add("mycustomclass");
       // parent.style.backgroundColor = 'lightblue'; // 修改父级元素样式
       // 你可以在这里设置父级元素的其他样式
     }
@@ -218,8 +237,8 @@
   nextTick(() => {
     changeyangshi();
   });
-  bus.on('YQ_head', val => {
-    console.log('valvalvalval',val);
+  bus.on("YQ_head", (val) => {
+    console.log("valvalvalval", val);
     if (val == false) {
       Show.value = false;
     } else {
@@ -229,13 +248,13 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('YQ_head');
+  bus.off("YQ_head");
 });
 
 function reset() {
   proxy.$refs.layertree.setCheckedKeys([]);
   selectList.value = [];
-  bus.emit('clearTemporaryData');
+  bus.emit("clearTemporaryData");
   bus.emit(mapInitBusName);
 }
 
@@ -291,7 +310,11 @@
 
   .mycustomclass {
     position: relative;
-    background: linear-gradient(90deg, rgba(50, 146, 255, 0.5) 0%, rgba(12, 125, 255, 0.2) 100%) !important;
+    background: linear-gradient(
+      90deg,
+      rgba(50, 146, 255, 0.5) 0%,
+      rgba(12, 125, 255, 0.2) 100%
+    ) !important;
     border-left: 4px solid #048cff;
     .el-checkbox {
       display: none;
@@ -307,23 +330,22 @@
   height: 40px;
   left: 487px;
   top: 128px;
-  background: url('@/assets/images/NewLayercontrol/layerIcon.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerIcon.png") no-repeat;
   background-size: 100% 100%;
 }
 
 ::v-deep .LayerControlBox {
-  overflow:auto;
   z-index: 0;
   position: absolute;
   left: 500px;
   top: 175px;
   padding: 10px;
-  background: url('@/assets/images/NewLayercontrol/layerBg.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerBg.png") no-repeat;
   background-size: 100% 100%;
   width: 170px !important;
   height: auto;
   max-height: 62vh !important;
-  overflow: hidden;
+  overflow: auto;
   border-radius: 6px;
 
   .ControlBox-head {
@@ -355,7 +377,11 @@
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: #839ecb;
-      background: linear-gradient(0deg, rgba(27, 161, 255, 0.2) 0%, rgba(27, 161, 255, 0.1) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(27, 161, 255, 0.2) 0%,
+        rgba(27, 161, 255, 0.1) 100%
+      );
       border-radius: 12px;
       text-align: center;
     }
@@ -406,7 +432,11 @@
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
-  background: linear-gradient(0deg, rgba(4, 140, 255, 0.5) 0%, rgba(4, 140, 255, 0.3) 100%);
+  background: linear-gradient(
+    0deg,
+    rgba(4, 140, 255, 0.5) 0%,
+    rgba(4, 140, 255, 0.3) 100%
+  );
   border-radius: 13px;
   border: 1px solid #2199ff;
   text-align: center;
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
index 85778d2..2d990f7 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
@@ -338,7 +338,7 @@
       }
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       allData.chart.on("click", function (params) {
         console.log("echarts点击事件", params.name, props.ClickData);
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue
index 71a5077..f35f44b 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue
@@ -151,7 +151,7 @@
 
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       allData.chart.on("click", function (params) {
         // params.value 是点击的X轴标签的值

diff --git a/src/views/pictureOnMap/LayerControl.vue b/src/views/pictureOnMap/LayerControl.vue
index 8d70150..ade6271 100644
--- a/src/views/pictureOnMap/LayerControl.vue
+++ b/src/views/pictureOnMap/LayerControl.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layerControlvue" v-show="Show">
-    <div class="layericon" @click="allData.showControlBox = !allData.showControlBox"></div>
+    <div
+      class="layericon"
+      @click="allData.showControlBox = !allData.showControlBox"
+    ></div>
 
     <div class="LayerControlBox" v-show="allData.showControlBox">
       <div class="ControlBox-body">
@@ -19,144 +22,142 @@
             <span :class="data.class"> {{ node.label }} </span>
           </template>
         </el-tree>
-
-
       </div>
       <div class="reset" @click="reset">恢复默认</div>
     </div>
   </div>
 </template>
 <script setup>
-import bus from '@/bus/';
-import useUserStore from '@/store/modules/user';
+import bus from "@/bus/";
+import useUserStore from "@/store/modules/user";
 const appStore = useUserStore();
-import { getImageUrl } from '@/utils/ruoyi';
-import { nextTick } from 'vue';
+import { getImageUrl } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
 const selectList = ref([]);
 const dataSource = ref([
   {
-    value: '地图切换',
-    label: '地图切换',
-    class: 'target-class',
+    value: "地图切换",
+    label: "地图切换",
+    class: "target-class",
     children: [
       {
-        value: 'newfiber-XYZLayer,高清地图',
-        label: '影像地图',
-        icon: getImageUrl('maptwo.png', 'images/NewLayercontrol'),
-      }
-    ],
-  },
-  {
-    value: '排水体系',
-    label: '排水体系',
-    class: 'target-class',
-    children: [
-      {
-        value: '雨水分区',
-        label: '雨水系统',
-        icon: getImageUrl('yuliangzhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '污水分区',
-        label: '污水系统',
-        icon: getImageUrl('zishuidian.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '尾水路径',
-        label: '尾水路径',
-        icon: getImageUrl('尾水路径.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'sewage_pump_station_info',
-        icon: getImageUrl('wushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '污水泵站',
-      },
-      {
-        value: 'sewage_factory_info',
-        icon: getImageUrl('wushuichulichang.png', 'images/NewLayercontrol'),
-        label: '污水厂',
-      },
-      {
-        label: '污水处理站',
-        value: 'sewage_factory_station_info',
-        icon: getImageUrl('wushuichulizhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'rain_water_pump_station_info',
-        icon: getImageUrl('yushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '雨水泵站',
-      },
-      {
-        value: 'water_gate_info',
-        icon: getImageUrl('shuizha.png', 'images/NewLayercontrol'),
-        label: '水闸',
-      },
-      {
-        value: 'storage_tank_info',
-        icon: getImageUrl('tiaoxuchi.png', 'images/NewLayercontrol'),
-        label: '调蓄池',
-      },
-      {
-        label: '分流井',
-        value: 'diversion_well_info',
-        icon: getImageUrl('feliujin.png', 'images/NewLayercontrol'),
+        value: "newfiber-XYZLayer,高清地图",
+        label: "影像地图",
+        icon: getImageUrl("maptwo.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '管网',
-    label: '管网',
-    class: 'target-class',
+    value: "排水体系",
+    label: "排水体系",
+    class: "target-class",
     children: [
       {
-        value: '雨水管网',
-        label: '雨水管网',
-        icon: getImageUrl('lay-yushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "雨水分区",
+        label: "雨水系统",
+        icon: getImageUrl("yuliangzhan.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水管网',
-        label: '污水管网',
-        icon: getImageUrl('lay-wushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "污水分区",
+        label: "污水系统",
+        icon: getImageUrl("zishuidian.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "尾水路径",
+        label: "尾水路径",
+        icon: getImageUrl("尾水路径.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "sewage_pump_station_info",
+        icon: getImageUrl("wushuibengzhan.png", "images/NewLayercontrol"),
+        label: "污水泵站",
+      },
+      {
+        value: "sewage_factory_info",
+        icon: getImageUrl("wushuichulichang.png", "images/NewLayercontrol"),
+        label: "污水厂",
+      },
+      {
+        label: "污水处理站",
+        value: "sewage_factory_station_info",
+        icon: getImageUrl("wushuichulizhan.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "rain_water_pump_station_info",
+        icon: getImageUrl("yushuibengzhan.png", "images/NewLayercontrol"),
+        label: "雨水泵站",
+      },
+      {
+        value: "water_gate_info",
+        icon: getImageUrl("shuizha.png", "images/NewLayercontrol"),
+        label: "水闸",
+      },
+      {
+        value: "storage_tank_info",
+        icon: getImageUrl("tiaoxuchi.png", "images/NewLayercontrol"),
+        label: "调蓄池",
+      },
+      {
+        label: "分流井",
+        value: "diversion_well_info",
+        icon: getImageUrl("feliujin.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '监测点',
-    label: '监测点',
-    class: 'target-class',
+    value: "管网",
+    label: "管网",
+    class: "target-class",
     children: [
       {
-        value: 'rainwater_pipeline_quality_area',
-        label: '社区雨水接驳口',
+        value: "雨水管网",
+        label: "雨水管网",
+        icon: getImageUrl("lay-yushuiguanwang.png", "images/NewLayercontrol"),
       },
       {
-        value: 'rainwater_pipeline_quality',
-        label: '市政监测点',
+        value: "污水管网",
+        label: "污水管网",
+        icon: getImageUrl("lay-wushuiguanwang.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '其他',
-    label: '其他',
-    class: 'target-class',
+    value: "监测点",
+    label: "监测点",
+    class: "target-class",
     children: [
       {
-        value: 'drainage_info',
-        label: '排水户',
+        value: "rainwater_pipeline_quality_area",
+        label: "社区雨水接驳口",
       },
       {
-        value: '港渠',
-        label: '港渠',
+        value: "rainwater_pipeline_quality",
+        label: "市政监测点",
+      },
+    ],
+  },
+  {
+    value: "其他",
+    label: "其他",
+    class: "target-class",
+    children: [
+      {
+        value: "drainage_info",
+        label: "排水户",
       },
       {
-        value: 'outlet_info',
-        label: '排口',
+        value: "港渠",
+        label: "港渠",
       },
       {
-        value: '建筑物',
-        label: '建筑物',
+        value: "outlet_info",
+        label: "排口",
+      },
+      {
+        value: "建筑物",
+        label: "建筑物",
       },
     ],
   },
@@ -168,18 +169,18 @@
 
 //  这个方法会出现当前已勾选节点，或者半节点的状态
 function check(data, node) {
-  setLayerVisible([],selectList.value);
+  setLayerVisible([], selectList.value);
   selectList.value = [];
   if (node) {
     let arr = [...node.checkedNodes];
-    arr.map(item => {
+    arr.map((item) => {
       if (item.value) {
         selectList.value.push(item.value);
       }
     });
   }
-  setLayerVisible(selectList.value,[]);
-/*  nextTick(() => {
+  setLayerVisible(selectList.value, []);
+  /*  nextTick(() => {
     let arr = dataSource.value[0].children.map(p => p.value);
     if (arr.includes(data.value)) {
       arr.map(item => {
@@ -196,18 +197,36 @@
   const openLayer = _.difference(newVal, oldVal);
   const closeLayer = _.difference(oldVal, newVal);
 
-  openLayer.length && openLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? false : true,}));
-  closeLayer.length && closeLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? true : false,}));
+  openLayer.length &&
+    openLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? false : true,
+        })
+      );
+  closeLayer.length &&
+    closeLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? true : false,
+        })
+      );
   // newfiberMap.map.triggerRepaint();
 }
 
 function changeyangshi() {
-  const targetElements = document.querySelectorAll('.target-class');
-  targetElements.forEach(target => {
+  const targetElements = document.querySelectorAll(".target-class");
+  targetElements.forEach((target) => {
     const parent = target.parentElement; // 获取父级元素
     // console.log('parent', parent);
     if (parent) {
-      parent.classList.add('mycustomclass');
+      parent.classList.add("mycustomclass");
       // parent.style.backgroundColor = 'lightblue'; // 修改父级元素样式
       // 你可以在这里设置父级元素的其他样式
     }
@@ -218,8 +237,8 @@
   nextTick(() => {
     changeyangshi();
   });
-  bus.on('YQ_head', val => {
-    console.log('valvalvalval',val);
+  bus.on("YQ_head", (val) => {
+    console.log("valvalvalval", val);
     if (val == false) {
       Show.value = false;
     } else {
@@ -229,13 +248,13 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('YQ_head');
+  bus.off("YQ_head");
 });
 
 function reset() {
   proxy.$refs.layertree.setCheckedKeys([]);
   selectList.value = [];
-  bus.emit('clearTemporaryData');
+  bus.emit("clearTemporaryData");
   bus.emit(mapInitBusName);
 }
 
@@ -291,7 +310,11 @@
 
   .mycustomclass {
     position: relative;
-    background: linear-gradient(90deg, rgba(50, 146, 255, 0.5) 0%, rgba(12, 125, 255, 0.2) 100%) !important;
+    background: linear-gradient(
+      90deg,
+      rgba(50, 146, 255, 0.5) 0%,
+      rgba(12, 125, 255, 0.2) 100%
+    ) !important;
     border-left: 4px solid #048cff;
     .el-checkbox {
       display: none;
@@ -307,23 +330,22 @@
   height: 40px;
   left: 487px;
   top: 128px;
-  background: url('@/assets/images/NewLayercontrol/layerIcon.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerIcon.png") no-repeat;
   background-size: 100% 100%;
 }
 
 ::v-deep .LayerControlBox {
-  overflow:auto;
   z-index: 0;
   position: absolute;
   left: 500px;
   top: 175px;
   padding: 10px;
-  background: url('@/assets/images/NewLayercontrol/layerBg.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerBg.png") no-repeat;
   background-size: 100% 100%;
   width: 170px !important;
   height: auto;
   max-height: 62vh !important;
-  overflow: hidden;
+  overflow: auto;
   border-radius: 6px;
 
   .ControlBox-head {
@@ -355,7 +377,11 @@
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: #839ecb;
-      background: linear-gradient(0deg, rgba(27, 161, 255, 0.2) 0%, rgba(27, 161, 255, 0.1) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(27, 161, 255, 0.2) 0%,
+        rgba(27, 161, 255, 0.1) 100%
+      );
       border-radius: 12px;
       text-align: center;
     }
@@ -406,7 +432,11 @@
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
-  background: linear-gradient(0deg, rgba(4, 140, 255, 0.5) 0%, rgba(4, 140, 255, 0.3) 100%);
+  background: linear-gradient(
+    0deg,
+    rgba(4, 140, 255, 0.5) 0%,
+    rgba(4, 140, 255, 0.3) 100%
+  );
   border-radius: 13px;
   border: 1px solid #2199ff;
   text-align: center;
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
index 85778d2..2d990f7 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
@@ -338,7 +338,7 @@
       }
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       allData.chart.on("click", function (params) {
         console.log("echarts点击事件", params.name, props.ClickData);
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue
index 71a5077..f35f44b 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue
@@ -151,7 +151,7 @@
 
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       allData.chart.on("click", function (params) {
         // params.value 是点击的X轴标签的值
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/DraLineChartsLeft.vue b/src/views/pictureOnMap/page/DrainageSystem/components/DraLineChartsLeft.vue
index a6d86c0..263ec56 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/DraLineChartsLeft.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/DraLineChartsLeft.vue
@@ -174,7 +174,7 @@
 
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       allData.chart.on("click", function (params) {
         // params.value 是点击的X轴标签的值

diff --git a/src/views/pictureOnMap/LayerControl.vue b/src/views/pictureOnMap/LayerControl.vue
index 8d70150..ade6271 100644
--- a/src/views/pictureOnMap/LayerControl.vue
+++ b/src/views/pictureOnMap/LayerControl.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="layerControlvue" v-show="Show">
-    <div class="layericon" @click="allData.showControlBox = !allData.showControlBox"></div>
+    <div
+      class="layericon"
+      @click="allData.showControlBox = !allData.showControlBox"
+    ></div>
 
     <div class="LayerControlBox" v-show="allData.showControlBox">
       <div class="ControlBox-body">
@@ -19,144 +22,142 @@
             <span :class="data.class"> {{ node.label }} </span>
           </template>
         </el-tree>
-
-
       </div>
       <div class="reset" @click="reset">恢复默认</div>
     </div>
   </div>
 </template>
 <script setup>
-import bus from '@/bus/';
-import useUserStore from '@/store/modules/user';
+import bus from "@/bus/";
+import useUserStore from "@/store/modules/user";
 const appStore = useUserStore();
-import { getImageUrl } from '@/utils/ruoyi';
-import { nextTick } from 'vue';
+import { getImageUrl } from "@/utils/ruoyi";
+import { nextTick } from "vue";
 const { proxy } = getCurrentInstance();
 const Show = ref(true);
 const selectList = ref([]);
 const dataSource = ref([
   {
-    value: '地图切换',
-    label: '地图切换',
-    class: 'target-class',
+    value: "地图切换",
+    label: "地图切换",
+    class: "target-class",
     children: [
       {
-        value: 'newfiber-XYZLayer,高清地图',
-        label: '影像地图',
-        icon: getImageUrl('maptwo.png', 'images/NewLayercontrol'),
-      }
-    ],
-  },
-  {
-    value: '排水体系',
-    label: '排水体系',
-    class: 'target-class',
-    children: [
-      {
-        value: '雨水分区',
-        label: '雨水系统',
-        icon: getImageUrl('yuliangzhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '污水分区',
-        label: '污水系统',
-        icon: getImageUrl('zishuidian.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: '尾水路径',
-        label: '尾水路径',
-        icon: getImageUrl('尾水路径.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'sewage_pump_station_info',
-        icon: getImageUrl('wushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '污水泵站',
-      },
-      {
-        value: 'sewage_factory_info',
-        icon: getImageUrl('wushuichulichang.png', 'images/NewLayercontrol'),
-        label: '污水厂',
-      },
-      {
-        label: '污水处理站',
-        value: 'sewage_factory_station_info',
-        icon: getImageUrl('wushuichulizhan.png', 'images/NewLayercontrol'),
-      },
-      {
-        value: 'rain_water_pump_station_info',
-        icon: getImageUrl('yushuibengzhan.png', 'images/NewLayercontrol'),
-        label: '雨水泵站',
-      },
-      {
-        value: 'water_gate_info',
-        icon: getImageUrl('shuizha.png', 'images/NewLayercontrol'),
-        label: '水闸',
-      },
-      {
-        value: 'storage_tank_info',
-        icon: getImageUrl('tiaoxuchi.png', 'images/NewLayercontrol'),
-        label: '调蓄池',
-      },
-      {
-        label: '分流井',
-        value: 'diversion_well_info',
-        icon: getImageUrl('feliujin.png', 'images/NewLayercontrol'),
+        value: "newfiber-XYZLayer,高清地图",
+        label: "影像地图",
+        icon: getImageUrl("maptwo.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '管网',
-    label: '管网',
-    class: 'target-class',
+    value: "排水体系",
+    label: "排水体系",
+    class: "target-class",
     children: [
       {
-        value: '雨水管网',
-        label: '雨水管网',
-        icon: getImageUrl('lay-yushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "雨水分区",
+        label: "雨水系统",
+        icon: getImageUrl("yuliangzhan.png", "images/NewLayercontrol"),
       },
       {
-        value: '污水管网',
-        label: '污水管网',
-        icon: getImageUrl('lay-wushuiguanwang.png', 'images/NewLayercontrol'),
+        value: "污水分区",
+        label: "污水系统",
+        icon: getImageUrl("zishuidian.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "尾水路径",
+        label: "尾水路径",
+        icon: getImageUrl("尾水路径.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "sewage_pump_station_info",
+        icon: getImageUrl("wushuibengzhan.png", "images/NewLayercontrol"),
+        label: "污水泵站",
+      },
+      {
+        value: "sewage_factory_info",
+        icon: getImageUrl("wushuichulichang.png", "images/NewLayercontrol"),
+        label: "污水厂",
+      },
+      {
+        label: "污水处理站",
+        value: "sewage_factory_station_info",
+        icon: getImageUrl("wushuichulizhan.png", "images/NewLayercontrol"),
+      },
+      {
+        value: "rain_water_pump_station_info",
+        icon: getImageUrl("yushuibengzhan.png", "images/NewLayercontrol"),
+        label: "雨水泵站",
+      },
+      {
+        value: "water_gate_info",
+        icon: getImageUrl("shuizha.png", "images/NewLayercontrol"),
+        label: "水闸",
+      },
+      {
+        value: "storage_tank_info",
+        icon: getImageUrl("tiaoxuchi.png", "images/NewLayercontrol"),
+        label: "调蓄池",
+      },
+      {
+        label: "分流井",
+        value: "diversion_well_info",
+        icon: getImageUrl("feliujin.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '监测点',
-    label: '监测点',
-    class: 'target-class',
+    value: "管网",
+    label: "管网",
+    class: "target-class",
     children: [
       {
-        value: 'rainwater_pipeline_quality_area',
-        label: '社区雨水接驳口',
+        value: "雨水管网",
+        label: "雨水管网",
+        icon: getImageUrl("lay-yushuiguanwang.png", "images/NewLayercontrol"),
       },
       {
-        value: 'rainwater_pipeline_quality',
-        label: '市政监测点',
+        value: "污水管网",
+        label: "污水管网",
+        icon: getImageUrl("lay-wushuiguanwang.png", "images/NewLayercontrol"),
       },
     ],
   },
   {
-    value: '其他',
-    label: '其他',
-    class: 'target-class',
+    value: "监测点",
+    label: "监测点",
+    class: "target-class",
     children: [
       {
-        value: 'drainage_info',
-        label: '排水户',
+        value: "rainwater_pipeline_quality_area",
+        label: "社区雨水接驳口",
       },
       {
-        value: '港渠',
-        label: '港渠',
+        value: "rainwater_pipeline_quality",
+        label: "市政监测点",
+      },
+    ],
+  },
+  {
+    value: "其他",
+    label: "其他",
+    class: "target-class",
+    children: [
+      {
+        value: "drainage_info",
+        label: "排水户",
       },
       {
-        value: 'outlet_info',
-        label: '排口',
+        value: "港渠",
+        label: "港渠",
       },
       {
-        value: '建筑物',
-        label: '建筑物',
+        value: "outlet_info",
+        label: "排口",
+      },
+      {
+        value: "建筑物",
+        label: "建筑物",
       },
     ],
   },
@@ -168,18 +169,18 @@
 
 //  这个方法会出现当前已勾选节点，或者半节点的状态
 function check(data, node) {
-  setLayerVisible([],selectList.value);
+  setLayerVisible([], selectList.value);
   selectList.value = [];
   if (node) {
     let arr = [...node.checkedNodes];
-    arr.map(item => {
+    arr.map((item) => {
       if (item.value) {
         selectList.value.push(item.value);
       }
     });
   }
-  setLayerVisible(selectList.value,[]);
-/*  nextTick(() => {
+  setLayerVisible(selectList.value, []);
+  /*  nextTick(() => {
     let arr = dataSource.value[0].children.map(p => p.value);
     if (arr.includes(data.value)) {
       arr.map(item => {
@@ -196,18 +197,36 @@
   const openLayer = _.difference(newVal, oldVal);
   const closeLayer = _.difference(oldVal, newVal);
 
-  openLayer.length && openLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? false : true,}));
-  closeLayer.length && closeLayer.map(i => i.split(',')).flat(Infinity).forEach(key => bus.emit('setLayerVisible', {layername: key, isCheck: key.includes('!') ? true : false,}));
+  openLayer.length &&
+    openLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? false : true,
+        })
+      );
+  closeLayer.length &&
+    closeLayer
+      .map((i) => i.split(","))
+      .flat(Infinity)
+      .forEach((key) =>
+        bus.emit("setLayerVisible", {
+          layername: key,
+          isCheck: key.includes("!") ? true : false,
+        })
+      );
   // newfiberMap.map.triggerRepaint();
 }
 
 function changeyangshi() {
-  const targetElements = document.querySelectorAll('.target-class');
-  targetElements.forEach(target => {
+  const targetElements = document.querySelectorAll(".target-class");
+  targetElements.forEach((target) => {
     const parent = target.parentElement; // 获取父级元素
     // console.log('parent', parent);
     if (parent) {
-      parent.classList.add('mycustomclass');
+      parent.classList.add("mycustomclass");
       // parent.style.backgroundColor = 'lightblue'; // 修改父级元素样式
       // 你可以在这里设置父级元素的其他样式
     }
@@ -218,8 +237,8 @@
   nextTick(() => {
     changeyangshi();
   });
-  bus.on('YQ_head', val => {
-    console.log('valvalvalval',val);
+  bus.on("YQ_head", (val) => {
+    console.log("valvalvalval", val);
     if (val == false) {
       Show.value = false;
     } else {
@@ -229,13 +248,13 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off('YQ_head');
+  bus.off("YQ_head");
 });
 
 function reset() {
   proxy.$refs.layertree.setCheckedKeys([]);
   selectList.value = [];
-  bus.emit('clearTemporaryData');
+  bus.emit("clearTemporaryData");
   bus.emit(mapInitBusName);
 }
 
@@ -291,7 +310,11 @@
 
   .mycustomclass {
     position: relative;
-    background: linear-gradient(90deg, rgba(50, 146, 255, 0.5) 0%, rgba(12, 125, 255, 0.2) 100%) !important;
+    background: linear-gradient(
+      90deg,
+      rgba(50, 146, 255, 0.5) 0%,
+      rgba(12, 125, 255, 0.2) 100%
+    ) !important;
     border-left: 4px solid #048cff;
     .el-checkbox {
       display: none;
@@ -307,23 +330,22 @@
   height: 40px;
   left: 487px;
   top: 128px;
-  background: url('@/assets/images/NewLayercontrol/layerIcon.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerIcon.png") no-repeat;
   background-size: 100% 100%;
 }
 
 ::v-deep .LayerControlBox {
-  overflow:auto;
   z-index: 0;
   position: absolute;
   left: 500px;
   top: 175px;
   padding: 10px;
-  background: url('@/assets/images/NewLayercontrol/layerBg.png') no-repeat;
+  background: url("@/assets/images/NewLayercontrol/layerBg.png") no-repeat;
   background-size: 100% 100%;
   width: 170px !important;
   height: auto;
   max-height: 62vh !important;
-  overflow: hidden;
+  overflow: auto;
   border-radius: 6px;
 
   .ControlBox-head {
@@ -355,7 +377,11 @@
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: #839ecb;
-      background: linear-gradient(0deg, rgba(27, 161, 255, 0.2) 0%, rgba(27, 161, 255, 0.1) 100%);
+      background: linear-gradient(
+        0deg,
+        rgba(27, 161, 255, 0.2) 0%,
+        rgba(27, 161, 255, 0.1) 100%
+      );
       border-radius: 12px;
       text-align: center;
     }
@@ -406,7 +432,11 @@
   left: 50%;
   transform: translateX(-50%);
   width: 60%;
-  background: linear-gradient(0deg, rgba(4, 140, 255, 0.5) 0%, rgba(4, 140, 255, 0.3) 100%);
+  background: linear-gradient(
+    0deg,
+    rgba(4, 140, 255, 0.5) 0%,
+    rgba(4, 140, 255, 0.3) 100%
+  );
   border-radius: 13px;
   border: 1px solid #2199ff;
   text-align: center;
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
index 85778d2..2d990f7 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarCharts2Y.vue
@@ -338,7 +338,7 @@
       }
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       allData.chart.on("click", function (params) {
         console.log("echarts点击事件", params.name, props.ClickData);
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue
index 71a5077..f35f44b 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/DraBarChartsLeft.vue
@@ -151,7 +151,7 @@
 
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       allData.chart.on("click", function (params) {
         // params.value 是点击的X轴标签的值
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/DraLineChartsLeft.vue b/src/views/pictureOnMap/page/DrainageSystem/components/DraLineChartsLeft.vue
index a6d86c0..263ec56 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/DraLineChartsLeft.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/DraLineChartsLeft.vue
@@ -174,7 +174,7 @@
 
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       allData.chart.on("click", function (params) {
         // params.value 是点击的X轴标签的值
diff --git a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue
index fd617d4..2e07f54 100644
--- a/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue
+++ b/src/views/pictureOnMap/page/DrainageSystem/components/RightCharts.vue
@@ -238,7 +238,7 @@
 
       option && chartDom.setOption(option, true);
       allData.chart = chartDom;
-      animateChart();
+      // animateChart();
       // 监听点击事件
       //   allData.chart.on("click", function (params) {
       //     // params.value 是点击的X轴标签的值