From 514bbb98741f72e8c8cd0df2f5764bc3a71edf9b Mon Sep 17 00:00:00 2001
From: zengh <123456>
Date: Tue, 27 Jul 2021 10:46:16 +0800
Subject: [PATCH] 增加周月日时间筛选
---
src/views/InstallClent/installClent.vue | 95 ++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 92 insertions(+), 3 deletions(-)
diff --git a/src/views/InstallClent/installClent.vue b/src/views/InstallClent/installClent.vue
index 1762a2f..2a692e8 100644
--- a/src/views/InstallClent/installClent.vue
+++ b/src/views/InstallClent/installClent.vue
@@ -48,6 +48,30 @@
</avue-crud>
<el-row v-show="switchChartType == 1">
+ <el-button
+ v-bind:class="activeClass == 0 ? 'btn-color' : ''"
+ size="small"
+ @click="getswitchChartdate(0)"
+ >本日
+ </el-button>
+ <el-button
+ v-bind:class="activeClass == 1 ? 'btn-color' : ''"
+ size="small"
+ @click="getswitchChartdate(1)"
+ >本周
+ </el-button>
+ <el-button
+ v-bind:class="activeClass == 2 ? 'btn-color' : ''"
+ size="small"
+ @click="getswitchChartdate(2)"
+ >本月
+ </el-button>
+ <el-button
+ v-bind:class="activeClass == 3 ? 'btn-color' : ''"
+ size="small"
+ @click="getswitchChartdate(3)"
+ >全部
+ </el-button>
<el-button type="success"
size="small"
icon="el-icon-s-marketing"
@@ -75,6 +99,7 @@
return {
form: {},
query: {},
+ activeClass: 3,
switchChartType: 0,
loading: true,
page: {
@@ -371,12 +396,12 @@
} else {
this.switchChartType = 1;
setTimeout(function () {
- that.getChartData();
+ that.getChartData(null);
}, 0);
}
- }, getChartData() {
+ }, getChartData(date) {
var that = this;
- getChartData(null).then(res => {
+ getChartData(date).then(res => {
var data = res.data.data;
var sum = 0;
for (let i = 0; i < data.length; i++) {
@@ -436,6 +461,70 @@
});
},
+ getswitchChartdate(e){
+ var params = {};
+ var today = new Date();
+ this.activeClass = e;
+ if (e == 0) {
+ params = {
+ beginTime: this.showToDay(today) + " 00:00:00",
+ endTime: this.showToDay(today) + " 23:59:59",
+ };
+ }
+ if (e == 1) {
+ params = {
+ beginTime: this.showWeekFirstDay(today) + " 00:00:00",
+ endTime: this.showToDay(today) + " 23:59:59",
+ };
+ }
+ if (e == 2) {
+ params = {
+ beginTime: this.showMonthFirstDay(today) + " 00:00:00",
+ endTime: this.showToDay(today) + " 23:59:59",
+ };
+ }
+
+ if (e == 3){
+ params = null;
+ }
+ this.getChartData(params);
+ },
+ //本日
+ showToDay(Nowdate) {
+ var M = Number(Nowdate.getMonth()) + 1;
+ if (M < 10) {
+ M = "0" + M;
+ }
+ var day = Nowdate.getDate();
+ if (day < 10) {
+ day = "0" + day;
+ }
+ return Nowdate.getFullYear() + "-" + M + "-" + day;
+ },
+
+ //本周第一天
+ showWeekFirstDay(Nowdate) {
+ var WeekFirstDay = new Date(Nowdate - (Nowdate.getDay() - 1) * 86400000);
+ var M = Number(WeekFirstDay.getMonth()) + 1;
+ if (M < 10) {
+ M = "0" + M;
+ }
+ var day = WeekFirstDay.getDate();
+ if (day < 10) {
+ day = "0" + day;
+ }
+ return WeekFirstDay.getFullYear() + "-" + M + "-" + day;
+ },
+
+ //本月第一天
+ showMonthFirstDay(Nowdate) {
+ var MonthFirstDay = new Date(Nowdate.getFullYear(), Nowdate.getMonth(), 1);
+ var M = Number(MonthFirstDay.getMonth()) + 1;
+ if (M < 10) {
+ M = "0" + M;
+ }
+ return MonthFirstDay.getFullYear() + "-" + M + "-" + "0" + MonthFirstDay.getDate();
+ },
}
};
</script>
--
Gitblit v1.9.3