资产管理目录分栏增加样式

src/view/Manage/AssetManage/Component/AssetManageTree.jsx

@@ -12,7 +12,7 @@ import { showMessage, getQueryParam } from '../../../../util';
 import { AnchorTimestamp, AnchorId, AssetManageReference, AssetBrowseReference, ResourceBrowseReference, AssetMountReference, AnchorDirId } from '../../../../util/constant';
 import { highlightSearchContentByTerms } from '../../../../util';
 
-import './AssetTree.less';
+import './AssetManageTree.less';
 import 'react-contexify/dist/ReactContexify.css';
 
 const { Option } = AutoComplete;
@@ -36,7 +36,7 @@ function updateTreeData(list, key, children) {
 
 const AssetManageTree = (props) => {
 
-  const MENU_ID = 'asset-tree';
+  const MENU_ID = 'asset-manage-tree';
 
   const { show } = useContextMenu({
     id: MENU_ID,
@@ -652,19 +652,19 @@ const AssetManageTree = (props) => {
       );
 
       if (item.children && item.children.length>0) {
-        return { ...item, ...{title, key: item.nodeId, children: loop(item.children, rootResourceType, false)} };
+        return { ...item, ...{title, key: item.nodeId, children: loop(item.children, rootResourceType, false), className: (item.level===1)?'root':''} };
       }
 
       if (rootResourceType !== 'custom') {
-        return { ...item, ...{ title, key: item.nodeId, isLeaf: true }};
+        return { ...item, ...{ title, key: item.nodeId, isLeaf: true, className: (item.level===1)?'root':'' }};
       }
 
-      return { ...item, ...{ title, key: item.nodeId, children: null}};
+      return { ...item, ...{ title, key: item.nodeId, children: null, className: (item.level===1)?'root':''}};
     });
 
-  const classes = classNames('asset-tree', className, {
-    'asset-tree-read-only': (reference===AssetBrowseReference||reference===ResourceBrowseReference),
-    'asset-tree-asset-mount-reference': reference===AssetMountReference,
+  const classes = classNames('asset-manage-tree', className, {
+    'asset-manage-tree-read-only': (reference===AssetBrowseReference||reference===ResourceBrowseReference),
+    'asset-manage-tree-asset-mount-reference': reference===AssetMountReference,
   });  
 
   return (
@@ -726,7 +726,7 @@ const AssetManageTree = (props) => {
         </AutoComplete>
         <Tree
           checkable={checkable}
-          showLine={true}
+          showLine={false}
           showIcon={false}
           onExpand={onExpand}
           expandedKeys={expandedKeys}
@@ -746,7 +746,7 @@ const AssetManageTree = (props) => {
               displayMenu(event);
             }
           }}
-          />
+        />
       </Spin>
 
       <UpdateDirectoryModal 

src/view/Manage/AssetManage/Component/AssetManageTree.less

+@import '../../../../variables.less';
+
+.asset-manage-tree {
+
+  .yy-card-head-title {
+    padding: 0;
+  }
+
+  .yy-tree{
+    height: calc(100vh - @header-height - @breadcrumb-height - 25px - 40px - 62px) !important;
+    overflow: auto !important;
+  }
+
+  .root {
+    display: flex;
+    width: 100%;
+    background-color: #e7f2ff;
+    margin-bottom: 3px;
+    padding: 5px;
+    align-items: center;
+  }
+
+  .site-tree-search-value {
+    color: #f50;
+  }
+}
+
+.asset-manage-tree-read-only {
+  .yy-tree {
+    height: calc(100vh - @header-height - @breadcrumb-height - 25px - 62px) !important;;
+    overflow: auto !important;
+  }
+}
+
+.asset-manage-tree-asset-mount-reference {
+  .yy-tree {
+    height: 400px !important;
+    overflow: auto !important;
+  }
+}
\ No newline at end of file