视频监控

packages/IntelligentSecurity/AppISManage/AppISManage.vue

@@ -221,9 +221,16 @@
       },
       renderTreeItem: function (h, {node, data}) {
         let show = data.deviceStatus == 1 ? 'show' : ''
+        const ids = this.ids.split(',')
+        const index = ids.indexOf(data.id) + 1
+        console.log(index, ids, data.id)
         if (node.isLeaf) {
           return (
               <div class="flexRow">
+                {index > 0 ? 
+                <span>{ index }</span>
+                : ''
+                }
                 <i class={['iconfont', 'iconshipinjiankong', show]}/>
                 <div>{node.label}</div>
               </div>
@@ -466,6 +473,17 @@
     font-size: 14px;
     color: #fff;
 
+    span {
+      width: 16px;
+      height: 16px;
+      line-height: 16px;
+      text-align: center;
+      color: #fff;
+      font-size: 12px;
+      border-radius: 1px;
+      background: #2266FF;
+    }
+
     .iconfont {
       color: #89b;