diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index dacd26f..31cf538 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -1,31 +1,17 @@
 <template>
   <div id="ZHRQ">
-    <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">管道风险评估</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>
@@ -71,9 +57,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>
@@ -81,11 +65,9 @@
                     <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>
@@ -110,13 +92,7 @@
         </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">
@@ -138,16 +114,10 @@
               <span class="JCListBox_List_value color_red">{{ item.yp }}</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>
@@ -158,18 +128,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>
@@ -179,13 +143,7 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'TopBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-      ]"
-    >
+    <div :class="['TopBox', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="TopTableHeader">
         <span class="TopTableListSpan TopTableListSpan1">时间</span>
         <span class="TopTableListSpan TopTableListSpan2">事件明细</span>
@@ -195,12 +153,7 @@
         <span class="TopTableListSpan TopTableListSpan6">督办</span>
       </div>
       <!-- <div class="TopTableBody"> -->
-      <Vue3SeamlessScroll
-        :list="AllData.TopTableData"
-        :singleHeight="34"
-        :hover="true"
-        class="TopTableBody"
-      >
+      <Vue3SeamlessScroll :list="AllData.TopTableData" :singleHeight="34" :hover="true" class="TopTableBody">
         <div class="TopTableBody_list" v-for="item in AllData.TopTableData">
           <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
           <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
@@ -208,12 +161,7 @@
           <span class="TopTableListSpan TopTableListSpan4">{{ item.zt }}</span>
           <span class="TopTableListSpan TopTableListSpan5">{{ item.dw }}</span>
           <span class="TopTableListSpan TopTableListSpan6">
-            <img
-              class="TopTableListSpanImg2"
-              src="@/assets/images/Sponge_screen/RQ/RQ_XX.png"
-              alt=""
-              @click="PaiFa(item)"
-            />
+            <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
             <img
               class="TopTableListSpanImg"
               src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
@@ -229,49 +177,49 @@
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from "vue";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from 'vue';
 
-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 * 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';
 
 const AllData = reactive({
   xunChaStatic: null,
   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,
     },
     {
-      name: "杨家湾",
+      name: '杨家湾',
       id: 2,
     },
     {
-      name: "丰富川",
+      name: '丰富川',
       id: 3,
     },
   ],
@@ -279,38 +227,38 @@
   // 风险监测
   FXJCData: [
     {
-      zb: "甲烷浓度",
-      sz: "3%",
+      zb: '甲烷浓度',
+      sz: '3%',
       szzt: true,
       zt: 0, //0预警 1 正常
-      value: "JWND",
+      value: 'JWND',
     },
     {
-      zb: "压力",
-      sz: "5MPa",
+      zb: '压力',
+      sz: '5MPa',
       szzt: false,
       zt: 1, //0预警 1 正常
-      value: "YL",
+      value: 'YL',
     },
     {
-      zb: "温度",
-      sz: "25C°",
+      zb: '温度',
+      sz: '25C°',
       szzt: true,
       zt: 1, //0预警 1 正常
-      value: "WD",
+      value: 'WD',
     },
   ],
   YJChangeData: [
     {
-      name: "综合",
+      name: '综合',
       id: 1,
     },
     {
-      name: "压力",
+      name: '压力',
       id: 2,
     },
     {
-      name: "温度",
+      name: '温度',
       id: 3,
     },
   ],
@@ -318,51 +266,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,
     },
@@ -370,35 +318,35 @@
   // 顶部表格数据
   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: 1, //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: 1, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
   ],
@@ -415,7 +363,7 @@
   },
 });
 // 初始化预警统计的Echarts
-const initEcharts = (id) => {
+const initEcharts = id => {
   AllData.YJChangeIndex = id;
   let Data1 = [];
   let Data2 = [];
@@ -435,41 +383,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,
@@ -477,57 +425,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: {
@@ -537,12 +485,12 @@
         data: Data1,
       },
       {
-        name: "持续时长",
-        type: "line",
+        name: '持续时长',
+        type: 'line',
         yAxisIndex: 1,
         tooltip: {
           valueFormatter: function (value) {
-            return value + "min";
+            return value + 'min';
           },
         },
         areaStyle: {
@@ -550,11 +498,11 @@
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
               offset: 0,
-              color: "#1AF7AA",
+              color: '#1AF7AA',
             },
             {
               offset: 1,
-              color: "#1AF7AA00",
+              color: '#1AF7AA00',
             },
           ]),
         },
@@ -563,19 +511,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);
   });
 
@@ -589,7 +537,7 @@
     i++;
     if (i == length) i = 0;
     myChart.value.dispatchAction({
-      type: "showTip",
+      type: 'showTip',
       seriesIndex: 0,
       dataIndex: i,
     });
@@ -606,14 +554,14 @@
   return `width:${widthNum}%`;
 };
 // 工单派发
-const GongDanPaiFa = (item) => {
+const GongDanPaiFa = item => {
   console.log(item);
   let data = {
     title: item.qy,
-    comIDs: ["gdpf"],
+    comIDs: ['gdpf'],
     getSiteId: item.value,
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
 };
 // // 风险
 // const FengXianClick = (item) => {
@@ -625,51 +573,52 @@
 //   bus.emit("publicDialog", data);
 // };
 // 风险监测派发
-const PaiFa = (item) => {
+const PaiFa = item => {
   console.log(item);
   let data = {
-    title: "智慧外呼",
-    comIDs: ["RQ_ZhiHuiWaiHu"],
+    title: '智慧外呼',
+    comIDs: ['RQ_ZhiHuiWaiHu'],
     getSiteId: item.value,
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
 };
 //巡查反馈处理、未处理
-const dealOrNoDeal = (item) => {
+const dealOrNoDeal = item => {
   AllData.xunChaStatic = item;
-  bus.emit("removeMapDatas", ["warning_monitor"]);
+  newfiberMapbox.map.easeTo({
+    center: [109.488, 36.596],
+    zoom: 12,
+    pitch: 55,
+  });
+  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({
@@ -678,80 +627,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,
@@ -759,61 +688,61 @@
   });
   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 FengXianClick = (item) => {
+const FengXianClick = item => {
   let data = {
-    title: item.zb + " 风险监测",
-    comIDs: ["RQ_FengXianJianCe"],
+    title: item.zb + ' 风险监测',
+    comIDs: ['RQ_FengXianJianCe'],
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
   // 传给组件数据
 
   setTimeout(() => {
-    bus.emit("getDataListFxjc", item);
+    bus.emit('getDataListFxjc', item);
   }, 500);
 };
 
 // 现场连线
-const XianChangLianXian = (item) => {
-  bus.emit("OpenRY");
+const XianChangLianXian = item => {
+  bus.emit('OpenRY');
 };
 
 watch(
@@ -825,14 +754,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({
@@ -842,14 +770,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({
@@ -860,17 +787,15 @@
 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;
     //告警点事件
-    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;
 
-        console.log("popupData---", "告警---------", popupData);
+        console.log('popupData---', '告警---------', popupData);
       });
     }
     // bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
@@ -880,22 +805,22 @@
   initEcharts(1);
 });
 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("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('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 {
   .LeftBox {
     width: 450px;
@@ -903,11 +828,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;
@@ -982,7 +903,7 @@
         width: 100%;
         height: calc(100% - 72px);
         margin-top: 10px;
-        background: url("@/assets/images/Sponge_screen/RQ/Ech.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/RQ/Ech.png') no-repeat center;
         position: relative;
 
         .ClickDiv1 {
@@ -1040,7 +961,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;
 
@@ -1272,11 +1193,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;
@@ -1434,11 +1351,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;
@@ -1532,8 +1445,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/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index dacd26f..31cf538 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -1,31 +1,17 @@
 <template>
   <div id="ZHRQ">
-    <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">管道风险评估</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>
@@ -71,9 +57,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>
@@ -81,11 +65,9 @@
                     <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>
@@ -110,13 +92,7 @@
         </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">
@@ -138,16 +114,10 @@
               <span class="JCListBox_List_value color_red">{{ item.yp }}</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>
@@ -158,18 +128,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>
@@ -179,13 +143,7 @@
         </div>
       </div>
     </div>
-    <div
-      :class="[
-        'TopBox',
-        'animate__animated',
-        showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-      ]"
-    >
+    <div :class="['TopBox', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']">
       <div class="TopTableHeader">
         <span class="TopTableListSpan TopTableListSpan1">时间</span>
         <span class="TopTableListSpan TopTableListSpan2">事件明细</span>
@@ -195,12 +153,7 @@
         <span class="TopTableListSpan TopTableListSpan6">督办</span>
       </div>
       <!-- <div class="TopTableBody"> -->
-      <Vue3SeamlessScroll
-        :list="AllData.TopTableData"
-        :singleHeight="34"
-        :hover="true"
-        class="TopTableBody"
-      >
+      <Vue3SeamlessScroll :list="AllData.TopTableData" :singleHeight="34" :hover="true" class="TopTableBody">
         <div class="TopTableBody_list" v-for="item in AllData.TopTableData">
           <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
           <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
@@ -208,12 +161,7 @@
           <span class="TopTableListSpan TopTableListSpan4">{{ item.zt }}</span>
           <span class="TopTableListSpan TopTableListSpan5">{{ item.dw }}</span>
           <span class="TopTableListSpan TopTableListSpan6">
-            <img
-              class="TopTableListSpanImg2"
-              src="@/assets/images/Sponge_screen/RQ/RQ_XX.png"
-              alt=""
-              @click="PaiFa(item)"
-            />
+            <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
             <img
               class="TopTableListSpanImg"
               src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
@@ -229,49 +177,49 @@
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from "vue";
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount, nextTick } from 'vue';
 
-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 * 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';
 
 const AllData = reactive({
   xunChaStatic: null,
   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,
     },
     {
-      name: "杨家湾",
+      name: '杨家湾',
       id: 2,
     },
     {
-      name: "丰富川",
+      name: '丰富川',
       id: 3,
     },
   ],
@@ -279,38 +227,38 @@
   // 风险监测
   FXJCData: [
     {
-      zb: "甲烷浓度",
-      sz: "3%",
+      zb: '甲烷浓度',
+      sz: '3%',
       szzt: true,
       zt: 0, //0预警 1 正常
-      value: "JWND",
+      value: 'JWND',
     },
     {
-      zb: "压力",
-      sz: "5MPa",
+      zb: '压力',
+      sz: '5MPa',
       szzt: false,
       zt: 1, //0预警 1 正常
-      value: "YL",
+      value: 'YL',
     },
     {
-      zb: "温度",
-      sz: "25C°",
+      zb: '温度',
+      sz: '25C°',
       szzt: true,
       zt: 1, //0预警 1 正常
-      value: "WD",
+      value: 'WD',
     },
   ],
   YJChangeData: [
     {
-      name: "综合",
+      name: '综合',
       id: 1,
     },
     {
-      name: "压力",
+      name: '压力',
       id: 2,
     },
     {
-      name: "温度",
+      name: '温度',
       id: 3,
     },
   ],
@@ -318,51 +266,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,
     },
@@ -370,35 +318,35 @@
   // 顶部表格数据
   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: 1, //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: 1, //0未处理 1已处理
-      dw: "延安市燃气总公司",
+      dw: '延安市燃气总公司',
       value: null,
     },
   ],
@@ -415,7 +363,7 @@
   },
 });
 // 初始化预警统计的Echarts
-const initEcharts = (id) => {
+const initEcharts = id => {
   AllData.YJChangeIndex = id;
   let Data1 = [];
   let Data2 = [];
@@ -435,41 +383,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,
@@ -477,57 +425,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: {
@@ -537,12 +485,12 @@
         data: Data1,
       },
       {
-        name: "持续时长",
-        type: "line",
+        name: '持续时长',
+        type: 'line',
         yAxisIndex: 1,
         tooltip: {
           valueFormatter: function (value) {
-            return value + "min";
+            return value + 'min';
           },
         },
         areaStyle: {
@@ -550,11 +498,11 @@
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
               offset: 0,
-              color: "#1AF7AA",
+              color: '#1AF7AA',
             },
             {
               offset: 1,
-              color: "#1AF7AA00",
+              color: '#1AF7AA00',
             },
           ]),
         },
@@ -563,19 +511,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);
   });
 
@@ -589,7 +537,7 @@
     i++;
     if (i == length) i = 0;
     myChart.value.dispatchAction({
-      type: "showTip",
+      type: 'showTip',
       seriesIndex: 0,
       dataIndex: i,
     });
@@ -606,14 +554,14 @@
   return `width:${widthNum}%`;
 };
 // 工单派发
-const GongDanPaiFa = (item) => {
+const GongDanPaiFa = item => {
   console.log(item);
   let data = {
     title: item.qy,
-    comIDs: ["gdpf"],
+    comIDs: ['gdpf'],
     getSiteId: item.value,
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
 };
 // // 风险
 // const FengXianClick = (item) => {
@@ -625,51 +573,52 @@
 //   bus.emit("publicDialog", data);
 // };
 // 风险监测派发
-const PaiFa = (item) => {
+const PaiFa = item => {
   console.log(item);
   let data = {
-    title: "智慧外呼",
-    comIDs: ["RQ_ZhiHuiWaiHu"],
+    title: '智慧外呼',
+    comIDs: ['RQ_ZhiHuiWaiHu'],
     getSiteId: item.value,
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
 };
 //巡查反馈处理、未处理
-const dealOrNoDeal = (item) => {
+const dealOrNoDeal = item => {
   AllData.xunChaStatic = item;
-  bus.emit("removeMapDatas", ["warning_monitor"]);
+  newfiberMapbox.map.easeTo({
+    center: [109.488, 36.596],
+    zoom: 12,
+    pitch: 55,
+  });
+  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({
@@ -678,80 +627,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,
@@ -759,61 +688,61 @@
   });
   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 FengXianClick = (item) => {
+const FengXianClick = item => {
   let data = {
-    title: item.zb + " 风险监测",
-    comIDs: ["RQ_FengXianJianCe"],
+    title: item.zb + ' 风险监测',
+    comIDs: ['RQ_FengXianJianCe'],
   };
-  bus.emit("publicDialog", data);
+  bus.emit('publicDialog', data);
   // 传给组件数据
 
   setTimeout(() => {
-    bus.emit("getDataListFxjc", item);
+    bus.emit('getDataListFxjc', item);
   }, 500);
 };
 
 // 现场连线
-const XianChangLianXian = (item) => {
-  bus.emit("OpenRY");
+const XianChangLianXian = item => {
+  bus.emit('OpenRY');
 };
 
 watch(
@@ -825,14 +754,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({
@@ -842,14 +770,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({
@@ -860,17 +787,15 @@
 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;
     //告警点事件
-    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;
 
-        console.log("popupData---", "告警---------", popupData);
+        console.log('popupData---', '告警---------', popupData);
       });
     }
     // bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
@@ -880,22 +805,22 @@
   initEcharts(1);
 });
 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("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('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 {
   .LeftBox {
     width: 450px;
@@ -903,11 +828,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;
@@ -982,7 +903,7 @@
         width: 100%;
         height: calc(100% - 72px);
         margin-top: 10px;
-        background: url("@/assets/images/Sponge_screen/RQ/Ech.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/RQ/Ech.png') no-repeat center;
         position: relative;
 
         .ClickDiv1 {
@@ -1040,7 +961,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;
 
@@ -1272,11 +1193,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;
@@ -1434,11 +1351,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;
@@ -1532,8 +1445,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/oneMap/components/mapboxPopup.vue b/src/views/oneMap/components/mapboxPopup.vue
index 5ee9578..f34ab93 100644
--- a/src/views/oneMap/components/mapboxPopup.vue
+++ b/src/views/oneMap/components/mapboxPopup.vue
@@ -240,6 +240,7 @@
       <div class="materialContent">
         <div class="materialName">工单状况：</div>
         <div class="materialValue">超时未完成</div>
+        <div class="submitControl" @click="submitControl">派发</div>
       </div>
     </div>
   </div>
@@ -424,7 +425,13 @@
 //     initEchartsPopup();
 //   }
 // };
-
+//巡查反馈派发
+const submitControl = () => {
+  let data = {
+    comIDs: ['gdpf'],
+  };
+  bus.emit('publicDialog', data);
+};
 onMounted(() => {
   bus.on('closeCesiumPopup', () => {
     allData.popupShow = false;
@@ -564,6 +571,15 @@
       color: #b8ecff;
       word-wrap: break-word;
     }
+    .submitControl {
+      width: 80px;
+      font-size: 14px;
+      font-weight: 400;
+      color: azure;
+      background-color: #6acefe;
+      text-align: center;
+      cursor: pointer;
+    }
   }
   .basicContentCP {
     .contentInfo {