diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index a46b332..b95a09f 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -262,6 +262,65 @@
       "filter": "type in ('ws','hs')"
     },
     {
+      "id": "sx_ya_smx_rq_line",
+      "key": "sx_ya_smx_rq_line_sz",
+      "type": "LineLayer",
+      "show": false,
+      "params": {
+        "autoFit": false,
+        "zIndex": 1
+      },
+      "methods": [
+        {
+          "name": "size",
+          "params": [
+            3
+          ]
+        },
+        {
+          "name": "shape",
+          "params": [
+            "line"
+          ]
+        },
+        {
+          "name": "texture",
+          "params": [
+            "02"
+          ]
+        },
+        {
+          "name": "color",
+          "params": [
+            "color",
+            "''||function(v){\n        let key = [\"#FF0002\", \"rgba(234,26,26,1)\", \"rgba(249,227,28,1)\",\"rgba(25,201,25,1)\",\"rgba(29,53,234,1)\"];\n        let colors = ['#FF0002', 'rgba(234,26,26,1)', 'rgba(249,227,28,1)','rgba(25,201,25,1)','rgba(29,53,234,1)'];\n        return colors[key.indexOf(v)];\n      }"
+          ]
+        },
+        {
+          "name": "animate",
+          "params": [
+            {
+              "interval": 1,
+              "duration": 2,
+              "trailLength": 2
+            }
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "opacity": 0.6,
+              "lineTexture": true,
+              "iconStep": 100,
+              "borderWidth": 0.4,
+              "borderColor": "#fff"
+            }
+          ]
+        }
+      ]
+    },
+    {
       "id": "",
       "key": "warning_monitor",
       "type": "PointLayer",
@@ -514,7 +573,7 @@
       "type": "line",
       "filter": [
         "in",
-        "color",
+        "level",
         ""
       ],
       "paint": {
@@ -817,7 +876,8 @@
       ],
       "filter": [
         [
-          "rgba(249,227,28,1)"
+          "A\t",
+          "B\t"
         ]
       ]
     },
@@ -827,7 +887,7 @@
       ],
       "filter": [
         [
-          "#FF0002"
+          "C\t"
         ]
       ]
     },
@@ -837,7 +897,7 @@
       ],
       "filter": [
         [
-          "rgba(25,201,25,1)"
+          "D\t"
         ]
       ]
     },
@@ -847,7 +907,7 @@
       ],
       "filter": [
         [
-          "rgba(29,53,234,1)"
+          "\"\"\t"
         ]
       ]
     },
@@ -857,11 +917,11 @@
       ],
       "filter": [
         [
-          "#FF0002",
-          "rgba(234,26,26,1)",
-          "rgba(249,227,28,1)",
-          "rgba(25,201,25,1)",
-          "rgba(29,53,234,1)"
+          "A\t",
+          "B\t",
+          "C\t",
+          "D\t",
+          "\"\"\t"
         ]
       ]
     },

diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index a46b332..b95a09f 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -262,6 +262,65 @@
       "filter": "type in ('ws','hs')"
     },
     {
+      "id": "sx_ya_smx_rq_line",
+      "key": "sx_ya_smx_rq_line_sz",
+      "type": "LineLayer",
+      "show": false,
+      "params": {
+        "autoFit": false,
+        "zIndex": 1
+      },
+      "methods": [
+        {
+          "name": "size",
+          "params": [
+            3
+          ]
+        },
+        {
+          "name": "shape",
+          "params": [
+            "line"
+          ]
+        },
+        {
+          "name": "texture",
+          "params": [
+            "02"
+          ]
+        },
+        {
+          "name": "color",
+          "params": [
+            "color",
+            "''||function(v){\n        let key = [\"#FF0002\", \"rgba(234,26,26,1)\", \"rgba(249,227,28,1)\",\"rgba(25,201,25,1)\",\"rgba(29,53,234,1)\"];\n        let colors = ['#FF0002', 'rgba(234,26,26,1)', 'rgba(249,227,28,1)','rgba(25,201,25,1)','rgba(29,53,234,1)'];\n        return colors[key.indexOf(v)];\n      }"
+          ]
+        },
+        {
+          "name": "animate",
+          "params": [
+            {
+              "interval": 1,
+              "duration": 2,
+              "trailLength": 2
+            }
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "opacity": 0.6,
+              "lineTexture": true,
+              "iconStep": 100,
+              "borderWidth": 0.4,
+              "borderColor": "#fff"
+            }
+          ]
+        }
+      ]
+    },
+    {
       "id": "",
       "key": "warning_monitor",
       "type": "PointLayer",
@@ -514,7 +573,7 @@
       "type": "line",
       "filter": [
         "in",
-        "color",
+        "level",
         ""
       ],
       "paint": {
@@ -817,7 +876,8 @@
       ],
       "filter": [
         [
-          "rgba(249,227,28,1)"
+          "A\t",
+          "B\t"
         ]
       ]
     },
@@ -827,7 +887,7 @@
       ],
       "filter": [
         [
-          "#FF0002"
+          "C\t"
         ]
       ]
     },
@@ -837,7 +897,7 @@
       ],
       "filter": [
         [
-          "rgba(25,201,25,1)"
+          "D\t"
         ]
       ]
     },
@@ -847,7 +907,7 @@
       ],
       "filter": [
         [
-          "rgba(29,53,234,1)"
+          "\"\"\t"
         ]
       ]
     },
@@ -857,11 +917,11 @@
       ],
       "filter": [
         [
-          "#FF0002",
-          "rgba(234,26,26,1)",
-          "rgba(249,227,28,1)",
-          "rgba(25,201,25,1)",
-          "rgba(29,53,234,1)"
+          "A\t",
+          "B\t",
+          "C\t",
+          "D\t",
+          "\"\"\t"
         ]
       ]
     },
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index cc8e024..6f21ee7 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -66,7 +66,7 @@
    */
   LayerData: [
     {
-      title: "基本信息",
+      title: '基本信息',
       Show: true,
       children: [
         {
@@ -160,7 +160,7 @@
       ],
     },
     {
-      title: "燃气系统",
+      title: '燃气系统',
       Show: true,
       children: [
         {
@@ -170,6 +170,36 @@
           layerVisible: false,
         },
         {
+          layerName: '市政管网',
+          layerKey: 'rq_SZLH',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '庭院管网',
+          layerKey: 'rq_TYLH',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '立管',
+          layerKey: 'rq_LGLH',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '其他管网',
+          layerKey: 'rq_other',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '燃气管网流向',
+          layerKey: 'sx_ya_smx_rq_line_sz',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
           layerName: '调压器',
           layerKey: 'tiaoYaQi',
           layerIcon: null,
@@ -202,7 +232,7 @@
       ],
     },
     {
-      title: "雨水系统",
+      title: '雨水系统',
       Show: true,
       children: [
         {
@@ -241,7 +271,7 @@
       ],
     },
     {
-      title: "污水系统",
+      title: '污水系统',
       Show: true,
       children: [
         {
@@ -278,7 +308,7 @@
       ],
     },
     {
-      title: "感知设备",
+      title: '感知设备',
       Show: true,
       children: [
         {

diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index a46b332..b95a09f 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -262,6 +262,65 @@
       "filter": "type in ('ws','hs')"
     },
     {
+      "id": "sx_ya_smx_rq_line",
+      "key": "sx_ya_smx_rq_line_sz",
+      "type": "LineLayer",
+      "show": false,
+      "params": {
+        "autoFit": false,
+        "zIndex": 1
+      },
+      "methods": [
+        {
+          "name": "size",
+          "params": [
+            3
+          ]
+        },
+        {
+          "name": "shape",
+          "params": [
+            "line"
+          ]
+        },
+        {
+          "name": "texture",
+          "params": [
+            "02"
+          ]
+        },
+        {
+          "name": "color",
+          "params": [
+            "color",
+            "''||function(v){\n        let key = [\"#FF0002\", \"rgba(234,26,26,1)\", \"rgba(249,227,28,1)\",\"rgba(25,201,25,1)\",\"rgba(29,53,234,1)\"];\n        let colors = ['#FF0002', 'rgba(234,26,26,1)', 'rgba(249,227,28,1)','rgba(25,201,25,1)','rgba(29,53,234,1)'];\n        return colors[key.indexOf(v)];\n      }"
+          ]
+        },
+        {
+          "name": "animate",
+          "params": [
+            {
+              "interval": 1,
+              "duration": 2,
+              "trailLength": 2
+            }
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "opacity": 0.6,
+              "lineTexture": true,
+              "iconStep": 100,
+              "borderWidth": 0.4,
+              "borderColor": "#fff"
+            }
+          ]
+        }
+      ]
+    },
+    {
       "id": "",
       "key": "warning_monitor",
       "type": "PointLayer",
@@ -514,7 +573,7 @@
       "type": "line",
       "filter": [
         "in",
-        "color",
+        "level",
         ""
       ],
       "paint": {
@@ -817,7 +876,8 @@
       ],
       "filter": [
         [
-          "rgba(249,227,28,1)"
+          "A\t",
+          "B\t"
         ]
       ]
     },
@@ -827,7 +887,7 @@
       ],
       "filter": [
         [
-          "#FF0002"
+          "C\t"
         ]
       ]
     },
@@ -837,7 +897,7 @@
       ],
       "filter": [
         [
-          "rgba(25,201,25,1)"
+          "D\t"
         ]
       ]
     },
@@ -847,7 +907,7 @@
       ],
       "filter": [
         [
-          "rgba(29,53,234,1)"
+          "\"\"\t"
         ]
       ]
     },
