| | |
| | | class DateGroup extends Component { |
| | | static propTpyes = { |
| | | card: PropTypes.object, // 搜索条件 |
| | | position: PropTypes.number, // 索引,用于控制季度和年的展开方向 |
| | | onGroupChange: PropTypes.func // 搜索内容切换 |
| | | } |
| | | |
| | |
| | | yearId: Utils.getuuid(), |
| | | dateRange: '', |
| | | initDateRange: '', |
| | | initType: '' |
| | | initType: '', |
| | | placement: this.props.position % 4 !== 3 ? 'bottomLeft' : 'bottomRight' |
| | | } |
| | | |
| | | UNSAFE_componentWillMount() { |
| | |
| | | break |
| | | default: |
| | | } |
| | | |
| | | _dateRange = [moment().subtract(_pdiffer + _val * 3, 'month').startOf('month').format('YYYY-MM-DD'), |
| | | moment().subtract(_ndiffer + _val * 3, 'month').endOf('month').format('YYYY-MM-DD')] |
| | | } else if (_type === 'year') { |
| | |
| | | |
| | | render() { |
| | | const { card } = this.props |
| | | const { active, quarterId, yearId, dateRange } = this.state |
| | | const { active, quarterId, yearId, dateRange, placement } = this.state |
| | | let tabs = {day: '日', week: '周', month: '月', quarter: '季', year: '年', customized: '自定义'} |
| | | |
| | | return ( |
| | |
| | | </span>) |
| | | } else if (tab === 'quarter') { |
| | | return ( |
| | | <Tooltip key={tab} placement="bottomLeft" overlayClassName="quarter-picker-tooltip" trigger="click" title={ |
| | | <Tooltip key={tab} placement={placement} overlayClassName={'quarter-picker-tooltip ' + placement} trigger="click" title={ |
| | | <div> |
| | | <QuarterPicker onChange={(date) => this.onChange(date, tab)}/> |
| | | <QuarterPicker card={card} onChange={(date) => this.onChange(date, tab)}/> |
| | | </div> |
| | | }> |
| | | <span id={quarterId} className={'ant-tag ant-tag-quarter ant-tag-checkable ' + (active === tab ? 'ant-tag-checkable-checked' : '')} > |
| | |
| | | ) |
| | | } else if (tab === 'year') { |
| | | return ( |
| | | <Tooltip key={tab} placement="bottomLeft" overlayClassName="year-picker-tooltip" trigger="click" title={ |
| | | <Tooltip key={tab} placement={placement} overlayClassName={'year-picker-tooltip ' + placement} trigger="click" title={ |
| | | <div> |
| | | <YearPicker onChange={(date) => this.onChange(date, tab)}/> |
| | | <YearPicker card={card} onChange={(date) => this.onChange(date, tab)}/> |
| | | </div> |
| | | }> |
| | | <span id={yearId} className={'ant-tag ant-tag-quarter ant-tag-checkable ' + (active === tab ? 'ant-tag-checkable-checked' : '')} > |