diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index fd6283a..81e30b3 100644
--- a/src/views/oneMap/SmartDrainage/PsLeftBox.vue
+++ b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
@@ -22,12 +22,7 @@
               <div
                 class="oflower"
                 :style="{
-                  color:
-                    item.name == '易涝点'
-                      ? '#a2fff8FF'
-                      : item.name == '风险点'
-                      ? '#faecabFF'
-                      : '#92edbfFF',
+                  color: item.name == '易涝点' ? '#a2fff8FF' : item.name == '风险点' ? '#faecabFF' : '#92edbfFF',
                 }"
               >
                 {{ item.num }}
@@ -48,13 +43,7 @@
           <span style="width: 45%; padding-left: 30px">{{ partName }}</span>
           <span style="width: 45%; padding-left: 130px">位置</span>
         </div>
-        <Vue3SeamlessScroll
-          :list="dataList"
-          :singleHeight="36"
-          :singleWaitTime="1500"
-          :hover="true"
-          class="scrollCont"
-        >
+        <Vue3SeamlessScroll :list="dataList" :singleHeight="36" :singleWaitTime="1500" :hover="true" class="scrollCont">
           <div class="scrollCont">
             <li
               v-for="(item, index) in dataList"
@@ -111,40 +100,42 @@
   </div>
 </template>
 <script setup>
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
-import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
-import mapbox from "@/views/oneMap/map/mapboxInTable.vue";
-import fxd from "@/assets/images/zhps/fxd.png"; //风险点
-import qxgw from "@/assets/images/zhps/qxgw.png"; //缺陷管网
-import yld from "@/assets/images/zhps/yld.png"; //易涝点
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import mapbox from '@/views/oneMap/map/mapboxInTable.vue';
+import fxd from '@/assets/images/zhps/fxd.png'; //风险点
+import qxgw from '@/assets/images/zhps/qxgw.png'; //缺陷管网
+import yld from '@/assets/images/zhps/yld.png'; //易涝点
 
-import qzfk_3d from "./qzfk_3d.vue"; //
-import ChartRy from "./chartRy.vue";
-import bus from "@/bus";
+import qzfk_3d from './qzfk_3d.vue'; //
+import ChartRy from './chartRy.vue';
+import bus from '@/bus';
 const AllData = reactive({});
 const ryData = ref({});
-const ryRefresh = ref("");
+const ryRefresh = ref('');
 const tableData = ref([
-  { name: "易涝点", num: "7", Imgurl: yld, dw: "处" },
-  { name: "风险点", num: "9", Imgurl: fxd, dw: "处" },
-  { name: "缺陷管网", num: "6.1", Imgurl: qxgw, dw: "km" },
+  { name: '易涝点', num: '7', Imgurl: yld, dw: '处' },
+  { name: '风险点', num: '9', Imgurl: fxd, dw: '处' },
+  { name: '缺陷管网', num: '6.1', Imgurl: qxgw, dw: 'km' },
 ]);
 const showRainList = ref([]);
