首页样式调整
This commit is contained in:
parent
f7bb99af92
commit
6330e0b447
@ -45,7 +45,7 @@
|
||||
<!--今日运行状态-->
|
||||
<div class="status panelBg">
|
||||
<el-text class="mx-1 homelabel" style="margin-bottom: 0;">今日运行状态</el-text>
|
||||
<el-row :gutter="10" class="statusrow">
|
||||
<el-row :gutter="10" class="statusrow" style="margin-bottom: 0;">
|
||||
<el-col :span="12">
|
||||
<div class="status-panel">
|
||||
<img class="status-panel-pic" src="~assets/dashboard/status1.png" alt="">
|
||||
@ -186,7 +186,7 @@
|
||||
</div>
|
||||
|
||||
<!--功率趋势-->
|
||||
<div class="power panelBg" style="margin-bottom: 0;">
|
||||
<div class="power panelBg" style="margin-bottom: 0;padding-bottom: 10px;">
|
||||
<el-text class="mx-1 homelabel">功率趋势</el-text>
|
||||
<el-row :gutter="10">
|
||||
<el-col class="lg-mb-20" :span="24">
|
||||
@ -286,7 +286,7 @@
|
||||
</div>
|
||||
|
||||
<!--实时告警-->
|
||||
<div class="trend panelBg" style="margin-bottom: 0;">
|
||||
<div class="realPart panelBg" style="margin-bottom: 0;">
|
||||
<el-text class="mx-1 homelabel">实时告警</el-text>
|
||||
<el-row :gutter="10">
|
||||
<el-col :span="24">
|
||||
@ -475,7 +475,7 @@ const StatusListData = () => {
|
||||
|
||||
propertiesToFormat.forEach(property => {
|
||||
if (currentDayStatus.value[property] !== null && currentDayStatus.value[property] !== undefined) {
|
||||
currentDayStatus.value[property] = Number(currentDayStatus.value[property].toFixed(2));
|
||||
currentDayStatus.value[property] = Number(currentDayStatus.value[property].toFixed(1));
|
||||
}
|
||||
});
|
||||
return {
|
||||
@ -1187,7 +1187,7 @@ onUnmounted(() => {
|
||||
margin: 0;
|
||||
color: #4E5969;
|
||||
background-color: #F2F3F5;
|
||||
overflow-x: hidden;
|
||||
overflow: hidden;
|
||||
.content-number{
|
||||
color: #333333;
|
||||
font-size: 20px;
|
||||
@ -1267,11 +1267,11 @@ onUnmounted(() => {
|
||||
.power{
|
||||
.power-chart{
|
||||
width: 100%;
|
||||
height: 265px;
|
||||
height: 286px;
|
||||
}
|
||||
@media screen and (max-width: 1920px) {
|
||||
.power-chart{
|
||||
height: 250px;
|
||||
height: 230px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1342,9 +1342,18 @@ onUnmounted(() => {
|
||||
height: 260px;
|
||||
}
|
||||
}
|
||||
.realPart{
|
||||
height: 370px;
|
||||
}
|
||||
@media screen and (max-width: 1920px) {
|
||||
.matrix{
|
||||
height:928px
|
||||
}
|
||||
.realPart{
|
||||
height: 343px;
|
||||
}
|
||||
.trend{
|
||||
height: 350px;
|
||||
height: 320px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1353,7 +1362,7 @@ onUnmounted(() => {
|
||||
}
|
||||
@media screen and (max-width: 1920px) {
|
||||
.default-main{
|
||||
height: auto;
|
||||
height: 928px;
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user