图层管理界面添加

Surpriseplus

2022-12-17 84d97857cb5ba7cfb62b6400bdff0911eab4826b

 src/views/Tools/maplayer.vue

@@ -10,30 +10,23 @@
      :left="data.left || left"
      :top="data.top || top + index * 42 + 'px'"
    >
      <div class="treeContainer">
        <el-tree
          ref="tree"
          :data="treeData"
          show-checkbox
          node-key="id"
          draggable
          :expand-on-click-node="false"
          :auto-expand-parent="false"
          :default-expanded-keys="defaultExpanded"
          :default-checked-keys="defaultCheck"
        >
        </el-tree>
      </div>
   <div  >
    <layer-tree />

   </div>
    </Popup>
  </div>
</template>

<script>
import Popup from './Popup.vue';
import LayerTree from './LayerTree.vue'
export default {
  name: 'maplayer',

  components: {
    Popup,
    LayerTree
  },
  data() {
    return {
@@ -41,27 +34,10 @@
      PopupData: ['maplayer'],
      left: 'calc(100% - 330px)',
      top: 10,
      treeData: [],
      defaultCheck: [],
      defaultExpanded: [],
      selectNode: undefined,
      rightClickMenuDisplay: false,
      rightClickMenuStyle: {},
      isClickParent: false,
      isNewFold: false,
      newFoldName: undefined,
      mergeNode: false,
    };
  },
  computed: {},
  mounted() {
    this.treeData([
      { id: '82A0C3DE', name: '影像', children: [] },
      { id: '82C3DE', name: '地形', children: [] },
      { id: '4FE10400', name: '模型', children: [] },
      { id: '0A51CF71', name: '矢量', children: [] },
    ]);
  },
  mounted() {},
  methods: {
    // 关闭所有
    closeAll() {
@@ -107,8 +83,3 @@
</script>

<style scoped lang="less">
.text {
  margin-left: 15px;
  margin-right: 15px;
}
</style>