|
@@ -1,9 +1,11 @@
|
|
-import { Button, Input, InputNumber, Select, DatePicker, Rate, Upload } from 'antd';
|
|
|
|
-import { PlusOutlined } from '@ant-design/icons';
|
|
|
|
|
|
+import { Input, InputNumber, Select, DatePicker, Rate } from 'antd';
|
|
import TableField from './TableField';
|
|
import TableField from './TableField';
|
|
import PhoneField from './PhoneField';
|
|
import PhoneField from './PhoneField';
|
|
import InnerContactField from './InnerContactField';
|
|
import InnerContactField from './InnerContactField';
|
|
import DepartmentField from './DepartmentField';
|
|
import DepartmentField from './DepartmentField';
|
|
|
|
+import DDMultiSelectField from './DDMultiSelectField';
|
|
|
|
+import NumberField from './NumberField';
|
|
|
|
+import DDPhotoField from './DDPhotoField';
|
|
|
|
|
|
const { Option } = Select;
|
|
const { Option } = Select;
|
|
const { RangePicker } = DatePicker;
|
|
const { RangePicker } = DatePicker;
|
|
@@ -49,16 +51,7 @@ export default function DDComponents(props) {
|
|
);
|
|
);
|
|
break;
|
|
break;
|
|
case 'NumberField': //数字输入
|
|
case 'NumberField': //数字输入
|
|
- component = (
|
|
|
|
- <InputNumber
|
|
|
|
- disabled={disabled}
|
|
|
|
- formatter={value => `${value}${unit || ''}`}
|
|
|
|
- onChange={e => {
|
|
|
|
- console.log(e);
|
|
|
|
- onChange?.(e);
|
|
|
|
- }}
|
|
|
|
- />
|
|
|
|
- );
|
|
|
|
|
|
+ component = <NumberField disabled={disabled} unit={unit} />;
|
|
break;
|
|
break;
|
|
case 'DDSelectField': //单选框
|
|
case 'DDSelectField': //单选框
|
|
component = (
|
|
component = (
|
|
@@ -78,21 +71,7 @@ export default function DDComponents(props) {
|
|
);
|
|
);
|
|
break;
|
|
break;
|
|
case 'DDMultiSelectField': //多选框
|
|
case 'DDMultiSelectField': //多选框
|
|
- component = (
|
|
|
|
- <Select mode="multiple" allowClear style={{ width: '100%' }} onChange={onChange}>
|
|
|
|
- {options?.map(cur => {
|
|
|
|
- if (typeof cur == 'string') {
|
|
|
|
- cur = JSON.parse(cur);
|
|
|
|
- }
|
|
|
|
-
|
|
|
|
- return (
|
|
|
|
- <Option key={cur.key} value={cur.key}>
|
|
|
|
- {cur.value}
|
|
|
|
- </Option>
|
|
|
|
- );
|
|
|
|
- })}
|
|
|
|
- </Select>
|
|
|
|
- );
|
|
|
|
|
|
+ component = <DDMultiSelectField disabled={disabled} options={options} />;
|
|
break;
|
|
break;
|
|
case 'DDDateField': //日期控件
|
|
case 'DDDateField': //日期控件
|
|
component = <DatePicker format={format} onChange={onChange} />;
|
|
component = <DatePicker format={format} onChange={onChange} />;
|
|
@@ -107,11 +86,7 @@ export default function DDComponents(props) {
|
|
component = <PhoneField onChange={onChange} />;
|
|
component = <PhoneField onChange={onChange} />;
|
|
break;
|
|
break;
|
|
case 'DDPhotoField': //图片控件
|
|
case 'DDPhotoField': //图片控件
|
|
- component = (
|
|
|
|
- <Upload>
|
|
|
|
- <Button icon={<PlusOutlined />}>添加图片</Button>
|
|
|
|
- </Upload>
|
|
|
|
- );
|
|
|
|
|
|
+ component = <DDPhotoField />;
|
|
break;
|
|
break;
|
|
case 'MoneyField': //金额控件
|
|
case 'MoneyField': //金额控件
|
|
component = <Input placeholder={placeholder} onChange={onChange} />;
|
|
component = <Input placeholder={placeholder} onChange={onChange} />;
|
|
@@ -130,7 +105,7 @@ export default function DDComponents(props) {
|
|
component = <InnerContactField onChange={onChange}></InnerContactField>;
|
|
component = <InnerContactField onChange={onChange}></InnerContactField>;
|
|
break;
|
|
break;
|
|
case 'DepartmentField': //部门控件
|
|
case 'DepartmentField': //部门控件
|
|
- component = <DepartmentField onChange={onChange} />;
|
|
|
|
|
|
+ component = <DepartmentField />;
|
|
break;
|
|
break;
|
|
case 'RelateField': //关联审批单
|
|
case 'RelateField': //关联审批单
|
|
break;
|
|
break;
|