资产地图打开资产详情问题

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

 import React, { useEffect, useState, useContext, useMemo, useRef } from 'react';
 import { Form, Spin, Input, Descriptions, Space, Button, Tooltip, Select, Cascader, Radio, Divider, Typography, Modal, Row, Col, Pagination } from 'antd';
 import { DownOutlined, UpOutlined, QuestionCircleOutlined } from '@ant-design/icons';
+import LocalStorage from 'local-storage';
 
 import MetadataInfo from './MetadataInfo';
 import { dispatch } from '../../../../model';
@@ -277,7 +278,7 @@ const AssetAction = (props) => {
       type: 'assetmanage.getPermission',
       payload: {
         permissionId,
-        env: app?.env?.domainId
+        env: app?.env?.domainId||LocalStorage.get('assetsEnv')
       },
       callback: data => {
         setPermissions(data.columnPermissions);
@@ -302,7 +303,7 @@ const AssetAction = (props) => {
     dispatch({
       type: 'assetmanage.getSystems',
       payload: {
-        env: app?.env?.domainId,
+        env: app?.env?.domainId||LocalStorage.get('assetsEnv'),
       },
       callback: data => {
         setLoadingSystems(false);
@@ -498,7 +499,7 @@ const AssetAction = (props) => {
           payload: {
             data: ids,
             params: {
-              catalog: app?.env?.domainId,
+              catalog: app?.env?.domainId||LocalStorage.get('assetsEnv'),
             }
           },
           callback: data => {
@@ -986,7 +987,7 @@ const AssetAction = (props) => {
                       >
                       {
                         (currentAction==='add'||currentAction==='edit') ? 
-                        <Row gutter={8}>
+                        <Row gutter={8} align='middle'>
                           <Col span={22}>
                             <Form.Item 
                                 label=''
@@ -1000,20 +1001,20 @@ const AssetAction = (props) => {
                            {
                              interpretation &&  <Col span={2}>
                               <Tooltip placement="left" title={interpretation}>
-                                <QuestionCircleOutlined style={{ marginTop: 8, fontSize: 16 }} />
+                                <QuestionCircleOutlined style={{ fontSize: 16 }} />
                               </Tooltip>
                             </Col>
                            }
                         </Row>      
                         : <React.Fragment>
-                        <Row gutter={8}>
+                        <Row gutter={8} align='middle'>
                           <Col span={22}>
                           { elementDetailComponent(element) }
                           </Col>
                           {
                              interpretation &&  <Col span={2}>
                               <Tooltip placement="left" title={interpretation}>
-                                <QuestionCircleOutlined style={{ marginTop: 8, fontSize: 16 }} />
+                                <QuestionCircleOutlined style={{ fontSize: 16 }} />
                               </Tooltip>
                             </Col>
                            }
@@ -1091,7 +1092,7 @@ const AssetAction = (props) => {
             payload: { 
               fileList: [files[0]],
               params: {
-                catalog: app?.env?.domainId,
+                catalog: app?.env?.domainId||LocalStorage.get('assetsEnv'),
               }
             },
             callback: (data) => {

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

 import React, { useEffect, useState } from "react";
 
-import AssetDetail from './AssetDetail';
+import AssetAction from "./AssetAction";
 import { getQueryParam } from '../../../../util';
 
 import './AssetDetailPage.less';
@@ -27,7 +27,7 @@ const AssetDetailPage = (props)=>{
       </div>
       <div className='detail-container'>
         <div className='detail-container-card'>
-          <AssetDetail id={id} dirId={dirId} />
+          <AssetAction id={id} dirId={dirId} action='detail' />
         </div>
       </div>
     </div>