修改模型部分问题

src/view/Manage/Model/Component/ImportActionIndex.jsx

@@ -5,7 +5,7 @@ import { DndProvider, useDrag, useDrop } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import update from 'immutability-helper';
 
-import './ImportActionTable.less';
+import './ImportActionIndex.less';
 
 const { Option } = Select;
 
@@ -291,11 +291,11 @@ const ImportActionIndex = (props) => {
   const isEditing = (record) => record.name === editingKey;
 
   const onAddClick = () => {
-    
-    const newData = [{name: ''}, ...data];
-    
-    onChange && onChange(newData);
-    edit(newData[0]);
+  
+    const newFilterData = [{name: ''}, ...filterData];
+
+    setFilterData(newFilterData);
+    edit(newFilterData[0]);
   }
 
   const edit = (record) => {
@@ -319,14 +319,15 @@ const ImportActionIndex = (props) => {
   }
 
   const cancel = () => {
-    const newData = [...data];
 
-    const index = newData.findIndex((item) => editingKey === item.name);
+    const newFilterData = [...filterData];
 
-    const item = newData[index];
+    const index = newFilterData.findIndex((item) => editingKey === item.name);
+
+    const item = newFilterData[index];
     if (!item.name || item.name==='') {
-      newData.splice(index, 1);
-      onChange && onChange(newData);
+      newFilterData.splice(index, 1);
+      setFilterData(newFilterData);
     }
 
     setEditingKey(null);
@@ -336,15 +337,20 @@ const ImportActionIndex = (props) => {
     try {
       const row = await form.validateFields();
 
-      // console.log('row', row);      
-
+      // console.log('row', row);  
+      
       const newData = [...data];
       const index = newData.findIndex((item) => editingKey === item.name);
   
       //判断索引名称是否唯一
-      const newDataExcludeSelf = [...data];
-      newDataExcludeSelf.splice(index, 1);  
-      const _index = (newDataExcludeSelf||[]).findIndex(item => item.name === row.name);
+      let _index;
+      if (index === -1) {
+        _index = (data||[]).findIndex(item => item.name === row.name);
+      } else {
+        const newDataExcludeSelf = [...data];
+        newDataExcludeSelf.splice(index, 1);  
+        _index = (newDataExcludeSelf||[]).findIndex(item => item.name === row.name);
+      }
 
       if (_index !== -1) {
         form.setFields([{ name: 'name', errors: ['索引名称不能重复'] }]);
@@ -369,12 +375,21 @@ const ImportActionIndex = (props) => {
         return;
       }
 
-      newData.splice(index, 1, {...{
-        name: row.name,
-        unique: row.unique,
-        indexedEasyDataModelAttributes: _indexedEasyDataModelAttributes,
-        indexedAttributeOrders: _indexedAttributeOrders,
-      }});
+      if (index === -1) {
+        newData.splice(0, 0, {
+          name: row.name,
+          unique: row.unique,
+          indexedEasyDataModelAttributes: _indexedEasyDataModelAttributes,
+          indexedAttributeOrders: _indexedAttributeOrders,
+        });
+      } else {
+        newData.splice(index, 1, {...{
+          name: row.name,
+          unique: row.unique,
+          indexedEasyDataModelAttributes: _indexedEasyDataModelAttributes,
+          indexedAttributeOrders: _indexedAttributeOrders,
+        }});
+      }
   
       onChange && onChange(newData, true);
 

src/view/Manage/Model/Component/ImportActionIndex.less

+.model-import-action-index {
+
+  .yy-table {
+    max-height: 200px !important;
+    overflow: auto !important;
+  }
+}
\ No newline at end of file

src/view/Manage/Model/Component/ImportActionTable.jsx

@@ -129,7 +129,7 @@ const EditableCell = ({
           valuePropName={(inputType==='check')? 'checked': 'value'}
           rules={[
             {
-              required: (inputType === 'text' && dataIndex !== 'remark'),
+              required: (inputType === 'text'),
               message: `请输入${colTitle}!`,
             },
           ]}
@@ -248,11 +248,11 @@ const ImportActionTable = (props) => {
   const isEditing = (record) => record.iid === editingKey;
 
   const onAddClick = () => {
+  
+    const newFilterData = [{iid: generateUUID()}, ...filterData];
     
-    const newData = [{iid: generateUUID()}, ...data];
-    
-    onChange && onChange(newData);
-    edit(newData[0]);
+    setFilterData(newFilterData);
+    edit(newFilterData[0]);
   }
 
   const edit = (record) => {
@@ -274,14 +274,14 @@ const ImportActionTable = (props) => {
   }
 
   const cancel = () => {
-    const newData = [...data];
+    const newFilterData = [...filterData];
 
-    const index = newData.findIndex((item) => editingKey === item.iid);
+    const index = newFilterData.findIndex((item) => editingKey === item.iid);
 
-    const item = newData[index];
+    const item = newFilterData[index];
     if (!item.name || item.name==='') {
-      newData.splice(index, 1);
-      onChange && onChange(newData);
+      newFilterData.splice(index, 1);
+      setFilterData(newFilterData);
     }
 
     setEditingKey('');
@@ -307,9 +307,15 @@ const ImportActionTable = (props) => {
       const newData = [...data];
       const index = newData.findIndex((item) => editingKey === item.iid);
   
-      const item = newData[index];
-      newData.splice(index, 1, { ...item, ...row });
-  
+      if (index === -1) {
+        
+        newData.splice(0, 0, row);
+
+      } else {
+        const item = newData[index];
+        newData.splice(index, 1, { ...item, ...row });
+      }
+
       onChange && onChange(newData, true);
 
       setEditingKey('');

src/view/Manage/Model/Component/ImportActionTable.less

 .model-import-action-table {
 
   .yy-table {
-    max-height: 500px !important;
+    max-height: 400px !important;
     overflow: auto !important;
   }
 

src/view/Manage/Model/Component/ImportModal.jsx

@@ -110,7 +110,7 @@ const ImportModal = (props) => {
 
   const cancel = () => {
     reset();
-    onCancel && onCancel();
+    onCancel && onCancel(false);
   }
 
   const save = async () => {