diff --git a/src/views/oneMap/components/dynamicInformation.vue b/src/views/oneMap/components/dynamicInformation.vue
index 5476bbf..206e65b 100644
--- a/src/views/oneMap/components/dynamicInformation.vue
+++ b/src/views/oneMap/components/dynamicInformation.vue
@@ -1,7 +1,10 @@
 <template>
-  <div class="dynamicInformation" :class="[showInfo ? 'openIcon' : 'closeIcon', showPanel ? 'leftShow' : 'centerShow']">
+  <div
+    class="dynamicInformation"
+    :class="[showInfo ? 'openIcon' : 'closeIcon', showPanel ? 'leftShow' : 'centerShow']"
+  >
     <!-- 左侧 -->
-    <div class="leftInfo" :class="['animate__animated', showInfo ? 'animate__fadeInLeft' : 'animate__fadeOutLeft']">
+    <div class="leftInfo">
       <div class="title" :class="infoIndex == 0 ? 'active' : ''" @click="changeDT(0)">
         <img :src="zxdt_icon" alt="" class="TopInfoListIcon" />
         中心动态
@@ -19,15 +22,30 @@
       </div>
     </div>
     <!-- 右侧 -->
-    <div class="rightInfo" :class="['animate__animated', showInfo ? 'animate__fadeInLeft' : 'animate__fadeOutLeft']">
+    <div
+      class="rightInfo"
+      :class="[
+        'animate__animated',
+        showInfo ? 'animate__fadeInLeft' : 'animate__fadeOutLeft',
+      ]"
+    >
       <!-- 表头 -->
       <el-row class="TopTableHeader">
-        <el-col :span="tableHeader.span[i]" v-for="(item, i) in tableHeader.titleList" :key="i">
+        <el-col
+          :span="tableHeader.span[i]"
+          v-for="(item, i) in tableHeader.titleList"
+          :key="i"
+        >
           <div class="headerSpan">{{ item }}</div>
         </el-col>
       </el-row>
       <!-- 表格内容 -->
-      <Vue3SeamlessScroll :list="tableBodyData" :singleHeight="34" :hover="true" class="TopTableBody">
+      <Vue3SeamlessScroll
+        :list="tableBodyData"
+        :singleHeight="34"
+        :hover="true"
+        class="TopTableBody"
+      >
         <el-row class="TopTableBody_list" v-for="(item, k) in tableBodyData" :key="k">
           <template v-for="(info, j) in tableHeader.codeList" :key="info">
             <!-- 中心动态 特殊展示 operate -->
@@ -41,7 +59,12 @@
             <!-- 现场动态 特殊展示-->
             <el-col :span="tableHeader.span[j]" v-if="info == 'duban'">
               <div class="bodySpan">
-                <img class="TopTableListSpanImg2" src="@/assets/images/Sponge_screen/RQ/RQ_XX.png" alt="" @click="PaiFa(item)" />
+                <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"
@@ -52,7 +75,7 @@
             </el-col>
             <el-col :span="tableHeader.span[j]" v-if="info == 'zt'">
               <div class="bodySpan">
-                {{ item[info] == 0 ? '未处理' : '已处理' }}
+                {{ item[info] == 0 ? "未处理" : "已处理" }}
               </div>
             </el-col>
             <!-- 通用展示 -->
@@ -66,22 +89,22 @@
       </Vue3SeamlessScroll>
     </div>
 
-    <img class="infoIcon" alt="" :src="showInfo ? inIcon : outIcon" @click="shrinkInfo" />
+    <img class="infoIcon" alt="" :src="showInfo ? inIcon : ''" @click="shrinkInfo" />
   </div>
 </template>
 
 <script setup name="dynamicInformation">
-import { Vue3SeamlessScroll } from 'vue3-seamless-scroll';
-import { onMounted, toRaw, toRefs } from 'vue';
+import { Vue3SeamlessScroll } from "vue3-seamless-scroll";
+import { onMounted, toRaw, toRefs } from "vue";
 
