You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
87 lines
3.6 KiB
87 lines
3.6 KiB
<!--package/AIOTOverview/AIOTOverview.wxml-->
|
|
|
|
<view>
|
|
<!--用电设备状态总览-->
|
|
<view class="card">
|
|
<view class="top">
|
|
<view style="display: flex; align-items: center;">
|
|
<text class="fontStyle">用电设备状态总览</text>
|
|
</view>
|
|
<view class="detailStyle">
|
|
<van-button type="info" round size="small" bindtap="navigatorToEle">查看详情</van-button>
|
|
</view>
|
|
</view>
|
|
<view class="card-content">
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left" style="font-weight: bold;">设备数量</view>
|
|
<view class="content-right" style="font-weight: bold;">{{data.length+'个'}}</view>
|
|
</view>
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left">正常设备</view>
|
|
<view class="content-right">{{normal+'个'}}</view>
|
|
</view>
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left">异常设备</view>
|
|
<view class="content-right" style="color:red">{{abnormal+'个'}}</view>
|
|
</view>
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left">未知</view>
|
|
<view class="content-right">{{unknown+'个'}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!--物联网卡状态总览-->
|
|
<view class="card">
|
|
<view class="top">
|
|
<view style="display: flex; align-items: center;">
|
|
<text class="fontStyle">物联网卡状态总览</text>
|
|
</view>
|
|
<view class="detailStyle">
|
|
<van-button type="info" round size="small" bindtap="navigatorToFlow">查看详情</van-button>
|
|
</view>
|
|
</view>
|
|
<view class="card-content">
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left" style="font-weight: bold;">设备数量</view>
|
|
<view class="content-right" style="font-weight: bold;">{{iotaCardData.length+'个'}}</view>
|
|
</view>
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left">正常</view>
|
|
<view class="content-right">{{iotCardNormal+'个'}}</view>
|
|
</view>
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left">未激活</view>
|
|
<view class="content-right">{{iotCardNonactivated+'个'}}</view>
|
|
</view>
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left">停机</view>
|
|
<view class="content-right" style="color:red">{{iotCardHalt+'个'}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!--宽带专网总览-->
|
|
<view class="card">
|
|
<view class="top">
|
|
<view style="display: flex; align-items: center;">
|
|
<text class="fontStyle">宽带专网总览</text>
|
|
</view>
|
|
<view class="detailStyle">
|
|
<van-button type="info" round size="small" bindtap="navigatorToNet">查看详情</van-button>
|
|
</view>
|
|
</view>
|
|
<view class="card-content">
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left" style="font-weight: bold;">专网条数</view>
|
|
<view class="content-right" style="font-weight: bold;">{{(count.normal+count.abnormal)+'条'}}</view>
|
|
</view>
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left">正常</view>
|
|
<view class="content-right">{{count.normal+'条'}}</view>
|
|
</view>
|
|
<view class="row flex flex-between detail">
|
|
<view class="content-left">欠费</view>
|
|
<view class="content-right" style="color:red">{{count.abnormal+'条'}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|