153 lines
6.3 KiB
HTML
153 lines
6.3 KiB
HTML
<div class="container-fluid Stick-Click device-info" ng-controller="deviceInfoCtrl" id="rollBtn_top" style=" padding-left: 10px;">
|
|
<div id="rollAlarm_top"></div>
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<h1 class="page-header" >
|
|
<div class="pull-right" style="line-height:40px;">
|
|
<div ng-class="device.colorClass()">
|
|
<span>
|
|
<i ng-class="device.iconClass()"> </i>
|
|
<i class="fa"> </i>
|
|
</span>
|
|
<span>
|
|
<h5 class="pull-right"> {{device.info}}</h5>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</h1>
|
|
</div>
|
|
<!-- /.col-lg-12 -->
|
|
</div>
|
|
<!-- 活动告警 -->
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading" ng-init="hideAlarm=false" ng-click="hideAlarm = !hideAlarm">
|
|
<i class="fa fa-bell fa-fw"> </i> {{languageJson.RoomHome.AlarmTitle.EquipmetnAlarm.Title}}
|
|
<i class="fa fa-fw" ng-class="hideAlarm?'fa-chevron-down':'fa-chevron-up'" style="float: right;margin-right: 8px;"></i>
|
|
</div><!--设备告警-->
|
|
<!-- /.panel-heading -->
|
|
<div class="panel-body" >
|
|
<div class="table-responsive" ng-hide="hideAlarm">
|
|
<table class="table table-condensed table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-center">{{languageJson.RoomHome.AlarmTitle.EquipmetnAlarm.Alarm}}</th><!--告警-->
|
|
<th ng-if="isFunRights('告警.告警确认')">{{languageJson.RoomHome.AlarmTitle.EquipmetnAlarm.Operation}}</th><!--操作-->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="alarm in alarms">
|
|
<td class="col-md-11">
|
|
<div>
|
|
<span>
|
|
<span>
|
|
<i class="fa fa-bell fa-fw alarmLevel{{alarm.alarmLevel}}">
|
|
</i>
|
|
</span> {{alarm.alarmContent}}
|
|
<span class="text-muted small">
|
|
<em> {{ alarm.startTime }}</em>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</td>
|
|
<td class="col-md-1" ng-show="isFunRights('告警.告警确认')">
|
|
<button type="button" style="border:0px;"
|
|
class="btn btn-default text-center"
|
|
ng-click="beginEndAlarm(alarm.uniqueId)">
|
|
<i class="fa fa-check"></i>
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 实时数据 -->
|
|
<div class="row">
|
|
<!-- Return To Page -->
|
|
<div class="col-lg-12">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading" ng-init="hideSignal=false" ng-click="hideSignal = !hideSignal">
|
|
<i class="fa fa-list-alt fa-fw"> </i> {{languageJson.RoomHome.AlarmTitle.DataTable.Title}}
|
|
<i class="fa fa-fw" ng-class="hideSignal?'fa-chevron-down':'fa-chevron-up'" style="float: right;margin-right: 8px;"></i>
|
|
</div><!--实时数据-->
|
|
<!-- /.panel-heading -->
|
|
<div class="panel-body" >
|
|
<div class="table-responsive" ng-hide="hideSignal">
|
|
<div class="col-lg-12" style="margin: 5px 0px;">
|
|
<div class="col-lg-12">
|
|
<input type="text" class="form-control" ng-model="SignalName" placeholder="{{languageJson.RoomHome.AlarmTitle.DataTable.FilterSignal}}" Virtual-Key-Board="SignalName"/>
|
|
</div>
|
|
</div>
|
|
|
|
<table class="table table-condensed table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th width="10%">{{languageJson.RoomHome.AlarmTitle.DataTable.Status}}</th><!--状态-->
|
|
<th>{{languageJson.RoomHome.AlarmTitle.DataTable.Signal}}</th><!--信号-->
|
|
<th>{{languageJson.RoomHome.AlarmTitle.DataTable.Value}}</th><!--值-->
|
|
<th width="20%">{{languageJson.RoomHome.AlarmTitle.DataTable.Time}}</th><!--时间-->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="sig in tableParams.list | filter:{signalName:SignalName}">
|
|
<td ng-class = "getStatusTextClass('col-md-1', sig.alarmSeverity)" >
|
|
<span>
|
|
<i ng-class="getStatusIconClass(sig.alarmSeverity)"></i>
|
|
</span>
|
|
{{getStatusLabel(sig.alarmSeverity)}}
|
|
</td>
|
|
<td class = "col-md-3">{{sig.signalName}}</td>
|
|
<td class = "col-md-3">{{sig.currentValue}}</td>
|
|
<td class = "col-md-2">{{sig.updateTime}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<!-- 使用方法请参照Directives.js => tablePaging -->
|
|
<table-Paging table-Param="tableParams" filter-Param="filter"></table-Paging>
|
|
</div>
|
|
</div>
|
|
<!-- /.panel-body -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 设备控制 -->
|
|
<div class="row device-controls" ng-if="isFunRights('设备.设备控制')">
|
|
<div class="col-lg-12">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading" ng-init="hideControl=false" ng-click="hideControl = !hideControl">
|
|
<i class="fa fa-toggle-on fa-fw"> </i> {{languageJson.RoomHome.ControlTitle.Title}}
|
|
<i class="fa fa-fw" ng-class="hideControl?'fa-chevron-down':'fa-chevron-up'" style="float: right;margin-right: 8px;"></i>
|
|
</div><!--设备控制-->
|
|
<div class="panel-body" >
|
|
<div class="table-responsive" ng-hide="hideControl">
|
|
<div class="controls">
|
|
<div class="control" ng-repeat="item in Controls">
|
|
<button class="btn btn-primary" ng-click="sendControlClk(item)">{{item.ControlName+(item.CommandType==2?' '+item.Meanings:'')}}</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--回到顶部-->
|
|
<div align="right" id = "rollBtn" Stick-Click="'#rollBtn_top'" title = "{{languageJson.RoomHome.AlarmTitle.DataTable.Top}}" style="display: block">
|
|
<span class="fa fa-arrow-circle-up" style = "font-size: 50px"></span>
|
|
</div>
|
|
<!-- 设备信息 -->
|
|
<!-- <div align="right" id = "rollInfo" title = "{{languageJson.RoomHome.AlarmTitle.DataTable.Info}}" style="display: block" ng-click="showDeviceInfoClick()">
|
|
<span class="fa fa-info-circle" style = "font-size: 50px"></span>
|
|
</div> -->
|
|
<!--跳到告警-->
|
|
<div align="right" id = "rollInfo" Stick-Click="'#rollBtn_bottom'" title = "{{languageJson.RoomHome.AlarmTitle.DataTable.Bottom}}" style="display: block">
|
|
<span class="fa fa-arrow-circle-down" style = "font-size: 50px"></span>
|
|
</div>
|
|
<div id="rollBtn_bottom"></div>
|
|
</div>
|