修复：租赁参数表单嵌套表单问题解决

src/pages/rentManage/rentGoods/rentAddOrEdit/components/rentAttr/index.tsx

 import './index.scss';
-import { Button, Form, Select, Table, Tooltip } from 'antd';
+import { Button, Col, Form, Row, Select, Table, Tooltip } from 'antd';
 import EditableCell from '~/components/EditableCell';
 import React, { forwardRef, useEffect, useImperativeHandle, useState } from 'react';
 import { MinusOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
@@ -384,22 +384,6 @@ const RentAttr = forwardRef<any, selfProps>(({ rentGoodsDetails }, ref) => {
         >
           <Select placeholder='请选择商品型号' options={modeTypeList}></Select>
         </Form.Item>
-        <Form.Item label='商品参数'>
-          <Form form={productParamForm}>
-            <Table
-              columns={columns as ColumnTypes}
-              components={{
-                body: {
-                  cell: EditableCell,
-                },
-              }}
-              dataSource={parameterTableData}
-              bordered
-              rowKey='id'
-              pagination={false}
-            ></Table>
-          </Form>
-        </Form.Item>
         <Form.Item
           label='商品主图'
           name='mainImage'
@@ -456,6 +440,27 @@ const RentAttr = forwardRef<any, selfProps>(({ rentGoodsDetails }, ref) => {
           <RichText richTextContent={rentGoodsDetails?.productDetails} />
         </Form.Item>
       </Form>
+      <Row>
+        <Col span={2} style={{ textAlign: 'right' }}>
+          <span>商品参数：</span>
+        </Col>
+        <Col span={10}>
+          <Form form={productParamForm}>
+            <Table
+              columns={columns as ColumnTypes}
+              components={{
+                body: {
+                  cell: EditableCell,
+                },
+              }}
+              dataSource={parameterTableData}
+              bordered
+              rowKey='id'
+              pagination={false}
+            ></Table>
+          </Form>
+        </Col>
+      </Row>
     </div>
   );
 });