修改瑞士恒通大屏

This commit is contained in:
严妍 2023-05-15 16:29:36 +08:00
parent 6e0d3b017a
commit 1497ceac83

View File

@ -5,7 +5,7 @@
<div class="list-item" v-if="pageType == 1">
<div class="item-content">
<div class="item-title"><span></span>智能监测</div>
<div class="item-detail">
<div>
<ul class="monitor-list">
<li v-for="(item,index) in statisticsDevCount" :key="index">
<p><b>{{item.devOnline}}</b>/{{item.devNum}}</p>
@ -19,9 +19,9 @@
<div class="list-item" v-if="pageType == 1">
<div class="item-content">
<div class="item-title"><span></span>巡检情况</div>
<div class="item-detail">
<div class="condition-title">检查总数<span>208</span></div>
<div ref="echart1" style="width:100%; height:148px"></div>
<div class="item-detail">暂无数据
<!-- <div class="condition-title">检查总数<span>208</span></div>
<div ref="echart1" style="width:100%; height:148px"></div> -->
</div>
</div>
</div>
@ -29,8 +29,8 @@
<div class="list-item" v-if="pageType == 1">
<div class="item-content">
<div class="item-title"><span></span>累计预警工程排行</div>
<div class="item-detail">
<div ref="echart2" style="width:100%; height:177px"></div>
<div class="item-detail">暂无数据
<!-- <div ref="echart2" style="width:100%; height:177px"></div> -->
</div>
</div>
</div>
@ -723,6 +723,18 @@ export default {
box-sizing: border-box;
padding-bottom: 6px;
}
.item-detail:nth-child(2){
line-height: 180px;
text-align: center;
width: 100%;
height:180px;
}
.item-detail:nth-child(3){
line-height: 180px;
text-align: center;
width: 100%;
height:180px;
}
.monitor-list{
display: flex;
flex-wrap: wrap;