style: 调整大司空权限的间距问题

src/pages/Role/Product/index.less

@@ -0,0 +1,10 @@
+@import '~antd/es/style/themes/default.less';
+
+.laberContent {
+  :global(.ant-form-item) {
+    margin-bottom: 5px;
+  }
+  :global(.ant-form-item:last-child) {
+    margin-bottom: 24px;
+  }
+}

src/pages/Role/Product/index.tsx

@@ -4,7 +4,6 @@ import ProForm, { ProFormCheckbox, ProFormDependency, ProFormSwitch } from '@ant
 import type { FormInstance } from 'antd'
 import { message, Table, Tabs, Radio, Space, Popconfirm } from 'antd'
 import React, { useRef, useMemo, useState, useEffect } from 'react'
-
 import {
   fetchRoleStaffListByRoleId,
   updateRolePermission,
@@ -18,6 +17,7 @@ import RoleMenu from '../System/components/RoleMenu'
 import ConnectModal from '../System/components/ConnectModal'
 import FormItem from 'antd/lib/form/FormItem'
 import { permData } from '../Customer'
+import styles from './index.less'
 
 const Product = () => {
   const { TabPane } = Tabs
@@ -237,7 +237,7 @@ const Product = () => {
                       name="showCloud"
                       label={<span className="flex items-center">云版管理</span>}
                     />
-                    <div className="ml-6">
+                    <div className={['ml-6', styles.laberContent].join(' ')}>
                       <ProFormDependency name={['showCloud']}>
                         {({ showCloud }) => (
                           <>
@@ -280,7 +280,7 @@ const Product = () => {
                       name="showRoad"
                       label={<span className="flex items-center">大司空2.0</span>}
                     />
-                    <div className="ml-6">
+                    <div className={['ml-6', styles.laberContent].join(' ')}>
                       <ProFormDependency name={['showRoad']}>
                         {({ showRoad }) => (
                           <>