diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index 35db68c..cfc1257 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -837,7 +837,7 @@
           "shuiWeuJianCe",
           "ysbz"
         ],
-        "text-allow-overlap": false,
+        "text-allow-overlap": true,
         "icon-allow-overlap": true,
         "icon-anchor": "center",
         "icon-size": 0.8,

diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index 35db68c..cfc1257 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -837,7 +837,7 @@
           "shuiWeuJianCe",
           "ysbz"
         ],
-        "text-allow-overlap": false,
+        "text-allow-overlap": true,
         "icon-allow-overlap": true,
         "icon-anchor": "center",
         "icon-size": 0.8,
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
index 3394a91..8c4bfbf 100644
--- a/src/views/DialogTabs/component/GongDanPaiFa.vue
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -92,19 +92,6 @@
     .catch((err) => {
       console.log("🚀 ~ alarmWorkOrderAdd ~ err:", err);
     });
-
-  // unitVoiceTemplateCall({
-  //   robotId: '2c922fb8-40f1-47e9-afc0-dc3c7b6bb3cd',
-  //   phones: '13129919657,13638648812,13332926003',
-  //   templateDesc: {
-  //     title: '延安城市生命线通知',
-  //     // notice: `在${form.value.FXWZ}出现了${form.value.FZYP},请于${form.value.FKSJ}进行确认与反馈`,
-  //     notice: `在${form.value.wranLocation}出现了${form.value.assessment},请于${form.value.requestFeedbackHour}进行确认与反馈`,
-  //   },
-  // }).then(response => {
-  //   proxy.$modal.msgSuccess('派发成功');
-  //   bus.emit('publicDialog_Close');
-  // });
 };
 
 // 工单信息

diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index 35db68c..cfc1257 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -837,7 +837,7 @@
           "shuiWeuJianCe",
           "ysbz"
         ],
-        "text-allow-overlap": false,
+        "text-allow-overlap": true,
         "icon-allow-overlap": true,
         "icon-anchor": "center",
         "icon-size": 0.8,
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
index 3394a91..8c4bfbf 100644
--- a/src/views/DialogTabs/component/GongDanPaiFa.vue
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -92,19 +92,6 @@
     .catch((err) => {
       console.log("🚀 ~ alarmWorkOrderAdd ~ err:", err);
     });
-
-  // unitVoiceTemplateCall({
-  //   robotId: '2c922fb8-40f1-47e9-afc0-dc3c7b6bb3cd',
-  //   phones: '13129919657,13638648812,13332926003',
-  //   templateDesc: {
-  //     title: '延安城市生命线通知',
-  //     // notice: `在${form.value.FXWZ}出现了${form.value.FZYP},请于${form.value.FKSJ}进行确认与反馈`,
-  //     notice: `在${form.value.wranLocation}出现了${form.value.assessment},请于${form.value.requestFeedbackHour}进行确认与反馈`,
-  //   },
-  // }).then(response => {
-  //   proxy.$modal.msgSuccess('派发成功');
-  //   bus.emit('publicDialog_Close');
-  // });
 };
 
 // 工单信息
diff --git a/src/views/DialogTabs/component/RQ_FengXianJianCe.vue b/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
index fa5a1b0..1be888e 100644
--- a/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
+++ b/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
@@ -16,12 +16,7 @@
       <div class="SearchLabel">预警类型:</div>
       <div class="SearchSel">
         <el-select v-model="AllData.value2" placeholder="Select" style="width: 100%">
-          <el-option
-            v-for="item in AllData.options2"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+          <el-option v-for="item in AllData.options2" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </div>
       <div class="SearchLabel">
@@ -50,49 +45,49 @@
 </template>
 
 <script setup name="RQ_FengXianJianCe">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
-import { earlyWarningInfoPage } from "@/api/ranqi.js";
-import bus from "@/bus";
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import { earlyWarningInfoPage } from '@/api/ranqi.js';
+import bus from '@/bus';
+import dialogTabsStore from '@/store/modules/dialogTabs';
 
 const useDialogTabs = dialogTabsStore();
 const AllData = reactive({
-  dateTime: "",
+  dateTime: '',
   options: [
     {
-      value: "2021",
-      label: "2021年",
+      value: '2021',
+      label: '2021年',
     },
     {
-      value: "2022",
-      label: "2022年",
+      value: '2022',
+      label: '2022年',
     },
     {
-      value: "2023",
-      label: "2023年",
+      value: '2023',
+      label: '2023年',
     },
     {
-      value: "2024",
-      label: "2024年",
+      value: '2024',
+      label: '2024年',
     },
   ],
-  value2: "0",
+  value2: '0',
   options2: [
     {
-      value: "0",
-      label: "全部",
+      value: '0',
+      label: '全部',
     },
     {
-      value: "1",
-      label: "甲烷浓度",
+      value: '1',
+      label: '甲烷浓度',
     },
     {
-      value: "2",
-      label: "压力",
+      value: '3',
+      label: '温度',
     },
     {
-      value: "3",
-      label: "温度",
+      value: '2',
+      label: '水位',
     },
   ],
   CS: 4,
@@ -104,9 +99,9 @@
     pageSize: 10,
   },
 });
-const getList = (item) => {
+const getList = item => {
   // 获取数据
-  earlyWarningInfoPage({ warningType: item }).then((res) => {
+  earlyWarningInfoPage({ warningType: item }).then(res => {
     AllData.DataList = res.data;
     AllData.total = res.total;
     AllData.CS = res.total;
@@ -130,7 +125,7 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off("getDataListFxjc");
+  bus.off('getDataListFxjc');
 });
 </script>
 

diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index 35db68c..cfc1257 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -837,7 +837,7 @@
           "shuiWeuJianCe",
           "ysbz"
         ],
-        "text-allow-overlap": false,
+        "text-allow-overlap": true,
         "icon-allow-overlap": true,
         "icon-anchor": "center",
         "icon-size": 0.8,
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
index 3394a91..8c4bfbf 100644
--- a/src/views/DialogTabs/component/GongDanPaiFa.vue
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -92,19 +92,6 @@
     .catch((err) => {
       console.log("🚀 ~ alarmWorkOrderAdd ~ err:", err);
     });
-
-  // unitVoiceTemplateCall({
-  //   robotId: '2c922fb8-40f1-47e9-afc0-dc3c7b6bb3cd',
-  //   phones: '13129919657,13638648812,13332926003',
-  //   templateDesc: {
-  //     title: '延安城市生命线通知',
-  //     // notice: `在${form.value.FXWZ}出现了${form.value.FZYP},请于${form.value.FKSJ}进行确认与反馈`,
-  //     notice: `在${form.value.wranLocation}出现了${form.value.assessment},请于${form.value.requestFeedbackHour}进行确认与反馈`,
-  //   },
-  // }).then(response => {
-  //   proxy.$modal.msgSuccess('派发成功');
-  //   bus.emit('publicDialog_Close');
-  // });
 };
 
 // 工单信息
diff --git a/src/views/DialogTabs/component/RQ_FengXianJianCe.vue b/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
index fa5a1b0..1be888e 100644
--- a/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
+++ b/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
@@ -16,12 +16,7 @@
       <div class="SearchLabel">预警类型:</div>
       <div class="SearchSel">
         <el-select v-model="AllData.value2" placeholder="Select" style="width: 100%">
-          <el-option
-            v-for="item in AllData.options2"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+          <el-option v-for="item in AllData.options2" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </div>
       <div class="SearchLabel">
@@ -50,49 +45,49 @@
 </template>
 
 <script setup name="RQ_FengXianJianCe">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
-import { earlyWarningInfoPage } from "@/api/ranqi.js";
-import bus from "@/bus";
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import { earlyWarningInfoPage } from '@/api/ranqi.js';
+import bus from '@/bus';
+import dialogTabsStore from '@/store/modules/dialogTabs';
 
 const useDialogTabs = dialogTabsStore();
 const AllData = reactive({
-  dateTime: "",
+  dateTime: '',
   options: [
     {
-      value: "2021",
-      label: "2021年",
+      value: '2021',
+      label: '2021年',
     },
     {
-      value: "2022",
-      label: "2022年",
+      value: '2022',
+      label: '2022年',
     },
     {
-      value: "2023",
-      label: "2023年",
+      value: '2023',
+      label: '2023年',
     },
     {
-      value: "2024",
-      label: "2024年",
+      value: '2024',
+      label: '2024年',
     },
   ],
-  value2: "0",
+  value2: '0',
   options2: [
     {
-      value: "0",
-      label: "全部",
+      value: '0',
+      label: '全部',
     },
     {
-      value: "1",
-      label: "甲烷浓度",
+      value: '1',
+      label: '甲烷浓度',
     },
     {
-      value: "2",
-      label: "压力",
+      value: '3',
+      label: '温度',
     },
     {
-      value: "3",
-      label: "温度",
+      value: '2',
+      label: '水位',
     },
   ],
   CS: 4,
@@ -104,9 +99,9 @@
     pageSize: 10,
   },
 });
-const getList = (item) => {
+const getList = item => {
   // 获取数据
-  earlyWarningInfoPage({ warningType: item }).then((res) => {
+  earlyWarningInfoPage({ warningType: item }).then(res => {
     AllData.DataList = res.data;
     AllData.total = res.total;
     AllData.CS = res.total;
@@ -130,7 +125,7 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off("getDataListFxjc");
+  bus.off('getDataListFxjc');
 });
 </script>
 
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index fd6283a..9c5a50e 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;
@@ -408,11 +377,13 @@
   showRainList.value = ranLeng[0];
   getData();
   initRainImage([images[0]]);
+  bus.emit('clearAllLayer');
+  bus.emit('SetLayerShow', ['排水监测', '雨水管网流向']);
 });
 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 +467,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 +491,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 +530,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 +583,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 +631,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;

diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index 35db68c..cfc1257 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -837,7 +837,7 @@
           "shuiWeuJianCe",
           "ysbz"
         ],
-        "text-allow-overlap": false,
+        "text-allow-overlap": true,
         "icon-allow-overlap": true,
         "icon-anchor": "center",
         "icon-size": 0.8,
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
index 3394a91..8c4bfbf 100644
--- a/src/views/DialogTabs/component/GongDanPaiFa.vue
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -92,19 +92,6 @@
     .catch((err) => {
       console.log("🚀 ~ alarmWorkOrderAdd ~ err:", err);
     });
-
-  // unitVoiceTemplateCall({
-  //   robotId: '2c922fb8-40f1-47e9-afc0-dc3c7b6bb3cd',
-  //   phones: '13129919657,13638648812,13332926003',
-  //   templateDesc: {
-  //     title: '延安城市生命线通知',
-  //     // notice: `在${form.value.FXWZ}出现了${form.value.FZYP},请于${form.value.FKSJ}进行确认与反馈`,
-  //     notice: `在${form.value.wranLocation}出现了${form.value.assessment},请于${form.value.requestFeedbackHour}进行确认与反馈`,
-  //   },
-  // }).then(response => {
-  //   proxy.$modal.msgSuccess('派发成功');
-  //   bus.emit('publicDialog_Close');
-  // });
 };
 
 // 工单信息
diff --git a/src/views/DialogTabs/component/RQ_FengXianJianCe.vue b/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
index fa5a1b0..1be888e 100644
--- a/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
+++ b/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
@@ -16,12 +16,7 @@
       <div class="SearchLabel">预警类型:</div>
       <div class="SearchSel">
         <el-select v-model="AllData.value2" placeholder="Select" style="width: 100%">
-          <el-option
-            v-for="item in AllData.options2"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+          <el-option v-for="item in AllData.options2" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </div>
       <div class="SearchLabel">
@@ -50,49 +45,49 @@
 </template>
 
 <script setup name="RQ_FengXianJianCe">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
-import { earlyWarningInfoPage } from "@/api/ranqi.js";
-import bus from "@/bus";
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import { earlyWarningInfoPage } from '@/api/ranqi.js';
+import bus from '@/bus';
+import dialogTabsStore from '@/store/modules/dialogTabs';
 
 const useDialogTabs = dialogTabsStore();
 const AllData = reactive({
-  dateTime: "",
+  dateTime: '',
   options: [
     {
-      value: "2021",
-      label: "2021年",
+      value: '2021',
+      label: '2021年',
     },
     {
-      value: "2022",
-      label: "2022年",
+      value: '2022',
+      label: '2022年',
     },
     {
-      value: "2023",
-      label: "2023年",
+      value: '2023',
+      label: '2023年',
     },
     {
-      value: "2024",
-      label: "2024年",
+      value: '2024',
+      label: '2024年',
     },
   ],
-  value2: "0",
+  value2: '0',
   options2: [
     {
-      value: "0",
-      label: "全部",
+      value: '0',
+      label: '全部',
     },
     {
-      value: "1",
-      label: "甲烷浓度",
+      value: '1',
+      label: '甲烷浓度',
     },
     {
-      value: "2",
-      label: "压力",
+      value: '3',
+      label: '温度',
     },
     {
-      value: "3",
-      label: "温度",
+      value: '2',
+      label: '水位',
     },
   ],
   CS: 4,
@@ -104,9 +99,9 @@
     pageSize: 10,
   },
 });