-import inIcon from '@/assets/images/inIcon.png';
-import outIcon from '@/assets/images/outIcon.png';
-import jiantou_icon from '@/assets/images/tanchuang/jiantou_icon.png';
-import dddt_icon from '@/assets/images/tanchuang/dddt_icon.png';
-import zxdt_icon from '@/assets/images/tanchuang/zxdt_icon.png';
-import xcdt_icon from '@/assets/images/tanchuang/xcdt_icon.png';
+import inIcon from "@/assets/images/inIcon.png";
+import outIcon from "@/assets/images/outIcon.png";
+import jiantou_icon from "@/assets/images/tanchuang/jiantou_icon.png";
+import dddt_icon from "@/assets/images/tanchuang/dddt_icon.png";
+import zxdt_icon from "@/assets/images/tanchuang/zxdt_icon.png";
+import xcdt_icon from "@/assets/images/tanchuang/xcdt_icon.png";
 
-const infoIndex = ref(0);
+const infoIndex = ref(null);
 const showInfo = ref(false); // 改变 dynamicInformation 宽度
 const showPanel = ref(true); //面板展开收起  改变定位left
 // 面板内容展开收起控制
@@ -94,97 +117,97 @@
 // 顶部表格数据
 const TopTableData1 = [
   {
-    sj: '2024-09-26 10:00:29',
-    mx: '燃气常规检查发现泄漏',
-    dd: '宝塔区凤凰山街道二道街',
+    sj: "2024-09-26 10:00:29",
+    mx: "燃气常规检查发现泄漏",
+    dd: "宝塔区凤凰山街道二道街",
     zt: 0, //0未处理 1已处理
-    dw: '延安市燃气总公司',
+    dw: "延安市燃气总公司",
     duban: null,
   },
   {
-    sj: '2024-09-27 16:10:248',
-    mx: '燃气常规检查发现泄漏',
-    dd: '宝塔区凤凰山街道二道街',
+    sj: "2024-09-27 16:10:248",
+    mx: "燃气常规检查发现泄漏",
+    dd: "宝塔区凤凰山街道二道街",
     zt: 0, //0未处理 1已处理
-    dw: '延安市燃气总公司',
+    dw: "延安市燃气总公司",
     duban: null,
   },
   {
-    sj: '2024-09-26 10:00:29',
-    mx: '燃气常规检查发现泄漏',
-    dd: '宝塔区凤凰山街道二道街',
+    sj: "2024-09-26 10:00:29",
+    mx: "燃气常规检查发现泄漏",
+    dd: "宝塔区凤凰山街道二道街",
     zt: 0, //0未处理 1已处理
-    dw: '延安市燃气总公司',
+    dw: "延安市燃气总公司",
     duban: null,
   },
   {
-    sj: '2024-09-27 16:10:248',
-    mx: '燃气常规检查发现泄漏',
-    dd: '宝塔区凤凰山街道二道街',
+    sj: "2024-09-27 16:10:248",
+    mx: "燃气常规检查发现泄漏",
+    dd: "宝塔区凤凰山街道二道街",
     zt: 0, //0未处理 1已处理
-    dw: '延安市燃气总公司',
+    dw: "延安市燃气总公司",
     duban: null,
   },
 ];
 const TopTableData = [
   {
-    xh: '1',
-    name: '燃气-Ⅳ级响应-20240629',
-    startTime: '2024-09-29 10:00:29',
-    endTime: '2024-09-30 10:00:29',
+    xh: "1",
+    name: "燃气-Ⅳ级响应-20240629",
+    startTime: "2024-09-29 10:00:29",
+    endTime: "2024-09-30 10:00:29",
     zt: 0, //0未处理 1已处理
-    type: '线下',
+    type: "线下",
     operate: null,
   },
   {
-    xh: '2',
-    name: '燃气-Ⅳ级响应-20240618',
-    startTime: '2024-09-18 10:00:29',
-    endTime: '2024-09-19 10:00:29',
+    xh: "2",
+    name: "燃气-Ⅳ级响应-20240618",
+    startTime: "2024-09-18 10:00:29",
+    endTime: "2024-09-19 10:00:29",
     zt: 0, //0未处理 1已处理
-    type: '线下',
+    type: "线下",
     operate: null,
   },
   {
-    xh: '3',
-    name: '燃气-Ⅳ级响应-20240618',
-    startTime: '2024-09-18 10:00:29',
-    endTime: '2024-09-19 10:00:29',
+    xh: "3",
+    name: "燃气-Ⅳ级响应-20240618",
+    startTime: "2024-09-18 10:00:29",
+    endTime: "2024-09-19 10:00:29",
     zt: 0, //0未处理 1已处理
-    type: '线下',
+    type: "线下",
     operate: null,
   },
   {
-    xh: '4',
-    name: '燃气-Ⅳ级响应-20240618',
-    startTime: '2024-09-18 10:00:29',
-    endTime: '2024-09-19 10:00:29',
+    xh: "4",
+    name: "燃气-Ⅳ级响应-20240618",
+    startTime: "2024-09-18 10:00:29",
+    endTime: "2024-09-19 10:00:29",
     zt: 0, //0未处理 1已处理
-    type: '线下',
+    type: "线下",
     operate: null,
   },
 ];
 const TopTableData2 = [
   {
-    initiator: '延安城管指挥中心',
-    recipient: '燃气供应处',
-    startTime: '2024-10-21 13:00:29',
-    endTime: '2024-10-21 14:00:29',
-    type: '视频调度',
+    initiator: "延安城管指挥中心",
+    recipient: "燃气供应处",
+    startTime: "2024-10-21 13:00:29",
+    endTime: "2024-10-21 14:00:29",
+    type: "视频调度",
   },
   {
-    initiator: '延安城管指挥中心',
-    recipient: '燃气供应处',
-    startTime: '2024-10-21 13:00:29',
-    endTime: '2024-10-21 14:00:29',
-    type: '语音调度',
+    initiator: "延安城管指挥中心",
+    recipient: "燃气供应处",
+    startTime: "2024-10-21 13:00:29",
+    endTime: "2024-10-21 14:00:29",
+    type: "语音调度",
   },
   {
-    initiator: '延安城管指挥中心',
-    recipient: '延安市燃气总公司',
-    startTime: '2024-10-21 13:00:29',
-    endTime: '2024-10-21 14:00:29',
-    type: '语音调度',
+    initiator: "延安城管指挥中心",
+    recipient: "延安市燃气总公司",
+    startTime: "2024-10-21 13:00:29",
+    endTime: "2024-10-21 14:00:29",
+    type: "语音调度",
   },
 ];
 
