|
@@ -25,6 +25,20 @@
|
|
|
:clearable="false"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
+ <el-form-item prop="hbTime" v-if="state.queryParams.dateType === 'datetimerange'" label="环比时间段">
|
|
|
+ <el-date-picker
|
|
|
+ v-model="state.queryParams.hbTime"
|
|
|
+ type="datetimerange"
|
|
|
+ unlink-panels
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始时间"
|
|
|
+ end-placeholder="结束时间"
|
|
|
+ :shortcuts="shortcuts"
|
|
|
+ @change="queryList"
|
|
|
+ value-format="YYYY-MM-DD[T]HH:mm:ss"
|
|
|
+ :clearable="false"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
<el-form-item prop="time" v-else label="时间">
|
|
|
<el-date-picker
|
|
|
v-model="state.queryParams.time"
|
|
@@ -80,6 +94,7 @@ const state = reactive(<any>{
|
|
|
dateType: 'date', // 关键词
|
|
|
time: dayjs(new Date()).format('YYYY-MM-DD'), // 时间默认今天
|
|
|
crTime: [dayjs(new Date()).startOf('date').format('YYYY-MM-DD[T]HH:mm:ss'), dayjs(new Date()).endOf('date').format('YYYY-MM-DD[T]HH:mm:ss')], // 时间默认今天开始到今天结束
|
|
|
+ hbTime: [dayjs(new Date()).startOf('date').format('YYYY-MM-DD[T]HH:mm:ss'), dayjs(new Date()).endOf('date').format('YYYY-MM-DD[T]HH:mm:ss')], // 时间默认今天开始到今天结束
|
|
|
},
|
|
|
tableData: [], //表单
|
|
|
loading: false, // 加载
|
|
@@ -104,6 +119,8 @@ const queryList = throttle(() => {
|
|
|
state.loading = true;
|
|
|
let StartTime = null;
|
|
|
let EndTime = null;
|
|
|
+ let ChainStartTime = null;
|
|
|
+ let ChainEndTime = null;
|
|
|
switch (state.queryParams.dateType) {
|
|
|
case 'date':
|
|
|
StartTime = dayjs(state.queryParams.time).startOf('date').format('YYYY-MM-DD[T]HH:mm:ss');
|
|
@@ -120,12 +137,16 @@ const queryList = throttle(() => {
|
|
|
case 'datetimerange':
|
|
|
StartTime = state.queryParams?.crTime[0];
|
|
|
EndTime = state.queryParams?.crTime[1];
|
|
|
+ ChainStartTime = state.queryParams?.hbTime[0];
|
|
|
+ ChainEndTime = state.queryParams?.hbTime[1];
|
|
|
break;
|
|
|
}
|
|
|
const request = {
|
|
|
Type: getType.value,
|
|
|
StartTime,
|
|
|
EndTime,
|
|
|
+ ChainStartTime,
|
|
|
+ ChainEndTime,
|
|
|
};
|
|
|
departmentHot(request)
|
|
|
.then((res: any) => {
|
|
@@ -146,6 +167,8 @@ const resetQuery = throttle((formEl: FormInstance | undefined) => {
|
|
|
const load = (row: any, treeNode: unknown, resolve: (date: any[]) => void) => {
|
|
|
let StartTime = null;
|
|
|
let EndTime = null;
|
|
|
+ let ChainStartTime = null;
|
|
|
+ let ChainEndTime = null;
|
|
|
switch (state.queryParams.dateType) {
|
|
|
case 'date':
|
|
|
StartTime = dayjs(state.queryParams.time).startOf('date').format('YYYY-MM-DD[T]HH:mm:ss');
|
|
@@ -162,12 +185,16 @@ const load = (row: any, treeNode: unknown, resolve: (date: any[]) => void) => {
|
|
|
case 'datetimerange':
|
|
|
StartTime = state.queryParams?.crTime[0];
|
|
|
EndTime = state.queryParams?.crTime[1];
|
|
|
+ ChainStartTime = state.queryParams?.hbTime[0];
|
|
|
+ ChainEndTime = state.queryParams?.hbTime[1];
|
|
|
break;
|
|
|
}
|
|
|
const request = {
|
|
|
Type: getType.value,
|
|
|
StartTime,
|
|
|
EndTime,
|
|
|
+ ChainStartTime,
|
|
|
+ ChainEndTime,
|
|
|
Id: row.id,
|
|
|
};
|
|
|
departmentHot(request)
|