|
@@ -42,6 +42,9 @@
|
|
<el-tab-pane label="日失水量" name="homeLineRef3">
|
|
<el-tab-pane label="日失水量" name="homeLineRef3">
|
|
<div style="height: 200px" ref="homeLineRef3"></div>
|
|
<div style="height: 200px" ref="homeLineRef3"></div>
|
|
</el-tab-pane>
|
|
</el-tab-pane>
|
|
|
|
+ <el-tab-pane label="供热功率" name="homeLineRef4">
|
|
|
|
+ <div style="height: 200px" ref="homeLineRef4"></div>
|
|
|
|
+ </el-tab-pane>
|
|
</el-tabs>
|
|
</el-tabs>
|
|
</div>
|
|
</div>
|
|
</el-col>
|
|
</el-col>
|
|
@@ -110,6 +113,7 @@ export default defineComponent({
|
|
const homeLineRef1 = ref();
|
|
const homeLineRef1 = ref();
|
|
const homeLineRef2 = ref();
|
|
const homeLineRef2 = ref();
|
|
const homeLineRef3 = ref();
|
|
const homeLineRef3 = ref();
|
|
|
|
+ const homeLineRef4 = ref();
|
|
const homePieRef = ref();
|
|
const homePieRef = ref();
|
|
const homeBarRef = ref();
|
|
const homeBarRef = ref();
|
|
const homeFourBarRef = ref();
|
|
const homeFourBarRef = ref();
|
|
@@ -466,15 +470,25 @@ export default defineComponent({
|
|
|
|
|
|
let dom: any;
|
|
let dom: any;
|
|
let data: any;
|
|
let data: any;
|
|
|
|
+ let unit: any;
|
|
|
|
+ // 日热耗:GJ
|
|
|
|
+ // 日电耗:KW.h
|
|
|
|
+ // 日失水量:T
|
|
if (tabName.value === 'homeLineRef1') {
|
|
if (tabName.value === 'homeLineRef1') {
|
|
dom = homeLineRef1.value;
|
|
dom = homeLineRef1.value;
|
|
data = state.flowLossData;
|
|
data = state.flowLossData;
|
|
|
|
+ unit = 'GJ'
|
|
} else if (tabName.value === 'homeLineRef2') {
|
|
} else if (tabName.value === 'homeLineRef2') {
|
|
dom = homeLineRef2.value;
|
|
dom = homeLineRef2.value;
|
|
data = state.elctricConsumptionData;
|
|
data = state.elctricConsumptionData;
|
|
- } else {
|
|
|
|
|
|
+ unit = 'KW.h'
|
|
|
|
+ } else if (tabName.value === 'homeLineRef3') {
|
|
dom = homeLineRef3.value;
|
|
dom = homeLineRef3.value;
|
|
data = state.unitConsumptionData;
|
|
data = state.unitConsumptionData;
|
|
|
|
+ unit = 'T'
|
|
|
|
+ } else {
|
|
|
|
+ dom = homeLineRef4.value;
|
|
|
|
+ data = state.unitConsumptionData;
|
|
}
|
|
}
|
|
|
|
|
|
global.homeCharThree = <any>echarts.init(dom, state.charts.theme);
|
|
global.homeCharThree = <any>echarts.init(dom, state.charts.theme);
|
|
@@ -514,8 +528,20 @@ export default defineComponent({
|
|
yAxis: [
|
|
yAxis: [
|
|
{
|
|
{
|
|
type: 'value',
|
|
type: 'value',
|
|
|
|
+ name: unit,
|
|
},
|
|
},
|
|
],
|
|
],
|
|
|
|
+ dataZoom: [
|
|
|
|
+ {
|
|
|
|
+ type: 'inside',
|
|
|
|
+ start: 0,
|
|
|
|
+ end: 30
|
|
|
|
+ },
|
|
|
|
+ {
|
|
|
|
+ start: 0,
|
|
|
|
+ end: 30
|
|
|
|
+ }
|
|
|
|
+ ],
|
|
series: [
|
|
series: [
|
|
{
|
|
{
|
|
...common,
|
|
...common,
|