fix: 修改表过拖拽功能

src/components/DragTable/DraggableBodyRow.jsx

 import React, { useRef, useState, useEffect } from 'react';
 import { useDrag, useDrop } from 'react-dnd';
-import './index.less';
+import classnames from 'classnames';
+import styles from './index.less';
 
 const DraggableBodyRow = ({
   name,
@@ -30,7 +31,7 @@ const DraggableBodyRow = ({
         isOver: monitor.isOver(),
         canDrop: monitor.canDrop(),
         dropClassName:
-          dragIndex < index ? ' drop-over-downward' : ' drop-over-upward',
+          dragIndex < index ? 'drop-over-downward' : 'drop-over-upward',
       };
     },
     drop: item => {
@@ -45,11 +46,13 @@ const DraggableBodyRow = ({
     }),
   });
   drop(drag(ref));
-
   return (
     <tr
       ref={ref}
-      className={`${className}${isOver ? dropClassName : ''}`}
+      className={classnames({
+        [className]: true,
+        [styles[dropClassName]]: isOver,
+      })}
       style={{ cursor: 'move', ...style }}
       {...restProps}
     />

src/components/DragTable/index.less

+tr.drop-over-downward td {
+  border-bottom: 2px dashed #1890ff;
+}
+
+tr.drop-over-upward td {
+  border-top: 2px dashed #1890ff;
+}
\ No newline at end of file