feat: 云版详情form

src/pages/Product/Cloud/components/RoadpricingDetail/Form.jsx

@@ -3,13 +3,13 @@ import { Row, Col } from 'antd'
 import EditableForm from '@/components/EditableForm'
 
 const RoadpricingForm = props => {
-  const { updateKey } = props
+  const { cloudUser, updateKey } = props
   const columns = [
-    {
-      dataIndex: 'mobile',
-      label: '大司空用户',
-      span: 24
-    },
+    // {
+    //   dataIndex: 'mobile',
+    //   label: '大司空用户',
+    //   span: 24
+    // },
     {
       dataIndex: 'mobile',
       label: '手机',
@@ -76,7 +76,7 @@ const RoadpricingForm = props => {
         <Col span={2} />
       </Row>
       <EditableForm
-        // dataSource={customer}
+        dataSource={cloudUser}
         columns={columns}
         tartgetUrl="/cloud/update"
         type={updateKey}

src/pages/Product/Cloud/components/RoadpricingDetail/index.jsx

@@ -9,6 +9,7 @@ import { apiRoadpricingDetail } from '@/services/product'
 
 const Detail = props => {
   const { dispatch, updateKey = 'cloud', refresh, visible, dataId = '', projectType } = props
+  console.log(projectType)
   const shouldUpdate = refresh[updateKey] || false
   const [state, setState] = useState({
     loading: false,
@@ -44,10 +45,9 @@ const Detail = props => {
           md={{ span: 24 }}
           lg={{ span: 9 }}
           xl={{ span: 9 }}
-          className="sheet-box-left"
-        >
+          className="sheet-box-left">
           <div className="sheet-left-panel pr-4">
-            <Form updateKey={updateKey} />
+            <Form cloudUser={state.cloudUser} updateKey={updateKey} />
           </div>
         </Col>
         <Col
@@ -56,8 +56,7 @@ const Detail = props => {
           lg={{ span: 15 }}
           xl={{ span: 15 }}
           flex={{ flexDirection: 'column' }}
-          className="sheet-box-right"
-        >
+          className="sheet-box-right">
           <TabList />
           <LowerList />
         </Col>

src/pages/Product/Cloud/index.jsx

@@ -7,7 +7,7 @@ import { Input, Tag, Tooltip } from 'antd'
 import consts from '@/consts'
 import { useModal } from '@/components/Modal'
 import { useLocation, useSelector, useDispatch } from 'umi'
-import RoadpricingDetail from '@/pages/Product/Cloud/components/RoadpricingDetail'
+import Detail from '@/pages/Product/Cloud/components/Detail'
 
 export const roadpricingEnum = {
   CURING: 1, // 养护云
@@ -63,7 +63,7 @@ const Cloud = () => {
         height: '100vh',
         overflowY: 'hidden'
       },
-      children: <RoadpricingDetail dataId={id} />
+      children: <Detail dataId={id} projectPype={roadpricingEnum[columnStateType]} />
     })
     toggleDrawer()
   }