style:能源报表-时间范围改为最近24小时,并添加shortcuts

main
黄伟杰 2 weeks ago
parent 66340db212
commit 1c2b5e1dcd

@ -20,6 +20,7 @@ v-model="queryParams.timeRange" type="datetimerange" value-format="YYYY-MM-DD HH
:start-placeholder="t('EnergyManagement.EnergyDeviceCheck.searchTimeRangeStartPlaceholder')" :start-placeholder="t('EnergyManagement.EnergyDeviceCheck.searchTimeRangeStartPlaceholder')"
:end-placeholder="t('EnergyManagement.EnergyDeviceCheck.searchTimeRangeEndPlaceholder')" :end-placeholder="t('EnergyManagement.EnergyDeviceCheck.searchTimeRangeEndPlaceholder')"
:default-time="[new Date('2000-01-01 00:00:00'), new Date('2000-01-01 23:00:00')]" :default-time="[new Date('2000-01-01 00:00:00'), new Date('2000-01-01 23:00:00')]"
:shortcuts="timeRangeShortcuts"
:disabled-time="getDisabledTime" class="!w-360px " popper-class="energydevicecheckPicker" /> :disabled-time="getDisabledTime" class="!w-360px " popper-class="energydevicecheckPicker" />
</el-form-item> </el-form-item>
@ -118,9 +119,8 @@ const getDisabledTime = () => {
const buildDefaultTimeRange = () => { const buildDefaultTimeRange = () => {
const pad = (n: number) => (n < 10 ? `0${n}` : String(n)) const pad = (n: number) => (n < 10 ? `0${n}` : String(n))
const end = new Date() const end = new Date()
end.setMinutes(59, 59, 0) end.setMilliseconds(0)
const start = new Date(end.getTime() - 7 * 24 * 60 * 60 * 1000) const start = new Date(end.getTime() - 24 * 60 * 60 * 1000)
start.setMinutes(0, 0, 0)
const format = (d: Date) => { const format = (d: Date) => {
const y = d.getFullYear() const y = d.getFullYear()
const m = pad(d.getMonth() + 1) const m = pad(d.getMonth() + 1)
@ -133,6 +133,39 @@ const buildDefaultTimeRange = () => {
return [format(start), format(end)] as string[] return [format(start), format(end)] as string[]
} }
const timeRangeShortcuts = [
{
text: '今天',
value: () => {
const start = new Date()
start.setHours(0, 0, 0, 0)
const end = new Date()
end.setHours(23, 59, 59, 999)
return [start, end]
}
},
{
text: '昨天',
value: () => {
const start = new Date()
start.setDate(start.getDate() - 1)
start.setHours(0, 0, 0, 0)
const end = new Date(start)
end.setHours(23, 59, 59, 999)
return [start, end]
}
},
{
text: '7天',
value: () => {
const end = new Date()
end.setMilliseconds(0)
const start = new Date(end.getTime() - 7 * 24 * 60 * 60 * 1000)
return [start, end]
}
}
]
const queryParams = reactive({ const queryParams = reactive({
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,

Loading…
Cancel
Save