Web端添加治理模块状态展示界面、模块事件展示、主动询问模块状态功能

src/components/tree/govern/pointTree.vue

@@ -12,11 +12,9 @@ import { useDictData } from '@/stores/dictData'
 // const props = defineProps(['template'])
 interface Props {
     template?: boolean
-
 }
 const props = withDefaults(defineProps<Props>(), {
-    template: false,
-
+    template: false
 })
 defineOptions({
     name: 'govern/deviceTree'
@@ -29,29 +27,25 @@ const dictData = useDictData()
 const treRef = ref()
 const width = ref('')
 
-
-
-
-
-
 const info = () => {
+    tree.value = []
+    let arr1: any[] = []
+    let arr2: any[] = []
     getLineTree().then(res => {
-        let arr1: any[] = []
-        let arr2: any[] = []
         //治理设备
         res.data.map((item: any) => {
             if (item.name == '治理设备') {
                 item.children.forEach((item: any) => {
                     item.icon = 'el-icon-HomeFilled'
-                    item.level=1
+                    item.level = 1
                     item.color = config.getColorVal('elementUiPrimary')
                     item.children.forEach((item2: any) => {
                         item2.icon = 'el-icon-List'
-                        item2.level=1
+                        item2.level = 1
                         item2.color = config.getColorVal('elementUiPrimary')
                         item2.children.forEach((item3: any) => {
                             item3.icon = 'el-icon-Platform'
-                            item3.level=1
+                            item3.level = 1
                             item3.color =
                                 item3.comFlag === 2 ? config.getColorVal('elementUiPrimary') : '#e26257 !important'
                             item3.children.forEach((item4: any) => {
@@ -71,13 +65,15 @@ const info = () => {
                     item.color = item.comFlag === 2 ? config.getColorVal('elementUiPrimary') : '#e26257 !important'
                     item.children.forEach((item2: any) => {
                         item2.icon = 'el-icon-Platform'
-                        item2.color = item2.comFlag === 2 ? config.getColorVal('elementUiPrimary') : '#e26257 !important'
+                        item2.color =
+                            item2.comFlag === 2 ? config.getColorVal('elementUiPrimary') : '#e26257 !important'
                         arr2.push(item2)
                     })
                 })
             }
         })
         tree.value = res.data
+
         nextTick(() => {
             if (arr1.length) {
                 //初始化选中
@@ -98,7 +94,6 @@ const info = () => {
             //     })
             // }
             else {
-
                 emit('init', arr2[0])
             }
         })
@@ -108,17 +103,16 @@ const changePointType = (val: any, obj: any) => {
     emit('pointTypeChange', val, obj)
 }
 if (props.template) {
-    getTemplateByDept({ id: dictData.state.area[0].id }).then((res: any) => {
-        emit('Policy', res.data)
-        info()
-
-    }).catch(err => {
-        info()
-    })
+    getTemplateByDept({ id: dictData.state.area[0].id })
+        .then((res: any) => {
+            emit('Policy', res.data)
+            info()
+        })
+        .catch(err => {
+            info()
+        })
 } else {
     info()
 }
-onMounted(() => {
-
-})
+onMounted(() => {})
 </script>