修改瑞士恒通大屏

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