-const Pointname = ref("");
+const Pointname = ref('');
 const dataList = ref([
-  { num: "1", yls: "永安路", wz: "百米大道永安路" },
-  { num: "2", yls: "永昌路北口", wz: "双拥大道永昌路" },
-  { num: "3", yls: "桥儿沟隧道", wz: "双拥大道桥儿沟" },
-  { num: "4", yls: "原水果市场", wz: "双拥大道东十里铺" },
-  { num: "5", yls: "王家坪旧址门口", wz: "圣地路" },
-  { num: "6", yls: "桥儿沟隧道", wz: "双拥大道桥儿沟" },
-  { num: "7", yls: "原水果市场", wz: "双拥大道东十里铺" },
+  { num: '1', yls: '永安路', wz: '百米大道永安路' },
+  { num: '2', yls: '永昌路北口', wz: '双拥大道永昌路' },
+  { num: '3', yls: '桥儿沟隧道', wz: '双拥大道桥儿沟' },
+  { num: '4', yls: '原水果市场', wz: '双拥大道东十里铺' },
+  { num: '5', yls: '王家坪旧址', wz: '圣地路' },
+  { num: '6', yls: '桥儿沟隧道口', wz: '双拥大道桥儿沟' },
+  { num: '7', yls: '水果市场', wz: '双拥大道东十里铺' },
+  { num: '8', yls: '动水果市场', wz: '双拥大道东十里铺' },
+  { num: '9', yls: '王家坪旧址门口', wz: '圣地路' },
 ]);
 const images = [
-  "https://server1.wh-nf.cn:6082/tif/0819_8.tif",
-  "https://server1.wh-nf.cn:6082/tif/0819_9.tif",
-  "https://server1.wh-nf.cn:6082/tif/0819_10.tif",
-  "https://server1.wh-nf.cn:6082/tif/0819_11.tif",
+  'https://server1.wh-nf.cn:6082/tif/0819_8.tif',
+  'https://server1.wh-nf.cn:6082/tif/0819_9.tif',
+  'https://server1.wh-nf.cn:6082/tif/0819_10.tif',
+  'https://server1.wh-nf.cn:6082/tif/0819_11.tif',
 ];
 // 普查现状点击事件
 function Pointclick(val) {
@@ -152,110 +143,103 @@
 }
 
 const yearList = ref([
-  { name: "1小时", value: 1 },
-  { name: "3小时", value: 2 },
-  { name: "12小时", value: 3 },
-  { name: "24小时", value: 4 },
+  { name: '1小时', value: 1 },
+  { name: '3小时', value: 2 },
+  { name: '12小时', value: 3 },
+  { name: '24小时', value: 4 },
 ]);
-const activedname = ref("1小时");
+const activedname = ref('1小时');
 // 时间点击事件
 function yearclick(val, index) {
   activedname.value = val.name;
 
-  showRainList.value =
-    index == 0
-      ? ranLeng[0]
-      : index == 1
-      ? ranLeng[1]
-      : index == 2
-      ? ranLeng[2]
-      : ranLeng[3];
+  showRainList.value = index == 0 ? ranLeng[0] : index == 1 ? ranLeng[1] : index == 2 ? ranLeng[2] : ranLeng[3];
 
-  console.log("index", index);
+  console.log('index', index);
   initRainImage([images[index]]);
 }
 const timeActive = ref(0);
 const ranLeng = [
   [
-    { value: "0-0.2", color: "rgba(7, 213, 118, 0)" },
-    { value: "0.2-5", color: "rgb(38, 129, 240,1)" },
-    { value: "5-16", color: "rgba(222,230,0,1)" },
-    { value: "16-25", color: "rgba(255,184,15,1)" },
-    { value: ">25", color: "rgb(255, 26, 26,1)" },
+    { value: '0-0.2', color: 'rgba(7, 213, 118, 0)' },
+    { value: '0.2-5', color: 'rgb(38, 129, 240,1)' },
+    { value: '5-16', color: 'rgba(222,230,0,1)' },
+    { value: '16-25', color: 'rgba(255,184,15,1)' },
+    { value: '>25', color: 'rgb(255, 26, 26,1)' },
   ],
   [
-    { value: "0-5", color: "rgba(7, 213, 118, 0)" },
-    { value: "5-15", color: "rgba(7, 213, 118, 1)" },
-    { value: "15-30", color: "rgba(38, 129, 240,1)" },
-    { value: "30-70", color: "rgba(247, 223, 56, 1)" },
-    { value: "70-140", color: "rgba(230, 85, 41, 1)" },
-    { value: ">140", color: "rgba(255, 26, 26, 1)" },
+    { value: '0-5', color: 'rgba(7, 213, 118, 0)' },
+    { value: '5-15', color: 'rgba(7, 213, 118, 1)' },
+    { value: '15-30', color: 'rgba(38, 129, 240,1)' },
+    { value: '30-70', color: 'rgba(247, 223, 56, 1)' },
+    { value: '70-140', color: 'rgba(230, 85, 41, 1)' },
+    { value: '>140', color: 'rgba(255, 26, 26, 1)' },
   ],
   [
-    { value: "0-5", color: "rgba(7, 213, 118, 0)" },
-    { value: "5-15", color: "rgba(7, 213, 118, 1)" },
-    { value: "15-30", color: "rgba(38, 129, 240,1)" },
-    { value: "30-70", color: "rgba(247, 223, 56, 1)" },
-    { value: "70-140", color: "rgba(230, 85, 41, 1)" },
-    { value: ">140", color: "rgba(255, 26, 26, 1)" },
+    { value: '0-5', color: 'rgba(7, 213, 118, 0)' },
+    { value: '5-15', color: 'rgba(7, 213, 118, 1)' },
+    { value: '15-30', color: 'rgba(38, 129, 240,1)' },
+    { value: '30-70', color: 'rgba(247, 223, 56, 1)' },
+    { value: '70-140', color: 'rgba(230, 85, 41, 1)' },
+    { value: '>140', color: 'rgba(255, 26, 26, 1)' },
   ],
   [
-    { value: "0-10", color: "rgba(7, 213, 118, 0)" },
-    { value: "10-25", color: "rgba(7, 213, 118, 1)" },
-    { value: "25-50", color: "rgba(38, 129, 240,1)" },
-    { value: "50-100", color: "rgba(247, 223, 56, 1)" },
-    { value: "100-250", color: "rgba(230, 85, 41, 1)" },
-    { value: ">250", color: "rgba(255, 26, 26, 1)" },
+    { value: '0-10', color: 'rgba(7, 213, 118, 0)' },
+    { value: '10-25', color: 'rgba(7, 213, 118, 1)' },
+    { value: '25-50', color: 'rgba(38, 129, 240,1)' },
+    { value: '50-100', color: 'rgba(247, 223, 56, 1)' },
+    { value: '100-250', color: 'rgba(230, 85, 41, 1)' },
+    { value: '>250', color: 'rgba(255, 26, 26, 1)' },
   ],
 ];
 
