diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 045d3f5..162ee42 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script setup>
-import iframeToggle from './IframeToggle/index';
-import useTagsViewStore from '@/store/modules/tagsView';
+import iframeToggle from "./IframeToggle/index";
+import useTagsViewStore from "@/store/modules/tagsView";
 
 const tagsViewStore = useTagsViewStore();
 </script>
@@ -21,7 +21,8 @@
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  // min-height: calc(100vh - 50px);
+  min-height: 100vh;
   width: 100%;
   position: relative;
   overflow: hidden;

diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 045d3f5..162ee42 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script setup>
-import iframeToggle from './IframeToggle/index';
-import useTagsViewStore from '@/store/modules/tagsView';
+import iframeToggle from "./IframeToggle/index";
+import useTagsViewStore from "@/store/modules/tagsView";
 
 const tagsViewStore = useTagsViewStore();
 </script>
@@ -21,7 +21,8 @@
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  // min-height: calc(100vh - 50px);
+  min-height: 100vh;
   width: 100%;
   position: relative;
   overflow: hidden;
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 5eac29c..03b2e4f 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -186,7 +186,13 @@
         <span class="TopTableListSpan TopTableListSpan5">责任单位</span>
         <span class="TopTableListSpan TopTableListSpan6">督办</span>
       </div>
-      <div class="TopTableBody">
+      <!-- <div class="TopTableBody"> -->
+      <Vue3SeamlessScroll
+        :list="AllData.TopTableData"
+        :singleHeight="34"
+        :hover="true"
+        class="TopTableBody"
+      >
         <div class="TopTableBody_list" v-for="item in AllData.TopTableData">
           <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
           <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
@@ -206,21 +212,23 @@
             />
           </span>
         </div>
-      </div>
+      </Vue3SeamlessScroll>
+      <!-- </div> -->
     </div>
   </div>
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
-import * as echarts from 'echarts';
-import bus from '@/bus';
-import sheBeiLost from '@/assets/sheBeiLost.json';
-import xiaXian from '@/assets/xiaXian.json';
-import yiBian from '@/assets/yiBian.json';
-import zaWuDuiFang from '@/assets/zaWuDuiFang.json';
-import yanAnRQoverindex from '@/assets/yanAnRQoverindex.json';
-import yanAnWarring from '@/assets/yanAnWarring.json';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+import * as echarts from "echarts";
+import bus from "@/bus";
+import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
+import sheBeiLost from "@/assets/sheBeiLost.json";
+import xiaXian from "@/assets/xiaXian.json";
+import yiBian from "@/assets/yiBian.json";
+import zaWuDuiFang from "@/assets/zaWuDuiFang.json";
+import yanAnRQoverindex from "@/assets/yanAnRQoverindex.json";
+import yanAnWarring from "@/assets/yanAnWarring.json";
 
 const AllData = reactive({
   ChangeData: [
@@ -339,6 +347,20 @@
       zt: 1, //0未处理 1已处理
       dw: "杨家湾输配站",
     },
+    {
+      sj: "2024-09-26 10:00:29",
+      mx: "燃气常规检查发现泄漏",
+      dd: "车城大道与车辆西路路口",
+      zt: 0, //0未处理 1已处理
+      dw: "杨家湾输配站",
+    },
+    {
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "车城大道与车辆西路路口",
+      zt: 1, //0未处理 1已处理
+      dw: "杨家湾输配站",
+    },
   ],
   timer: null,
 });
