diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
index e2d7df1..eec2203 100644
--- a/src/views/DialogTabs/component/GongDanPaiFa.vue
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -1,10 +1,48 @@
 <template>
-  <div id="GongDanPaiFa"></div>
+  <div id="GongDanPaiFa">
+    <el-form
+      :model="AllData.form"
+      label-width="auto"
+      style="max-width: 100%; padding: 0 40px 0 0px"
+      class="GongDanPaiForm"
+    >
+      <el-form-item label="工单类型：" class="cell2">
+        <el-input v-model="AllData.form.GDType" />
+      </el-form-item>
+      <el-form-item label="警情时间：" class="cell2">
+        <el-input v-model="AllData.form.JQTimer" />
+      </el-form-item>
+      <el-form-item label="风险位置：" class="cell1">
+        <el-input v-model="AllData.form.FXWZ" />
+      </el-form-item>
+      <el-form-item label="辅助研判：" class="cell1">
+        <el-input v-model="AllData.form.FZYP" />
+      </el-form-item>
+      <el-form-item label="要求反馈时间：" class="cell2">
+        <el-input v-model="AllData.form.FKSJ" />
+      </el-form-item>
+      <el-form-item label="要求完成时间：" class="cell2">
+        <el-input v-model="AllData.form.WCSJ" />
+      </el-form-item>
+    </el-form>
+    <el-button color="#03B6A0" :dark="isDark" style="width: 110px; height: 34px"
+      >派发工单</el-button
+    >
+  </div>
 </template>
 
 <script setup name="GongDanPaiFa">
 import { ref, reactive, toRefs, onMounted } from "vue";
-const AllData = reactive({});
+const AllData = reactive({
+  form: {
+    GDType: "预警工单",
+    JQTimer: "2024-09-26  17:26",
+    FXWZ: "车城大道与车辆西路路口",
+    FZYP: "压力检测超标，并且该地点管网发生过管道泄漏事件",
+    FKSJ: "2小时内",
+    WCSJ: "2024-09-30",
+  },
+});
 onMounted(() => {});
 </script>
 
@@ -12,5 +50,43 @@
 #GongDanPaiFa {
   width: 100%;
   height: 100%;
+  text-align: center;
+
+  :deep(.GongDanPaiForm) {
+    width: 100%;
+    height: calc(100% - 60px);
+    overflow: auto;
+
+    .cell1 {
+      float: left;
+      width: 100%;
+    }
+    .cell2 {
+      float: left;
+      width: 50%;
+
+      .el-form-item__label {
+        width: 200px !important;
+      }
+    }
+    .el-form-item__label {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 16px;
+      color: #ffffff;
+    }
+    .el-input__wrapper {
+      background: rgba(14, 69, 89, 0.9);
+      border: 1px solid #1cf5fc;
+      box-shadow: none;
+
+      .el-input__inner {
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        font-size: 16px;
+        color: #c1d3d4;
+      }
+    }
+  }
 }
 </style>

diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
index e2d7df1..eec2203 100644
--- a/src/views/DialogTabs/component/GongDanPaiFa.vue
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -1,10 +1,48 @@
 <template>
-  <div id="GongDanPaiFa"></div>
+  <div id="GongDanPaiFa">
+    <el-form
+      :model="AllData.form"
+      label-width="auto"
+      style="max-width: 100%; padding: 0 40px 0 0px"
+      class="GongDanPaiForm"
+    >
+      <el-form-item label="工单类型：" class="cell2">
+        <el-input v-model="AllData.form.GDType" />
+      </el-form-item>
+      <el-form-item label="警情时间：" class="cell2">
+        <el-input v-model="AllData.form.JQTimer" />
+      </el-form-item>
+      <el-form-item label="风险位置：" class="cell1">
+        <el-input v-model="AllData.form.FXWZ" />
+      </el-form-item>
+      <el-form-item label="辅助研判：" class="cell1">
+        <el-input v-model="AllData.form.FZYP" />
+      </el-form-item>
+      <el-form-item label="要求反馈时间：" class="cell2">
+        <el-input v-model="AllData.form.FKSJ" />
+      </el-form-item>
+      <el-form-item label="要求完成时间：" class="cell2">
+        <el-input v-model="AllData.form.WCSJ" />
+      </el-form-item>
+    </el-form>
+    <el-button color="#03B6A0" :dark="isDark" style="width: 110px; height: 34px"
+      >派发工单</el-button
+    >
+  </div>
 </template>
 
 <script setup name="GongDanPaiFa">
 import { ref, reactive, toRefs, onMounted } from "vue";
