1

src/views/home/widget/monitoringList.vue

@@ -26,8 +26,8 @@
         <div class="body-left">
           <div class="b-l-top">视频分组</div>
           <div class="b-l-search">
-            <input />
-            <div>
+            <input v-model="searchVal" />
+            <div @click="selectTree">
               <i class="el-icon-search"> </i>
               <span style="margin-left: 5px">搜索</span>
             </div>
@@ -39,6 +39,8 @@
             style="border: 1px solid white; width: 90%; margin-top: 10px"
             :load="treeExpand"
             @node-click="treeClick"
+            :filter-node-method="filterNode"
+            ref="treeFilt"
           ></el-tree>
         </div>
         <div class="body-video">
@@ -238,11 +240,19 @@ export default {
       visible: false,
       yzpId: "",
       ylxId: "",
+      searchVal: "",
     };
   },
   watch: {},
   created() {},
   methods: {
+    filterNode(value, data) {
+      if (!value) return true;
+      return data.label.indexOf(value) !== -1;
+    },
+    selectTree() {
+      this.$refs.treeFilt.filter(this.searchVal);
+    },
     // 双击全屏
     dblVideo() {
       let videoElement = document.getElementById("video" + this.nowSelectVideo);
@@ -705,9 +715,11 @@ export default {
         let list = [];
         data.map((item) => {
           if (item.Type == "IV") {
+            console.log(item);
             item.label = item.Name;
             item.id = item.Name;
             item.leaf = true;
+            item.OnlineFlag = node.data.OnlineFlag;
             item.puid = node.data.id;
             list.push(item);
           }
@@ -720,6 +732,10 @@ export default {
       // 判断的是否是叶节点
       if (data.leaf) {
         console.log(data);
+        if (data.OnlineFlag == "0") {
+          this.$message.error("当前设备已下线！");
+          return;
+        }
         let url = `${videoConfig.q2http_url}stream.flv?puid=${data.puid}&idx=${data.Idx}&stream=0&token=${this.token}`;
         // 提前结束通话通道
         this.stopcall();