字段编辑

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

@@ -3,6 +3,7 @@ import { Form, Spin, Input, Descriptions, Space, Button, Tooltip, Select, Cascad
 import { DownOutlined, UpOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import LocalStorage from 'local-storage';
 import copy from "copy-to-clipboard";  
+import produce from 'immer';
 
 import MetadataInfo from './MetadataInfo';
 import { dispatch } from '../../../../model';
@@ -54,6 +55,7 @@ const AssetAction = (props) => {
   const [metadata, setMetadata] = useState(undefined);
   const [loadingMetadataColumnList, setLoadingMetadataColumnList] = useState(false);
   const [metadataColumnList, setMetadataColumnList] = useState(undefined);
+  const [modifyMetadataColumnList, setModifyMetadataColumnList] = useState();
   const [selectStandardParam, setSelectStandardParam] = useState({ visible: false, id: undefined });
   const [standardList, setStandardList] = useState(undefined);
   const [attributeMaintainParam, setAttributeMaintainParam] = useState({  
@@ -66,6 +68,7 @@ const AssetAction = (props) => {
   const [permissions, setPermissions] = useState(undefined);
   const [keyword, setKeyword] = useState('');
   const [publishedAsset, setPublishedAsset] = useState();
+  const [isMetadataEdit, setMetadataEdit] = useState(false);
 
   const app = useContext(AppContext);
   const uploadRef = useRef(undefined);
@@ -138,7 +141,25 @@ const AssetAction = (props) => {
       dataIndex: 'cnName',
       // width: 200,
       ellipsis: true,
-      render: (text, _) => highlightSearchContentByTerms(text||'', terms)
+      render: (text, _, index) => {
+        if (isMetadataEdit) {
+          return (
+            <Input size='small' allowClear value={text} 
+              onChange={(e) => {
+                setModifyMetadataColumnList(
+                  produce(modifyMetadataColumnList, (draft) => {
+                    if ((draft??[]).length > index) {
+                      draft[index].cnName = e.target.value
+                    }
+                  })
+                )
+              }} 
+            />
+          )
+        }
+
+        return highlightSearchContentByTerms(text||'', terms)
+      }
     },
     {
       title: '是否有权限',
@@ -283,11 +304,13 @@ const AssetAction = (props) => {
     return [];
   }, [currentDomainGroup, currentBussinessDomain, treeDataMap])
 
-  const tableData = useMemo(() => { 
-    if (metadataColumnList && standardList) {
+  const tableData = useMemo(() => {
+    const currentMetadataColumnList = isMetadataEdit ? [...modifyMetadataColumnList||[]] : [...metadataColumnList||[]]
+
+    if ((currentMetadataColumnList??[]).length>0 && standardList) {
       const newMetadataColumnList = [];
 
-      metadataColumnList.filter(item => {
+      currentMetadataColumnList.filter(item => {
         return (
           !keyword
           || (item.name??'').indexOf(keyword)!==-1
@@ -308,7 +331,7 @@ const AssetAction = (props) => {
     }
 
     return [];
-  }, [metadataColumnList, standardList, pagination, keyword])
+  }, [metadataColumnList, modifyMetadataColumnList, standardList, pagination, keyword, isMetadataEdit])
 
   const getPermission = () => {
     dispatch({
@@ -519,7 +542,8 @@ const AssetAction = (props) => {
           payload: {
             data: ids,
             params: {
-              catalog: app?.env?.domainId||catalog||LocalStorage.get('assetsEnv'),
+              // catalog: app?.env?.domainId||catalog||LocalStorage.get('assetsEnv'),
+              catalog: '1810295967'
             }
           },
           callback: data => {
@@ -1136,20 +1160,28 @@ const AssetAction = (props) => {
     
       <Space style={{ marginLeft: 'auto' }}>
         {
-          (reference===AssetManageReference||(reference!==AssetDraftReference&&canEdit)) && <Button 
-            onClick={() => {
-              if (metadata?.metadataTableId) {
-                setAttributeMaintainParam({ 
-                  visible: true,
-                  metadataId: metadata?.metadataTableId
-                });
-              } else {
-                showMessage("warn","该资产目录没有关联元数据信息");
-              }
-            }}
-          >
-            字段级维护
-          </Button>
+          (reference===AssetManageReference||(reference!==AssetDraftReference&&canEdit)) && <React.Fragment>
+            <Button 
+              onClick={() => {
+                if (metadata?.metadataTableId) {
+                  setAttributeMaintainParam({ 
+                    visible: true,
+                    metadataId: metadata?.metadataTableId
+                  });
+                } else {
+                  showMessage("warn","该资产目录没有关联元数据信息");
+                }
+              }}
+            >
+              字段级维护
+            </Button>
+            <Button onClick={() => {
+              setModifyMetadataColumnList(metadataColumnList)
+              setMetadataEdit(true)
+            }}>
+              编辑
+            </Button>
+          </React.Fragment>
         }
         <Input size="middle"
           placeholder="搜索中英文名称/业务规则"