feat:反无系统基建相关处理

shuishen

2026-01-07 b745ea141fbbaea16b9b13ce18b778fc50f6fcd0

feat:反无系统基建相关处理

 applications/drone-command/src/assets/images/topContainer/top-bg.png

 applications/drone-command/src/components/basic-container/main.vue

@@ -2,7 +2,7 @@
 * @Author       : yuan
 * @Date         : 2025-06-14 15:19:16
 * @LastEditors  : yuan
 * @LastEditTime : 2026-01-07 09:28:08
 * @LastEditTime : 2026-01-07 16:26:20
 * @FilePath     : \applications\drone-command\src\components\basic-container\main.vue
 * @Description  : 
 * Copyright 2025 OBKoro1, All Rights Reserved. 
@@ -45,6 +45,8 @@

<style lang="scss" scoped>
.basic-container {
  margin-top: 109px;

  height: 0;
  flex: 1;


 applications/drone-command/src/page/index/top/index.vue

@@ -116,7 +116,7 @@
  display: flex;
  justify-content: space-between;
  height: 100%;
  background: url('@/assets/images/topContainer/top-bg.png') center no-repeat !important;
  background: url('@/assets/images/topContainer/top-bg.png') center / 100% 100% no-repeat !important;
}

.top-bar__left {

 applications/drone-command/src/store/modules/common.js

@@ -23,6 +23,15 @@
    },
    safeHeight: 0, // 获取选择航线高度
    positionsArr: [], // 获取选择航线点数据


    // 地图设置
        mapSetting: {
            mode: 17, // 0为标准地图, 1为卫星地图
            roadLine: true,
            visual: '3D',
            isDark: false,
        },
  },
  mutations: {
    setSafeHeight (state, data) {
@@ -104,6 +113,10 @@
        type: 'session',
      });
    },
    
        SET_MAP_MODE: (state, mode) => {
            state.mapSetting.mode = mode
        }
  },
};
export default common;

 applications/drone-command/src/styles/common.scss

@@ -63,12 +63,12 @@
    top: 0;
    left: 0;
    width: 100%;
    height: 97px;
    height: 109px;
    z-index: 9;
  }

  > .leaf-container {
    padding-top: 97px;
    padding-top: 109px;
    width: 160px;
    height: 100%;

@@ -125,7 +125,6 @@
}

.main-avue-view-container {
  margin-top: 97px;
  height: 0;
  flex: 1;
  display: flex;

 applications/drone-command/src/styles/sidebar.scss

@@ -37,6 +37,29 @@
    background-color: rgba(0, 0, 0, .4);
  }

  .el-menu-item {
    padding-left: 41.4px !important;
  }

  .el-sub-menu {
    .el-sub-menu__title {
      padding-left: 41.4px !important;
    }

    .el-menu-item {
      padding-left: 54px !important;
    }

    &.is-active {

      .el-sub-menu__title {
        i, span {
          color: #fff;
        }
      }
    }
  }

  .el-menu-item, .el-sub-menu__title {
    i {
      margin-right: 5px;

 applications/drone-command/src/styles/top.scss

@@ -1,7 +1,6 @@
.avue-top {
  position: relative;
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, .65);
  font-size: 28px;
  height: $top_height;

 applications/drone-command/src/views/dataCockpit/components/CenterContainer.vue

New file
@@ -0,0 +1,13 @@
<template>
    <div>

    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>

</style>

 applications/drone-command/src/views/dataCockpit/components/LeftContainer.vue

New file
@@ -0,0 +1,13 @@
<template>
    <div>

    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>

</style>

 applications/drone-command/src/views/dataCockpit/components/MapContainer.vue

@@ -1,13 +1,41 @@
<template>
    <div>
    <div class="ztzf-cesium map-container" id="cesium">

    </div>
</template>

<script setup>
import { PublicCesium } from '@/utils/cesium/publicCesium'
let viewInstance = null
let viewer = null
onMounted(() => {
    viewInstance = new PublicCesium({
        dom: 'cesium',
        flatMode: false,
        terrain: false,
        layerMode: 4,
        contour: false,
    })

    viewer = viewInstance.getViewer()
}) 

onBeforeUnmount(() => {
    if (viewInstance) {
        viewInstance.destroy()
        viewInstance = null
    }

    viewer = null
})
</script>

<style lang="scss" scoped>

.map-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>

 applications/drone-command/src/views/dataCockpit/components/RightContainer.vue

New file
@@ -0,0 +1,13 @@
<template>
    <div>

    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>

</style>

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

@@ -1,9 +1,33 @@
<!--
 * @Author       : yuan
 * @Date         : 2026-01-06 16:35:50
 * @LastEditors  : yuan
 * @LastEditTime : 2026-01-07 15:20:14
 * @FilePath     : \applications\drone-command\src\views\dataCockpit\index.vue
 * @Description  : 
 * Copyright 2026 OBKoro1, All Rights Reserved. 
 * 2026-01-06 16:35:50
-->
<template>
  <basic-container>
    维护记录管理
  </basic-container>
  <div class="page-container">
    <MapContainer />  
    <LeftContainer />  
    <RightContainer />  
    <CenterContainer />  
  </div>
</template>

<script setup>
  import MapContainer from './components/MapContainer.vue';
  import LeftContainer from './components/LeftContainer.vue';
  import RightContainer from './components/RightContainer.vue';
  import CenterContainer from './components/CenterContainer.vue';
</script>

<style scoped lang="scss">
  .page-container {
    position: relative;
    width: 100%;
    height: 100%;
  }
</style>