功能：商城改版

src/pages/mallManage/mallGoods/goodsAddOrEditOrDetail/components/skuAddOrEditModal/index.tsx

 import { Button, Form, Input, Modal, ModalProps, Radio, Select, Table } from 'antd';
 import { FC, useState } from 'react';
 import EditableCell from '~/components/EditableCell';
-import { PlusOutlined } from '@ant-design/icons';
+import { MinusOutlined, PlusOutlined } from '@ant-design/icons';
 
 type EditableTableProps = Parameters<typeof Table>[0];
 type ColumnTypes = Exclude<EditableTableProps['columns'], undefined>;
@@ -11,7 +11,7 @@ interface selfProps {
 }
 
 const SkuAddOrEditModal: FC<ModalProps & selfProps> = ({ open, onCancel }) => {
-  const [tableData] = useState<any>([{ id: 1 }]);
+  const [tableData, setTableData] = useState<any>([{ id: 1 }]);
   const defaultColumns: (ColumnTypes[number] & {
     editable?: boolean;
     dataIndex?: string;
@@ -19,6 +19,12 @@ const SkuAddOrEditModal: FC<ModalProps & selfProps> = ({ open, onCancel }) => {
     radioOption?: { name: string; id: number }[];
   })[] = [
     {
+      title: '序号',
+      align: 'center',
+      width: '5%',
+      render: (_text: string, _record: any, index: number) => index + 1,
+    },
+    {
       title: '图片',
       align: 'center',
       editable: true,
@@ -71,9 +77,27 @@ const SkuAddOrEditModal: FC<ModalProps & selfProps> = ({ open, onCancel }) => {
       title: '操作',
       align: 'center',
       width: '10%',
-      render: () => (
+      render: (_text: string, _record: any, index: number) => (
         <>
-          <Button type='primary' icon={<PlusOutlined />}></Button>
+          {tableData.length - 1 === index ? (
+            <Button
+              type='primary'
+              icon={<PlusOutlined />}
+              onClick={addSkuDataRowClick}
+              style={{ marginRight: '10px' }}
+            ></Button>
+          ) : (
+            ''
+          )}
+          {index ? (
+            <Button
+              type='primary'
+              icon={<MinusOutlined />}
+              onClick={() => removeSkuDataRowClick(index)}
+            ></Button>
+          ) : (
+            ''
+          )}
         </>
       ),
     },
@@ -97,6 +121,15 @@ const SkuAddOrEditModal: FC<ModalProps & selfProps> = ({ open, onCancel }) => {
   const handleCancel = () => {
     onCancel();
   };
+  //新增一行规格值
+  const addSkuDataRowClick = () => {
+    setTableData([...tableData, { id: tableData.length + 1 }]);
+  };
+  //移除一行规格值
+  const removeSkuDataRowClick = (index: number) => {
+    tableData.splice(index, 1);
+    setTableData([...tableData]);
+  };
 
   return (
     <Modal open={open} title='添加规格' width={1000} onCancel={handleCancel}>
@@ -116,6 +149,7 @@ const SkuAddOrEditModal: FC<ModalProps & selfProps> = ({ open, onCancel }) => {
               }}
               bordered
               dataSource={tableData}
+              pagination={false}
             ></Table>
           </Form>
         </Form.Item>