右键

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

-import React, { useState, useCallback, useRef, useEffect, useContext } from 'react';
+import React, { useState, useCallback, useRef, useEffect, useContext, useMemo } from 'react';
 import { Input, Form, Typography, Button, Select, Row, Col, Popover, Checkbox, Tooltip, Table, Space } from 'antd';
 import { DeleteOutlined, CloseOutlined, CheckOutlined, PlusOutlined, QuestionCircleOutlined } from '@ant-design/icons';
 import { DndProvider, useDrag, useDrop } from 'react-dnd';
@@ -418,6 +418,14 @@ const ImportActionIndex = (props) => {
     }
     //eslint-disable-next-line react-hooks/exhaustive-deps
   }, [keywordCondition])
+
+  const menuData = useMemo(() => {
+    return [
+      { title: '在上方插入行', key: 'up' },
+      { title: '在下方插入行', key: 'down' },
+      { title: '删除', key: 'delete' },
+    ]
+  }, [])
   
   const isEditing = (record) => record.name === editingKey;
 
@@ -438,7 +446,7 @@ const ImportActionIndex = (props) => {
     })
   }
 
-  const insertToFront = (record) => {
+  const onInsertToFrontClick = (record) => {
     save().then(result => {
 
       if (result) {
@@ -475,7 +483,7 @@ const ImportActionIndex = (props) => {
     })
   }
 
-  const insertToBack = (record) => {
+  const onInsertToBackClick = (record) => {
     save().then(result => {
       if (result) {
         setKeywordCondition({ keyword: '', needFilter: false });
@@ -540,7 +548,7 @@ const ImportActionIndex = (props) => {
     onChange && onChange(newData);
   }
 
-  const remove = (record) => {
+  const onRemoveClick = (record) => {
 
     if (record.name === '') {
       const newData = [...dataRef.current];
@@ -738,50 +746,9 @@ const ImportActionIndex = (props) => {
     },
   ];
 
-  const editableColumn = [
-    ...columns,
-    {
-      title: '操作',
-      dataIndex: 'action',
-      width: 180,
-      render: (_, record) => {
-        if (!editable) return null;
-
-        return (
-          <React.Fragment>
-            <Button 
-              className='mr-3' 
-              size='small'
-              type='text' 
-              icon={<PlusOutlined />} 
-              onClick={(event) => { 
-                event.stopPropagation();
-                insertToFront(record); 
-              }}
-            />
-
-            <Button 
-              className='mr-3' 
-              size='small'
-              type='text' 
-              icon={<DeleteOutlined style={{ color: 'red' }} />} 
-              onClick={(event) => { 
-                event.stopPropagation();
-                remove(record); 
-              }}
-            />
-          </React.Fragment>
-        )
-      },
-    },
-  ]
-
   const mergedColumns = () => {
     if (editable) {
-
-      let _columns = editableColumn;
-
-      return _columns.map((col) => {
+      return columns.map((col) => {
         if (!col.editable) {
           return col;
         }
@@ -833,9 +800,11 @@ const ImportActionIndex = (props) => {
     const key = event.currentTarget.id;
 
     if (key === 'up') {
-      insertToFront(currentItem);
+      onInsertToFrontClick(currentItem);
     } else if (key === 'down') {
-      insertToBack(currentItem);
+      onInsertToBackClick(currentItem);
+    } else if (key === 'delete') {
+      onRemoveClick(currentItem);
     }
   }
 
@@ -920,12 +889,13 @@ const ImportActionIndex = (props) => {
         </DndProvider>
 
         <RcMenu id={MENU_ID} >
-          <RcItem id="up" onClick={handleItemClick}>
-            在上方插入行
-          </RcItem>
-          <RcItem id="down" onClick={handleItemClick}>
-            在下方插入行
-          </RcItem>
+        {
+          (menuData??[]).map(item => (
+            <RcItem key={item.key} id={item.key} onClick={handleItemClick}>
+              {item.title}
+            </RcItem>
+          ))
+        }
         </RcMenu>
       </div>
     </div>

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

@@ -1303,20 +1303,6 @@ export const ImportActionTable = (props) => {
               </RcItem>
             ))
           }
-          {/* <RcItem id="up" onClick={handleItemClick}>
-            在上方插入行
-          </RcItem>
-          <RcItem id="down" onClick={handleItemClick}>
-            在下方插入行
-          </RcItem>
-          {
-            (originAction!=='flow') && <RcItem id="attention" onClick={handleItemClick}>
-            {currentItem?.needAttention ? '取消送审关注': '送审关注'}
-            </RcItem>
-          }
-          <RcItem id="delete" onClick={handleItemClick}>
-            删除
-          </RcItem> */}
         </RcMenu> 
         
       </div>