Merge remote-tracking branch 'origin/图层管理' into 图层管理

张含笑

2025-10-29 31be88add1038b9084dbc12dd2ead9a3e8098ce1

Merge remote-tracking branch 'origin/图层管理' into 图层管理

 src/views/layerManagement/components/nationalSpatialPlanning.vue

New file
@@ -0,0 +1,49 @@
<template>
  <div class="spLeft">
    <div class="input-search">
      <el-input placeholder="请输入关键字" clearable></el-input>
      <el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
      <el-button icon="el-icon-refresh" @click="handleReset">清空</el-button>
    </div>
  </div>
  <div class="spRight"></div>
</template>

<script setup>

function handleSearch() {}
function handleReset() {}
</script>

<style scoped lang="scss">
.spLeft {
  position: absolute;
  top: 0;
  left: 0;
  height: 95%;
  z-index: 99;
  width: 392px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px 8px 8px 8px;
  padding: 16px 12px;
  .input-search {
    display: flex;
    .el-input {
      margin-right: 10px;
    }
  }
}
.spRight {
  position: absolute;
  top: 0;
  right: 0;
  height: 95%;
  z-index: 99;
  width: 324px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 8px 8px 8px 8px;
  padding: 16px 12px;
}
</style>

 src/views/layerManagement/index.vue

@@ -11,15 +11,16 @@
      <div class="mapContainer">
        <div id="layMap" class="ztzf-cesium"></div>
        <leftList
          v-if="!layerParams.addNest && !layerParams.editNest"
          v-if="!layerParams.addNest && !layerParams.editNest && activeType !== '2'"
          @update:coverData="handleCoverDataUpdate"
          @update:deitData="handleEdit"
          :activeName="activeName"
        ></leftList>
        <rightEdit
          v-if="layerParams.addNest || layerParams.editNest"
          v-if="layerParams.addNest || layerParams.editNest && activeType !== '2'"
          @callParentMethod="parentMethod"
        ></rightEdit>
        <nationalSpatialPlanning v-if="activeType === '2'" />
      </div>
    </div>
  </basic-container>
@@ -30,6 +31,7 @@
import { flyVisual } from '@/utils/cesium/mapUtil';
import rightEdit from '@/views/layerManagement/components/rightEdit.vue';
import leftList from '@/views/layerManagement/components/leftList.vue';
import nationalSpatialPlanning from '@/views/layerManagement/components/nationalSpatialPlanning.vue'
import { DrawPolygon } from '@/views/layerManagement/components/utils';
import * as Cesium from 'cesium';
import { PublicCesium } from '@/utils/cesium/publicCesium';
@@ -65,6 +67,7 @@
provide('layerParams', layerParams);
const handleClick = tab => {
  const clickedTab = tabData.value.find(item => item.type === tab.paneName);
  console.log(clickedTab, '5555')
  activeType.value = clickedTab.type;
  activeName.value = clickedTab.name;
};