<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8"/>
|
<meta name="renderer" content="webkit"/>
|
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
|
<meta name="full-screen" content="true">
|
<meta name="viewport"
|
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/>
|
<title>运维管理系统-大屏监控</title>
|
<meta name="description" content="" />
|
<meta name="keywords" content="" />
|
<link rel="shortcut icon" href="favicon.png"/>
|
<script rembox data-design-width="1920" data-max-client-width="4096" src="js/rembox.js"></script>
|
<link rel="stylesheet" href="css/page/single/style.css"/>
|
<link rel="stylesheet" href="css/page/single/single-3126.css"/>
|
|
<style>
|
/** 背景动效*/
|
#particles-js {
|
width: 100%;
|
height: 1080px;
|
background-color: #04162d;
|
/*background-image: url('');*/
|
background-size: cover;
|
background-position: 50% 50%;
|
background-repeat: no-repeat;
|
}
|
.progress-bar{
|
position: absolute;
|
top: -1px;
|
left: 0;
|
z-index: 1;
|
border-radius: 7px;
|
height: 12px;
|
background: #4fccff;
|
}
|
|
</style>
|
</head>
|
|
<body id="body">
|
<!-- 头部 -->
|
<!-- 头部 -->
|
<!-- banner -->
|
<!-- banner -->
|
<!-- 内容 -->
|
<div class="main" style="position: absolute;left: 0px;top: 0px;right: 0px;bottom: 0px;z-index:2;">
|
<div class="g-box">
|
<div class="m-topl">
|
<!-- <a href="" class="back"><i></i>返回首页</a>-->
|
<div class="date"><i></i><span id="dayTime">2019-11-12 20:30:56</span></div>
|
</div>
|
<div class="m-titl1">
|
<h3 id="main-title" class="tit">智能运维管理平台</h3>
|
</div>
|
<div class="m-desc">
|
<p id="main-slogan">严格程序，精心操作，规范行为，保障安全</p>
|
</div>
|
<div class="m-box">
|
<div class="col-l" style="width: 30%">
|
<div class="g-chart gjjk">
|
<div class="g-titl">
|
<h3 class="tit"><i></i>警告监控</h3>
|
</div>
|
<!-- 警告监控 -->
|
<div class="g-content databoard-monitor databoard-box">
|
|
<div class="databoard-monitor__list">
|
<table>
|
<thead>
|
<tr>
|
<th>警告说明</th>
|
<th>警告状态</th>
|
<th>报警时间</th>
|
</tr>
|
</thead>
|
<tbody id="warnInfoTBody">
|
|
<tr>
|
<td>超过伐值警告</td>
|
<td>未处理</td>
|
<td>2020-03-09 16:01:29</td>
|
</tr>
|
<tr>
|
<td>超过伐值警告</td>
|
<td>未处理</td>
|
<td>2020-03-09 16:01:29</td>
|
</tr>
|
<tr>
|
<td>超过伐值警告</td>
|
<td>未处理</td>
|
<td>2020-03-09 16:01:29</td>
|
</tr>
|
<tr>
|
<td>超过伐值警告</td>
|
<td>未处理</td>
|
<td>2020-03-09 16:01:29</td>
|
</tr>
|
<tr>
|
<td>超过伐值警告</td>
|
<td>未处理</td>
|
<td>2020-03-09 16:01:29</td>
|
</tr>
|
<tr>
|
<td>超过伐值警告</td>
|
<td>未处理</td>
|
<td>2020-03-09 16:01:29</td>
|
</tr>
|
<tr>
|
<td>超过伐值警告</td>
|
<td>未处理</td>
|
<td>2020-03-09 16:01:29</td>
|
</tr>
|
<tr>
|
<td>超过伐值警告</td>
|
<td>未处理</td>
|
<td>2020-03-09 16:01:29</td>
|
</tr>
|
|
|
</tbody>
|
</table>
|
</div>
|
|
|
</div>
|
</div>
|
</div>
|
|
|
<div class="col-c" style="width: 34.3%;margin-right: 0%;">
|
|
<div class="g-chart l2 db" style="width: 97.6%;height: 540px;">
|
<div class="g-titl">
|
<h3 class="tit"><i></i>生产区负荷监视</h3>
|
</div>
|
|
<div class="databoard-box databoard-electric">
|
<h2 class="title">总功率：<span id="l_power">0kW</span></h2>
|
<h2 class="title">
|
功率限值1：<span id="power_max_1" style="margin-right: 20px;">0kW</span>
|
功率限值2：<span id="power_max_2">0kW</span>
|
</h2>
|
<div style="width: 99%;border: 0.3px solid rgba(22, 42, 95, 1);"></div>
|
|
<div style="width: 49%;float: left;">
|
<h2 class="title" id="model_ll_es_deviceName">电表1</h2>
|
<div class="content ui-row main-between" style="padding: 0px 8px;">
|
<div class="databoard-electric__dvc">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相电压：<span id="model_ll_es_ua">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_ll_es_ua_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相电压：<span id="model_ll_es_ub">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_ll_es_ub_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相电压：<span id="model_ll_es_uc">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_ll_es_uc_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-electric__ec">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相电流：<span id="model_ll_es_ia">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_ll_es_ia_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相电流：<span id="model_ll_es_ib">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_ll_es_ib_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相电流：<span id="model_ll_es_ic">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_ll_es_ic_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-electric__dvc">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">总功率因数：<span id="model_ll_es_power_factor_sum">0</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_ll_es_power_factor_sum_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">总功率：<span id="model_ll_es_power">0kW</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_ll_es_power_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label white">总功率因数：<span id="model_ll_es_power_factor_a">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="progress-bar" id="model_ll_es_power_factor_a_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label">B相功率因数：<span id="model_ll_es_power_factor_b">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="databoard-electric__ratio--rate" id="model_ll_es_power_factor_b_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label">C相功率因数：<span id="model_ll_es_power_factor_c">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="databoard-electric__ratio--rate" id="model_ll_es_power_factor_c_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
</ul>
|
</div>
|
|
<div class="databoard-electric__ec">
|
<ul class="databoard-electric__list">
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label white">总功率：<span id="model_ll_es_power">0kW</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="progress-bar" id="model_ll_es_power_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">正向电能：<span id="model_ll_es_paee">0kWH</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_ll_es_paee_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">反向电能：<span id="model_ll_es_rae">0kWH</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_ll_es_rae_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="ui-row main-between cross-center content databoard-electric__label-text" style="margin-top: 60px;padding: 0px 5px;">
|
<div class="ui-row main-around ui-col p0 databoard-electric__ratio-label">
|
<span class="databoard-electric__ratio-label--item">A相</span>
|
<span class="databoard-electric__ratio-label--item">B相</span>
|
<span class="databoard-electric__ratio-label--item">C相</span>
|
</div>
|
<div class="databoard-electric__frequency">频率：<span id="model_ll_es_fr">0Hz</span></div>
|
</div>
|
</div>
|
|
<div style="width: 1px;height:464px;float: left;border: 0.3px solid rgba(22, 42, 95, 1);">
|
|
</div>
|
|
|
<div style="width: 49%;float: left;">
|
<h2 class="title" id="model_lr_es_deviceName">电表2</h2>
|
<div class="content ui-row main-between" style="padding: 0px 8px;">
|
<div class="databoard-electric__dvc">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相电压：<span id="model_lr_es_ua">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_lr_es_ua_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相电压：<span id="model_lr_es_ub">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_lr_es_ub_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相电压：<span id="model_lr_es_uc">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_lr_es_uc_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-electric__ec">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相电流：<span id="model_lr_es_ia">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_lr_es_ia_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相电流：<span id="model_lr_es_ib">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_lr_es_ib_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相电流：<span id="model_lr_es_ic">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_lr_es_ic_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-electric__dvc">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">总功率因数：<span id="model_lr_es_power_factor_sum">0</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_lr_es_power_factor_sum_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">总功率：<span id="model_lr_es_power">0kW</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_lr_es_power_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label white">总功率因数：<span id="model_lr_es_power_factor_a">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="progress-bar" id="model_lr_es_power_factor_a_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label">B相功率因数：<span id="model_lr_es_power_factor_b">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="databoard-electric__ratio--rate" id="model_lr_es_power_factor_b_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label">C相功率因数：<span id="model_lr_es_power_factor_c">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="databoard-electric__ratio--rate" id="model_lr_es_power_factor_c_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
</ul>
|
</div>
|
|
<div class="databoard-electric__ec">
|
<ul class="databoard-electric__list">
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label white">总功率：<span id="model_lr_es_power">0kW</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="progress-bar" id="model_lr_es_power_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">正向电能：<span id="model_lr_es_paee">0kWH</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_lr_es_paee_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">反向电能：<span id="model_lr_es_rae">0kWH</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_lr_es_rae_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="ui-row main-between cross-center content databoard-electric__label-text" style="margin-top: 60px;padding: 0px 5px;">
|
<div class="ui-row main-around ui-col p0 databoard-electric__ratio-label">
|
<span class="databoard-electric__ratio-label--item">A相</span>
|
<span class="databoard-electric__ratio-label--item">B相</span>
|
<span class="databoard-electric__ratio-label--item">C相</span>
|
</div>
|
<div class="databoard-electric__frequency">频率：<span id="model_lr_es_fr">0Hz</span></div>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="g-chart l2 ups" style="width: 97.6%;height: 340px;">
|
<div class="g-titl">
|
<h3 class="tit"><i></i><span>1UPS电源</span></h3>
|
</div>
|
|
<div style="width: 99%;float: left;">
|
<div class="content ui-row main-between" style="padding: 0px 8px;">
|
<div class="databoard-ups-in-u">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相输入电压：<span id="model_l_ups_in_ua">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_in_ua_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相输入电压：<span id="model_l_ups_in_ub">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_in_ub_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相输入电压：<span id="model_l_ups_in_uc">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_in_uc_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-ups-in-i">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相输入电流：<span id="model_l_ups_in_ia">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_in_ia_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相输入电流：<span id="model_l_ups_in_ib">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_in_ib_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相输入电流：<span id="model_l_ups_in_ic">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_in_ic_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-ups-out-u">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相输出电压：<span id="model_l_ups_out_ua">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_out_ua_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相输出电压：<span id="model_l_ups_out_ub">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_out_ub_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相输出电压：<span id="model_l_ups_out_uc">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_out_uc_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-ups-out-i">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相输出电流：<span id="model_l_ups_out_ia">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_out_ia_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相输出电流：<span id="model_l_ups_out_ib">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_out_ib_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相输出电流：<span id="model_l_ups_out_ic">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_l_ups_out_ic_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
|
<div class="databoard-ups-battery">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">电池电压：<span id="model_l_ups_battery_u">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_l_ups_battery_u_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item ">
|
<div class="databoard-electric__label white">电池电流：<span id="model_l_ups_battery_i">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_l_ups_battery_i_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-ups-battery">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">电池剩余电量：<span id="model_l_ups_battery_eq">0%</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_l_ups_battery_eq_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">电池后备时间：<span id="model_l_ups_battery_time">0min</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_l_ups_battery_time_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col-r" style="width: 34.3%;">
|
|
<div class="g-chart l2 db" style="width: 97.6%;height: 540px;">
|
<div class="g-titl">
|
<h3 class="tit"><i></i>非生产区负荷监视</h3>
|
</div>
|
|
<div class="databoard-box databoard-electric">
|
<h2 class="title">总功率：<span id="r_power">0kW</span></h2>
|
<h2 class="title">
|
功率限值1：<span id="power_max_3" style="margin-right: 20px;">0kW</span>
|
功率限值2：<span id="power_max_4">0kW</span>
|
</h2>
|
<div style="width: 99%;border: 0.3px solid rgba(22, 42, 95, 1);"></div>
|
|
<div style="width: 49%;float: left;">
|
<h2 class="title" id="model_rl_es_deviceName">电表1</h2>
|
<div class="content ui-row main-between" style="padding: 0px 8px;">
|
<div class="databoard-electric__dvc">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相电压：<span id="model_rl_es_ua">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rl_es_ua_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相电压：<span id="model_rl_es_ub">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rl_es_ub_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相电压：<span id="model_rl_es_uc">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rl_es_uc_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-electric__ec">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相电流：<span id="model_rl_es_ia">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rl_es_ia_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相电流：<span id="model_rl_es_ib">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rl_es_ib_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相电流：<span id="model_rl_es_ic">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rl_es_ic_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-electric__dvc">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">总功率因数：<span id="model_rl_es_power_factor_sum">0</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_rl_es_power_factor_sum_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">总功率：<span id="model_rl_es_power">0kW</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_rl_es_power_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label white">总功率因数：<span id="model_rl_es_power_factor_a">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="progress-bar" id="model_rl_es_power_factor_a_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label">B相功率因数：<span id="model_rl_es_power_factor_b">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="databoard-electric__ratio--rate" id="model_rl_es_power_factor_b_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label">C相功率因数：<span id="model_rl_es_power_factor_c">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="databoard-electric__ratio--rate" id="model_rl_es_power_factor_c_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
</ul>
|
</div>
|
|
<div class="databoard-electric__ec">
|
<ul class="databoard-electric__list">
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label white">总功率：<span id="model_rl_es_power">0kW</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="progress-bar" id="model_rl_es_power_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">正向电能：<span id="model_rl_es_paee">0kWH</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_rl_es_paee_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">反向电能：<span id="model_rl_es_rae">0kWH</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_rl_es_rae_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="ui-row main-between cross-center content databoard-electric__label-text" style="margin-top: 60px;padding: 0px 5px;">
|
<div class="ui-row main-around ui-col p0 databoard-electric__ratio-label">
|
<span class="databoard-electric__ratio-label--item">A相</span>
|
<span class="databoard-electric__ratio-label--item">B相</span>
|
<span class="databoard-electric__ratio-label--item">C相</span>
|
</div>
|
<div class="databoard-electric__frequency">频率：<span id="model_rl_es_fr">0Hz</span></div>
|
</div>
|
</div>
|
|
<div style="width: 1px;height:464px;float: left;border: 0.3px solid rgba(22, 42, 95, 1);">
|
|
</div>
|
|
|
<div style="width: 49%;float: left;">
|
<h2 class="title" id="model_rr_es_deviceName">电表2</h2>
|
<div class="content ui-row main-between" style="padding: 0px 8px;">
|
<div class="databoard-electric__dvc">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相电压：<span id="model_rr_es_ua">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rr_es_ua_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相电压：<span id="model_rr_es_ub">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rr_es_ub_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相电压：<span id="model_rr_es_uc">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rr_es_uc_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-electric__ec">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相电流：<span id="model_rr_es_ia">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rr_es_ia_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相电流：<span id="model_rr_es_ib">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rr_es_ib_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相电流：<span id="model_rr_es_ic">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_rr_es_ic_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-electric__dvc">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">总功率因数：<span id="model_rr_es_power_factor_sum">0</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_rr_es_power_factor_sum_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">总功率：<span id="model_rr_es_power">0kW</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_rr_es_power_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label white">总功率因数：<span id="model_rr_es_power_factor_a">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="progress-bar" id="model_rr_es_power_factor_a_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label">B相功率因数：<span id="model_rr_es_power_factor_b">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="databoard-electric__ratio--rate" id="model_rr_es_power_factor_b_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label">C相功率因数：<span id="model_rr_es_power_factor_c">0</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="databoard-electric__ratio--rate" id="model_rr_es_power_factor_c_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
</ul>
|
</div>
|
|
<div class="databoard-electric__ec">
|
<ul class="databoard-electric__list">
|
<!-- <li class="databoard-electric__item">-->
|
<!-- <div class="databoard-electric__label white">总功率：<span id="model_rr_es_power">0kW</span></div>-->
|
<!-- <div class="databoard-electric__ratio">-->
|
<!-- <div class="progress-bar" id="model_rr_es_power_per" style="width: 0%;"></div>-->
|
<!-- </div>-->
|
<!-- </li>-->
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">正向电能：<span id="model_rr_es_paee">0kWH</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_rr_es_paee_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">反向电能：<span id="model_rr_es_rae">0kWH</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_rr_es_rae_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="ui-row main-between cross-center content databoard-electric__label-text" style="margin-top: 60px;padding: 0px 5px;">
|
<div class="ui-row main-around ui-col p0 databoard-electric__ratio-label">
|
<span class="databoard-electric__ratio-label--item">A相</span>
|
<span class="databoard-electric__ratio-label--item">B相</span>
|
<span class="databoard-electric__ratio-label--item">C相</span>
|
</div>
|
<div class="databoard-electric__frequency">频率：<span id="model_rr_es_fr">0Hz</span></div>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
|
|
<div class="g-chart l2 ups" style="width: 97.6%;height: 340px;">
|
<div class="g-titl">
|
<h3 class="tit"><i></i>2UPS电源</h3>
|
</div>
|
|
<div style="width: 99%;float: left;">
|
<div class="content ui-row main-between" style="padding: 0px 8px;">
|
<div class="databoard-ups-in-u">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相输入电压：<span id="model_r_ups_in_ua">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_in_ua_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相输入电压：<span id="model_r_ups_in_ub">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_in_ub_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相输入电压：<span id="model_r_ups_in_uc">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_in_uc_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-ups-in-i">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相输入电流：<span id="model_r_ups_in_ia">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_in_ia_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相输入电流：<span id="model_r_ups_in_ib">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_in_ib_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相输入电流：<span id="model_r_ups_in_ic">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_in_ic_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-ups-out-u">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相输出电压：<span id="model_r_ups_out_ua">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_out_ua_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">B相输出电压：<span id="model_r_ups_out_ub">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_out_ub_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相输出电压：<span id="model_r_ups_out_uc">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_out_uc_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-ups-out-i">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">A相输出电流：<span id="model_r_ups_out_ia">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_out_ia_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label" >B相输出电流：<span id="model_r_ups_out_ib">0A</span>1</div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_out_ib_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label">C相输出电流：<span id="model_r_ups_out_ic">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="databoard-electric__ratio--rate" id="model_r_ups_out_ic_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
|
<div class="databoard-ups-battery">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">电池电压：<span id="model_r_ups_battery_u">0V</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_r_ups_battery_u_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item ">
|
<div class="databoard-electric__label white">电池电流：<span id="model_r_ups_battery_i">0A</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_r_ups_battery_i_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
<div class="databoard-ups-battery">
|
<ul class="databoard-electric__list">
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">电池剩余电量：<span id="model_r_ups_battery_eq">0%</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_r_ups_battery_eq_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
<li class="databoard-electric__item">
|
<div class="databoard-electric__label white">电池后备时间：<span id="model_r_ups_battery_time">0min</span></div>
|
<div class="databoard-electric__ratio">
|
<div class="progress-bar" id="model_r_ups_battery_time_per" style="width: 0%;"></div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
</div>
|
</div>
|
|
<!--添加背景动效-->
|
<div id="particles-js"></div>
|
|
|
<!-- 内容 -->
|
<!-- 底部 -->
|
<!-- 底部 -->
|
<script inline="javascript">
|
//设置定时刷新页面，主要为了防止掉线
|
// var timerFlush;
|
// window.onload = function () {
|
// if(timerFlush){
|
// clearInterval(timerFlush);
|
// }
|
// timerFlush = setInterval(function() {
|
// window.location.href=window.location.href;
|
// }, 1 * 60 * 60 * 1000);
|
// };
|
</script>
|
<script src="js/jquery.min.js"></script>
|
<script src="./plugins/layui/layui.js"></script>
|
<script src="./plugins/echarts/echarts.min.js"></script>
|
<script src="js/constant.js"></script>
|
<!--<script src="js/common.js"></script>-->
|
<script src="js/page/single/particles.min.js"></script>
|
<script src="js/page/single/single-3126.js"></script>
|
</body>
|
|
</html>
|
