报表echarts隐藏

src/views/report/queryCombustion/index.vue

@@ -20,25 +20,25 @@
         <div id="chart1" style="width: 100%;height:400px;" />
       </el-col>
     </el-row>
-    <el-row v-if="isChart1"  style="position: relative;">
+    <!-- <el-row v-if="isChart1"  style="position: relative;">
        <p style="position: absolute;top:-12px;left:40%;color:rgb(130, 165, 252);background:rgb(230, 243, 255);border:1px solid rgb(130, 165, 252);padding:10px;border-radius:10px">
          柴油用量
        </p>
        <el-col :span="24">
          <div id="chart11" style="width: 100%;height:400px;" />
        </el-col>
-    </el-row>
-    <el-row v-if="isChart1"  style="position: relative;">
+    </el-row> -->
+    <!-- <el-row v-if="isChart1"  style="position: relative;">
        <el-col :span="24">
          <div id="chart12" style="width: 100%;height:400px;" />
        </el-col>
-    </el-row>
-    <el-row v-if="isChart1"  style="position: relative;">
+    </el-row> -->
+    <!-- <el-row v-if="isChart1"  style="position: relative;">
       <el-col :span="24">
         <div id="chart2" style="width: 100%;height:400px;" />
       </el-col>
-    </el-row>
-    <el-row style="position: relative;">
+    </el-row> -->
+    <!-- <el-row style="position: relative;">
       <el-col :span="12">
         <div style="height: 50px;">
           <el-select style="float: right;margin-right: 20px;" v-model="pastureName" multiple :multiple-limit="5" collapse-tags placeholder="牧场" @change="changePasture()">
@@ -55,25 +55,25 @@
         </div>
         <div id="chart5" style="width: 100%;height:400px;" />
       </el-col>
-    </el-row>
+    </el-row> -->
 
     <el-row style="position: relative;">
-      <el-col :span="12">
+      <!-- <el-col :span="12">
         <div id="chart6" style="width: 100%;height:400px;" />
-      </el-col>
-      <el-col :span="12">
+      </el-col> -->
+      <el-col :span="24">
         <div id="chart7" style="width: 100%;height:400px;" />
       </el-col>
     </el-row>
 
-    <el-row style="position: relative;">
+    <!-- <el-row style="position: relative;">
       <el-col :span="12">
         <div id="chart8" style="width: 100%;height:400px;" />
       </el-col>
-      <el-col :span="12">
+      <el-col :span="24">
         <div id="chart9" style="width: 100%;height:400px;" />
       </el-col>
-    </el-row>
+    </el-row> -->
   </div>
 
 </template>
@@ -264,12 +264,12 @@ export default {
       this.isChart1 = isChart1
       if(this.isChart1){
         this.getChart1()
-        this.getChart11()
-        this.getChart12()
-        this.getChart2()
+        // this.getChart11()
+        // this.getChart12()
+        // this.getChart2()
       }else{
         this.pastureName = [Cookies.get('pasturename')]
-        this.getChart4()
+        // this.getChart4()
         this.getChart6()
       }
     },
@@ -331,7 +331,7 @@ export default {
           this.chart_data11.data2 = []
           this.chart_data11.xdata = []
         }
-        this.roadChart11(this.chart_data11)
+        // this.roadChart11(this.chart_data11)
       })
     },
     // 单头牛柴油用量
@@ -359,7 +359,7 @@ export default {
           this.chart_data12.line = 0
           this.chart_data12.xdata = []
         }
-        this.roadChart12(this.chart_data12)
+        // this.roadChart12(this.chart_data12)
       })
     },
     // 单头牛燃动费用
@@ -389,7 +389,7 @@ export default {
           this.chart_data2.xdata = []
           this.chart_data2.line = 0
         }
-        this.roadChart2(this.chart_data2)
+        // this.roadChart2(this.chart_data2)
       })
     },
 
@@ -448,7 +448,7 @@ export default {
         }
 
         console.log(this.chart_data4,'chart_data4')
-        this.roadChart4(this.chart_data4)
+        // this.roadChart4(this.chart_data4)
         this.getChart5()
       })
     },
@@ -491,7 +491,7 @@ export default {
           data1:data1,
           xdata:xdata
         }
-        this.roadChart5(this.chart_data5)
+        // this.roadChart5(this.chart_data5)
       })
     },
     // 牧场每月用油量对比
@@ -532,9 +532,9 @@ export default {
           this.getChart8Parm.parammaps.date = response.data.chart_data.months[0]
           this.getChart9Parm.parammaps.date = response.data.chart_data.months[0]
         }
