字段属性

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

@@ -455,6 +455,9 @@ const AssetAction = (props) => {
                 }
                 </AppContext.Consumer>
               </Descriptions.Item>
+              <Descriptions.Item label={<div className='title-text' style={{ textAlign: 'right', width: 60 }}>字段属性</div>} style={{ paddingBottom: 0 }}>
+                <a onClick={onBusinessColumnDetailClick}>查看详情</a>
+              </Descriptions.Item>
               {/* <Descriptions.Item 
                 label={<div className='title-text' style={{ textAlign: 'right', width: 60 }}>关联关系</div>} 
                 style={{ paddingBottom: 0 }}
@@ -470,7 +473,6 @@ const AssetAction = (props) => {
                 </div>              
               </Descriptions.Item> */}
             </Descriptions>
-            <Button onClick={onBusinessColumnDetailClick}>字段属性</Button>
           </div>
           {
             !readOnly && <Separate height={8} />

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

 import React, { useEffect, useState } from 'react';
-import { Modal, Button, Form, Input, Table, Tooltip, Typography } from 'antd';
+import { Drawer, Button, Form, Input, Table, Tooltip, Typography } from 'antd';
 import { dispatch } from '../../../../model';
 import StandardCode from './StandardCode';
 
@@ -70,33 +70,24 @@ const FC = (props) => {
     onCancel?.();
   }
 
-  const footer = [ 
-    <Button
-      key="0" 
-      onClick={() => {cancel()}}
-    >
-    取消
-    </Button>,
-  ];
-
   return (
-    <Modal 
-      forceRender
+    <Drawer 
       visible={visible}
       title='字段属性详情'
-      width={800}
-      onCancel={() => {cancel()}}
-      footer={footer}
+      width='70%'
+      placement="right"
+      closable={ true }
+      onClose={() => {cancel()}}
     >
       <Table 
         loading={loading} 
         columns={cols} 
         dataSource={data||[]} 
         size='small'
-        scroll={{ x: 750, y: 400 }}
+        scroll={{ x: 750 }}
         pagination={false}
       />
-    </Modal>
+    </Drawer>
   )
 }