|
|
@@ -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()
|
|
|
})
|
|
|
},
|
|
|
// 各牧场柴油用量对比
|
Shan9312