|
@@ -7,16 +7,21 @@
|
|
<div class="panel powerView">
|
|
<div class="panel powerView">
|
|
<h2>用电量概览</h2>
|
|
<h2>用电量概览</h2>
|
|
<div class="powerBox">
|
|
<div class="powerBox">
|
|
- <power-top></power-top>
|
|
|
|
|
|
+ <power-top :dayMonthData="dayMonthData"></power-top>
|
|
<div class="powerViewBottom">
|
|
<div class="powerViewBottom">
|
|
<div class="filterSec">
|
|
<div class="filterSec">
|
|
- <select name="" id="">
|
|
|
|
- <option value="11">日</option>
|
|
|
|
- <option value="22">月</option>
|
|
|
|
|
|
+ <select
|
|
|
|
+ name=""
|
|
|
|
+ id=""
|
|
|
|
+ ref="select_timeShare"
|
|
|
|
+ @change="select_timeShare"
|
|
|
|
+ >
|
|
|
|
+ <option :value="1">日</option>
|
|
|
|
+ <option :value="2">月</option>
|
|
</select>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="eleShareTit">分时电量</div>
|
|
<div class="eleShareTit">分时电量</div>
|
|
- <ele-share-chart></ele-share-chart>
|
|
|
|
|
|
+ <ele-share-chart :select_value="select_value"></ele-share-chart>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-footer"></div>
|
|
<div class="panel-footer"></div>
|
|
@@ -24,7 +29,7 @@
|
|
</div>
|
|
</div>
|
|
<div class="column mapBox">
|
|
<div class="column mapBox">
|
|
<div class="mapSec" style="height: 100%; z-index: 9; width: 100%">
|
|
<div class="mapSec" style="height: 100%; z-index: 9; width: 100%">
|
|
- <model-static-top></model-static-top>
|
|
|
|
|
|
+ <model-static-top :dayMonthData="dayMonthData"></model-static-top>
|
|
<i class="siteIcon" @click="modalShow"></i>
|
|
<i class="siteIcon" @click="modalShow"></i>
|
|
|
|
|
|
<modal-box
|
|
<modal-box
|
|
@@ -119,6 +124,8 @@ import pieChart from "./components/Overview/pieChart";
|
|
import pieChart2 from "./components/Overview/pieChart2";
|
|
import pieChart2 from "./components/Overview/pieChart2";
|
|
import modalBox from "./components/Overview/modalBox";
|
|
import modalBox from "./components/Overview/modalBox";
|
|
import EleShareChart from "./components/Overview/eleShareChart.vue";
|
|
import EleShareChart from "./components/Overview/eleShareChart.vue";
|
|
|
|
+import api from "@/api/Overview/index";
|
|
|
|
+import { ElMessage } from "element-plus";
|
|
|
|
|
|
export default {
|
|
export default {
|
|
name: "index",
|
|
name: "index",
|
|
@@ -140,11 +147,39 @@ export default {
|
|
return {
|
|
return {
|
|
show: false,
|
|
show: false,
|
|
msg: 0,
|
|
msg: 0,
|
|
|
|
+ dayMonthData: null,
|
|
|
|
+ epLoad: null,
|
|
|
|
+ select_value: 1,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
created() {},
|
|
created() {},
|
|
- mounted() {},
|
|
|
|
|
|
+ mounted() {
|
|
|
|
+ this.dayMonthYearEp();
|
|
|
|
+ },
|
|
methods: {
|
|
methods: {
|
|
|
|
+ select_timeShare() {
|
|
|
|
+ this.select_value = parseInt(this.$refs.select_timeShare.value);
|
|
|
|
+ },
|
|
|
|
+ /**
|
|
|
|
+ * @用电量概览 -> 月度年度今日用电量
|
|
|
|
+ */
|
|
|
|
+ dayMonthYearEp() {
|
|
|
|
+ var _this = this;
|
|
|
|
+ api
|
|
|
|
+ .dayMonthYearEp({
|
|
|
|
+ siteId: _this.$store.state.siteId,
|
|
|
|
+ })
|
|
|
|
+ .then((requset) => {
|
|
|
|
+ if (requset.status === "SUCCESS") {
|
|
|
|
+ this.dayMonthData = requset.data;
|
|
|
|
+ } else {
|
|
|
|
+ ElMessage.success({
|
|
|
|
+ message: requset.msg,
|
|
|
|
+ type: "success",
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
modalShow() {
|
|
modalShow() {
|
|
this.show = !this.show;
|
|
this.show = !this.show;
|
|
},
|
|
},
|
|
@@ -154,7 +189,7 @@ export default {
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
"$store.state.siteId"() {
|
|
"$store.state.siteId"() {
|
|
- this.show = false
|
|
|
|
|
|
+ this.show = false;
|
|
},
|
|
},
|
|
},
|
|
},
|
|
};
|
|
};
|