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

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

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

export default RoadpricingForm