优化

src/views/dataReport/components/line.vue

@@ -84,14 +84,17 @@ export default {
         dataZoom: [
           {
             type: "inside",
-            start: 0,
+            start: 80,
-            end: 20,
+            end: 100,
           },
           {
-            start: 0,
+            start: 80,
-            end: 20,
+            end: 100,
           },
         ],
+        grid: {
+          containLabel: true,
+        },
         xAxis: {
           type: "category",
           name: "时间",

src/views/dataReport/index.vue

@@ -231,7 +231,7 @@ export default {
         key: "compositeKey", // 确保这里使用的是 uniqueKey
       },
       formdata: {
-        dayValue: 4,
+        dayValue: -1,
       }, //查询定义的form数据
       dayOptions: [
         {
@@ -706,6 +706,7 @@ export default {
       this.chartDataArr = [];
       getDetailApi({
         id: id,
+        timeAsc: 1,
         startTime: stime,
         endTime: eTime,
       })

src/views/homePage/Echarts/index.vue

@@ -103,10 +103,10 @@ export default {
             type: "slider",
             xAxisIndex: [0],
             filterMode: "filter",
-            start: 0,
+            start: 90,
-            end: 5,
+            end: 100,
-            startValue: 0,
+            // startValue: 90,
-            endValue: 10,
+            // endValue: 100,
             textStyle: {
               color: this.xFontColor,
             },

src/views/homePage/arrester/index.vue

@@ -45,10 +45,27 @@ export default {
         "234,124,204",
         "3,188,255",
       ],
+      stime: "",
+      eTime: "",
     };
   },
   created() {
     this.getarresterdata();
+    const thirtyDaysAgo = new Date();
+    const startDate = new Date(
+      thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30)
+    );
+    startDate.setHours(0); // 0
+    startDate.setMinutes(0); // 0
+    startDate.setSeconds(0); // 0
+    this.stime = this.$moment(startDate).format("YYYY-MM-DD HH:mm:ss");
+
+    const endDate = new Date();
+    endDate.setHours(23); // 设置小时为23
+    endDate.setMinutes(59); // 设置分钟为59
+    endDate.setSeconds(59); // 设置秒数为59
+    this.eTime = this.$moment(endDate).format("YYYY-MM-DD HH:mm:ss");
+    console.log(this.stime, this.eTime);
   },
   methods: {
     getarresterdata() {
@@ -74,8 +91,9 @@ export default {
       this.tendencyChartTitle = row.name;
       getDetailApi({
         id: row.id,
-        pageNum: this.page,
+        timeAsc: 1,
-        pageSize: this.pageSize,
+        startTime: this.stime,
+        endTime: this.eTime,
       })
         .then((res) => {
           console.log(res);

src/views/homePage/clamp/index.vue

@@ -44,10 +44,27 @@ export default {
         "234,124,204",
         "3,188,255",
       ],
+      stime: "",
+      eTime: "",
     };
   },
   created() {
     this.getclampdata();
+    const thirtyDaysAgo = new Date();
+    const startDate = new Date(
+      thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30)
+    );
+    startDate.setHours(0); // 0
+    startDate.setMinutes(0); // 0
+    startDate.setSeconds(0); // 0
+    this.stime = this.$moment(startDate).format("YYYY-MM-DD HH:mm:ss");
+
+    const endDate = new Date();
+    endDate.setHours(23); // 设置小时为23
+    endDate.setMinutes(59); // 设置分钟为59
+    endDate.setSeconds(59); // 设置秒数为59
+    this.eTime = this.$moment(endDate).format("YYYY-MM-DD HH:mm:ss");
+    console.log(this.stime, this.eTime);
   },
   methods: {
     getclampdata() {
@@ -74,8 +91,9 @@ export default {
       this.tendencyChartTitle = row.name;
       getDetailApi({
         id: row.id,
-        pageNum: this.page,
+        timeAsc: 1,
-        pageSize: this.pageSize,
+        startTime: this.stime,
+        endTime: this.eTime,
       })
         .then((res) => {
           console.log(res);

src/views/homePage/oilChromatography/index.vue

@@ -45,10 +45,27 @@ export default {
         "234,124,204",
         "3,188,255",
       ],
+      stime: "",
+      eTime: "",
     };
   },
   created() {
     this.getoildata();
+    const thirtyDaysAgo = new Date();
+    const startDate = new Date(
+      thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30)
+    );
+    startDate.setHours(0); // 0
+    startDate.setMinutes(0); // 0
+    startDate.setSeconds(0); // 0
+    this.stime = this.$moment(startDate).format("YYYY-MM-DD HH:mm:ss");
+
+    const endDate = new Date();
+    endDate.setHours(23); // 设置小时为23
+    endDate.setMinutes(59); // 设置分钟为59
+    endDate.setSeconds(59); // 设置秒数为59
+    this.eTime = this.$moment(endDate).format("YYYY-MM-DD HH:mm:ss");
+    console.log(this.stime, this.eTime);
   },
   mounted() {},
   methods: {
@@ -77,8 +94,9 @@ export default {
       this.tendencyChartTitle = row.name;
       getDetailApi({
         id: row.id,
-        pageNum: this.page,
+        timeAsc: 1,
-        pageSize: this.pageSize,
+        startTime: this.stime,
+        endTime: this.eTime,
       })
         .then((res) => {
           console.log(res);

src/views/homePage/partialDischarges/index.vue

@@ -75,10 +75,27 @@ export default {
         "234,124,204",
         "3,188,255",
       ],
+      stime: "",
+      eTime: "",
     };
   },
   created() {
     this.getarresterdata();
+    const thirtyDaysAgo = new Date();
+    const startDate = new Date(
+      thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30)
+    );
+    startDate.setHours(0); // 0
+    startDate.setMinutes(0); // 0
+    startDate.setSeconds(0); // 0
+    this.stime = this.$moment(startDate).format("YYYY-MM-DD HH:mm:ss");
+
+    const endDate = new Date();
+    endDate.setHours(23); // 设置小时为23
+    endDate.setMinutes(59); // 设置分钟为59
+    endDate.setSeconds(59); // 设置秒数为59
+    this.eTime = this.$moment(endDate).format("YYYY-MM-DD HH:mm:ss");
+    console.log(this.stime, this.eTime);
   },
   methods: {
     changePartial(val) {
@@ -109,8 +126,9 @@ export default {
       this.tendencyChartTitle = row.name;
       getDetailApi({
         id: row.id,
-        pageNum: this.page,
+        timeAsc: 1,
-        pageSize: this.pageSize,
+        startTime: this.stime,
+        endTime: this.eTime,
       })
         .then((res) => {
           console.log(res);

src/views/homePage/sf6/index.vue

@@ -44,6 +44,8 @@ export default {
         "234,124,204",
         "3,188,255",
       ],
+      stime: "",
+      eTime: "",
     };
   },
   mounted() {
@@ -52,6 +54,21 @@ export default {
   },
   created() {
     this.getsf6data();
+    const thirtyDaysAgo = new Date();
+    const startDate = new Date(
+      thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30)
+    );
+    startDate.setHours(0); // 0
+    startDate.setMinutes(0); // 0
+    startDate.setSeconds(0); // 0
+    this.stime = this.$moment(startDate).format("YYYY-MM-DD HH:mm:ss");
+
+    const endDate = new Date();
+    endDate.setHours(23); // 设置小时为23
+    endDate.setMinutes(59); // 设置分钟为59
+    endDate.setSeconds(59); // 设置秒数为59
+    this.eTime = this.$moment(endDate).format("YYYY-MM-DD HH:mm:ss");
+    console.log(this.stime, this.eTime);
   },
   methods: {
     //获取装置类型
@@ -84,8 +101,9 @@ export default {
       this.tendencyChartTitle = row.name;
       getDetailApi({
         id: row.id,
-        pageNum: this.page,
+        timeAsc: 1,
-        pageSize: this.pageSize,
+        startTime: this.stime,
+        endTime: this.eTime,
       })
         .then((res) => {
           console.log(res);

src/views/homePage/windingTemperature/index.vue

@@ -44,10 +44,27 @@ export default {
         "234,124,204",
         "3,188,255",
       ],
+      stime: "",
+      eTime: "",
     };
   },
   created() {
     this.getwinddata();
+    const thirtyDaysAgo = new Date();
+    const startDate = new Date(
+      thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30)
+    );
+    startDate.setHours(0); // 0
+    startDate.setMinutes(0); // 0
+    startDate.setSeconds(0); // 0
+    this.stime = this.$moment(startDate).format("YYYY-MM-DD HH:mm:ss");
+
+    const endDate = new Date();
+    endDate.setHours(23); // 设置小时为23
+    endDate.setMinutes(59); // 设置分钟为59
+    endDate.setSeconds(59); // 设置秒数为59
+    this.eTime = this.$moment(endDate).format("YYYY-MM-DD HH:mm:ss");
+    console.log(this.stime, this.eTime);
   },
   methods: {
     getwinddata() {
@@ -74,8 +91,9 @@ export default {
       this.tendencyChartTitle = row.name;
       getDetailApi({
         id: row.id,
-        pageNum: this.page,
+        timeAsc: 1,
-        pageSize: this.pageSize,
+        startTime: this.stime,
+        endTime: this.eTime,
       })
         .then((res) => {
           console.log(res);