提交 游客权限配置

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>

src/components/tree/govern/getMarketList.vue

@@ -0,0 +1,29 @@
+<template>
+    <Tree ref="treRef" :data="tree" />
+</template>
+<script setup lang="ts">
+import { getMarketList } from '@/api/user'
+import Tree from '../index.vue'
+import { useConfig } from '@/stores/config'
+import { ref, reactive, nextTick } from 'vue'
+const config = useConfig()
+const tree = ref()
+const treRef = ref()
+const emit = defineEmits(['selectUser'])
+getMarketList().then((res: any) => {
+    if (res.code === 'A0000') {
+        tree.value = res.data.map((item: any) => {
+            return {
+                ...item,
+                icon: 'el-icon-User',
+                color: 'royalblue'
+            }
+        })
+        emit('selectUser', tree.value[0])
+        nextTick(() => {
+            treRef.value.treeRef.setCurrentKey(tree.value[0].id)
+        })
+    }
+})
+</script>
+<style lang="scss" scoped></style>