bug修复

src/views/home/components/barChart.vue

@@ -11,6 +11,17 @@ export default {
     return {};
   },
 
+  computed: {
+    eptrendIco() {
+      return this.feptrendIco;
+    },
+  },
+  watch: {
+    eptrendIco() {
+      this.initChart();
+    },
+  },
+
 
   mounted() {
     this.$nextTick(() => {
@@ -27,8 +38,6 @@ export default {
     //次数分布折线图
     initChart() {
 
-
-     
       var chart = echarts.init(this.$refs.barChart);
       var option;
 
@@ -138,7 +147,8 @@ export default {
         // ],
         series: [
           {
-            name: "昨日",
+            // name: "昨日",
+            name:this.feptrendIco[0].name,
             type: "bar",
             barWidth: "20%",
             barGap: '0%',
@@ -160,7 +170,8 @@ export default {
             data:this.feptrendIco[1].list
           },
           {
-            name: "当日",
+            // name: "当日",
+            name:this.feptrendIco[1].name,
             type: "bar",
             barWidth: "20%",
             itemStyle: {

src/views/home/index.vue

@@ -282,9 +282,9 @@ export default {
     // 今日昨日用电量趋势
     eptrendIcoMonth_api() {
       api.eptrendIcoMonth_api().then((requset) => {
-        this.eptrendIcoMonth = requset.data;
-        console.log("this.eptrendIcoMonth");
-        console.log(this.eptrendIcoMonth);
+        this.eptrendIco = requset.data;
+        console.log("this.eptrendIco");
+        console.log(this.eptrendIco);
       });
     },
 
@@ -507,7 +507,7 @@ export default {
 // 时间选择器样式
 .filterSec .el-input__inner {
   // width: 5.25rem !important;
-  width: 90%;
+  width: 80%;
   height: 0.375rem !important;
   line-height: 0.375rem !important;
   background-color: rgba(3, 107, 119, 0.5);
@@ -517,6 +517,7 @@ export default {
 .filterSec .el-range-input {
   background-color: transparent;
   color: #fff;
+      width: 55%;
 }
 .filterSec .el-range-separator {
   line-height: 0.25rem;