|
@ -30,7 +30,7 @@ |
|
|
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
|
|
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
|
|
end-placeholder="结束时间" class="time-controls" style="margin-right:1vw;width:25vw" |
|
|
end-placeholder="结束时间" class="time-controls" style="margin-right:1vw;width:25vw" |
|
|
@change="handleDatePickerChange" |
|
|
@change="handleDatePickerChange" |
|
|
:default-time="defaultTime"/> |
|
|
|
|
|
|
|
|
:default-time="defaultTime" :disabled-date="disabledDate"/> |
|
|
<el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button> |
|
|
<el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button> |
|
|
<el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button> |
|
|
<el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button> |
|
|
<el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button> |
|
|
<el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button> |
|
@ -170,6 +170,11 @@ const defaultTime = [ |
|
|
new Date(2000, 1, 1, 0, 0, 0), |
|
|
new Date(2000, 1, 1, 0, 0, 0), |
|
|
new Date(2000, 2, 1, 23, 59, 59), |
|
|
new Date(2000, 2, 1, 23, 59, 59), |
|
|
] |
|
|
] |
|
|
|
|
|
//无法选择的时间 |
|
|
|
|
|
const disabledDate = (time) => { |
|
|
|
|
|
const limitDate = new Date(2025, 0, 1); |
|
|
|
|
|
return time.getTime() < limitDate.getTime(); |
|
|
|
|
|
} |
|
|
const tableData = ref([]) |
|
|
const tableData = ref([]) |
|
|
// 当前激活的时间按钮 |
|
|
// 当前激活的时间按钮 |
|
|
const activeTimeRange = ref('') |
|
|
const activeTimeRange = ref('') |
|
|