完成 终端台账管理 迁移工作

src/api/Business/index.ts

@@ -54,3 +54,24 @@ export function nodeAllList() {
         method: 'get'
     })
 }
+//修改数据
+export function updateTerminal(query:any) {
+    return createAxios({
+        url: `/device-boot/device/updateTerminal`,
+        method: 'put',
+        data: {
+            ...query,
+        }
+    })
+}
+//提交数据
+export function addTerminal(query:any) {
+    return createAxios({
+        url: '/device-boot/device/addTerminal',
+            method: 'post',
+            data: { 
+                ...query,
+            }
+    })
+}
+

src/components/tree/pms/Terminal.vue

@@ -13,37 +13,41 @@ defineOptions({
 })
 const emit = defineEmits(['init'])
 const config = useConfig()
-const expanded:any = ref([])
+const expanded: any = ref([])
 const tree = ref()
 const treRef = ref()
-getTerminalTree().then(res => {
-    // let arr: any[] = []
-    res.data.forEach((item: any) => {
-        item.icon = 'el-icon-Menu'
-        item.level = 0
-        item.children.forEach((item2: any) => {
-            item2.icon = 'el-icon-HomeFilled'
-            item2.level = 100
-            expanded.value.push(item2.id)
-            item2.children.forEach((item3: any) => {
-                item3.icon = 'el-icon-CollectionTag'
-                item3.level = 200
-                item3.children.forEach((item4: any) => {
-                    item4.icon = 'el-icon-Flag'
-                    item4.level = 300
-                    // arr.push(item4)
-                    item4.children.forEach((item5: any) => {
-                        item5.icon = 'el-icon-OfficeBuilding'
-                        item5.level = 400
-                        item5.children.forEach((item6: any) => {
-                            item6.icon = 'el-icon-Film'
-                            item6.level = 500
-                            item6.children.forEach((item7: any) => {
-                                item7.icon = 'el-icon-Share'
-                                item7.level = 600
-                                item7.children.forEach((item8: any) => {
-                                    item8.icon = 'el-icon-Location'
-                                    item8.level = 700
+const info = (id: any) => {
+  
+    expanded.value = [id]
+    getTerminalTree().then(res => {
+        // let arr: any[] = []
+        res.data.forEach((item: any) => {
+            item.icon = 'el-icon-Menu'
+            item.level = 0
+            item.children.forEach((item2: any) => {
+                item2.icon = 'el-icon-HomeFilled'
+                item2.level = 100
+                expanded.value.push(item2.id)
+                item2.children.forEach((item3: any) => {
+                    item3.icon = 'el-icon-CollectionTag'
+                    item3.level = 200
+                    item3.children.forEach((item4: any) => {
+                        item4.icon = 'el-icon-Flag'
+                        item4.level = 300
+                        // arr.push(item4)
+                        item4.children.forEach((item5: any) => {
+                            item5.icon = 'el-icon-OfficeBuilding'
+                            item5.level = 400
+                            item5.children.forEach((item6: any) => {
+                                item6.icon = 'el-icon-Film'
+                                item6.level = 500
+                                item6.children.forEach((item7: any) => {
+                                    item7.icon = 'el-icon-Share'
+                                    item7.level = 600
+                                    item7.children.forEach((item8: any) => {
+                                        item8.icon = 'el-icon-Location'
+                                        item8.level = 700
+                                    })
                                 })
                             })
                         })
@@ -51,21 +55,26 @@ getTerminalTree().then(res => {
                 })
             })
         })
+        tree.value = res.data
+
+        nextTick(() => {
+            treRef.value.setCurrentKey(id)
+            // if (arr.length) {
+            //     treRef.value.treeRef.setCurrentKey(arr[0].id)
+            //     // 注册父组件事件
+            //     emit('init', {
+            //         level: 2,
+            //         ...arr[0]
+            //     })
+            // } else {
+            //     emit('init')
+            // }
+        })
     })
-    tree.value = res.data
-    nextTick(() => {
-        // if (arr.length) {
-        //     treRef.value.treeRef.setCurrentKey(arr[0].id)
-        //     // 注册父组件事件
-        //     emit('init', {
-        //         level: 2,
-        //         ...arr[0]
-        //     })
-        // } else {
-        //     emit('init')
-        // }
-    })
-})
+}
+info('')
+
+defineExpose({ info })
 </script>
 <style lang="scss" scoped>
 .el-tree {

src/components/tree/pms/index.vue

@@ -87,7 +87,11 @@ const filterNode = (value: string, data: any) => {
     return data.name.includes(value)
 }
 const treeRef = ref<InstanceType<typeof ElTree>>()
-defineExpose({ treeRef })
+ const setCurrentKey=(e:string)=>{
+     treeRef.value!.setCurrentKey(e)
+ }
+
+defineExpose({ treeRef,setCurrentKey })
 </script>
 
 <style lang="scss" scoped>