-const getList = (item) => {
+const getList = item => {
   // 获取数据
-  earlyWarningInfoPage({ warningType: item }).then((res) => {
+  earlyWarningInfoPage({ warningType: item }).then(res => {
     AllData.DataList = res.data;
     AllData.total = res.total;
     AllData.CS = res.total;
@@ -130,7 +125,7 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off("getDataListFxjc");
+  bus.off('getDataListFxjc');
 });
 </script>
 
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index fd6283a..9c5a50e 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;
@@ -408,11 +377,13 @@
   showRainList.value = ranLeng[0];
   getData();
   initRainImage([images[0]]);
+  bus.emit('clearAllLayer');
+  bus.emit('SetLayerShow', ['排水监测', '雨水管网流向']);
 });
 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 +467,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 +491,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 +530,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 +583,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 +631,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;
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 8a9313c..2daa062 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -2,34 +2,18 @@
   <div id="ZHRQ">
     <PublicHead />
 
-    <div
-      :class="[
-        'LeftBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
-      ]"
-    >
+    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
       <div class="ComBox LeftBox1_1">
-        <div class="Box_header" style="cursor: pointer" @click="ShowSiSetu(true)">
-          管道风险评估
-        </div>
+        <div class="Box_header" style="cursor: pointer" @click="ShowSiSetu(true)">管道风险评估</div>
         <div class="Box_Body">
           <div class="TJListBox">
             <div class="TJList TJList_RQ" @click="TuChengClick(0)">
-              <img
-                class="TJListImg"
-                src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png"
-                alt=""
-              />
+              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png" alt="" />
               <span class="TJListName">燃气管道</span>
               <span class="TJListValue">4549km</span>
             </div>
             <div class="TJList TJList_GZ">
-              <img
-                class="TJListImg"
-                src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png"
-                alt=""
-              />
+              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png" alt="" />
               <span class="TJListName">需改造</span>
               <span class="TJListValue">1922km</span>
             </div>
@@ -70,9 +54,7 @@
             </div>
             <div class="tableBody">
               <div class="tableBodyList" v-for="item in AllData.FXJCData">
-                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{
-                  item.zb
-                }}</span>
+                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{ item.zb }}</span>
                 <span class="tableBodyList_span2" @click="FengXianClick(item)"
                   >{{ item.sz }}
                   <el-icon v-if="item.szzt" color="lime" size="14"><Top /> </el-icon>
@@ -80,15 +62,13 @@
                     <Bottom />
                   </el-icon>
                 </span>
-                <span
-                  class="tableBodyList_span3"
-                  :class="item.zt == 0 ? 'YJClass' : ''"
-                  >{{ item.zt == 0 ? "预警" : "正常" }}</span
-                >
+                <span class="tableBodyList_span3" :class="item.zt == 0 ? 'YJClass' : ''">{{
+                  item.zt == 0 ? '预警' : '正常'
+                }}</span>
                 <span class="tableBodyList_span4" @click="PaiFa(item)">派发</span>
               </div>
             </div>
-            <div class="tableFoot">更新时间：2024-09-27 10:00</div>
+            <div class="tableFoot">更新时间：2024-10:25 10:00</div>
           </div>
         </div>
       </div>
@@ -109,17 +89,11 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'RightBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
-      ]"
-    >
+    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
       <div class="ComBox RightBox1_1">
         <div class="Box_header">辅助决策</div>
         <div class="Box_Body">
-          <div class="JCListBox" v-for="item in AllData.JCData" @click="fzjcBoxClick(item)" >
+          <div class="JCListBox" v-for="item in AllData.JCData" @click="fzjcBoxClick(item)">
             <div class="JCListBox_List">
               <span class="JCListBox_List_label">风险区域:</span>
               <span class="JCListBox_List_value">{{ item.wranLocation }}</span>
@@ -137,16 +111,10 @@
               <span class="JCListBox_List_value color_red">{{ item.assessment }}</span>
             </div>
             <div class="JCListBox_List JCListBox_List_BTN">
-              <el-button
-                style="background: #03b6a0; color: white; border: none"
-                size="small"
-                @click="GongDanPaiFa(item)"
+              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="GongDanPaiFa(item)"
                 >工单派发</el-button
               >
-              <el-button
-                style="background: #03b6a0; color: white; border: none"
-                size="small"
-                @click="XianChangLianXian(item)"
+              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="XianChangLianXian(item)"
                 >现场联线</el-button
               >
             </div>
@@ -157,18 +125,12 @@
         <div class="Box_header">预警处置</div>
         <div class="Box_Body">
           <div class="FK_headerBox">
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)">
-              <span class="FK_headerBox_list_colorBox1"></span> 未处理
-            </div>
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)">
-              <span class="FK_headerBox_list_colorBox2"></span> 已处理
-            </div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)"><span class="FK_headerBox_list_colorBox1"></span> 未处理</div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)"><span class="FK_headerBox_list_colorBox2"></span> 已处理</div>
           </div>
           <div class="FK_bodyBox">
             <div class="FK_bodyBox_list" v-for="item in AllData.XCFKData">
-              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{
-                item.name
-              }}</span>
+              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{ item.name }}</span>
               <div class="FK_BigBox">
                 <div class="FK_CenBox1" :style="getWidth(item, 1)">{{ item.num1 }}</div>
                 <div class="FK_CenBox2" :style="getWidth(item, 2)">{{ item.num2 }}</div>
@@ -242,119 +204,113 @@
       </Vue3SeamlessScroll>
     </div> -->
 
-    <div
-      class="IssueWarning"
-      :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']"
-      @click="WarningClick"
-    >
-      发布预警
-    </div>
+    <div class="IssueWarning" :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']" @click="WarningClick">发布预警</div>
   </div>
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from "vue";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from 'vue';
 
-import PublicHead from "./PublicHead";
+import PublicHead from './PublicHead';
 
-import moment from "moment";
-import * as echarts from "echarts";
-import bus from "@/bus";
-import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
-import sheBeiLost from "@/assets/sheBeiLost.json";
-import xiaXian from "@/assets/xiaXian.json";
-import yiBian from "@/assets/yiBian.json";
-import zaWuDuiFang from "@/assets/zaWuDuiFang.json";
-import rq_QiTa from "@/assets/rq_QiTa.json";
-import no_sheBeiLost from "@/assets/no_sheBeiLost.json";
-import no_xiaXian from "@/assets/no_xiaXian.json";
-import no_yiBian from "@/assets/no_yiBian.json";
-import no_zaWuDuiFang from "@/assets/no_zaWuDuiFang.json";
-import no_rq_QiTa from "@/assets/no_rq_QiTa.json";
-import yanAnRQoverindex from "@/assets/yanAnRQoverindex.json";
-import yanAnWarring from "@/assets/yanAnWarring.json";
+import moment from 'moment';
+import * as echarts from 'echarts';
+import bus from '@/bus';
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import sheBeiLost from '@/assets/sheBeiLost.json';
+import xiaXian from '@/assets/xiaXian.json';
+import yiBian from '@/assets/yiBian.json';
+import zaWuDuiFang from '@/assets/zaWuDuiFang.json';
+import rq_QiTa from '@/assets/rq_QiTa.json';
+import no_sheBeiLost from '@/assets/no_sheBeiLost.json';
+import no_xiaXian from '@/assets/no_xiaXian.json';
+import no_yiBian from '@/assets/no_yiBian.json';
+import no_zaWuDuiFang from '@/assets/no_zaWuDuiFang.json';
+import no_rq_QiTa from '@/assets/no_rq_QiTa.json';
+import yanAnRQoverindex from '@/assets/yanAnRQoverindex.json';
+import yanAnWarring from '@/assets/yanAnWarring.json';
 
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import dialogTabsStore from '@/store/modules/dialogTabs';
 // 辅助决策
-import { commonWarningList } from "@/api/RQWarning";
-import { selectBoxBySiteNo } from "@/api/system/tanchuang";
-import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
+import { commonWarningList } from '@/api/RQWarning';
+import { selectBoxBySiteNo } from '@/api/system/tanchuang';
+import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
 const useDialogTabs = dialogTabsStore();
 const { proxy } = getCurrentInstance();
