sx/map
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

首页

Browse Source
This commit is contained in:
fengrong 2024-12-10 17:02:45 +08:00
parent f77d4c8a3b
commit 2f21e4de10
1 changed files with 70 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
ui/dasadmin/src/views/backend/dashboard.vue
View File

@ -5,7 +5,66 @@
<el-row class="overview"> <el-row class="overview">
<el-col :xs="24" :sm="24" :md="24" :lg="16"> <el-col :xs="24" :sm="24" :md="24" :lg="16">
<div class="overviewItem" style="margin-left: 0px;"> <div class="overviewItem" style="margin-left: 0px;">
<el-col :xs="1" :sm="1" :md="1" :lg="1"> <img class="small-panel-pic" src="~assets/dashboard/overview07.png" alt="" />
<div class="smallBox" style="width: 14%;margin-left: -10px;">
<div class="small-base">
<div class="small-value">
<span class="content-number">{{realData.attributeMap.windfarmavgwindspeed}}</span>
<span>m/s</span>
</div>
<div class="small-title">平均风速</div>
</div>
</div>
<div class="smallBox">
<div class="small-base">
<div class="small-value">
<span class="content-number">{{realData.attributeMap.windfarmactivepower}}</span>
<span>kW</span>
</div>
<div class="small-title">实时有功</div>
</div>
</div>
<div class="smallBox">
<div class="small-base">
<div class="small-value">
<span class="content-number">{{realData.attributeMap.windfarmreactivepower}}</span>
<span>kvar</span>
</div>
<div class="small-title">实时无功</div>
</div>
</div>
<div class="smallBox">
<div class="small-base">
<div class="small-value">
<span class="content-number">{{realData.attributeMap.windfarmdayprodenergy}}</span>
<span>万kWh</span>
</div>
<div class="small-title">日发电量</div>
</div>
</div>
<div class="smallBox">
<div class="small-base">
<div class="small-value">
<span class="content-number">{{realData.attributeMap.windfarmmonthprodenergy}}</span>
<span>万kWh</span>
</div>
<div class="small-title">本月发电量</div>
</div>
</div>
<div class="smallBox">
<div class="small-base" style="border: none;">
<div class="small-value">
<span class="content-number">{{realData.attributeMap.windfarmyearprodenergy}}</span>
<span>万kWh</span>
</div>
<div class="small-title">年发电量</div>
</div>
</div>
<!-- <el-col :xs="1" :sm="1" :md="1" :lg="1">
<img class="small-panel-pic" src="~assets/dashboard/overview07.png" alt="" /> <img class="small-panel-pic" src="~assets/dashboard/overview07.png" alt="" />
</el-col> </el-col>
@ -66,7 +125,7 @@
</div> </div>
<div class="small-title">年发电量</div> <div class="small-title">年发电量</div>
</div> </div>
</el-col> </el-col>-->
</div> </div>
</el-col> </el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="8"> <el-col :xs="24" :sm="24" :md="24" :lg="8">
@ -602,6 +661,7 @@ $labelHeight: 30px;
margin: 5px; margin: 5px;
align-items: center; align-items: center;
color: #4E5969; color: #4E5969;
justify-content: space-between;
.small-panel-pic{ .small-panel-pic{
width: 80px; width: 80px;
height: 80px; height: 80px;
@ -610,6 +670,14 @@ $labelHeight: 30px;
text-align: center; text-align: center;
border-right: 1px #eeeeee solid; border-right: 1px #eeeeee solid;
} }
.smallBox{
width: 18%;
.small-base{
text-align: center;
border-right: 1px #eeeeee solid;
}
}
} }
} }