在线离线

src/views/realTimeMonitor/components/setschedule.vue

@@ -70,7 +70,9 @@
               </div>
               <div class="rightTime" v-if="newshedulenr.length !== 0">
                 <div class="w8">装置时间表:</div>
-                <span class="offtime" v-if="offsetnum !== ''"
+                <span
+                  class="offtime"
+                  v-if="offsetnum !== '' || offsetnum !== null"
                   >(偏移时间{{ offsetnum }}分钟)</span
                 >
                 <div class="w80 flexonly" v-loading="timeloading">

src/views/realTimeMonitor/index.vue

@@ -20,6 +20,13 @@
             </template>
           </el-statistic>
         </div>
+        <div class="radioFilter">
+          <el-radio-group v-model="zzradio" @input="getRadio">
+            <el-radio label="-1">全部</el-radio>
+            <el-radio label="1">在线</el-radio>
+            <el-radio label="2">离线</el-radio>
+          </el-radio-group>
+        </div>
         <el-tree
           ref="tree"
           :data="lineTreeData"
@@ -369,6 +376,7 @@ export default {
       selectLineId: "",
       selectTowerId: "",
       currentData: "", //保存选中的数据
+      zzradio: "-1",
     };
   },
   watch: {
@@ -391,6 +399,10 @@ export default {
     }, 300000);
   },
   methods: {
+    //获取当前选中的radio
+    getRadio() {
+      console.log();
+    },
     //获取当前时间
     getDateTime() {
       console.log(new Date());
@@ -438,26 +450,33 @@ export default {
     },
     //轮询获取装置状态
     getLineTreeStatus() {
-      getdyTreeListJoggle()
+      console.log("11111111");
-        .then((res) => {
+      console.log(this.filterText);
-          console.log(res);
+      if (this.filterText !== "") {
-          this.lineTreeData = res.data.list;
+        this.$refs.tree.filter(this.filterText);
-          this.$nextTick(() => {
+      } else {
-            this.$refs.tree.setCurrentKey(this.selectData.id); //一定要加这个选中了否则样式没有出来
+        getdyTreeListJoggle()
+          .then((res) => {
+            console.log(res);
+            this.lineTreeData = res.data.list;
+            this.$nextTick(() => {
+              this.$refs.tree.setCurrentKey(this.selectData.id); //一定要加这个选中了否则样式没有出来
+            });
+          })
+          .catch((err) => {
+            console.log(err); //代码错误、请求失败捕获
           });
-        })
+      }
-        .catch((err) => {
-          console.log(err); //代码错误、请求失败捕获
-        });
     },
     //树状图搜索
     filterNode(value, data, node) {
-      console.log(value, data, node);
+      //console.log(value, data, node);
-
+      this.filterText = value;
+      console.log(this.filterText);
       // 如果什么都没填全部匹配全部返回
       if (!value) return true;
       this.searchName = data.name + data.cmdid;
-      console.log(this.searchName);
+      //console.log(this.searchName);
       // 如果传入的value和data中的label相同，匹配成功
       if (this.searchName.indexOf(value) !== -1) {
         return true;
@@ -1200,6 +1219,20 @@ export default {
           }
         }
       }
+      .radioFilter {
+        width: 94%;
+        margin: 0 auto;
+        margin-bottom: 8px;
+        font-size: 12px;
+        .el-radio-group {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          .el-radio {
+            margin-right: 16px;
+          }
+        }
+      }
       .el-tree {
         overflow-y: auto;
         overflow-x: hidden;