Haina
/
dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

添加最近七天的选项

Browse Source
feature/2.0-sales-trade
尹诚诚 3 years ago
parent 1d697f5eaa
commit 67a072ac09
1 changed files with 62 additions and 55 deletions
Show Stats Download Patch File Download Diff File

117
src/charts/DatePickerCharts.js
Unescape Escape View File

@ -1,65 +1,72 @@
import React, {Component} from 'react'; import React, { Component } from "react";
import {Col, DatePicker, Row} from 'antd'; import { Col, DatePicker, Row } from "antd";
import {observer} from 'mobx-react'; import { observer } from "mobx-react";
import * as config from "../config"; import * as config from "../config";
import moment from "moment"; import moment from "moment";
import 'moment/locale/zh-cn'; import "moment/locale/zh-cn";
import locale from 'antd/es/date-picker/locale/zh_CN'; import locale from "antd/es/date-picker/locale/zh_CN";
import {stores_Context} from "../config"; import { stores_Context } from "../config";
//用于日期选择，计算上一时间段、同比时间等 //用于日期选择，计算上一时间段、同比时间等
class DatePickerCharts extends Component { class DatePickerCharts extends Component {
static contextType = stores_Context; static contextType = stores_Context;
constructor(props) { constructor(props) {
super(props); super(props);
} }
render() {
render() { const { date_picker_store } = this.context;
const {date_picker_store} = this.context; return (
return ( <div>
<div> <Row>
<Row> <Col span={24}>
<Col span={24}> <DatePicker.RangePicker
<DatePicker.RangePicker format={config.DATE_FORMAT} locale={locale} format={config.DATE_FORMAT}
allowClear={false} locale={locale}
value={[date_picker_store.start_date, date_picker_store.end_date]} allowClear={false}
onChange={date_picker_store.onChange_dataPicker} value={[date_picker_store.start_date, date_picker_store.end_date]}
ranges={{ onChange={date_picker_store.onChange_dataPicker}
'本周': [moment().startOf('week'), moment().endOf('week')], ranges={{
'上周': [moment().startOf('week').subtract(7, 'days'), moment().endOf('week').subtract(7, 'days')], 本周: [moment().startOf("week"), moment().endOf("week")],
'本月': [moment().startOf('month'), moment().endOf('month')], 上周: [moment().startOf("week").subtract(7, "days"), moment().endOf("week").subtract(7, "days")],
'上个月': [moment().subtract(1, 'months').startOf('month'), moment(new Date()).subtract(1, 'months').endOf('month')], 本月: [moment().startOf("month"), moment().endOf("month")],
'近30天': [moment().subtract(30, 'days'), moment()], 上个月: [moment().subtract(1, "months").startOf("month"), moment(new Date()).subtract(1, "months").endOf("month")],
'近三个月': [moment().subtract(2, 'month').startOf('month'), moment().endOf('month')], 近7天: [moment().subtract(7, "days"), moment()],
'今年': [moment().startOf('year').subtract(1, 'month'), moment().endOf('year').subtract(1, 'month')], 近30天: [moment().subtract(30, "days"), moment()],
'去年': [moment().subtract(1, 'year').startOf('year').subtract(1, 'month'), moment().subtract(1, 'year').endOf('year').subtract(1, 'month')], 近三个月: [moment().subtract(2, "month").startOf("month"), moment().endOf("month")],
}} 今年: [moment().startOf("year"), moment().endOf("year")],
/> 去年: [moment().subtract(1, "year").startOf("year"), moment().subtract(1, "year").endOf("year")],
</Col> }}
{this.props.hide_vs ? '' : <Col span={24}> />
<DatePicker.RangePicker bordered={false} format={config.DATE_FORMAT} locale={locale} </Col>
value={[date_picker_store.start_date_cp, date_picker_store.end_date_cp]} {this.props.hide_vs ? (
placeholder={['对比 Start date', 'End date']} ""
onChange={date_picker_store.onChange_dataPicker_cp} ) : (
ranges={{ <Col span={24}>
'上一时间段': date_picker_store.previous_date(), <DatePicker.RangePicker
'去年同期': date_picker_store.previous_year(), bordered={false}
'上周': [moment().startOf('week').subtract(7, 'days'), moment().endOf('week').subtract(7, 'days')], format={config.DATE_FORMAT}
'上个月': [moment().subtract(1, 'months').startOf('month'), moment(new Date()).subtract(1, 'months').endOf('month')], locale={locale}
'前个月': [moment().subtract(2, 'month').startOf('month'), moment().subtract(2, 'month').endOf('month')], value={[date_picker_store.start_date_cp, date_picker_store.end_date_cp]}
'前三个月': [moment().subtract(5, 'month').startOf('month'), moment().subtract(3, 'month').endOf('month')], placeholder={["对比 Start date", "End date"]}
'去年': [moment().subtract(1, 'year').startOf('year').subtract(1, 'month'), moment().subtract(1, 'year').endOf('year').subtract(1, 'month')], onChange={date_picker_store.onChange_dataPicker_cp}
}} ranges={{
/> 上一时间段: date_picker_store.previous_date(),
</Col>} 去年同期: date_picker_store.previous_year(),
</Row> 上周: [moment().startOf("week").subtract(7, "days"), moment().endOf("week").subtract(7, "days")],
上个月: [moment().subtract(1, "months").startOf("month"), moment(new Date()).subtract(1, "months").endOf("month")],
</div> 前个月: [moment().subtract(2, "month").startOf("month"), moment().subtract(2, "month").endOf("month")],
); 前三个月: [moment().subtract(5, "month").startOf("month"), moment().subtract(3, "month").endOf("month")],
} 去年: [moment().subtract(1, "year").startOf("year"), moment().subtract(1, "year").endOf("year")],
}}
/>
</Col>
)}
</Row>
</div>
);
}
} }
export default observer(DatePickerCharts); export default observer(DatePickerCharts);

Write Preview
Loading…
Cancel
Save