-const { module_type } = proxy.useDict("module_type");
-console.log("🚀 ~ module_type:", module_type);
+const { module_type } = proxy.useDict('module_type');
+console.log('🚀 ~ module_type:', module_type);
 
 const AllData = reactive({
   xunChaStatic: null,
   showTipsData: {},
   xunChaLayers: [
-    "alreadyDeal_DF",
-    "alreadyDeal_DS",
-    "alreadyDeal_XX",
-    "alreadyDeal_YB",
-    "alreadyDeal_QT",
-    "noDeal_DF",
-    "noDeal_DS",
-    "noDeall_XX",
-    "noDeal_YB",
-    "noDeal_QT",
+    'alreadyDeal_DF',
+    'alreadyDeal_DS',
+    'alreadyDeal_XX',
+    'alreadyDeal_YB',
+    'alreadyDeal_QT',
+    'noDeal_DF',
+    'noDeal_DS',
+    'noDeall_XX',
+    'noDeal_YB',
+    'noDeal_QT',
   ],
   ChangeData: [
     {
-      name: "延安中学",
+      name: '延安中学',
       id: 1,
-      siteNo:'RQ202400001',
-      position:[109.4774986436632,36.60497748480903],
+      siteNo: 'RQ202400001',
+      position: [109.4774986436632, 36.60497748480903],
     },
     {
-      name: "延安大学附属医院",
+      name: '延安大学附属医院',
       id: 2,
-      siteNo:'RQ202400002',
-      position:[109.48304674487184,36.59982338278728],
+      siteNo: 'RQ202400002',
+      position: [109.48304674487184, 36.59982338278728],
     },
   ],
   TableChangeIndex: 1,
   TableChangeNo: 'RQ202400001',
   TableChangeName: '延安中学',
-  TableChangePosition: [109.4774986436632,36.60497748480903],
+  TableChangePosition: [109.4774986436632, 36.60497748480903],
   // 风险监测
   FXJCData: [
     {
-      zb: "甲烷浓度",
-      sz: "3%",
-      szzt: true,
-      zt: 0, //0预警 1 正常
-      // value: "JWND",
-      value: "1",
-    },
-    {
-      zb: "压力",
-      sz: "5MPa",
+      zb: '甲烷浓度',
+      sz: '0%',
       szzt: false,
       zt: 1, //0预警 1 正常
-      // value: "YL",
-      value: "2",
+      // value: "JWND",
+      value: '1',
     },
     {
-      zb: "温度",
-      sz: "25C°",
+      zb: '温度',
+      sz: '17C°',
       szzt: true,
       zt: 1, //0预警 1 正常
       // value: "WD",
-      value: "3",
+      value: '3',
+    },
+    {
+      zb: '水位',
+      sz: '0',
+      szzt: false,
+      zt: 1, //0预警 1 正常
+      // value: "YL",
+      value: '2',
     },
   ],
   YJChangeData: [
     {
-      name: "综合",
+      name: '综合',
       id: 1,
     },
     {
-      name: "压力",
+      name: '压力',
       id: 2,
     },
     {
-      name: "温度",
+      name: '温度',
       id: 3,
     },
   ],
@@ -362,51 +318,51 @@
   //辅助决策
   JCData: [
     {
-      qy: "宝塔区凤凰山街道二道街",
-      tz: "压力监测异常波动",
+      qy: '宝塔区凤凰山街道二道街',
+      tz: '压力监测异常波动',
       sj: 5,
-      yp: "设施故障",
-      value: "001", //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
+      yp: '设施故障',
+      value: '001', //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
     },
     {
-      qy: "宝塔区凤凰山街道二道街",
-      tz: "燃气管道压力过大",
+      qy: '宝塔区凤凰山街道二道街',
+      tz: '燃气管道压力过大',
       sj: 5,
-      yp: "燃气爆管风险",
-      value: "002",
+      yp: '燃气爆管风险',
+      value: '002',
     },
     {
-      qy: "宝塔区凤凰山街道二道街",
-      tz: "高峰期流量持续降低",
+      qy: '宝塔区凤凰山街道二道街',
+      tz: '高峰期流量持续降低',
       sj: 4,
-      yp: "燃气泄漏风险",
-      value: "003",
+      yp: '燃气泄漏风险',
+      value: '003',
     },
   ],
   // 巡查反馈
   XCFKData: [
     {
-      name: "堆放杂物",
+      name: '堆放杂物',
       num1: 20,
       num2: 80,
     },
     {
-      name: "设备丢失",
+      name: '设备丢失',
       num1: 12,
       num2: 88,
     },
     {
-      name: "下陷",
+      name: '下陷',
       num1: 32,
       num2: 68,
     },
     {
-      name: "异变",
+      name: '异变',
       num1: 30,
       num2: 70,
     },
     {
-      name: "其他",
+      name: '其他',
       num1: 20,
       num2: 80,
     },
@@ -414,51 +370,51 @@
   // 顶部表格数据
   TopTableData: [
     {
-      sj: "2024-09-26 10:00:29",
-      mx: "燃气常规检查发现泄漏",
-      dd: "宝塔区凤凰山街道二道街",
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
       zt: 0, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
     {
-      sj: "2024-09-27 16:10:248",
-      mx: "燃气常规检查发现泄漏",
-      dd: "宝塔区凤凰山街道二道街",
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
       zt: 0, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
     {
-      sj: "2024-09-26 10:00:29",
-      mx: "燃气常规检查发现泄漏",
-      dd: "宝塔区凤凰山街道二道街",
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
       zt: 0, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
     {
-      sj: "2024-09-27 16:10:248",
-      mx: "燃气常规检查发现泄漏",
-      dd: "宝塔区凤凰山街道二道街",
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
       zt: 0, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
   ],
   // 底部表格数据
   bottomTableData: [
     {
-      zhzx: "预警发布",
-      dt: "启动预警并通知成员单位",
-      sj: "10-20 08:30",
-      zlzt: "预警下发给城管局各单位，燃气供应处",
+      zhzx: '预警发布',
+      dt: '启动预警并通知成员单位',
+      sj: '10-20 08:30',
+      zlzt: '预警下发给城管局各单位，燃气供应处',
     },
     {
-      zhzx: "预警启动",
-      dt: "起草燃气安全预警应急行动",
-      sj: "10-20 07:00",
-      zlzt: "起草了预警通知",
+      zhzx: '预警启动',
+      dt: '起草燃气安全预警应急行动',
+      sj: '10-20 07:00',
+      zlzt: '起草了预警通知',
     },
   ],
   timer: null,
@@ -480,7 +436,7 @@
 });
 
 // 初始化预警统计的Echarts
-const initEcharts = (id) => {
+const initEcharts = id => {
   AllData.YJChangeIndex = id;
   let Data1 = [];
   let Data2 = [];
@@ -500,41 +456,41 @@
   if (!!myChart.value) {
     myChart.value.dispose();
   }
-  myChart.value = echarts.init(document.getElementById("YJEchartsBox"));
-  myChart.value.off("click");
+  myChart.value = echarts.init(document.getElementById('YJEchartsBox'));
+  myChart.value.off('click');
   myChart.value.setOption({
-    color: ["#18A7F2", "#1AF7AA"],
+    color: ['#18A7F2', '#1AF7AA'],
     tooltip: {
-      trigger: "axis",
+      trigger: 'axis',
     },
     grid: {
-      top: "30%",
-      left: "3%",
-      right: "4%",
-      bottom: "3%",
+      top: '30%',
+      left: '3%',
+      right: '4%',
+      bottom: '3%',
       containLabel: true,
     },
     legend: {
-      data: ["预警次数", "持续时长"],
+      data: ['预警次数', '持续时长'],
       textStyle: {
-        color: "#fffd", // 图例文字颜色
+        color: '#fffd', // 图例文字颜色
       },
-      x: "40",
-      y: "10",
+      x: '40',
+      y: '10',
     },
     xAxis: [
       {
-        type: "category",
-        data: ["今日", "09/27", "09/26", "09/25", "09/24", "09/23", "09/22"],
+        type: 'category',
+        data: ['今日', '09/27', '09/26', '09/25', '09/24', '09/23', '09/22'],
         axisPointer: {
-          type: "shadow",
+          type: 'shadow',
         },
         textStyle: {
-          color: "#EBFEFF",
+          color: '#EBFEFF',
         },
         axisLine: {
           lineStyle: {
-            color: "#EBFEFF",
+            color: '#EBFEFF',
           },
         },
         // boundaryGap: false,
@@ -542,57 +498,57 @@
     ],
     yAxis: [
       {
-        type: "value",
-        name: "预警次数",
+        type: 'value',
+        name: '预警次数',
         min: 0,
         max: 12,
         interval: 2,
         axisLabel: {
-          formatter: "{value}",
+          formatter: '{value}',
         },
         axisLine: {
           lineStyle: {
-            color: "#AAC1CF",
+            color: '#AAC1CF',
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ["#184E5A"],
+            color: ['#184E5A'],
           },
         },
       },
       {
-        type: "value",
-        name: "持续时长",
+        type: 'value',
+        name: '持续时长',
         min: 0,
         max: 30,
         interval: 5,
         axisLabel: {
-          formatter: "{value}",
+          formatter: '{value}',
         },
         axisLine: {
           lineStyle: {
-            color: "#AAC1CF",
+            color: '#AAC1CF',
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ["#184E5A"],
+            color: ['#184E5A'],
           },
         },
       },
     ],
     series: [
       {
-        name: "预警次数",
-        type: "bar",
-        barWidth: "10px",
+        name: '预警次数',
+        type: 'bar',
+        barWidth: '10px',
         showBackground: true,
         tooltip: {
           valueFormatter: function (value) {
-            return value + " 次";
+            return value + ' 次';
           },
         },
         itemStyle: {
@@ -602,12 +558,12 @@
         data: Data1,
       },
       {
-        name: "持续时长",
-        type: "line",
+        name: '持续时长',
+        type: 'line',
         yAxisIndex: 1,
         tooltip: {
           valueFormatter: function (value) {
-            return value + "min";
+            return value + 'min';
           },
         },
         areaStyle: {
@@ -615,11 +571,11 @@
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
               offset: 0,
-              color: "#1AF7AA",
+              color: '#1AF7AA',
             },
             {
               offset: 1,
-              color: "#1AF7AA00",
+              color: '#1AF7AA00',
             },
           ]),
         },
@@ -628,19 +584,19 @@
       },
     ],
   });
-  myChart.value.on("click", (param) => {
+  myChart.value.on('click', param => {
     console.log(param);
     let data = {
-      title: "风险监测",
-      comIDs: ["RQ_FengXianJianCe"],
+      title: '风险监测',
+      comIDs: ['RQ_FengXianJianCe'],
     };
-    bus.emit("publicDialog", data);
+    bus.emit('publicDialog', data);
     let a = {
-      value: "全部",
-      endTime: "2024-10-05",
+      value: '全部',
+      endTime: '2024-10-05',
     };
     setTimeout(() => {
-      bus.emit("getDataListFxjc", a);
+      bus.emit('getDataListFxjc', a);
     }, 500);
   });
 
@@ -653,7 +609,7 @@
     i++;
     if (i == length) i = 0;
     myChart.value.dispatchAction({
-      type: "showTip",
+      type: 'showTip',
       seriesIndex: 0,
       dataIndex: i,
     });
@@ -664,31 +620,31 @@
   if (!!myChart2.value) {
     myChart2.value.dispose();
   }
-  myChart2.value = echarts.init(document.getElementById("Echarts2Box"));
-  myChart2.value.off("click");
+  myChart2.value = echarts.init(document.getElementById('Echarts2Box'));
+  myChart2.value.off('click');
   myChart2.value.setOption({
     tooltip: {
-      trigger: "axis",
+      trigger: 'axis',
       axisPointer: {
-        type: "shadow",
+        type: 'shadow',
       },
     },
     grid: {
-      left: "5%",
-      top: "5%",
-      right: "5%",
-      bottom: "5%",
+      left: '5%',
+      top: '5%',
+      right: '5%',
+      bottom: '5%',
       containLabel: true,
     },
     xAxis: {
-      type: "category",
+      type: 'category',
       triggerEvent: true,
       axisLine: {
         show: false,
       },
       axisLabel: {
-        color: "#FFFFFF",
-        fontSize: "14",
+        color: '#FFFFFF',
+        fontSize: '14',
         // interval: 0,
         // rotate: rotate//文字旋转角度
       },
@@ -696,36 +652,36 @@
         // show: false,
         alignWithLabel: true,
         lineStyle: {
-          color: "#0C4F81",
-          type: "solid",
+          color: '#0C4F81',
+          type: 'solid',
         },
       },
       // data: xAxisData,
-      data: ["市政老化", "庭院老化", "立管老化", "其他"],
+      data: ['市政老化', '庭院老化', '立管老化', '其他'],
     },
     yAxis: {
-      type: "value",
+      type: 'value',
       nameTextStyle: {
-        color: "#4F88BD",
+        color: '#4F88BD',
         padding: [0, 25, -5, 0],
         fontSize: 12,
-        fontFamily: "Microsoft YaHei",
+        fontFamily: 'Microsoft YaHei',
       },
       axisLine: {
         show: true,
         lineStyle: {
-          color: "#0C4F81",
+          color: '#0C4F81',
         },
       },
       axisLabel: {
-        color: "#4F88BD",
-        fontSize: "12",
-        formatter: "{value}",
+        color: '#4F88BD',
+        fontSize: '12',
+        formatter: '{value}',
       },
       splitLine: {
         lineStyle: {
-          type: "dotted",
-          color: "#0C4F81",
+          type: 'dotted',
+          color: '#0C4F81',
         },
       },
       axisTick: {
@@ -735,22 +691,22 @@
     series: [
       {
         z: 2,
-        type: "pictorialBar",
-        symbolPosition: "end",
+        type: 'pictorialBar',
+        symbolPosition: 'end',
         data: [410, 420, 520, 520],
-        symbol: "diamond",
-        symbolOffset: ["0", "-40%"], //盖子的位置
+        symbol: 'diamond',
+        symbolOffset: ['0', '-40%'], //盖子的位置
         symbolSize: [15, 13], //盖子的大小
         itemStyle: {
           color: {
-            type: "linear",
+            type: 'linear',
             x: 0,
             x2: 1,
             y: 0,
             y2: 0,
             colorStops: [
-              { offset: 0, color: "rgba(1, 224, 238, 1 )" },
-              { offset: 1, color: "rgba(1, 224, 238, 1)" },
+              { offset: 0, color: 'rgba(1, 224, 238, 1 )' },
+              { offset: 1, color: 'rgba(1, 224, 238, 1)' },
             ],
           }, //盖子的颜色
         },
@@ -760,29 +716,29 @@
       },
       {
         z: 1,
-        type: "bar",
+        type: 'bar',
         barWidth: 15,
-        barGap: "50%",
+        barGap: '50%',
         data: [410, 420, 520, 520],
         itemStyle: {
           color: {
-            type: "linear",
+            type: 'linear',
             x: 0,
             x2: 1,
             y: 0,
             y2: 0,
             colorStops: [
-              { offset: 0, color: "rgba(1, 224, 238, 0.8)" },
-              { offset: 0.5, color: "rgba(1, 224, 238, 0.5)" },
-              { offset: 0.5, color: "rgba(1, 224, 238, 0.1)" },
-              { offset: 1, color: "rgba(1, 224, 238, 0.8)" },
+              { offset: 0, color: 'rgba(1, 224, 238, 0.8)' },
+              { offset: 0.5, color: 'rgba(1, 224, 238, 0.5)' },
+              { offset: 0.5, color: 'rgba(1, 224, 238, 0.1)' },
+              { offset: 1, color: 'rgba(1, 224, 238, 0.8)' },
             ],
           },
         },
       },
     ],
   });
-  myChart2.value.on("click", (param) => {
+  myChart2.value.on('click', param => {
     console.log(param);
     TuChengClick(param.dataIndex - 1);
   });
@@ -799,14 +755,14 @@
   return `width:${widthNum}%`;
 };
 // 工单派发
-const GongDanPaiFa = (item) => {
+const GongDanPaiFa = item => {
   console.log(item);
   let data = {
     title: item.wranLocation,
-    comIDs: ["gdpf"],
+    comIDs: ['gdpf'],
     getSiteId: item.id,
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
 };
 // // 风险
 // const FengXianClick = (item) => {
@@ -818,7 +774,7 @@
 //   bus.emit("publicDialog", data);
 // };
 // 风险监测派发
-const PaiFa = (item) => {
+const PaiFa = item => {
   console.log(item);
   // let data = {
   //   title: "智慧外呼",
@@ -830,58 +786,54 @@
   useDialogTabs.addPosition(AllData.TableChangePosition); // 添加全景位置
   useDialogTabs.addRQ(item);
   let data = {
-    title: AllData.TableChangeName + " " + item.zb + " 风险监测",
+    title: AllData.TableChangeName + ' ' + item.zb + ' 风险监测',
     comIDs: [],
     SiteNo: AllData.TableChangeNo,
-    RefName: "RQ_ZhiHuiWaiHu",
+    RefName: 'RQ_ZhiHuiWaiHu',
   };
 
-  getTabsList(AllData.TableChangeNo).then((res) => {
+  getTabsList(AllData.TableChangeNo).then(res => {
     data.comIDs = res;
-    bus.emit("publicDialog", data);
+    bus.emit('publicDialog', data);
   });
 };
 //巡查反馈处理、未处理
-const dealOrNoDeal = (item) => {
+const dealOrNoDeal = item => {
   AllData.xunChaStatic = item;
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
     pitch: 55,
   });
-  bus.emit("removeMapDatas", ["warning_monitor"]);
+  bus.emit('removeMapDatas', ['warning_monitor']);
   if (item == 1) {
-    let removedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
-    let selectedLayer = AllData.xunChaLayers.filter((layer) =>
-      layer.includes("alreadyDeal")
-    );
-    bus.emit("removeMapDatas", AllData.xunChaLayers);
-    bus.emit("setGeoJSON", { json: zaWuDuiFang, key: "alreadyDeal_DF" });
-    bus.emit("setGeoJSON", { json: sheBeiLost, key: "alreadyDeal_DS" });
-    bus.emit("setGeoJSON", { json: xiaXian, key: "alreadyDeal_XX" });
-    bus.emit("setGeoJSON", { json: yiBian, key: "alreadyDeal_YB" });
-    bus.emit("setGeoJSON", { json: rq_QiTa, key: "alreadyDeal_QT" });
-    selectedLayer.forEach((layer) => {
-      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
+    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
+    bus.emit('removeMapDatas', AllData.xunChaLayers);
+    bus.emit('setGeoJSON', { json: zaWuDuiFang, key: 'alreadyDeal_DF' });
+    bus.emit('setGeoJSON', { json: sheBeiLost, key: 'alreadyDeal_DS' });
+    bus.emit('setGeoJSON', { json: xiaXian, key: 'alreadyDeal_XX' });
+    bus.emit('setGeoJSON', { json: yiBian, key: 'alreadyDeal_YB' });
+    bus.emit('setGeoJSON', { json: rq_QiTa, key: 'alreadyDeal_QT' });
+    selectedLayer.forEach(layer => {
+      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
     });
   } else {
-    let removedLayer = AllData.xunChaLayers.filter((layer) =>
-      layer.includes("alreadyDeal")
-    );
-    let selectedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
-    bus.emit("removeMapDatas", AllData.xunChaLayers);
-    bus.emit("setGeoJSON", { json: no_zaWuDuiFang, key: "onDeal_DF" });
-    bus.emit("setGeoJSON", { json: no_sheBeiLost, key: "onDeal_DS" });
-    bus.emit("setGeoJSON", { json: no_xiaXian, key: "onDeal_XX" });
-    bus.emit("setGeoJSON", { json: no_yiBian, key: "onDeal_YB" });
-    bus.emit("setGeoJSON", { json: no_rq_QiTa, key: "onDeal_QT" });
-    selectedLayer.forEach((layer) => {
-      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
+    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
+    bus.emit('removeMapDatas', AllData.xunChaLayers);
+    bus.emit('setGeoJSON', { json: no_zaWuDuiFang, key: 'onDeal_DF' });
+    bus.emit('setGeoJSON', { json: no_sheBeiLost, key: 'onDeal_DS' });
+    bus.emit('setGeoJSON', { json: no_xiaXian, key: 'onDeal_XX' });
+    bus.emit('setGeoJSON', { json: no_yiBian, key: 'onDeal_YB' });
+    bus.emit('setGeoJSON', { json: no_rq_QiTa, key: 'onDeal_QT' });
+    selectedLayer.forEach(layer => {
+      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
     });
   }
 };
 // 巡查反馈
-const XunChaFanKui = (item) => {
+const XunChaFanKui = item => {
   let removedLayer = [];
   let selectedLayer = [];
   newfiberMapbox.map.easeTo({
@@ -890,80 +842,60 @@
     pitch: 55,
   });
   switch (item.name) {
-    case "堆放杂物":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_DF" && layer != "noDeal_DF"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_DF" || layer == "noDeal_DF"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '堆放杂物':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DF' && layer != 'noDeal_DF');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DF' || layer == 'noDeal_DF');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
-    case "设备丢失":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_DS" && layer != "noDeal_DS"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_DS" || layer == "noDeal_DS"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '设备丢失':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DS' && layer != 'noDeal_DS');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DS' || layer == 'noDeal_DS');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
-    case "下陷":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_XX" && layer != "noDeal_XX"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_XX" || layer == "noDeal_XX"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '下陷':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_XX' && layer != 'noDeal_XX');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_XX' || layer == 'noDeal_XX');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
-    case "异变":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_YB" && layer != "noDeal_YB"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_YB" || layer == "noDeal_YB"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '异变':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_YB' && layer != 'noDeal_YB');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_YB' || layer == 'noDeal_YB');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
-    case "其他":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_QT" && layer != "noDeal_QT"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_QT" || layer == "noDeal_QT"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '其他':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_QT' && layer != 'noDeal_QT');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_QT' || layer == 'noDeal_QT');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
   }
 };
 // 风险评估
-const TuChengClick = (item) => {
+const TuChengClick = item => {
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
@@ -971,56 +903,59 @@
   });
   switch (item) {
     case 0:
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
       break;
     case 1:
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: true });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: true });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
       break;
     case 2:
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: true });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: true });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
 
       break;
     case 3:
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: true });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: true });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
       break;
     case 4:
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: true });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: true });
       break;
   }
 };
 
 // 辅助决策点击