@@ -196,18 +219,26 @@
   // 调度总体 所有表头数据
   tableHeaderData: [
     {
-      titleList: ['序号', '应急响应名称', '启动时间', '结束时间', '状态', '审核方式', '应急响应操作'], //表头
-      codeList: ['xh', 'name', 'startTime', 'endTime', 'zt', 'type', 'operate'], //表头对应字段
+      titleList: [
+        "序号",
+        "应急响应名称",
+        "启动时间",
+        "结束时间",
+        "状态",
+        "审核方式",
+        "应急响应操作",
+      ], //表头
+      codeList: ["xh", "name", "startTime", "endTime", "zt", "type", "operate"], //表头对应字段
       span: [1, 5, 5, 5, 2, 2, 4], //表头布局间隔
     },
     {
-      titleList: ['时间', '事件明细', '地点', '状态', '责任单位', '督办'],
-      codeList: ['sj', 'mx', 'dd', 'zt', 'dw', 'duban'],
+      titleList: ["时间", "事件明细", "地点", "状态", "责任单位", "督办"],
+      codeList: ["sj", "mx", "dd", "zt", "dw", "duban"],
       span: [5, 5, 5, 2, 4, 3],
     },
     {
-      titleList: ['方式', '发起人', '接收人', '调度开始时间', '调度结束时间'],
-      codeList: ['type', 'initiator', 'recipient', 'startTime', 'endTime'],
+      titleList: ["方式", "发起人", "接收人", "调度开始时间", "调度结束时间"],
+      codeList: ["type", "initiator", "recipient", "startTime", "endTime"],
       span: [4, 5, 5, 5, 5],
     },
   ],
