style:能源报表-时间范围筛选框传参调整/默认查七天内

main
黄伟杰 3 weeks ago
parent 74ce15b77d
commit 27412ea898

@ -13,7 +13,7 @@
</el-form-item> </el-form-item>
<el-form-item label="时间范围" prop="timeRange"> <el-form-item label="时间范围" prop="timeRange">
<el-date-picker v-model="queryParams.timeRange" type="datetimerange" value-format="YYYY-MM-DD HH" <el-date-picker v-model="queryParams.timeRange" type="datetimerange" value-format="YYYY-MM-DD HH:mm:ss"
format="YYYY-MM-DD HH" start-placeholder="请选择开始时间" end-placeholder="请选择结束时间" format="YYYY-MM-DD HH" start-placeholder="请选择开始时间" end-placeholder="请选择结束时间"
: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')]"
:disabled-time="getDisabledTime" class="!w-360px " popper-class="energydevicecheckPicker" :disabled-time="getDisabledTime" class="!w-360px " popper-class="energydevicecheckPicker"
@ -108,12 +108,27 @@ const getDisabledTime = () => {
} }
} }
const buildDefaultTimeRange = () => {
const pad = (n: number) => (n < 10 ? `0${n}` : String(n))
const end = new Date()
end.setMinutes(0, 0, 0)
const start = new Date(end.getTime() - 7 * 24 * 60 * 60 * 1000)
const format = (d: Date) => {
const y = d.getFullYear()
const m = pad(d.getMonth() + 1)
const day = pad(d.getDate())
const h = pad(d.getHours())
return `${y}-${m}-${day} ${h}:00:00`
}
return [format(start), format(end)] as string[]
}
const queryParams = reactive({ const queryParams = reactive({
pageNo: 1, pageNo: 1,
pageSize: 10, pageSize: 10,
name: undefined as string | undefined, name: undefined as string | undefined,
orgId: undefined as string | number | undefined, orgId: undefined as string | number | undefined,
timeRange: [] as string[], timeRange: buildDefaultTimeRange(),
startTime: undefined as string | undefined, startTime: undefined as string | undefined,
endTime: undefined as string | undefined endTime: undefined as string | undefined
}) })
@ -187,7 +202,7 @@ const handleQuery = () => {
/** 重置按钮操作 */ /** 重置按钮操作 */
const resetQuery = () => { const resetQuery = () => {
queryFormRef.value.resetFields() queryFormRef.value.resetFields()
queryParams.timeRange = [] queryParams.timeRange = buildDefaultTimeRange()
handleQuery() handleQuery()
} }

Loading…
Cancel
Save