-const fzjcBoxClick = (item) => {
+const fzjcBoxClick = item => {
   item.zb = '压力';
   item.value = '2';
-  console.log("🚀 ~ fzjcBoxClick ~ item.location.split(','):", item.location.split(',').map(item => parseFloat(item)))
-  useDialogTabs.addPosition(item.location.split(',').map(item => parseFloat(item))) // 添加全景位置
-  useDialogTabs.addRQ(item) // 添加燃气数据
+  console.log(
+    "🚀 ~ fzjcBoxClick ~ item.location.split(','):",
+    item.location.split(',').map(item => parseFloat(item))
+  );
+  useDialogTabs.addPosition(item.location.split(',').map(item => parseFloat(item))); // 添加全景位置
+  useDialogTabs.addRQ(item); // 添加燃气数据
   let data = {
-    title: item.wranLocation +' '+ item.zb + " 风险监测",
-    comIDs: [], 
+    title: item.wranLocation + ' ' + item.zb + ' 风险监测',
+    comIDs: [],
     SiteNo: item.siteNo,
-    RefName:"RQ_FengXianJianCe",
+    RefName: 'RQ_FengXianJianCe',
   };
 
   getTabsList(item.siteNo).then(res => {
@@ -1029,9 +964,8 @@
   });
 };
 
-
 // 风险
-const FengXianClick = (item) => {
+const FengXianClick = item => {
   // let data = {
   //   title: item.zb + " 风险监测",
   //   comIDs: ["RQ_FengXianJianCe"],
@@ -1042,15 +976,15 @@
   useDialogTabs.addPosition(AllData.TableChangePosition); // 添加全景位置
   useDialogTabs.addRQ(item); // 添加燃气数据
   let data = {
-    title: AllData.TableChangeName + " " + item.zb + " 风险监测",
+    title: AllData.TableChangeName + ' ' + item.zb + ' 风险监测',
     comIDs: [],
     SiteNo: AllData.TableChangeNo,
-    RefName: "RQ_FengXianJianCe",
+    RefName: 'RQ_FengXianJianCe',
   };
 
-  getTabsList(AllData.TableChangeNo).then((res) => {
+  getTabsList(AllData.TableChangeNo).then(res => {
     data.comIDs = res;
-    bus.emit("publicDialog", data);
+    bus.emit('publicDialog', data);
   });
 
   // setTimeout(() => {
@@ -1062,20 +996,20 @@
 };
 
 // 现场连线
-const XianChangLianXian = (item) => {
-  bus.emit("OpenRY");
+const XianChangLianXian = item => {
+  bus.emit('OpenRY');
 };
 
 // 发布预警
-const WarningClick = (item) => {
+const WarningClick = item => {
   let data = {
-    title: "发布预警",
-    comIDs: ["RQ_Warning"],
+    title: '发布预警',
+    comIDs: ['RQ_Warning'],
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
 
   setTimeout(() => {
-    bus.emit("RQ_PrimaryType", 1);
+    bus.emit('RQ_PrimaryType', 1);
   });
 };
 
@@ -1088,14 +1022,13 @@
 );
 //燃气超标
 const showIndexOver = () => {
-  bus.emit("removeMapDatas", AllData.xunChaLayers);
-  let key = "warning_monitor";
-  bus.emit("getGeojsonByType", {
+  bus.emit('removeMapDatas', AllData.xunChaLayers);
+  let key = 'warning_monitor';
+  bus.emit('getGeojsonByType', {
     type: key,
-    callback: (geojson) => {
-      if (!!!geojson.features.length)
-        bus.emit("setGeoJSON", { json: yanAnRQoverindex, key: "warning_monitor" });
-      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
+    callback: geojson => {
+      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnRQoverindex, key: 'warning_monitor' });
+      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -1105,14 +1038,13 @@
 };
 //燃气告警
 const showIndexWarning = () => {
-  bus.emit("removeMapDatas", AllData.xunChaLayers);
-  let key = "warning_monitor";
-  bus.emit("getGeojsonByType", {
+  bus.emit('removeMapDatas', AllData.xunChaLayers);
+  let key = 'warning_monitor';
+  bus.emit('getGeojsonByType', {
     type: key,
-    callback: (geojson) => {
-      if (!!!geojson.features.length)
-        bus.emit("setGeoJSON", { json: yanAnWarring, key: "warning_monitor" });
-      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
+    callback: geojson => {
+      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnWarring, key: 'warning_monitor' });
+      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -1124,15 +1056,15 @@
 // 辅助决策
 const getCommonWarningList = async () => {
   try {
-    const res = await commonWarningList({ moduleType: "Gas" });
+    const res = await commonWarningList({ moduleType: 'Gas' });
     JCData.value = res.data;
     // console.log('🚀 ~ getCommonWarningList ~ res:', res);
   } catch (error) {
-    console.log("🚀 ~ getCommonWarningList ~ error:", error);
+    console.log('🚀 ~ getCommonWarningList ~ error:', error);
   }
 };
 
-const fxjsChange = (item) => {
+const fxjsChange = item => {
   // TableChangeIndex: 1,
   // TableChangeNo: 'RQ20240001',
   AllData.TableChangeIndex = item.id;
@@ -1142,53 +1074,51 @@
 };
 
 // 获取站点弹窗 tab列表
-const getTabsList = async (siteNo) => {
+const getTabsList = async siteNo => {
   try {
     const res = await selectBoxBySiteNo(siteNo);
-    const tabsList = res.data.boxList.map((item) => item.boxId);
+    const tabsList = res.data.boxList.map(item => item.boxId);
     return tabsList;
   } catch (error) {
-    console.log("🚀 ~ getTabsList ~ error:", error);
+    console.log('🚀 ~ getTabsList ~ error:', error);
   }
 };
 // 展示四色图
-const ShowSiSetu = (bol) => {
-  bus.emit("SetLayerShow", ["燃气风险评估"]);
+const ShowSiSetu = bol => {
+  bus.emit('SetLayerShow', ['燃气风险评估']);
   // bus.emit("SiSeTuBol", true);
 };
 onMounted(() => {
   let initeRQTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer("rq_pipeline_info")) return;
-    if (!newfiberMapbox.map.getLayer("sx_ya_smx_rq_point")) return;
+    if (!newfiberMapbox.map.getLayer('rq_pipeline_info')) return;
+    if (!newfiberMapbox.map.getLayer('sx_ya_smx_rq_point')) return;
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 12,
     });
     //告警点事件
-    let warningPoint = newfiberMapbox
-      .getLayers()
-      .filter((feature) => feature.newfiberId == "warning_monitor")[0];
+    let warningPoint = newfiberMapbox.getLayers().filter(feature => feature.newfiberId == 'warning_monitor')[0];
     if (warningPoint) {
-      warningPoint.on("click", (e) => {
+      warningPoint.on('click', e => {
         let popupData = e.feature.properties;
 
         debugger;
-        console.log("popupData---", "告警---------", popupData);
+        console.log('popupData---', '告警---------', popupData);
         FengXianClick({
-          zb: "甲烷浓度",
-          sz: "3%",
+          zb: '甲烷浓度',
+          sz: '3%',
           szzt: true,
           zt: 0, //0预警 1 正常
-          value: "JWND",
+          value: 'JWND',
         });
       });
     }
-    bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-    bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: true });
-    bus.emit("setLayerVisible", { layername: "sx_ya_smx_rq_line_sz", isCheck: true });
-    bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: true });
-    bus.emit("setLayerVisible", { layername: "sx_ya_smx_rq_line_zg", isCheck: true });
+    bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+    bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: true });
+    bus.emit('setLayerVisible', { layername: 'sx_ya_smx_rq_line_sz', isCheck: true });
+    bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: true });
+    bus.emit('setLayerVisible', { layername: 'sx_ya_smx_rq_line_zg', isCheck: true });
     clearInterval(initeRQTimer);
   }, 100);
   initEcharts(1);
@@ -1196,26 +1126,26 @@
   getCommonWarningList();
 });
 onBeforeUnmount(() => {
-  bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false });
-  bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-  bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-  bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-  bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
-  bus.emit("removeMapDatas", AllData.xunChaLayers);
-  bus.emit("removeMapDatas", ["warning_monitor"]);
-  bus.emit("setLayerVisible", { layername: "warning_monitor", isCheck: false });
-  bus.emit("closeCesiumPopup");
-  bus.emit("SetLayerShow", ["蓝色地图"]);
-  mapBoxVectorLayer.removeByIds(["clickPoint"]);
-  bus.emit("closeCesiumPopup");
-  if (!!newfiberMapbox.getLayerByName("rqLine")) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
+  bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false });
+  bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+  bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+  bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+  bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+  bus.emit('removeMapDatas', AllData.xunChaLayers);
+  bus.emit('removeMapDatas', ['warning_monitor']);
+  bus.emit('setLayerVisible', { layername: 'warning_monitor', isCheck: false });
+  bus.emit('closeCesiumPopup');
+  bus.emit('SetLayerShow', ['蓝色地图']);
+  mapBoxVectorLayer.removeByIds(['clickPoint']);
+  bus.emit('closeCesiumPopup');
+  if (!!newfiberMapbox.getLayerByName('rqLine')) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
   }
 });
 </script>
 
 <style lang="scss" scoped>
-@import "@/assets/styles/transition_oneMap.scss";
+@import '@/assets/styles/transition_oneMap.scss';
 #ZHRQ {
   .warningPrompt {
     position: absolute;
@@ -1261,11 +1191,7 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1399,7 +1325,7 @@
           height: 42px;
           width: calc(50% - 9px);
           display: flex;
-          background: url("@/assets/images/Sponge_screen/RQ/RQ_FX.png") no-repeat center;
+          background: url('@/assets/images/Sponge_screen/RQ/RQ_FX.png') no-repeat center;
           background-size: 100% 100%;
           cursor: pointer;
 
@@ -1633,11 +1559,7 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1795,11 +1717,7 @@
     position: absolute;
     left: 520px;
     top: 110px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1891,11 +1809,7 @@
     position: absolute;
     left: 510px;
     bottom: 180px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1969,8 +1883,7 @@
     .Box_header {
       width: 100%;
       height: 43px;
-      background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
-        center;
+      background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
       background-size: cover;
       font-family: PangMenZhengDao;
       font-weight: 400;

diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index 35db68c..cfc1257 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -837,7 +837,7 @@
           "shuiWeuJianCe",
           "ysbz"
         ],
-        "text-allow-overlap": false,
+        "text-allow-overlap": true,
         "icon-allow-overlap": true,
         "icon-anchor": "center",
         "icon-size": 0.8,
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
index 3394a91..8c4bfbf 100644
--- a/src/views/DialogTabs/component/GongDanPaiFa.vue
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -92,19 +92,6 @@
     .catch((err) => {
       console.log("🚀 ~ alarmWorkOrderAdd ~ err:", err);
     });
-
-  // unitVoiceTemplateCall({
-  //   robotId: '2c922fb8-40f1-47e9-afc0-dc3c7b6bb3cd',
-  //   phones: '13129919657,13638648812,13332926003',
-  //   templateDesc: {
-  //     title: '延安城市生命线通知',
-  //     // notice: `在${form.value.FXWZ}出现了${form.value.FZYP},请于${form.value.FKSJ}进行确认与反馈`,
-  //     notice: `在${form.value.wranLocation}出现了${form.value.assessment},请于${form.value.requestFeedbackHour}进行确认与反馈`,
-  //   },
-  // }).then(response => {
-  //   proxy.$modal.msgSuccess('派发成功');
-  //   bus.emit('publicDialog_Close');
-  // });
 };
 
 // 工单信息
diff --git a/src/views/DialogTabs/component/RQ_FengXianJianCe.vue b/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
index fa5a1b0..1be888e 100644
--- a/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
+++ b/src/views/DialogTabs/component/RQ_FengXianJianCe.vue
@@ -16,12 +16,7 @@
       <div class="SearchLabel">预警类型:</div>
       <div class="SearchSel">
         <el-select v-model="AllData.value2" placeholder="Select" style="width: 100%">
-          <el-option
-            v-for="item in AllData.options2"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+          <el-option v-for="item in AllData.options2" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </div>
       <div class="SearchLabel">
@@ -50,49 +45,49 @@
 </template>
 
 <script setup name="RQ_FengXianJianCe">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
-import { earlyWarningInfoPage } from "@/api/ranqi.js";
-import bus from "@/bus";
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
+import { earlyWarningInfoPage } from '@/api/ranqi.js';
+import bus from '@/bus';
+import dialogTabsStore from '@/store/modules/dialogTabs';
 
 const useDialogTabs = dialogTabsStore();
 const AllData = reactive({
-  dateTime: "",
+  dateTime: '',
   options: [
     {
-      value: "2021",
-      label: "2021年",
+      value: '2021',
+      label: '2021年',
     },
     {
-      value: "2022",
-      label: "2022年",
+      value: '2022',
+      label: '2022年',
     },
     {
-      value: "2023",
-      label: "2023年",
+      value: '2023',
+      label: '2023年',
     },
     {
-      value: "2024",
-      label: "2024年",
+      value: '2024',
+      label: '2024年',
     },
   ],
-  value2: "0",
+  value2: '0',
   options2: [
     {
-      value: "0",
-      label: "全部",
+      value: '0',
+      label: '全部',
     },
     {
-      value: "1",
-      label: "甲烷浓度",
+      value: '1',
+      label: '甲烷浓度',
     },
     {
-      value: "2",
-      label: "压力",
+      value: '3',
+      label: '温度',
     },
     {
-      value: "3",
-      label: "温度",
+      value: '2',
+      label: '水位',
     },
   ],
   CS: 4,
@@ -104,9 +99,9 @@
     pageSize: 10,
   },
 });
-const getList = (item) => {
+const getList = item => {
   // 获取数据
-  earlyWarningInfoPage({ warningType: item }).then((res) => {
+  earlyWarningInfoPage({ warningType: item }).then(res => {
     AllData.DataList = res.data;
     AllData.total = res.total;
     AllData.CS = res.total;
@@ -130,7 +125,7 @@
 });
 
 onBeforeUnmount(() => {
-  bus.off("getDataListFxjc");
+  bus.off('getDataListFxjc');
 });
 </script>
 
diff --git a/src/views/oneMap/SmartDrainage/PsLeftBox.vue b/src/views/oneMap/SmartDrainage/PsLeftBox.vue
index fd6283a..9c5a50e 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;
@@ -408,11 +377,13 @@
   showRainList.value = ranLeng[0];
   getData();
   initRainImage([images[0]]);
+  bus.emit('clearAllLayer');
+  bus.emit('SetLayerShow', ['排水监测', '雨水管网流向']);
 });
 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 +467,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 +491,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 +530,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 +583,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 +631,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;
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 8a9313c..2daa062 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -2,34 +2,18 @@
   <div id="ZHRQ">
     <PublicHead />
 
-    <div
-      :class="[
-        'LeftBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft',
-      ]"
-    >
+    <div :class="['LeftBox', 'animate__animated', showPanel ? 'animate__fadeOutLeft' : 'animate__fadeInLeft']">
       <div class="ComBox LeftBox1_1">
-        <div class="Box_header" style="cursor: pointer" @click="ShowSiSetu(true)">
-          管道风险评估
-        </div>
+        <div class="Box_header" style="cursor: pointer" @click="ShowSiSetu(true)">管道风险评估</div>
         <div class="Box_Body">
           <div class="TJListBox">
             <div class="TJList TJList_RQ" @click="TuChengClick(0)">
-              <img
-                class="TJListImg"
-                src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png"
-                alt=""
-              />
+              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_RQ.png" alt="" />
               <span class="TJListName">燃气管道</span>
               <span class="TJListValue">4549km</span>
             </div>
             <div class="TJList TJList_GZ">
-              <img
-                class="TJListImg"
-                src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png"
-                alt=""
-              />
+              <img class="TJListImg" src="@/assets/images/Sponge_screen/RQ/RQ_GZ.png" alt="" />
               <span class="TJListName">需改造</span>
               <span class="TJListValue">1922km</span>
             </div>
@@ -70,9 +54,7 @@
             </div>
             <div class="tableBody">
               <div class="tableBodyList" v-for="item in AllData.FXJCData">
-                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{
-                  item.zb
-                }}</span>
+                <span class="tableBodyList_span1" @click="FengXianClick(item)">{{ item.zb }}</span>
                 <span class="tableBodyList_span2" @click="FengXianClick(item)"
                   >{{ item.sz }}
                   <el-icon v-if="item.szzt" color="lime" size="14"><Top /> </el-icon>
@@ -80,15 +62,13 @@
                     <Bottom />
                   </el-icon>
                 </span>
-                <span
-                  class="tableBodyList_span3"
-                  :class="item.zt == 0 ? 'YJClass' : ''"
-                  >{{ item.zt == 0 ? "预警" : "正常" }}</span
-                >
+                <span class="tableBodyList_span3" :class="item.zt == 0 ? 'YJClass' : ''">{{
+                  item.zt == 0 ? '预警' : '正常'
+                }}</span>
                 <span class="tableBodyList_span4" @click="PaiFa(item)">派发</span>
               </div>
             </div>
-            <div class="tableFoot">更新时间：2024-09-27 10:00</div>
+            <div class="tableFoot">更新时间：2024-10:25 10:00</div>
           </div>
         </div>
       </div>
@@ -109,17 +89,11 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'RightBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight',
-      ]"
-    >
+    <div :class="['RightBox', 'animate__animated', showPanel ? 'animate__fadeOutRight' : 'animate__fadeInRight']">
       <div class="ComBox RightBox1_1">
         <div class="Box_header">辅助决策</div>
         <div class="Box_Body">
