oa+用户中心

Mr Ke

2020-05-27 fa71559c92ce8f7429971370ca4bd1139c903621

 src/components/common/SearchFormView/index.jsx

@@ -107,7 +107,8 @@
    };

    render() {
        const { formData = {}, data = [], children } = this.props;
        const { formData = {}, data = [], children, width = "25%" } = this.props;
        let size = 'default';

        return (
            <div className="search-form-view-main">
@@ -116,14 +117,14 @@

                        {data.length > 0 &&
                            data.map((item, idx) => (
                                <Card.Grid key={idx} style={{ width: '20%' }} hoverable={false} >
                                <Card.Grid key={idx} style={{ width }} hoverable={false} >
                                    {(() => {
                                        switch (item.type) {
                                            case 'select':
                                                return (
                                                    <Form.Item label={item.label}>
                                                        <Select
                                                            size="small"
                                                            size={size}
                                                            style={{ width: '100%' }}
                                                            placeholder={item.name}
                                                            value={formData[item.key]}
@@ -144,7 +145,7 @@
                                                return (
                                                    <Form.Item label={item.label}>
                                                        <Input
                                                            size="small"
                                                            size={size}
                                                            placeholder={item.name}
                                                            name={item.key}
                                                            value={formData[item.key]}
@@ -156,7 +157,7 @@
                                                return (
                                                    <Form.Item label={item.label}>
                                                        <DatePicker
                                                            size="small"
                                                            size={size}
                                                            style={{ width: '100%' }}
                                                            placeholder={item.name}
                                                            onChange={(date, dateString) => {
@@ -170,8 +171,8 @@
                                                return (
                                                    <Form.Item label={item.label}>
                                                        <RangePicker
                                                            style={{ width: '100%'}}
                                                            size="small"
                                                            style={{ width: '100%' }}
                                                            size={size}
                                                            ranges={{
                                                                Today: [moment(), moment()],
                                                                'This Month': [
@@ -210,11 +211,11 @@
                                    })()}
                                </Card.Grid>
                            ))}
                        <Card.Grid style={{ width: '20%' }}>
                        <Card.Grid style={{ width }}>
                            <Row type="flex" gutter={20} align="middle" align="middle" style={{ height: 40 }}>
                                <Col>
                                    <Button
                                        size="small"
                                        size={size}
                                        type="primary"
                                        onClick={() => {
                                            this.onClick('search');
@@ -224,7 +225,7 @@
                                </Col>
                                <Col>
                                    <Button
                                        size="small"
                                        size={size}
                                        onClick={() => {
                                            this.onClick('reset');
                                        }}>