数据方案-设备信息联调

2024-06-19 20:32:10 +08:00
parent a24e54c0ec
commit e6d39fd5fa
8 changed files with 487 additions and 352 deletions
--- a/src/components/tree/govern/deviceInfoTree.vue
+++ b/src/components/tree/govern/deviceInfoTree.vue
@@ -0,0 +1,107 @@
+<template>
+    <Tree
+        ref="treRef"
+        @check-change="handleCheckChange"
+        :default-checked-keys="defaultCheckedKeys"
+        :show-checkbox="props.showCheckbox"
+        :data="tree"
+    />
+</template>
+
+<script lang="ts" setup>
+import { ref, nextTick, defineProps } from 'vue'
+import Tree from '../index.vue'
+import { getDeviceTree } from '@/api/cs-device-boot/csLedger'
+import { useConfig } from '@/stores/config'
+defineOptions({
+    name: 'govern/deviceTree'
+})
+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()
+getDeviceTree().then(res => {
+    return
+    let arr: any[] = []
+    res.data.forEach((item: any) => {
+        item.icon = 'el-icon-HomeFilled'
+        item.color = config.getColorVal('elementUiPrimary')
+        item.children.forEach((item2: any) => {
+            item2.icon = 'el-icon-List'
+            item2.color = config.getColorVal('elementUiPrimary')
+            item2.children.forEach((item3: any) => {
+                item3.icon = 'el-icon-Platform'
+                item3.color = config.getColorVal('elementUiPrimary')
+                if (item3.comFlag === 1) {
+                    item3.color = '#e26257 !important'
+                }
+                arr.push(item3)
+            })
+        })
+    })
+    tree.value = res.data
+    nextTick(() => {
+        if (arr.length) {
+            treRef.value.treeRef.setCurrentKey(arr[0].id)
+            // 注册父组件事件
+            emit('init', {
+                level: 2,
+                ...arr[0]
+            })
+        } else {
+            emit('init')
+        }
+    })
+})
+const getTreeList = (list:any) => {
+    let arr: any[] = []
+   list.forEach((item: any) => {
+        item.icon = 'el-icon-HomeFilled'
+        item.color = config.getColorVal('elementUiPrimary')
+        item.children.forEach((item2: any) => {
+            item2.icon = 'el-icon-List'
+            item2.color = config.getColorVal('elementUiPrimary')
+            item2.children?.forEach((item3: any) => {
+                item3.icon = 'el-icon-Platform'
+                item3.color = config.getColorVal('elementUiPrimary')
+                if (item3.comFlag === 1) {
+                    item3.color = '#e26257 !important'
+                }
+                arr.push(item3)
+            })
+        })
+    })
+    tree.value = list;
+    nextTick(() => {
+        if (arr.length) {
+            treRef.value.treeRef.setCurrentKey(arr[0].id)
+            // 注册父组件事件
+            emit('init', {
+                level: 2,
+                ...arr[0]
+            })
+        } else {
+            emit('init')
+        }
+    })
+}
+const handleCheckChange = (data: any, checked: any, indeterminate: any) => {
+    emit('checkChange', {
+        data,
+        checked,
+        indeterminate
+    })
+}
+defineExpose({getTreeList})
+</script>