-const partName = ref("易涝点");
+const partName = ref('易涝点');
 // 普查切换
 function partClick(val) {
   partName.value = val.name;
-  if (partName.value == "风险点") {
-    bus.emit("setLayerVisible", { layername: "fengXianPoint", isCheck: true });
-    bus.emit("setLayerVisible", { layername: "yiLaoPoint", isCheck: false });
+  if (partName.value == '风险点') {
+    bus.emit('setLayerVisible', { layername: 'fengXianPoint', isCheck: true });
+    bus.emit('setLayerVisible', { layername: 'yiLaoPoint', isCheck: false });
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 13,
     });
     dataList.value = [
-      { num: "1", yls: "长青路石油小", wz: "石油小区后门" },
-      { num: "2", yls: "长青路纺织花园车", wz: "太阳鸟健身房" },
-      { num: "3", yls: "凯泽世纪花园", wz: "凯泽世纪花园" },
-      { num: "4", yls: "七里铺街 ", wz: "勘探公司" },
-      { num: "5", yls: "南关街大礼堂", wz: "大礼堂" },
+      { num: '1', yls: '长青路石油小', wz: '石油小区后门' },
+      { num: '2', yls: '长青路纺织花园车', wz: '太阳鸟健身房' },
+      { num: '3', yls: '凯泽世纪花园', wz: '凯泽世纪花园' },
+      { num: '4', yls: '七里铺街 ', wz: '勘探公司' },
+      { num: '5', yls: '南关街大礼堂', wz: '大礼堂' },
       {
-        num: "6",
-        yls: "柳林隧道博城向柳林方向引桥入口",
-        wz: "柳林隧道博城向柳林方向引桥入口",
+        num: '6',
+        yls: '柳林隧道博城向柳林方向引桥',
+        wz: '柳林隧道博城向柳林方向引桥入口',
       },
-      { num: "7", yls: "杨家湾超市门前", wz: "杨家湾路延大萃园校园公寓对面" },
-      { num: "8", yls: "马家湾博城至培植中学", wz: "博城至培植中学门前" },
-      { num: "9", yls: "百米大道延安小学十字", wz: "百米大道延安小学十字" },
+      { num: '7', yls: '杨家湾超市门前', wz: '杨家湾路延大萃园校园公寓对面' },
+      { num: '8', yls: '马家湾博城至培植中学', wz: '博城至培植中学门前' },
+      { num: '9', yls: '百米大道延安小学十字', wz: '百米大道延安小学十字' },
     ];
-  } else if (partName.value == "易涝点") {
-    bus.emit("setLayerVisible", { layername: "fengXianPoint", isCheck: false });
-    bus.emit("setLayerVisible", { layername: "yiLaoPoint", isCheck: true });
+  } else if (partName.value == '易涝点') {
+    bus.emit('setLayerVisible', { layername: 'fengXianPoint', isCheck: false });
+    bus.emit('setLayerVisible', { layername: 'yiLaoPoint', isCheck: true });
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 13,
     });
     dataList.value = [
-      { num: "1", yls: "永安路", wz: "百米大道永安路" },
-      { num: "2", yls: "永昌路北口", wz: "双拥大道永昌路" },
-      { num: "3", yls: "桥儿沟隧道", wz: "双拥大道桥儿沟" },
-      { num: "4", yls: "原水果市场", wz: "双拥大道东十里铺" },
-      { num: "5", yls: "王家坪旧址门口", wz: "圣地路" },
-      { num: "6", yls: "桥儿沟隧道", wz: "双拥大道桥儿沟" },
-      { num: "7", yls: "原水果市场", wz: "双拥大道东十里铺" },
-      { num: "8", yls: "原水果市场", wz: "双拥大道东十里铺" },
-      { num: "9", yls: "王家坪旧址门口", wz: "圣地路" },
+      { num: '1', yls: '永安路', wz: '百米大道永安路' },
+      { num: '2', yls: '永昌路北口', wz: '双拥大道永昌路' },
+      { num: '3', yls: '桥儿沟隧道', wz: '双拥大道桥儿沟' },
+      { num: '4', yls: '原水果市场', wz: '双拥大道东十里铺' },
+      { num: '5', yls: '王家坪旧址', wz: '圣地路' },
+      { num: '6', yls: '桥儿沟隧道口', wz: '双拥大道桥儿沟' },
+      { num: '7', yls: '水果市场', wz: '双拥大道东十里铺' },
+      { num: '8', yls: '动水果市场', wz: '双拥大道东十里铺' },
+      { num: '9', yls: '王家坪旧址门口', wz: '圣地路' },
     ];
   } else {
-    bus.emit("setLayerVisible", { layername: "fengXianPoint", isCheck: false });
-    bus.emit("setLayerVisible", { layername: "yiLaoPoint", isCheck: false });
+    bus.emit('setLayerVisible', { layername: 'fengXianPoint', isCheck: false });
+    bus.emit('setLayerVisible', { layername: 'yiLaoPoint', isCheck: false });
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 13,
@@ -271,15 +255,15 @@
   return file;
 }
 
