emsApplication/applications/WebConfigure/web/fsu_model/partials/deviceInfo.html

153 lines
6.3 KiB
HTML
Raw Permalink Normal View History

2024-05-24 12:19:45 +08:00
<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>