2089 lines
91 KiB
Plaintext
2089 lines
91 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8"%>
|
||
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
||
<%@ page import="com.sipai.entity.base.ServerObject"%>
|
||
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
|
||
|
||
<%@ page import="com.sipai.entity.maintenance.Abnormity" %>
|
||
<%request.setAttribute("Finish", Abnormity.Status_Finish); %>
|
||
<%request.setAttribute("Start", Abnormity.Status_Start); %>
|
||
<%request.setAttribute("Type_Run", Abnormity.Type_Run); %>
|
||
<%request.setAttribute("Type_Equipment", Abnormity.Type_Equipment); %>
|
||
<%request.setAttribute("Type_Facilities", Abnormity.Type_Facilities); %>
|
||
<%@page import="com.sipai.entity.scada.ProAlarm"%>
|
||
<%request.setAttribute("STATUS_ALARM", ProAlarm.STATUS_ALARM); %>
|
||
<%request.setAttribute("STATUS_ALARM_CONFIRM", ProAlarm.STATUS_ALARM_CONFIRM); %>
|
||
<%request.setAttribute("STATUS_ALARM_RECOVER", ProAlarm.STATUS_ALARM_RECOVER); %>
|
||
|
||
<!DOCTYPE html>
|
||
<!-- <html lang="zh-CN"> -->
|
||
<!-- BEGIN HEAD -->
|
||
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
|
||
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"/> -->
|
||
<title>
|
||
<%= ServerObject.atttable.get("TOPTITLE")%>
|
||
</title>
|
||
<!-- 引用页头及CSS页-->
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/iconfontGroup/font_zengcheng/iconfont.css"/>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
|
||
charset="utf-8"></script>
|
||
<style type="text/css">
|
||
.content-wrapper{
|
||
padding:5px;
|
||
}
|
||
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
|
||
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
|
||
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
|
||
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
|
||
padding-right: 3px;
|
||
padding-left: 3px;
|
||
}
|
||
.text-fontcolor-white{
|
||
color:#ffffff;
|
||
}
|
||
.text-fontcolor-black{
|
||
color:#000000;
|
||
}
|
||
.text-fontcolor-gray-light{
|
||
color:#AEAEAE;
|
||
}
|
||
.text-fontcolor-red{
|
||
color:#FF0000;
|
||
}
|
||
.text-fontcolor-green{
|
||
color:#24AE36;
|
||
}
|
||
.text-fontcolor-blue{
|
||
color:#1790FF;
|
||
}
|
||
|
||
.font-size-14{
|
||
font-size: 14px;
|
||
}
|
||
.font-size-16{
|
||
font-size: 16px;
|
||
}
|
||
.font-size-20{
|
||
font-size: 20px;
|
||
}
|
||
.font-size-30{
|
||
font-size: 30px;
|
||
}
|
||
.font-size-40{
|
||
font-size: 40px;
|
||
}
|
||
.font-size-50{
|
||
font-size: 50px;
|
||
}
|
||
.font-weight-700{
|
||
font-weight: 700;
|
||
}
|
||
.padding-UpDown-0{
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
.padding-UpDown-5{
|
||
padding-top: 5px;
|
||
padding-bottom: 5px;
|
||
}
|
||
.padding-UpDown-10{
|
||
padding-top: 10px;
|
||
padding-bottom: 10px;
|
||
}
|
||
.padding-UpDown-15{
|
||
padding-top: 15px;
|
||
padding-bottom: 15px;
|
||
}
|
||
.padding-UpDown-20{
|
||
padding-top: 20px;
|
||
padding-bottom: 20px;
|
||
}
|
||
.padding-LeftRight-0{
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
.padding-LeftRight-5{
|
||
padding-top: 5px;
|
||
padding-bottom: 5px;
|
||
}
|
||
.padding-LeftRight-10{
|
||
padding-top: 10px;
|
||
padding-bottom: 10px;
|
||
}
|
||
.padding-LeftRight-15{
|
||
padding-top: 15px;
|
||
padding-bottom: 15px;
|
||
}
|
||
.padding-LeftRight-20{
|
||
padding-top: 20px;
|
||
padding-bottom: 20px;
|
||
}
|
||
.background-color-blue{
|
||
background-color: #1790FF;
|
||
}
|
||
.line-height-20{
|
||
line-height: 20px;
|
||
}
|
||
.box {
|
||
margin-bottom: 10px;
|
||
}
|
||
|
||
.box> .box-header>.box-title>i {
|
||
margin-right:10px;
|
||
}
|
||
.box.box-solid.box-blue {
|
||
border: 1px solid #00c0ef;
|
||
}
|
||
.box.box-solid.box-blue > .box-header {
|
||
background: #1790FF;
|
||
background-color: #1790FF;
|
||
padding: 5px;
|
||
}
|
||
.box.box-solid.box-blue > .box-body {
|
||
background: #EBF6FF;
|
||
background-color: #EBF6FF;
|
||
padding: 0px;
|
||
border-radius: 4px;
|
||
}
|
||
.box.box-solid.box-blue > .box-body>.span-blue{
|
||
height: 90px;
|
||
border-radius: 4px;
|
||
padding:5px 15px;
|
||
}
|
||
.pie_processing_capacity{
|
||
width: 220px;
|
||
height: 210px;
|
||
}
|
||
.dashboard{
|
||
width: 170px;
|
||
height: 170px;
|
||
}
|
||
.annular{
|
||
width: 150px;
|
||
height: 140px;
|
||
}
|
||
.annular_reverse{
|
||
width: 160px;
|
||
height: 190px;
|
||
}
|
||
.stacked_bar_one{
|
||
width: 300px;
|
||
height: 190px;
|
||
}
|
||
.stacked_bar_two{
|
||
width: 460px;
|
||
height: 190px;
|
||
}
|
||
.special{
|
||
width: 540px;
|
||
height: 330px;
|
||
}
|
||
.radar{
|
||
width: 190px;
|
||
height: 190px;
|
||
}
|
||
.bar_transverse{
|
||
width: 215px;
|
||
height: 110px;
|
||
}
|
||
.box>.box-header>.fa, .box>.box-header>.glyphicon,
|
||
.box>.box-header>.ion, .box>.box-header .box-title {
|
||
font-size: 16px;
|
||
}
|
||
.table {
|
||
margin-bottom: 0px;
|
||
}
|
||
.box>.box-header>.box-tools>.nav>li>a {
|
||
padding: 7px 15px;
|
||
}
|
||
.tab-content{
|
||
height: 220px;
|
||
}
|
||
</style>
|
||
|
||
<script type="text/javascript">
|
||
var fontcolor_grey = '#aeaeae';
|
||
var fontcolor_black = '#0d2336';
|
||
var color_blue = '#36FFF9';
|
||
var color_blue_other = '#1D4F6D';
|
||
var img_name = '';
|
||
|
||
var color_blueSystem = ['#0C4F9D','#0089F2','#68B4FF','#95DEFF','#CBEFFF','#BBDEFF','#1790FF'];
|
||
var color_redSystem = ['#FF1717','#FF00C4','#8700FF','#FF2C2C','#C7BBFF','#FFC2F9','#AB17FF'];
|
||
var color_yellowSystem = ['#CE6408','#FFCEA4','#FF9317','#FFC400','#FFF3B5'];
|
||
var color_greenSystem = ['#24AE36','#19D119'];
|
||
|
||
var bizid = "";
|
||
$(function () {
|
||
var height = $(window).height();
|
||
var width = $(window).width();
|
||
var height_proportion = height/995;
|
||
var width_proportion = width/1725;
|
||
$('.bar_transverse').height($('.bar_transverse').height()*height_proportion);
|
||
$('.bar_transverse').width($('.bar_transverse').width()*width_proportion);
|
||
|
||
$('.annular').height($('.annular').height()*height_proportion);
|
||
$('.annular').width($('.annular').width()*width_proportion);
|
||
$('.special').height($('.special').height()*height_proportion);
|
||
$('.special').width($('.special').width()*width_proportion);
|
||
$('.tab-content').height($('.tab-content').height()*height_proportion);
|
||
bizid = unitId;
|
||
var color = [color_blueSystem[6],color_redSystem[6],color_yellowSystem[2]];
|
||
var seriesdata = [
|
||
{
|
||
name: 'A类设备',
|
||
type: 'bar',
|
||
stack: 'total',
|
||
barWidth: 10,
|
||
data: [0]
|
||
},
|
||
{
|
||
name: 'B类设备',
|
||
type: 'bar',
|
||
stack: 'total',
|
||
barWidth: 10,
|
||
data: [0]
|
||
},
|
||
{
|
||
name: 'C类设备',
|
||
type: 'bar',
|
||
stack: 'total',
|
||
barWidth: 10,
|
||
data: [0]
|
||
},
|
||
];
|
||
doBarTransverse('bar_transverse',seriesdata,color);
|
||
|
||
doAnnular('equipment_intact_rate',0,"设备完好率","%",color_blueSystem[1]);
|
||
doAnnular('failure_shutdown_rate',0,"故障停机率","%",color_redSystem[3]);
|
||
doAnnular('patrol_inspection_completion_rate',0,"巡检完成率","%",color_blueSystem[1]);
|
||
doAnnular('repair_completion_rate',0,"维修完成率","%",color_blueSystem[1]);
|
||
doAnnular('maintain_completion_rate',0,"保养完成率","%",color_blueSystem[1]);
|
||
doAnnular('health_evaluation_score',0,"健康评价得分","分",color_blueSystem[1]);
|
||
var legenddata = ['已完成','未完成'];
|
||
var xAxisData = ['增城永和','增城中心'];
|
||
var data1 = [0,0];
|
||
var data2 = [0,0];
|
||
var seriesdata=[];
|
||
var data3 = [0,0];
|
||
var data4 = [0,0];
|
||
var color = [];
|
||
legenddata=['实际处理量','计划处理量'];
|
||
seriesdataLine = [
|
||
{
|
||
name: '实际处理量',
|
||
type: 'line',
|
||
symbol: 'none',
|
||
smooth: true,
|
||
barWidth: 25,
|
||
data: [['2021-11-03 13:00',0], ['2021-11-03 13:10',0], ['2021-11-03 13:20',0], ['2021-11-03 13:30',0]],
|
||
},
|
||
{
|
||
name: '计划处理量',
|
||
type: 'line',
|
||
symbol: 'none',
|
||
smooth: true,
|
||
barWidth: 25,
|
||
data: [['2021-11-03 13:00',0], ['2021-11-03 13:10',0], ['2021-11-03 13:20',0], ['2021-11-03 13:30',0]],
|
||
},
|
||
]
|
||
|
||
seriesdataBar = [
|
||
{
|
||
name: '实际处理量',
|
||
type: 'bar',
|
||
barWidth: 25,
|
||
data: [['2021-11-03 13:00',0], ['2021-11-03 13:10',0], ['2021-11-03 13:20',0], ['2021-11-03 13:30',0]],
|
||
},
|
||
{
|
||
name: '计划处理量',
|
||
type: 'bar',
|
||
barWidth: 25,
|
||
data: [['2021-11-03 13:00',0], ['2021-11-03 13:10',0], ['2021-11-03 13:20',0], ['2021-11-03 13:30',0]],
|
||
},
|
||
]
|
||
color = [color_yellowSystem[3],color_yellowSystem[4]];
|
||
doLine('electric_treatment',legenddata,seriesdataLine,color,'近7日用电量');
|
||
color = [color_yellowSystem[0],color_yellowSystem[1]];
|
||
//doBar('mud_treatment',legenddata,seriesdataBar,color,'近7日泥处理量');
|
||
color = [color_blueSystem[1],color_blueSystem[5]];
|
||
doLine('water_treatment',legenddata,seriesdataLine,color,'近7日水处理量');
|
||
//doBar('ton_water_power_consumption',legenddata,seriesdataBar,color,'近7日吨水电耗');
|
||
data = [0, 0, 0, 0];
|
||
doRadar('radar_yh',data);
|
||
|
||
var url = '/maintenance/abnormity/getList_new.do';
|
||
var columns = [
|
||
{
|
||
field: 'company.name', // 返回json数据中的name
|
||
title: '所属厂区', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'processSection.sname', // 返回json数据中的name
|
||
title: '工艺段', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'insdt', // 返回json数据中的name
|
||
title: '上报时间', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
formatter: function (value, row, index) {
|
||
return value.substring(0, 19);
|
||
}
|
||
},
|
||
{
|
||
field: 'abnormityDescription', // 返回json数据中的name
|
||
title: '异常描述', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'type', // 返回json数据中的name
|
||
title: '状态', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
formatter: function (value, row, index) {
|
||
switch (value) {
|
||
case '${Type_Run}':
|
||
return "运行异常";
|
||
case '${Type_Equipment}':
|
||
return "设备异常";
|
||
case '${Type_Facilities}':
|
||
return "设施异常";
|
||
default :
|
||
return "";
|
||
}
|
||
}
|
||
},
|
||
{
|
||
field: 'status', // 返回json数据中的name
|
||
title: '状态', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
formatter: function (value, row, index) {
|
||
switch (value) {
|
||
case '${Start}':
|
||
return "处理中";
|
||
case '${Finish}':
|
||
return "已完成";
|
||
default :
|
||
return value;
|
||
}
|
||
}
|
||
}
|
||
];
|
||
doBootstrapTable('table_abnormal',url,columns);
|
||
url = '/alarm/proAlarm/getlist.do';
|
||
columns = [
|
||
{
|
||
field: 'pointCode', // 返回json数据中的name
|
||
title: '报警点', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},{
|
||
field: 'pointName', // 返回json数据中的name
|
||
title: '报警名称', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},{
|
||
field: 'alarmTime', // 返回json数据中的name
|
||
title: '报警时间', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
width: 140, // 定义列的宽度，单位为像素px
|
||
formatter: function (value, row, index) {
|
||
return value.substring(0,16);
|
||
}
|
||
},{
|
||
field: 'describe', // 返回json数据中的name
|
||
title: '报警内容', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},{
|
||
field: 'alarmTypeName', // 返回json数据中的name
|
||
title: '报警类别', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
width: 60 // 定义列的宽度，单位为像素px
|
||
},{
|
||
field: 'status', // 返回json数据中的name
|
||
title: '报警状态', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
width: 40, // 定义列的宽度，单位为像素px
|
||
formatter: function (value, row, index) {
|
||
switch(value){
|
||
case '${STATUS_ALARM}':
|
||
return "报警";
|
||
break;
|
||
case '${STATUS_ALARM_RECOVER}':
|
||
return "报警恢复";
|
||
break;
|
||
case '${STATUS_ALARM_CONFIRM}':
|
||
return "报警确认";
|
||
break;
|
||
default:
|
||
return "-";
|
||
break;
|
||
}
|
||
|
||
}
|
||
}
|
||
]
|
||
|
||
doBootstrapTable('table_warning',url,columns);
|
||
getData(bizid);
|
||
setInterval("getData('"+bizid+"')",600000);
|
||
});
|
||
|
||
function addAndRemove4Class(one,two){
|
||
$('.'+one).addClass(two);
|
||
$('.'+one).removeClass(one);
|
||
}
|
||
function getData(bizid){
|
||
var jsp_id = $('#jsp_id').val();
|
||
var time_input = $('#time_input').val();
|
||
$.post(ext.contextPath + '/zengCheng/getZengChengCompanyData.do', {bizid:bizid,time:time_input,jsp_id:jsp_id} , function(data) {
|
||
var arr= JSON.parse(data);
|
||
console.log(arr);
|
||
var left_top_line_legenddata=[];
|
||
var left_top_line_seriesdata=[];
|
||
var left_middle_line_legenddata=[];
|
||
var left_middle_line_seriesdata=[];
|
||
var left_bottom_bar_legenddata=[];
|
||
var left_bottom_bar_seriesdata=[];
|
||
|
||
var left_bottom_line_1_legenddata=[];
|
||
var left_bottom_line_1_seriesdata=[];
|
||
var left_bottom_line_2_legenddata=[];
|
||
var left_bottom_line_2_seriesdata=[];
|
||
|
||
var bar_max =0;
|
||
var bar_min =0;
|
||
var bar_totle =0;
|
||
var center_bottom_line_legenddata=[];
|
||
var center_bottom_line_seriesdata=[];
|
||
var equipment_A_number = 0;
|
||
var equipment_B_number = 0;
|
||
var equipment_C_number = 0;
|
||
var equipment_intact = 0;
|
||
var failure_shutdown = 0;
|
||
var patrol =0;
|
||
var maintenance =0;
|
||
var repair = 0;
|
||
var health_evaluation_score = 0;
|
||
var right_bottom_bar_legenddata=[];
|
||
var right_bottom_bar_seriesdata=[];
|
||
var accumulated_today = 0;
|
||
var target_water_volume = 0;
|
||
var water_difference = 0;
|
||
var actual_power_consumption = 0;
|
||
var planned_power_consumption = 0;
|
||
var actual_ton_water_power_consumption = 0;
|
||
var planned_ton_water_power_consumption = 0;
|
||
var difference_power_consumption = 0;
|
||
var difference_ton_water_power_consumption = 0;
|
||
|
||
var equipment_score = 0;
|
||
var function_score = 0;
|
||
var cost_score = 0;
|
||
var security_score = 0;
|
||
var accumulated_today_dataseries = [];
|
||
var target_water_volume_dataseries = [];
|
||
var actual_power_consumption_dataseries = [];
|
||
var planned_power_consumption_dataseries = [];
|
||
var actual_ton_water_power_consumption_dataseries = [];
|
||
var planned_ton_water_power_consumption_dataseries = [];
|
||
var mud_accumulated_today_dataseries = [];
|
||
var target_mud_volume_dataseries = [];
|
||
|
||
if(arr.rows!=null && arr.rows!=undefined && arr.rows!=''){
|
||
for(var i=0;i<arr.rows.length;i++){
|
||
var value =0;
|
||
var numtail=0;
|
||
var dataMax=0;
|
||
var rate = 1;
|
||
var nowdate = getNowTime();
|
||
if(arr.rows[i].visualCacheData!=null
|
||
&& arr.rows[i].visualCacheData!=undefined
|
||
&& arr.rows[i].visualCacheData!=''){
|
||
var visualCacheData = arr.rows[i].visualCacheData;
|
||
if(visualCacheData.inivalue!=null && visualCacheData.inivalue!=undefined && visualCacheData.inivalue!=''){
|
||
value = visualCacheData.inivalue;
|
||
}else{
|
||
if(visualCacheData.value!=null && visualCacheData.value!=undefined && visualCacheData.value!=''){
|
||
value = visualCacheData.value;
|
||
}else{
|
||
if(arr.rows[i].mPoint!=null && arr.rows[i].mPoint!=undefined && arr.rows[i].mPoint!=''){
|
||
var mPoint = arr.rows[i].mPoint;
|
||
if(mPoint.parmvalue!=null && mPoint.parmvalue!=undefined && mPoint.parmvalue!=''){
|
||
value = mPoint.parmvalue;
|
||
}
|
||
if(mPoint.alarmmax!=null && mPoint.alarmmax!=undefined && mPoint.alarmmax!=''){
|
||
dataMax = mPoint.alarmmax;
|
||
}
|
||
if(mPoint.numtail!=null && mPoint.numtail!=undefined && mPoint.numtail!=''){
|
||
numtail = mPoint.numtail;
|
||
}
|
||
if(mPoint.measuredt!=null && mPoint.measuredt!=undefined && mPoint.measuredt!=''){
|
||
nowdate = mPoint.measuredt;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
if(visualCacheData.numtail!=null && visualCacheData.numtail!=undefined && visualCacheData.numtail!=''){
|
||
numtail = visualCacheData.numtail;
|
||
}else{
|
||
if(arr.rows[i].numtail!=null && arr.rows[i].numtail!=undefined && arr.rows[i].numtail!=''){
|
||
numtail = arr.rows[i].numtail;
|
||
}
|
||
}
|
||
if(visualCacheData.insdt!=null && visualCacheData.insdt!=undefined && visualCacheData.insdt!=''){
|
||
nowdate = visualCacheData.insdt;
|
||
}
|
||
if(visualCacheData.rate!=null && visualCacheData.rate!=undefined && visualCacheData.rate!=''){
|
||
rate = visualCacheData.rate;
|
||
}
|
||
}else{
|
||
var mPoint = arr.rows[i].mPoint;
|
||
if(mPoint!=null && mPoint!=undefined && mPoint!=''){
|
||
if(mPoint.parmvalue!=null && mPoint.parmvalue!=undefined && mPoint.parmvalue!=''){
|
||
value = mPoint.parmvalue;
|
||
}
|
||
if(mPoint.alarmmax!=null && mPoint.alarmmax!=undefined && mPoint.alarmmax!=''){
|
||
dataMax = mPoint.alarmmax;
|
||
}
|
||
if(mPoint.numtail!=null && mPoint.numtail!=undefined && mPoint.numtail!=''){
|
||
numtail = mPoint.numtail;
|
||
}
|
||
if(mPoint.measuredt!=null && mPoint.measuredt!=undefined && mPoint.measuredt!=''){
|
||
nowdate = mPoint.measuredt;
|
||
}
|
||
}
|
||
}
|
||
value = parseFloat(value)*rate;
|
||
value = value.toFixed(numtail);
|
||
//value = parseFloat(value).toFixed(numtail);
|
||
if($("."+arr.rows[i].elementCode).length > 0){
|
||
$("."+arr.rows[i].elementCode).html(toThousands(value));
|
||
}
|
||
if($("."+arr.rows[i].elementCode).parent().find('.nowdate').length > 0){
|
||
$("."+arr.rows[i].elementCode).parent().find('.nowdate').html(nowdate.substring(11,16));
|
||
}
|
||
//设备完好率
|
||
if(arr.rows[i].elementCode=='equipment_intact_rate'){
|
||
equipment_intact=value;
|
||
}
|
||
//故障停机率
|
||
if(arr.rows[i].elementCode=='failure_shutdown_rate'){
|
||
failure_shutdown=value;
|
||
}
|
||
//巡检完成率
|
||
if(arr.rows[i].elementCode=='patrol_inspection_completion_rate'){
|
||
patrol=value;
|
||
}
|
||
//维修完成率
|
||
if(arr.rows[i].elementCode=='repair_completion_rate'){
|
||
repair=value;
|
||
}
|
||
//保养完成率
|
||
if(arr.rows[i].elementCode=='maintain_completion_rate'){
|
||
maintenance=value;
|
||
}
|
||
//健康评价得分
|
||
if(arr.rows[i].elementCode=='health_evaluation_score'){
|
||
health_evaluation_score=value;
|
||
}
|
||
//A类设备数量
|
||
if(arr.rows[i].elementCode=='equipment_A_number'){
|
||
equipment_A_number=value;
|
||
}
|
||
//B类设备数量
|
||
if(arr.rows[i].elementCode=='equipment_B_number'){
|
||
equipment_B_number=value;
|
||
}
|
||
//C类设备数量
|
||
if(arr.rows[i].elementCode=='equipment_C_number'){
|
||
equipment_C_number=value;
|
||
}
|
||
if(arr.rows[i].elementCode=='equipment_score'){
|
||
equipment_score = value;
|
||
}
|
||
if(arr.rows[i].elementCode=='function_score'){
|
||
function_score = value;
|
||
}
|
||
if(arr.rows[i].elementCode=='cost_score'){
|
||
cost_score = value;
|
||
}
|
||
if(arr.rows[i].elementCode=='security_score'){
|
||
security_score = value;
|
||
}
|
||
if(arr.rows[i].elementCode=='accumulated_today'){
|
||
accumulated_today=value;
|
||
}
|
||
if(arr.rows[i].elementCode=='target_water_volume'){
|
||
target_water_volume=value;
|
||
}
|
||
if(arr.rows[i].elementCode=='actual_power_consumption'){
|
||
actual_power_consumption=value;
|
||
}
|
||
if(arr.rows[i].elementCode=='planned_power_consumption'){
|
||
planned_power_consumption=value;
|
||
}
|
||
if(arr.rows[i].elementCode=='actual_ton_water_power_consumption'){
|
||
actual_ton_water_power_consumption=value;
|
||
}
|
||
if(arr.rows[i].elementCode=='planned_ton_water_power_consumption'){
|
||
planned_ton_water_power_consumption=value;
|
||
}
|
||
|
||
if(arr.rows[i].elementCode=='accumulated_today'){
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(mPointHistory[m].measuredt.substr(0,16));
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null){
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
}
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
accumulated_today_dataseries = dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='target_water_volume'){
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(mPointHistory[m].measuredt.substr(0,16));
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
if(visualCacheDataList[m].value!=null){
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
}
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
target_water_volume_dataseries = dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='actual_power_consumption'){
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(mPointHistory[m].measuredt.substr(0,16));
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
if(visualCacheDataList[m].value!=null){
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
}
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
actual_power_consumption_dataseries = dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='planned_power_consumption'){
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(mPointHistory[m].measuredt.substr(0,10));
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
if(visualCacheDataList[m].value!=null){
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
}
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
planned_power_consumption_dataseries = dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='actual_ton_water_power_consumption'){
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(mPointHistory[m].measuredt.substr(0,16));
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
if(visualCacheDataList[m].value!=null){
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
}
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
actual_ton_water_power_consumption_dataseries = dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='planned_ton_water_power_consumption'){
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(mPointHistory[m].measuredt.substr(0,16));
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
if(visualCacheDataList[m].value!=null){
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,16));
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
}
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
planned_ton_water_power_consumption_dataseries = dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='mud_accumulated_today'){
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(mPointHistory[m].measuredt.substr(0,10));
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,10));
|
||
if(visualCacheDataList[m].value!=null){
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,10));
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
}
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
mud_accumulated_today_dataseries = dataseries;
|
||
}
|
||
if(arr.rows[i].elementCode=='target_mud_volume'){
|
||
var dataseries =[];
|
||
if(arr.rows[i].mPointHistory!=null
|
||
&& arr.rows[i].mPointHistory!=undefined
|
||
&& arr.rows[i].mPointHistory!=''){
|
||
var mPointHistory = arr.rows[i].mPointHistory;
|
||
for(var m=0;m<mPointHistory.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(mPointHistory[m].measuredt.substr(0,10));
|
||
dataserie.push(mPointHistory[m].parmvalue.toFixed(numtail));
|
||
dataseries.push(dataserie);
|
||
}
|
||
}else{
|
||
if(arr.rows[i].visualCacheDataList!=null
|
||
&& arr.rows[i].visualCacheDataList!=undefined
|
||
&& arr.rows[i].visualCacheDataList!=''){
|
||
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
||
for(var m=0;m<visualCacheDataList.length;m++){
|
||
var dataserie =[];
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,10));
|
||
if(visualCacheDataList[m].value!=null){
|
||
dataserie.push(visualCacheDataList[m].insdt.substr(0,10));
|
||
dataserie.push(visualCacheDataList[m].value.toFixed(numtail));
|
||
}
|
||
dataseries.push(dataserie);
|
||
}
|
||
}
|
||
}
|
||
target_mud_volume_dataseries = dataseries;
|
||
}
|
||
}
|
||
}
|
||
water_difference = target_water_volume-accumulated_today;
|
||
/* if(water_difference>0){
|
||
$(".water_difference").removeClass("text-fontcolor-red");
|
||
$(".water_difference").addClass("text-fontcolor-green");
|
||
$(".water_difference").html(toThousands(water_difference));
|
||
}else{
|
||
$(".water_difference").removeClass("text-fontcolor-green");
|
||
$(".water_difference").addClass("text-fontcolor-red");
|
||
$(".water_difference").html(toThousands(water_difference));
|
||
} */
|
||
var color = [color_blueSystem[6],color_redSystem[6],color_yellowSystem[2]];
|
||
var seriesdata = [
|
||
{
|
||
name: 'A类设备',
|
||
type: 'bar',
|
||
stack: 'total',
|
||
barWidth: 10,
|
||
data: [equipment_A_number]
|
||
},
|
||
{
|
||
name: 'B类设备',
|
||
type: 'bar',
|
||
stack: 'total',
|
||
barWidth: 10,
|
||
data: [equipment_B_number]
|
||
},
|
||
{
|
||
name: 'C类设备',
|
||
type: 'bar',
|
||
stack: 'total',
|
||
barWidth: 10,
|
||
data: [equipment_C_number]
|
||
},
|
||
];
|
||
doBarTransverse('bar_transverse',seriesdata,color);
|
||
|
||
doAnnular('equipment_intact_rate',equipment_intact,"设备完好率","%",color_blueSystem[1]);
|
||
doAnnular('failure_shutdown_rate',failure_shutdown,"故障停机率","%",color_redSystem[3]);
|
||
doAnnular('patrol_inspection_completion_rate',patrol,"巡检完成率","%",color_blueSystem[1]);
|
||
doAnnular('repair_completion_rate',repair,"维修完成率","%",color_blueSystem[1]);
|
||
doAnnular('maintain_completion_rate',maintenance,"保养完成率","%",color_blueSystem[1]);
|
||
doAnnular('health_evaluation_score',health_evaluation_score,"健康评价得分","分",color_blueSystem[1]);
|
||
var radar_data = [equipment_score,function_score,cost_score,security_score];
|
||
doRadar('radar_yh',radar_data);
|
||
var legenddata = ['实际用电量','计划用电量','实际吨水电耗','计划吨水电耗'];
|
||
|
||
var seriesdataLine_electric_treatment = [
|
||
{
|
||
name: '实际用电量',
|
||
type: 'line',
|
||
symbol: 'none',
|
||
smooth: true,
|
||
data: actual_power_consumption_dataseries,
|
||
},
|
||
{
|
||
name: '计划用电量',
|
||
type: 'line',
|
||
symbol: 'none',
|
||
smooth: true,
|
||
data: planned_power_consumption_dataseries,
|
||
},
|
||
{
|
||
name: '实际吨水电耗',
|
||
type: 'line',
|
||
symbol: 'none',
|
||
smooth: true,
|
||
yAxisIndex: 1,
|
||
data: actual_ton_water_power_consumption_dataseries,
|
||
},
|
||
{
|
||
name: '计划吨水电耗',
|
||
type: 'line',
|
||
symbol: 'none',
|
||
smooth: true,
|
||
yAxisIndex: 1,
|
||
data: planned_ton_water_power_consumption_dataseries,
|
||
},
|
||
]
|
||
|
||
var seriesdataBar_mud_treatment = [
|
||
{
|
||
name: '实际处理泥量',
|
||
type: 'bar',
|
||
barWidth: 25,
|
||
data: mud_accumulated_today_dataseries,
|
||
},
|
||
{
|
||
name: '计划处理泥量',
|
||
type: 'bar',
|
||
barWidth: 25,
|
||
data: target_mud_volume_dataseries,
|
||
},
|
||
]
|
||
color = [color_yellowSystem[3],color_yellowSystem[4],color_blueSystem[1],color_blueSystem[5]];
|
||
doLine2yAxis('electric_treatment',legenddata,seriesdataLine_electric_treatment,color,'近7日用电量');
|
||
color = [color_yellowSystem[0],color_yellowSystem[1]];
|
||
legenddata = ['实际处理泥量','计划处理泥量'];
|
||
//doBar('mud_treatment',legenddata,seriesdataBar_mud_treatment,color,'近7日泥处理量');
|
||
legenddata = ['实际处理水量','计划处理水量'];
|
||
var seriesdataLine_water_treatment = [
|
||
{
|
||
name: '实际处理水量',
|
||
type: 'line',
|
||
symbol: 'none',
|
||
smooth: true,
|
||
barWidth: 25,
|
||
data: accumulated_today_dataseries,
|
||
},
|
||
{
|
||
name: '计划处理水量',
|
||
type: 'line',
|
||
symbol: 'none',
|
||
smooth: true,
|
||
barWidth: 25,
|
||
data: target_water_volume_dataseries,
|
||
},
|
||
]
|
||
|
||
var seriesdataBar_ton_water_power_consumption = [
|
||
{
|
||
name: '实际吨水电耗',
|
||
type: 'bar',
|
||
barWidth: 25,
|
||
data: actual_ton_water_power_consumption_dataseries,
|
||
},
|
||
{
|
||
name: '计划吨水电耗',
|
||
type: 'bar',
|
||
barWidth: 25,
|
||
data: planned_ton_water_power_consumption_dataseries,
|
||
},
|
||
]
|
||
color = [color_blueSystem[1],color_blueSystem[5]];
|
||
doLine('water_treatment',legenddata,seriesdataLine_water_treatment,color,'近7日处理水量');
|
||
|
||
legenddata = ['实际吨水电耗','计划吨水电耗'];
|
||
//doBar('ton_water_power_consumption',legenddata,seriesdataBar_ton_water_power_consumption,color,'近7日吨水电耗');
|
||
});
|
||
var url = '/maintenance/abnormity/getList_new.do';
|
||
var columns = [
|
||
{
|
||
field: 'company.name', // 返回json数据中的name
|
||
title: '所属厂区', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'processSection.sname', // 返回json数据中的name
|
||
title: '工艺段', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'insdt', // 返回json数据中的name
|
||
title: '上报时间', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
formatter: function (value, row, index) {
|
||
return value.substring(0, 19);
|
||
}
|
||
},
|
||
{
|
||
field: 'abnormityDescription', // 返回json数据中的name
|
||
title: '异常描述', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},
|
||
{
|
||
field: 'type', // 返回json数据中的name
|
||
title: '状态', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
formatter: function (value, row, index) {
|
||
switch (value) {
|
||
case '${Type_Run}':
|
||
return "运行异常";
|
||
case '${Type_Equipment}':
|
||
return "设备异常";
|
||
case '${Type_Facilities}':
|
||
return "设施异常";
|
||
default :
|
||
return "";
|
||
}
|
||
}
|
||
},
|
||
{
|
||
field: 'status', // 返回json数据中的name
|
||
title: '状态', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
formatter: function (value, row, index) {
|
||
switch (value) {
|
||
case '${Start}':
|
||
return "处理中";
|
||
case '${Finish}':
|
||
return "已完成";
|
||
default :
|
||
return value;
|
||
}
|
||
}
|
||
}
|
||
];
|
||
doBootstrapTable('table_abnormal',url,columns);
|
||
url = '/alarm/proAlarm/getlist.do';
|
||
columns = [
|
||
{
|
||
field: 'pointCode', // 返回json数据中的name
|
||
title: '报警点', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},{
|
||
field: 'pointName', // 返回json数据中的name
|
||
title: '报警名称', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},{
|
||
field: 'alarmTime', // 返回json数据中的name
|
||
title: '报警时间', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle',
|
||
width: 140, // 定义列的宽度，单位为像素px
|
||
formatter: function (value, row, index) {
|
||
return value.substring(0,16);
|
||
}
|
||
},{
|
||
field: 'describe', // 返回json数据中的name
|
||
title: '报警内容', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle' // 上下居中
|
||
},{
|
||
field: 'alarmTypeName', // 返回json数据中的name
|
||
title: '报警类别', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
width: 60 // 定义列的宽度，单位为像素px
|
||
},{
|
||
field: 'status', // 返回json数据中的name
|
||
title: '报警状态', // 表格表头显示文字
|
||
align: 'center', // 左右居中
|
||
valign: 'middle', // 上下居中
|
||
width: 40, // 定义列的宽度，单位为像素px
|
||
formatter: function (value, row, index) {
|
||
switch(value){
|
||
case '${STATUS_ALARM}':
|
||
return "报警";
|
||
break;
|
||
case '${STATUS_ALARM_RECOVER}':
|
||
return "报警恢复";
|
||
break;
|
||
case '${STATUS_ALARM_CONFIRM}':
|
||
return "报警确认";
|
||
break;
|
||
default:
|
||
return "-";
|
||
break;
|
||
}
|
||
|
||
}
|
||
}
|
||
]
|
||
|
||
doBootstrapTable('table_warning',url,columns);
|
||
}
|
||
function doStackedBar(id,legenddata,seriesdata,xAxisData,color){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在,就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color:color,
|
||
grid: {
|
||
top: '18%',
|
||
left: '2%',
|
||
right: '2%',
|
||
bottom:'5%',
|
||
containLabel: true
|
||
},
|
||
legend: {
|
||
data: legenddata,
|
||
x: 'left',
|
||
icon: 'circle',
|
||
},
|
||
tooltip: {},
|
||
xAxis: {
|
||
data: xAxisData,
|
||
},
|
||
yAxis: {},
|
||
series: seriesdata
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
|
||
function doendPie(id,data){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在,就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color: color_blueSystem,
|
||
title: {
|
||
text: '各厂处理能力占比',
|
||
textStyle:{
|
||
fontSize:14,
|
||
},
|
||
left: 'center',
|
||
},
|
||
tooltip: {
|
||
trigger: 'item'
|
||
},
|
||
series: [
|
||
{
|
||
name: 'Access From',
|
||
type: 'pie',
|
||
radius: '70%',
|
||
data: data,
|
||
label: {
|
||
show: false,
|
||
position: 'center'
|
||
},
|
||
labelLine: {
|
||
show: false
|
||
},
|
||
}
|
||
]
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
function doGauge(id,data,proportion1,proportion2,color){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在,就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
series: [
|
||
{
|
||
type: 'gauge',
|
||
splitNumber: 20,
|
||
radius: '95%',
|
||
min: 0,
|
||
max: 120,
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: [
|
||
[proportion1, '#0088FF'],
|
||
[proportion2, color],
|
||
[1, '#E6E6E6']
|
||
]
|
||
}
|
||
},
|
||
pointer: {
|
||
itemStyle: {
|
||
color: 'auto'
|
||
}
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
splitLine: {
|
||
distance: -30,
|
||
length: 30,
|
||
lineStyle: {
|
||
color: '#fff',
|
||
width: 5
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#000',
|
||
fontSize: 12,
|
||
formatter: function (value) {
|
||
if(value%10==0){
|
||
return value;
|
||
}else{
|
||
return "";
|
||
}
|
||
}
|
||
},
|
||
|
||
pointer: {
|
||
length: '70%' ,
|
||
width: 3 ,
|
||
itemStyle: {
|
||
color: '#000'
|
||
}
|
||
},
|
||
anchor: {
|
||
show: true,
|
||
showAbove: true ,
|
||
size:11,
|
||
itemStyle: {
|
||
color: '#000',
|
||
}
|
||
},
|
||
detail: {
|
||
show:false
|
||
},
|
||
data: [
|
||
{
|
||
value: data
|
||
}
|
||
]
|
||
}
|
||
]
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
function doAnnular(id,data,title,subtitle,color){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在,就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color:[color],
|
||
series: [
|
||
{
|
||
type: 'gauge',
|
||
startAngle: 90,
|
||
endAngle: -270,
|
||
radius: '90%',
|
||
pointer: {
|
||
show: false
|
||
},
|
||
progress: {
|
||
show: true,
|
||
roundCap: true,
|
||
clip: false,
|
||
},
|
||
splitLine: {
|
||
show: false,
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
show: false,
|
||
distance: 50
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
width: 8
|
||
}
|
||
},
|
||
data: [
|
||
{
|
||
value: data,
|
||
name: title,
|
||
title: {
|
||
offsetCenter: ['0%', '-40%']
|
||
},
|
||
detail: {
|
||
valueAnimation: true,
|
||
offsetCenter: ['0%', '30%']
|
||
}
|
||
}
|
||
],
|
||
title: {
|
||
fontSize: 14
|
||
},
|
||
detail: {
|
||
fontSize: 38,
|
||
fontWeight:400,
|
||
color: 'auto',
|
||
formatter: '{value}'+subtitle
|
||
}
|
||
}
|
||
]
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
function doAnnularReverse(id,data1,data2,title1,title2,color){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在,就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color:color,
|
||
series: [
|
||
{
|
||
type: 'gauge',
|
||
startAngle: 180,
|
||
endAngle: 0,
|
||
radius: '95%',
|
||
pointer: {
|
||
show: false
|
||
},
|
||
progress: {
|
||
show: true,
|
||
roundCap: true,
|
||
clip: false,
|
||
},
|
||
splitLine: {
|
||
show: false,
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
show: false,
|
||
distance: 50
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
width: 8
|
||
}
|
||
},
|
||
data: [
|
||
{
|
||
value: data1,
|
||
name: title1+"%",
|
||
title: {
|
||
offsetCenter: ['0%', '-120%']
|
||
},
|
||
detail: {
|
||
valueAnimation: true,
|
||
offsetCenter: ['0%', '-25%']
|
||
}
|
||
}
|
||
],
|
||
title: {
|
||
fontSize: 14
|
||
},
|
||
detail: {
|
||
fontSize: 40,
|
||
fontWeight:400,
|
||
color: 'auto',
|
||
formatter: '{value}'
|
||
}
|
||
},
|
||
{
|
||
type: 'gauge',
|
||
startAngle: 0,
|
||
endAngle: -180,
|
||
clockwise: false ,
|
||
radius: '95%',
|
||
pointer: {
|
||
show: false
|
||
},
|
||
progress: {
|
||
show: true,
|
||
roundCap: true,
|
||
clip: false,
|
||
},
|
||
splitLine: {
|
||
show: false,
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
show: false,
|
||
distance: 50
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
width: 8
|
||
}
|
||
},
|
||
data: [
|
||
{
|
||
value: data2,
|
||
name: title2+"%",
|
||
title: {
|
||
offsetCenter: ['0%', '125%']
|
||
},
|
||
detail: {
|
||
valueAnimation: true,
|
||
offsetCenter: ['0%', '40%']
|
||
}
|
||
}
|
||
],
|
||
title: {
|
||
fontSize: 14
|
||
},
|
||
detail: {
|
||
fontSize: 40,
|
||
fontWeight:400,
|
||
color: 'auto',
|
||
formatter: '{value}'
|
||
}
|
||
}
|
||
]
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
function doLine2yAxis(id,legenddata,seriesdata,color,title){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在，就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color:color,
|
||
title: {
|
||
text: title,
|
||
textStyle: {
|
||
fontSize: 14
|
||
},
|
||
left: 'left',
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
legend: {
|
||
data: legenddata,
|
||
icon: 'circle',
|
||
x:'right',
|
||
},
|
||
grid: {
|
||
top: '22%',
|
||
left: '3%',
|
||
right: '2%',
|
||
bottom:'4%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
name:''
|
||
},
|
||
yAxis: [{
|
||
type: 'value',
|
||
},{
|
||
type: 'value',
|
||
}],
|
||
series: seriesdata,
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
function doLine(id,legenddata,seriesdata,color,title){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在，就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color:color,
|
||
title: {
|
||
text: title,
|
||
textStyle: {
|
||
fontSize: 14
|
||
},
|
||
left: 'left',
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
legend: {
|
||
data: legenddata,
|
||
icon: 'circle',
|
||
x:'right',
|
||
},
|
||
grid: {
|
||
top: '22%',
|
||
left: '3%',
|
||
right: '2%',
|
||
bottom:'4%',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
name:''
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
},
|
||
series: seriesdata,
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
function doBar(id,legenddata,seriesdata,color,title){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在,就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color:color,
|
||
title: {
|
||
text: title,
|
||
textStyle:{
|
||
fontSize:14,
|
||
},
|
||
left: 'left',
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
grid: {
|
||
top: '22%',
|
||
left: '3%',
|
||
right: '2%',
|
||
bottom:'4%',
|
||
containLabel: true
|
||
},
|
||
legend: {
|
||
data: legenddata,
|
||
icon: 'circle',
|
||
x:'right',
|
||
},
|
||
calculable: true,
|
||
xAxis: [
|
||
{
|
||
type: 'time',
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value'
|
||
}
|
||
],
|
||
series: seriesdata
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
function doRadar(id,data){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在,就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
radar: [
|
||
{
|
||
indicator: [
|
||
{ text: '设备', max: 100 },
|
||
{ text: '运行', max: 100 },
|
||
{ text: '成本', max: 100 },
|
||
{ text: '安全', max: 100 }
|
||
],
|
||
|
||
radius: '60%'
|
||
},
|
||
],
|
||
series: [
|
||
{
|
||
type: 'radar',
|
||
symbolSize :5,
|
||
lineStyle: {
|
||
width: 1 ,
|
||
},
|
||
areaStyle: {
|
||
color:'#1188FF',
|
||
opacity: 0.2,
|
||
},
|
||
tooltip: {
|
||
trigger: 'item'
|
||
},
|
||
data: [
|
||
{
|
||
value: data,
|
||
name: '健康评价得分'
|
||
}
|
||
]
|
||
}
|
||
]
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
function doBarTransverse(id,seriesdata,color){
|
||
var lifeChart = echarts.getInstanceByDom(document.getElementById(id));
|
||
//有的话就获取已有echarts实例的DOM节点。
|
||
if (lifeChart != null) { // 如果存在,就进行销毁。
|
||
lifeChart.dispose();
|
||
}
|
||
var option = {
|
||
color:color,
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
},
|
||
legend: {
|
||
orient:'vertical',
|
||
x:'center',
|
||
y:'bottom',
|
||
textStyle: {
|
||
fontSize: 14 ,
|
||
},
|
||
formatter: function(name) {
|
||
var resVal = 0;
|
||
seriesdata.forEach(function(value,i){
|
||
if(value.name == name){
|
||
resVal = value.data[0];
|
||
}
|
||
});
|
||
return name + " " + resVal;
|
||
}
|
||
},
|
||
grid: {
|
||
left: 0,
|
||
right: 0,
|
||
bottom: '60%',
|
||
top:'0',
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'value',
|
||
show:false,
|
||
},
|
||
yAxis: {
|
||
type: 'category',
|
||
show:false,
|
||
},
|
||
series: seriesdata
|
||
};
|
||
lifeChart = echarts.init(document.getElementById(id));
|
||
lifeChart.setOption(option,true);
|
||
}
|
||
function doBootstrapTable(id,url,columns) {
|
||
|
||
beginTimeStore = moment().subtract(7, 'days').format('YYYY-MM-DD') + ' 00:00';
|
||
endTimeStore = moment().subtract(0, 'days').format('YYYY-MM-DD') + ' 23:59';
|
||
$("#"+id).bootstrapTable({ // 对应table标签的id
|
||
url: ext.contextPath + url, // 获取表格数据的url
|
||
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
||
striped: true, //表格显示条纹，默认为false
|
||
pagination: true, // 在表格底部显示分页组件，默认false
|
||
pageList: [15, 30, 50], // 设置页面可以显示的数据条数
|
||
pageSize: 15, // 页面数据条数
|
||
pageNumber: 1, // 首页页码
|
||
sidePagination: "client", //分页方式：client客户端分页，server服务端分页（*）
|
||
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
||
return {
|
||
rows: params.limit, // 每页要显示的数据条数
|
||
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
|
||
sort: params.sort, // 要排序的字段
|
||
order: params.order,
|
||
unitId: bizid,
|
||
companyId: bizid,
|
||
sdt: beginTimeStore,
|
||
edt: endTimeStore
|
||
}
|
||
},
|
||
onClickRow: function (row) {//单击行事件,执行查看功能
|
||
// viewFun(row.id);
|
||
},
|
||
sortName: 'insdt', // 要排序的字段
|
||
sortOrder: 'desc', // 排序规则
|
||
columns: columns,
|
||
onLoadSuccess: function () { //加载成功时执行
|
||
adjustBootstrapTableView(id);
|
||
},
|
||
onLoadError: function () { //加载失败时执行
|
||
console.info("加载数据失败");
|
||
}
|
||
|
||
});
|
||
}
|
||
//添加千分位符合
|
||
function toThousands(num) {
|
||
var nums =num;
|
||
var re=/\d{1,3}(?=(\d{3})+$)/g;
|
||
var n1=0;
|
||
if(nums!=null && nums!='' && nums!=undefined){
|
||
n1=nums.toString().replace(/^(\d+)((\.\d+)?)$/,function(s,s1,s2){return s1.replace(re,"$&,")+s2;});
|
||
}
|
||
return n1;
|
||
}
|
||
</script>
|
||
|
||
</head>
|
||
<body class="hold-transition ${cu.themeclass} sidebar-mini">
|
||
<div class="wrapper">
|
||
<div class="content-wrapper text-fontcolor-black font-size-14">
|
||
<!-- BEGIN CONTAINER -->
|
||
<input type="hidden" name="jsp_id" id="jsp_id" value="zengCheng">
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
||
<div class="box box-widget">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title font-size-16">${unitSname}概况</h3>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12 padding-UpDown-5">
|
||
<div class="col-xs-12 padding-UpDown-5">
|
||
<span class="col-xs-5 text-fontcolor-gray-light">投运日期：</span>
|
||
<span class="col-xs-3 operationDate">1999</span>
|
||
<span class="col-xs-4">年 </span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-5">
|
||
<span class="col-xs-5 text-fontcolor-gray-light">运营形式：</span>
|
||
<span class="col-xs-7">自主运营</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-5">
|
||
<span class="col-xs-5 text-fontcolor-gray-light">设计水量： </span>
|
||
<span class="col-xs-3 designWaterVolume">18</span>
|
||
<span class="col-xs-4">万吨/日 </span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-5">
|
||
<span class="col-xs-5 text-fontcolor-gray-light">占地面积：</span>
|
||
<span class="col-xs-3 area_covered">193,321</span>
|
||
<span class="col-xs-4">平方米</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-5">
|
||
<span class="col-xs-5 text-fontcolor-gray-light">处理工艺：</span>
|
||
<span class="col-xs-7">改良AAO工艺 </span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-5">
|
||
<span class="col-xs-5 text-fontcolor-gray-light">排放标准：</span>
|
||
<span class="col-xs-7">GB18918一级A</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
|
||
<div class="box box-blue box-solid text-center text-fontcolor-blue">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title text-fontcolor-white">处理量信息（万吨）</h3>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<div class="col-xs-12">
|
||
<span class="col-xs-4">昨日处理量</span>
|
||
<span class="col-xs-4">今日累计</span>
|
||
<span class="col-xs-4">目标水量</span>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<span class="col-xs-4 font-size-40 yesterday_processing_capacity">0</span>
|
||
<span class="col-xs-4 font-size-40 accumulated_today">0</span>
|
||
<span class="col-xs-4 font-size-40 target_water_volume">0</span>
|
||
<!-- <div class="col-xs-4">
|
||
<span class="col-xs-12 font-size-20 target_water_volume">0</span>
|
||
<span class="col-xs-12 font-size-20 text-fontcolor-green water_difference">0</span>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
|
||
<div class="box box-widget">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title font-size-16"><i class="iconfont icon-yuce"></i>生产情况</h3>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12 text-center">
|
||
<div class="annular_reverse" id="health_evaluation_score"></div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
|
||
<div class="radar" id="radar_yh"></div>
|
||
</div>
|
||
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 table-responsive">
|
||
<table class="table table-condensed ">
|
||
<tr class="text-fontcolor-gray-light">
|
||
<td class="text-fontcolor-gray-light">主要数据</td>
|
||
<td>PH</td>
|
||
<td>NH<sub>3</sub>_N</td>
|
||
<td>TP</td>
|
||
<td>COD</td>
|
||
<td>SS</td>
|
||
<td>TN</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-fontcolor-gray-light">进水</td>
|
||
<td class="font-weight-700 inlet_PH">0</td>
|
||
<td class="font-weight-700 inlet_HN3N">0</td>
|
||
<td class="font-weight-700 inlet_TP">0</td>
|
||
<td class="font-weight-700 inlet_COD">0</td>
|
||
<td class="font-weight-700 inlet_SS">0</td>
|
||
<td class="font-weight-700 inlet_TN">0</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-fontcolor-gray-light">出水</td>
|
||
<td class="font-weight-700 effluent_PH">0</td>
|
||
<td class="font-weight-700 effluent_HN3N">0</td>
|
||
<td class="font-weight-700 effluent_TP">0</td>
|
||
<td class="font-weight-700 effluent_COD">0</td>
|
||
<td class="font-weight-700 effluent_SS">0</td>
|
||
<td class="font-weight-700 effluent_TN">0</td>
|
||
</tr>
|
||
</table>
|
||
<table class="table table-condensed ">
|
||
<tr class="text-fontcolor-gray-light">
|
||
<td class="text-fontcolor-gray-light"></td>
|
||
<td>进水流量1（m³/h)</td>
|
||
<td>进水流量2（m³/h)</td>
|
||
<td>出水流量（m³/h)</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="text-fontcolor-gray-light">流量</td>
|
||
<td class="font-weight-700 inlet_flow">0</td>
|
||
<td class="font-weight-700 inlet_flow_2">0</td>
|
||
<td class="font-weight-700 effluent_flow">0</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
||
<div class="box box-widget">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title font-size-16"><i class="iconfont icon-shuibeng"></i>设备统计</h3>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
|
||
<div class="box box-blue box-solid text-center text-fontcolor-blue">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title text-fontcolor-white">设备总数</h3>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<span class="col-xs-12 font-size-50 equipment_number">0</span>
|
||
<span class="col-xs-12 font-size-14">台</span>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-5">
|
||
<div class="bar_transverse" id="bar_transverse"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
|
||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-UpDown-5">
|
||
<div class="annular" id="equipment_intact_rate"></div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 padding-UpDown-5">
|
||
<div class="annular" id="failure_shutdown_rate"></div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding-UpDown-5">
|
||
<div class="box box-blue box-solid text-center text-fontcolor-blue">
|
||
<div class="box-body">
|
||
<span class="col-xs-2 font-size-14 text-fontcolor-white background-color-blue span-blue">异常故障</span>
|
||
<span class="col-xs-5 ">
|
||
<span class="col-xs-12 font-size-40 abnormal_alarm">0</span>
|
||
<span class="col-xs-12 font-size-14">上报设备故障</span>
|
||
</span>
|
||
<span class="col-xs-5 ">
|
||
<span class="col-xs-12 font-size-40 report_fault">0</span>
|
||
<span class="col-xs-12 font-size-14">设备异常报警</span>
|
||
</span>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
|
||
<div class="box box-widget">
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
|
||
<div class="col-xs-12">
|
||
<div class="special" id="water_treatment"></div>
|
||
</div>
|
||
<!-- <div class="col-xs-12">
|
||
<div class="special" id="electric_treatment"></div>
|
||
</div> -->
|
||
</div>
|
||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
|
||
<div class="col-xs-12">
|
||
<div class="special" id="electric_treatment"></div>
|
||
</div>
|
||
<!-- <div class="col-xs-12">
|
||
<div class="special" id="mud_treatment"></div>
|
||
</div> -->
|
||
<!-- <div class="col-xs-12">
|
||
<div class="special" id="ton_water_power_consumption"></div>
|
||
</div> -->
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
||
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
|
||
<div class="box box-widget">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title font-size-16"><i class="iconfont icon-gongdanbaobiao"></i>工单统计</h3>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
|
||
<div class="annular_reverse" id="patrol_inspection_completion_rate"></div>
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light">已完成</span>
|
||
<span class="col-xs-6 patrol_inspection_completion_num">0</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light ">未完成</span>
|
||
<span class="col-xs-6 patrol_inspection_incompletion_num">0</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light">总数</span>
|
||
<span class="col-xs-6 patrol_inspection_num">0</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light">花费工时</span>
|
||
<span class="col-xs-6 patrol_inspection_working_hours">0</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
|
||
<div class="annular_reverse" id="repair_completion_rate"></div>
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light">已完成</span>
|
||
<span class="col-xs-6 repair_completion_num">0</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light ">未完成</span>
|
||
<span class="col-xs-6 repair_incompletion_num">0</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light">总数</span>
|
||
<span class="col-xs-6 repair_num">0</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light">花费工时</span>
|
||
<span class="col-xs-6 repair_working_hours">0</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
|
||
<div class="annular_reverse" id="maintain_completion_rate"></div>
|
||
</div>
|
||
<div class="col-lg-2 col-md-2 col-sm-2 col-xs-12">
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light">已完成</span>
|
||
<span class="col-xs-6 maintain_completion_num">0</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light ">未完成</span>
|
||
<span class="col-xs-6 maintain_incompletion_num">0</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light">总数</span>
|
||
<span class="col-xs-6 maintain_num">0</span>
|
||
</div>
|
||
<div class="col-xs-12 padding-UpDown-10">
|
||
<span class="col-xs-6 text-fontcolor-gray-light">花费工时</span>
|
||
<span class="col-xs-6 maintain_working_hours">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
|
||
<div class="box box-widget">
|
||
<div class="box-header with-border">
|
||
<h3 class="box-title font-size-16"><i class="iconfont icon-baojing"></i>报警及异常</h3>
|
||
<div class="box-tools pull-right">
|
||
<ul class="nav nav-tabs ">
|
||
<li role="presentation" class="active">
|
||
<a href="#tab_warning" data-toggle="tab">报警</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#tab_abnormal" data-toggle="tab">异常</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<!-- /.box-header -->
|
||
<div class="box-body">
|
||
<div class="tab-content"style="overflow:auto; ">
|
||
<div class="tab-pane active" id="tab_warning">
|
||
<table class="table table-condensed text-center" id="table_warning">
|
||
</table>
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
<div class="tab-pane" id="tab_abnormal">
|
||
<table class="table table-condensed text-center" id="table_abnormal"></table>
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
</div>
|
||
</div>
|
||
<!-- /.box-body -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |