| | |
| | | node-key="id" |
| | | default-expand-all |
| | | :expand-on-click-node="false" |
| | | :filter-node-method="filterNode" |
| | | @check="handleCheck" |
| | | :props="{ |
| | | label: 'name', |
| | |
| | | <script setup> |
| | | import { ElMessage } from 'element-plus'; |
| | | import { treeDataApi, deleteFenceApi, deleteFolderApi, spatialPlanningApi } from '@/api/layer/index'; |
| | | import { inject, onMounted } from 'vue'; |
| | | import { inject, onMounted, watch } from 'vue'; |
| | | const emit = defineEmits(['update:coverData', 'update:deitData', 'newFencesMethods']); |
| | | import EventBus from '@/utils/eventBus'; |
| | | const coverData = ref(); |
| | |
| | | const treeRef = ref(null); // 获取tree实例 |
| | | const checkedNodes = ref([]); // 存储勾选的节点数据 |
| | | const props = defineProps(['activeName']); |
| | | const formData = { |
| | | const formData = ref({ |
| | | isPush: undefined, |
| | | page: 1, |
| | | isGenerated: undefined, |
| | | pageSize: 17, |
| | | dkbh: '', |
| | | patchesName: '', |
| | | }; |
| | | const reset = () => {}; |
| | | const search = () => {}; |
| | | }); |
| | | const treeData = ref([]); |
| | | const treeAllData = ref([]); |
| | | // 获取数据 |
| | |
| | | checkedKeys.value = childrenIds; |
| | | checkedNodes.value = folderChildren; |
| | | coverData.value = folderChildren; |
| | | console.log('1111',node.data.children); |
| | | console.log('1111',node.data.children); |
| | | emit('update:coverData', coverData.value); |
| | | }else{ |
| | | console.log('node',node); |
| | | |
| | | |
| | | } |
| | | }; |
| | | // 编辑按钮事件 |
| | |
| | | }) |
| | | } |
| | | |
| | | |
| | | function search() { |
| | | treeRef.value?.filter(formData.value.dkbh) |
| | | } |
| | | function reset() { |
| | | formData.value.dkbh = '' |
| | | treeRef.value?.filter('') |
| | | } |
| | | function filterNode(value,data) { |
| | | if (!value) return true |
| | | return data.name.includes(value) |
| | | } |
| | | |
| | | onMounted(() => { |
| | | gettreeDataApi(); |
| | | EventBus.on('gettreeDataApi', gettreeDataApi); |