RIZO/SmartEnergyConsumptionSystemCaseVue
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

123

Browse Source
This commit is contained in:
赵正易 2025-09-04 13:29:48 +08:00
parent 696762c329
commit 4d98496359
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/views/index.vue
View File

@ -2,13 +2,14 @@
<div class="page" style="padding-left: 8px; padding-top: 8px">
<CardHeader :showBtn="true" :active="'0'" :period="period" @handleClick="handleTimeType">
<span class="card-header-title">
全厂能耗统计
上海干巷能耗统计
<el-button @click="dialogVisible = true" v-if="list.length > 1" type="primary" size="small" class="header-more-btn"> 查看更多 </el-button>
</span>
</CardHeader>
<template v-for="(row, rowIndex) in list" :key="rowIndex" v-loading="loading02">
<div class="card-list" v-if="settingsStore.sideTheme == 'theme-dark' && rowIndex == 0">
<template v-for="(item, index) in row" :key="index">
<!--能耗统计-->
<div class="card-list-item">
<div class="item-left">
<div class="top-icon"
@ -105,18 +106,19 @@
</template>
</div>
</template>
<!-- 图表 -->
<div class="page-main">
<el-row :gutter="9" style="margin-bottom: 27px">
<el-col :span="12">
<el-card>
<CardHeader :period="period" @handleClick="handleTimeType"> 能耗趋势 </CardHeader>
<CardHeader :period="period" @handleClick="handleTimeType"> 上海干巷能耗趋势 </CardHeader>
<div id="Chart1" class="chart" v-loading="loading1" />
</el-card>
</el-col>
<el-col :span="12">
<el-card>
<CardHeader :period="period" @handleClick="handleTimeType"> 全厂能耗占比 </CardHeader>
<CardHeader :period="period" @handleClick="handleTimeType"> 上海干巷能耗占比 </CardHeader>
<div id="Chart2" class="chart" v-loading="loading02" />
</el-card>
</el-col>
@ -125,7 +127,7 @@
<el-col :span="12">
<el-card>
<CardHeader :showBtn="true" :period="period" :active="'3'" @handleClick="handleTimeType">
厂区能耗排名TOP{{ listEnergyConsumptionRankingLength || "" }}
上海干巷能耗排名TOP{{ listEnergyConsumptionRankingLength || "" }}
</CardHeader>
<div class="top-header">
<div class="header-left">
@ -319,7 +321,17 @@ const bgList = ref([
iconBg: "#8833FF"
},
])
const list = ref([[{}, {}, {}, {}, {}]])
const list = ref([
[
{ energyName: "电耗", energyUnit: "kWh", count: 12500, tongbi: 5.2, huanbi: -2.1 },
{ energyName: "水耗", energyUnit: "m³", count: 860, tongbi: 3.5, huanbi: 1.8 },
{ energyName: "气耗", energyUnit: "m³", count: 3200, tongbi: -1.2, huanbi: -0.5 },
{ energyName: "煤耗", energyUnit: "t", count: 150, tongbi: 8.3, huanbi: 4.2 },
{ energyName: "油耗", energyUnit: "L", count: 920, tongbi: 2.7, huanbi: 1.3 }
]
])
console.log(list.value);
const listEnergyConsumptionRankingLength = ref(0)
const dialogVisible = ref(false)
const loading02 = ref(false)
@ -361,7 +373,7 @@ onMounted(() => {
// 首页-全厂能耗统计/全厂能耗占比-列表
function getListEnergyConsumptionSummation() {
loading02.value = true
list.value = []
// list.value = []
listEnergyConsumptionSummation(
proxy.addDateRange({
...queryParams.value,