-          <div class="JCListBox" v-for="item in AllData.JCData" @click="fzjcBoxClick(item)" >
+          <div class="JCListBox" v-for="item in AllData.JCData" @click="fzjcBoxClick(item)">
             <div class="JCListBox_List">
               <span class="JCListBox_List_label">风险区域:</span>
               <span class="JCListBox_List_value">{{ item.wranLocation }}</span>
@@ -137,16 +111,10 @@
               <span class="JCListBox_List_value color_red">{{ item.assessment }}</span>
             </div>
             <div class="JCListBox_List JCListBox_List_BTN">
-              <el-button
-                style="background: #03b6a0; color: white; border: none"
-                size="small"
-                @click="GongDanPaiFa(item)"
+              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="GongDanPaiFa(item)"
                 >工单派发</el-button
               >
-              <el-button
-                style="background: #03b6a0; color: white; border: none"
-                size="small"
-                @click="XianChangLianXian(item)"
+              <el-button style="background: #03b6a0; color: white; border: none" size="small" @click="XianChangLianXian(item)"
                 >现场联线</el-button
               >
             </div>
@@ -157,18 +125,12 @@
         <div class="Box_header">预警处置</div>
         <div class="Box_Body">
           <div class="FK_headerBox">
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)">
-              <span class="FK_headerBox_list_colorBox1"></span> 未处理
-            </div>
-            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)">
-              <span class="FK_headerBox_list_colorBox2"></span> 已处理
-            </div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(1)"><span class="FK_headerBox_list_colorBox1"></span> 未处理</div>
+            <div class="FK_headerBox_list" @click="dealOrNoDeal(2)"><span class="FK_headerBox_list_colorBox2"></span> 已处理</div>
           </div>
           <div class="FK_bodyBox">
             <div class="FK_bodyBox_list" v-for="item in AllData.XCFKData">
-              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{
-                item.name
-              }}</span>
+              <span class="FK_bodyBox_list_label" @click="XunChaFanKui(item)">{{ item.name }}</span>
               <div class="FK_BigBox">
                 <div class="FK_CenBox1" :style="getWidth(item, 1)">{{ item.num1 }}</div>
                 <div class="FK_CenBox2" :style="getWidth(item, 2)">{{ item.num2 }}</div>
@@ -242,119 +204,113 @@
       </Vue3SeamlessScroll>
     </div> -->
 
-    <div
-      class="IssueWarning"
-      :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']"
-      @click="WarningClick"
-    >
-      发布预警
-    </div>
+    <div class="IssueWarning" :class="[showPanel ? 'TuChengImgTrue' : 'TuChengImgFalse']" @click="WarningClick">发布预警</div>
   </div>
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from "vue";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from 'vue';
 
-import PublicHead from "./PublicHead";
+import PublicHead from './PublicHead';
 