@@ -857,11 +917,11 @@
       ],
       "filter": [
         [
-          "#FF0002",
-          "rgba(234,26,26,1)",
-          "rgba(249,227,28,1)",
-          "rgba(25,201,25,1)",
-          "rgba(29,53,234,1)"
+          "A\t",
+          "B\t",
+          "C\t",
+          "D\t",
+          "\"\"\t"
         ]
       ]
     },
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index cc8e024..6f21ee7 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -66,7 +66,7 @@
    */
   LayerData: [
     {
-      title: "基本信息",
+      title: '基本信息',
       Show: true,
       children: [
         {
@@ -160,7 +160,7 @@
       ],
     },
     {
-      title: "燃气系统",
+      title: '燃气系统',
       Show: true,
       children: [
         {
@@ -170,6 +170,36 @@
           layerVisible: false,
         },
         {
+          layerName: '市政管网',
+          layerKey: 'rq_SZLH',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '庭院管网',
+          layerKey: 'rq_TYLH',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '立管',
+          layerKey: 'rq_LGLH',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '其他管网',
+          layerKey: 'rq_other',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '燃气管网流向',
+          layerKey: 'sx_ya_smx_rq_line_sz',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
           layerName: '调压器',
           layerKey: 'tiaoYaQi',
           layerIcon: null,
@@ -202,7 +232,7 @@
       ],
     },
     {
-      title: "雨水系统",
+      title: '雨水系统',
       Show: true,
       children: [
         {
@@ -241,7 +271,7 @@
       ],
     },
     {
-      title: "污水系统",
+      title: '污水系统',
       Show: true,
       children: [
         {
@@ -278,7 +308,7 @@
       ],
     },
     {
-      title: "感知设备",
+      title: '感知设备',
       Show: true,
       children: [
         {
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 493c201..4870556 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -802,7 +802,7 @@
         console.log('popupData---', '告警---------', popupData);
       });
     }
-    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: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
 
     clearInterval(initeRQTimer);
   }, 100);

diff --git a/public/static/libs/mapbox/style/floodOneMap.json b/public/static/libs/mapbox/style/floodOneMap.json
index a46b332..b95a09f 100644
--- a/public/static/libs/mapbox/style/floodOneMap.json
+++ b/public/static/libs/mapbox/style/floodOneMap.json
@@ -262,6 +262,65 @@
       "filter": "type in ('ws','hs')"
     },
     {
+      "id": "sx_ya_smx_rq_line",
+      "key": "sx_ya_smx_rq_line_sz",
+      "type": "LineLayer",
+      "show": false,
+      "params": {
+        "autoFit": false,
+        "zIndex": 1
+      },
+      "methods": [
+        {
+          "name": "size",
+          "params": [
+            3
+          ]
+        },
+        {
+          "name": "shape",
+          "params": [
+            "line"
+          ]
+        },
+        {
+          "name": "texture",
+          "params": [
+            "02"
+          ]
+        },
+        {
+          "name": "color",
+          "params": [
+            "color",
+            "''||function(v){\n        let key = [\"#FF0002\", \"rgba(234,26,26,1)\", \"rgba(249,227,28,1)\",\"rgba(25,201,25,1)\",\"rgba(29,53,234,1)\"];\n        let colors = ['#FF0002', 'rgba(234,26,26,1)', 'rgba(249,227,28,1)','rgba(25,201,25,1)','rgba(29,53,234,1)'];\n        return colors[key.indexOf(v)];\n      }"
+          ]
+        },
+        {
+          "name": "animate",
+          "params": [
+            {
+              "interval": 1,
+              "duration": 2,
+              "trailLength": 2
+            }
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "opacity": 0.6,
+              "lineTexture": true,
+              "iconStep": 100,
+              "borderWidth": 0.4,
+              "borderColor": "#fff"
+            }
+          ]
+        }
+      ]
+    },
+    {
       "id": "",
       "key": "warning_monitor",
       "type": "PointLayer",
@@ -514,7 +573,7 @@
       "type": "line",
       "filter": [
         "in",
-        "color",
+        "level",
         ""
       ],
       "paint": {
@@ -817,7 +876,8 @@
       ],
       "filter": [
         [
-          "rgba(249,227,28,1)"
+          "A\t",
+          "B\t"
         ]
       ]
     },
@@ -827,7 +887,7 @@
       ],
       "filter": [
         [
-          "#FF0002"
+          "C\t"
         ]
       ]
     },
@@ -837,7 +897,7 @@
       ],
       "filter": [
         [
-          "rgba(25,201,25,1)"
+          "D\t"
         ]
       ]
     },
@@ -847,7 +907,7 @@
       ],
       "filter": [
         [
-          "rgba(29,53,234,1)"
+          "\"\"\t"
         ]
       ]
     },