@@ -225,34 +256,35 @@
 );
 
 // 风险监测派发
-const PaiFa = item => {
+const PaiFa = (item) => {
   console.log(item);
   let data = {
-    title: '智慧外呼',
-    comIDs: ['RQ_ZhiHuiWaiHu'],
+    title: "智慧外呼",
+    comIDs: ["RQ_ZhiHuiWaiHu"],
     getSiteId: item.value,
   };
-  bus.emit('publicDialog', data);
+  bus.emit("publicDialog", data);
 };
 
 // 现场连线
-const XianChangLianXian = item => {
-  bus.emit('OpenRY');
+const XianChangLianXian = (item) => {
+  bus.emit("OpenRY");
 };
 
 // 收缩信息
 const shrinkInfo = () => {
   showInfo.value = !showInfo.value;
+  infoIndex.value = null;
 };
 // 左侧动态切换
-const changeDT = index => {
+const changeDT = (index) => {
   infoIndex.value = index;
   tableHeader.value = tableHeaderData.value[index];
   tableBodyData.value = allData[index];
+  showInfo.value = true;
 };
 
 onMounted(() => {
-  // console.log(tableHeaderList.value);
   tableHeader.value = tableHeaderData.value[infoIndex.value];
   tableBodyData.value = allData[infoIndex.value];
 });
@@ -261,22 +293,17 @@
 <style lang="scss" scoped>
 .dynamicInformation {
   position: absolute;
-  // left: 490px;
   bottom: 170px;
-  // width: calc(100% - 1020px);
   height: 136px;
   box-sizing: border-box;
-  // border: 1px solid red;
   display: flex;
   align-items: center;
-
   transition: all 1s ease;
-  // transition: left 1s ease;
   &.openIcon {
-    width: calc(100% - 1020px);
+    width: calc(100% - 980px);
   }
   &.closeIcon {
-    width: 0px;
+    width: 136px;
   }
 
   &.centerShow {
@@ -285,7 +312,7 @@
   }
   &.leftShow {
     will-change: transform;
-    transform: translateX(30px);
+    transform: translateX(-1000px);
   }
 
   .leftInfo {
@@ -293,7 +320,11 @@
     height: 136px;
     overflow: hidden;
     // border: 1px solid yellow;
-    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;
@@ -322,21 +353,21 @@
         right: 10px;
         top: 50%;
         transform: translateY(-50%);
-        // margin-left: 5px;
       }
     }
   }
 
   .rightInfo {
-    width: calc(100% - 116px);
+    width: calc(100% - 130px);
     height: 136px;
-    // position: absolute;
-    // left: 520px;
-    // top: 110px;
     overflow: hidden;
-    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;
+    // border: 1px solid #47eef3;
     box-sizing: border-box;
     box-shadow: inset 0 0 5px 5px #47eef38a;
     padding: 10px;
@@ -359,12 +390,7 @@
     .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;
@@ -408,26 +434,13 @@
         }
       }
     }
-
   }
 
   .infoIcon {
     position: absolute;
-    right: -15px;
-    // left: 0;
+    right: 0px;
     top: 40px;
-
     cursor: pointer;
-    // transition: all 1s ease;
-    // --dtBox-width
-    // &.openIcon {
-    //   // transform: translateX(500px);
-    //   right: -15px;
-    // }
-    // &.closeIcon {
-    //   // transform: translateX(0px);
-    //   left: 0;
-    // }
   }
 }
 </style>