在线补召

src/components/tree/govern/selectTree.vue

@@ -0,0 +1,107 @@
+<template>
+    <Tree ref="treRef" :width="width" :data="tree" default-expand-all @changePointType="changePointType" @checkedNodesChange="handleCheckedNodesChange"/>
+</template>
+
+<script lang="ts" setup>
+import { ref, nextTick, onMounted, defineProps } from 'vue'
+import Tree from '../select.vue'
+import { getLineTree } from '@/api/cs-device-boot/csLedger'
+import { useConfig } from '@/stores/config'
+import { getTemplateByDept } from '@/api/harmonic-boot/luckyexcel'
+import { useDictData } from '@/stores/dictData'
+// const props = defineProps(['template'])
+interface Props {
+    template?: boolean
+}
+const props = withDefaults(defineProps<Props>(), {
+    template: false
+})
+defineOptions({
+    name: 'govern/deviceTree'
+})
+
+const emit = defineEmits(['init', 'checkChange', 'pointTypeChange', 'Policy'])
+const config = useConfig()
+const tree = ref()
+const dictData = useDictData()
+const treRef = ref()
+const width = ref('')
+
+const info = () => {
+    tree.value = []
+    let arr3: any[] = []
+    getLineTree().then(res => {
+        //治理设备
+        res.data.map((item: any) => {
+           if (item.name == '在线设备') {
+                item.children.forEach((item: any) => {
+                    item.icon = 'el-icon-HomeFilled'
+                    item.level = 1
+                    item.color = config.getColorVal('elementUiPrimary')
+                    item.children.forEach((item2: any) => {
+                        item2.icon = 'el-icon-List'
+                        item2.level = 1
+                        item2.color = config.getColorVal('elementUiPrimary')
+                        item2.children.forEach((item3: any) => {
+                            item3.icon = 'el-icon-Platform'
+                            item3.level = 1
+                            item3.color =
+                                item3.comFlag === 2 ? config.getColorVal('elementUiPrimary') : '#e26257 !important'
+                            item3.children.forEach((item4: any) => {
+                                item4.icon = 'el-icon-Platform'
+                                item4.color =
+                                    item4.comFlag === 2 ? config.getColorVal('elementUiPrimary') : '#e26257 !important'
+                                // item4.color = '#e26257 !important'
+                                arr3.push(item4)
+                            })
+                        })
+                    })
+                })
+            }
+        })
+        tree.value = res.data.filter(item => item.name == '在线设备')
+        nextTick(() => {
+            if (arr3.length) {
+                //初始化选中
+                treRef.value.treeRef1.setCurrentKey(arr3[0].id)
+                // 注册父组件事件
+                emit('init', {
+                    level: 2,
+                    ...arr3[0]
+                })
+                return
+            }
+            else {
+                emit('init')
+                return
+            }
+        })
+    })
+}
+const changePointType = (val: any, obj: any) => {
+    emit('pointTypeChange', val, obj)
+}
+// 处理子组件传递的勾选节点变化，并转发给父组件
+const handleCheckedNodesChange = (nodes: any[]) => {
+    // 先给父组件
+    emit('checkChange', nodes)
+}
+
+
+if (props.template) {
+    getTemplateByDept({ id: dictData.state.area[0].id })
+        .then((res: any) => {
+            emit('Policy', res.data)
+            info()
+        })
+        .catch(err => {
+            info()
+        })
+} else {
+    info()
+}
+
+
+
+onMounted(() => {})
+</script>