diff --git a/src/views/oneMap/components/dynamicInformation.vue b/src/views/oneMap/components/dynamicInformation.vue
new file mode 100644
index 0000000..644d8c6
--- /dev/null
+++ b/src/views/oneMap/components/dynamicInformation.vue
@@ -0,0 +1,230 @@
+<template>
+  <div class="dynamicInformation">
+    <div class="leftInfo">
+      <div class="title">中心动态</div>
+      <div class="title">现场动态</div>
+      <div class="title">调度动态</div>
+    </div>
+    <div class="rightInfo">
+      <div class="TopTableHeader">
+        <span class="TopTableListSpan TopTableListSpan1">时间</span>
+        <span class="TopTableListSpan TopTableListSpan2">事件明细</span>
+        <span class="TopTableListSpan TopTableListSpan3">地点</span>
+        <span class="TopTableListSpan TopTableListSpan4">状态</span>
+        <span class="TopTableListSpan TopTableListSpan5">责任单位</span>
+        <span class="TopTableListSpan TopTableListSpan6">督办</span>
+      </div>
+      <!-- <div class="TopTableBody"> -->
+      <Vue3SeamlessScroll :list="TopTableData" :singleHeight="34" :hover="true" class="TopTableBody">
+        <div class="TopTableBody_list" v-for="item in TopTableData">
+          <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
+          <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
+          <span class="TopTableListSpan TopTableListSpan3">{{ item.dd }}</span>
+          <span class="TopTableListSpan TopTableListSpan4">{{ item.zt == 0 ? '未处理' : '已处理' }}</span>
+          <span class="TopTableListSpan TopTableListSpan5">{{ item.dw }}</span>
+          <span class="TopTableListSpan TopTableListSpan6">
+            <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
+            <img
+              class="TopTableListSpanImg"
+              src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
+              alt=""
+              @click="XianChangLianXian(item)"
+            />
+          </span>
+        </div>
+      </Vue3SeamlessScroll>
+      <!-- </div> -->
+    </div>
+  </div>
+</template>
+
+<script setup name="dynamicInformation">
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import { toRaw, toRefs } from 'vue';
+
+const showPanel = ref(true); //面板展开收起
+// 面板内容展开收起控制
+const props = defineProps({
+  showPanel: {
+    type: Boolean,
+  },
+});
+
+const AllData = reactive({
+  // 顶部表格数据
+  TopTableData: [
+    {
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+  ],
+});
+const { TopTableData } = toRefs(AllData);
+
+watch(
+  () => props.showPanel,
+  () => {
+    showPanel.value = props.showPanel;
+  },
+  { immediate: true }
+);
+
+// 风险监测派发
+const PaiFa = item => {
+  console.log(item);
+  let data = {
+    title: '智慧外呼',
+    comIDs: ['RQ_ZhiHuiWaiHu'],
+    getSiteId: item.value,
+  };
+  bus.emit('publicDialog', data);
+};
+
+// 现场连线
+const XianChangLianXian = item => {
+  bus.emit('OpenRY');
+};
+</script>
+
+<style lang="scss" scoped>
+.dynamicInformation {
+  position: absolute;
+  left: 490px;
+  top: 110px;
+  width: calc(100% - 1020px);
+  height: 136px;
+  box-sizing: border-box;
+  border: 1px solid red;
+  display: flex;
+  align-items: center;
+
+  .leftInfo {
+    width: 116px;
+    height: 136px;
+    border: 1px solid yellow;
+  }
+
+  .rightInfo {
+    width: calc(100% - 116px);
+    height: 136px;
+    // position: absolute;
+    // left: 520px;
+    // top: 110px;
+    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;
+    box-shadow: inset 0 0 5px 5px #47eef38a;
+    padding: 10px;
+    .TopTableHeader {
+      width: 100%;
+      height: 34px;
+      background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
+      border: 1px solid #74dde1;
+      display: flex;
+    }
+
+    .TopTableBody {
+      width: 100%;
+      height: calc(100% - 34px);
+      //   height: 102px;
+      overflow: auto;
+      //   border: 1px solid red;
+      // display: flex;
+      // flex-direction: column;
+      // flex-wrap: nowrap;
+
+      .TopTableBody_list {
+        display: inline-block;
+        width: 100%;
+        height: 34px;
+        /* 选择偶数行 */
+        &:nth-child(even) {
+          background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+        }
+      }
+    }
+
+    .TopTableListSpan {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #ffffff;
+      height: 34px;
+      line-height: 34px;
+      display: inline-block;
+      box-sizing: border-box;
+      overflow: hidden;
+      text-overflow: ellipsis; /* 超出宽度后显示省略号 */
+      white-space: nowrap; /* 限制不允许换行 */
+    }
+    .TopTableListSpan1 {
+      width: 20%;
+      text-align: left;
+      padding-left: 10px;
+    }
+    .TopTableListSpan2 {
+      width: 25%;
+      text-align: center;
+    }
+    .TopTableListSpan3 {
+      width: 20%;
+      text-align: center;
+    }
+    .TopTableListSpan4 {
+      width: 10%;
+      text-align: center;
+    }
+    .TopTableListSpan5 {
+      width: 15%;
+      text-align: center;
+    }
+    .TopTableListSpan6 {
+      width: 10%;
+      text-align: right;
+      padding-right: 10px;
+
+      .TopTableListSpanImg {
+        width: 15px;
+        height: 19px;
+        margin: 7px;
+        cursor: pointer;
+      }
+      .TopTableListSpanImg2 {
+        width: 19px;
+        height: 19px;
+        margin: 7px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>

diff --git a/src/views/oneMap/components/dynamicInformation.vue b/src/views/oneMap/components/dynamicInformation.vue
new file mode 100644
index 0000000..644d8c6
--- /dev/null
+++ b/src/views/oneMap/components/dynamicInformation.vue
@@ -0,0 +1,230 @@
+<template>
+  <div class="dynamicInformation">
+    <div class="leftInfo">
+      <div class="title">中心动态</div>
+      <div class="title">现场动态</div>
+      <div class="title">调度动态</div>
+    </div>
+    <div class="rightInfo">
+      <div class="TopTableHeader">
+        <span class="TopTableListSpan TopTableListSpan1">时间</span>
+        <span class="TopTableListSpan TopTableListSpan2">事件明细</span>
+        <span class="TopTableListSpan TopTableListSpan3">地点</span>
+        <span class="TopTableListSpan TopTableListSpan4">状态</span>
+        <span class="TopTableListSpan TopTableListSpan5">责任单位</span>
+        <span class="TopTableListSpan TopTableListSpan6">督办</span>
+      </div>
+      <!-- <div class="TopTableBody"> -->
+      <Vue3SeamlessScroll :list="TopTableData" :singleHeight="34" :hover="true" class="TopTableBody">
+        <div class="TopTableBody_list" v-for="item in TopTableData">
+          <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
+          <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
+          <span class="TopTableListSpan TopTableListSpan3">{{ item.dd }}</span>
+          <span class="TopTableListSpan TopTableListSpan4">{{ item.zt == 0 ? '未处理' : '已处理' }}</span>
+          <span class="TopTableListSpan TopTableListSpan5">{{ item.dw }}</span>
+          <span class="TopTableListSpan TopTableListSpan6">
+            <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
+            <img
+              class="TopTableListSpanImg"
+              src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
+              alt=""
+              @click="XianChangLianXian(item)"
+            />
+          </span>
+        </div>
+      </Vue3SeamlessScroll>
+      <!-- </div> -->
+    </div>
+  </div>
+</template>
+
+<script setup name="dynamicInformation">
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import { toRaw, toRefs } from 'vue';
+
+const showPanel = ref(true); //面板展开收起
+// 面板内容展开收起控制
+const props = defineProps({
+  showPanel: {
+    type: Boolean,
+  },
+});
+
+const AllData = reactive({
+  // 顶部表格数据
+  TopTableData: [
+    {
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+  ],
+});
+const { TopTableData } = toRefs(AllData);
+
+watch(
+  () => props.showPanel,
+  () => {
+    showPanel.value = props.showPanel;
+  },
+  { immediate: true }
+);
+
+// 风险监测派发
+const PaiFa = item => {
+  console.log(item);
+  let data = {
+    title: '智慧外呼',
+    comIDs: ['RQ_ZhiHuiWaiHu'],
+    getSiteId: item.value,
+  };
+  bus.emit('publicDialog', data);
+};
+
+// 现场连线
+const XianChangLianXian = item => {
+  bus.emit('OpenRY');
+};
+</script>
+
+<style lang="scss" scoped>
+.dynamicInformation {
+  position: absolute;
+  left: 490px;
+  top: 110px;
+  width: calc(100% - 1020px);
+  height: 136px;
+  box-sizing: border-box;
+  border: 1px solid red;
+  display: flex;
+  align-items: center;
+
+  .leftInfo {
+    width: 116px;
+    height: 136px;
+    border: 1px solid yellow;
+  }
+
+  .rightInfo {
+    width: calc(100% - 116px);
+    height: 136px;
+    // position: absolute;
+    // left: 520px;
+    // top: 110px;
+    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;
+    box-shadow: inset 0 0 5px 5px #47eef38a;
+    padding: 10px;
+    .TopTableHeader {
+      width: 100%;
+      height: 34px;
+      background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
+      border: 1px solid #74dde1;
+      display: flex;
+    }
+
+    .TopTableBody {
+      width: 100%;
+      height: calc(100% - 34px);
+      //   height: 102px;
+      overflow: auto;
+      //   border: 1px solid red;
+      // display: flex;
+      // flex-direction: column;
+      // flex-wrap: nowrap;
+
+      .TopTableBody_list {
+        display: inline-block;
+        width: 100%;
+        height: 34px;
+        /* 选择偶数行 */
+        &:nth-child(even) {
+          background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+        }
+      }
+    }
+
+    .TopTableListSpan {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #ffffff;
+      height: 34px;
+      line-height: 34px;
+      display: inline-block;
+      box-sizing: border-box;
+      overflow: hidden;
+      text-overflow: ellipsis; /* 超出宽度后显示省略号 */
+      white-space: nowrap; /* 限制不允许换行 */
+    }
+    .TopTableListSpan1 {
+      width: 20%;
+      text-align: left;
+      padding-left: 10px;
+    }
+    .TopTableListSpan2 {
+      width: 25%;
+      text-align: center;
+    }
+    .TopTableListSpan3 {
+      width: 20%;
+      text-align: center;
+    }
+    .TopTableListSpan4 {
+      width: 10%;
+      text-align: center;
+    }
+    .TopTableListSpan5 {
+      width: 15%;
+      text-align: center;
+    }
+    .TopTableListSpan6 {
+      width: 10%;
+      text-align: right;
+      padding-right: 10px;
+
+      .TopTableListSpanImg {
+        width: 15px;
+        height: 19px;
+        margin: 7px;
+        cursor: pointer;
+      }
+      .TopTableListSpanImg2 {
+        width: 19px;
+        height: 19px;
+        margin: 7px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index c1cf2bb..ce08424 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -40,6 +40,8 @@
       <CanvasRain v-if="showRainFlow"></CanvasRain>
       <!-- 地图标注点弹窗popup -->
       <PopupInfo></PopupInfo>
+      <!-- 动态信息 -->
+      <!-- <dynamicInformation :showPanel="showPanel"></dynamicInformation> -->
       <!-- 左右面板展示隐藏-->
       <el-tooltip effect="dark" content="显隐面板" placement="top">
         <img
@@ -194,6 +196,7 @@
 import ZHHMJCFX from './components/ZHHM_JCFX.vue'; //智慧海绵-监测分析
 import ZHHMJSPG from './components/ZHHM_JSPG.vue'; //智慧海绵-建设评估
 import PopupInfo from '@/views/oneMap/components/mapboxPopup.vue'; //地图标注点弹窗
+import dynamicInformation from '@/views/oneMap/components/dynamicInformation.vue'; //地图标注点弹窗
 // 降雨效果
 import CanvasRain from '@/views/oneMap/cityGK/canvasRain.vue'; //降雨效果
 // 图层控制面板

diff --git a/src/views/oneMap/components/dynamicInformation.vue b/src/views/oneMap/components/dynamicInformation.vue
new file mode 100644
index 0000000..644d8c6
--- /dev/null
+++ b/src/views/oneMap/components/dynamicInformation.vue
@@ -0,0 +1,230 @@
+<template>
+  <div class="dynamicInformation">
+    <div class="leftInfo">
+      <div class="title">中心动态</div>
+      <div class="title">现场动态</div>
+      <div class="title">调度动态</div>
+    </div>
+    <div class="rightInfo">
+      <div class="TopTableHeader">
+        <span class="TopTableListSpan TopTableListSpan1">时间</span>
+        <span class="TopTableListSpan TopTableListSpan2">事件明细</span>
+        <span class="TopTableListSpan TopTableListSpan3">地点</span>
+        <span class="TopTableListSpan TopTableListSpan4">状态</span>
+        <span class="TopTableListSpan TopTableListSpan5">责任单位</span>
+        <span class="TopTableListSpan TopTableListSpan6">督办</span>
+      </div>
+      <!-- <div class="TopTableBody"> -->
+      <Vue3SeamlessScroll :list="TopTableData" :singleHeight="34" :hover="true" class="TopTableBody">
+        <div class="TopTableBody_list" v-for="item in TopTableData">
+          <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
+          <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
+          <span class="TopTableListSpan TopTableListSpan3">{{ item.dd }}</span>
+          <span class="TopTableListSpan TopTableListSpan4">{{ item.zt == 0 ? '未处理' : '已处理' }}</span>
+          <span class="TopTableListSpan TopTableListSpan5">{{ item.dw }}</span>
+          <span class="TopTableListSpan TopTableListSpan6">
+            <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
+            <img
+              class="TopTableListSpanImg"
+              src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
+              alt=""
+              @click="XianChangLianXian(item)"
+            />
+          </span>
+        </div>
+      </Vue3SeamlessScroll>
+      <!-- </div> -->
+    </div>
+  </div>
+</template>
+
+<script setup name="dynamicInformation">
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import { toRaw, toRefs } from 'vue';
+
+const showPanel = ref(true); //面板展开收起
+// 面板内容展开收起控制
+const props = defineProps({
+  showPanel: {
+    type: Boolean,
+  },
+});
+
+const AllData = reactive({
+  // 顶部表格数据
+  TopTableData: [
+    {
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+  ],
+});
+const { TopTableData } = toRefs(AllData);
+
+watch(
+  () => props.showPanel,
+  () => {
+    showPanel.value = props.showPanel;
+  },
+  { immediate: true }
+);
+
+// 风险监测派发
+const PaiFa = item => {
+  console.log(item);
+  let data = {
+    title: '智慧外呼',
+    comIDs: ['RQ_ZhiHuiWaiHu'],
+    getSiteId: item.value,
+  };
+  bus.emit('publicDialog', data);
+};
+
+// 现场连线
+const XianChangLianXian = item => {
+  bus.emit('OpenRY');
+};
+</script>
+
+<style lang="scss" scoped>
+.dynamicInformation {
+  position: absolute;
+  left: 490px;
+  top: 110px;
+  width: calc(100% - 1020px);
+  height: 136px;
+  box-sizing: border-box;
+  border: 1px solid red;
+  display: flex;
+  align-items: center;
+
+  .leftInfo {
+    width: 116px;
+    height: 136px;
+    border: 1px solid yellow;
+  }
+
+  .rightInfo {
+    width: calc(100% - 116px);
+    height: 136px;
+    // position: absolute;
+    // left: 520px;
+    // top: 110px;
+    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;
+    box-shadow: inset 0 0 5px 5px #47eef38a;
+    padding: 10px;
+    .TopTableHeader {
+      width: 100%;
+      height: 34px;
+      background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
+      border: 1px solid #74dde1;
+      display: flex;
+    }
+
+    .TopTableBody {
+      width: 100%;
+      height: calc(100% - 34px);
+      //   height: 102px;
+      overflow: auto;
+      //   border: 1px solid red;
+      // display: flex;
+      // flex-direction: column;
+      // flex-wrap: nowrap;
+
+      .TopTableBody_list {
+        display: inline-block;
+        width: 100%;
+        height: 34px;
+        /* 选择偶数行 */
+        &:nth-child(even) {
+          background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+        }
+      }
+    }
+
+    .TopTableListSpan {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #ffffff;
+      height: 34px;
+      line-height: 34px;
+      display: inline-block;
+      box-sizing: border-box;
+      overflow: hidden;
+      text-overflow: ellipsis; /* 超出宽度后显示省略号 */
+      white-space: nowrap; /* 限制不允许换行 */
+    }
+    .TopTableListSpan1 {
+      width: 20%;
+      text-align: left;
+      padding-left: 10px;
+    }
+    .TopTableListSpan2 {
+      width: 25%;
+      text-align: center;
+    }
+    .TopTableListSpan3 {
+      width: 20%;
+      text-align: center;
+    }
+    .TopTableListSpan4 {
+      width: 10%;
+      text-align: center;
+    }
+    .TopTableListSpan5 {
+      width: 15%;
+      text-align: center;
+    }
+    .TopTableListSpan6 {
+      width: 10%;
+      text-align: right;
+      padding-right: 10px;
+
+      .TopTableListSpanImg {
+        width: 15px;
+        height: 19px;
+        margin: 7px;
+        cursor: pointer;
+      }
+      .TopTableListSpanImg2 {
+        width: 19px;
+        height: 19px;
+        margin: 7px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index c1cf2bb..ce08424 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -40,6 +40,8 @@
       <CanvasRain v-if="showRainFlow"></CanvasRain>
       <!-- 地图标注点弹窗popup -->
       <PopupInfo></PopupInfo>
+      <!-- 动态信息 -->
+      <!-- <dynamicInformation :showPanel="showPanel"></dynamicInformation> -->
       <!-- 左右面板展示隐藏-->
       <el-tooltip effect="dark" content="显隐面板" placement="top">
         <img
@@ -194,6 +196,7 @@
 import ZHHMJCFX from './components/ZHHM_JCFX.vue'; //智慧海绵-监测分析
 import ZHHMJSPG from './components/ZHHM_JSPG.vue'; //智慧海绵-建设评估
 import PopupInfo from '@/views/oneMap/components/mapboxPopup.vue'; //地图标注点弹窗
+import dynamicInformation from '@/views/oneMap/components/dynamicInformation.vue'; //地图标注点弹窗
 // 降雨效果
 import CanvasRain from '@/views/oneMap/cityGK/canvasRain.vue'; //降雨效果
 // 图层控制面板
diff --git a/src/views/oneMap/smartTunnel/RightBox.vue b/src/views/oneMap/smartTunnel/RightBox.vue
index 1f97e0c..0153312 100644
--- a/src/views/oneMap/smartTunnel/RightBox.vue
+++ b/src/views/oneMap/smartTunnel/RightBox.vue
@@ -20,7 +20,7 @@
                 <div class="jcInfo_stateIcon" :class="jgjcData[item.code] == '1' ? '' : 'active'"></div>
                 {{ jgjcData[item.code] == '1' ? '正常' : '异常' }}
               </div>
-              <div class="jcInfo_btn" v-show="jgjcData[item.code] == '0'">派单</div>
+              <div class="jcInfo_btn" v-show="jgjcData[item.code] == '0'" @click="GongDanPaiFa(item)">派单</div>
             </div>
           </div>
         </div>
@@ -92,6 +92,7 @@
 <script setup name="rightSD">
 import twoLine from './components/twoLine.vue';
 import { ref, reactive, toRefs, onMounted } from 'vue';
+import bus from '@/bus';
 
 import yjsj from '@/assets/newImgs/yjsj.png'; //预警数据
 import czsj from '@/assets/newImgs/czsj.png'; //处置数据
@@ -116,12 +117,20 @@
   company: '陕西海嵘工程试验检测股份有限公司',
 });
 const jgjcTitle = [
-  { name: '沉降监测', code: 'cj' },
-  { name: '滑坡监测', code: 'hp' },
-  { name: '收敛监测', code: 'sl' },
-  { name: '裂缝监测', code: 'lf' },
-  { name: '水位监测', code: 'sw' },
-  { name: '应变监测', code: 'yb' },
+  { name: '沉降监测', code: 'cj', qy: '宝塔区凤凰山街道二道街', tz: '压力监测异常波动', sj: 5, yp: '设施故障', value: '001' },
+  { name: '滑坡监测', code: 'hp', qy: '宝塔区凤凰山街道二道街', tz: '燃气管道压力过大', sj: 5, yp: '燃气爆管风险', value: '002' },
+  {
+    name: '收敛监测',
+    code: 'sl',
+    qy: '宝塔区凤凰山街道二道街',
+    tz: '高峰期流量持续降低',
+    sj: 4,
+    yp: '燃气泄漏风险',
+    value: '003',
+  },
+  { name: '裂缝监测', code: 'lf', qy: '宝塔区凤凰山街道二道街', tz: '压力监测异常波动', sj: 5, yp: '设施故障', value: '001' },
+  { name: '水位监测', code: 'sw', qy: '宝塔区凤凰山街道二道街', tz: '燃气管道压力过大', sj: 5, yp: '燃气爆管风险', value: '002' },
+  { name: '应变监测', code: 'yb', qy: '宝塔区凤凰山街道二道街', tz: '燃气管道压力过大', sj: 5, yp: '燃气爆管风险', value: '002' },
 ];
 const jgjcData = ref({
   cj: '1',
@@ -174,6 +183,17 @@
   }
 );
 
+// 工单派发
+const GongDanPaiFa = item => {
+  console.log(item);
+  let data = {
+    title: item.qy,
+    comIDs: ['gdpf'],
+    getSiteId: item.value,
+  };
+  bus.emit('publicDialog', data);
+};
+
 onMounted(() => {});
 </script>
 
@@ -294,6 +314,7 @@
             font-size: 16px;
             color: #ebfeff;
             text-align: center;
+            cursor: pointer;
           }
         }
         .tfInfo {

diff --git a/src/views/oneMap/components/dynamicInformation.vue b/src/views/oneMap/components/dynamicInformation.vue
new file mode 100644
index 0000000..644d8c6
--- /dev/null
+++ b/src/views/oneMap/components/dynamicInformation.vue
@@ -0,0 +1,230 @@
+<template>
+  <div class="dynamicInformation">
+    <div class="leftInfo">
+      <div class="title">中心动态</div>
+      <div class="title">现场动态</div>
+      <div class="title">调度动态</div>
+    </div>
+    <div class="rightInfo">
+      <div class="TopTableHeader">
+        <span class="TopTableListSpan TopTableListSpan1">时间</span>
+        <span class="TopTableListSpan TopTableListSpan2">事件明细</span>
+        <span class="TopTableListSpan TopTableListSpan3">地点</span>
+        <span class="TopTableListSpan TopTableListSpan4">状态</span>
+        <span class="TopTableListSpan TopTableListSpan5">责任单位</span>
+        <span class="TopTableListSpan TopTableListSpan6">督办</span>
+      </div>
+      <!-- <div class="TopTableBody"> -->
+      <Vue3SeamlessScroll :list="TopTableData" :singleHeight="34" :hover="true" class="TopTableBody">
+        <div class="TopTableBody_list" v-for="item in TopTableData">
+          <span class="TopTableListSpan TopTableListSpan1">{{ item.sj }}</span>
+          <span class="TopTableListSpan TopTableListSpan2">{{ item.mx }}</span>
+          <span class="TopTableListSpan TopTableListSpan3">{{ item.dd }}</span>
+          <span class="TopTableListSpan TopTableListSpan4">{{ item.zt == 0 ? '未处理' : '已处理' }}</span>
+          <span class="TopTableListSpan TopTableListSpan5">{{ item.dw }}</span>
+          <span class="TopTableListSpan TopTableListSpan6">
+            <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
+            <img
+              class="TopTableListSpanImg"
+              src="@/assets/images/Sponge_screen/RQ/RQ_SP.png"
+              alt=""
+              @click="XianChangLianXian(item)"
+            />
+          </span>
+        </div>
+      </Vue3SeamlessScroll>
+      <!-- </div> -->
+    </div>
+  </div>
+</template>
+
+<script setup name="dynamicInformation">
+import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
+import { toRaw, toRefs } from 'vue';
+
+const showPanel = ref(true); //面板展开收起
+// 面板内容展开收起控制
+const props = defineProps({
+  showPanel: {
+    type: Boolean,
+  },
+});
+
+const AllData = reactive({
+  // 顶部表格数据
+  TopTableData: [
+    {
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-26 10:00:29',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+    {
+      sj: '2024-09-27 16:10:248',
+      mx: '燃气常规检查发现泄漏',
+      dd: '宝塔区凤凰山街道二道街',
+      zt: 0, //0未处理 1已处理
+      dw: '延安市燃气总公司',
+      value: null,
+    },
+  ],
+});
+const { TopTableData } = toRefs(AllData);
+
+watch(
+  () => props.showPanel,
+  () => {
+    showPanel.value = props.showPanel;
+  },
+  { immediate: true }
+);
+
+// 风险监测派发
+const PaiFa = item => {
+  console.log(item);
+  let data = {
+    title: '智慧外呼',
+    comIDs: ['RQ_ZhiHuiWaiHu'],
+    getSiteId: item.value,
+  };
+  bus.emit('publicDialog', data);
+};
+
+// 现场连线
+const XianChangLianXian = item => {
+  bus.emit('OpenRY');
+};
+</script>
+
+<style lang="scss" scoped>
+.dynamicInformation {
+  position: absolute;
+  left: 490px;
+  top: 110px;
+  width: calc(100% - 1020px);
+  height: 136px;
+  box-sizing: border-box;
+  border: 1px solid red;
+  display: flex;
+  align-items: center;
+
+  .leftInfo {
+    width: 116px;
+    height: 136px;
+    border: 1px solid yellow;
+  }
+
+  .rightInfo {
+    width: calc(100% - 116px);
+    height: 136px;
+    // position: absolute;
+    // left: 520px;
+    // top: 110px;
+    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;
+    box-shadow: inset 0 0 5px 5px #47eef38a;
+    padding: 10px;
+    .TopTableHeader {
+      width: 100%;
+      height: 34px;
+      background: linear-gradient(0deg, #00fbffa3 0%, #00fbff00 100%);
+      border: 1px solid #74dde1;
+      display: flex;
+    }
+
+    .TopTableBody {
+      width: 100%;
+      height: calc(100% - 34px);
+      //   height: 102px;
+      overflow: auto;
+      //   border: 1px solid red;
+      // display: flex;
+      // flex-direction: column;
+      // flex-wrap: nowrap;
+
+      .TopTableBody_list {
+        display: inline-block;
+        width: 100%;
+        height: 34px;
+        /* 选择偶数行 */
+        &:nth-child(even) {
+          background: linear-gradient(0deg, #008599 0%, #08596d 100%);
+        }
+      }
+    }
+
+    .TopTableListSpan {
+      font-family: Source Han Sans CN;
+      font-weight: 400;
+      font-size: 14px;
+      color: #ffffff;
+      height: 34px;
+      line-height: 34px;
+      display: inline-block;
+      box-sizing: border-box;
+      overflow: hidden;
+      text-overflow: ellipsis; /* 超出宽度后显示省略号 */
+      white-space: nowrap; /* 限制不允许换行 */
+    }
+    .TopTableListSpan1 {
+      width: 20%;
+      text-align: left;
+      padding-left: 10px;
+    }
+    .TopTableListSpan2 {
+      width: 25%;
+      text-align: center;
+    }
+    .TopTableListSpan3 {
+      width: 20%;
+      text-align: center;
+    }
+    .TopTableListSpan4 {
+      width: 10%;
+      text-align: center;
+    }
+    .TopTableListSpan5 {
+      width: 15%;
+      text-align: center;
+    }
+    .TopTableListSpan6 {
+      width: 10%;
+      text-align: right;
+      padding-right: 10px;
+
+      .TopTableListSpanImg {
+        width: 15px;
+        height: 19px;
+        margin: 7px;
+        cursor: pointer;
+      }
+      .TopTableListSpanImg2 {
+        width: 19px;
+        height: 19px;
+        margin: 7px;
+        cursor: pointer;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/views/oneMap/index.vue b/src/views/oneMap/index.vue
index c1cf2bb..ce08424 100644
--- a/src/views/oneMap/index.vue
+++ b/src/views/oneMap/index.vue
@@ -40,6 +40,8 @@
       <CanvasRain v-if="showRainFlow"></CanvasRain>
       <!-- 地图标注点弹窗popup -->
       <PopupInfo></PopupInfo>
+      <!-- 动态信息 -->
+      <!-- <dynamicInformation :showPanel="showPanel"></dynamicInformation> -->
       <!-- 左右面板展示隐藏-->
       <el-tooltip effect="dark" content="显隐面板" placement="top">
         <img
@@ -194,6 +196,7 @@
 import ZHHMJCFX from './components/ZHHM_JCFX.vue'; //智慧海绵-监测分析
 import ZHHMJSPG from './components/ZHHM_JSPG.vue'; //智慧海绵-建设评估
 import PopupInfo from '@/views/oneMap/components/mapboxPopup.vue'; //地图标注点弹窗
+import dynamicInformation from '@/views/oneMap/components/dynamicInformation.vue'; //地图标注点弹窗
 // 降雨效果
 import CanvasRain from '@/views/oneMap/cityGK/canvasRain.vue'; //降雨效果
 // 图层控制面板
diff --git a/src/views/oneMap/smartTunnel/RightBox.vue b/src/views/oneMap/smartTunnel/RightBox.vue
index 1f97e0c..0153312 100644
--- a/src/views/oneMap/smartTunnel/RightBox.vue
+++ b/src/views/oneMap/smartTunnel/RightBox.vue
@@ -20,7 +20,7 @@
                 <div class="jcInfo_stateIcon" :class="jgjcData[item.code] == '1' ? '' : 'active'"></div>
                 {{ jgjcData[item.code] == '1' ? '正常' : '异常' }}
               </div>
-              <div class="jcInfo_btn" v-show="jgjcData[item.code] == '0'">派单</div>
+              <div class="jcInfo_btn" v-show="jgjcData[item.code] == '0'" @click="GongDanPaiFa(item)">派单</div>
             </div>
           </div>
         </div>
@@ -92,6 +92,7 @@
 <script setup name="rightSD">
 import twoLine from './components/twoLine.vue';
 import { ref, reactive, toRefs, onMounted } from 'vue';
+import bus from '@/bus';
 
 import yjsj from '@/assets/newImgs/yjsj.png'; //预警数据
 import czsj from '@/assets/newImgs/czsj.png'; //处置数据
@@ -116,12 +117,20 @@
   company: '陕西海嵘工程试验检测股份有限公司',
 });
 const jgjcTitle = [
-  { name: '沉降监测', code: 'cj' },
-  { name: '滑坡监测', code: 'hp' },
-  { name: '收敛监测', code: 'sl' },
-  { name: '裂缝监测', code: 'lf' },
-  { name: '水位监测', code: 'sw' },
-  { name: '应变监测', code: 'yb' },
+  { name: '沉降监测', code: 'cj', qy: '宝塔区凤凰山街道二道街', tz: '压力监测异常波动', sj: 5, yp: '设施故障', value: '001' },
+  { name: '滑坡监测', code: 'hp', qy: '宝塔区凤凰山街道二道街', tz: '燃气管道压力过大', sj: 5, yp: '燃气爆管风险', value: '002' },
+  {
+    name: '收敛监测',
+    code: 'sl',
+    qy: '宝塔区凤凰山街道二道街',
+    tz: '高峰期流量持续降低',
+    sj: 4,
+    yp: '燃气泄漏风险',
+    value: '003',
+  },
+  { name: '裂缝监测', code: 'lf', qy: '宝塔区凤凰山街道二道街', tz: '压力监测异常波动', sj: 5, yp: '设施故障', value: '001' },
+  { name: '水位监测', code: 'sw', qy: '宝塔区凤凰山街道二道街', tz: '燃气管道压力过大', sj: 5, yp: '燃气爆管风险', value: '002' },
+  { name: '应变监测', code: 'yb', qy: '宝塔区凤凰山街道二道街', tz: '燃气管道压力过大', sj: 5, yp: '燃气爆管风险', value: '002' },
 ];
 const jgjcData = ref({
   cj: '1',
@@ -174,6 +183,17 @@
   }
 );
 
+// 工单派发
+const GongDanPaiFa = item => {
+  console.log(item);
+  let data = {
+    title: item.qy,
+    comIDs: ['gdpf'],
+    getSiteId: item.value,
+  };
+  bus.emit('publicDialog', data);
+};
+
 onMounted(() => {});
 </script>
 
@@ -294,6 +314,7 @@
             font-size: 16px;
             color: #ebfeff;
             text-align: center;
+            cursor: pointer;
           }
         }
         .tfInfo {
diff --git a/src/views/oneMap/smartTunnel/components/twoLine.vue b/src/views/oneMap/smartTunnel/components/twoLine.vue
index d34aa79..e704f63 100644
--- a/src/views/oneMap/smartTunnel/components/twoLine.vue
+++ b/src/views/oneMap/smartTunnel/components/twoLine.vue
@@ -119,7 +119,7 @@
       selectedMode: false,
       data: ['南向北', '北向南'],
       textStyle: {
-        color: '#7e99aa',
+        color: '#ebfeff',
         fontSize: 16,
       },
     },
@@ -140,7 +140,7 @@
       },
       axisLabel: {
         show: true,
-        color: '#e2f5f7',
+        color: '#ebfeff',
         // interval: 0,
         fontSize: 16,
         // formatter: function (value) {
@@ -161,7 +161,7 @@
       nameLocation: 'end', // 将名称靠顶部
       // nameRotate: 0, // 名称水平显示
       nameTextStyle: {
-        color: '#7e99aa',
+        color: '#ebfeff',
         fontSize: 16,
         padding: [0, 20, -2, 0],
       },
@@ -170,7 +170,7 @@
       },
       axisLabel: {
         show: true,
-        color: '#7e99aa',
+        color: '#ebfeff',
         fontSize: 16,
       },
       splitLine: {