-const AllData = reactive({});
+const AllData = reactive({
+  form: {
+    GDType: "预警工单",
+    JQTimer: "2024-09-26  17:26",
+    FXWZ: "车城大道与车辆西路路口",
+    FZYP: "压力检测超标，并且该地点管网发生过管道泄漏事件",
+    FKSJ: "2小时内",
+    WCSJ: "2024-09-30",
+  },
+});
 onMounted(() => {});
 </script>
 
@@ -12,5 +50,43 @@
 #GongDanPaiFa {
   width: 100%;
   height: 100%;
+  text-align: center;
+
+  :deep(.GongDanPaiForm) {
+    width: 100%;
+    height: calc(100% - 60px);
+    overflow: auto;
+
+    .cell1 {
+      float: left;
+      width: 100%;
+    }
+    .cell2 {
+      float: left;
+      width: 50%;
+
+      .el-form-item__label {
+        width: 200px !important;
+      }
+    }
+    .el-form-item__label {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 16px;
+      color: #ffffff;
+    }
+    .el-input__wrapper {
+      background: rgba(14, 69, 89, 0.9);
+      border: 1px solid #1cf5fc;
+      box-shadow: none;
+
+      .el-input__inner {
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        font-size: 16px;
+        color: #c1d3d4;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 3bc6665..372cbb4 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -94,7 +94,7 @@
               class="TableChangeList2"
               :class="AllData.YJChangeIndex == item.id ? 'TableCheck2' : ''"
               v-for="item in AllData.YJChangeData"
-              @click="AllData.YJChangeIndex = item.id"
+              @click="initEcharts(item.id)"
             >
               {{ item.name }}
             </div>
@@ -344,7 +344,23 @@
   },
 });
 // 初始化预警统计的Echarts
-const initEcharts = () => {
+const initEcharts = (id) => {
+  AllData.YJChangeIndex = id;
+  let Data1 = [];
+  let Data2 = [];
+  if (AllData.YJChangeIndex == 1) {
+    Data1 = [6, 2, 1, 5, 7, 6, 3];
+    Data2 = [16, 7, 8, 12, 16, 13, 12];
+  } else if (AllData.YJChangeIndex == 2) {
+    Data1 = [2, 3, 8, 3, 2, 1, 4];
+    Data2 = [7, 16, 13, 16, 12, 8, 12];
+  } else {
+    Data1 = [6, 4, 3, 5, 8, 3, 8];
+    Data2 = [8, 12, 16, 13, 16, 7, 12];
+  }
+  if (!!AllData.timer) {
+    clearTimeout(AllData.timer);
+  }
   if (!!myChart.value) {
     myChart.value.dispose();
   }
@@ -392,8 +408,8 @@
         type: "value",
         name: "预警次数",
         min: 0,
-        max: 120,
-        interval: 20,
+        max: 12,
+        interval: 2,
         axisLabel: {
           formatter: "{value}",
         },
@@ -413,8 +429,8 @@
         type: "value",
         name: "持续时长",
         min: 0,
-        max: 24,
-        interval: 4,
+        max: 30,
+        interval: 5,
         axisLabel: {
           formatter: "{value}",
         },
@@ -446,7 +462,7 @@
           // borderRadius: 10, // 统一设置四个角的圆角大小
           borderRadius: [10, 10, 0, 0], //（顺时针左上，右上，右下，左下）
         },
-        data: [105, 50, 55, 70, 110, 90, 68],
+        data: Data1,
       },
       {
         name: "持续时长",
@@ -471,7 +487,7 @@
           ]),
         },
 
-        data: [16, 7, 8, 12, 16, 13, 12],
+        data: Data2,
       },
     ],
   });
@@ -526,7 +542,7 @@
     newfiberMapbox.map.setLayoutProperty("rq_pipeline_info", "visibility", "visible");
     clearInterval(initeRQTimer);
   }, 100);