-const createCanvas = (id) => {
-  let canvas = document.createElement("canvas");
-  canvas.id = "canvas" + id;
-  canvas.style.height = "90%";
-  canvas.style.width = "90%";
-  canvas.style.position = "relative";
-  canvas.style.top = "5px";
+const createCanvas = id => {
+  let canvas = document.createElement('canvas');
+  canvas.id = 'canvas' + id;
+  canvas.style.height = '90%';
+  canvas.style.width = '90%';
+  canvas.style.position = 'relative';
+  canvas.style.top = '5px';
   //canvas.style.display = 'none';
-  document.getElementById("rainend").append(canvas);
+  document.getElementById('rainend').append(canvas);
   return canvas;
 };
 
@@ -294,7 +278,7 @@
       width: tifImg.getWidth(),
       height: tifImg.getHeight(),
       domain: [0, 256],
-      colorScale: "mycolorscale",
+      colorScale: 'mycolorscale',
     }));
   plot.setData(readRasters[0], tifImg.getWidth(), tifImg.getHeight());
   plot.render();
@@ -307,54 +291,51 @@
     [bbox[2], bbox[1]],
     [bbox[0], bbox[1]],
   ];
-  if (newfiberMapbox_table.map.getLayer("canvas-layer" + i)) {
-    newfiberMapbox_table.map.removeLayer("canvas-layer" + i);
-    newfiberMapbox_table.map.removeSource("canvas-source" + i);
+  if (newfiberMapbox_table.map.getLayer('canvas-layer' + i)) {
+    newfiberMapbox_table.map.removeLayer('canvas-layer' + i);
+    newfiberMapbox_table.map.removeSource('canvas-source' + i);
   }
-  newfiberMapbox_table.map.addSource("canvas-source" + i, {
-    type: "canvas",
+  newfiberMapbox_table.map.addSource('canvas-source' + i, {
+    type: 'canvas',
     canvas: canvasId,
     coordinates: bbox,
     animate: true,
   });
 
   newfiberMapbox_table.map.addLayer({
-    id: "canvas-layer" + i,
-    type: "raster",
-    source: "canvas-source" + i,
+    id: 'canvas-layer' + i,
+    type: 'raster',
+    source: 'canvas-source' + i,
   });
-  newfiberMapbox_table.map.moveLayer("canvas-layer" + i);
+  newfiberMapbox_table.map.moveLayer('canvas-layer' + i);
 };
 
 const plotInit = (colorScale = colorScale) => {
   const minVal = colorScale[0].value;
   const maxVal = colorScale[colorScale.length - 1].value;
-  let color = colorScale.filter((i) => Number(i.value) / maxVal <= 1);
-  if (color[color.length - 1].value / maxVal < 1)
-    color.push({ value: maxVal, color: colorScale[color.length].color });
+  let color = colorScale.filter(i => Number(i.value) / maxVal <= 1);
+  if (color[color.length - 1].value / maxVal < 1) color.push({ value: maxVal, color: colorScale[color.length].color });
   plotty.addColorScale(
-    "mycolorscale",
-    color.map((i) => i.color),
-    color.map((i) => (i.value / maxVal).toFixed(5))
+    'mycolorscale',
+    color.map(i => i.color),
+    color.map(i => (i.value / maxVal).toFixed(5))
   );
 };
 
 let colorScale = [
-  { value: "0", color: "rgba(7, 213, 118, 0)" },
-  { value: "0.1", color: "rgba(7, 213, 118, 0)" },
-  { value: "5", color: "rgba(7, 213, 118, 1)" },
-  { value: "15", color: "rgba(38, 129, 240,1)" },
-  { value: "30", color: "rgba(247, 223, 56, 1)" },
-  { value: "70", color: "rgba(230, 85, 41, 1)" },
-  { value: "140", color: "rgba(255, 26, 26, 1)" },
+  { value: '0', color: 'rgba(7, 213, 118, 0)' },
+  { value: '0.1', color: 'rgba(7, 213, 118, 0)' },
+  { value: '5', color: 'rgba(7, 213, 118, 1)' },
+  { value: '15', color: 'rgba(38, 129, 240,1)' },
+  { value: '30', color: 'rgba(247, 223, 56, 1)' },
+  { value: '70', color: 'rgba(230, 85, 41, 1)' },
+  { value: '140', color: 'rgba(255, 26, 26, 1)' },
 ];
 let imageFiles = [];
 let canvas = [];
 let plot = null;
-const initRainImage = async (imagesList) => {
-  imageFiles = await Promise.all(
-    imagesList.map((url) => urlToFile(url, _.last(_.split(url, "/"))))
-  );
+const initRainImage = async imagesList => {
+  imageFiles = await Promise.all(imagesList.map(url => urlToFile(url, _.last(_.split(url, '/')))));
 
   canvas = createCanvas(0);
   plotInit(colorScale);
@@ -370,34 +351,22 @@
   // }, 1000);
 };
 
-const setRainImage = (index) => {
+const setRainImage = index => {
   var reader = new FileReader();
-  reader.onload = (e) => createPlot(e, canvas);
+  reader.onload = e => createPlot(e, canvas);
   reader.readAsArrayBuffer(imageFiles[index]);
 };
 
 // 缺陷逛网
 function getData() {
   let obj = {
-    xData: [
-      "脱节",
-      "接口材料脱落",
-      "支管暗接",
-      "异物穿入",
-      "渗漏",
-      "沉积",
-      "结垢",
-      "障碍物",
-      "残墙与坝根",
-      "树根",
-      "浮渣",
-    ],
+    xData: ['脱节', '接口材料脱落', '支管暗接', '异物穿入', '渗漏', '沉积', '结垢', '障碍物', '残墙与坝根', '树根', '浮渣'],
     data: [0.3, 0.8, 0.6, 0.4, 0.1, 0.2, 0.5, 0.7, 0.4, 0.1, 0.1],
     num: [],
   };
   let max = JSON.parse(JSON.stringify(obj.data));
   let one = max.sort((a, b) => b - a)[0];
-  max.forEach((i) => {
+  max.forEach(i => {
     obj.num.push(one);
   });
   ryData.value = obj;
@@ -410,9 +379,9 @@
   initRainImage([images[0]]);
 });
 onBeforeUnmount(() => {
-  bus.emit("setLayerVisible", { layername: "fengXianPoint", isCheck: false });
-  bus.emit("setLayerVisible", { layername: "yiLaoPoint", isCheck: false });
-  var canvas = document.getElementById("canvas0");
+  bus.emit('setLayerVisible', { layername: 'fengXianPoint', isCheck: false });
+  bus.emit('setLayerVisible', { layername: 'yiLaoPoint', isCheck: false });
+  var canvas = document.getElementById('canvas0');
   canvas.remove();
 });
 </script>
@@ -496,11 +465,7 @@
         height: 38px;
         width: 430px;
         margin: 0 auto;
-        background: linear-gradient(
-          0deg,
-          rgba(22, 193, 216, 0.8) 0%,
-          rgba(0, 43, 67, 0.8) 100%
-        );
+        background: linear-gradient(0deg, rgba(22, 193, 216, 0.8) 0%, rgba(0, 43, 67, 0.8) 100%);
         border-radius: 6px;
         border: 1px solid #15d2fd;
         display: flex;
@@ -524,7 +489,7 @@
           // justify-content: space-between;
           align-items: center;
           margin-top: 2px;
-          background: url("@/assets/images/zhps/liebiao.png") no-repeat;
+          background: url('@/assets/images/zhps/liebiao.png') no-repeat;
           background-size: 100% 100%;
           .tableBodyList_span1 {
             width: 10%;
@@ -563,7 +528,7 @@
           }
         }
         .activedright {
-          background: url("@/assets/images/zhps/lbxz.png") no-repeat;
+          background: url('@/assets/images/zhps/lbxz.png') no-repeat;
           background-size: 100% 100%;
         }
       }
@@ -616,7 +581,7 @@
       .rainend {
         width: 440px;
         height: 85%;
-        background: url("@/assets/images/zhps/hsRain.png") no-repeat;
+        background: url('@/assets/images/zhps/hsRain.png') no-repeat;
         background-size: 100% 100%;
       }
       .rainLegend {
@@ -664,7 +629,7 @@
   height: 44px;
   line-height: 50px;
   width: 98%;
-  background: url("@/assets/newImgs/partBg.png") no-repeat;
+  background: url('@/assets/newImgs/partBg.png') no-repeat;
   background-size: 100% 100%;
   display: flex;
   align-items: center;