面板样式调整

gerson

2025-02-09 84167d13f951358315d13609de426ebb318a3c9a

 src/components/chat/chatComponents/summaryCom/components/recordSetTable/map/Map.vue

@@ -4,17 +4,20 @@
      <BasicMap
         ref="normalMapRef"
         v-show="!isFullscreen"
         :isFullscreen="false"
         class="h-full"
         :data="data"
         @markerClick="markerClick"
         @closeInfoWindow="closeInfoWindow"
         @toggleFullScreen="toggleFullScreen"
			
      />
      <!-- 全屏按钮 -->
      <div class="absolute right-2 top-2 cursor-pointer" @click="toggleFullScreen">
      <!-- <div class="absolute right-2 top-2 cursor-pointer" @click="toggleFullScreen">
         <el-tooltip content="全屏展开" placement="top">
            <div class="ywifont !text-[20px] text-black rounded-lg ywicon-fullscreen"></div>
         </el-tooltip>
      </div>
      </div> -->

      <!-- Teleport 全屏地图 -->
      <Teleport to=".layout-parent">
@@ -23,16 +26,18 @@
               <BasicMap
                  ref="fullScreenMapRef"
                  :config="fullScreenMapConfig"
                  :isFullscreen="true"
                  class="h-full"
                  :data="data"
                  @markerClick="markerClick"
                  @closeInfoWindow="closeInfoWindow"
                  @toggleFullScreen="toggleFullScreen"
               />
               <div class="absolute right-2 top-2 cursor-pointer" @click="toggleFullScreen">
               <!-- <div class="absolute right-2 top-2 cursor-pointer" @click="toggleFullScreen">
                  <el-tooltip content="退出全屏（Esc）" placement="top">
                     <div class="ywifont !text-[20px] text-black rounded-lg ywicon-tuichuquanping"></div>
                  </el-tooltip>
               </div>
               </div> -->
               <div class="absolute bottom-0 w-full">
                  <EquipCurve
                     v-model:isShow="chartDlgIsShow"
@@ -43,7 +48,7 @@
                     :tableHeight="240"
                  />
               </div>
               <SmallChat class="absolute bottom-0 right-0" :olMap="fullScreenOlMap" />
               <SmallChat class="absolute bottom-0 right-[50%] " :olMap="fullScreenOlMap" />
            </div>
         </Transition>
      </Teleport>
@@ -130,7 +135,7 @@
onMounted(async () => {
   // 添加 ESC 键监听
   document.addEventListener('keydown', handleEscKey);
   // toggleFullScreen();
   toggleFullScreen();
});

onDeactivated(async () => {