绩效总览 (列表、详情)、绩效指标 (配置)

Mr Ke

2020-05-29 a4f102defd2c7918617717f3307b6a3ef63859ff

 src/components/common/SearchFormView/index.jsx

@@ -9,7 +9,7 @@
import { Row, Col, Form, Input, Button, Select, DatePicker, Divider, Card } from 'antd';
import moment from 'moment';

const { RangePicker } = DatePicker;
const { RangePicker, MonthPicker } = DatePicker;
import './index.scss';

// data参数：数据模板
@@ -106,8 +106,16 @@
        });
    };

    //月份选择器
    monthPickerChange = (name, m, d) => {
        this.props.setFormData({
            ...this.props.formData,
            [name]: d
        })
    }

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

        return (
@@ -128,13 +136,13 @@
                                                            style={{ width: '100%' }}
                                                            placeholder={item.name}
                                                            value={formData[item.key]}
                                                            allowClear
                                                            // allowClear
                                                            onChange={this.handleSelectChange(item.key)}>
                                                            {item.list &&
                                                                item.list.map(item => (
                                                                    <Select.Option
                                                                        value={item.id}
                                                                        key={item.id}>
                                                                        value={item.value}
                                                                        key={item.value}>
                                                                        {item.name}
                                                                    </Select.Option>
                                                                ))}
@@ -201,6 +209,22 @@
                                                        />
                                                    </Form.Item>
                                                );
                                            case 'monthPicker':
                                                return (
                                                    <Form.Item label={item.label}>
                                                        <MonthPicker
                                                            style={{ width: '100%' }}
                                                            size={size}
                                                            placeholder={item.name}
                                                            onChange={(date, dateString) => {
                                                                console.log(date, dateString);
                                                                this.monthPickerChange(item.key, date, dateString);
                                                            }}
                                                            value={formData[item.key] ? moment(formData[item.key], 'YYYY-MM') : undefined}
                                                        />
                                                    </Form.Item>

                                                )
                                            // case 'br':
                                            //     return (
                                            //         <Col span={24} style={{ marginBottom: '10px' }} />
@@ -223,6 +247,8 @@
                                        查询
                                </Button>
                                </Col>
                                {
                                    showReset ?
                                <Col>
                                    <Button
                                        size={size}
@@ -231,7 +257,8 @@
                                        }}>
                                        重置
                                </Button>
                                </Col>
                                        </Col> : null
                                }
                                {
                                    children &&
                                    <Col>