@@ -554,8 +576,8 @@
 onMounted(() => {
   let initeRQTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer('rq_pipeline_info')) return;
-    if (!newfiberMapbox.map.getLayer('sx_ya_smx_rq_point')) return;
+    if (!newfiberMapbox.map.getLayer("rq_pipeline_info")) return;
+    if (!newfiberMapbox.map.getLayer("sx_ya_smx_rq_point")) return;
     //燃气超标
     //let key = 'warning_monitor';
     // bus.emit('getGeojsonByType', {
@@ -583,7 +605,7 @@
     //     console.log('popupData---', '告警---------', popupData);
     //   });
     // }
-    bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+    bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
 
     // //杂物堆放
     // bus.emit('setGeoJSON', { json: zaWuDuiFang, key: 'DFZW' });
@@ -1110,7 +1132,7 @@
 
   .TopBox {
     width: calc(100% - 1040px);
-    height: 130px;
+    height: 122px;
     position: absolute;
     left: 520px;
     top: 110px;
@@ -1136,9 +1158,9 @@
       width: 100%;
       height: calc(100% - 34px);
       overflow: auto;
-      display: flex;
-      flex-direction: column;
-      flex-wrap: nowrap;
+      // display: flex;
+      // flex-direction: column;
+      // flex-wrap: nowrap;
 
       .TopTableBody_list {
         display: inline-block;

diff --git a/src/layout/components/AppMain.vue b/src/layout/components/AppMain.vue
index 045d3f5..162ee42 100644
--- a/src/layout/components/AppMain.vue
+++ b/src/layout/components/AppMain.vue
@@ -12,8 +12,8 @@
 </template>
 
 <script setup>
-import iframeToggle from './IframeToggle/index';
-import useTagsViewStore from '@/store/modules/tagsView';
+import iframeToggle from "./IframeToggle/index";
+import useTagsViewStore from "@/store/modules/tagsView";
 
 const tagsViewStore = useTagsViewStore();
 </script>
@@ -21,7 +21,8 @@
 <style lang="scss" scoped>
 .app-main {
   /* 50= navbar  50  */
-  min-height: calc(100vh - 50px);
+  // min-height: calc(100vh - 50px);
+  min-height: 100vh;
   width: 100%;
   position: relative;
   overflow: hidden;
diff --git a/src/views/oneMap/components/ZHRQ.vue b/src/views/oneMap/components/ZHRQ.vue
index 5eac29c..03b2e4f 100644
--- a/src/views/oneMap/components/ZHRQ.vue
+++ b/src/views/oneMap/components/ZHRQ.vue
@@ -186,7 +186,13 @@
         <span class="TopTableListSpan TopTableListSpan5">责任单位</span>
         <span class="TopTableListSpan TopTableListSpan6">督办</span>
       </div>
-      <div class="TopTableBody">
+      <!-- <div class="TopTableBody"> -->
+      <Vue3SeamlessScroll
+        :list="AllData.TopTableData"
+        :singleHeight="34"
+        :hover="true"
+        class="TopTableBody"
+      >
         <div class="TopTableBody_list" v-for="item in AllData.TopTableData">
           <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
           <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
@@ -206,21 +212,23 @@
             />
           </span>
         </div>
-      </div>
+      </Vue3SeamlessScroll>
+      <!-- </div> -->
     </div>
   </div>
 </template>
 
 <script setup name="ZHRQ">
-import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from 'vue';
-import * as echarts from 'echarts';
-import bus from '@/bus';
-import sheBeiLost from '@/assets/sheBeiLost.json';
-import xiaXian from '@/assets/xiaXian.json';
-import yiBian from '@/assets/yiBian.json';
-import zaWuDuiFang from '@/assets/zaWuDuiFang.json';
-import yanAnRQoverindex from '@/assets/yanAnRQoverindex.json';
-import yanAnWarring from '@/assets/yanAnWarring.json';
+import { ref, reactive, toRefs, onMounted, onBeforeUnmount } from "vue";
+import * as echarts from "echarts";
+import bus from "@/bus";
+import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
+import sheBeiLost from "@/assets/sheBeiLost.json";
+import xiaXian from "@/assets/xiaXian.json";
+import yiBian from "@/assets/yiBian.json";
+import zaWuDuiFang from "@/assets/zaWuDuiFang.json";
+import yanAnRQoverindex from "@/assets/yanAnRQoverindex.json";
+import yanAnWarring from "@/assets/yanAnWarring.json";
 
 const AllData = reactive({
   ChangeData: [
@@ -339,6 +347,20 @@
       zt: 1, //0未处理 1已处理
       dw: "杨家湾输配站",
     },
+    {
+      sj: "2024-09-26 10:00:29",
+      mx: "燃气常规检查发现泄漏",
+      dd: "车城大道与车辆西路路口",
+      zt: 0, //0未处理 1已处理
+      dw: "杨家湾输配站",
+    },
+    {
+      sj: "2024-09-27 16:10:248",
+      mx: "燃气常规检查发现泄漏",
+      dd: "车城大道与车辆西路路口",
+      zt: 1, //0未处理 1已处理
+      dw: "杨家湾输配站",
+    },
   ],
   timer: null,
 });
@@ -554,8 +576,8 @@
 onMounted(() => {
   let initeRQTimer = setInterval(() => {
     if (!newfiberMapbox) return;
-    if (!newfiberMapbox.map.getLayer('rq_pipeline_info')) return;
-    if (!newfiberMapbox.map.getLayer('sx_ya_smx_rq_point')) return;
+    if (!newfiberMapbox.map.getLayer("rq_pipeline_info")) return;
+    if (!newfiberMapbox.map.getLayer("sx_ya_smx_rq_point")) return;
     //燃气超标
     //let key = 'warning_monitor';
     // bus.emit('getGeojsonByType', {
@@ -583,7 +605,7 @@
     //     console.log('popupData---', '告警---------', popupData);
     //   });
     // }
-    bus.emit('setLayerVisible', { layername: 'rq_all', isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
+    bus.emit("setLayerVisible", { layername: "rq_all", isCheck: true }); //所有管网rq_all、市政rq_SZLH、庭院rq_TYLH、立管rq_LGLH、其他rq_other
 
     // //杂物堆放
     // bus.emit('setGeoJSON', { json: zaWuDuiFang, key: 'DFZW' });
@@ -1110,7 +1132,7 @@
 
   .TopBox {
     width: calc(100% - 1040px);
-    height: 130px;
+    height: 122px;
     position: absolute;
     left: 520px;
     top: 110px;
@@ -1136,9 +1158,9 @@
       width: 100%;
       height: calc(100% - 34px);
       overflow: auto;
-      display: flex;
-      flex-direction: column;
-      flex-wrap: nowrap;
+      // display: flex;
+      // flex-direction: column;
+      // flex-wrap: nowrap;
 
       .TopTableBody_list {
         display: inline-block;
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index c21e9ed..971af09 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -473,7 +473,7 @@
 <style lang="scss" scoped>
 #oneMapIndex {
   width: 100%;
-  height: 100%;
+  height: 100vh;
   background: black;
   position: relative;
   #oneMapHeader {
@@ -564,11 +564,11 @@
   }
   #oneMapBody {
     width: 100%;
-    height: 100vh;
-    // background: rgba(255, 192, 203, 0.304);
+    height:100vh;
+    background: rgba(255, 192, 203, 0.304);
+    // margin-top: -30px;
     z-index: 99;
     position: relative;
-    box-sizing: border-box;
 
     #TuChengImg {
       width: 36px;