|
|
@ -14,7 +14,7 @@ |
|
|
|
<!-- <a-radio-button value="2">季</a-radio-button> --> |
|
|
|
<a-radio-button value="3">年</a-radio-button> |
|
|
|
</a-radio-group> |
|
|
|
<a-range-picker format="YYYY-MM-DD" style="width: 280px;" :placeholder="['开始日期','结束日期']" |
|
|
|
<a-range-picker v-model="queryParams1.Range" format="YYYY-MM-DD" style="width: 320px;" :placeholder="['开始日期','结束日期']" |
|
|
|
separator="至" @change="dateChange($event, 'queryParams1')" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -43,7 +43,7 @@ |
|
|
|
<!-- <a-radio-button value="2">季</a-radio-button> --> |
|
|
|
<a-radio-button value="3">年</a-radio-button> |
|
|
|
</a-radio-group> |
|
|
|
<a-range-picker format="YYYY-MM-DD" style="width: 280px;" :placeholder="['开始日期','结束日期']" |
|
|
|
<a-range-picker v-model="queryParams4.Range" format="YYYY-MM-DD" style="width: 320px;" :placeholder="['开始日期','结束日期']" |
|
|
|
separator="至" @change="dateChange($event, 'queryParams4')" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -80,7 +80,7 @@ |
|
|
|
<!-- <a-radio-button value="2">季</a-radio-button> --> |
|
|
|
<a-radio-button value="3">年</a-radio-button> |
|
|
|
</a-radio-group> |
|
|
|
<a-range-picker format="YYYY-MM-DD" style="width: 280px;" :placeholder="['开始日期','结束日期']" |
|
|
|
<a-range-picker v-model="queryParams2.Range" format="YYYY-MM-DD" style="width: 320px;" :placeholder="['开始日期','结束日期']" |
|
|
|
separator="至" @change="dateChange($event, 'queryParams2')" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -114,7 +114,7 @@ |
|
|
|
<!-- <a-radio-button value="2">季</a-radio-button> --> |
|
|
|
<a-radio-button value="3">年</a-radio-button> |
|
|
|
</a-radio-group> |
|
|
|
<a-range-picker format="YYYY-MM-DD" style="width: 280px;" :placeholder="['开始日期','结束日期']" |
|
|
|
<a-range-picker v-model="queryParams3.Range" format="YYYY-MM-DD" style="width: 320px;" :placeholder="['开始日期','结束日期']" |
|
|
|
separator="至" @change="dateChange($event, 'queryParams3')" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -165,22 +165,26 @@ |
|
|
|
queryParams1: { |
|
|
|
"timeType": "1", //统计方式 0:周 1:月 2:季 3:年 |
|
|
|
"startTime": "2024-10-01 00:00:00", //开始时间 |
|
|
|
"endTime": "2025-01-01 00:00:00" //结束时间 |
|
|
|
"endTime": "2025-01-01 00:00:00", //结束时间 |
|
|
|
"Range": [] |
|
|
|
}, |
|
|
|
queryParams2: { |
|
|
|
"timeType": "1", //统计方式 0:周 1:月 2:季 3:年 |
|
|
|
"startTime": "2024-10-01 00:00:00", //开始时间 |
|
|
|
"endTime": "2025-01-01 00:00:00" //结束时间 |
|
|
|
"startTime": "", //开始时间 |
|
|
|
"endTime": "" ,//结束时间 |
|
|
|
"Range": [], |
|
|
|
}, |
|
|
|
queryParams3: { |
|
|
|
"timeType": "1", //统计方式 0:周 1:月 2:季 3:年 |
|
|
|
"startTime": "2024-10-01 00:00:00", //开始时间 |
|
|
|
"endTime": "2025-01-01 00:00:00" //结束时间 |
|
|
|
"startTime": "", //开始时间 |
|
|
|
"endTime": "", //结束时间 |
|
|
|
"Range": [] |
|
|
|
}, |
|
|
|
queryParams4: { |
|
|
|
"timeType": "1", //统计方式 0:周 1:月 2:季 3:年 |
|
|
|
"startTime": "2024-10-01 00:00:00", //开始时间 |
|
|
|
"endTime": "2025-01-01 00:00:00" //结束时间 |
|
|
|
"startTime": "", //开始时间 |
|
|
|
"endTime": "", //结束时间 |
|
|
|
"Range": [] |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
@ -220,6 +224,23 @@ |
|
|
|
this.getData15() |
|
|
|
break; |
|
|
|
default: |
|
|
|
const startTime = dayjs().add(-1, 'month').format('YYYY-MM-DD 00:00:00') |
|
|
|
const endTime = dayjs().format('YYYY-MM-DD 00:00:00') |
|
|
|
this['queryParams1']['startTime'] = startTime |
|
|
|
this['queryParams1']['endTime'] = endTime |
|
|
|
this['queryParams1']['Range'] = [startTime, endTime] |
|
|
|
|
|
|
|
this['queryParams2']['startTime'] = startTime |
|
|
|
this['queryParams2']['endTime'] = endTime |
|
|
|
this['queryParams2']['Range'] = [startTime, endTime] |
|
|
|
|
|
|
|
this['queryParams3']['startTime'] = startTime |
|
|
|
this['queryParams3']['endTime'] = endTime |
|
|
|
this['queryParams3']['Range'] = [startTime, endTime] |
|
|
|
|
|
|
|
this['queryParams4']['startTime'] = startTime |
|
|
|
this['queryParams4']['endTime'] = endTime |
|
|
|
this['queryParams4']['Range'] = [startTime, endTime] |
|
|
|
this.getData1() |
|
|
|
this.getData2() |
|
|
|
this.getData3() |
|
|
@ -238,16 +259,30 @@ |
|
|
|
break; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}, |
|
|
|
typeChange(e, filed) { |
|
|
|
this[filed]['timeType'] = e.target.value |
|
|
|
let startTime = ""; |
|
|
|
let endTime = ""; |
|
|
|
if(e.target.value == 0){ |
|
|
|
startTime = dayjs().add(-1, 'week').format('YYYY-MM-DD 00:00:00') |
|
|
|
endTime = dayjs().format('YYYY-MM-DD 00:00:00') |
|
|
|
}else if(e.target.value == 1){ |
|
|
|
startTime = dayjs().add(-1, 'month').format('YYYY-MM-DD 00:00:00') |
|
|
|
endTime = dayjs().format('YYYY-MM-DD 00:00:00') |
|
|
|
}else if(e.target.value == 3){ |
|
|
|
startTime = dayjs().add(-1, 'year').format('YYYY-MM-DD 00:00:00') |
|
|
|
endTime = dayjs().format('YYYY-MM-DD 00:00:00') |
|
|
|
} |
|
|
|
|
|
|
|
this[filed]['startTime'] = startTime |
|
|
|
this[filed]['endTime'] = endTime |
|
|
|
this[filed]['Range'] = [startTime, endTime] |
|
|
|
this.init(filed) |
|
|
|
}, |
|
|
|
dateChange(dates, filed) { |
|
|
|
const startTime = dates[0].format('YYYY-MM-DD HH:mm:ss') |
|
|
|
const endTime = dates[1].format('YYYY-MM-DD HH:mm:ss') |
|
|
|
const startTime = dates[0].format('YYYY-MM-DD 00:00:00') |
|
|
|
const endTime = dates[1].format('YYYY-MM-DD 00:00:00') |
|
|
|
this[filed]['startTime'] = startTime |
|
|
|
this[filed]['endTime'] = endTime |
|
|
|
this.init(filed) |
|
|
@ -1395,10 +1430,13 @@ |
|
|
|
margin-right: 10px; |
|
|
|
overflow: hidden; |
|
|
|
box-sizing: border-box; |
|
|
|
border-left: 1px solid #d9d9d9; |
|
|
|
border: 1px solid #d9d9d9; |
|
|
|
|
|
|
|
&.ant-radio-button-wrapper-checked { |
|
|
|
border-left: 1px solid #0062d9; |
|
|
|
border: 1px solid #0062d9; |
|
|
|
&:before{ |
|
|
|
background-color: #d9d9d9; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|