目录详情

src/util/constant.js

@@ -23,6 +23,7 @@ export const DataModelerRoleUser = 'user';
 export const DataModelerRoleReader = 'reader';
 
 //资产
+export const ResourceManageReference = 'resource-manage';
 export const AssetManageReference = 'asset-manage';
 export const AssetBrowseReference = 'asset-browse';
 export const ResourceBrowseReference = 'resource-browse';

src/util/index.js

@@ -8,7 +8,7 @@ import LocalStorage from 'local-storage';
 import { dispatchLatest, action } from '../model';
 import { set_sess_state } from "../model/reducer";
 
-import { DataModelerRoleAdmin, DataModelerRoleUser, DataModelerRoleReader, AssetManageReference, AssetBrowseReference, ResourceBrowseReference, AssetRecycleReference } from './constant';
+import { DataModelerRoleAdmin, DataModelerRoleUser, DataModelerRoleReader, AssetManageReference, AssetBrowseReference, ResourceBrowseReference, AssetRecycleReference, ResourceManageReference } from './constant';
 
 //内网深交所环境 isSzseEnv true
 //元曜公网环境 isSzseEnv false
@@ -411,7 +411,7 @@ export function getDataModelerRole(user) {
 }
 
 export function getAssetRange(menuName) {
-  if (menuName === AssetManageReference) {
+  if (menuName === ResourceManageReference || menuName === AssetManageReference) {
     return 'dataAsset_dataAssetManage';
   } else if (menuName  === AssetBrowseReference) {
     return 'dataAsset_dataAssetBrowse';

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

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { Spin, Tooltip, Typography, Dropdown, Menu } from 'antd';
 
 import { dispatch } from '../../../../model';
-import { AssetBrowseReference, AssetManageReference, ResourceBrowseReference } from '../../../../util/constant';
+import { AssetBrowseReference, AssetManageReference, ResourceBrowseReference, ResourceManageReference } from '../../../../util/constant';
 import ImportElement from './ImportElement';
 import AttributeRelationModal from "./AttributeRelationModal";
 import FilterElementModal from './FilterElementModal';
@@ -224,7 +224,7 @@ const AssetDirectory = (props) => {
                 </Tooltip>
               </Paragraph>
             </div>
-            <div className={(reference===AssetManageReference)?'mb-common':''}>
+            <div className={(reference===ResourceManageReference||reference===AssetManageReference)?'mb-common':''}>
               <Paragraph>
                 <Tooltip title={dir?.desc||''}>
                   <Text className='title-color' ellipsis={true}>
@@ -235,7 +235,7 @@ const AssetDirectory = (props) => {
               </Paragraph>
             </div>
             {
-              (reference===AssetManageReference) && <div className='flex'>
+              (reference===ResourceManageReference||reference===AssetManageReference) && <div className='flex'>
                 <Paragraph style={{ flex: 1, overflow: 'hidden' }}>
                   <Tooltip title={dir?.remarks||''}>
                     <Text className='title-color' ellipsis={true}>
@@ -302,7 +302,7 @@ const AssetDirectory = (props) => {
         </div>
         
         {
-          (reference===AssetManageReference) && <Dropdown overlay={elementManageMenu} placement="bottomCenter">
+          (reference===ResourceManageReference||reference===AssetManageReference) && <Dropdown overlay={elementManageMenu} placement="bottomCenter">
             <div
               className='flex more-container'
               style={{

src/view/Manage/AssetResourceManage/index.jsx

 import React from "react"
 import classNames from 'classnames'
 import { ResizableBox } from 'react-resizable'
+import { CaretLeftOutlined, CaretRightOutlined } from '@ant-design/icons'
 
 import Tree from './tree'
 import Separate from '../AssetManage/Component/Separate'
+import NodeDetail from '../AssetManage/Component/AssetDirectory'
 
 import '../AssetManage/index.less'
+import { ResourceManageReference } from "../../../util/constant"
+
 const FC = (props) => {
   const [collapseTree, setCollapseTree] = React.useState(false)
+  const [node, setNode] = React.useState()
+  const [assetListFullScreen, setAssetListFullScreen] = React.useState(false)
+
+  const onTreeClick = (value) => {
+    setNode(value)
+  }
+
+  const treeToggleClick = () => {
+    setCollapseTree(!collapseTree)
+  }
 
   const rootClasses = classNames('asset-manage', {
     'asset-manage-collapse': collapseTree
   })
 
+  const middleClasses = classNames('middle', {
+    'middle-fullscreen': assetListFullScreen
+  })
+
   return (
     <div className={rootClasses}>
       <ResizableBox 
@@ -23,11 +41,21 @@ const FC = (props) => {
         minConstraints={[230, Infinity]} 
         maxConstraints={[Infinity, Infinity]}          
       >
-        <Tree />
+        <Tree onClick={onTreeClick} />
       </ResizableBox>
       {
         !collapseTree && <Separate width={15} />
       }
+      <div className={middleClasses}>
+        <NodeDetail reference={ResourceManageReference} id={node?.nodeId} assetCount={node?.dataAssetAndSubDirCount}/>
+        <div className='tree-toggle' onClick={treeToggleClick}>
+        { !collapseTree ? <CaretLeftOutlined /> : <CaretRightOutlined /> }
+        </div>
+      </div>
+      <Separate width='15px' />
+      <div className='right'>
+
+      </div>
     </div>
   )
 }