-  initEcharts();
+  initEcharts(1);
 });
 onBeforeUnmount(() => {
   newfiberMapbox.map.setLayoutProperty("rq_pipeline_info", "visibility", "none");

diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
index e2d7df1..eec2203 100644
--- a/src/views/DialogTabs/component/GongDanPaiFa.vue
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -1,10 +1,48 @@
 <template>
-  <div id="GongDanPaiFa"></div>
+  <div id="GongDanPaiFa">
+    <el-form
+      :model="AllData.form"
+      label-width="auto"
+      style="max-width: 100%; padding: 0 40px 0 0px"
+      class="GongDanPaiForm"
+    >
+      <el-form-item label="工单类型：" class="cell2">
+        <el-input v-model="AllData.form.GDType" />
+      </el-form-item>
+      <el-form-item label="警情时间：" class="cell2">
+        <el-input v-model="AllData.form.JQTimer" />
+      </el-form-item>
+      <el-form-item label="风险位置：" class="cell1">
+        <el-input v-model="AllData.form.FXWZ" />
+      </el-form-item>
+      <el-form-item label="辅助研判：" class="cell1">
+        <el-input v-model="AllData.form.FZYP" />
+      </el-form-item>
+      <el-form-item label="要求反馈时间：" class="cell2">
+        <el-input v-model="AllData.form.FKSJ" />
+      </el-form-item>
+      <el-form-item label="要求完成时间：" class="cell2">
+        <el-input v-model="AllData.form.WCSJ" />
+      </el-form-item>
+    </el-form>
+    <el-button color="#03B6A0" :dark="isDark" style="width: 110px; height: 34px"
+      >派发工单</el-button
+    >
+  </div>
 </template>
 
 <script setup name="GongDanPaiFa">
 import { ref, reactive, toRefs, onMounted } from "vue";
-const AllData = reactive({});
+const AllData = reactive({
+  form: {
+    GDType: "预警工单",
+    JQTimer: "2024-09-26  17:26",
+    FXWZ: "车城大道与车辆西路路口",
+    FZYP: "压力检测超标，并且该地点管网发生过管道泄漏事件",
+    FKSJ: "2小时内",
+    WCSJ: "2024-09-30",
+  },
+});
 onMounted(() => {});
 </script>
 
@@ -12,5 +50,43 @@
 #GongDanPaiFa {
   width: 100%;
   height: 100%;
+  text-align: center;
+
+  :deep(.GongDanPaiForm) {
+    width: 100%;
+    height: calc(100% - 60px);
+    overflow: auto;
+
+    .cell1 {
+      float: left;
+      width: 100%;
+    }
+    .cell2 {
+      float: left;
+      width: 50%;
+
+      .el-form-item__label {
+        width: 200px !important;
+      }
+    }
+    .el-form-item__label {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 16px;
+      color: #ffffff;
+    }
+    .el-input__wrapper {
+      background: rgba(14, 69, 89, 0.9);
+      border: 1px solid #1cf5fc;
+      box-shadow: none;
+
+      .el-input__inner {
+        font-family: Source Han Sans CN;
+        font-weight: 400;
+        font-size: 16px;
+        color: #c1d3d4;
+      }
+    }
+  }
 }
 </style>
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 3bc6665..372cbb4 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -94,7 +94,7 @@
               class="TableChangeList2"
               :class="AllData.YJChangeIndex == item.id ? 'TableCheck2' : ''"
               v-for="item in AllData.YJChangeData"
-              @click="AllData.YJChangeIndex = item.id"
+              @click="initEcharts(item.id)"
             >
               {{ item.name }}
             </div>
@@ -344,7 +344,23 @@
   },
 });
 // 初始化预警统计的Echarts
-const initEcharts = () => {
+const initEcharts = (id) => {
+  AllData.YJChangeIndex = id;
+  let Data1 = [];
+  let Data2 = [];
+  if (AllData.YJChangeIndex == 1) {
+    Data1 = [6, 2, 1, 5, 7, 6, 3];
+    Data2 = [16, 7, 8, 12, 16, 13, 12];
+  } else if (AllData.YJChangeIndex == 2) {
+    Data1 = [2, 3, 8, 3, 2, 1, 4];
+    Data2 = [7, 16, 13, 16, 12, 8, 12];
+  } else {
+    Data1 = [6, 4, 3, 5, 8, 3, 8];
+    Data2 = [8, 12, 16, 13, 16, 7, 12];
+  }
+  if (!!AllData.timer) {
+    clearTimeout(AllData.timer);
+  }
   if (!!myChart.value) {
     myChart.value.dispose();
   }
@@ -392,8 +408,8 @@
         type: "value",
         name: "预警次数",
         min: 0,
-        max: 120,
-        interval: 20,
+        max: 12,
+        interval: 2,
         axisLabel: {
           formatter: "{value}",
         },
@@ -413,8 +429,8 @@
         type: "value",
         name: "持续时长",
         min: 0,
-        max: 24,
-        interval: 4,
+        max: 30,
+        interval: 5,
         axisLabel: {
           formatter: "{value}",
         },
@@ -446,7 +462,7 @@
           // borderRadius: 10, // 统一设置四个角的圆角大小
           borderRadius: [10, 10, 0, 0], //（顺时针左上，右上，右下，左下）
         },
-        data: [105, 50, 55, 70, 110, 90, 68],
+        data: Data1,
       },
       {
         name: "持续时长",
@@ -471,7 +487,7 @@
           ]),
         },
 