-import moment from "moment";
-import * as echarts from "echarts";
-import bus from "@/bus";
-import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
-import sheBeiLost from "@/assets/sheBeiLost.json";
-import xiaXian from "@/assets/xiaXian.json";
-import yiBian from "@/assets/yiBian.json";
-import zaWuDuiFang from "@/assets/zaWuDuiFang.json";
-import rq_QiTa from "@/assets/rq_QiTa.json";
-import no_sheBeiLost from "@/assets/no_sheBeiLost.json";
-import no_xiaXian from "@/assets/no_xiaXian.json";
-import no_yiBian from "@/assets/no_yiBian.json";
-import no_zaWuDuiFang from "@/assets/no_zaWuDuiFang.json";
-import no_rq_QiTa from "@/assets/no_rq_QiTa.json";
-import yanAnRQoverindex from "@/assets/yanAnRQoverindex.json";
-import yanAnWarring from "@/assets/yanAnWarring.json";
+import moment from 'moment';
+import * as echarts from 'echarts';
+import bus from '@/bus';
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import sheBeiLost from '@/assets/sheBeiLost.json';
+import xiaXian from '@/assets/xiaXian.json';
+import yiBian from '@/assets/yiBian.json';
+import zaWuDuiFang from '@/assets/zaWuDuiFang.json';
+import rq_QiTa from '@/assets/rq_QiTa.json';
+import no_sheBeiLost from '@/assets/no_sheBeiLost.json';
+import no_xiaXian from '@/assets/no_xiaXian.json';
+import no_yiBian from '@/assets/no_yiBian.json';
+import no_zaWuDuiFang from '@/assets/no_zaWuDuiFang.json';
+import no_rq_QiTa from '@/assets/no_rq_QiTa.json';
+import yanAnRQoverindex from '@/assets/yanAnRQoverindex.json';
+import yanAnWarring from '@/assets/yanAnWarring.json';
 
-import dialogTabsStore from "@/store/modules/dialogTabs";
+import dialogTabsStore from '@/store/modules/dialogTabs';
 // 辅助决策
-import { commonWarningList } from "@/api/RQWarning";
-import { selectBoxBySiteNo } from "@/api/system/tanchuang";
-import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
+import { commonWarningList } from '@/api/RQWarning';
+import { selectBoxBySiteNo } from '@/api/system/tanchuang';
+import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
 const useDialogTabs = dialogTabsStore();
 const { proxy } = getCurrentInstance();
