26804

packages/2.0.5/AppGridBlock/components/list.vue

@@ -332,6 +332,10 @@ export default {
           if (res.code == 0) {
             this.treeObj.treeList = [...res.data];
             this.info = { ...this.treeObj.treeList[0] };
+
+            this.$nextTick(() => {
+              this.$refs.tree.setCurrentKey(this.treeObj.treeList[0].id)
+            })
           }
         });
     },
@@ -595,6 +599,49 @@ export default {
 .app-grid-block {
   width: 100%;
   height: 100%;
+  ::v-deep .el-tree {
+    background: transparent;
+
+    .el-tree-node__expand-icon.is-leaf {
+      color: transparent!important;
+    }
+
+    .el-tree-node__content > .el-tree-node__expand-icon {
+      padding: 4px;
+    }
+
+    .el-tree-node__content {
+      height: 32px;
+    }
+
+    .el-tree__empty-text {
+      color: #222;
+      font-size: 14px;
+    }
+
+    .el-tree-node__children .el-tree-node__content {
+      height: 32px;
+    }
+
+    .el-tree-node__content:hover {
+      background: #E8EFFF;
+      color: #222222;
+      border-radius: 2px;
+    }
+
+    .is-current > .el-tree-node__content {
+      &:hover {
+        background: #2266FF;
+        color: #fff;
+      }
+
+      background: #2266FF;
+      
+      span {
+        color: #fff;
+      }
+    }
+  }
 
   .mt10 {
     padding: 8px 0;