Commit 7acb4073 by zhaochengxiang

资产详情内容上移

parent 2a85c39b
...@@ -977,52 +977,9 @@ const AssetAction = (props) => { ...@@ -977,52 +977,9 @@ const AssetAction = (props) => {
}} }}
> >
<Spin spinning={loading}> <Spin spinning={loading}>
<div className='flex' style={{ justifyContent: 'right' }}>
<Space>
{
(!readonly && (reference===AssetManageReference||canEdit)) && <React.Fragment>
{
currentAction==='detail' ? <Button onClick={onActionButtonClick}>编辑</Button> : <React.Fragment>
<Button onClick={onCancelButtonClick}>取消</Button>
<Button onClick={onActionButtonClick}>保存</Button>
</React.Fragment>
}
{
reference!==AssetDraftReference && <Button onClick={onAuthorizationButtonClick}>授权</Button>
}
</React.Fragment>
}
<Button onClick={shareAsset}>分享</Button>
<Button onClick={onSubsrcibeClick}>收藏</Button>
<Dropdown overlay={
<Menu onClick={({ key })=>{
if (metadata?.metadataTableId) {
app?.setGlobalState?.({
message: 'data-govern-show-metadata-relation',
data: { id: metadata?.metadataTableId, type: key }
})
} else {
showMessage("warn","该资产目录没有关联元数据信息");
}
}}>
<Menu.Item key="lineage">血缘分析</Menu.Item>
<Menu.Item key="impact">影响分析</Menu.Item>
<Menu.Item key="lineage,impact">全链分析</Menu.Item>
</Menu>
}>
<Button>
<Space>
关系分析
<DownOutlined />
</Space>
</Button>
</Dropdown>
</Space>
</div>
{ {
(action!=='add' && (id||'')!=='') && <div> (action!=='add' && (id||'')!=='') && <div>
<div className='pl-common py-compact-common'> <div className='mb-3'>
<Descriptions column={1}> <Descriptions column={1}>
<Descriptions.Item <Descriptions.Item
label={<div className='title-text' style={{ textAlign: 'right', width: 90 }}>资产目录路径</div>} label={<div className='title-text' style={{ textAlign: 'right', width: 90 }}>资产目录路径</div>}
...@@ -1044,24 +1001,60 @@ const AssetAction = (props) => { ...@@ -1044,24 +1001,60 @@ const AssetAction = (props) => {
</div> </div>
</div> </div>
} }
{/* <div
style={{
flex: 1,
overflow: 'auto',
}}
> */}
<Form form={form} onValuesChange={onValuesChange}> <Form form={form} onValuesChange={onValuesChange}>
<Radio.Group buttonStyle='solid' className='mb-3' value={currentAttribute} onChange={(e) => { <div className='flex mb-3' style={{ justifyContent: 'space-between', alignItems: 'center' }}>
setCurrentAttribute(e.target.value) <Radio.Group buttonStyle='solid' value={currentAttribute} onChange={(e) => {
}}> setCurrentAttribute(e.target.value)
{ }}>
(attributes??[]).map((item,key) => ( {
<Radio.Button key={key} value={item}>{item}</Radio.Button> (attributes??[]).map((item,key) => (
)) <Radio.Button key={key} value={item}>{item}</Radio.Button>
} ))
</Radio.Group> }
</Radio.Group>
<Space>
{
(!readonly && (reference===AssetManageReference||canEdit)) && <React.Fragment>
{
currentAction==='detail' ? <Button onClick={onActionButtonClick}>编辑</Button> : <React.Fragment>
<Button onClick={onCancelButtonClick}>取消</Button>
<Button onClick={onActionButtonClick}>保存</Button>
</React.Fragment>
}
{
reference!==AssetDraftReference && <Button onClick={onAuthorizationButtonClick}>授权</Button>
}
</React.Fragment>
}
<Button onClick={shareAsset}>分享</Button>
<Button onClick={onSubsrcibeClick}>收藏</Button>
<Dropdown overlay={
<Menu onClick={({ key })=>{
if (metadata?.metadataTableId) {
app?.setGlobalState?.({
message: 'data-govern-show-metadata-relation',
data: { id: metadata?.metadataTableId, type: key }
})
} else {
showMessage("warn","该资产目录没有关联元数据信息");
}
}}>
<Menu.Item key="lineage">血缘分析</Menu.Item>
<Menu.Item key="impact">影响分析</Menu.Item>
<Menu.Item key="lineage,impact">全链分析</Menu.Item>
</Menu>
}>
<Button>
<Space>
关系分析
<DownOutlined />
</Space>
</Button>
</Dropdown>
</Space>
</div>
{ {
attributes?.map((attribute, index) => { attributes?.map((attribute, index) => {
return <div key={index} style={{ display: (attribute===currentAttribute)?'':'none' }}> return <div key={index} style={{ display: (attribute===currentAttribute)?'':'none' }}>
...@@ -1136,7 +1129,6 @@ const AssetAction = (props) => { ...@@ -1136,7 +1129,6 @@ const AssetAction = (props) => {
</Form> </Form>
</Spin> </Spin>
{/* </div> */}
<div> <div>
<Divider orientation='left'>字段级资产目录信息</Divider> <Divider orientation='left'>字段级资产目录信息</Divider>
......
...@@ -15,6 +15,7 @@ const AssetDetailDrawer = (props) => { ...@@ -15,6 +15,7 @@ const AssetDetailDrawer = (props) => {
width='80%' width='80%'
placement="right" placement="right"
closable={ true } closable={ true }
bodyStyle={{ padding: '15px' }}
destroyOnClose destroyOnClose
onClose={() => { onClose={() => {
onCancel && onCancel(); onCancel && onCancel();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment