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

import React from 'react'
import { Row, Col } from 'antd'
import EditableForm from '@/components/EditableForm'

const RoadpricingForm = props => {
  const { updateKey } = props
  const columns = [
    {
      dataIndex: 'mobile',
      label: '大司空用户',
      span: 24
    },
    {
      dataIndex: 'mobile',
      label: '手机',
      span: 24
    },
    {
      dataIndex: 'email',
      label: '邮箱',
      span: 24
    },
    {
      dataIndex: 'username',
      label: '称呼',
      span: 24
    },
    {
      dataIndex: 'qq',
      label: 'QQ',
      span: 24
    },
    {
      dataIndex: 'real_name',
      label: '真实姓名',
      span: 24
    },
    {
      dataIndex: 'create_time',
      label: '注册云版',
      span: 24
    },
    {
      dataIndex: 'company',
      label: '企业名称',
      span: 24
    },
    {
      dataIndex: 'province',
      label: '企业地区',
      span: 24
    },
    {
      dataIndex: 'latest_usedName',
      label: '最近使用',
      span: 24
    },
    {
      dataIndex: 'online_times',
      label: '累计时长',
      span: 24
    }
  ]
  return (
    <div>
      <Row>
        <Col span={8}>
          <h2 className="text-gray-500">大司空用户</h2>
        </Col>
        <Col span={16} className="text-right text-gray-500">
          aa 创建于 bb
        </Col>
        <Col span={22}>
          <h2 className="text-2xl pb-4">fssf</h2>
        </Col>
        <Col span={2} />
      </Row>
      <EditableForm
        // dataSource={customer}
        columns={columns}
        tartgetUrl="/cloud/update"
        type={updateKey}
      />
    </div>
  )
}

export default RoadpricingForm