提交 游客权限配置

src/components/tree/govern/deviceTree.vue

@@ -1,5 +1,11 @@
 <template>
-    <Tree ref="treRef" :data="tree" />
+    <Tree
+        ref="treRef"
+        @check-change="handleCheckChange"
+        :default-checked-keys="defaultCheckedKeys"
+        :show-checkbox="props.showCheckbox"
+        :data="tree"
+    />
 </template>
 
 <script lang="ts" setup>
@@ -10,7 +16,18 @@ import { useConfig } from '@/stores/config'
 defineOptions({
     name: 'govern/deviceTree'
 })
-const emit = defineEmits(['init'])
+const props = withDefaults(
+    defineProps<{
+        showCheckbox?: boolean
+        defaultCheckedKeys?: any
+    }>(),
+    {
+        showCheckbox: false,
+        defaultCheckedKeys: []
+    }
+)
+
+const emit = defineEmits(['init', 'checkChange'])
 const config = useConfig()
 const tree = ref()
 const treRef = ref()
@@ -42,4 +59,11 @@ getDeviceTree().then(res => {
         })
     })
 })
+const handleCheckChange = (data: any, checked: any, indeterminate: any) => {
+    emit('checkChange', {
+        data,
+        checked,
+        indeterminate
+    })
+}
 </script>