-        data: [16, 7, 8, 12, 16, 13, 12],
+        data: Data2,
       },
     ],
   });
@@ -526,7 +542,7 @@
     newfiberMapbox.map.setLayoutProperty("rq_pipeline_info", "visibility", "visible");
     clearInterval(initeRQTimer);
   }, 100);
-  initEcharts();
+  initEcharts(1);
 });
 onBeforeUnmount(() => {
   newfiberMapbox.map.setLayoutProperty("rq_pipeline_info", "visibility", "none");
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index 8fa49ea..c56ad00 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -3,7 +3,11 @@
     <!-- 顶部 -->
     <div
       id="oneMapHeader"
-      :class="['oneMapHeader', 'animate__animated', showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown']"
+      :class="[
+        'oneMapHeader',
+        'animate__animated',
+        showPanel ? 'animate__fadeOutUp' : 'animate__fadeInDown',
+      ]"
     >
       <!-- 标题 -->
       <img id="titleFont" src="@/assets/images/Sponge_screen/oneMapTitleFont.png" />
@@ -22,7 +26,9 @@
       <!-- 地图组件 -->
       <OneMap @map-click="mapClick" v-if="AllData.MapShowBol"></OneMap>
       <!-- 桥梁BIM -->
-      <WangJiaPingBIM v-if="!AllData.MapShowBol && AllData.AC_MenuIndex == 4"></WangJiaPingBIM>
+      <WangJiaPingBIM
+        v-if="!AllData.MapShowBol && AllData.AC_MenuIndex == 4"
+      ></WangJiaPingBIM>
       <!-- 降雨效果 -->
       <CanvasRain v-if="showRainFlow"></CanvasRain>
       <!-- 地图标注点弹窗popup -->
@@ -30,7 +36,12 @@
       <!-- 前端专题组件 -->
       <!-- <transition name="fade" mode="out-in"> </transition> -->
       <!-- 图例 -->
-      <img id="TuChengImg" src="@/assets/images/Sponge_screen/TuCheng.png" alt="" @click="ShowTuCheng = !ShowTuCheng" />
+      <img
+        id="TuChengImg"
+        src="@/assets/images/Sponge_screen/TuCheng.png"
+        alt=""
+        @click="ShowTuCheng = !ShowTuCheng"
+      />
       <LayerControl :ShowTuCheng="ShowTuCheng"></LayerControl>
       <!-- 1:总体概览 -->
       <ComZTGL
@@ -51,7 +62,11 @@
         :showPanel="showPanel"
       ></ComZHPS>
       <!-- 4:智慧桥梁 -->
-      <ComZHQL v-if="AllData.AC_MenuIndex == 4" :isActive="AllData.AC_MenuIndex == 4 ? true : false" :showPanel="showPanel">
+      <ComZHQL
+        v-if="AllData.AC_MenuIndex == 4"
+        :isActive="AllData.AC_MenuIndex == 4 ? true : false"
+        :showPanel="showPanel"
+      >
       </ComZHQL>
       <!-- 5:智慧隧道 -->
       <ComZHSD
@@ -80,7 +95,11 @@
       <!-- 菜单List -->
       <div
         class="MenuList"
-        :class="['MenuList' + index, 'animate__animated', showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp']"
+        :class="[
+          'MenuList' + index,
+          'animate__animated',
+          showPanel ? 'animate__bounceInUp' : 'animate__bounceInUp',
+        ]"
         v-for="(item, index) in AllData.MenuListData"
         @click="MenuClick(item, index)"
         v-if="BottomshowPanel"
@@ -97,7 +116,10 @@
     <Voice></Voice>
   </div>
   <!-- 融云弹窗 -->