-        this.roadChart6(this.chart_data6)
+        // this.roadChart6(this.chart_data6)
         this.getChart7()
-        this.getChart8()
+        // this.getChart8()
       })
     },
     // XX月每日用油量
@@ -598,7 +598,7 @@ export default {
         if(response.data.list){
           this.getChart9Parm.parammaps.deptName = response.data.list[0].name
         }
-        this.roadChart8(this.chart_data8)
+        // this.roadChart8(this.chart_data8)
         this.getChart9()
       })
     },
@@ -625,7 +625,7 @@ export default {
             xdata:[]
           }
         }
-        this.roadChart9(this.chart_data9)
+        // this.roadChart9(this.chart_data9)
       })
     },
     // 各牧场燃动费用对比
@@ -670,12 +670,12 @@ export default {
       var that = this
       that.chart1.on('click', function(param, i) {
         that.pastureName = [param.name]
-        that.getChart4()
-        that.getChart5()
-        that.getChart6()
+        // that.getChart4()
+        // that.getChart5()
+        // that.getChart6()
         that.getChart7()
-        that.getChart8()
-        that.getChart9()
+        // that.getChart8()
+        // that.getChart9()
       })
     },
     // 各牧场柴油用量对比

src/views/report/queryElec/index.vue

@@ -21,13 +21,13 @@
       </el-col>
     </el-row>
 
-    <el-row v-if="isChart1" style="position: relative;">
+    <!-- <el-row v-if="isChart1" style="position: relative;">
       <el-col :span="24">
         <div id="chart2" style="width: 100%;height:400px;" />
       </el-col>
-    </el-row>
+    </el-row> -->
 
-    <el-row v-if="isChart1" style="position: relative;">
+    <!-- <el-row v-if="isChart1" style="position: relative;">
       <el-col :span="24">
         <div id="chart3" style="width: 100%;height:400px;" />
       </el-col>
@@ -54,13 +54,13 @@
         </div>
         <div id="chart5" style="width: 100%;height:400px;" />
       </el-col>
-    </el-row>
+    </el-row> -->
 
     <el-row style="position: relative;">
-      <el-col :span="12">
+      <!-- <el-col :span="12">
         <div id="chart6" style="width: 100%;height:400px;" />
-      </el-col>
-      <el-col :span="12">
+      </el-col> -->
+      <el-col :span="24">
         <div id="chart7" style="width: 100%;height:400px;" />
       </el-col>
     </el-row>
@@ -227,13 +227,13 @@ export default {
       this.isChart1 = isChart1
       if(this.isChart1){
         this.getChart1()
-        this.getChart2()
-        this.getChart3()
-        this.getChart8()
+        // this.getChart2()
+        // this.getChart3()
+        // this.getChart8()
       }else{
         this.pastureName = [Cookies.get('pasturename')]
-        this.getChart4()
-        this.getChart6()
+        // this.getChart4()
+        this.getChart7()
       }
     },
     // 各牧场年度用电量对比
@@ -265,7 +265,7 @@ export default {
           this.total = 0
         }
         this.roadChart1(this.chart_data1)
-        this.getChart4()
+        // this.getChart4()
         this.getChart6()
       })
     },
@@ -296,7 +296,7 @@ export default {
           this.chart_data2.xdata = []
           this.chart_data2.line = 0
         }
-        this.roadChart2(this.chart_data2)
+        // this.roadChart2(this.chart_data2)
       })
     },
 
@@ -325,7 +325,7 @@ export default {
           this.chart_data3.xdata = []
           this.chart_data3.line =0
         }
-        this.roadChart3(this.chart_data3)
+        // this.roadChart3(this.chart_data3)
       })
     },
 
@@ -383,7 +383,7 @@ export default {
         }
 
         console.log(this.chart_data4,'chart_data4')
-        this.roadChart4(this.chart_data4)
+        // this.roadChart4(this.chart_data4)
         this.getChart5()
       })
     },
@@ -418,7 +418,7 @@ export default {
           data1:data1,
           xdata:xdata
         }
-        this.roadChart5(this.chart_data5)
+        // this.roadChart5(this.chart_data5)
       })
     },
     // XX牧场XX年每月用电量对比
@@ -461,7 +461,7 @@ export default {
           this.getChart7Parm.parammaps.date = ''
         }
 
-        this.roadChart6(this.chart_data6)
+        // this.roadChart6(this.chart_data6)
         this.getChart7()
       })
     },
