1104asset

src/App.js

@@ -22,6 +22,7 @@ import ImportAction from './view/Manage/Model/Component/ImportAction';
 import EditModel from './view/Manage/Model/Component/EditModel';
 import EditTemplate from './view/Manage/ModelConfig/Component/EditTemplate';
 import AssetTree from './view/Manage/AssetManage/Component/AssetTree';
+import Asset1104Manage from './view/Manage/Asset1104Manage';
 
 import { AssetMountReference } from './util/constant';
 
@@ -110,6 +111,7 @@ export class App extends React.Component {
             <Route path={`${ContextPath}/data-model-action`} component={EditModel} exact />   
             <Route path={`${ContextPath}/model-template-action`} component={EditTemplate} exact />    
             <Route path={`${ContextPath}/asset-detail`} component={AssetDetailPage} exact />   
+
    
 
             <Route path={'/center-home/view/datasource-manage'} component={DatasourceManage} exact />
@@ -119,7 +121,8 @@ export class App extends React.Component {
             <Route path={'/center-home/view/asset-manage'} component={AssetManage} exact />
             <Route path={'/center-home/view/asset-resource-browse'} component={AssetResourceBrowse} exact />
             <Route path={'/center-home/view/asset-browse'} component={AssetBrowse} exact />
-            <Route path={'/center-home/view/asset-recycle'} component={AssetRecycle} exact />    
+            <Route path={'/center-home/view/asset-recycle'} component={AssetRecycle} exact /> 
+            <Route path={'/center-home/view/asset-1104-manage'} component={Asset1104Manage} exact />   
 
             <Route path={'/center-home/menu/datasource-manage'} component={DatasourceManage} exact />
             <Route path={'/center-home/menu/data-model'} component={Model} exact />
@@ -128,7 +131,8 @@ export class App extends React.Component {
             <Route path={'/center-home/menu/asset-manage'} component={AssetManage} exact />
             <Route path={'/center-home/menu/asset-resource-browse'} component={AssetResourceBrowse} exact />
             <Route path={'/center-home/menu/asset-browse'} component={AssetBrowse} exact />
-            <Route path={'/center-home/menu/asset-recycle'} component={AssetRecycle} exact />  
+            <Route path={'/center-home/menu/asset-recycle'} component={AssetRecycle} exact /> 
+            <Route path={'/center-home/menu/asset-1104-manage'} component={Asset1104Manage} exact /> 
             <Route path={'/center-home/data-model-action'} component={EditModel} exact />
             <Route path={'/center-home/asset-detail'} component={AssetDetailPage} exact />
           </Switch>

src/routes.js

@@ -32,6 +32,10 @@ export const routes = [
         text: '资产管理',
       },
       {
+        name: '1104-asset',
+        text: '1104管理',
+      },
+      {
         name: 'asset-resource-browse',
         text: '资源浏览',
       },

src/view/Manage/Asset1104Manage/index.jsx

+import React, { useState } from 'react';
+import classNames from 'classnames';
+import { Form } from 'antd';
+import { CaretLeftOutlined, CaretRightOutlined } from '@ant-design/icons';
+
+import AssetTree from '../AssetManage/Component/AssetTree';
+import AssetDirectory from '../AssetManage/Component/AssetDirectory';
+import AssetTable from '../AssetManage/Component/AssetTable';
+import AssetAction from '../AssetManage/Component/AssetAction';
+import Separate from '../AssetManage/Component/Separate';
+
+import { getQueryParam } from '../../../util';
+import { AssetManageReference, AnchorDirId } from '../../../util/constant';
+
+import './index.less';
+
+const Asset1104Manage = (props) => {
+
+  const did = getQueryParam(AnchorDirId, props?.location?.search);
+
+  const [ nodeId, setNodeId ] = useState(did||'');
+  const [ nodeType, setNodeType ] = useState('');
+  const [ assetParams, setAssetParams ] = useState({ assetId: '', assetDirId: '' })
+  const [ expandTree, setExpandTree ] = useState(true);
+
+  const [ assetCount, setAssetCount ] = useState(0);
+  const [ directoryChanged, setDirectoryChanged ] = useState(false);
+  const [ elementsChanged, setElementsChanged ] = useState(false);
+  const [ assetActionChanged, setAssetActionChanged ] = useState(false);
+  const [ form ] = Form.useForm();
+
+  const { assetId, assetDirId } = assetParams;
+
+  const onTreeSelect = (value, type) => {
+    setNodeId(value||'');
+    setNodeType(type);
+  }
+
+  const onTableSelect = (id, did) => {
+    setAssetParams({ assetId: id, assetDirId: did });
+  }
+
+  const treeToggleClick = () => {
+    setExpandTree(!expandTree);
+  }
+
+  const onElementsChange = () => {
+    setElementsChanged(!elementsChanged);
+  }
+
+  const onDirectoryChange = () => {
+    setDirectoryChanged(!directoryChanged);
+  }
+
+  const onAssetActionChange = () => {
+    setAssetActionChanged(!assetActionChanged);
+  }
+
+  const onAssetCountChange = (count) => {
+    setAssetCount(count);
+  }
+
+  const classes = classNames('asset-1104-manage', {
+    'asset-manage-collapse': !expandTree
+  });  
+
+  return (
+    <div className={classes}>
+      <div className='middle'>
+        <AssetDirectory id={nodeId} assetCount={assetCount} directoryChanged={directoryChanged} onElementsChange={onElementsChange} />
+        <Separate height={15} />
+        <AssetTable nodeId={nodeId} nodeType={nodeType} reference={AssetManageReference} elementsChanged={elementsChanged} assetActionChanged={assetActionChanged} onSelect={onTableSelect} onCountChange={onAssetCountChange} {...props} />
+      </div>
+      <Separate width='15px' />
+      <div className='right'>
+        <AssetAction form={form} id={assetId} dirId={assetDirId} action='detail' onChange={onAssetActionChange} />
+      </div>
+    </div>
+  )
+}
+
+export default Asset1104Manage;
\ No newline at end of file

src/view/Manage/Asset1104Manage/index.less

+.asset-1104-manage {
+  display: flex;
+  position: relative;
+  background-color: #fff;
+  height: 100%;
+
+  .middle {
+    width: calc(100% - 400px - 30px);
+  }
+
+  .right {
+    width: 400px;
+    border-left: 1px solid #EFEFEF;
+  }
+}
\ No newline at end of file

src/view/Manage/index.jsx

@@ -13,6 +13,7 @@ import AssetManage from './AssetManage';
 import AssetResourceBrowse from './AssetResourceBrowse';
 import AssetBrowse from './AssetBrowse';
 import AssetRecycle from './AssetRecycle';
+import Asset1104Manage from "./Asset1104Manage";
 
 class Manage extends Component {
 
@@ -35,6 +36,7 @@ class Manage extends Component {
                 <Route path={`${match.path}/asset-resource-browse`} component={AssetResourceBrowse} />
                 <Route path={`${match.path}/asset-browse`} component={AssetBrowse} />
                 <Route path={`${match.path}/asset-recycle`} component={AssetRecycle} />
+                <Route path={`${match.path}/1104-asset`} component={Asset1104Manage} />
               </Switch>
             ) : (
               <GetSession {...this.props} />