-const { module_type } = proxy.useDict("module_type");
-console.log("🚀 ~ module_type:", module_type);
+const { module_type } = proxy.useDict('module_type');
+console.log('🚀 ~ module_type:', module_type);
 
 const AllData = reactive({
   xunChaStatic: null,
   showTipsData: {},
   xunChaLayers: [
-    "alreadyDeal_DF",
-    "alreadyDeal_DS",
-    "alreadyDeal_XX",
-    "alreadyDeal_YB",
-    "alreadyDeal_QT",
-    "noDeal_DF",
-    "noDeal_DS",
-    "noDeall_XX",
-    "noDeal_YB",
-    "noDeal_QT",
+    'alreadyDeal_DF',
+    'alreadyDeal_DS',
+    'alreadyDeal_XX',
+    'alreadyDeal_YB',
+    'alreadyDeal_QT',
+    'noDeal_DF',
+    'noDeal_DS',
+    'noDeall_XX',
+    'noDeal_YB',
+    'noDeal_QT',
   ],
   ChangeData: [
     {
-      name: "延安中学",
+      name: '延安中学',
       id: 1,
-      siteNo:'RQ202400001',
-      position:[109.4774986436632,36.60497748480903],
+      siteNo: 'RQ202400001',
+      position: [109.4774986436632, 36.60497748480903],
     },
     {
-      name: "延安大学附属医院",
+      name: '延安大学附属医院',
       id: 2,
-      siteNo:'RQ202400002',
-      position:[109.48304674487184,36.59982338278728],
+      siteNo: 'RQ202400002',
+      position: [109.48304674487184, 36.59982338278728],
     },
   ],
   TableChangeIndex: 1,
   TableChangeNo: 'RQ202400001',
   TableChangeName: '延安中学',
-  TableChangePosition: [109.4774986436632,36.60497748480903],
+  TableChangePosition: [109.4774986436632, 36.60497748480903],
   // 风险监测
   FXJCData: [
     {
-      zb: "甲烷浓度",
-      sz: "3%",
-      szzt: true,
-      zt: 0, //0预警 1 正常
-      // value: "JWND",
-      value: "1",
-    },
-    {
-      zb: "压力",
-      sz: "5MPa",
+      zb: '甲烷浓度',
+      sz: '0%',
       szzt: false,
       zt: 1, //0预警 1 正常
-      // value: "YL",
-      value: "2",
+      // value: "JWND",
+      value: '1',
     },
     {
-      zb: "温度",
-      sz: "25C°",
+      zb: '温度',
+      sz: '17C°',
       szzt: true,
       zt: 1, //0预警 1 正常
       // value: "WD",
-      value: "3",
+      value: '3',
+    },
+    {
+      zb: '水位',
+      sz: '0',
+      szzt: false,
+      zt: 1, //0预警 1 正常
+      // value: "YL",
+      value: '2',
     },
   ],
   YJChangeData: [
     {
-      name: "综合",
+      name: '综合',
       id: 1,
     },
     {
-      name: "压力",
+      name: '压力',
       id: 2,
     },
     {
-      name: "温度",
+      name: '温度',
       id: 3,
     },
   ],
@@ -362,51 +318,51 @@
   //辅助决策
   JCData: [
     {
-      qy: "宝塔区凤凰山街道二道街",
-      tz: "压力监测异常波动",
+      qy: '宝塔区凤凰山街道二道街',
+      tz: '压力监测异常波动',
       sj: 5,
-      yp: "设施故障",
-      value: "001", //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
+      yp: '设施故障',
+      value: '001', //语音识别内容编码-前段自己设置的,后期项目有接口就直接替换数据唯一id
     },
     {
-      qy: "宝塔区凤凰山街道二道街",
-      tz: "燃气管道压力过大",
+      qy: '宝塔区凤凰山街道二道街',
+      tz: '燃气管道压力过大',
       sj: 5,
-      yp: "燃气爆管风险",
-      value: "002",
+      yp: '燃气爆管风险',
+      value: '002',
     },
     {
-      qy: "宝塔区凤凰山街道二道街",
-      tz: "高峰期流量持续降低",
+      qy: '宝塔区凤凰山街道二道街',
+      tz: '高峰期流量持续降低',
       sj: 4,
-      yp: "燃气泄漏风险",
-      value: "003",
+      yp: '燃气泄漏风险',
+      value: '003',
     },
   ],
   // 巡查反馈
   XCFKData: [
     {
-      name: "堆放杂物",
+      name: '堆放杂物',
       num1: 20,
       num2: 80,
     },
     {
-      name: "设备丢失",
+      name: '设备丢失',
       num1: 12,
       num2: 88,
     },
     {
-      name: "下陷",
+      name: '下陷',
       num1: 32,
       num2: 68,
     },
     {
-      name: "异变",
+      name: '异变',
       num1: 30,
       num2: 70,
     },
     {
-      name: "其他",
+      name: '其他',
       num1: 20,
       num2: 80,
     },
@@ -414,51 +370,51 @@
   // 顶部表格数据
   TopTableData: [
     {
-      sj: "2024-09-26 10:00:29",
-      mx: "燃气常规检查发现泄漏",
-      dd: "宝塔区凤凰山街道二道街",
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
       zt: 0, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
     {
-      sj: "2024-09-27 16:10:248",
-      mx: "燃气常规检查发现泄漏",
-      dd: "宝塔区凤凰山街道二道街",
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
       zt: 0, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
     {
-      sj: "2024-09-26 10:00:29",
-      mx: "燃气常规检查发现泄漏",
-      dd: "宝塔区凤凰山街道二道街",
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
       zt: 0, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
     {
-      sj: "2024-09-27 16:10:248",
-      mx: "燃气常规检查发现泄漏",
-      dd: "宝塔区凤凰山街道二道街",
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
       zt: 0, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
   ],
   // 底部表格数据
   bottomTableData: [
     {
-      zhzx: "预警发布",
-      dt: "启动预警并通知成员单位",
-      sj: "10-20 08:30",
-      zlzt: "预警下发给城管局各单位，燃气供应处",
+      zhzx: '预警发布',
+      dt: '启动预警并通知成员单位',
+      sj: '10-20 08:30',
+      zlzt: '预警下发给城管局各单位，燃气供应处',
     },
     {
-      zhzx: "预警启动",
-      dt: "起草燃气安全预警应急行动",
-      sj: "10-20 07:00",
-      zlzt: "起草了预警通知",
+      zhzx: '预警启动',
+      dt: '起草燃气安全预警应急行动',
+      sj: '10-20 07:00',
+      zlzt: '起草了预警通知',
     },
   ],
   timer: null,
@@ -480,7 +436,7 @@
 });
 
 // 初始化预警统计的Echarts
-const initEcharts = (id) => {
+const initEcharts = id => {
   AllData.YJChangeIndex = id;
   let Data1 = [];
   let Data2 = [];
@@ -500,41 +456,41 @@
   if (!!myChart.value) {
     myChart.value.dispose();
   }
-  myChart.value = echarts.init(document.getElementById("YJEchartsBox"));
-  myChart.value.off("click");
+  myChart.value = echarts.init(document.getElementById('YJEchartsBox'));
+  myChart.value.off('click');
   myChart.value.setOption({
-    color: ["#18A7F2", "#1AF7AA"],
+    color: ['#18A7F2', '#1AF7AA'],
     tooltip: {
-      trigger: "axis",
+      trigger: 'axis',
     },
     grid: {
-      top: "30%",
-      left: "3%",
-      right: "4%",
-      bottom: "3%",
+      top: '30%',
+      left: '3%',
+      right: '4%',
+      bottom: '3%',
       containLabel: true,
     },
     legend: {
-      data: ["预警次数", "持续时长"],
+      data: ['预警次数', '持续时长'],
       textStyle: {
-        color: "#fffd", // 图例文字颜色
+        color: '#fffd', // 图例文字颜色
       },
-      x: "40",
-      y: "10",
+      x: '40',
+      y: '10',
     },
     xAxis: [
       {
-        type: "category",
-        data: ["今日", "09/27", "09/26", "09/25", "09/24", "09/23", "09/22"],
+        type: 'category',
+        data: ['今日', '09/27', '09/26', '09/25', '09/24', '09/23', '09/22'],
         axisPointer: {
-          type: "shadow",
+          type: 'shadow',
         },
         textStyle: {
-          color: "#EBFEFF",
+          color: '#EBFEFF',
         },
         axisLine: {
           lineStyle: {
-            color: "#EBFEFF",
+            color: '#EBFEFF',
           },
         },
         // boundaryGap: false,
@@ -542,57 +498,57 @@
     ],
     yAxis: [
       {
-        type: "value",
-        name: "预警次数",
+        type: 'value',
+        name: '预警次数',
         min: 0,
         max: 12,
         interval: 2,
         axisLabel: {
-          formatter: "{value}",
+          formatter: '{value}',
         },
         axisLine: {
           lineStyle: {
-            color: "#AAC1CF",
+            color: '#AAC1CF',
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ["#184E5A"],
+            color: ['#184E5A'],
           },
         },
       },
       {
-        type: "value",
-        name: "持续时长",
+        type: 'value',
+        name: '持续时长',
         min: 0,
         max: 30,
         interval: 5,
         axisLabel: {
-          formatter: "{value}",
+          formatter: '{value}',
         },
         axisLine: {
           lineStyle: {
-            color: "#AAC1CF",
+            color: '#AAC1CF',
           },
         },
         splitLine: {
           lineStyle: {
             // 使用深浅的间隔色
-            color: ["#184E5A"],
+            color: ['#184E5A'],
           },
         },
       },
     ],
     series: [
       {
-        name: "预警次数",
-        type: "bar",
-        barWidth: "10px",
+        name: '预警次数',
+        type: 'bar',
+        barWidth: '10px',
         showBackground: true,
         tooltip: {
           valueFormatter: function (value) {
-            return value + " 次";
+            return value + ' 次';
           },
         },
         itemStyle: {
@@ -602,12 +558,12 @@
         data: Data1,
       },
       {
-        name: "持续时长",
-        type: "line",
+        name: '持续时长',
+        type: 'line',
         yAxisIndex: 1,
         tooltip: {
           valueFormatter: function (value) {
-            return value + "min";
+            return value + 'min';
           },
         },
         areaStyle: {
@@ -615,11 +571,11 @@
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
               offset: 0,
-              color: "#1AF7AA",
+              color: '#1AF7AA',
             },
             {
               offset: 1,
-              color: "#1AF7AA00",
+              color: '#1AF7AA00',
             },
           ]),
         },
@@ -628,19 +584,19 @@
       },
     ],
   });
-  myChart.value.on("click", (param) => {
+  myChart.value.on('click', param => {
     console.log(param);
     let data = {
-      title: "风险监测",
-      comIDs: ["RQ_FengXianJianCe"],
+      title: '风险监测',
+      comIDs: ['RQ_FengXianJianCe'],
     };
-    bus.emit("publicDialog", data);
+    bus.emit('publicDialog', data);
     let a = {
-      value: "全部",
-      endTime: "2024-10-05",
+      value: '全部',
+      endTime: '2024-10-05',
     };
     setTimeout(() => {
-      bus.emit("getDataListFxjc", a);
+      bus.emit('getDataListFxjc', a);
     }, 500);
   });
 
@@ -653,7 +609,7 @@
     i++;
     if (i == length) i = 0;
     myChart.value.dispatchAction({
-      type: "showTip",
+      type: 'showTip',
       seriesIndex: 0,
       dataIndex: i,
     });
@@ -664,31 +620,31 @@
   if (!!myChart2.value) {
     myChart2.value.dispose();
   }
-  myChart2.value = echarts.init(document.getElementById("Echarts2Box"));
-  myChart2.value.off("click");
+  myChart2.value = echarts.init(document.getElementById('Echarts2Box'));
+  myChart2.value.off('click');
   myChart2.value.setOption({
     tooltip: {
-      trigger: "axis",
+      trigger: 'axis',
       axisPointer: {
-        type: "shadow",
+        type: 'shadow',
       },
     },
     grid: {
-      left: "5%",
-      top: "5%",
-      right: "5%",
-      bottom: "5%",
+      left: '5%',
+      top: '5%',
+      right: '5%',
+      bottom: '5%',
       containLabel: true,
     },
     xAxis: {
-      type: "category",
+      type: 'category',
       triggerEvent: true,
       axisLine: {
         show: false,
       },
       axisLabel: {
-        color: "#FFFFFF",
-        fontSize: "14",
+        color: '#FFFFFF',
+        fontSize: '14',
         // interval: 0,
         // rotate: rotate//文字旋转角度
       },
@@ -696,36 +652,36 @@
         // show: false,
         alignWithLabel: true,
         lineStyle: {
-          color: "#0C4F81",
-          type: "solid",
+          color: '#0C4F81',
+          type: 'solid',
         },
       },
       // data: xAxisData,
-      data: ["市政老化", "庭院老化", "立管老化", "其他"],
+      data: ['市政老化', '庭院老化', '立管老化', '其他'],
     },
     yAxis: {
-      type: "value",
+      type: 'value',
       nameTextStyle: {
-        color: "#4F88BD",
+        color: '#4F88BD',
         padding: [0, 25, -5, 0],
         fontSize: 12,
-        fontFamily: "Microsoft YaHei",
+        fontFamily: 'Microsoft YaHei',
       },
       axisLine: {
         show: true,
         lineStyle: {
-          color: "#0C4F81",
+          color: '#0C4F81',
         },
       },
       axisLabel: {
-        color: "#4F88BD",
-        fontSize: "12",
-        formatter: "{value}",
+        color: '#4F88BD',
+        fontSize: '12',
+        formatter: '{value}',
       },
       splitLine: {
         lineStyle: {
-          type: "dotted",
-          color: "#0C4F81",
+          type: 'dotted',
+          color: '#0C4F81',
         },
       },
       axisTick: {
@@ -735,22 +691,22 @@
     series: [
       {
         z: 2,
-        type: "pictorialBar",
-        symbolPosition: "end",
+        type: 'pictorialBar',
+        symbolPosition: 'end',
         data: [410, 420, 520, 520],
-        symbol: "diamond",
-        symbolOffset: ["0", "-40%"], //盖子的位置
+        symbol: 'diamond',
+        symbolOffset: ['0', '-40%'], //盖子的位置
         symbolSize: [15, 13], //盖子的大小
         itemStyle: {
           color: {
-            type: "linear",
+            type: 'linear',
             x: 0,
             x2: 1,
             y: 0,
             y2: 0,
             colorStops: [
-              { offset: 0, color: "rgba(1, 224, 238, 1 )" },
-              { offset: 1, color: "rgba(1, 224, 238, 1)" },
+              { offset: 0, color: 'rgba(1, 224, 238, 1 )' },
+              { offset: 1, color: 'rgba(1, 224, 238, 1)' },
             ],
           }, //盖子的颜色
         },
@@ -760,29 +716,29 @@
       },
       {
         z: 1,
-        type: "bar",
+        type: 'bar',
         barWidth: 15,
-        barGap: "50%",
+        barGap: '50%',
         data: [410, 420, 520, 520],
         itemStyle: {
           color: {
-            type: "linear",
+            type: 'linear',
             x: 0,
             x2: 1,
             y: 0,
             y2: 0,
             colorStops: [
-              { offset: 0, color: "rgba(1, 224, 238, 0.8)" },
-              { offset: 0.5, color: "rgba(1, 224, 238, 0.5)" },
-              { offset: 0.5, color: "rgba(1, 224, 238, 0.1)" },
-              { offset: 1, color: "rgba(1, 224, 238, 0.8)" },
+              { offset: 0, color: 'rgba(1, 224, 238, 0.8)' },
+              { offset: 0.5, color: 'rgba(1, 224, 238, 0.5)' },
+              { offset: 0.5, color: 'rgba(1, 224, 238, 0.1)' },
+              { offset: 1, color: 'rgba(1, 224, 238, 0.8)' },
             ],
           },
         },
       },
     ],
   });
-  myChart2.value.on("click", (param) => {
+  myChart2.value.on('click', param => {
     console.log(param);
     TuChengClick(param.dataIndex - 1);
   });
@@ -799,14 +755,14 @@
   return `width:${widthNum}%`;
 };
 // 工单派发
-const GongDanPaiFa = (item) => {
+const GongDanPaiFa = item => {
   console.log(item);
   let data = {
     title: item.wranLocation,
-    comIDs: ["gdpf"],
+    comIDs: ['gdpf'],
     getSiteId: item.id,
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
 };
 // // 风险
 // const FengXianClick = (item) => {
@@ -818,7 +774,7 @@
 //   bus.emit("publicDialog", data);
 // };
 // 风险监测派发
-const PaiFa = (item) => {
+const PaiFa = item => {
   console.log(item);
   // let data = {
   //   title: "智慧外呼",
@@ -830,58 +786,54 @@
   useDialogTabs.addPosition(AllData.TableChangePosition); // 添加全景位置
   useDialogTabs.addRQ(item);
   let data = {
-    title: AllData.TableChangeName + " " + item.zb + " 风险监测",
+    title: AllData.TableChangeName + ' ' + item.zb + ' 风险监测',
     comIDs: [],
     SiteNo: AllData.TableChangeNo,
-    RefName: "RQ_ZhiHuiWaiHu",
+    RefName: 'RQ_ZhiHuiWaiHu',
   };
 
-  getTabsList(AllData.TableChangeNo).then((res) => {
+  getTabsList(AllData.TableChangeNo).then(res => {
     data.comIDs = res;
-    bus.emit("publicDialog", data);
+    bus.emit('publicDialog', data);
   });
 };
 //巡查反馈处理、未处理
-const dealOrNoDeal = (item) => {
+const dealOrNoDeal = item => {
   AllData.xunChaStatic = item;
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
     pitch: 55,
   });
-  bus.emit("removeMapDatas", ["warning_monitor"]);
+  bus.emit('removeMapDatas', ['warning_monitor']);
   if (item == 1) {
-    let removedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
-    let selectedLayer = AllData.xunChaLayers.filter((layer) =>
-      layer.includes("alreadyDeal")
-    );
-    bus.emit("removeMapDatas", AllData.xunChaLayers);
-    bus.emit("setGeoJSON", { json: zaWuDuiFang, key: "alreadyDeal_DF" });
-    bus.emit("setGeoJSON", { json: sheBeiLost, key: "alreadyDeal_DS" });
-    bus.emit("setGeoJSON", { json: xiaXian, key: "alreadyDeal_XX" });
-    bus.emit("setGeoJSON", { json: yiBian, key: "alreadyDeal_YB" });
-    bus.emit("setGeoJSON", { json: rq_QiTa, key: "alreadyDeal_QT" });
-    selectedLayer.forEach((layer) => {
-      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
+    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
+    bus.emit('removeMapDatas', AllData.xunChaLayers);
+    bus.emit('setGeoJSON', { json: zaWuDuiFang, key: 'alreadyDeal_DF' });
+    bus.emit('setGeoJSON', { json: sheBeiLost, key: 'alreadyDeal_DS' });
+    bus.emit('setGeoJSON', { json: xiaXian, key: 'alreadyDeal_XX' });
+    bus.emit('setGeoJSON', { json: yiBian, key: 'alreadyDeal_YB' });
+    bus.emit('setGeoJSON', { json: rq_QiTa, key: 'alreadyDeal_QT' });
+    selectedLayer.forEach(layer => {
+      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
     });
   } else {
-    let removedLayer = AllData.xunChaLayers.filter((layer) =>
-      layer.includes("alreadyDeal")
-    );
-    let selectedLayer = AllData.xunChaLayers.filter((layer) => layer.includes("noDeal"));
-    bus.emit("removeMapDatas", AllData.xunChaLayers);
-    bus.emit("setGeoJSON", { json: no_zaWuDuiFang, key: "onDeal_DF" });
-    bus.emit("setGeoJSON", { json: no_sheBeiLost, key: "onDeal_DS" });
-    bus.emit("setGeoJSON", { json: no_xiaXian, key: "onDeal_XX" });
-    bus.emit("setGeoJSON", { json: no_yiBian, key: "onDeal_YB" });
-    bus.emit("setGeoJSON", { json: no_rq_QiTa, key: "onDeal_QT" });
-    selectedLayer.forEach((layer) => {
-      bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    let removedLayer = AllData.xunChaLayers.filter(layer => layer.includes('alreadyDeal'));
+    let selectedLayer = AllData.xunChaLayers.filter(layer => layer.includes('noDeal'));
+    bus.emit('removeMapDatas', AllData.xunChaLayers);
+    bus.emit('setGeoJSON', { json: no_zaWuDuiFang, key: 'onDeal_DF' });
+    bus.emit('setGeoJSON', { json: no_sheBeiLost, key: 'onDeal_DS' });
+    bus.emit('setGeoJSON', { json: no_xiaXian, key: 'onDeal_XX' });
+    bus.emit('setGeoJSON', { json: no_yiBian, key: 'onDeal_YB' });
+    bus.emit('setGeoJSON', { json: no_rq_QiTa, key: 'onDeal_QT' });
+    selectedLayer.forEach(layer => {
+      bus.emit('setLayerVisible', { layername: layer, isCheck: true });
     });
   }
 };
 // 巡查反馈
-const XunChaFanKui = (item) => {
+const XunChaFanKui = item => {
   let removedLayer = [];
   let selectedLayer = [];
   newfiberMapbox.map.easeTo({
@@ -890,80 +842,60 @@
     pitch: 55,
   });
   switch (item.name) {
-    case "堆放杂物":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_DF" && layer != "noDeal_DF"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_DF" || layer == "noDeal_DF"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '堆放杂物':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DF' && layer != 'noDeal_DF');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DF' || layer == 'noDeal_DF');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
-    case "设备丢失":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_DS" && layer != "noDeal_DS"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_DS" || layer == "noDeal_DS"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '设备丢失':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_DS' && layer != 'noDeal_DS');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_DS' || layer == 'noDeal_DS');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
-    case "下陷":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_XX" && layer != "noDeal_XX"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_XX" || layer == "noDeal_XX"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '下陷':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_XX' && layer != 'noDeal_XX');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_XX' || layer == 'noDeal_XX');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
-    case "异变":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_YB" && layer != "noDeal_YB"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_YB" || layer == "noDeal_YB"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '异变':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_YB' && layer != 'noDeal_YB');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_YB' || layer == 'noDeal_YB');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
-    case "其他":
-      removedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer != "alreadyDeal_QT" && layer != "noDeal_QT"
-      );
-      selectedLayer = AllData.xunChaLayers.filter(
-        (layer) => layer == "alreadyDeal_QT" || layer == "noDeal_QT"
-      );
-      selectedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: true });
+    case '其他':
+      removedLayer = AllData.xunChaLayers.filter(layer => layer != 'alreadyDeal_QT' && layer != 'noDeal_QT');
+      selectedLayer = AllData.xunChaLayers.filter(layer => layer == 'alreadyDeal_QT' || layer == 'noDeal_QT');
+      selectedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: true });
       });
-      removedLayer.forEach((layer) => {
-        bus.emit("setLayerVisible", { layername: layer, isCheck: false });
+      removedLayer.forEach(layer => {
+        bus.emit('setLayerVisible', { layername: layer, isCheck: false });
       });
       break;
   }
 };
 // 风险评估
-const TuChengClick = (item) => {
+const TuChengClick = item => {
   newfiberMapbox.map.easeTo({
     center: [109.488, 36.596],
     zoom: 12,
@@ -971,56 +903,59 @@
   });
   switch (item) {
     case 0:
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
       break;
     case 1:
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: true });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: true });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
       break;
     case 2:
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: true });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: true });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
 
       break;
     case 3:
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: true });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: true });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
       break;
     case 4:
-      bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-      bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-      bus.emit("setLayerVisible", { layername: "rq_other", isCheck: true });
+      bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+      bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+      bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: true });
       break;
   }
 };
 
 // 辅助决策点击
