import { Input, InputNumber, Select, DatePicker, Rate } from 'antd'; import TableField from './TableField'; import PhoneField from './PhoneField'; import InnerContactField from './InnerContactField'; import DepartmentField from './DepartmentField'; import DDMultiSelectField from './DDMultiSelectField'; import NumberField from './NumberField'; import DDPhotoField from './DDPhotoField'; import DDSelectField from './DDSelectField'; import DDDateField from './DDDateField'; import DDDateRangeField from './DDDateRangeField'; const { Option } = Select; const { RangePicker } = DatePicker; export default function DDComponents(props) { const { item, onChange } = props; const { id, label, bizAlias, required, placeholder, options, align, statField, hideLabel, objOptions, format, pushToAttendance, labelEditableFreeze, requiredEditableFreeze, unit, extract, link, payEnable, bizType, childFieldVisible, notPrint, verticalPrint, hiddenInApprovalDetail, disabled, notUpper, children, // 子控件 } = item.props; let component = null; switch (item.componentName) { case 'TextField': //单行输入 component = ( onChange?.(e.target.value)} /> ); break; case 'TextareaField': //多行输入 component = ( onChange?.(e.target.value)} /> ); break; case 'NumberField': //数字输入 component = ; break; case 'DDSelectField': //单选框 component = ; break; case 'DDMultiSelectField': //多选框 component = ; break; case 'DDDateField': //日期控件 component = ; break; case 'DDDateRangeField': //时间区间控件 component = ; break; case 'TextNote': //文本说明控件 console.info('文本说明控件!'); console.log(item); break; case 'PhoneField': //电话控件 component = ; break; case 'DDPhotoField': //图片控件 component = ; break; case 'MoneyField': //金额控件 component = ; break; case 'TableField': //明细控件 component = ; break; case 'DDAttachment': //附件 // component = ( // // // // ); console.info('附件控件未渲染!'); console.log(item); break; case 'InnerContactField': //联系人控件 component = ; break; case 'DepartmentField': //部门控件 component = ; break; case 'RelateField': //关联审批单 console.info('关联审批单控件未渲染!'); console.log(item); break; case 'AddressField': //省市区控件 console.info('省市区控件未渲染!'); console.log(item); break; case 'StarRatingField': //评分控件 console.info('评分控件未渲染!'); console.log(item); break; case 'FormRelateField': //关联控件 console.info('关联控件未渲染!'); console.log(item); break; } return component; }