@@ -518,7 +518,7 @@ export default {
           this.chart_data8.data3= []
           this.chart_data8.xdata = []
         }
-        this.roadChart8(this.chart_data8)
+        // this.roadChart8(this.chart_data8)
       })
     },
     // 各牧场用电量对比

src/views/report/queryWater/index.vue

@@ -21,23 +21,23 @@
       </el-col>
     </el-row>
 
-    <el-row v-if="isChart1" style="position: relative;">
+    <!-- <el-row v-if="isChart1" style="position: relative;">
       <el-col :span="24">
         <div id="chart2" style="width: 100%;height:400px;" />
       </el-col>
-    </el-row>
+    </el-row> -->
 
-    <el-row v-if="isChart1" style="position: relative;">
+    <!-- <el-row v-if="isChart1" style="position: relative;">
       <el-col :span="24">
         <div id="chart3" style="width: 100%;height:400px;" />
       </el-col>
-    </el-row>
-    <el-row v-if="isChart1" style="position: relative;">
+    </el-row> -->
+    <!-- <el-row v-if="isChart1" style="position: relative;">
       <el-col :span="24">
         <div id="chart8" style="width: 100%;height:400px;" />
       </el-col>
-    </el-row>
-    <el-row style="position: relative;">
+    </el-row> -->
+    <!-- <el-row style="position: relative;">
       <el-col :span="12">
         <div style="height: 50px;">
           <el-select style="float: right;margin-right: 20px;" v-model="pastureName" multiple :multiple-limit="5" collapse-tags placeholder="牧场" @change="changePasture()">
@@ -54,13 +54,13 @@
         </div>
         <div id="chart5" style="width: 100%;height:400px;" />
       </el-col>
-    </el-row>
+    </el-row> -->
 
     <el-row style="position: relative;">
-      <el-col :span="12">
+      <!-- <el-col :span="12">
         <div id="chart6" style="width: 100%;height:400px;" />
-      </el-col>
-      <el-col :span="12">
+      </el-col> -->
+      <el-col :span="24">
         <div id="chart7" style="width: 100%;height:400px;" />
       </el-col>
     </el-row>
@@ -223,13 +223,13 @@ export default {
       this.isChart1 = isChart1
       if(this.isChart1){
         this.getChart1()
-        this.getChart2()
-        this.getChart3()
-        this.getChart8()
+        // this.getChart2()
+        // this.getChart3()
+        // this.getChart8()
       }else{
         this.pastureName = [Cookies.get('pasturename')]
-        this.getChart4()
-        this.getChart6()
+        // this.getChart4()
+        this.getChart7()
       }
     },
     // 各牧场年度用水量对比
@@ -261,7 +261,7 @@ export default {
           this.total = 0
         }
         this.roadChart1(this.chart_data1)
-        this.getChart4()
+        // this.getChart4()
         this.getChart6()
       })
     },
@@ -292,7 +292,7 @@ export default {
           this.chart_data2.xdata = []
           this.chart_data2.line = 0
         }
-        this.roadChart2(this.chart_data2)
+        // this.roadChart2(this.chart_data2)
       })
     },
 
@@ -321,7 +321,7 @@ export default {
           this.chart_data3.xdata = []
           this.chart_data3.line =0
         }
-        this.roadChart3(this.chart_data3)
+        // this.roadChart3(this.chart_data3)
       })
     },
 
@@ -377,7 +377,7 @@ export default {
         if(response.data.data3 == null){
           this.chart_data4.data1 = []
         }
-        this.roadChart4(this.chart_data4)
+        // this.roadChart4(this.chart_data4)
         this.getChart5()
       })
     },
@@ -412,7 +412,7 @@ export default {
           data1:data1,
           xdata:xdata
         }
-        this.roadChart5(this.chart_data5)
+        // this.roadChart5(this.chart_data5)
       })
     },
     // XX牧场XX年每月用水量对比
@@ -455,7 +455,7 @@ export default {
           this.getChart7Parm.parammaps.date = ''
         }
 
-        this.roadChart6(this.chart_data6)
+        // this.roadChart6(this.chart_data6)
         this.getChart7()
       })
     },
@@ -512,7 +512,7 @@ export default {
           this.chart_data8.data3= []
           this.chart_data8.xdata = []
         }
-        this.roadChart8(this.chart_data8)
+        // this.roadChart8(this.chart_data8)
       })
     },
     // 各牧场用水量对比