添加收藏夹功能

src/views/realTimeMonitor/components/siderBar.vue

@@ -170,7 +170,7 @@ export default {
     console.log(this.role);
     this.getRadio(); //获取列表在线离线全部
     this.getLineTreeList(); //获取树状图
-    this.treeStatustimer = setInterval(this.getLineTreeStatus, 60000); // 每10秒刷新数据
+    this.treeStatustimer = setInterval(this.getLineTreeStatus, 60000); // 每60秒刷新数据
     EventBus.$on("treelist", this.getLineTreeStatus);
   },
   methods: {
@@ -187,6 +187,36 @@ export default {
 
       if (this.filterText !== "") {
         this.$refs.tree.filter(this.filterText);
+      } else {
+        if (this.role == 4) {
+          getzzdyTreeList({ type: this.zzradio, lineid: 127 })
+            .then((res) => {
+              console.log(res);
+              this.lineTreeData = res.data.list;
+              this.onlineNum = res.data.onlineNum;
+              this.totalNum = res.data.totalNum;
+              if (this.zzradio == 0) {
+                console.log("装置为离线");
+                this.$nextTick(() => {
+                  console.log(this.lineTreeData);
+                  this.currentData = this.lineTreeData[0];
+                  console.log(this.currentData);
+                  this.handleNodeClick(this.currentData);
+                  this.$nextTick(() => {
+                    this.$refs.tree.setCurrentKey(this.currentData.id); //一定要加这个选中了否则样式没有出来
+                    this.scrollView();
+                  });
+                });
+              } else {
+                this.$nextTick(() => {
+                  this.$refs.tree.setCurrentKey(this.currentData.id); //一定要加这个选中了否则样式没有出来
+                  this.scrollView();
+                });
+              }
+            })
+            .catch((err) => {
+              console.log(err); //代码错误、请求失败捕获
+            });
         } else {
           getdyTreeListJoggle({ type: this.zzradio })
             .then((res) => {
@@ -201,7 +231,9 @@ export default {
               });
               this.onlineNum = res.data.onlineNum;
               this.totalNum = res.data.totalNum;
-            this.currentData = JSON.parse(localStorage.getItem("currentData"));
+              this.currentData = JSON.parse(
+                localStorage.getItem("currentData")
+              );
               this.$nextTick(() => {
                 this.$refs.tree.setCurrentKey(this.currentData.id); //一定要加这个选中了否则样式没有出来
               });
@@ -210,6 +242,7 @@ export default {
               console.log(err); //代码错误、请求失败捕获
             });
         }
+      }
     },
     handleFilter() {
       // 在输入框输入完成后的500毫秒执行过滤节点方法
@@ -231,6 +264,50 @@ export default {
     //获取树状图列表
     getLineTreeList() {
       console.log(this.zzradio);
+      if (this.role == 4) {
+        getzzdyTreeList({ type: this.zzradio, lineid: 127 })
+          .then((res) => {
+            this.lineTreeData = res.data.list;
+            this.onlineNum = res.data.onlineNum;
+            this.totalNum = res.data.totalNum;
+            this.currentData = JSON.parse(localStorage.getItem("currentData"));
+            this.lineTreeData.forEach((node) => {
+              if (node.list) {
+                node.list.forEach((child) => {
+                  this.defaultExpandedKeys.push(child.id);
+                });
+              } else {
+                this.defaultExpandedKeys.push(node.id);
+              }
+            });
+            this.defaultExpandedKeys =
+              JSON.parse(localStorage.getItem("defaultKey")) !== null
+                ? JSON.parse(localStorage.getItem("defaultKey"))
+                : []; //获取保存的defaultKey ;
+
+            console.log(this.defaultExpandedKeys);
+            if (this.lineTreeData[0].list[0].list.length > 0) {
+            }
+            if (
+              this.currentData !== null &&
+              Object.keys(this.currentData).length !== 0
+            ) {
+              this.currentNodekey = this.currentData.id;
+              this.handleNodeClick(this.currentData);
+            } else {
+              this.currentData = this.lineTreeData[0]; //第一个选中的数据
+              this.currentNodekey = this.lineTreeData[0].id; //第一个数据
+              this.handleNodeClick(this.currentData);
+            }
+            this.$nextTick(() => {
+              this.$refs.tree.setCurrentKey(this.currentNodekey); //一定要加这个选中了否则样式没有出来
+              this.scrollView();
+            });
+          })
+          .catch((err) => {
+            console.log(err); //代码错误、请求失败捕获
+          });
+      } else {
         getdyTreeListJoggle({ type: this.zzradio })
           .then((res) => {
             this.lineTreeData = res.data.list;
@@ -268,8 +345,8 @@ export default {
               this.currentNodekey = this.currentData.id;
               this.handleNodeClick(this.currentData);
             } else {
-            this.currentData = this.lineTreeData[0]; //第一个选中的数据
+              this.currentData = this.lineTreeData[1]; //第一个选中的数据
-            this.currentNodekey = this.lineTreeData[0].id; //第一个数据
+              this.currentNodekey = this.lineTreeData[1].id; //第一个数据
               this.handleNodeClick(this.currentData);
             }
             this.$nextTick(() => {
@@ -280,6 +357,7 @@ export default {
           .catch((err) => {
             console.log(err); //代码错误、请求失败捕获
           });
+      }
     },
 
     //点击当前选中的treenode