feat:反无样式调整

shuishen

2026-02-11 739ef8749a5e6ea20b2638b174b9a9db3c0c1c7b

feat:反无样式调整

 applications/drone-command/src/components/map-container/device-map-container.vue

@@ -5,7 +5,7 @@
            :show-admin-boundary="true" :zoom-to-boundary="true" :enable-stage-emit="true"
            :cluster-height="CLUSTER_HEIGHT" :detail-height="DETAIL_HEIGHT" @ready="handleMapReady"
            @stage-change="handleStageChange" />
        <div v-if="props.showLayerControl" class="layer-control-root" :class="{ collapsed: props.leftCollapsed }">
        <div v-if="props.showLayerControl" class="layer-control-root" :class="{ collapsed: props.rightCollapsed }">
            <div class="layer-control-wrap" ref="layerWrapRef">
                <div class="layer-control" @click="toggleLayerPanel">
                    <img :src="layerControlIcon" alt="图层控制" />
@@ -88,7 +88,7 @@
        type: Array,
        default: () => [],
    },
    leftCollapsed: {
    rightCollapsed: {
        type: Boolean,
        default: false,
    },
@@ -1290,7 +1290,7 @@
)

watch(
    () => props.leftCollapsed,
    () => props.rightCollapsed,
    isCollapsed => {
        if (isCollapsed) showLayerPanel.value = false
    }
@@ -1415,14 +1415,14 @@

.layer-control-root {
    position: absolute;
    left: 337px;
    bottom: 22px;
    z-index: 9;
    right: 337px;
    top: 95px;
    z-index: 11;
    transition: transform 0.3s ease-in-out;
    pointer-events: none;

    &.collapsed {
        transform: translateX(-317px);
        transform: translateX(317px);
    }
}

@@ -1449,12 +1449,13 @@
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 66px;
    bottom: 0;
    right: 66px;
    top: 0;
    width: 160px;
    max-height: 442px;
    background: #191932;
    border-radius: 8px 8px 8px 8px;
    z-index: 99;

    .panel-title {
        padding: 0 16px;

 applications/drone-command/src/views/dataCockpit/index.vue

@@ -11,7 +11,7 @@
<template>
  <div class="page-container">
    <DeviceMapContainer ref="deviceMapRef" :all-devices="allDevices" :alarm-drones="realWarningData"
      :left-collapsed="leftCollapsed" container-id="data-cockpit-map"
      :right-collapsed="rightCollapsed" container-id="data-cockpit-map"
      @drone-signal="handleAlarmAction('signal', $event)" @drone-counter="handleAlarmAction('counter', $event)"
      @drone-favorite="handleAlarmFavorite" />
    <LeftContainer class="left-container" v-model:activeId="leftActiveId" v-model:collapsed="leftCollapsed"