非结构化字段

src/model/assetmanage.js

@@ -421,3 +421,7 @@ export function* fillRelationDisplayInfo(payload) {
 export function* getBusinessColumns(payload) {
   return yield call(service.getBusinessColumns, payload);
 }
+
+export function* saveBusinessColumns(payload) {
+  return yield call(service.saveBusinessColumns, payload);
+}
\ No newline at end of file

src/service/dataassetmanager.js

@@ -428,3 +428,7 @@ export function fillRelationDisplayInfo(payload) {
 export function getBusinessColumns(payload) {
   return GetJSON("/dataassetmanagertest/dataAssetColumnApi/listBusinessColumnsByDataAssetId", payload)
 }
+
+export function saveBusinessColumns(payload) {
+  return PostJSON("/dataassetmanagertest/dataAssetColumnApi/saveBusinessColumnsByDataAssetId", payload)
+}
\ No newline at end of file

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

@@ -71,14 +71,28 @@ const AssetAction = (props) => {
 
   const app = useContext(AppContext);
   const uploadRef = useRef(undefined);
+  const [columnForm] = Form.useForm()
   const relationAssetsRef = useRef();
 
   const businessCols = [
     {
-      title: '英文名称',
+      title: <span>
+        <span style={{
+          marginRight: 4,
+          color: '#ff4d4f',
+        }}>*</span>
+        英文名称
+      </span>,
       dataIndex: 'enName',
       ellipsis: true,
-      render: (text, _, index) => <MetadataColumnEditableItem 
+      render: (text, record, index) => {
+        columnForm?.setFieldsValue({ [`column${index}`]: text })
+        return (
+          <Form.Item name={`column${index}`}
+            rules={[{ required: true, message: '请填写英文名称!' }]}
+            style={{ marginBottom: 0 }}
+          >
+            <MetadataColumnEditableItem 
               value={text} 
               isEdit={isMetadataEdit} 
               terms={terms} 
@@ -86,6 +100,9 @@ const AssetAction = (props) => {
                 onMetadataColumnEditableItemChange(e.target.value, 'enName', index)
               }} 
             />
+          </Form.Item>
+        )
+      } 
     },
     {
       title: '中文名称',
@@ -149,6 +166,10 @@ const AssetAction = (props) => {
   }, [assets])
 
   useEffect(() => {
+    getMetadataAttributes()
+  }, [assets])
+
+  useEffect(() => {
     if (permissionId) {
       getPermission();
     }
@@ -382,8 +403,6 @@ const AssetAction = (props) => {
 
         const metadataIndex = data?.elements?.findIndex(item => item.name === '资产项');
 
-        getMetadataAttributes();
-
         setElements(data?.elements||[]);
         onElementsChange && onElementsChange(data?.elements||[]);
 
@@ -876,17 +895,31 @@ const AssetAction = (props) => {
                 }}>
                   取消
                 </Button>
-                <Button onClick={() => {
-                  if ((modifyMetadataColumnList??[]).length === 0) {
-                    setMetadataEdit(false)
-                    return
-                  }
+                <Button onClick={ async () => {
+                  try {
+                    await columnForm?.validateFields()
+                    setModifyMetadataColumnList(prev => {
+                      return [{
+  
+                      }, ...prev]
+                    })
+                  } catch (errInfo) {
 
+                  }
+                }}>
+                  新增
+                </Button>
+                <Button onClick={async () => {
+                  try {
+                    await columnForm?.validateFields()
                     setLoadingMetadataColumnList(true)
                     dispatch({
-                    type: 'assetmanage.batchUpdateAttributes',
+                      type: 'assetmanage.saveBusinessColumns',
                       payload: {
-                      data: modifyMetadataColumnList
+                        params: {
+                          dataAssetId: assets?.id,
+                        },
+                        data: modifyMetadataColumnList,
                       },
                       callback: () => {
                         setLoadingMetadataColumnList(false)
@@ -897,6 +930,9 @@ const AssetAction = (props) => {
                         setLoadingMetadataColumnList(false)
                       }
                     })
+                  } catch (errInfo) {
+
+                  }
                 }}>
                   保存
                 </Button>
@@ -911,6 +947,7 @@ const AssetAction = (props) => {
         }
       </Space>
       
+      <Form form={columnForm}>
         <Table
           className='mt-3'
           loading={loadingMetadataColumnList}
@@ -933,6 +970,7 @@ const AssetAction = (props) => {
             },
           }} 
         />
+      </Form>
 
       <div>
         <Divider orientation='left'>关联资产</Divider>