diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index da7ace5..c1187b4 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -15,6 +15,10 @@
     title: '视频监控',
     content: markRaw(res_components['ShiPingJianKong']),
     name: "spjk"
+  }, {
+    title: '工单派发',
+    content: markRaw(res_components['GongDanPaiFa']),
+    name: "gdpf"
   }
   ]
 

diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index da7ace5..c1187b4 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -15,6 +15,10 @@
     title: '视频监控',
     content: markRaw(res_components['ShiPingJianKong']),
     name: "spjk"
+  }, {
+    title: '工单派发',
+    content: markRaw(res_components['GongDanPaiFa']),
+    name: "gdpf"
   }
   ]
 
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
new file mode 100644
index 0000000..e2d7df1
--- /dev/null
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="GongDanPaiFa"></div>
+</template>
+
+<script setup name="GongDanPaiFa">
+import { ref, reactive, toRefs, onMounted } from "vue";
+const AllData = reactive({});
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+#GongDanPaiFa {
+  width: 100%;
+  height: 100%;
+}
+</style>

diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index da7ace5..c1187b4 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -15,6 +15,10 @@
     title: '视频监控',
     content: markRaw(res_components['ShiPingJianKong']),
     name: "spjk"
+  }, {
+    title: '工单派发',
+    content: markRaw(res_components['GongDanPaiFa']),
+    name: "gdpf"
   }
   ]
 
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
new file mode 100644
index 0000000..e2d7df1
--- /dev/null
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="GongDanPaiFa"></div>
+</template>
+
+<script setup name="GongDanPaiFa">
+import { ref, reactive, toRefs, onMounted } from "vue";
+const AllData = reactive({});
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+#GongDanPaiFa {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/views/DialogTabs/dialogTabs.vue b/src/views/DialogTabs/dialogTabs.vue
index 17fb224..d22fa52 100644
--- a/src/views/DialogTabs/dialogTabs.vue
+++ b/src/views/DialogTabs/dialogTabs.vue
@@ -46,7 +46,7 @@
   // 默认打开tabs的key
   RefName: {
     type: String,
-  }
+  },
 });
 // 声明本页面中的变量
 const AllData = reactive({
@@ -57,7 +57,7 @@
 const updateTabsType = (name) => {
   AllData.editableTabsValue = name;
   AllData.RefreshName = name;
-}
+};
 // tab切换事件
 const TabsChange = (tab, event) => {
   AllData.RefreshName = tab.paneName;
@@ -117,7 +117,7 @@
     }
 
     .el-tabs__header {
-      background: #031c33;
+      background: #02566b;
 
       .el-tabs__item {
         color: #93a7ba;
@@ -125,11 +125,11 @@
       }
 
       .is-active {
-        color: #00b4ff;
+        color: #00f7ff;
       }
 
       .el-tabs__active-bar {
-        color: #00b4ff;
+        color: #00f7ff;
       }
     }
 

diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index da7ace5..c1187b4 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -15,6 +15,10 @@
     title: '视频监控',
     content: markRaw(res_components['ShiPingJianKong']),
     name: "spjk"
+  }, {
+    title: '工单派发',
+    content: markRaw(res_components['GongDanPaiFa']),
+    name: "gdpf"
   }
   ]
 
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
new file mode 100644
index 0000000..e2d7df1
--- /dev/null
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="GongDanPaiFa"></div>
+</template>
+
+<script setup name="GongDanPaiFa">
+import { ref, reactive, toRefs, onMounted } from "vue";
+const AllData = reactive({});
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+#GongDanPaiFa {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/views/DialogTabs/dialogTabs.vue b/src/views/DialogTabs/dialogTabs.vue
index 17fb224..d22fa52 100644
--- a/src/views/DialogTabs/dialogTabs.vue
+++ b/src/views/DialogTabs/dialogTabs.vue
@@ -46,7 +46,7 @@
   // 默认打开tabs的key
   RefName: {
     type: String,
-  }
+  },
 });
 // 声明本页面中的变量
 const AllData = reactive({
@@ -57,7 +57,7 @@
 const updateTabsType = (name) => {
   AllData.editableTabsValue = name;
   AllData.RefreshName = name;
-}
+};
 // tab切换事件
 const TabsChange = (tab, event) => {
   AllData.RefreshName = tab.paneName;
@@ -117,7 +117,7 @@
     }
 
     .el-tabs__header {
-      background: #031c33;
+      background: #02566b;
 
       .el-tabs__item {
         color: #93a7ba;
@@ -125,11 +125,11 @@
       }
 
       .is-active {
-        color: #00b4ff;
+        color: #00f7ff;
       }
 
       .el-tabs__active-bar {
-        color: #00b4ff;
+        color: #00f7ff;
       }
     }
 
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index 848b32d..0fd0e38 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -26,17 +26,17 @@
 </template>
 
 <script setup name="LayerControl">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 // 图层控制icon引入
-import { requireTuChengImg } from '@/utils/util';
-import yanAnPaiShuiArea from '@/assets/yanAnPaiShuiArea.json';
-import yanAnRoad from '@/assets/yanAnRoad.json';
-import yanAnWater from '@/assets/yanAnWater.json';
-import yanAnWSCLC from '@/assets/yanAnWSCLC.json';
-import yanAnCenterCity from '@/assets/yanAnCenterCity.json';
-import yanAnYSBZ from '@/assets/yanAnYSBZ.json';
-import bus from '@/bus';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import { requireTuChengImg } from "@/utils/util";
+import yanAnPaiShuiArea from "@/assets/yanAnPaiShuiArea.json";
+import yanAnRoad from "@/assets/yanAnRoad.json";
+import yanAnWater from "@/assets/yanAnWater.json";
+import yanAnWSCLC from "@/assets/yanAnWSCLC.json";
+import yanAnCenterCity from "@/assets/yanAnCenterCity.json";
+import yanAnYSBZ from "@/assets/yanAnYSBZ.json";
+import bus from "@/bus";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
 const AllData = reactive({
   // 图层控制面板的渲染数据
   /**图层面板数据字段说明
@@ -49,62 +49,62 @@
    */
   LayerData: [
     {
-      title: '基本信息',
+      title: "基本信息",
       children: [
         {
-          layerName: '中心城区',
-          layerKey: 'centerCity',
-          layerIcon: requireTuChengImg('zhongxinchengqu'),
+          layerName: "中心城区",
+          layerKey: "centerCity",
+          layerIcon: requireTuChengImg("zhongxinchengqu"),
           layerVisible: false,
           dynamicLineData: yanAnCenterCity,
         },
         {
-          layerName: '路网',
-          layerKey: 'road',
-          layerIcon: '',
+          layerName: "路网",
+          layerKey: "road",
+          layerIcon: "",
           layerVisible: false,
           dynamicLineData: yanAnRoad,
         },
         {
-          layerName: '河流水系',
-          layerKey: 'waterLake',
-          layerIcon: '',
+          layerName: "河流水系",
+          layerKey: "waterLake",
+          layerIcon: "",
           layerVisible: false,
           dynamicLineData: yanAnWater,
         },
-        {
-          layerName: '低山台塬',
-          layerKey: '',
-          layerIcon: '',
-          layerVisible: false,
-        },
+        // {
+        //   layerName: '低山台塬',
+        //   layerKey: '',
+        //   layerIcon: '',
+        //   layerVisible: false,
+        // },
       ],
     },
     {
-      title: '雨水系统',
+      title: "雨水系统",
       children: [
         {
-          layerName: '排水分区',
-          layerKey: 'paishuiArea',
+          layerName: "排水分区",
+          layerKey: "paishuiArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnPaiShuiArea,
         },
         {
-          layerName: '雨水管网',
-          layerKey: 'ysLine1',
+          layerName: "雨水管网",
+          layerKey: "ysLine1",
           layerIcon: null,
           layerVisible: false,
         },
+        // {
+        //   layerName: '雨水排口',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
         {
-          layerName: '雨水排口',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
-        {
-          layerName: '雨水泵站',
-          layerKey: 'YSBZ',
+          layerName: "雨水泵站",
+          layerKey: "YSBZ",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYSBZ,
@@ -112,35 +112,35 @@
       ],
     },
     {
-      title: '污水系统',
+      title: "污水系统",
       children: [
         {
-          layerName: '污水分区',
-          layerKey: 'sewageArea',
+          layerName: "污水分区",
+          layerKey: "sewageArea",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '污水管网',
-          layerKey: 'wsLine1',
+          layerName: "污水管网",
+          layerKey: "wsLine1",
           layerIcon: null,
           layerVisible: false,
         },
+        // {
+        //   layerName: '溢流口',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
+        // {
+        //   layerName: '污水泵站',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
         {
-          layerName: '溢流口',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
-        {
-          layerName: '污水泵站',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
-        {
-          layerName: '污水处理厂',
-          layerKey: 'WSCLC',
+          layerName: "污水处理厂",
+          layerKey: "WSCLC",
           layerIcon: null,
           layerVisible: false,
           data: yanAnWSCLC,
@@ -148,14 +148,14 @@
       ],
     },
     {
-      title: '感知设备',
+      title: "感知设备",
       children: [
-        {
-          layerName: '拦截闸',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
+        // {
+        //   layerName: '拦截闸',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
       ],
     },
   ],
@@ -165,10 +165,10 @@
     .concat(AllData.LayerData[1].children)
     .concat(AllData.LayerData[2].children)
     .concat(AllData.LayerData[3].children);
-  initeLegend.forEach(element => {
+  initeLegend.forEach((element) => {
     element.layername = element.layerKey;
   });
-  bus.emit('setLegendData', initeLegend);
+  bus.emit("setLegendData", initeLegend);
 });
 const props = defineProps({
   ShowTuCheng: false,
@@ -177,35 +177,37 @@
 watch(
   () => props.ShowTuCheng,
   (newValue, oldValue) => {
-    console.log('ShowTuCheng变化了', newValue, oldValue);
+    console.log("ShowTuCheng变化了", newValue, oldValue);
   },
   { immediate: true, deep: true }
 );
 
-const layerClick = item2 => {
+const layerClick = (item2) => {
   item2.layerVisible = !item2.layerVisible;
   item2.isCheck = item2.layerVisible;
-  console.info(`点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`);
-  bus.emit('setLayerVisible', { layername: item2.layerKey, isCheck: item2.isCheck });
+  console.info(
+    `点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`
+  );
+  bus.emit("setLayerVisible", { layername: item2.layerKey, isCheck: item2.isCheck });
   if (item2.areaData) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonPolygonWithLabel(item2.layerKey, item2.areaData);
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
     }
   }
-  if (item2.layerKey == 'road') {
+  if (item2.layerKey == "road") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('dynamicRoad')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      if (newfiberMapbox.getLayerByName("dynamicRoad")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'dynamicRoad',
+        name: "dynamicRoad",
       })
         .source(item2.dynamicLineData)
         .size(1.3)
-        .shape('line')
-        .color('rgb(184, 184, 184)')
+        .shape("line")
+        .color("rgb(184, 184, 184)")
         .animate({
           interval: 1, // 间隔
           duration: 1.5, // 持续时间，延时
@@ -216,22 +218,22 @@
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
     }
   }
-  if (item2.layerKey == 'waterLake') {
+  if (item2.layerKey == "waterLake") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('waterLake')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      if (newfiberMapbox.getLayerByName("waterLake")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'waterLake',
+        name: "waterLake",
       })
         .source(item2.dynamicLineData)
         .size(4)
-        .shape('line')
-        .texture('arrow')
-        .color('rgb(34, 149, 252)')
+        .shape("line")
+        .texture("arrow")
+        .color("rgb(34, 149, 252)")
         .animate({
           interval: 2, // 间隔
           duration: 3, // 持续时间，延时
@@ -242,29 +244,29 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 200, // 设置贴图纹理的间距
           borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-          borderColor: '#fff', // 默认为 #ccc
+          borderColor: "#fff", // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
     }
   }
-  if (item2.layerKey == 'centerCity') {
+  if (item2.layerKey == "centerCity") {
     if (item2.isCheck) {
       const layer = new mapboxL7.LineLayer({
-        name: 'centerCity',
+        name: "centerCity",
       })
         .source(item2.dynamicLineData)
         .size(30)
-        .shape('wall')
+        .shape("wall")
         .style({
           opacity: 0.8,
-          sourceColor: '#1cd779',
-          targetColor: 'rbga(255,255,255, 0)',
+          sourceColor: "#1cd779",
+          targetColor: "rbga(255,255,255, 0)",
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('centerCity'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("centerCity"));
     }
   }
 };
@@ -277,7 +279,7 @@
   position: absolute;
   top: 150px;
   right: 476px;
-  background: url('@/assets/images/Sponge_screen/TuChengBG.png') no-repeat center;
+  background: url("@/assets/images/Sponge_screen/TuChengBG.png") no-repeat center;
   background-size: contain;
   box-sizing: border-box;
   padding: 25px 0px;
@@ -293,7 +295,7 @@
       width: 190px;
       height: 25px;
       line-height: 25px;
-      background-image: url('@/assets/images/Sponge_screen/TuChengFenZuBG.png'),
+      background-image: url("@/assets/images/Sponge_screen/TuChengFenZuBG.png"),
         linear-gradient(to right, #1c899600, #1c8996, #1c899600);
       background-repeat: no-repeat;
       background-position: center;

diff --git a/src/views/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index da7ace5..c1187b4 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -15,6 +15,10 @@
     title: '视频监控',
     content: markRaw(res_components['ShiPingJianKong']),
     name: "spjk"
+  }, {
+    title: '工单派发',
+    content: markRaw(res_components['GongDanPaiFa']),
+    name: "gdpf"
   }
   ]
 
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
new file mode 100644
index 0000000..e2d7df1
--- /dev/null
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="GongDanPaiFa"></div>
+</template>
+
+<script setup name="GongDanPaiFa">
+import { ref, reactive, toRefs, onMounted } from "vue";
+const AllData = reactive({});
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+#GongDanPaiFa {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/views/DialogTabs/dialogTabs.vue b/src/views/DialogTabs/dialogTabs.vue
index 17fb224..d22fa52 100644
--- a/src/views/DialogTabs/dialogTabs.vue
+++ b/src/views/DialogTabs/dialogTabs.vue
@@ -46,7 +46,7 @@
   // 默认打开tabs的key
   RefName: {
     type: String,
-  }
+  },
 });
 // 声明本页面中的变量
 const AllData = reactive({
@@ -57,7 +57,7 @@
 const updateTabsType = (name) => {
   AllData.editableTabsValue = name;
   AllData.RefreshName = name;
-}
+};
 // tab切换事件
 const TabsChange = (tab, event) => {
   AllData.RefreshName = tab.paneName;
@@ -117,7 +117,7 @@
     }
 
     .el-tabs__header {
-      background: #031c33;
+      background: #02566b;
 
       .el-tabs__item {
         color: #93a7ba;
@@ -125,11 +125,11 @@
       }
 
       .is-active {
-        color: #00b4ff;
+        color: #00f7ff;
       }
 
       .el-tabs__active-bar {
-        color: #00b4ff;
+        color: #00f7ff;
       }
     }
 
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index 848b32d..0fd0e38 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -26,17 +26,17 @@
 </template>
 
 <script setup name="LayerControl">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 // 图层控制icon引入
-import { requireTuChengImg } from '@/utils/util';
-import yanAnPaiShuiArea from '@/assets/yanAnPaiShuiArea.json';
-import yanAnRoad from '@/assets/yanAnRoad.json';
-import yanAnWater from '@/assets/yanAnWater.json';
-import yanAnWSCLC from '@/assets/yanAnWSCLC.json';
-import yanAnCenterCity from '@/assets/yanAnCenterCity.json';
-import yanAnYSBZ from '@/assets/yanAnYSBZ.json';
-import bus from '@/bus';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import { requireTuChengImg } from "@/utils/util";
+import yanAnPaiShuiArea from "@/assets/yanAnPaiShuiArea.json";
+import yanAnRoad from "@/assets/yanAnRoad.json";
+import yanAnWater from "@/assets/yanAnWater.json";
+import yanAnWSCLC from "@/assets/yanAnWSCLC.json";
+import yanAnCenterCity from "@/assets/yanAnCenterCity.json";
+import yanAnYSBZ from "@/assets/yanAnYSBZ.json";
+import bus from "@/bus";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
 const AllData = reactive({
   // 图层控制面板的渲染数据
   /**图层面板数据字段说明
@@ -49,62 +49,62 @@
    */
   LayerData: [
     {
-      title: '基本信息',
+      title: "基本信息",
       children: [
         {
-          layerName: '中心城区',
-          layerKey: 'centerCity',
-          layerIcon: requireTuChengImg('zhongxinchengqu'),
+          layerName: "中心城区",
+          layerKey: "centerCity",
+          layerIcon: requireTuChengImg("zhongxinchengqu"),
           layerVisible: false,
           dynamicLineData: yanAnCenterCity,
         },
         {
-          layerName: '路网',
-          layerKey: 'road',
-          layerIcon: '',
+          layerName: "路网",
+          layerKey: "road",
+          layerIcon: "",
           layerVisible: false,
           dynamicLineData: yanAnRoad,
         },
         {
-          layerName: '河流水系',
-          layerKey: 'waterLake',
-          layerIcon: '',
+          layerName: "河流水系",
+          layerKey: "waterLake",
+          layerIcon: "",
           layerVisible: false,
           dynamicLineData: yanAnWater,
         },
-        {
-          layerName: '低山台塬',
-          layerKey: '',
-          layerIcon: '',
-          layerVisible: false,
-        },
+        // {
+        //   layerName: '低山台塬',
+        //   layerKey: '',
+        //   layerIcon: '',
+        //   layerVisible: false,
+        // },
       ],
     },
     {
-      title: '雨水系统',
+      title: "雨水系统",
       children: [
         {
-          layerName: '排水分区',
-          layerKey: 'paishuiArea',
+          layerName: "排水分区",
+          layerKey: "paishuiArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnPaiShuiArea,
         },
         {
-          layerName: '雨水管网',
-          layerKey: 'ysLine1',
+          layerName: "雨水管网",
+          layerKey: "ysLine1",
           layerIcon: null,
           layerVisible: false,
         },
+        // {
+        //   layerName: '雨水排口',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
         {
-          layerName: '雨水排口',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
-        {
-          layerName: '雨水泵站',
-          layerKey: 'YSBZ',
+          layerName: "雨水泵站",
+          layerKey: "YSBZ",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYSBZ,
@@ -112,35 +112,35 @@
       ],
     },
     {
-      title: '污水系统',
+      title: "污水系统",
       children: [
         {
-          layerName: '污水分区',
-          layerKey: 'sewageArea',
+          layerName: "污水分区",
+          layerKey: "sewageArea",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '污水管网',
-          layerKey: 'wsLine1',
+          layerName: "污水管网",
+          layerKey: "wsLine1",
           layerIcon: null,
           layerVisible: false,
         },
+        // {
+        //   layerName: '溢流口',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
+        // {
+        //   layerName: '污水泵站',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
         {
-          layerName: '溢流口',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
-        {
-          layerName: '污水泵站',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
-        {
-          layerName: '污水处理厂',
-          layerKey: 'WSCLC',
+          layerName: "污水处理厂",
+          layerKey: "WSCLC",
           layerIcon: null,
           layerVisible: false,
           data: yanAnWSCLC,
@@ -148,14 +148,14 @@
       ],
     },
     {
-      title: '感知设备',
+      title: "感知设备",
       children: [
-        {
-          layerName: '拦截闸',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
+        // {
+        //   layerName: '拦截闸',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
       ],
     },
   ],
@@ -165,10 +165,10 @@
     .concat(AllData.LayerData[1].children)
     .concat(AllData.LayerData[2].children)
     .concat(AllData.LayerData[3].children);
-  initeLegend.forEach(element => {
+  initeLegend.forEach((element) => {
     element.layername = element.layerKey;
   });
-  bus.emit('setLegendData', initeLegend);
+  bus.emit("setLegendData", initeLegend);
 });
 const props = defineProps({
   ShowTuCheng: false,
@@ -177,35 +177,37 @@
 watch(
   () => props.ShowTuCheng,
   (newValue, oldValue) => {
-    console.log('ShowTuCheng变化了', newValue, oldValue);
+    console.log("ShowTuCheng变化了", newValue, oldValue);
   },
   { immediate: true, deep: true }
 );
 
-const layerClick = item2 => {
+const layerClick = (item2) => {
   item2.layerVisible = !item2.layerVisible;
   item2.isCheck = item2.layerVisible;
-  console.info(`点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`);
-  bus.emit('setLayerVisible', { layername: item2.layerKey, isCheck: item2.isCheck });
+  console.info(
+    `点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`
+  );
+  bus.emit("setLayerVisible", { layername: item2.layerKey, isCheck: item2.isCheck });
   if (item2.areaData) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonPolygonWithLabel(item2.layerKey, item2.areaData);
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
     }
   }
-  if (item2.layerKey == 'road') {
+  if (item2.layerKey == "road") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('dynamicRoad')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      if (newfiberMapbox.getLayerByName("dynamicRoad")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'dynamicRoad',
+        name: "dynamicRoad",
       })
         .source(item2.dynamicLineData)
         .size(1.3)
-        .shape('line')
-        .color('rgb(184, 184, 184)')
+        .shape("line")
+        .color("rgb(184, 184, 184)")
         .animate({
           interval: 1, // 间隔
           duration: 1.5, // 持续时间，延时
@@ -216,22 +218,22 @@
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
     }
   }
-  if (item2.layerKey == 'waterLake') {
+  if (item2.layerKey == "waterLake") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('waterLake')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      if (newfiberMapbox.getLayerByName("waterLake")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'waterLake',
+        name: "waterLake",
       })
         .source(item2.dynamicLineData)
         .size(4)
-        .shape('line')
-        .texture('arrow')
-        .color('rgb(34, 149, 252)')
+        .shape("line")
+        .texture("arrow")
+        .color("rgb(34, 149, 252)")
         .animate({
           interval: 2, // 间隔
           duration: 3, // 持续时间，延时
@@ -242,29 +244,29 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 200, // 设置贴图纹理的间距
           borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-          borderColor: '#fff', // 默认为 #ccc
+          borderColor: "#fff", // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
     }
   }
-  if (item2.layerKey == 'centerCity') {
+  if (item2.layerKey == "centerCity") {
     if (item2.isCheck) {
       const layer = new mapboxL7.LineLayer({
-        name: 'centerCity',
+        name: "centerCity",
       })
         .source(item2.dynamicLineData)
         .size(30)
-        .shape('wall')
+        .shape("wall")
         .style({
           opacity: 0.8,
-          sourceColor: '#1cd779',
-          targetColor: 'rbga(255,255,255, 0)',
+          sourceColor: "#1cd779",
+          targetColor: "rbga(255,255,255, 0)",
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('centerCity'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("centerCity"));
     }
   }
 };
@@ -277,7 +279,7 @@
   position: absolute;
   top: 150px;
   right: 476px;
-  background: url('@/assets/images/Sponge_screen/TuChengBG.png') no-repeat center;
+  background: url("@/assets/images/Sponge_screen/TuChengBG.png") no-repeat center;
   background-size: contain;
   box-sizing: border-box;
   padding: 25px 0px;
@@ -293,7 +295,7 @@
       width: 190px;
       height: 25px;
       line-height: 25px;
-      background-image: url('@/assets/images/Sponge_screen/TuChengFenZuBG.png'),
+      background-image: url("@/assets/images/Sponge_screen/TuChengFenZuBG.png"),
         linear-gradient(to right, #1c899600, #1c8996, #1c899600);
       background-repeat: no-repeat;
       background-position: center;
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index b80d970..3bc6665 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -1,17 +1,31 @@
 <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">
-              <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">4549k㎡</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">1922k㎡</span>
             </div>
@@ -60,9 +74,11 @@
                     <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">派发</span>
               </div>
             </div>
@@ -87,7 +103,13 @@
         </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">
@@ -109,8 +131,17 @@
               <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">工单派发</el-button>
-              <el-button style="background: #03b6a0; color: white; border: none" size="small">现场联线</el-button>
+              <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"
+                >现场联线</el-button
+              >
             </div>
           </div>
         </div>
@@ -119,8 +150,12 @@
         <div class="Box_header">巡查反馈</div>
         <div class="Box_Body">
           <div class="FK_headerBox">
-            <div class="FK_headerBox_list"><span class="FK_headerBox_list_colorBox1"></span> 未处理</div>
-            <div class="FK_headerBox_list"><span class="FK_headerBox_list_colorBox2"></span> 已处理</div>
+            <div class="FK_headerBox_list">
+              <span class="FK_headerBox_list_colorBox1"></span> 未处理
+            </div>
+            <div class="FK_headerBox_list">
+              <span class="FK_headerBox_list_colorBox2"></span> 已处理
+            </div>
           </div>
           <div class="FK_bodyBox">
             <div class="FK_bodyBox_list" v-for="item in AllData.XCFKData">
@@ -134,7 +169,13 @@
         </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>
@@ -151,8 +192,16 @@
           <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="" />
-            <img class="TopTableListSpanImg" src="@/assets/images/Sponge_screen/RQ/RQ_SP.png" alt="" />
+            <img
+              class="TopTableListSpanImg2"
+              src="@/assets/images/Sponge_screen/RQ/RQ_XX.png"
+              alt=""
+            />
+            <img
+              class="TopTableListSpanImg"
+              src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
+              alt=""
+            />
           </span>
         </div>
       </div>
@@ -161,21 +210,21 @@
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
-import * as echarts from 'echarts';
-import bus from '@/bus';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+import * as echarts from "echarts";
+import bus from "@/bus";
 const AllData = reactive({
   ChangeData: [
     {
-      name: '枣园',
+      name: "枣园",
       id: 1,
     },
     {
-      name: '杨家湾',
+      name: "杨家湾",
       id: 2,
     },
     {
-      name: '丰富川',
+      name: "丰富川",
       id: 3,
     },
   ],
@@ -183,19 +232,19 @@
   // 风险监测
   FXJCData: [
     {
-      zb: '甲烷浓度',
+      zb: "甲烷浓度",
       sz: 10,
       szzt: true,
       zt: 0, //0预警 1 正常
     },
     {
-      zb: '压力',
+      zb: "压力",
       sz: 10,
       szzt: false,
       zt: 1, //0预警 1 正常
     },
     {
-      zb: '温度',
+      zb: "温度",
       sz: 10,
       szzt: true,
       zt: 1, //0预警 1 正常
@@ -203,15 +252,15 @@
   ],
   YJChangeData: [
     {
-      name: '综合',
+      name: "综合",
       id: 1,
     },
     {
-      name: '压力',
+      name: "压力",
       id: 2,
     },
     {
-      name: '温度',
+      name: "温度",
       id: 3,
     },
   ],
@@ -219,48 +268,48 @@
   //辅助决策
   JCData: [
     {
-      qy: '雅安街与南湖路交叉口',
-      tz: '压力监测异常波动',
+      qy: "雅安街与南湖路交叉口",
+      tz: "压力监测异常波动",
       sj: 5,
-      yp: '设施故障',
+      yp: "设施故障",
     },
     {
-      qy: '雅安街与南湖路交叉口',
-      tz: '燃气管道压力过大',
+      qy: "雅安街与南湖路交叉口",
+      tz: "燃气管道压力过大",
       sj: 5,
-      yp: '燃气爆管风险',
+      yp: "燃气爆管风险",
     },
     {
-      qy: '雅安街与南湖路交叉口',
-      tz: '高峰期流量持续降低',
+      qy: "雅安街与南湖路交叉口",
+      tz: "高峰期流量持续降低",
       sj: 4,
-      yp: '燃气泄漏风险',
+      yp: "燃气泄漏风险",
     },
   ],
   // 巡查反馈
   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,
     },
@@ -268,18 +317,18 @@
   // 顶部表格数据
   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: "杨家湾输配站",
     },
     {
-      sj: '2024-09-27 16:10:248',
-      mx: '燃气常规检查发现泄漏',
-      dd: '车城大道与车辆西路路口',
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "车城大道与车辆西路路口",
       zt: 1, //0未处理 1已处理
-      dw: '杨家湾输配站',
+      dw: "杨家湾输配站",
     },
   ],
   timer: null,
@@ -299,40 +348,40 @@
   if (!!myChart.value) {
     myChart.value.dispose();
   }
-  myChart.value = echarts.init(document.getElementById('YJEchartsBox'));
+  myChart.value = echarts.init(document.getElementById("YJEchartsBox"));
   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,
@@ -340,57 +389,57 @@
     ],
     yAxis: [
       {
-        type: 'value',
-        name: '预警次数',
+        type: "value",
+        name: "预警次数",
         min: 0,
         max: 120,
         interval: 20,
         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: 24,
         interval: 4,
         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: {
@@ -400,12 +449,12 @@
         data: [105, 50, 55, 70, 110, 90, 68],
       },
       {
-        name: '持续时长',
-        type: 'line',
+        name: "持续时长",
+        type: "line",
         yAxisIndex: 1,
         tooltip: {
           valueFormatter: function (value) {
-            return value + 'min';
+            return value + "min";
           },
         },
         areaStyle: {
@@ -413,11 +462,11 @@
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
               offset: 0,
-              color: '#1AF7AA',
+              color: "#1AF7AA",
             },
             {
               offset: 1,
-              color: '#1AF7AA00',
+              color: "#1AF7AA00",
             },
           ]),
         },
@@ -435,7 +484,7 @@
     i++;
     if (i == length) i = 0;
     myChart.value.dispatchAction({
-      type: 'showTip',
+      type: "showTip",
       seriesIndex: 0,
       dataIndex: i,
     });
@@ -451,6 +500,15 @@
   }
   return `width:${widthNum}%`;
 };
+// 工单派发
+const GongDanPaiFa = (item) => {
+  console.log(item);
+  let data = {
+    title: item.qy,
+    comIDs: ["gdpf"],
+  };
+  bus.emit("publicDialog", data);
+};
 watch(
   () => props.showPanel,
   () => {
@@ -462,26 +520,26 @@
 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;
-    newfiberMapbox.map.setLayoutProperty('sx_ya_smx_rq_point', 'visibility', 'visible');
-    newfiberMapbox.map.setLayoutProperty('rq_pipeline_info', 'visibility', 'visible');
+    if (!newfiberMapbox.map.getLayer("rq_pipeline_info")) return;
+    if (!newfiberMapbox.map.getLayer("sx_ya_smx_rq_point")) return;
+    newfiberMapbox.map.setLayoutProperty("sx_ya_smx_rq_point", "visibility", "visible");
+    newfiberMapbox.map.setLayoutProperty("rq_pipeline_info", "visibility", "visible");
     clearInterval(initeRQTimer);
   }, 100);
   initEcharts();
 });
 onBeforeUnmount(() => {
-  newfiberMapbox.map.setLayoutProperty('rq_pipeline_info', 'visibility', 'none');
-  newfiberMapbox.map.setLayoutProperty('sx_ya_smx_rq_point', 'visibility', 'none');
-  bus.emit('closeCesiumPopup');
-  if (!!newfiberMapbox.getLayerByName('rqLine')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+  newfiberMapbox.map.setLayoutProperty("rq_pipeline_info", "visibility", "none");
+  newfiberMapbox.map.setLayoutProperty("sx_ya_smx_rq_point", "visibility", "none");
+  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;
@@ -489,7 +547,11 @@
     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;
@@ -563,7 +625,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;
         background-size: cover;
       }
     }
@@ -584,7 +646,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%;
 
           .TJList2Name {
@@ -813,7 +875,11 @@
     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;
@@ -970,7 +1036,11 @@
     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;
@@ -1062,7 +1132,8 @@
     .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/DialogTabs/DialogConfig.js b/src/views/DialogTabs/DialogConfig.js
index da7ace5..c1187b4 100644
--- a/src/views/DialogTabs/DialogConfig.js
+++ b/src/views/DialogTabs/DialogConfig.js
@@ -15,6 +15,10 @@
     title: '视频监控',
     content: markRaw(res_components['ShiPingJianKong']),
     name: "spjk"
+  }, {
+    title: '工单派发',
+    content: markRaw(res_components['GongDanPaiFa']),
+    name: "gdpf"
   }
   ]
 
diff --git a/src/views/DialogTabs/component/GongDanPaiFa.vue b/src/views/DialogTabs/component/GongDanPaiFa.vue
new file mode 100644
index 0000000..e2d7df1
--- /dev/null
+++ b/src/views/DialogTabs/component/GongDanPaiFa.vue
@@ -0,0 +1,16 @@
+<template>
+  <div id="GongDanPaiFa"></div>
+</template>
+
+<script setup name="GongDanPaiFa">
+import { ref, reactive, toRefs, onMounted } from "vue";
+const AllData = reactive({});
+onMounted(() => {});
+</script>
+
+<style lang="scss" scoped>
+#GongDanPaiFa {
+  width: 100%;
+  height: 100%;
+}
+</style>
diff --git a/src/views/DialogTabs/dialogTabs.vue b/src/views/DialogTabs/dialogTabs.vue
index 17fb224..d22fa52 100644
--- a/src/views/DialogTabs/dialogTabs.vue
+++ b/src/views/DialogTabs/dialogTabs.vue
@@ -46,7 +46,7 @@
   // 默认打开tabs的key
   RefName: {
     type: String,
-  }
+  },
 });
 // 声明本页面中的变量
 const AllData = reactive({
@@ -57,7 +57,7 @@
 const updateTabsType = (name) => {
   AllData.editableTabsValue = name;
   AllData.RefreshName = name;
-}
+};
 // tab切换事件
 const TabsChange = (tab, event) => {
   AllData.RefreshName = tab.paneName;
@@ -117,7 +117,7 @@
     }
 
     .el-tabs__header {
-      background: #031c33;
+      background: #02566b;
 
       .el-tabs__item {
         color: #93a7ba;
@@ -125,11 +125,11 @@
       }
 
       .is-active {
-        color: #00b4ff;
+        color: #00f7ff;
       }
 
       .el-tabs__active-bar {
-        color: #00b4ff;
+        color: #00f7ff;
       }
     }
 
diff --git a/src/views/oneMap/LayerControl/LayerControl.vue b/src/views/oneMap/LayerControl/LayerControl.vue
index 848b32d..0fd0e38 100644
--- a/src/views/oneMap/LayerControl/LayerControl.vue
+++ b/src/views/oneMap/LayerControl/LayerControl.vue
@@ -26,17 +26,17 @@
 </template>
 
 <script setup name="LayerControl">
-import { ref, reactive, toRefs, onMounted } from 'vue';
+import { ref, reactive, toRefs, onMounted } from "vue";
 // 图层控制icon引入
-import { requireTuChengImg } from '@/utils/util';
-import yanAnPaiShuiArea from '@/assets/yanAnPaiShuiArea.json';
-import yanAnRoad from '@/assets/yanAnRoad.json';
-import yanAnWater from '@/assets/yanAnWater.json';
-import yanAnWSCLC from '@/assets/yanAnWSCLC.json';
-import yanAnCenterCity from '@/assets/yanAnCenterCity.json';
-import yanAnYSBZ from '@/assets/yanAnYSBZ.json';
-import bus from '@/bus';
-import mapBoxVectorLayer from '@/utils/GISdocument/mapboxVectorLayer.js';
+import { requireTuChengImg } from "@/utils/util";
+import yanAnPaiShuiArea from "@/assets/yanAnPaiShuiArea.json";
+import yanAnRoad from "@/assets/yanAnRoad.json";
+import yanAnWater from "@/assets/yanAnWater.json";
+import yanAnWSCLC from "@/assets/yanAnWSCLC.json";
+import yanAnCenterCity from "@/assets/yanAnCenterCity.json";
+import yanAnYSBZ from "@/assets/yanAnYSBZ.json";
+import bus from "@/bus";
+import mapBoxVectorLayer from "@/utils/GISdocument/mapboxVectorLayer.js";
 const AllData = reactive({
   // 图层控制面板的渲染数据
   /**图层面板数据字段说明
@@ -49,62 +49,62 @@
    */
   LayerData: [
     {
-      title: '基本信息',
+      title: "基本信息",
       children: [
         {
-          layerName: '中心城区',
-          layerKey: 'centerCity',
-          layerIcon: requireTuChengImg('zhongxinchengqu'),
+          layerName: "中心城区",
+          layerKey: "centerCity",
+          layerIcon: requireTuChengImg("zhongxinchengqu"),
           layerVisible: false,
           dynamicLineData: yanAnCenterCity,
         },
         {
-          layerName: '路网',
-          layerKey: 'road',
-          layerIcon: '',
+          layerName: "路网",
+          layerKey: "road",
+          layerIcon: "",
           layerVisible: false,
           dynamicLineData: yanAnRoad,
         },
         {
-          layerName: '河流水系',
-          layerKey: 'waterLake',
-          layerIcon: '',
+          layerName: "河流水系",
+          layerKey: "waterLake",
+          layerIcon: "",
           layerVisible: false,
           dynamicLineData: yanAnWater,
         },
-        {
-          layerName: '低山台塬',
-          layerKey: '',
-          layerIcon: '',
-          layerVisible: false,
-        },
+        // {
+        //   layerName: '低山台塬',
+        //   layerKey: '',
+        //   layerIcon: '',
+        //   layerVisible: false,
+        // },
       ],
     },
     {
-      title: '雨水系统',
+      title: "雨水系统",
       children: [
         {
-          layerName: '排水分区',
-          layerKey: 'paishuiArea',
+          layerName: "排水分区",
+          layerKey: "paishuiArea",
           layerIcon: null,
           layerVisible: false,
           areaData: yanAnPaiShuiArea,
         },
         {
-          layerName: '雨水管网',
-          layerKey: 'ysLine1',
+          layerName: "雨水管网",
+          layerKey: "ysLine1",
           layerIcon: null,
           layerVisible: false,
         },
+        // {
+        //   layerName: '雨水排口',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
         {
-          layerName: '雨水排口',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
-        {
-          layerName: '雨水泵站',
-          layerKey: 'YSBZ',
+          layerName: "雨水泵站",
+          layerKey: "YSBZ",
           layerIcon: null,
           layerVisible: false,
           data: yanAnYSBZ,
@@ -112,35 +112,35 @@
       ],
     },
     {
-      title: '污水系统',
+      title: "污水系统",
       children: [
         {
-          layerName: '污水分区',
-          layerKey: 'sewageArea',
+          layerName: "污水分区",
+          layerKey: "sewageArea",
           layerIcon: null,
           layerVisible: false,
         },
         {
-          layerName: '污水管网',
-          layerKey: 'wsLine1',
+          layerName: "污水管网",
+          layerKey: "wsLine1",
           layerIcon: null,
           layerVisible: false,
         },
+        // {
+        //   layerName: '溢流口',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
+        // {
+        //   layerName: '污水泵站',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
         {
-          layerName: '溢流口',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
-        {
-          layerName: '污水泵站',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
-        {
-          layerName: '污水处理厂',
-          layerKey: 'WSCLC',
+          layerName: "污水处理厂",
+          layerKey: "WSCLC",
           layerIcon: null,
           layerVisible: false,
           data: yanAnWSCLC,
@@ -148,14 +148,14 @@
       ],
     },
     {
-      title: '感知设备',
+      title: "感知设备",
       children: [
-        {
-          layerName: '拦截闸',
-          layerKey: '',
-          layerIcon: null,
-          layerVisible: false,
-        },
+        // {
+        //   layerName: '拦截闸',
+        //   layerKey: '',
+        //   layerIcon: null,
+        //   layerVisible: false,
+        // },
       ],
     },
   ],
@@ -165,10 +165,10 @@
     .concat(AllData.LayerData[1].children)
     .concat(AllData.LayerData[2].children)
     .concat(AllData.LayerData[3].children);
-  initeLegend.forEach(element => {
+  initeLegend.forEach((element) => {
     element.layername = element.layerKey;
   });
-  bus.emit('setLegendData', initeLegend);
+  bus.emit("setLegendData", initeLegend);
 });
 const props = defineProps({
   ShowTuCheng: false,
@@ -177,35 +177,37 @@
 watch(
   () => props.ShowTuCheng,
   (newValue, oldValue) => {
-    console.log('ShowTuCheng变化了', newValue, oldValue);
+    console.log("ShowTuCheng变化了", newValue, oldValue);
   },
   { immediate: true, deep: true }
 );
 
-const layerClick = item2 => {
+const layerClick = (item2) => {
   item2.layerVisible = !item2.layerVisible;
   item2.isCheck = item2.layerVisible;
-  console.info(`点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`);
-  bus.emit('setLayerVisible', { layername: item2.layerKey, isCheck: item2.isCheck });
+  console.info(
+    `点击了名称为${item2.layerName},图层ID为${item2.layerKey}的图层,点击后的图层展示情况为${item2.layerVisible}`
+  );
+  bus.emit("setLayerVisible", { layername: item2.layerKey, isCheck: item2.isCheck });
   if (item2.areaData) {
     if (item2.isCheck) {
       mapBoxVectorLayer.addGeojsonPolygonWithLabel(item2.layerKey, item2.areaData);
     } else {
-      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + '_label']);
+      mapBoxVectorLayer.removeByIds([item2.layerKey, item2.layerKey + "_label"]);
     }
   }
-  if (item2.layerKey == 'road') {
+  if (item2.layerKey == "road") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('dynamicRoad')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      if (newfiberMapbox.getLayerByName("dynamicRoad")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'dynamicRoad',
+        name: "dynamicRoad",
       })
         .source(item2.dynamicLineData)
         .size(1.3)
-        .shape('line')
-        .color('rgb(184, 184, 184)')
+        .shape("line")
+        .color("rgb(184, 184, 184)")
         .animate({
           interval: 1, // 间隔
           duration: 1.5, // 持续时间，延时
@@ -216,22 +218,22 @@
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('dynamicRoad'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("dynamicRoad"));
     }
   }
-  if (item2.layerKey == 'waterLake') {
+  if (item2.layerKey == "waterLake") {
     if (item2.isCheck) {
-      if (newfiberMapbox.getLayerByName('waterLake')) {
-        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      if (newfiberMapbox.getLayerByName("waterLake")) {
+        newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
       }
       let layer = new mapboxL7.LineLayer({
-        name: 'waterLake',
+        name: "waterLake",
       })
         .source(item2.dynamicLineData)
         .size(4)
-        .shape('line')
-        .texture('arrow')
-        .color('rgb(34, 149, 252)')
+        .shape("line")
+        .texture("arrow")
+        .color("rgb(34, 149, 252)")
         .animate({
           interval: 2, // 间隔
           duration: 3, // 持续时间，延时
@@ -242,29 +244,29 @@
           lineTexture: true, // 开启线的贴图功能
           iconStep: 200, // 设置贴图纹理的间距
           borderWidth: 0.4, // 默认文 0，最大有效值为 0.5
-          borderColor: '#fff', // 默认为 #ccc
+          borderColor: "#fff", // 默认为 #ccc
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('waterLake'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("waterLake"));
     }
   }
-  if (item2.layerKey == 'centerCity') {
+  if (item2.layerKey == "centerCity") {
     if (item2.isCheck) {
       const layer = new mapboxL7.LineLayer({
-        name: 'centerCity',
+        name: "centerCity",
       })
         .source(item2.dynamicLineData)
         .size(30)
-        .shape('wall')
+        .shape("wall")
         .style({
           opacity: 0.8,
-          sourceColor: '#1cd779',
-          targetColor: 'rbga(255,255,255, 0)',
+          sourceColor: "#1cd779",
+          targetColor: "rbga(255,255,255, 0)",
         });
       newfiberMapbox.addLayer(layer);
     } else {
-      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('centerCity'));
+      newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName("centerCity"));
     }
   }
 };
@@ -277,7 +279,7 @@
   position: absolute;
   top: 150px;
   right: 476px;
-  background: url('@/assets/images/Sponge_screen/TuChengBG.png') no-repeat center;
+  background: url("@/assets/images/Sponge_screen/TuChengBG.png") no-repeat center;
   background-size: contain;
   box-sizing: border-box;
   padding: 25px 0px;
@@ -293,7 +295,7 @@
       width: 190px;
       height: 25px;
       line-height: 25px;
-      background-image: url('@/assets/images/Sponge_screen/TuChengFenZuBG.png'),
+      background-image: url("@/assets/images/Sponge_screen/TuChengFenZuBG.png"),
         linear-gradient(to right, #1c899600, #1c8996, #1c899600);
       background-repeat: no-repeat;
       background-position: center;
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index b80d970..3bc6665 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -1,17 +1,31 @@
 <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">
-              <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">4549k㎡</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">1922k㎡</span>
             </div>
@@ -60,9 +74,11 @@
                     <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">派发</span>
               </div>
             </div>
@@ -87,7 +103,13 @@
         </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">
@@ -109,8 +131,17 @@
               <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">工单派发</el-button>
-              <el-button style="background: #03b6a0; color: white; border: none" size="small">现场联线</el-button>
+              <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"
+                >现场联线</el-button
+              >
             </div>
           </div>
         </div>
@@ -119,8 +150,12 @@
         <div class="Box_header">巡查反馈</div>
         <div class="Box_Body">
           <div class="FK_headerBox">
-            <div class="FK_headerBox_list"><span class="FK_headerBox_list_colorBox1"></span> 未处理</div>
-            <div class="FK_headerBox_list"><span class="FK_headerBox_list_colorBox2"></span> 已处理</div>
+            <div class="FK_headerBox_list">
+              <span class="FK_headerBox_list_colorBox1"></span> 未处理
+            </div>
+            <div class="FK_headerBox_list">
+              <span class="FK_headerBox_list_colorBox2"></span> 已处理
+            </div>
           </div>
           <div class="FK_bodyBox">
             <div class="FK_bodyBox_list" v-for="item in AllData.XCFKData">
@@ -134,7 +169,13 @@
         </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>
@@ -151,8 +192,16 @@
           <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="" />
-            <img class="TopTableListSpanImg" src="@/assets/images/Sponge_screen/RQ/RQ_SP.png" alt="" />
+            <img
+              class="TopTableListSpanImg2"
+              src="@/assets/images/Sponge_screen/RQ/RQ_XX.png"
+              alt=""
+            />
+            <img
+              class="TopTableListSpanImg"
+              src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
+              alt=""
+            />
           </span>
         </div>
       </div>
@@ -161,21 +210,21 @@
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
-import * as echarts from 'echarts';
-import bus from '@/bus';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+import * as echarts from "echarts";
+import bus from "@/bus";
 const AllData = reactive({
   ChangeData: [
     {
-      name: '枣园',
+      name: "枣园",
       id: 1,
     },
     {
-      name: '杨家湾',
+      name: "杨家湾",
       id: 2,
     },
     {
-      name: '丰富川',
+      name: "丰富川",
       id: 3,
     },
   ],
@@ -183,19 +232,19 @@
   // 风险监测
   FXJCData: [
     {
-      zb: '甲烷浓度',
+      zb: "甲烷浓度",
       sz: 10,
       szzt: true,
       zt: 0, //0预警 1 正常
     },
     {
-      zb: '压力',
+      zb: "压力",
       sz: 10,
       szzt: false,
       zt: 1, //0预警 1 正常
     },
     {
-      zb: '温度',
+      zb: "温度",
       sz: 10,
       szzt: true,
       zt: 1, //0预警 1 正常
@@ -203,15 +252,15 @@
   ],
   YJChangeData: [
     {
-      name: '综合',
+      name: "综合",
       id: 1,
     },
     {
-      name: '压力',
+      name: "压力",
       id: 2,
     },
     {
-      name: '温度',
+      name: "温度",
       id: 3,
     },
   ],
@@ -219,48 +268,48 @@
   //辅助决策
   JCData: [
     {
-      qy: '雅安街与南湖路交叉口',
-      tz: '压力监测异常波动',
+      qy: "雅安街与南湖路交叉口",
+      tz: "压力监测异常波动",
       sj: 5,
-      yp: '设施故障',
+      yp: "设施故障",
     },
     {
-      qy: '雅安街与南湖路交叉口',
-      tz: '燃气管道压力过大',
+      qy: "雅安街与南湖路交叉口",
+      tz: "燃气管道压力过大",
       sj: 5,
-      yp: '燃气爆管风险',
+      yp: "燃气爆管风险",
     },
     {
-      qy: '雅安街与南湖路交叉口',
-      tz: '高峰期流量持续降低',
+      qy: "雅安街与南湖路交叉口",
+      tz: "高峰期流量持续降低",
       sj: 4,
-      yp: '燃气泄漏风险',
+      yp: "燃气泄漏风险",
     },
   ],
   // 巡查反馈
   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,
     },
@@ -268,18 +317,18 @@
   // 顶部表格数据
   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: "杨家湾输配站",
     },
     {
-      sj: '2024-09-27 16:10:248',
-      mx: '燃气常规检查发现泄漏',
-      dd: '车城大道与车辆西路路口',
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "车城大道与车辆西路路口",
       zt: 1, //0未处理 1已处理
-      dw: '杨家湾输配站',
+      dw: "杨家湾输配站",
     },
   ],
   timer: null,
@@ -299,40 +348,40 @@
   if (!!myChart.value) {
     myChart.value.dispose();
   }
-  myChart.value = echarts.init(document.getElementById('YJEchartsBox'));
+  myChart.value = echarts.init(document.getElementById("YJEchartsBox"));
   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,
@@ -340,57 +389,57 @@
     ],
     yAxis: [
       {
-        type: 'value',
-        name: '预警次数',
+        type: "value",
+        name: "预警次数",
         min: 0,
         max: 120,
         interval: 20,
         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: 24,
         interval: 4,
         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: {
@@ -400,12 +449,12 @@
         data: [105, 50, 55, 70, 110, 90, 68],
       },
       {
-        name: '持续时长',
-        type: 'line',
+        name: "持续时长",
+        type: "line",
         yAxisIndex: 1,
         tooltip: {
           valueFormatter: function (value) {
-            return value + 'min';
+            return value + "min";
           },
         },
         areaStyle: {
@@ -413,11 +462,11 @@
           color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
             {
               offset: 0,
-              color: '#1AF7AA',
+              color: "#1AF7AA",
             },
             {
               offset: 1,
-              color: '#1AF7AA00',
+              color: "#1AF7AA00",
             },
           ]),
         },
@@ -435,7 +484,7 @@
     i++;
     if (i == length) i = 0;
     myChart.value.dispatchAction({
-      type: 'showTip',
+      type: "showTip",
       seriesIndex: 0,
       dataIndex: i,
     });
@@ -451,6 +500,15 @@
   }
   return `width:${widthNum}%`;
 };
+// 工单派发
+const GongDanPaiFa = (item) => {
+  console.log(item);
+  let data = {
+    title: item.qy,
+    comIDs: ["gdpf"],
+  };
+  bus.emit("publicDialog", data);
+};
 watch(
   () => props.showPanel,
   () => {
@@ -462,26 +520,26 @@
 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;
-    newfiberMapbox.map.setLayoutProperty('sx_ya_smx_rq_point', 'visibility', 'visible');
-    newfiberMapbox.map.setLayoutProperty('rq_pipeline_info', 'visibility', 'visible');
+    if (!newfiberMapbox.map.getLayer("rq_pipeline_info")) return;
+    if (!newfiberMapbox.map.getLayer("sx_ya_smx_rq_point")) return;
+    newfiberMapbox.map.setLayoutProperty("sx_ya_smx_rq_point", "visibility", "visible");
+    newfiberMapbox.map.setLayoutProperty("rq_pipeline_info", "visibility", "visible");
     clearInterval(initeRQTimer);
   }, 100);
   initEcharts();
 });
 onBeforeUnmount(() => {
-  newfiberMapbox.map.setLayoutProperty('rq_pipeline_info', 'visibility', 'none');
-  newfiberMapbox.map.setLayoutProperty('sx_ya_smx_rq_point', 'visibility', 'none');
-  bus.emit('closeCesiumPopup');
-  if (!!newfiberMapbox.getLayerByName('rqLine')) {
-    newfiberMapbox.removeLayer(newfiberMapbox.getLayerByName('rqLine'));
+  newfiberMapbox.map.setLayoutProperty("rq_pipeline_info", "visibility", "none");
+  newfiberMapbox.map.setLayoutProperty("sx_ya_smx_rq_point", "visibility", "none");
+  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;
@@ -489,7 +547,11 @@
     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;
@@ -563,7 +625,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;
         background-size: cover;
       }
     }
@@ -584,7 +646,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%;
 
           .TJList2Name {
@@ -813,7 +875,11 @@
     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;
@@ -970,7 +1036,11 @@
     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;
@@ -1062,7 +1132,8 @@
     .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/index.vue b/src/views/oneMap/index.vue
index a176ad2..1376d32 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -119,6 +119,24 @@
     :RYdialogShow="AllData.RYDialog"
     @OneDialogHide="dialogHide"
   ></ModelRongYun>
+  <!-- 前端组件公共弹窗 -->
+  <el-dialog
+    modal-class="publicDialogVisible"
+    v-model="dialogConfig.visible"
+    :title="dialogConfig.title"
+    width="1400px"
+    :append-to-body="true"
+    :destroy-on-close="true"
+    :draggable="true"
+  >
+    <DialogTabs
+      :dataID="dialogConfig.getSiteId"
+      :SiteNo="dialogConfig.SiteNo"
+      :comIDs="dialogConfig.comIDs"
+      :customComponents="dialogConfig.customData"
+      :RefName="dialogConfig.RefName"
+    ></DialogTabs>
+  </el-dialog>
 </template>
 
 <script setup name="oneMapIndex">
@@ -161,6 +179,9 @@
 import CanvasRain from "@/views/oneMap/cityGK/canvasRain.vue"; //降雨效果
 // 图层控制面板
 import LayerControl from "@/views/oneMap/LayerControl/LayerControl.vue"; //图层控制面板
+// 前端共同弹窗
+import DialogTabs from "@/views/DialogTabs/dialogTabs.vue";
+
 const showPanel = ref(false);
 const ShowTuCheng = ref(false); //图层面板显隐
 const AllData = reactive({
@@ -215,6 +236,17 @@
 });
 // 降雨效果
 const showRainFlow = ref(false);
+// 公共弹窗
+const dialogConfig = reactive({
+  visible: false,
+  getSiteId: "",
+  SiteNo: "",
+  data: {},
+  comIDs: ["spjk"],
+  customData: [],
+  RefName: "",
+  title: "详情",
+});
 onMounted(() => {
   fullscreenToggel();
   AllData.BottmBackGroundShow = true;
@@ -228,9 +260,17 @@
       showRainFlow.value = true;
     }
   });
+  // 共同弹窗触发事件
+  bus.on("publicDialog", (params) => {
+    // 打开弹窗
+    dialogConfig.visible = true;
+    dialogConfig.title = params.title ?? "详情";
+    dialogConfig.comIDs = params.comIDs ?? dialogConfig.comIDs;
+  });
 });
 onBeforeUnmount(() => {
   bus.off("BottomHidden");
+  bus.off("publicDialog");
 });
 // 菜单点击
 const MenuClick = (item, index) => {
@@ -454,3 +494,18 @@
   opacity: 0;
 }
 </style>
+
+<style lang="scss">
+.publicDialogVisible {
+  .el-dialog {
+    background: linear-gradient(0deg, #03c8e5 0%, #035367 100%);
+
+    .el-dialog__title {
+      font-family: PangMenZhengDao;
+      font-weight: 400;
+      font-size: 24px;
+      color: #ebfeff;
+    }
+  }
+}
+</style>