样式调整

src/view/Manage/AssetBrowse/index.jsx

@@ -84,7 +84,7 @@ const AssetBrowse = (props) => {
         <div className='flex' style={{ flex: 1, height: '100%', overflow: 'hidden' }}>
           {
             expandRelation && <React.Fragment>
-              <div style={{ flex: 1, height: '100%', overflow: 'hidden' }}>
+              <div style={{ flex: 'none', width: 450, height: '100%', overflow: 'hidden' }}>
                 <RelationContainer reference={reference} nodeParams={nodeParams} onChange={onRelationChange} resize={resizeRelation} dirs={dirs} />
               </div>
               <Separate width={15} />

src/view/Manage/AssetBrowse/index.less

@@ -46,7 +46,7 @@
     align-items: center;
     background: #f2f5fc;
     position: absolute;
-    left: calc(50% + 7.5px);
+    left: 465px;
     top: calc(50% - 40px);
     width: 12px;
     height: 80px;

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

 import React, { useEffect, useState, useRef } from 'react';
-import {Card, Spin, Tooltip, Tree, Modal, AutoComplete, Select,Button, Menu, Dropdown} from 'antd';
+import {Card, Spin, Tooltip, Tree, Modal, AutoComplete, Select,Button, Menu, Dropdown, Space} from 'antd';
 import { ReloadOutlined, SettingOutlined, UnorderedListOutlined } from '@ant-design/icons';
 import { useContextMenu, Menu as RcMenu, Item as RcItem } from "react-contexify";
 import LocalStorage from 'local-storage';
@@ -609,12 +609,9 @@ const AssetTree = (props) => {
     <Card
       className='asset-tree'
       title={ 
-        <div
-          className='flex'
+        <Space
           style={{
             height: 57,
-            alignItems: 'center',
-            justifyContent: 'space-between',
             padding: '0 15px'
           }}
         >
@@ -641,11 +638,9 @@ const AssetTree = (props) => {
             </Tooltip>
           </Dropdown>
           <Tooltip title="刷新目录">
-            <ReloadOutlined className='default' onClick={refreshTree} style={{ fontSize:16,cursor:'pointer',flex:1}} />
+            <ReloadOutlined className='default' onClick={refreshTree} style={{ fontSize:16,cursor:'pointer'}} />
           </Tooltip>
-          <div style={{ flex: 1, width: 32 }}></div>
-          <div style={{ flex: 1, width: 32 }}></div>
-        </div>
+        </Space>
       }
       bordered={false} 
       bodyStyle={{ padding: '10px 15px' }}

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

@@ -155,11 +155,12 @@ const FilterElementModal = (props) => {
 
   return (
     <Modal 
-      forceRender
+      destroyOnClose centered
       visible={visible}
       title={type==='global'?'资产目录浏览管理':'可见列设置'}
       width={520}
       onCancel={cancel}
+      bodyStyle={{ padding: '15px 15px 0px 15px', maxHeight: '80vh' }}
       footer={[ 
         <Button
           key="0" 
@@ -185,7 +186,7 @@ const FilterElementModal = (props) => {
           style={{ marginLeft: 'auto' }}
         />
       </div>
-      <div className='mt-3' style={{ maxHeight: 450, overflow: 'auto' }}>
+      <div>
       {
         (typesOfElements||[]).map((typeOfElements, index) => {
           const _type = typeOfElements.type||'';