显示右侧详情时，仅允许勾选图层，不允许切换下面的数据表修改

src/views/demo/layer/LayerTree.vue

@@ -20,6 +20,7 @@
       :fieldNames="{ key: 'id', title: 'applicationName', children: 'child' }"
       :defaultExpandAll="true"
       @select="handleSelect"
+      :selectable="props.showTable == ''"
     />
   </div>
 </template>
@@ -35,6 +36,7 @@
 
   const { createMessage, createConfirm } = useMessage();
   const emit = defineEmits(['select', 'edit', 'add', 'remove','checked']);
+  const props = defineProps(['showTable'])
 
   defineOptions({ name: 'DeptTree' });
   const treeData = ref<TreeItem[]>([]);

src/views/demo/layer/index.vue

@@ -8,6 +8,7 @@
       @add="addLayer"
       @checked="checkedLayer"
       @remove="tableVisible = false"
+      :showTable="showTable"
     />
     <div class="map-container w-3/4 xl:w-4/5">
       <Map @onLoad="onMapLoad" />