diff --git a/src/views/companyAdmin/companyBigScreen/videoSurveillance/areaTree.vue b/src/views/companyAdmin/companyBigScreen/videoSurveillance/areaTree.vue
index ca05b0bb..f3f07043 100644
--- a/src/views/companyAdmin/companyBigScreen/videoSurveillance/areaTree.vue
+++ b/src/views/companyAdmin/companyBigScreen/videoSurveillance/areaTree.vue
@@ -86,13 +86,10 @@
                 </span>
                 <span
                   :class="
-                    data.videoName
-                      ? 'videoName'
-                      : data.projectName
-                      ? 'projectName'
-                      : data.companyType == 2
-                      ? 'companyName2'
-                      : ''
+                    {'videoName' : data.videoName,
+                    'projectName' : data.projectName,
+                    'companyName2' : data.companyType == 2,
+                    'color-01' : data.videoItem && data.videoItem.deviceState == 1}
                   "
                   :title="node.label"
                   >{{ node.label }}
@@ -559,7 +556,10 @@ export default {
           item.children.length > 0
         ) {
           item.children = this.recursion(item.children);
-          return item;
+          if(item.children.length > 0) {
+            return item;
+          }
+          return 
         }
         console.log(item.deviceState, this.searchInfo.deviceState);
         if(item.type == "video") {
@@ -631,6 +631,9 @@ export default {
 };
 </script>
 <style lang="less" scoped>
+.color-01{
+  color: #01FFF0 !important;
+}
 .header-search {
   padding: 10px 15px;
   .header-box1 {