@@ -857,11 +917,11 @@
       ],
       "filter": [
         [
-          "#FF0002",
-          "rgba(234,26,26,1)",
-          "rgba(249,227,28,1)",
-          "rgba(25,201,25,1)",
-          "rgba(29,53,234,1)"
+          "A\t",
+          "B\t",
+          "C\t",
+          "D\t",
+          "\"\"\t"
         ]
       ]
     },
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index cc8e024..6f21ee7 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -66,7 +66,7 @@
    */
   LayerData: [
     {
-      title: "基本信息",
+      title: '基本信息',
       Show: true,
       children: [
         {
@@ -160,7 +160,7 @@
       ],
     },
     {
-      title: "燃气系统",
+      title: '燃气系统',
       Show: true,
       children: [
         {
@@ -170,6 +170,36 @@
           layerVisible: false,
         },
         {
+          layerName: '市政管网',
+          layerKey: 'rq_SZLH',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '庭院管网',
+          layerKey: 'rq_TYLH',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '立管',
+          layerKey: 'rq_LGLH',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '其他管网',
+          layerKey: 'rq_other',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
+          layerName: '燃气管网流向',
+          layerKey: 'sx_ya_smx_rq_line_sz',
+          layerIcon: null,
+          layerVisible: false,
+        },
+        {
           layerName: '调压器',
           layerKey: 'tiaoYaQi',
           layerIcon: null,
@@ -202,7 +232,7 @@
       ],
     },
     {
-      title: "雨水系统",
+      title: '雨水系统',
       Show: true,
       children: [
         {
@@ -241,7 +271,7 @@
       ],
     },
     {
-      title: "污水系统",
+      title: '污水系统',
       Show: true,
       children: [
         {
@@ -278,7 +308,7 @@
       ],
     },
     {
-      title: "感知设备",
+      title: '感知设备',
       Show: true,
       children: [
         {
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 493c201..4870556 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -802,7 +802,7 @@
         console.log('popupData---', '告警---------', popupData);
       });
     }
-    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: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
 
     clearInterval(initeRQTimer);
   }, 100);
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index 4e5236d..dc21b9e 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -5,19 +5,13 @@
       <!-- 顶部 -->
       <div
         id="oneMapHeader"
-        :class="[
-          'oneMapHeader',
-          'animate__animated',
-          showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown',
-        ]"
+        :class="['oneMapHeader', 'animate__animated', showPanel2 ? 'animate__fadeOutUp' : 'animate__fadeInDown']"
       >
         <!-- 标题 -->
         <img id="titleFont" src="@/assets/images/Sponge_screen/oneMapTitleFont.png" />
         <!-- 标题左侧展示组件 -->
         <div class="Location">
-          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"
-            ><LocationFilled
-          /></el-icon>
+          <el-icon size="18" style="margin-right: 5px; vertical-align: bottom"><LocationFilled /></el-icon>
           延安
         </div>
         <div class="Timer">
@@ -36,9 +30,7 @@
       <!-- 地图组件 -->
       <OneMap @map-click="mapClick" v-if="AllData.MapShowBol"></OneMap>
       <!-- 桥梁BIM -->
-      <WangJiaPingBIM
-        v-if="!AllData.MapShowBol && AllData.ComShowID == 4"
-      ></WangJiaPingBIM>
+      <WangJiaPingBIM v-if="!AllData.MapShowBol && AllData.ComShowID == 4"></WangJiaPingBIM>
       <!-- 隧道BIM -->
       <Tunnel v-if="!AllData.MapShowBol && AllData.ComShowID == 5"></Tunnel>
       <!-- 降雨效果 -->
@@ -65,42 +57,17 @@
       />
       <LayerControl v-if="AllData.MapShowBol" :ShowTuCheng="ShowTuCheng"></LayerControl>
       <!-- 1:总体概览 -->
-      <ComZTGL
-        v-if="AllData.ComShowID == 1"
-        :isActive="AllData.ComShowID == 1 ? true : false"
-        :showPanel="showPanel"
-      ></ComZTGL>
+      <ComZTGL v-if="AllData.ComShowID == 1" :isActive="AllData.ComShowID == 1 ? true : false" :showPanel="showPanel"></ComZTGL>
       <!-- 2:智慧燃气 -->
-      <ComZHRQ
-        v-if="AllData.ComShowID == 2"
-        :isActive="AllData.ComShowID == 2 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHRQ>
+      <ComZHRQ v-if="AllData.ComShowID == 2" :isActive="AllData.ComShowID == 2 ? true : false" :showPanel="showPanel"></ComZHRQ>
       <!-- 3:智慧排水 -->
-      <ComZHPS
-        v-if="AllData.ComShowID == 3"
-        :isActive="AllData.ComShowID == 3 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHPS>
+      <ComZHPS v-if="AllData.ComShowID == 3" :isActive="AllData.ComShowID == 3 ? true : false" :showPanel="showPanel"></ComZHPS>
       <!-- 4:智慧桥梁 -->
-      <ComZHQL
-        v-if="AllData.ComShowID == 4"
-        :isActive="AllData.ComShowID == 4 ? true : false"
-        :showPanel="showPanel"
-      >
-      </ComZHQL>
+      <ComZHQL v-if="AllData.ComShowID == 4" :isActive="AllData.ComShowID == 4 ? true : false" :showPanel="showPanel"> </ComZHQL>
       <!-- 5:智慧隧道 -->
-      <ComZHSD
-        v-if="AllData.ComShowID == 5"
-        :isActive="AllData.ComShowID == 5 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHSD>
+      <ComZHSD v-if="AllData.ComShowID == 5" :isActive="AllData.ComShowID == 5 ? true : false" :showPanel="showPanel"></ComZHSD>
       <!-- 6:智慧海绵 -->
-      <ComZHHM
-        v-if="AllData.ComShowID == 6"
-        :isActive="AllData.ComShowID == 6 ? true : false"
-        :showPanel="showPanel"
-      ></ComZHHM>
+      <ComZHHM v-if="AllData.ComShowID == 6" :isActive="AllData.ComShowID == 6 ? true : false" :showPanel="showPanel"></ComZHHM>
       <!-- 智慧海绵-监测分析 -->
       <ZHHMJCFX
         v-if="AllData.ComShowID == 61"
@@ -114,11 +81,7 @@
         :showPanel="showPanel"
       ></ZHHMJSPG>
       <!-- 7:防洪排涝 -->
-      <ComFHPL
-        v-if="AllData.ComShowID == 7"
-        :isActive="AllData.ComShowID == 7 ? true : false"
-        :showPanel="showPanel"
-      ></ComFHPL>
+      <ComFHPL v-if="AllData.ComShowID == 7" :isActive="AllData.ComShowID == 7 ? true : false" :showPanel="showPanel"></ComFHPL>
     </div>
     <!-- 底部菜单 -->
     <div id="BottomMenuBox">
@@ -128,11 +91,7 @@
       <!-- 菜单List -->
       <div
         class="MenuList"
-        :class="[
-          'MenuList' + index,
-          'animate__animated',
-          showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp',
-        ]"
+        :class="['MenuList' + index, 'animate__animated', showPanel2 ? 'animate__bounceInUp' : 'animate__bounceInUp']"
         v-for="(item, index) in AllData.MenuListData"
         @click="MenuClick(item, index)"
         v-if="BottomshowPanel"
@@ -146,10 +105,7 @@
 
           <!-- 二级菜单 -->
           <!-- <Transition name="slide-fade2"> -->
-          <div
-            v-show="AllData.ErJiMenuShowID == item.id && !!item.children"
-            class="ErJiMenuBox"
-          >
+          <div v-show="AllData.ErJiMenuShowID == item.id && !!item.children" class="ErJiMenuBox">
             <span
               class="ErJiMenuList"
               :class="AllData.ErJiMenuCheckID == item2.id ? 'ErJiMenuCheck' : ''"
@@ -168,11 +124,7 @@
     <Voice></Voice>
   </div>
   <!-- 融云弹窗 -->
-  <ModelRongYun
-    :RYdialogShow="AllData.RYDialog"
-    :ZhuDongBoHao="AllData.ZhuDongBoHao"
-    @OneDialogHide="dialogHide"
-  ></ModelRongYun>
+  <ModelRongYun :RYdialogShow="AllData.RYDialog" :ZhuDongBoHao="AllData.ZhuDongBoHao" @OneDialogHide="dialogHide"></ModelRongYun>
   <!-- 前端组件公共弹窗 -->
   <el-dialog
     modal-class="publicDialogVisible"
@@ -194,54 +146,54 @@
 </template>
 
 <script setup name="oneMapIndex">
-import bus from "@/bus";
-import { fullscreenToggel } from "@/utils/util";
-import { ref, reactive, toRefs, onMounted } from "vue";
+import bus from '@/bus';
+import { fullscreenToggel } from '@/utils/util';
+import { ref, reactive, toRefs, onMounted } from 'vue';
 // 菜单的图片资源
-import ZTGL from "@/assets/images/Sponge_screen/menu/ZTGL.png";
-import AC_ZTGL from "@/assets/images/Sponge_screen/menu/AC_ZTGL.png";
-import ZHRQ from "@/assets/images/Sponge_screen/menu/ZHRQ.png";
-import AC_ZHRQ from "@/assets/images/Sponge_screen/menu/AC_ZHRQ.png";
-import ZHPS from "@/assets/images/Sponge_screen/menu/ZHPS.png";
-import AC_ZHPS from "@/assets/images/Sponge_screen/menu/AC_ZHPS.png";
-import ZHQL from "@/assets/images/Sponge_screen/menu/ZHQL.png";
-import AC_ZHQL from "@/assets/images/Sponge_screen/menu/AC_ZHQL.png";
-import ZHSD from "@/assets/images/Sponge_screen/menu/ZHSD.png";
-import AC_ZHSD from "@/assets/images/Sponge_screen/menu/AC_ZHSD.png";
-import FXPL from "@/assets/images/Sponge_screen/menu/FXPL.png";
-import AC_FXPL from "@/assets/images/Sponge_screen/menu/AC_FXPL.png";
-import ZHHM from "@/assets/images/Sponge_screen/menu/ZHHM.png";
-import AC_ZHHM from "@/assets/images/Sponge_screen/menu/AC_ZHHM.png";
+import ZTGL from '@/assets/images/Sponge_screen/menu/ZTGL.png';
+import AC_ZTGL from '@/assets/images/Sponge_screen/menu/AC_ZTGL.png';
+import ZHRQ from '@/assets/images/Sponge_screen/menu/ZHRQ.png';
+import AC_ZHRQ from '@/assets/images/Sponge_screen/menu/AC_ZHRQ.png';
+import ZHPS from '@/assets/images/Sponge_screen/menu/ZHPS.png';
+import AC_ZHPS from '@/assets/images/Sponge_screen/menu/AC_ZHPS.png';
+import ZHQL from '@/assets/images/Sponge_screen/menu/ZHQL.png';
+import AC_ZHQL from '@/assets/images/Sponge_screen/menu/AC_ZHQL.png';
+import ZHSD from '@/assets/images/Sponge_screen/menu/ZHSD.png';
+import AC_ZHSD from '@/assets/images/Sponge_screen/menu/AC_ZHSD.png';
+import FXPL from '@/assets/images/Sponge_screen/menu/FXPL.png';
+import AC_FXPL from '@/assets/images/Sponge_screen/menu/AC_FXPL.png';
+import ZHHM from '@/assets/images/Sponge_screen/menu/ZHHM.png';
+import AC_ZHHM from '@/assets/images/Sponge_screen/menu/AC_ZHHM.png';
 // 引用地图
-import OneMap from "./map/newfiberMapBox.vue";
+import OneMap from './map/newfiberMapBox.vue';
 // 引用王家坪大桥BIm
-import WangJiaPingBIM from "./BIM/WangJiaPIng.vue";
+import WangJiaPingBIM from './BIM/WangJiaPIng.vue';
 // 引用隧道BIm
-import Tunnel from "./BIM/Tunnel.vue";
+import Tunnel from './BIM/Tunnel.vue';
 // 引用语音识别
-import Voice from "./../voice/recordPage/index.vue";
+import Voice from './../voice/recordPage/index.vue';
 // 引入融云通讯录
-import ModelRongYun from "@/views/RongyunCommunication/ModelRongYun/index.vue"; //融云调用
+import ModelRongYun from '@/views/RongyunCommunication/ModelRongYun/index.vue'; //融云调用
 // 子系统引入
-import ComZTGL from "./components/ZTGL.vue"; //总体概览
-import ComZHRQ from "./components/ZHRQ.vue"; //智慧燃气
-import ComZHPS from "./components/ZHPS.vue"; //智慧排水
-import ComZHQL from "./components/ZHQL.vue"; //智慧桥梁
-import ComZHSD from "./components/ZHSD.vue"; //智慧隧道
-import ComZHHM from "./components/ZHHM.vue"; //智慧海绵
-import ComFHPL from "./components/FHPL.vue"; //防洪排涝
-import ZHHMJCFX from "./components/ZHHM_JCFX.vue"; //智慧海绵-监测分析
-import ZHHMJSPG from "./components/ZHHM_JSPG.vue"; //智慧海绵-建设评估
-import PopupInfo from "@/views/oneMap/components/mapboxPopup.vue"; //地图标注点弹窗
+import ComZTGL from './components/ZTGL.vue'; //总体概览
+import ComZHRQ from './components/ZHRQ.vue'; //智慧燃气
+import ComZHPS from './components/ZHPS.vue'; //智慧排水
+import ComZHQL from './components/ZHQL.vue'; //智慧桥梁
+import ComZHSD from './components/ZHSD.vue'; //智慧隧道
+import ComZHHM from './components/ZHHM.vue'; //智慧海绵
+import ComFHPL from './components/FHPL.vue'; //防洪排涝
+import ZHHMJCFX from './components/ZHHM_JCFX.vue'; //智慧海绵-监测分析
+import ZHHMJSPG from './components/ZHHM_JSPG.vue'; //智慧海绵-建设评估
+import PopupInfo from '@/views/oneMap/components/mapboxPopup.vue'; //地图标注点弹窗
 // 降雨效果
-import CanvasRain from "@/views/oneMap/cityGK/canvasRain.vue"; //降雨效果
+import CanvasRain from '@/views/oneMap/cityGK/canvasRain.vue'; //降雨效果
 // 图层控制面板
-import LayerControl from "@/views/oneMap/LayerControl/LayerControl.vue"; //图层控制面板
+import LayerControl from '@/views/oneMap/LayerControl/LayerControl.vue'; //图层控制面板
 // 前端共同弹窗
-import DialogTabs from "@/views/DialogTabs/dialogTabs.vue";
+import DialogTabs from '@/views/DialogTabs/dialogTabs.vue';
 // 左右滑动
-import ZuoYou1 from "@/assets/images/Sponge_screen/ZuoYou1.png";
-import ZuoYou2 from "@/assets/images/Sponge_screen/ZuoYou2.png";
+import ZuoYou1 from '@/assets/images/Sponge_screen/ZuoYou1.png';
+import ZuoYou2 from '@/assets/images/Sponge_screen/ZuoYou2.png';
 // 时间以及天气
 const timer = ref(null);
 const dates = ref(null);
@@ -249,8 +201,8 @@
 const times = ref(null);
 const weather = ref({
   temperature: null,
-  imgNum: "",
-  text: "",
+  imgNum: '',
+  text: '',
 });
 const showPanel = ref(false);
 const showPanel2 = ref(false);
@@ -259,65 +211,65 @@
   MapShowBol: true, //是否展示中心地图
   MenuListData: [
     {
-      name: "总体概览",
+      name: '总体概览',
       iocn: ZTGL,
       AC_icon: AC_ZTGL,
       id: 1,
-      Layers: ["路网", "河流水系"],
+      Layers: ['路网', '河流水系'],
     },
     {
-      name: "智慧燃气",
+      name: '智慧燃气',
       iocn: ZHRQ,
       AC_icon: AC_ZHRQ,
       id: 2,
-      Layers: ["燃气管网"],
+      Layers: ['市政管网'],
     },
     {
-      name: "智慧排水",
+      name: '智慧排水',
       iocn: ZHPS,
       AC_icon: AC_ZHPS,
       id: 3,
-      Layers: ["雨水管网", "污水管网"],
+      Layers: ['雨水管网', '污水管网'],
     },
     {
-      name: "智慧海绵",
+      name: '智慧海绵',
       iocn: ZHHM,
       AC_icon: AC_ZHHM,
       id: 6,
       children: [
         {
-          name: "城市概览",
+          name: '城市概览',
           id: 6,
           Layers: [],
         },
         {
-          name: "监测分析",
+          name: '监测分析',
           id: 61,
           Layers: [],
         },
         {
-          name: "建设评估",
+          name: '建设评估',
           id: 62,
           Layers: [],
         },
       ],
     },
     {
-      name: "智慧桥梁",
+      name: '智慧桥梁',
       iocn: ZHQL,
       AC_icon: AC_ZHQL,
       id: 4,
       Layers: [],
     },
     {
-      name: "智慧隧道",
+      name: '智慧隧道',
       iocn: ZHSD,
       AC_icon: AC_ZHSD,
       id: 5,
       Layers: [],
     },
     {
-      name: "防汛排涝",
+      name: '防汛排涝',
       iocn: FXPL,
       AC_icon: AC_FXPL,
       id: 7,
@@ -338,21 +290,21 @@
 // 公共弹窗
 const dialogConfig = reactive({
   visible: false,
-  getSiteId: "",
-  SiteNo: "",
+  getSiteId: '',
+  SiteNo: '',
   data: {},
-  comIDs: ["spjk"],
+  comIDs: ['spjk'],
   customData: [],
-  RefName: "",
-  title: "详情",
+  RefName: '',
+  title: '详情',
 });
 onMounted(() => {
   fullscreenToggel();
   AllData.BottmBackGroundShow = true;
-  console.log(AllData.BottmBackGroundShow, "AllData.BottmBackGroundShow");
-  bus.emit("BottomHidden", AllData.BottmBackGroundShow);
+  console.log(AllData.BottmBackGroundShow, 'AllData.BottmBackGroundShow');
+  bus.emit('BottomHidden', AllData.BottmBackGroundShow);
   // 降雨特征点击
-  bus.on("checkRainL", (params) => {
+  bus.on('checkRainL', params => {
     if (params == 1) {
       showRainFlow.value = false;
     } else {
@@ -360,7 +312,7 @@
     }
   });
   // 底部隐藏
-  bus.on("checkBottom", (params) => {
+  bus.on('checkBottom', params => {
     if (params == 1) {
       BottomshowPanel.value = false;
     } else {
@@ -368,15 +320,15 @@
     }
   });
   // 共同弹窗触发事件
-  bus.on("publicDialog", (params) => {
+  bus.on('publicDialog', params => {
     dialogConfig.getSiteId = params.getSiteId;
-    dialogConfig.title = params.title ?? "详情";
+    dialogConfig.title = params.title ?? '详情';
     dialogConfig.comIDs = params.comIDs ?? dialogConfig.comIDs;
     // 打开弹窗
     dialogConfig.visible = true;
   });
   // 共同弹窗触发事件
-  bus.on("publicDialog_Close", (params) => {
+  bus.on('publicDialog_Close', params => {
     // 打开弹窗
     dialogConfig.visible = false;
   });
@@ -386,14 +338,14 @@
   currentTime();
   //initRainImage();
   // 打开融云通讯录主动拨号
-  bus.on("OpenRY", (params) => {
+  bus.on('OpenRY', params => {
     AllData.ZhuDongBoHao = true;
     AllData.RYDialog = true;
-    bus.emit("showRy");
+    bus.emit('showRy');
   });
 
   // 切换专题图
-  bus.on("ChangeZhuanTiTu", (params) => {
+  bus.on('ChangeZhuanTiTu', params => {
     if (params.num == 1) {
       // 一级
       MenuClick(params.MenuData1);
@@ -404,12 +356,12 @@
   });
 });
 onBeforeUnmount(() => {
-  bus.off("BottomHidden");
-  bus.off("publicDialog");
-  bus.off("publicDialog_Close");
-  bus.off("OpenRY");
-  bus.off("ChangeZhuanTiTu");
-  bus.off("checkRainL");
+  bus.off('BottomHidden');
+  bus.off('publicDialog');
+  bus.off('publicDialog_Close');
+  bus.off('OpenRY');
+  bus.off('ChangeZhuanTiTu');
+  bus.off('checkRainL');
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -428,9 +380,9 @@
   } else {
     AllData.MapShowBol = true;
     // 点击菜单时隐藏所有图层
-    bus.emit("clearAllLayer");
+    bus.emit('clearAllLayer');
     // 打开默认的菜单
-    bus.emit("SetLayerShow", item.Layers);
+    bus.emit('SetLayerShow', item.Layers);
   }
 };
 // 二级菜单点击
@@ -449,10 +401,10 @@
 const toRYBox = () => {
   AllData.RYDialog = true;
   AllData.ZhuDongBoHao = false;
-  bus.emit("showRy");
+  bus.emit('showRy');
 };
 // 关闭融云通讯录弹窗
-const dialogHide = (val) => {
+const dialogHide = val => {
   if (!val) {
     AllData.RYDialog = false;
     AllData.ZhuDongBoHao = false;
@@ -460,25 +412,23 @@
 };
 //地图点击事件
 const mapClick = async (point, properties, feature) => {
-  console.log("point", point);
-  console.log("properties", properties);
-  console.log("feature---", feature);
+  console.log('point', point);
+  console.log('properties', properties);
+  console.log('feature---', feature);
   if (properties) {
-    if (feature == "rq_pipeline_info") {
-      if (!!newfiberMapbox.getLayerByName("rqLine")) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("rqLine"));
+    if (feature == 'rq_pipeline_info') {
+      if (!!newfiberMapbox.getLayerByName('rqLine')) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
       }
-      let rqLine = turf.featureCollection([
-        turf.feature(Terraformer.WKT.parse(properties.geometry)),
-      ]);
+      let rqLine = turf.featureCollection([turf.feature(Terraformer.WKT.parse(properties.geometry))]);
       let layer = new mapboxL7.LineLayer({
-        name: "rqLine",
+        name: 'rqLine',
       })
         .source(rqLine)
         .size(4)
-        .shape("line")
-        .texture("arrow")
-        .color("rgb(241, 159, 27)")
+        .shape('line')
+        .texture('arrow')
+        .color('rgb(241, 159, 27)')
         .animate({
           interval: 2, // 间隔
           duration: 2, // 持续时间，延时
@@ -489,11 +439,11 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 50, // 设置贴图纹理的间距
           borderWidth: 0, // 默认文 0，最大有效值为 0.5
-          borderColor: "#fff", // 默认为 #ccc
+          borderColor: '#fff', // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     }
-    bus.emit("popupcontent", {
+    bus.emit('popupcontent', {
       popupShow: true,
       point: point,
       popupInfo: properties,
@@ -508,20 +458,12 @@
   let month = date.getMonth() + 1; // 月
   let day = date.getDate(); // 日
   let hour = date.getHours(); // 时
-  hour = hour < 10 ? "0" + hour : hour; // 如果只有一位，则前面补零
+  hour = hour < 10 ? '0' + hour : hour; // 如果只有一位，则前面补零
   let minute = date.getMinutes(); // 分
-  minute = minute < 10 ? "0" + minute : minute; // 如果只有一位，则前面补零
+  minute = minute < 10 ? '0' + minute : minute; // 如果只有一位，则前面补零
   let second = date.getSeconds(); // 秒
-  second = second < 10 ? "0" + second : second; // 如果只有一位，则前面补零
-  let weekAry = new Array(
-    "星期日",
-    "星期一",
-    "星期二",
-    "星期三",
-    "星期四",
-    "星期五",
-    "星期六"
-  );
+  second = second < 10 ? '0' + second : second; // 如果只有一位，则前面补零
+  let weekAry = new Array('星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六');
   weeks.value = weekAry[date.getDay()];
   dates.value = `${year}-${month}-${day}`;
   times.value = `${hour}:${minute}:${second}`;
@@ -544,11 +486,11 @@
   // }
 };
 // 二级菜单展示
-const handleMouseEnter = (item) => {
+const handleMouseEnter = item => {
   AllData.ErJiMenuShowID = item.id;
 };
 // 二级菜单展示
-const handleMouseLeave = (item) => {
+const handleMouseLeave = item => {
   AllData.ErJiMenuShowID = null;
 };
 
@@ -679,7 +621,7 @@
     #oneMapHeader {
       width: 100%;
       height: 100px;
-      background: url("@/assets/images/Sponge_screen/db_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/db_img.png') no-repeat center;
       background-size: cover;
       z-index: 100;
       position: absolute;
@@ -750,15 +692,15 @@
         cursor: pointer;
       }
       .goHome {
-        background: url("@/assets/images/Sponge_screen/sy_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/sy_btn.png') no-repeat center;
         right: 150px;
       }
       .goUser_com {
-        background: url("@/assets/images/Sponge_screen/hs_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/hs_btn.png') no-repeat center;
         right: 100px;
       }
       .goClose_com {
-        background: url("@/assets/images/Sponge_screen/gb_btn.png") no-repeat center;
+        background: url('@/assets/images/Sponge_screen/gb_btn.png') no-repeat center;
         right: 50px;
       }
     }
@@ -804,7 +746,7 @@
       bottom: 0;
       width: 952px;
       height: 62px;
-      background: url("@/assets/images/Sponge_screen/menu/DB_img.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/menu/DB_img.png') no-repeat center;
       background-size: cover;
     }
     // 图标菜单样式 从左到右按照顺序进行设定
@@ -938,7 +880,7 @@
     height: 800px;
     border: 1px solid #15d2fd;
     .el-dialog__header {
-      background: url("@/assets/images/Sponge_screen/DialogTitleBG.png") no-repeat center;
+      background: url('@/assets/images/Sponge_screen/DialogTitleBG.png') no-repeat center;
       background-size: cover;
       padding: 0;
       height: 60px;