-const fzjcBoxClick = (item) => {
+const fzjcBoxClick = item => {
   item.zb = '压力';
   item.value = '2';
-  console.log("🚀 ~ fzjcBoxClick ~ item.location.split(','):", item.location.split(',').map(item => parseFloat(item)))
-  useDialogTabs.addPosition(item.location.split(',').map(item => parseFloat(item))) // 添加全景位置
-  useDialogTabs.addRQ(item) // 添加燃气数据
+  console.log(
+    "🚀 ~ fzjcBoxClick ~ item.location.split(','):",
+    item.location.split(',').map(item => parseFloat(item))
+  );
+  useDialogTabs.addPosition(item.location.split(',').map(item => parseFloat(item))); // 添加全景位置
+  useDialogTabs.addRQ(item); // 添加燃气数据
   let data = {
-    title: item.wranLocation +' '+ item.zb + " 风险监测",
-    comIDs: [], 
+    title: item.wranLocation + ' ' + item.zb + ' 风险监测',
+    comIDs: [],
     SiteNo: item.siteNo,
-    RefName:"RQ_FengXianJianCe",
+    RefName: 'RQ_FengXianJianCe',
   };
 
   getTabsList(item.siteNo).then(res => {
@@ -1029,9 +964,8 @@
   });
 };
 
-
 // 风险
-const FengXianClick = (item) => {
+const FengXianClick = item => {
   // let data = {
   //   title: item.zb + " 风险监测",
   //   comIDs: ["RQ_FengXianJianCe"],
@@ -1042,15 +976,15 @@
   useDialogTabs.addPosition(AllData.TableChangePosition); // 添加全景位置
   useDialogTabs.addRQ(item); // 添加燃气数据
   let data = {
-    title: AllData.TableChangeName + " " + item.zb + " 风险监测",
+    title: AllData.TableChangeName + ' ' + item.zb + ' 风险监测',
     comIDs: [],
     SiteNo: AllData.TableChangeNo,
-    RefName: "RQ_FengXianJianCe",
+    RefName: 'RQ_FengXianJianCe',
   };
 
-  getTabsList(AllData.TableChangeNo).then((res) => {
+  getTabsList(AllData.TableChangeNo).then(res => {
     data.comIDs = res;
-    bus.emit("publicDialog", data);
+    bus.emit('publicDialog', data);
   });
 
   // setTimeout(() => {
@@ -1062,20 +996,20 @@
 };
 
 // 现场连线
-const XianChangLianXian = (item) => {
-  bus.emit("OpenRY");
+const XianChangLianXian = item => {
+  bus.emit('OpenRY');
 };
 
 // 发布预警
-const WarningClick = (item) => {
+const WarningClick = item => {
   let data = {
-    title: "发布预警",
-    comIDs: ["RQ_Warning"],
+    title: '发布预警',
+    comIDs: ['RQ_Warning'],
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
 
   setTimeout(() => {
-    bus.emit("RQ_PrimaryType", 1);
+    bus.emit('RQ_PrimaryType', 1);
   });
 };
 
@@ -1088,14 +1022,13 @@
 );
 //燃气超标
 const showIndexOver = () => {
-  bus.emit("removeMapDatas", AllData.xunChaLayers);
-  let key = "warning_monitor";
-  bus.emit("getGeojsonByType", {
+  bus.emit('removeMapDatas', AllData.xunChaLayers);
+  let key = 'warning_monitor';
+  bus.emit('getGeojsonByType', {
     type: key,
-    callback: (geojson) => {
-      if (!!!geojson.features.length)
-        bus.emit("setGeoJSON", { json: yanAnRQoverindex, key: "warning_monitor" });
-      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
+    callback: geojson => {
+      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnRQoverindex, key: 'warning_monitor' });
+      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -1105,14 +1038,13 @@
 };
 //燃气告警
 const showIndexWarning = () => {
-  bus.emit("removeMapDatas", AllData.xunChaLayers);
-  let key = "warning_monitor";
-  bus.emit("getGeojsonByType", {
+  bus.emit('removeMapDatas', AllData.xunChaLayers);
+  let key = 'warning_monitor';
+  bus.emit('getGeojsonByType', {
     type: key,
-    callback: (geojson) => {
-      if (!!!geojson.features.length)
-        bus.emit("setGeoJSON", { json: yanAnWarring, key: "warning_monitor" });
-      bus.emit("setLayerVisible", { type: "point", layername: key, isCheck: true });
+    callback: geojson => {
+      if (!!!geojson.features.length) bus.emit('setGeoJSON', { json: yanAnWarring, key: 'warning_monitor' });
+      bus.emit('setLayerVisible', { type: 'point', layername: key, isCheck: true });
     },
   });
   newfiberMapbox.map.easeTo({
@@ -1124,15 +1056,15 @@
 // 辅助决策
 const getCommonWarningList = async () => {
   try {
-    const res = await commonWarningList({ moduleType: "Gas" });
+    const res = await commonWarningList({ moduleType: 'Gas' });
     JCData.value = res.data;
     // console.log('🚀 ~ getCommonWarningList ~ res:', res);
   } catch (error) {
-    console.log("🚀 ~ getCommonWarningList ~ error:", error);
+    console.log('🚀 ~ getCommonWarningList ~ error:', error);
   }
 };
 
-const fxjsChange = (item) => {
+const fxjsChange = item => {
   // TableChangeIndex: 1,
   // TableChangeNo: 'RQ20240001',
   AllData.TableChangeIndex = item.id;
@@ -1142,53 +1074,51 @@
 };
 
 // 获取站点弹窗 tab列表
-const getTabsList = async (siteNo) => {
+const getTabsList = async siteNo => {
   try {
     const res = await selectBoxBySiteNo(siteNo);
-    const tabsList = res.data.boxList.map((item) => item.boxId);
+    const tabsList = res.data.boxList.map(item => item.boxId);
     return tabsList;
   } catch (error) {
-    console.log("🚀 ~ getTabsList ~ error:", error);
+    console.log('🚀 ~ getTabsList ~ error:', error);
   }
 };
 // 展示四色图
-const ShowSiSetu = (bol) => {
-  bus.emit("SetLayerShow", ["燃气风险评估"]);
+const ShowSiSetu = bol => {
+  bus.emit('SetLayerShow', ['燃气风险评估']);
   // bus.emit("SiSeTuBol", true);
 };
 onMounted(() => {
   let initeRQTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer("rq_pipeline_info")) return;
-    if (!newfiberMapbox.map.getLayer("sx_ya_smx_rq_point")) return;
+    if (!newfiberMapbox.map.getLayer('rq_pipeline_info')) return;
+    if (!newfiberMapbox.map.getLayer('sx_ya_smx_rq_point')) return;
     newfiberMapbox.map.easeTo({
       center: [109.488, 36.596],
       zoom: 12,
     });
     //告警点事件
-    let warningPoint = newfiberMapbox
-      .getLayers()
-      .filter((feature) => feature.newfiberId == "warning_monitor")[0];
+    let warningPoint = newfiberMapbox.getLayers().filter(feature => feature.newfiberId == 'warning_monitor')[0];
     if (warningPoint) {
-      warningPoint.on("click", (e) => {
+      warningPoint.on('click', e => {
         let popupData = e.feature.properties;
 
         debugger;
-        console.log("popupData---", "告警---------", popupData);
+        console.log('popupData---', '告警---------', popupData);
         FengXianClick({
-          zb: "甲烷浓度",
-          sz: "3%",
+          zb: '甲烷浓度',
+          sz: '3%',
           szzt: true,
           zt: 0, //0预警 1 正常
-          value: "JWND",
+          value: 'JWND',
         });
       });
     }
-    bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
-    bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: true });
-    bus.emit("setLayerVisible", { layername: "sx_ya_smx_rq_line_sz", isCheck: true });
-    bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: true });
-    bus.emit("setLayerVisible", { layername: "sx_ya_smx_rq_line_zg", isCheck: true });
+    bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+    bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: true });
+    bus.emit('setLayerVisible', { layername: 'sx_ya_smx_rq_line_sz', isCheck: true });
+    bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: true });
+    bus.emit('setLayerVisible', { layername: 'sx_ya_smx_rq_line_zg', isCheck: true });
     clearInterval(initeRQTimer);
   }, 100);
   initEcharts(1);
@@ -1196,26 +1126,26 @@
   getCommonWarningList();
 });
 onBeforeUnmount(() => {
-  bus.emit("setLayerVisible", { layername: "rq_all", isCheck: false });
-  bus.emit("setLayerVisible", { layername: "rq_SZLH", isCheck: false });
-  bus.emit("setLayerVisible", { layername: "rq_TYLH", isCheck: false });
-  bus.emit("setLayerVisible", { layername: "rq_LGLH", isCheck: false });
-  bus.emit("setLayerVisible", { layername: "rq_other", isCheck: false });
-  bus.emit("removeMapDatas", AllData.xunChaLayers);
-  bus.emit("removeMapDatas", ["warning_monitor"]);
-  bus.emit("setLayerVisible", { layername: "warning_monitor", isCheck: false });
-  bus.emit("closeCesiumPopup");
-  bus.emit("SetLayerShow", ["蓝色地图"]);
-  mapBoxVectorLayer.removeByIds(["clickPoint"]);
-  bus.emit("closeCesiumPopup");
-  if (!!newfiberMapbox.getLayerByName("rqLine")) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
+  bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: false });
+  bus.emit('setLayerVisible', { layername: 'rq_SZLH', isCheck: false });
+  bus.emit('setLayerVisible', { layername: 'rq_TYLH', isCheck: false });
+  bus.emit('setLayerVisible', { layername: 'rq_LGLH', isCheck: false });
+  bus.emit('setLayerVisible', { layername: 'rq_other', isCheck: false });
+  bus.emit('removeMapDatas', AllData.xunChaLayers);
+  bus.emit('removeMapDatas', ['warning_monitor']);
+  bus.emit('setLayerVisible', { layername: 'warning_monitor', isCheck: false });
+  bus.emit('closeCesiumPopup');
+  bus.emit('SetLayerShow', ['蓝色地图']);
+  mapBoxVectorLayer.removeByIds(['clickPoint']);
+  bus.emit('closeCesiumPopup');
+  if (!!newfiberMapbox.getLayerByName('rqLine')) {
+    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
   }
 });
 </script>
 
 <style lang="scss" scoped>
-@import "@/assets/styles/transition_oneMap.scss";
+@import '@/assets/styles/transition_oneMap.scss';
 #ZHRQ {
   .warningPrompt {
     position: absolute;
@@ -1261,11 +1191,7 @@
     position: absolute;
     left: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1399,7 +1325,7 @@
           height: 42px;
           width: calc(50% - 9px);
           display: flex;
-          background: url("@/assets/images/Sponge_screen/RQ/RQ_FX.png") no-repeat center;
+          background: url('@/assets/images/Sponge_screen/RQ/RQ_FX.png') no-repeat center;
           background-size: 100% 100%;
           cursor: pointer;
 
@@ -1633,11 +1559,7 @@
     position: absolute;
     right: 10px;
     top: 70px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1795,11 +1717,7 @@
     position: absolute;
     left: 520px;
     top: 110px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1891,11 +1809,7 @@
     position: absolute;
     left: 510px;
     bottom: 180px;
-    background: linear-gradient(
-      0deg,
-      rgba(0, 43, 67, 0.8) 0%,
-      rgba(0, 69, 108, 0.8) 100%
-    );
+    background: linear-gradient(0deg, rgba(0, 43, 67, 0.8) 0%, rgba(0, 69, 108, 0.8) 100%);
     border-radius: 6px;
     border: 1px solid #47eef3;
     box-sizing: border-box;
@@ -1969,8 +1883,7 @@
     .Box_header {
       width: 100%;
       height: 43px;
-      background: url("@/assets/images/Sponge_screen/Box_HeaderBackground.png") no-repeat
-        center;
+      background: url('@/assets/images/Sponge_screen/Box_HeaderBackground.png') no-repeat center;
       background-size: cover;
       font-family: PangMenZhengDao;
       font-weight: 400;
diff --git a/src/views/voice/recordPage/index.vue b/src/views/voice/recordPage/index.vue
index 95126df..e61edf2 100644
--- a/src/views/voice/recordPage/index.vue
+++ b/src/views/voice/recordPage/index.vue
@@ -101,15 +101,15 @@
 const Record = () => {
   if (process.value == 0) {
     // 正常流程
-    process.value = 1;
+    // process.value = 1;
     // 录音中
     startRecorder("begin");
   } else if (process.value == 3) {
-    // 语音识别结果展示,并在五秒后回到初始化状态
+    // 语音识别结果展示,并在2秒后回到初始化状态
     setTimeout(() => {
       process.value = 0;
       nowword.value = "";
-    }, 5000);
+    }, 2000);
   } else {
     // 中途的瞎操作就不管了
   }
@@ -165,7 +165,7 @@
             process.value = 0;
             nowword.value = "";
             // Record();
-          }, 3000);
+          }, 2000);
         } else {
           nowword.value = `成功识别语音,${params.recognitionResult}`;
           if (process.value == 2) {
@@ -373,9 +373,10 @@
     () => {
       // proxy.$modal.msgSuccess("获取权限成功，开始录音");
       recorder.start().then(() => {
+        process.value = 1;
         nowword.value = "开始录音";
         console.log(`开始录音`, parseTime(new Date()));
-        //三秒钟后语音识别结束,并进入到下一步骤
+        //5秒钟后语音识别结束,并进入到下一步骤
         setTimeout(() => {
           process.value = 2;
           if (process.value == 2) {