-  <ModelRongYun :RYdialogShow="AllData.RYDialog" @OneDialogHide="dialogHide"></ModelRongYun>
+  <ModelRongYun
+    :RYdialogShow="AllData.RYDialog"
+    @OneDialogHide="dialogHide"
+  ></ModelRongYun>
   <!-- 前端组件公共弹窗 -->
   <el-dialog
     modal-class="publicDialogVisible"
@@ -119,47 +141,47 @@
 </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";
 // 引用语音识别
-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 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 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";
 
 const showPanel = ref(false);
 const ShowTuCheng = ref(false); //图层面板显隐
@@ -167,43 +189,43 @@
   MapShowBol: true, //是否展示中心地图
   MenuListData: [
     {
-      name: '总体概览',
+      name: "总体概览",
       iocn: ZTGL,
       AC_icon: AC_ZTGL,
       id: 1,
     },
     {
-      name: '智慧燃气',
+      name: "智慧燃气",
       iocn: ZHRQ,
       AC_icon: AC_ZHRQ,
       id: 2,
     },
     {
-      name: '智慧排水',
+      name: "智慧排水",
       iocn: ZHPS,
       AC_icon: AC_ZHPS,
       id: 3,
     },
     {
-      name: '智慧海绵',
+      name: "智慧海绵",
       iocn: ZHHM,
       AC_icon: AC_ZHHM,
       id: 6,
     },
     {
-      name: '智慧桥梁',
+      name: "智慧桥梁",
       iocn: ZHQL,
       AC_icon: AC_ZHQL,
       id: 4,
     },
     {
-      name: '智慧隧道',
+      name: "智慧隧道",
       iocn: ZHSD,
       AC_icon: AC_ZHSD,
       id: 5,
     },
     {
-      name: '防汛排涝',
+      name: "防汛排涝",
       iocn: FXPL,
       AC_icon: AC_FXPL,
       id: 7,
@@ -219,21 +241,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 {
@@ -241,7 +263,7 @@
     }
   });
   // 底部隐藏
-  bus.on('checkBottom', params => {
+  bus.on("checkBottom", (params) => {
     if (params == 1) {
       BottomshowPanel.value = false;
     } else {
@@ -249,16 +271,16 @@
     }
   });
   // 共同弹窗触发事件
-  bus.on('publicDialog', params => {
+  bus.on("publicDialog", (params) => {
     // 打开弹窗
     dialogConfig.visible = true;
-    dialogConfig.title = params.title ?? '详情';
+    dialogConfig.title = params.title ?? "详情";
     dialogConfig.comIDs = params.comIDs ?? dialogConfig.comIDs;
   });
 });
 onBeforeUnmount(() => {
-  bus.off('BottomHidden');
-  bus.off('publicDialog');
+  bus.off("BottomHidden");
+  bus.off("publicDialog");
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -274,34 +296,36 @@
 // 打开融云通讯录
 const toRYBox = () => {
   AllData.RYDialog = true;
-  bus.emit('showRy');
+  bus.emit("showRy");
 };
 // 关闭融云通讯录弹窗
-const dialogHide = val => {
+const dialogHide = (val) => {
   if (!val) {
     AllData.RYDialog = false;
   }
 };
 //地图点击事件
 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"));
       }
-      properties.pumpName = '燃气管线';
-      let rqLine = turf.featureCollection([turf.feature(Terraformer.WKT.parse(properties.geometry))]);
+      properties.pumpName = "燃气管线";
+      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, // 持续时间，延时
@@ -312,11 +336,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,
@@ -334,7 +358,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;
@@ -357,15 +381,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;
     }
   }
@@ -400,7 +424,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;
     }
     // 图标菜单样式 从左到右按照顺序进行设定
@@ -484,8 +508,9 @@
 <style lang="scss">
 .publicDialogVisible {
   .el-dialog {
-    background: linear-gradient(0deg, #03c8e5 0%, #035367 100%);
+    background: rgba(14, 69, 89, 0.9);
     height: 800px;
+    border: 1px solid #15d2fd;
 
     .el-dialog__title {
       font-family: PangMenZhengDao;
@@ -493,6 +518,10 @@
       font-size: 24px;
       color: #ebfeff;
     }
+    .el-dialog__body {
+      width: 100%;
+      height: calc(100% - 60px);
+    }
   }
 }
 </style>