3845 lines
199 KiB
Plaintext
3845 lines
199 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"%>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!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>
|
|||
|
|
<!-- bootstrap switch -->
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css" />
|
|||
|
|
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/iconfont/iconfont.css" />
|
|||
|
|
|
|||
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js"
|
|||
|
|
charset="utf-8"></script>
|
|||
|
|
|
|||
|
|
<style type="text/css">+
|
|||
|
|
.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-left: 5px;
|
|||
|
|
padding-right: 5px;
|
|||
|
|
}
|
|||
|
|
.floattop_div_1 {
|
|||
|
|
width: 100%;
|
|||
|
|
padding:10px;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_1_1 {
|
|||
|
|
width: 25%;
|
|||
|
|
height: 400px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_1_2 {
|
|||
|
|
width: 73%;
|
|||
|
|
height: 400px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_1_3 {
|
|||
|
|
width: 25%;
|
|||
|
|
height: 400px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/* .floattop_div_1_4 {
|
|||
|
|
width: 6%;
|
|||
|
|
height: 400px;
|
|||
|
|
float: left;
|
|||
|
|
} */
|
|||
|
|
|
|||
|
|
.floattop_div_1_5 {
|
|||
|
|
width: 1%;
|
|||
|
|
height: 400px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_1_6 {
|
|||
|
|
width: 1%;
|
|||
|
|
height: 400px;
|
|||
|
|
float: right;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_2 {
|
|||
|
|
width: 100%;
|
|||
|
|
background: transparent;
|
|||
|
|
border:0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_2_1 {
|
|||
|
|
width: 10%;
|
|||
|
|
height: 430px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_2_2 {
|
|||
|
|
width: 100%;
|
|||
|
|
margin-top:10px;
|
|||
|
|
margin-right:10px;
|
|||
|
|
background-color: #fff;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_3 {
|
|||
|
|
width: 99%;
|
|||
|
|
height: 520px;
|
|||
|
|
margin-left:10px;
|
|||
|
|
margin-right:10px;
|
|||
|
|
margin-top:0px;
|
|||
|
|
background: #FFFFFF;
|
|||
|
|
border:0px solid #8B8386;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_3_1 {
|
|||
|
|
width: 41%;
|
|||
|
|
height: 430px;
|
|||
|
|
margin-top:10px;
|
|||
|
|
margin-left:15px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.floattop_div_3_2 {
|
|||
|
|
width: 100%;
|
|||
|
|
height: 550px;
|
|||
|
|
margin-top:10px;
|
|||
|
|
margin-right:15px;
|
|||
|
|
float: left;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.yuanG {
|
|||
|
|
width: 15px;
|
|||
|
|
height: 15px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
background:#3BBD51;
|
|||
|
|
display: block;
|
|||
|
|
float: left;
|
|||
|
|
margin-top:-2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.yuanO {
|
|||
|
|
width: 15px;
|
|||
|
|
height: 15px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
background:#FFC239;
|
|||
|
|
display: block;
|
|||
|
|
float: left;
|
|||
|
|
margin-top:-2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.yuanR {
|
|||
|
|
width: 15px;
|
|||
|
|
height: 15px;
|
|||
|
|
border-radius: 10px;
|
|||
|
|
background:#8E9AAE;
|
|||
|
|
display: block;
|
|||
|
|
float: left;
|
|||
|
|
margin-top:-2px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hengG {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 3px;
|
|||
|
|
background:#3BBD51;
|
|||
|
|
display: block;
|
|||
|
|
float: left;
|
|||
|
|
margin-top:4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.hengR {
|
|||
|
|
width: 20px;
|
|||
|
|
height: 3px;
|
|||
|
|
background:#8E9AAE;
|
|||
|
|
display: block;
|
|||
|
|
float: left;
|
|||
|
|
margin-top:4px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.fixed-table-container {
|
|||
|
|
border: 0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.nav-tabs{
|
|||
|
|
border:0px solid #ddd
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ctab_5_1{
|
|||
|
|
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ctab_5_1 thead {
|
|||
|
|
border: 0px;
|
|||
|
|
background:#CBEFFF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bootstrap-table .ctab_5_1 thead tr th{
|
|||
|
|
border: 1px solid #CBEFFF;
|
|||
|
|
border-bottom:0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ctab_5_1 tbody tr:nth-of-type(2n+1){
|
|||
|
|
background:#FFFFFF;
|
|||
|
|
}
|
|||
|
|
.ctab_5_1 tbody tr{
|
|||
|
|
border: 0px;
|
|||
|
|
}
|
|||
|
|
.ctab_5_1 tbody tr td{
|
|||
|
|
border-bottom: 1px solid #CBEFFF; /* 整体表格边框 */
|
|||
|
|
border-right:0px;
|
|||
|
|
border-left:0px;
|
|||
|
|
word-break:keep-all;/* 不换行 */
|
|||
|
|
white-space:nowrap;/* 不换行 */
|
|||
|
|
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
|
|||
|
|
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.ctab_5_3{
|
|||
|
|
table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ctab_5_3 thead {
|
|||
|
|
border: 0px;
|
|||
|
|
background:#CBEFFF;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.bootstrap-table .ctab_5_3 thead tr th{
|
|||
|
|
border: 1px solid #CBEFFF;
|
|||
|
|
border-bottom:0px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ctab_5_3 tbody tr:nth-of-type(2n+1){
|
|||
|
|
background:#FFFFFF;
|
|||
|
|
}
|
|||
|
|
.ctab_5_3 tbody tr{
|
|||
|
|
border: 0px;
|
|||
|
|
}
|
|||
|
|
.ctab_5_3 tbody tr td{
|
|||
|
|
border-bottom: 1px solid #CBEFFF; /* 整体表格边框 */
|
|||
|
|
border-right:0px;
|
|||
|
|
border-left:0px;
|
|||
|
|
word-break:keep-all;/* 不换行 */
|
|||
|
|
white-space:nowrap;/* 不换行 */
|
|||
|
|
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
|
|||
|
|
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用*/
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.ctab_9_1 thead {
|
|||
|
|
background:#F2F2F2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.sjdbth {
|
|||
|
|
height:20px;text-align:center;
|
|||
|
|
}
|
|||
|
|
.sjdbtd {
|
|||
|
|
height:45px;text-align:center;border-bottom:1px solid #DADADA;
|
|||
|
|
}
|
|||
|
|
.sidebar{
|
|||
|
|
height: 1500px;
|
|||
|
|
}
|
|||
|
|
.gauge_cont{
|
|||
|
|
height:35px;
|
|||
|
|
width:100%;
|
|||
|
|
padding:0 5px;
|
|||
|
|
}
|
|||
|
|
.text_cost{
|
|||
|
|
height: 100%;
|
|||
|
|
width: 22%;
|
|||
|
|
float: left;
|
|||
|
|
line-height: 2;
|
|||
|
|
font-size: 20px;
|
|||
|
|
padding: 0 5px;
|
|||
|
|
}
|
|||
|
|
.text_cost_small{
|
|||
|
|
height: 100%;
|
|||
|
|
width: 22%;
|
|||
|
|
float: left;
|
|||
|
|
line-height: 2;
|
|||
|
|
font-size: 12px;
|
|||
|
|
padding: 0 5px;
|
|||
|
|
}
|
|||
|
|
.text_cost_good{
|
|||
|
|
width: 50%;
|
|||
|
|
}
|
|||
|
|
.number_cost{
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
font-weight: 700;
|
|||
|
|
line-height: 1.5;
|
|||
|
|
font-size: 25px;
|
|||
|
|
padding:0 5px;
|
|||
|
|
}
|
|||
|
|
.number_cost_small{
|
|||
|
|
height: 100%;
|
|||
|
|
float: left;
|
|||
|
|
font-weight: 700;
|
|||
|
|
line-height: 1;
|
|||
|
|
font-size: 20px;
|
|||
|
|
}
|
|||
|
|
.number_cost_20{
|
|||
|
|
width: 20%;
|
|||
|
|
}
|
|||
|
|
.number_cost_25{
|
|||
|
|
width: 25%;
|
|||
|
|
}
|
|||
|
|
.number_red{
|
|||
|
|
color: rgb(253, 0, 0);
|
|||
|
|
}
|
|||
|
|
.equ_pie_cont{
|
|||
|
|
height:25px;
|
|||
|
|
width:100%;
|
|||
|
|
}
|
|||
|
|
.equ_pie_text{
|
|||
|
|
height:100%;
|
|||
|
|
width:50%;
|
|||
|
|
float:left;
|
|||
|
|
line-height: 1;
|
|||
|
|
font-size: 14px;
|
|||
|
|
color: #b5b5b5;
|
|||
|
|
text-align: right;
|
|||
|
|
padding-right:10px;
|
|||
|
|
}
|
|||
|
|
.equ_pie_number{
|
|||
|
|
height:100%;
|
|||
|
|
width:50%;
|
|||
|
|
float:left;
|
|||
|
|
font-weight: 700;
|
|||
|
|
line-height: 1;
|
|||
|
|
font-size: 16px;
|
|||
|
|
padding-left:10px;
|
|||
|
|
}
|
|||
|
|
.technology_title{
|
|||
|
|
height:100%;font-size: 16px;
|
|||
|
|
/*flex 布局*/
|
|||
|
|
display: flex;
|
|||
|
|
/*实现垂直居中*/
|
|||
|
|
align-items: center;
|
|||
|
|
/*实现水平居中*/
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
.vertical-middle{
|
|||
|
|
/*flex 布局*/
|
|||
|
|
display: flex;
|
|||
|
|
/*实现垂直居中*/
|
|||
|
|
align-items: center;
|
|||
|
|
/*实现水平居中*/
|
|||
|
|
justify-content: center;
|
|||
|
|
}
|
|||
|
|
.technology_title{
|
|||
|
|
height:100%;
|
|||
|
|
font-size: 16px;
|
|||
|
|
}
|
|||
|
|
.technology_number{
|
|||
|
|
height:100%;
|
|||
|
|
font-weight: 700;
|
|||
|
|
font-size: 80px;
|
|||
|
|
}
|
|||
|
|
.technology_evaluate_title{
|
|||
|
|
width:50%;height:50%;float:left;
|
|||
|
|
}
|
|||
|
|
.technology_evaluate_number{
|
|||
|
|
width:50%;height:50%;float:left;font-weight: 700;font-size: 30px;
|
|||
|
|
}
|
|||
|
|
.bg_blue{
|
|||
|
|
background-color: rgba(183, 226, 255, 1);
|
|||
|
|
}
|
|||
|
|
.bg_red{
|
|||
|
|
background-color: rgba(255, 180, 180, 1);
|
|||
|
|
}
|
|||
|
|
.bg_green{
|
|||
|
|
background-color: rgba(197, 242, 199, 1);
|
|||
|
|
}
|
|||
|
|
@media (min-width: 1100px){
|
|||
|
|
.modal-lg {
|
|||
|
|
width: 90%;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.thumbnail {
|
|||
|
|
margin-bottom: 0px;
|
|||
|
|
}
|
|||
|
|
.bg_brilliant_blue{
|
|||
|
|
background-color: rgba(11, 167, 244, 1);
|
|||
|
|
border-radius: 8px;
|
|||
|
|
margin: 0;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text_white{
|
|||
|
|
color:rgb(255, 255, 255);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.text_green{
|
|||
|
|
color:#1FE519;
|
|||
|
|
}
|
|||
|
|
.text_red{
|
|||
|
|
color:#FF0000;
|
|||
|
|
}
|
|||
|
|
.text_yellow{
|
|||
|
|
color:#E8B900;
|
|||
|
|
}
|
|||
|
|
.equ_blue_text{
|
|||
|
|
height: 40px;
|
|||
|
|
padding:5px 0;
|
|||
|
|
}
|
|||
|
|
.equ_blue_number{
|
|||
|
|
height: 70px;
|
|||
|
|
font-size:30px;
|
|||
|
|
background: inherit;
|
|||
|
|
background-color: rgba(242, 242, 242, 0.149019607843137);
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var mychart;
|
|||
|
|
var mychart1;
|
|||
|
|
var mychart2;
|
|||
|
|
var mychart3;
|
|||
|
|
var mychart9;
|
|||
|
|
var mychart10;
|
|||
|
|
$(function () {
|
|||
|
|
var tab1_ul_children = $("#tab1_ul").children(".active");
|
|||
|
|
$("#jsp_id").val(tab1_ul_children.find("a").attr("id"));
|
|||
|
|
var target_water = 0;
|
|||
|
|
var actual_water = 0;
|
|||
|
|
$("#target_water").html(target_water);
|
|||
|
|
$("#actual_water").html(actual_water);
|
|||
|
|
//pie('waterQuantityPie',target_water,'%','#00A5FF','水量完成率');
|
|||
|
|
var standard_not = 0;
|
|||
|
|
$("#standard_not").html(standard_not);
|
|||
|
|
var standard = 0;
|
|||
|
|
//pie('waterQualityPie',standard,'%','#00A5FF','水质达标率');
|
|||
|
|
|
|||
|
|
var legendData = ['目标值', '实际值']
|
|||
|
|
var xAxisData = ['大岭山', '厚街', '石排', '横岭', '花都', '三水', '占陇', '空港', '增城']
|
|||
|
|
var seriesData = [
|
|||
|
|
{
|
|||
|
|
name: '目标值',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '实际值',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
bar('waterQuantityBar',legendData,xAxisData,seriesData,'水量');
|
|||
|
|
//pie('mudQuantityPie',0,'%','#D57314','泥量完成率');
|
|||
|
|
//pie('mudQualityPie',0,'%','#D57314','污泥含水率达标率');
|
|||
|
|
bar('mudQuantityBar',legendData,xAxisData,seriesData,'泥量');
|
|||
|
|
legendData = ['评价得分','合格项', '不合格项'];
|
|||
|
|
seriesData = [
|
|||
|
|
{
|
|||
|
|
name: '评价得分',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '合格项',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '不合格项',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
bar('score',legendData,xAxisData,seriesData,'评价得分总览');
|
|||
|
|
showgauge('gauge1',0,'吨水电耗');
|
|||
|
|
showgauge('gauge2',0,'吨水药剂费');
|
|||
|
|
showgauge('gauge3',0,'污泥处置费');
|
|||
|
|
showgauge('gauge4',0,'污泥药剂费');
|
|||
|
|
legendData = ['设备得分','系统得分'];
|
|||
|
|
seriesData = [
|
|||
|
|
{
|
|||
|
|
name: '设备得分',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '系统得分',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
bar('equ_bar',legendData,xAxisData,seriesData,'');
|
|||
|
|
var equ_data = [
|
|||
|
|
{value: 0, name: '主要工艺设备不完好数'},
|
|||
|
|
{value: 0, name: '主要电气设备不完好数'},
|
|||
|
|
{value: 0, name: '无备用设备不完好数'},
|
|||
|
|
]
|
|||
|
|
//equ_pie('equ_pie',equ_data,'设备不完好数占比');
|
|||
|
|
|
|||
|
|
pie('equ_pie_1',0,'%','#00A5FF','主要工艺设备完好率');
|
|||
|
|
pie('equ_pie_2',0,'%','#00A5FF','主要电气设备完好率');
|
|||
|
|
pie('equ_pie_3',0,'%','#00A5FF','无备用设备完好率');
|
|||
|
|
pie('equ_pie_4',0,'%','#00A5FF','系统故障修复及时率');
|
|||
|
|
pie('equ_pie_communication',0,'%','#00A5FF','通信故障修复及时率');
|
|||
|
|
|
|||
|
|
pie('security_pie',75,'分','#00A5FF','安全管理得分');
|
|||
|
|
legendData = ['进水水质超标次数','出水水质超标次数','无备用设备故障次数','故障停电次数'];
|
|||
|
|
seriesData = [
|
|||
|
|
{
|
|||
|
|
name: '进水水质超标次数',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '出水水质超标次数',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '无备用设备故障次数',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '故障停电次数',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: [0, 0, 0, 0, 0, 0, 0, 0, 0]
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
bar('security_bar',legendData,xAxisData,seriesData,'');
|
|||
|
|
var radarData = [
|
|||
|
|
{
|
|||
|
|
value: [0, 0, 0, 0, 0, 0],
|
|||
|
|
name: '评价得分'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: [0, 0, 0, 0, 0, 0],
|
|||
|
|
name: '合格项'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: [0, 0, 0, 0, 0, 0],
|
|||
|
|
name: '不合格项'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
var indicatorData =[
|
|||
|
|
{ name: '水量泥量平衡\n 不合格项:20', max: 100},
|
|||
|
|
{ name: '预处理系统\n 不合格项:20', max: 100},
|
|||
|
|
{ name: '沿程分析\n 不合格项:20', max: 100},
|
|||
|
|
{ name: '消毒系统\n 不合格项:20', max: 100},
|
|||
|
|
{ name: 'V型滤池\n 不合格项:20', max: 100},
|
|||
|
|
{ name: '高效沉淀池\n 不合格项:20', max: 100}
|
|||
|
|
];
|
|||
|
|
//showRadar('radar',radarData,indicatorData);
|
|||
|
|
var tableData = [
|
|||
|
|
{"name":"大岭山区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"厚街区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"石排区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"横岭区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"花都区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"三水区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"空港区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"占陇区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"增城区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"}
|
|||
|
|
];
|
|||
|
|
//showtable_water(tableData);
|
|||
|
|
$("#tab1_ul li a").click(function(){
|
|||
|
|
var href = $(this).attr('href');
|
|||
|
|
if(!$(href+"_1").hasClass("active")){
|
|||
|
|
$(href+"_1").addClass("active");
|
|||
|
|
}
|
|||
|
|
$(href+"_1").siblings().removeClass("active");
|
|||
|
|
|
|||
|
|
$("#jsp_id").val($(this).attr("id"));
|
|||
|
|
var search_pid = $('#search_pid').val();
|
|||
|
|
getData(search_pid);
|
|||
|
|
});
|
|||
|
|
$('#time_input').datepicker({
|
|||
|
|
language: 'zh-CN',
|
|||
|
|
autoclose: true,
|
|||
|
|
todayHighlight: true,
|
|||
|
|
format:'yyyy-mm-dd',
|
|||
|
|
}).on('hide',function(e) {
|
|||
|
|
//当日期选择框关闭时，执行刷新校验
|
|||
|
|
var search_pid = $('#search_pid').val();
|
|||
|
|
getData(search_pid);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//init();
|
|||
|
|
//简易公司combotree
|
|||
|
|
$.post(ext.contextPath + '/user/getUnitForTree.do', { ng: '' }, function (data) {
|
|||
|
|
//console.log("data",data[0]);
|
|||
|
|
if (data.length == 1 && !data[0].hasOwnProperty("nodes")) {
|
|||
|
|
//当登陆者的pid以下没有子节点时显示单独一个span
|
|||
|
|
$("#search_pid").val(data[0].id);
|
|||
|
|
$("#companyselect").hide();
|
|||
|
|
$("#companyName").text("公司:" + data[0].text);
|
|||
|
|
// showtable();
|
|||
|
|
} else if ((data.length == 1 && data.nodes != "") || data.length > 1) {
|
|||
|
|
//第一次加载时赋值
|
|||
|
|
$("#search_pid").val(data[0].id);
|
|||
|
|
$("#cname_input").val(data[0].text);
|
|||
|
|
// showtable();
|
|||
|
|
//$table.bootstrapTable('refresh');//异步加载重新刷新，待修改
|
|||
|
|
$('#companytree').treeview({
|
|||
|
|
data: data,
|
|||
|
|
showBorder: true,
|
|||
|
|
});
|
|||
|
|
$('#companytree').on('nodeSelected', function (event, data) {
|
|||
|
|
$("#search_pid").val(data.id);
|
|||
|
|
$("#cname_input").val(data.text);
|
|||
|
|
if(data.type=='F'){
|
|||
|
|
$(".region").hide();
|
|||
|
|
$(".factory").show();
|
|||
|
|
}else{
|
|||
|
|
$(".factory").hide();
|
|||
|
|
$(".region").show();
|
|||
|
|
}
|
|||
|
|
document.getElementById('company_select').style.display = "none";
|
|||
|
|
$("ul#company_select").hide();
|
|||
|
|
getData($("#search_pid").val());
|
|||
|
|
// $("ul#companyselect").hide();
|
|||
|
|
});
|
|||
|
|
var treenode = $('#companytree').treeview('getEnabled');
|
|||
|
|
for (j = 0, len = treenode.length; j < len; j++) {
|
|||
|
|
if (treenode[j].id == unitId) {
|
|||
|
|
$('#companytree').treeview('selectNode', [treenode[j], { }]);
|
|||
|
|
$('#companytree').treeview('revealNode', [treenode[j], { silent: true }]);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
//待完善
|
|||
|
|
};
|
|||
|
|
//getData($("#search_pid").val());
|
|||
|
|
}, 'json');
|
|||
|
|
//防止点击树收起下拉框
|
|||
|
|
$("#company_select").on("click", function (e) {
|
|||
|
|
event.stopPropagation();
|
|||
|
|
});
|
|||
|
|
//点击树之外其他区域收起
|
|||
|
|
$(document).click(function () {
|
|||
|
|
$("#company_select").hide();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#removea').click(function () {
|
|||
|
|
$('#search_name').val("");
|
|||
|
|
})
|
|||
|
|
});
|
|||
|
|
function getData(bizid){
|
|||
|
|
var jsp_id = $('#jsp_id').val();
|
|||
|
|
var time_input = $('#time_input').val();
|
|||
|
|
$.post(ext.contextPath + '/todo/getValue4Group.do', {bizid:bizid,time:time_input,jsp_id:jsp_id} , function(data) {
|
|||
|
|
var arr= JSON.parse(data);
|
|||
|
|
console.log(arr);
|
|||
|
|
var score_balance=0;
|
|||
|
|
var qualified_balance=0;
|
|||
|
|
var unqualified_balance=0;
|
|||
|
|
var score_pretreatment=0;
|
|||
|
|
var qualified_pretreatment=0;
|
|||
|
|
var unqualified_pretreatment=0;
|
|||
|
|
var score_analysis=0;
|
|||
|
|
var qualified_analysis=0;
|
|||
|
|
var unqualified_analysis=0;
|
|||
|
|
var score_disinfect=0;
|
|||
|
|
var qualified_disinfect=0;
|
|||
|
|
var unqualified_disinfect=0;
|
|||
|
|
var score_filter=0;
|
|||
|
|
var qualified_filter=0;
|
|||
|
|
var unqualified_filter=0;
|
|||
|
|
var score_precipitate=0;
|
|||
|
|
var qualified_precipitate=0;
|
|||
|
|
var unqualified_precipitate=0;
|
|||
|
|
var actual_water_line_dataxAxis=[];
|
|||
|
|
var actual_water_line_dataseries=[];
|
|||
|
|
var mudQuantity_line_dataxAxis=[];
|
|||
|
|
var waterQuality_line_dataxAxis=[];
|
|||
|
|
var mudQuality_line_dataxAxis=[];
|
|||
|
|
var mudQuantity_line_dataseries=[];
|
|||
|
|
var waterQuality_line_dataseries=[];
|
|||
|
|
var mudQuality_line_dataseries=[];
|
|||
|
|
var water_COD_line_dataxAxis=[];
|
|||
|
|
var water_NH3_line_dataxAxis=[];
|
|||
|
|
var water_TN_line_dataxAxis=[];
|
|||
|
|
var water_TP_line_dataxAxis=[];
|
|||
|
|
var water_PH_line_dataxAxis=[];
|
|||
|
|
var water_SS_line_dataxAxis=[];
|
|||
|
|
var water_COD_line_dataseries=[];
|
|||
|
|
var water_NH3_line_dataseries=[];
|
|||
|
|
var water_TN_line_dataseries=[];
|
|||
|
|
var water_TP_line_dataseries=[];
|
|||
|
|
var water_PH_line_dataseries=[];
|
|||
|
|
var water_SS_line_dataseries=[];
|
|||
|
|
var water_COD_line=0;
|
|||
|
|
var water_NH3_line=0;
|
|||
|
|
var water_TN_line=0;
|
|||
|
|
var water_TP_line=0;
|
|||
|
|
var water_PH_line=0;
|
|||
|
|
var water_SS_line=0;
|
|||
|
|
var water_COD_line_avg=0;
|
|||
|
|
var water_NH3_line_avg=0;
|
|||
|
|
var water_TN_line_avg=0;
|
|||
|
|
var water_TP_line_avg=0;
|
|||
|
|
var water_PH_line_avg=0;
|
|||
|
|
var water_SS_line_avg=0;
|
|||
|
|
var water_COD_line_referenceValue=0;
|
|||
|
|
var water_NH3_line_referenceValue=0;
|
|||
|
|
var water_TN_line_referenceValue=0;
|
|||
|
|
var water_TP_line_referenceValue=0;
|
|||
|
|
var water_PH_line_referenceValue=0;
|
|||
|
|
var water_SS_line_referenceValue=0;
|
|||
|
|
var water_COD_line_referenceValue_lower=0;
|
|||
|
|
var water_NH3_line_referenceValue_lower=0;
|
|||
|
|
var water_TN_line_referenceValue_lower=0;
|
|||
|
|
var water_TP_line_referenceValue_lower=0;
|
|||
|
|
var water_PH_line_referenceValue_lower=0;
|
|||
|
|
var water_SS_line_referenceValue_lower=0;
|
|||
|
|
|
|||
|
|
var waterElectricQuantity_line_dataxAxis=[];
|
|||
|
|
var waterDrugQuality_line_dataxAxis=[];
|
|||
|
|
var mudRdealQuality_line_dataxAxis=[];
|
|||
|
|
var mudDrugQuality_line_dataxAxis=[];
|
|||
|
|
var waterElectricQuantity_line_dataseries=[];
|
|||
|
|
var waterDrugQuality_line_dataseries=[];
|
|||
|
|
var mudRdealQuality_line_dataseries=[];
|
|||
|
|
var mudDrugQuality_line_dataseries=[];
|
|||
|
|
|
|||
|
|
var score_technology = 0;
|
|||
|
|
var qualified_technology = 0;
|
|||
|
|
var unqualified_technology = 0;
|
|||
|
|
var score_equipment = 0;
|
|||
|
|
var score_system = 0;
|
|||
|
|
var score_security = 0;
|
|||
|
|
var score_security_dataxAxis = [];
|
|||
|
|
var score_security_dataseries =[];
|
|||
|
|
var over_standard_influent_quality_dataseries =[];
|
|||
|
|
var over_standard_effluent_quality_dataseries =[];
|
|||
|
|
var dangerous_operation_dataseries =[];
|
|||
|
|
var fault_num_power_dataseries =[];
|
|||
|
|
var target_water=0;
|
|||
|
|
var actual_water=0;
|
|||
|
|
var target_mud=0;
|
|||
|
|
var actual_mud=0;
|
|||
|
|
var standard_mud_rate=0;
|
|||
|
|
var standard_mud=0;
|
|||
|
|
var standard_not_mud=0;
|
|||
|
|
var actual_sludge_moisture_content =0;
|
|||
|
|
var target_sludge_moisture_content=0;
|
|||
|
|
var complete_sludge_moisture_content=0;
|
|||
|
|
var complete_water=0;
|
|||
|
|
var complete_mud=0;
|
|||
|
|
var standard_water=0;
|
|||
|
|
var standard_not_water=0;
|
|||
|
|
var standard_water_rate=0;
|
|||
|
|
var standard_mud_rate_qy=0;
|
|||
|
|
|
|||
|
|
var total_process_equipment=0;
|
|||
|
|
var intact_process_equipment=0;
|
|||
|
|
var intact_not_process_equipment=0;
|
|||
|
|
var intact_rate_process_equipment=0;
|
|||
|
|
var total_electrical_equipment=0;
|
|||
|
|
var intact_electrical_equipment=0;
|
|||
|
|
var intact_not_electrical_equipment=0;
|
|||
|
|
var intact_rate_electrical_equipment=0;
|
|||
|
|
var total_no_spare_equipment=0;
|
|||
|
|
var intact_no_spare_equipment=0;
|
|||
|
|
var intact_not_no_spare_equipment=0;
|
|||
|
|
var intact_rate_no_spare_equipment=0;
|
|||
|
|
|
|||
|
|
var patrol_tasks_completed=0;
|
|||
|
|
var patrol_tasks_total=0;
|
|||
|
|
var alarm_equipment_completion=0;
|
|||
|
|
var alarm_equipment_total=0;
|
|||
|
|
|
|||
|
|
var actual_electric=0;
|
|||
|
|
var target_electric=0;
|
|||
|
|
var actual_drug_water=0;
|
|||
|
|
var target_drug_water=0;
|
|||
|
|
var actual_handle_mud=0;
|
|||
|
|
var target_handle_mud=0;
|
|||
|
|
var actual_drug_mud=0;
|
|||
|
|
var target_drug_mud=0;
|
|||
|
|
|
|||
|
|
var fault_num_system=0;
|
|||
|
|
var alarm_system_total=0;
|
|||
|
|
var alarm_system_total_not=0;
|
|||
|
|
var fault_num_signal=0;
|
|||
|
|
var alarm_communication_total=0;
|
|||
|
|
var alarm_communication_total_not=0;
|
|||
|
|
|
|||
|
|
var alarm_system_completion_rate=0;
|
|||
|
|
var alarm_communication_completion_rate=0;
|
|||
|
|
if(arr.rows!=null && arr.rows!=undefined && arr.rows!=''){
|
|||
|
|
for(var i=0;i<arr.rows.length;i++){
|
|||
|
|
if(arr.rows[i].visualCacheData.numtail!=null){
|
|||
|
|
arr.rows[i].visualCacheData.value = parseFloat(arr.rows[i].visualCacheData.value).toFixed(arr.rows[i].visualCacheData.numtail);
|
|||
|
|
}
|
|||
|
|
if($("."+arr.rows[i].elementCode).length > 0){
|
|||
|
|
$("."+arr.rows[i].elementCode).html(toThousands(arr.rows[i].visualCacheData.value));
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='fault_num_system'){
|
|||
|
|
fault_num_system = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='alarm_system_total'){
|
|||
|
|
alarm_system_total = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='fault_num_signal'){
|
|||
|
|
fault_num_signal = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='alarm_communication_total'){
|
|||
|
|
alarm_communication_total = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='complete_water'){
|
|||
|
|
//pie('waterQuantityPie',arr.rows[i].visualCacheData.value,'%','#00A5FF','水量完成率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='standard_water_rate'){
|
|||
|
|
//pie('waterQualityPie',arr.rows[i].visualCacheData.value,'%','#00A5FF','水质达标率');
|
|||
|
|
//showgauge('waterQuality_gauge',arr.rows[i].visualCacheData.value,'水质达标率%');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='complete_mud'){
|
|||
|
|
//pie('mudQuantityPie',arr.rows[i].visualCacheData.value,'%','#D57314','泥量完成率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='standard_mud_rate'){
|
|||
|
|
//pie('mudQualityPie',arr.rows[i].visualCacheData.value,'%','#D57314','污泥含水率达标率');
|
|||
|
|
standard_mud_rate = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='standard_not_mud'){
|
|||
|
|
standard_not_mud = arr.rows[i].visualCacheData.value;
|
|||
|
|
/* var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
mudQuantity_line_dataxAxis.push(visualCacheDataList[m].rptdt.substr(0,10));
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
mudQuality_line_dataseries[1]=dataseries; */
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='standard_mud'){
|
|||
|
|
standard_mud = arr.rows[i].visualCacheData.value;
|
|||
|
|
/* var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(visualCacheDataList.length>0){
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
dataseries.push(arr.rows[i].visualCacheData.value);
|
|||
|
|
}
|
|||
|
|
mudQuality_line_dataseries[0]=dataseries; */
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='actual_sludge_moisture_content'){
|
|||
|
|
actual_sludge_moisture_content = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
mudQuality_line_dataxAxis.push(visualCacheDataList[m].rptdt.substr(0,10));
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
mudQuality_line_dataseries[1]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='target_sludge_moisture_content'){
|
|||
|
|
target_sludge_moisture_content = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(visualCacheDataList.length>0){
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
dataseries.push(arr.rows[i].visualCacheData.value);
|
|||
|
|
}
|
|||
|
|
mudQuality_line_dataseries[0]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='actual_water'){
|
|||
|
|
showgauge('waterQuantity_gauge',arr.rows[i].visualCacheData.value,'水量(m³)');
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
actual_water_line_dataxAxis.push(visualCacheDataList[m].rptdt.substr(0,10));
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
actual_water_line_dataseries[1]=dataseries;
|
|||
|
|
actual_water = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='target_water'){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(visualCacheDataList.length>0){
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
dataseries.push(arr.rows[i].visualCacheData.value);
|
|||
|
|
}
|
|||
|
|
actual_water_line_dataseries[0]=dataseries;
|
|||
|
|
target_water = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='actual_mud'){
|
|||
|
|
showgauge('mudQuantity_gauge',arr.rows[i].visualCacheData.value,'泥量(吨)');
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
mudQuantity_line_dataxAxis.push(visualCacheDataList[m].rptdt.substr(0,10));
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
mudQuantity_line_dataseries[1]=dataseries;
|
|||
|
|
actual_mud = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='target_mud'){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(visualCacheDataList.length>0){
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
dataseries.push(arr.rows[i].visualCacheData.value);
|
|||
|
|
}
|
|||
|
|
mudQuantity_line_dataseries[0]=dataseries;
|
|||
|
|
target_mud = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='standard_water'){
|
|||
|
|
standard_water = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='standard_not_water'){
|
|||
|
|
standard_not_water = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_COD_line'){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
water_COD_line_dataxAxis.push(mPointHistory[m].measuredt);
|
|||
|
|
water_COD_line_dataseries.push(mPointHistory[m].parmvalue.toFixed(0));
|
|||
|
|
}
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
var numtail=2;
|
|||
|
|
if(mPoint!=null ){
|
|||
|
|
if(mPoint.numtail!=null){
|
|||
|
|
numtail = Number(mPoint.numtail);
|
|||
|
|
}
|
|||
|
|
water_COD_line = mPoint.parmvalue.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheData.numtail!=null){
|
|||
|
|
numtail = arr.rows[i].visualCacheData.numtail;
|
|||
|
|
}
|
|||
|
|
water_COD_line = parseFloat(arr.rows[i].visualCacheData.value).toFixed(numtail);
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.halarmmax!=null){
|
|||
|
|
water_COD_line_referenceValue = mPoint.halarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.lalarmmin!=null){
|
|||
|
|
water_COD_line_referenceValue_lower = mPoint.lalarmmin;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_NH3_line'){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
water_NH3_line_dataxAxis.push(mPointHistory[m].measuredt);
|
|||
|
|
water_NH3_line_dataseries.push(mPointHistory[m].parmvalue.toFixed(0));
|
|||
|
|
}
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
var numtail=2;
|
|||
|
|
if(mPoint!=null ){
|
|||
|
|
if(mPoint.numtail!=null){
|
|||
|
|
numtail = Number(mPoint.numtail);
|
|||
|
|
}
|
|||
|
|
water_NH3_line = mPoint.parmvalue.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheData.numtail!=null){
|
|||
|
|
numtail = arr.rows[i].visualCacheData.numtail;
|
|||
|
|
}
|
|||
|
|
water_NH3_line = parseFloat(arr.rows[i].visualCacheData.value).toFixed(numtail);
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.halarmmax!=null){
|
|||
|
|
water_NH3_line_referenceValue = mPoint.halarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.lalarmmin!=null){
|
|||
|
|
water_NH3_line_referenceValue_lower = mPoint.lalarmmin;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_TN_line'){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
water_TN_line_dataxAxis.push(mPointHistory[m].measuredt);
|
|||
|
|
water_TN_line_dataseries.push(mPointHistory[m].parmvalue.toFixed(0));
|
|||
|
|
}
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
var numtail=2;
|
|||
|
|
if(mPoint!=null ){
|
|||
|
|
if(mPoint.numtail!=null){
|
|||
|
|
numtail = Number(mPoint.numtail);
|
|||
|
|
}
|
|||
|
|
water_TN_line = mPoint.parmvalue.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheData.numtail!=null){
|
|||
|
|
numtail = arr.rows[i].visualCacheData.numtail;
|
|||
|
|
}
|
|||
|
|
water_TN_line = parseFloat(arr.rows[i].visualCacheData.value).toFixed(numtail);
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.halarmmax!=null){
|
|||
|
|
water_TN_line_referenceValue = mPoint.halarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.lalarmmin!=null){
|
|||
|
|
water_TN_line_referenceValue_lower = mPoint.lalarmmin;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_TP_line'){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
water_TP_line_dataxAxis.push(mPointHistory[m].measuredt);
|
|||
|
|
water_TP_line_dataseries.push(mPointHistory[m].parmvalue.toFixed(0));
|
|||
|
|
}
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
var numtail=2;
|
|||
|
|
if(mPoint!=null ){
|
|||
|
|
if(mPoint.numtail!=null){
|
|||
|
|
numtail = Number(mPoint.numtail);
|
|||
|
|
}
|
|||
|
|
water_TP_line = mPoint.parmvalue.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheData.numtail!=null){
|
|||
|
|
numtail = arr.rows[i].visualCacheData.numtail;
|
|||
|
|
}
|
|||
|
|
water_TP_line = parseFloat(arr.rows[i].visualCacheData.value).toFixed(numtail);
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.halarmmax!=null){
|
|||
|
|
water_TP_line_referenceValue = mPoint.halarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.lalarmmin!=null){
|
|||
|
|
water_TP_line_referenceValue_lower = mPoint.lalarmmin;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_PH_line'){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
water_PH_line_dataxAxis.push(mPointHistory[m].measuredt);
|
|||
|
|
water_PH_line_dataseries.push(mPointHistory[m].parmvalue.toFixed(0));
|
|||
|
|
}
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
var numtail=2;
|
|||
|
|
if(mPoint!=null ){
|
|||
|
|
if(mPoint.numtail!=null){
|
|||
|
|
numtail = Number(mPoint.numtail);
|
|||
|
|
}
|
|||
|
|
water_PH_line = mPoint.parmvalue.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheData.numtail!=null){
|
|||
|
|
numtail = arr.rows[i].visualCacheData.numtail;
|
|||
|
|
}
|
|||
|
|
water_PH_line = parseFloat(arr.rows[i].visualCacheData.value).toFixed(numtail);
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.halarmmax!=null){
|
|||
|
|
water_PH_line_referenceValue = mPoint.halarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.lalarmmin!=null){
|
|||
|
|
water_PH_line_referenceValue_lower = mPoint.lalarmmin;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_SS_line'){
|
|||
|
|
var mPointHistory = arr.rows[i].mPointHistory;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<mPointHistory.length;m++){
|
|||
|
|
water_SS_line_dataxAxis.push(mPointHistory[m].measuredt);
|
|||
|
|
water_SS_line_dataseries.push(mPointHistory[m].parmvalue.toFixed(0));
|
|||
|
|
}
|
|||
|
|
var mPoint = arr.rows[i].mPoint;
|
|||
|
|
var numtail=2;
|
|||
|
|
if(mPoint!=null ){
|
|||
|
|
if(mPoint.numtail!=null){
|
|||
|
|
numtail = Number(mPoint.numtail);
|
|||
|
|
}
|
|||
|
|
water_SS_line = mPoint.parmvalue.toFixed(numtail);
|
|||
|
|
}else{
|
|||
|
|
if(arr.rows[i].visualCacheData.numtail!=null){
|
|||
|
|
numtail = arr.rows[i].visualCacheData.numtail;
|
|||
|
|
}
|
|||
|
|
water_SS_line = parseFloat(arr.rows[i].visualCacheData.value).toFixed(numtail);
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.halarmmax!=null){
|
|||
|
|
water_SS_line_referenceValue = mPoint.halarmmax;
|
|||
|
|
}
|
|||
|
|
if(mPoint!=null && mPoint.lalarmmin!=null){
|
|||
|
|
water_SS_line_referenceValue_lower = mPoint.lalarmmin;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_COD_line_avg'){
|
|||
|
|
water_COD_line_avg = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_NH3_line_avg'){
|
|||
|
|
water_NH3_line_avg = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_TN_line_avg'){
|
|||
|
|
water_TN_line_avg = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_TP_line_avg'){
|
|||
|
|
water_TP_line_avg = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_PH_line_avg'){
|
|||
|
|
water_PH_line_avg = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='water_SS_line_avg'){
|
|||
|
|
water_SS_line_avg = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='actual_electric'){
|
|||
|
|
showgauge('gauge1',arr.rows[i].visualCacheData.value,'吨水电耗(kwh/m³)');
|
|||
|
|
showgauge('waterElectricQuantity_gauge',arr.rows[i].visualCacheData.value,'吨水电耗(kwh/m³)');
|
|||
|
|
actual_electric = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
waterElectricQuantity_line_dataxAxis.push(visualCacheDataList[m].rptdt.substr(0,10));
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
waterElectricQuantity_line_dataseries[1]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='target_electric'){
|
|||
|
|
target_electric = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(visualCacheDataList.length>0){
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
dataseries.push(arr.rows[i].visualCacheData.value);
|
|||
|
|
}
|
|||
|
|
waterElectricQuantity_line_dataseries[0]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='actual_drug_water'){
|
|||
|
|
showgauge('gauge2',arr.rows[i].visualCacheData.value,'吨水药剂费(元)');
|
|||
|
|
showgauge('wateDrugQuantity_gauge',arr.rows[i].visualCacheData.value,'吨水药剂费(元)');
|
|||
|
|
actual_drug_water = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
waterDrugQuality_line_dataxAxis.push(visualCacheDataList[m].rptdt.substr(0,10));
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
waterDrugQuality_line_dataseries[1]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='target_drug_water'){
|
|||
|
|
target_drug_water = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(visualCacheDataList.length>0){
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
dataseries.push(arr.rows[i].visualCacheData.value);
|
|||
|
|
}
|
|||
|
|
waterDrugQuality_line_dataseries[0]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='actual_handle_mud'){
|
|||
|
|
showgauge('gauge3',arr.rows[i].visualCacheData.value,'污泥处置费(元)');
|
|||
|
|
showgauge('mudRdealQuality_gauge',arr.rows[i].visualCacheData.value,'污泥处置费(元)');
|
|||
|
|
actual_handle_mud = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
mudRdealQuality_line_dataxAxis.push(visualCacheDataList[m].rptdt.substr(0,10));
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
mudRdealQuality_line_dataseries[1]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='target_handle_mud'){
|
|||
|
|
target_handle_mud = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(visualCacheDataList.length>0){
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
dataseries.push(arr.rows[i].visualCacheData.value);
|
|||
|
|
}
|
|||
|
|
mudRdealQuality_line_dataseries[0]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='actual_drug_mud'){
|
|||
|
|
showgauge('gauge4',arr.rows[i].visualCacheData.value,'污泥药剂费(元)');
|
|||
|
|
showgauge('mudDrugQuality_gauge',arr.rows[i].visualCacheData.value,'污泥药剂费(元)');
|
|||
|
|
actual_drug_mud = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
mudDrugQuality_line_dataxAxis.push(visualCacheDataList[m].rptdt.substr(0,10));
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
mudDrugQuality_line_dataseries[1]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='target_drug_mud'){
|
|||
|
|
target_drug_mud = arr.rows[i].visualCacheData.value;
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
var dataseries =[];
|
|||
|
|
if(visualCacheDataList.length>0){
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
dataseries.push(visualCacheDataList[m].value.toFixed(2));
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
dataseries.push(arr.rows[i].visualCacheData.value);
|
|||
|
|
}
|
|||
|
|
mudDrugQuality_line_dataseries[0]=dataseries;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='intact_rate_process_equipment'){
|
|||
|
|
//pie('equ_pie_1',arr.rows[i].visualCacheData.value,'%','#00A5FF','主要工艺设备完好率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='intact_rate_electrical_equipment'){
|
|||
|
|
//pie('equ_pie_2',arr.rows[i].visualCacheData.value,'%','#00A5FF','主要电气设备完好率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='intact_rate_no_spare_equipment'){
|
|||
|
|
//pie('equ_pie_3',arr.rows[i].visualCacheData.value,'%','#00A5FF','无备用设备完好率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='alarm_system_completion_rate'){
|
|||
|
|
//pie('equ_pie_4',arr.rows[i].visualCacheData.value,'%','#00A5FF','系统故障修复及时率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='alarm_communication_completion_rate'){
|
|||
|
|
//pie('equ_pie_communication',arr.rows[i].visualCacheData.value,'%','#00A5FF','通信故障修复及时率');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(arr.rows[i].elementCode=='system_economics_standard'){
|
|||
|
|
//score_pie('factory_equ_pie_4',arr.rows[i].visualCacheData.value,'%','#00A5FF','达标率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='promote_economics_standard'){
|
|||
|
|
//score_pie('factory_equ_pie_5',arr.rows[i].visualCacheData.value,'%','#00A5FF','达标率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='blast_economics_standard'){
|
|||
|
|
//score_pie('factory_equ_pie_6',arr.rows[i].visualCacheData.value,'%','#00A5FF','达标率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='dehydration_economics_standard'){
|
|||
|
|
//score_pie('factory_equ_pie_7',arr.rows[i].visualCacheData.value,'%','#00A5FF','达标率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='alarm_communication_completion_rate'){
|
|||
|
|
//score_pie('factory_equ_pie_10',arr.rows[i].visualCacheData.value,'%','#00A5FF','完成率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='alarm_system_completion_rate'){
|
|||
|
|
//score_pie('factory_equ_pie_11',arr.rows[i].visualCacheData.value,'%','#00A5FF','完成率');
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_security'){
|
|||
|
|
pie('security_pie',arr.rows[i].visualCacheData.value,'分','#00A5FF','安全管理得分');
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
score_security_dataxAxis.push(visualCacheDataList[m].rptdt.substr(0,10));
|
|||
|
|
score_security_dataseries.push(visualCacheDataList[m].value);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='over_standard_influent_quality'){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
over_standard_influent_quality_dataseries.push(visualCacheDataList[m].value);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='over_standard_effluent_quality'){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
over_standard_effluent_quality_dataseries.push(visualCacheDataList[m].value);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='dangerous_operation'){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
dangerous_operation_dataseries.push(visualCacheDataList[m].value);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='fault_num_power'){
|
|||
|
|
var visualCacheDataList = arr.rows[i].visualCacheDataList;
|
|||
|
|
for(var m=0;m<visualCacheDataList.length;m++){
|
|||
|
|
fault_num_power_dataseries.push(visualCacheDataList[m].value);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_balance'){
|
|||
|
|
score_balance=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='qualified_balance'){
|
|||
|
|
qualified_balance=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='unqualified_balance'){
|
|||
|
|
unqualified_balance=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_pretreatment'){
|
|||
|
|
score_pretreatment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='qualified_pretreatment'){
|
|||
|
|
qualified_pretreatment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='unqualified_pretreatment'){
|
|||
|
|
unqualified_pretreatment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_analysis'){
|
|||
|
|
score_analysis=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='qualified_analysis'){
|
|||
|
|
qualified_analysis=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='unqualified_analysis'){
|
|||
|
|
unqualified_analysis=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_disinfect'){
|
|||
|
|
score_disinfect=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='qualified_disinfect'){
|
|||
|
|
qualified_disinfect=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='unqualified_disinfect'){
|
|||
|
|
unqualified_disinfect=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_filter'){
|
|||
|
|
score_filter=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='qualified_filter'){
|
|||
|
|
qualified_filter=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='unqualified_filter'){
|
|||
|
|
unqualified_filter=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_precipitate'){
|
|||
|
|
score_precipitate=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='qualified_precipitate'){
|
|||
|
|
qualified_precipitate=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='unqualified_precipitate'){
|
|||
|
|
unqualified_precipitate=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_technology'){
|
|||
|
|
score_technology = arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='qualified_technology'){
|
|||
|
|
qualified_technology=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='unqualified_technology'){
|
|||
|
|
unqualified_technology=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_equipment'){
|
|||
|
|
score_equipment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_system'){
|
|||
|
|
score_system=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='score_security'){
|
|||
|
|
score_security=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='effluent_index'){
|
|||
|
|
var effluent_index = arr.rows[i].visualCacheData.value;
|
|||
|
|
$("#effluent_index_text").html('达标（'+effluent_index+'%）');
|
|||
|
|
/* if(effluent_index==0){
|
|||
|
|
$("#effluent_index_icon").removeClass();
|
|||
|
|
$("#effluent_index_icon").addClass('text_red');
|
|||
|
|
$("#effluent_index_icon").html('<i class="fa fa-frown-o"></i>');
|
|||
|
|
$("#effluent_index_text").removeClass();
|
|||
|
|
$("#effluent_index_text").addClass('text_red');
|
|||
|
|
$("#effluent_index_text").html('不达标');
|
|||
|
|
}else{
|
|||
|
|
$("#effluent_index_icon").removeClass();
|
|||
|
|
$("#effluent_index_icon").addClass('text_green');
|
|||
|
|
$("#effluent_index_icon").html('<i class="fa fa-smile-o"></i>');
|
|||
|
|
$("#effluent_index_text").removeClass();
|
|||
|
|
$("#effluent_index_text").addClass('text_green');
|
|||
|
|
$("#effluent_index_text").html('达标');
|
|||
|
|
} */
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='total_process_equipment'){
|
|||
|
|
total_process_equipment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='intact_process_equipment'){
|
|||
|
|
intact_process_equipment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='total_electrical_equipment'){
|
|||
|
|
total_electrical_equipment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='intact_electrical_equipment'){
|
|||
|
|
intact_electrical_equipment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='total_no_spare_equipment'){
|
|||
|
|
total_no_spare_equipment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='intact_no_spare_equipment'){
|
|||
|
|
intact_no_spare_equipment=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='patrol_tasks_completed'){
|
|||
|
|
patrol_tasks_completed=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='patrol_tasks_total'){
|
|||
|
|
patrol_tasks_total=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='alarm_equipment_completion'){
|
|||
|
|
alarm_equipment_completion=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.rows[i].elementCode=='alarm_equipment_total'){
|
|||
|
|
alarm_equipment_total=arr.rows[i].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
standard(actual_water,target_water,"over_standard_water");
|
|||
|
|
standard(actual_mud,target_mud,"over_standard_mud");
|
|||
|
|
//standard(standard_mud_rate,standard_mud,"standard_not_mud");
|
|||
|
|
standard(actual_electric,target_electric,"over_standard_electric");
|
|||
|
|
standard(actual_drug_water,target_drug_water,"over_standard_drug_water");
|
|||
|
|
standard(actual_handle_mud,target_handle_mud,"over_standard_handle_mud");
|
|||
|
|
standard(actual_drug_mud,target_drug_mud,"over_standard_drug_mud");
|
|||
|
|
standard(actual_sludge_moisture_content,target_sludge_moisture_content,"actual_sludge_moisture_content");
|
|||
|
|
if(target_sludge_moisture_content>0){
|
|||
|
|
complete_sludge_moisture_content = actual_sludge_moisture_content/target_sludge_moisture_content*100;
|
|||
|
|
}
|
|||
|
|
showgauge('mudQuality_gauge',actual_sludge_moisture_content,'污泥含水率%');
|
|||
|
|
if(target_water>0){
|
|||
|
|
complete_water = actual_water/target_water*100;
|
|||
|
|
}
|
|||
|
|
if(target_mud>0){
|
|||
|
|
complete_mud = actual_mud/target_mud*100;
|
|||
|
|
}
|
|||
|
|
if(standard_not_water>0 && standard_water>0){
|
|||
|
|
standard_water_rate = standard_water/(parseFloat(standard_water)+parseFloat(standard_not_water))*100;
|
|||
|
|
}
|
|||
|
|
if(standard_mud>0 && standard_not_mud>0){
|
|||
|
|
standard_mud_rate_qy = standard_water/(parseFloat(standard_mud)+parseFloat(standard_not_mud))*100;
|
|||
|
|
}
|
|||
|
|
pie('waterQualityPie',standard_water_rate.toFixed(0),'%','#00A5FF','水质达标率');
|
|||
|
|
pie('waterQuantityPie',complete_water.toFixed(0),'%','#00A5FF','水量完成率');
|
|||
|
|
pie('mudQuantityPie',complete_mud.toFixed(0),'%','#D57314','泥量完成率');
|
|||
|
|
pie('mudQualityPie',standard_mud_rate_qy.toFixed(0),'%','#D57314','污泥含水率达标率');
|
|||
|
|
}
|
|||
|
|
$(".alarm_system_total_not").html(fault_num_system-alarm_system_total);
|
|||
|
|
$(".alarm_communication_total_not").html(fault_num_signal-alarm_communication_total);
|
|||
|
|
var radarData = [
|
|||
|
|
{
|
|||
|
|
value: [score_balance, score_pretreatment, score_analysis, score_disinfect, score_filter, score_precipitate],
|
|||
|
|
name: '评价得分'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: [qualified_balance, qualified_pretreatment, qualified_analysis, qualified_disinfect, qualified_filter, qualified_precipitate],
|
|||
|
|
name: '合格项'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
value: [unqualified_balance, unqualified_pretreatment, unqualified_analysis, unqualified_disinfect, unqualified_filter, unqualified_precipitate],
|
|||
|
|
name: '不合格项'
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
var indicatorData =[
|
|||
|
|
{ name: '水量平衡\n 不合格项:'+unqualified_balance},
|
|||
|
|
{ name: '预处理系统\n 不合格项:'+unqualified_pretreatment},
|
|||
|
|
{ name: '生化池沿程分析\n 不合格项:'+unqualified_analysis},
|
|||
|
|
{ name: '消毒系统\n 不合格项:'+unqualified_disinfect},
|
|||
|
|
{ name: '深度处理\n 不合格项:'+unqualified_filter},
|
|||
|
|
{ name: '泥量平衡\n 不合格项:'+unqualified_precipitate}
|
|||
|
|
];
|
|||
|
|
showRadar('radar',radarData,indicatorData);
|
|||
|
|
var dataxAxis =['0', '4', '8', '12', '16', '20', '24'];
|
|||
|
|
var dataseries =[[90, 101, 120, 132, 134, 210, 230]
|
|||
|
|
,[182, 191, 220, 234, 290, 330, 310]];
|
|||
|
|
showDoubleLine('actual_water_line',actual_water_line_dataxAxis,actual_water_line_dataseries,'水量图');
|
|||
|
|
showDoubleLine('mudQuantity_line',mudQuantity_line_dataxAxis,mudQuantity_line_dataseries,'泥量图');
|
|||
|
|
showDoubleLine('mudQuality_line',mudQuality_line_dataxAxis,mudQuality_line_dataseries,'含水率图');
|
|||
|
|
showLineAndAvg('water_COD_line',water_COD_line_dataxAxis,water_COD_line_dataseries,water_COD_line_referenceValue,'出水COD-24小时水质图');
|
|||
|
|
showLineAndAvg('water_NH3_line',water_NH3_line_dataxAxis,water_NH3_line_dataseries,water_NH3_line_referenceValue,'出水NH3-24小时水质图');
|
|||
|
|
showLineAndAvg('water_TN_line',water_TN_line_dataxAxis,water_TN_line_dataseries,water_TN_line_referenceValue,'出水TN-24小时水质图');
|
|||
|
|
showLineAndAvg('water_TP_line',water_TP_line_dataxAxis,water_TP_line_dataseries,water_TP_line_referenceValue,'出水TP-24小时水质图');
|
|||
|
|
showLineAndAvg('water_PH_line',water_PH_line_dataxAxis,water_PH_line_dataseries,water_PH_line_referenceValue,'出水PH-24小时水质图');
|
|||
|
|
showLineAndAvg('water_SS_line',water_SS_line_dataxAxis,water_SS_line_dataseries,water_SS_line_referenceValue,'出水SS-24小时水质图');
|
|||
|
|
|
|||
|
|
var tableData = [
|
|||
|
|
{"model":"水量、泥量平衡","process":"所有",
|
|||
|
|
"manage":{"project":"出水量占进水量比例","actual":"","reference":"","unit":"","evaluate":""},
|
|||
|
|
"cost":{"project":"因循环水提升电费增加","actual":"","reference":"","unit":"","evaluate":""},
|
|||
|
|
"cost2":{"problem":"因循环水提升电费增加","countermeasure":"","deal":"","evaluate":""}},
|
|||
|
|
{"model":"水量、泥量平衡","process":"所有",
|
|||
|
|
"manage":{"project":"循环水占比","actual":"","reference":"","unit":"","evaluate":""},
|
|||
|
|
"cost":{"project":"因循环水提升电费增加","actual":"","reference":"","unit":"","evaluate":""},
|
|||
|
|
"cost2":{"problem":"因循环水提升电费增加","countermeasure":"","deal":"","evaluate":""}},
|
|||
|
|
{"model":"水量、泥量平衡","process":"所有",
|
|||
|
|
"manage":{"project":"有效排泥率","actual":"","reference":"","unit":"","evaluate":""},
|
|||
|
|
"cost":{"project":"因循环水提升电费增加","actual":"","reference":"","unit":"","evaluate":""},
|
|||
|
|
"cost2":{"problem":"因循环水提升电费增加","countermeasure":"","deal":"","evaluate":""}},
|
|||
|
|
{"model":"水量、泥量平衡","process":"所有",
|
|||
|
|
"manage":{"project":"循环水量","actual":"","reference":"","unit":"","evaluate":""},
|
|||
|
|
"cost":{"project":"因循环水提升电费增加","actual":"","reference":"","unit":"","evaluate":""},
|
|||
|
|
"cost2":{"problem":"因循环水提升电费增加","countermeasure":"","deal":"","evaluate":""}},
|
|||
|
|
];
|
|||
|
|
|
|||
|
|
var tableData_equ = [
|
|||
|
|
{"name":"主要工艺设备","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""},
|
|||
|
|
{"name":"主要电气设备","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""},
|
|||
|
|
{"name":"无备用设备","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""},
|
|||
|
|
{"name":"巡检完成率","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""},
|
|||
|
|
{"name":"通信故障","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""},
|
|||
|
|
{"name":"系统故障","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""}
|
|||
|
|
];
|
|||
|
|
var tableData_security = [
|
|||
|
|
{"name":"进水水质超标","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""},
|
|||
|
|
{"name":"出水水质超标","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""},
|
|||
|
|
{"name":"危险作业","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""},
|
|||
|
|
{"name":"停电","targetWater":"","actualWater":"","completionWater":"","qualityWater":"","targetMua":"","actualMua":"","completionMua":"","qualityMua":""},
|
|||
|
|
];
|
|||
|
|
var data_effluent_index=[
|
|||
|
|
{"id":"water_COD_line","name":"出水COD(mg/l)","referenceValue":water_COD_line_referenceValue,"referenceValue_lower":water_COD_line_referenceValue_lower,"currentValue":water_COD_line,"dailyAverage":water_COD_line_avg},
|
|||
|
|
{"id":"water_NH3_line","name":"出水NH3-N(mg/l)","referenceValue":water_NH3_line_referenceValue,"referenceValue_lower":water_NH3_line_referenceValue_lower,"currentValue":water_NH3_line,"dailyAverage":water_NH3_line_avg},
|
|||
|
|
{"id":"water_TN_line","name":"出水TN(mg/l)","referenceValue":water_TN_line_referenceValue,"referenceValue_lower":water_TN_line_referenceValue_lower,"currentValue":water_TN_line,"dailyAverage":water_TN_line_avg},
|
|||
|
|
{"id":"water_TP_line","name":"出水TP(mg/l)","referenceValue":water_TP_line_referenceValue,"referenceValue_lower":water_TP_line_referenceValue_lower,"currentValue":water_TP_line,"dailyAverage":water_TP_line_avg},
|
|||
|
|
{"id":"water_PH_line","name":"出水PH","referenceValue":water_PH_line_referenceValue,"referenceValue_lower":water_PH_line_referenceValue_lower,"currentValue":water_PH_line,"dailyAverage":water_PH_line_avg},
|
|||
|
|
{"id":"water_SS_line","name":"出水SS(mg/l)","referenceValue":water_SS_line_referenceValue,"referenceValue_lower":water_SS_line_referenceValue_lower,"currentValue":water_SS_line,"dailyAverage":water_SS_line_avg}
|
|||
|
|
];
|
|||
|
|
showtable_water_factory(tableData,tableData_equ,tableData_security,data_effluent_index);
|
|||
|
|
dataxAxis =['0', '4', '8', '12', '16', '20', '24'];
|
|||
|
|
dataseries =[[90, 101, 120, 132, 134, 210, 230]
|
|||
|
|
,[182, 191, 220, 234, 290, 330, 310]];
|
|||
|
|
showDoubleLine('waterElectricQuantity_line',waterElectricQuantity_line_dataxAxis,waterElectricQuantity_line_dataseries,'吨水电耗曲线');
|
|||
|
|
showDoubleLine('waterDrugQuality_line',waterDrugQuality_line_dataxAxis,waterDrugQuality_line_dataseries,'吨水药剂费曲线');
|
|||
|
|
showDoubleLine('mudRdealQuality_line',mudRdealQuality_line_dataxAxis,mudRdealQuality_line_dataseries,'污泥处置费曲线');
|
|||
|
|
showDoubleLine('mudDrugQuality_line',mudDrugQuality_line_dataxAxis,mudDrugQuality_line_dataseries,'污泥药剂费曲线');
|
|||
|
|
|
|||
|
|
var legendData = ['目标值', '实际值']
|
|||
|
|
var xAxisData = [];
|
|||
|
|
var actual_water_list = [19, 23, 31, 12, 13, 68, 23, 33, 43];
|
|||
|
|
var target_water_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var seriesData_water = [
|
|||
|
|
{
|
|||
|
|
name: '目标值',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: target_water_list
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '实际值',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: actual_water_list
|
|||
|
|
}
|
|||
|
|
];
|
|||
|
|
var actual_mud_list = [19, 23, 31, 12, 13, 68, 23, 33, 43];
|
|||
|
|
var target_mud_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var seriesData_mud = [
|
|||
|
|
{
|
|||
|
|
name: '目标值',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: target_mud_list
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '实际值',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: actual_mud_list
|
|||
|
|
}
|
|||
|
|
];
|
|||
|
|
var score_technology_list = [19, 23, 31, 12, 13, 68, 23, 33, 43];
|
|||
|
|
var qualified_technology_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var unqualified_technology_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var seriesData_technology = [
|
|||
|
|
{
|
|||
|
|
name: '评价得分',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: score_technology_list
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '合格项',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: qualified_technology_list
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '不合格项',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: unqualified_technology_list
|
|||
|
|
}
|
|||
|
|
];
|
|||
|
|
var score_equipment_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var score_system_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var seriesData_equipment = [
|
|||
|
|
{
|
|||
|
|
name: '设备得分',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: score_equipment_list
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '系统得分',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: score_system_list
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
var over_standard_influent_quality_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var over_standard_effluent_quality_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var fault_num_no_spare_equipment_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var fault_num_power_list = [18, 23, 29, 10, 13, 63, 43, 23, 33];
|
|||
|
|
var seriesData_num = [
|
|||
|
|
{
|
|||
|
|
name: '进水水质超标次数',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: over_standard_influent_quality_list
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '出水水质超标次数',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: over_standard_effluent_quality_list
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '无备用设备故障次数',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: fault_num_no_spare_equipment_list
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '故障停电次数',
|
|||
|
|
type: 'bar',
|
|||
|
|
data: fault_num_power_list
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
var tableData = [];
|
|||
|
|
/* var tableData = [
|
|||
|
|
{"name":"大岭山区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"厚街区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"石排区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"横岭区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"花都区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"三水区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"空港区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"占陇区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"},
|
|||
|
|
{"name":"增城区域","targetWater":"30","actualWater":"25","completionWater":"85%","qualityWater":"85%","targetMua":"40","actualMua":"50","completionMua":"85%","qualityMua":"85%"}
|
|||
|
|
]; */
|
|||
|
|
if(arr.children!=null && arr.children!=undefined && arr.children!='' && arr.children.length>0){
|
|||
|
|
for(var i=0;i<arr.children.length;i++){
|
|||
|
|
tableData[i] = {"name":"",
|
|||
|
|
"targetWater":"0",
|
|||
|
|
"actualWater":"0",
|
|||
|
|
"completionWater":"0%",
|
|||
|
|
"qualityWater":"0%",
|
|||
|
|
"targetMua":"0",
|
|||
|
|
"actualMua":"0",
|
|||
|
|
"completionMua":"0%",
|
|||
|
|
"qualityMua":"0",
|
|||
|
|
"effluent_index":"0",
|
|||
|
|
"standard_water":"0",
|
|||
|
|
"standard_not_water":"0",
|
|||
|
|
"score_technology":"0",//工艺运行状态评价得分
|
|||
|
|
"comprehensive_cost":"0",//综合成本
|
|||
|
|
"qualified_technology":"0",//工艺运行状态合格项数量
|
|||
|
|
"unqualified_technology":"0",//工艺运行状态不合格项数量
|
|||
|
|
"target_electric":"0",//吨水电耗目标值
|
|||
|
|
"actual_electric":"0",//吨水电耗实际值
|
|||
|
|
"target_drug_water":"0",//吨水药剂费目标值
|
|||
|
|
"actual_drug_water":"0",//吨水药剂费实际值
|
|||
|
|
"target_handle_mud":"0",//污泥处置费目标值
|
|||
|
|
"actual_handle_mud":"0",//污泥处置费实际值
|
|||
|
|
"target_drug_mud":"0",//污泥药剂费目标值
|
|||
|
|
"actual_drug_mud":"0",//污泥药剂费实际值
|
|||
|
|
"intact_not_process_equipment":"0",//主要工艺设备不完好数
|
|||
|
|
"intact_not_electrical_equipment":"0",//主要电气设备不完好数
|
|||
|
|
"intact_not_no_spare_equipment":"0",//无备用设备不完好数
|
|||
|
|
"system_score":"0",//三大系统经济运行得分
|
|||
|
|
"system_economics_standard":"0",//三大系统经济运行达标率（提升、鼓风、脱水）
|
|||
|
|
"patrol_tasks_completed":"0",//巡检任务完成数
|
|||
|
|
"patrol_tasks_total":"0",//巡检任务总数
|
|||
|
|
"completion_rate_inspection_tour":"0",//巡检完成率
|
|||
|
|
"fault_num_signal":"0",//通信故障次数
|
|||
|
|
"fault_num_system":"0",//系统故障次数
|
|||
|
|
"over_standard_influent_quality":"0",//进水水质超标次数
|
|||
|
|
"over_standard_effluent_quality":"0",//出水水质超标次数
|
|||
|
|
"fault_num_no_spare_equipment":"0",//无备用设备故障次数
|
|||
|
|
"fault_num_power":"0",//故障停电次数
|
|||
|
|
"score_security":"0",//安全管理得分
|
|||
|
|
};
|
|||
|
|
xAxisData[i]=arr.children[i].sname;
|
|||
|
|
tableData[i].name=arr.children[i].sname;
|
|||
|
|
if(arr.children[i].rows!=null && arr.children[i].rows!=undefined && arr.children[i].rows!=''){
|
|||
|
|
for(var j=0;j<arr.children[i].rows.length;j++){
|
|||
|
|
if(arr.children[i].rows[j].visualCacheData.numtail!=null){
|
|||
|
|
arr.children[i].rows[j].visualCacheData.value = arr.children[i].rows[j].visualCacheData.value.toFixed(arr.children[i].rows[j].visualCacheData.numtail);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='patrol_tasks_completed'){
|
|||
|
|
tableData[i].patrol_tasks_completed=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='patrol_tasks_total'){
|
|||
|
|
tableData[i].patrol_tasks_total=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='system_score'){
|
|||
|
|
tableData[i].system_score=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='actual_water'){
|
|||
|
|
actual_water_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
tableData[i].actualWater=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='target_water'){
|
|||
|
|
target_water_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
tableData[i].targetWater=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='actual_mud'){
|
|||
|
|
actual_mud_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
tableData[i].actualMua=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='target_mud'){
|
|||
|
|
target_mud_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
tableData[i].targetMua=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='complete_water'){
|
|||
|
|
tableData[i].completionWater=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='effluent_index'){
|
|||
|
|
tableData[i].effluent_index=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='standard_water'){
|
|||
|
|
tableData[i].standard_water=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='standard_not_water'){
|
|||
|
|
tableData[i].standard_not_water=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='complete_mud'){
|
|||
|
|
tableData[i].completionMua=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='standard_mud_rate'){
|
|||
|
|
tableData[i].qualityMua=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='score_technology'){
|
|||
|
|
score_technology_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
score_technology = arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
tableData[i].score_technology=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='qualified_technology'){
|
|||
|
|
qualified_technology_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
qualified_technology=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
tableData[i].qualified_technology=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='unqualified_technology'){
|
|||
|
|
unqualified_technology_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
unqualified_technology=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
tableData[i].unqualified_technology=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='score_equipment'){
|
|||
|
|
score_equipment_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
score_equipment=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='score_system'){
|
|||
|
|
score_system_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
score_system=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='score_security'){
|
|||
|
|
score_security=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='actual_water'){
|
|||
|
|
actual_water_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='over_standard_influent_quality'){
|
|||
|
|
over_standard_influent_quality_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='over_standard_effluent_quality'){
|
|||
|
|
over_standard_effluent_quality_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='fault_num_no_spare_equipment'){
|
|||
|
|
fault_num_no_spare_equipment_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='fault_num_power'){
|
|||
|
|
fault_num_power_list[i]=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='comprehensive_cost'){
|
|||
|
|
tableData[i].comprehensive_cost=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='target_electric'){
|
|||
|
|
tableData[i].target_electric=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='actual_electric'){
|
|||
|
|
tableData[i].actual_electric=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='target_drug_water'){
|
|||
|
|
tableData[i].target_drug_water=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='actual_drug_water'){
|
|||
|
|
tableData[i].actual_drug_water=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='target_handle_mud'){
|
|||
|
|
tableData[i].target_handle_mud=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='actual_handle_mud'){
|
|||
|
|
tableData[i].actual_handle_mud=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='target_drug_mud'){
|
|||
|
|
tableData[i].target_drug_mud=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='actual_drug_mud'){
|
|||
|
|
tableData[i].actual_drug_mud=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='intact_not_process_equipment'){
|
|||
|
|
tableData[i].intact_not_process_equipment=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='intact_not_electrical_equipment'){
|
|||
|
|
tableData[i].intact_not_electrical_equipment=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='intact_not_no_spare_equipment'){
|
|||
|
|
tableData[i].intact_not_no_spare_equipment=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='system_economics_standard'){
|
|||
|
|
tableData[i].system_economics_standard=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='completion_rate_inspection_tour'){
|
|||
|
|
tableData[i].completion_rate_inspection_tour=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='fault_num_signal'){
|
|||
|
|
tableData[i].fault_num_signal=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='over_standard_influent_quality'){
|
|||
|
|
tableData[i].over_standard_influent_quality=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='over_standard_effluent_quality'){
|
|||
|
|
tableData[i].over_standard_effluent_quality=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='fault_num_no_spare_equipment'){
|
|||
|
|
tableData[i].fault_num_no_spare_equipment=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='fault_num_power'){
|
|||
|
|
tableData[i].fault_num_power=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
if(arr.children[i].rows[j].elementCode=='score_security'){
|
|||
|
|
tableData[i].score_security=arr.children[i].rows[j].visualCacheData.value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
bar('waterQuantityBar',legendData,xAxisData,seriesData_water,'水量(m³)');
|
|||
|
|
bar('mudQuantityBar',legendData,xAxisData,seriesData_mud,'泥量(吨)');
|
|||
|
|
legendData = ['评价得分','合格项', '不合格项'];
|
|||
|
|
bar('score',legendData,xAxisData,seriesData_technology,'评价得分总览');
|
|||
|
|
legendData = ['设备得分','系统得分'];
|
|||
|
|
bar('equ_bar',legendData,xAxisData,seriesData_equipment,'');
|
|||
|
|
legendData = ['进水水质超标次数','出水水质超标次数','无备用设备故障次数','故障停电次数'];
|
|||
|
|
bar('security_bar',legendData,xAxisData,seriesData_num,'');
|
|||
|
|
showtable_water(tableData);
|
|||
|
|
score_pie('score_technology',score_technology,'分','#00A5FF','得分');
|
|||
|
|
score_pie('score_equipment',score_equipment,'分','#00A5FF','得分');
|
|||
|
|
score_pie('score_security',score_security,'分','#00A5FF','得分');
|
|||
|
|
|
|||
|
|
var process_equipment=0;
|
|||
|
|
var electrical_equipment=0;
|
|||
|
|
var no_spare_equipment=0;
|
|||
|
|
var patrol_tasks=0;
|
|||
|
|
var alarm_equipment=0;
|
|||
|
|
if(total_process_equipment>0){
|
|||
|
|
process_equipment = intact_process_equipment/total_process_equipment*100;
|
|||
|
|
}
|
|||
|
|
if(total_electrical_equipment>0){
|
|||
|
|
electrical_equipment = intact_electrical_equipment/total_electrical_equipment*100;
|
|||
|
|
}
|
|||
|
|
if(total_no_spare_equipment>0){
|
|||
|
|
no_spare_equipment = intact_no_spare_equipment/total_no_spare_equipment*100;
|
|||
|
|
}
|
|||
|
|
if(patrol_tasks_total>0){
|
|||
|
|
patrol_tasks = (patrol_tasks_total-patrol_tasks_completed)/patrol_tasks_total*100;
|
|||
|
|
}
|
|||
|
|
if(alarm_equipment_total>0){
|
|||
|
|
alarm_equipment = (alarm_equipment_total-alarm_equipment_completion)/alarm_equipment_total*100;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(alarm_system_total>0){
|
|||
|
|
alarm_system_completion_rate = (fault_num_system-alarm_system_total)/alarm_system_total*100;
|
|||
|
|
}
|
|||
|
|
if(alarm_communication_total>0){
|
|||
|
|
alarm_communication_completion_rate = (fault_num_signal-alarm_communication_total)/alarm_communication_total*100;
|
|||
|
|
}
|
|||
|
|
pie('equ_pie_1',process_equipment.toFixed(0),'%','#00A5FF','主要工艺设备完好率');
|
|||
|
|
pie('equ_pie_2',electrical_equipment.toFixed(0),'%','#00A5FF','主要电气设备完好率');
|
|||
|
|
pie('equ_pie_3',no_spare_equipment.toFixed(0),'%','#00A5FF','无备用设备完好率');
|
|||
|
|
pie('equ_pie_4',patrol_tasks.toFixed(0),'%','#00A5FF','系统故障修复及时率');
|
|||
|
|
pie('equ_pie_communication',alarm_equipment.toFixed(0),'%','#00A5FF','通信故障修复及时率');
|
|||
|
|
score_pie('factory_equ_pie_1',process_equipment.toFixed(0),'%','#00A5FF','完好率');
|
|||
|
|
score_pie('factory_equ_pie_2',electrical_equipment.toFixed(0),'%','#00A5FF','完好率');
|
|||
|
|
score_pie('factory_equ_pie_3',no_spare_equipment.toFixed(0),'%','#00A5FF','完好率');
|
|||
|
|
score_pie('factory_equ_pie_8',patrol_tasks.toFixed(0),'%','#00A5FF','完成率');
|
|||
|
|
score_pie('factory_equ_pie_9',alarm_equipment.toFixed(0),'%','#00A5FF','完成率');
|
|||
|
|
score_pie('factory_equ_pie_10',alarm_system_completion_rate,'%','#00A5FF','完成率');
|
|||
|
|
score_pie('factory_equ_pie_11',alarm_communication_completion_rate,'%','#00A5FF','完成率');
|
|||
|
|
|
|||
|
|
score_pie('factory_technology_pie_balance',score_balance,'分','#00A5FF','得分');
|
|||
|
|
score_pie('factory_technology_pie_pretreatment',score_pretreatment,'分','#00A5FF','得分');
|
|||
|
|
score_pie('factory_technology_pie_analysis',score_analysis,'分','#00A5FF','得分');
|
|||
|
|
score_pie('factory_technology_pie_disinfect',score_disinfect,'分','#00A5FF','得分');
|
|||
|
|
score_pie('factory_technology_pie_filter',score_filter,'分','#00A5FF','得分');
|
|||
|
|
score_pie('factory_technology_pie_precipitate',score_precipitate,'分','#00A5FF','得分');
|
|||
|
|
var data_double = [
|
|||
|
|
{value: qualified_technology, name: '合格'},
|
|||
|
|
{value: unqualified_technology, name: '不合格'},
|
|||
|
|
];
|
|||
|
|
var qualified =0;
|
|||
|
|
if(unqualified_technology>0 && qualified_technology>0){
|
|||
|
|
qualified = unqualified_technology/(parseFloat(unqualified_technology)+parseFloat(qualified_technology))*100;
|
|||
|
|
}
|
|||
|
|
pie_double('qualified_pie',qualified.toFixed(0)+"%",data_double,'');
|
|||
|
|
$(".score_equipment").html(score_equipment);
|
|||
|
|
$("#score_system").html(score_system);
|
|||
|
|
|
|||
|
|
showLine('modal_line',score_security_dataxAxis,score_security_dataseries,'月度评分曲线');
|
|||
|
|
var score_security_all_dataseries =[];
|
|||
|
|
score_security_all_dataseries.push(over_standard_influent_quality_dataseries);
|
|||
|
|
score_security_all_dataseries.push(over_standard_effluent_quality_dataseries);
|
|||
|
|
score_security_all_dataseries.push(dangerous_operation_dataseries);
|
|||
|
|
score_security_all_dataseries.push(fault_num_power_dataseries);
|
|||
|
|
showbar('modal_bar',score_security_dataxAxis,dataseries,'月度故障');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$.post(ext.contextPath + '/processOperation/getProcessOperationList.do', {bizid:bizid} , function (data) {
|
|||
|
|
var arr= JSON.parse(data);
|
|||
|
|
console.log(arr);
|
|||
|
|
|
|||
|
|
$("#factory_table_technology_tbody").empty();
|
|||
|
|
var htmlStr1 = "";
|
|||
|
|
for(var a=0;a<arr.length;a++){
|
|||
|
|
htmlStr1 += "<tr>"+
|
|||
|
|
"<td>"+(a+1)+"</td>"+
|
|||
|
|
"<td>"+arr[a].dataModel+"</td>"+
|
|||
|
|
"<td>"+arr[a].processUnit+"</td>"+
|
|||
|
|
"<td>"+arr[a].manageProject+"</td>"+
|
|||
|
|
"<td>"+arr[a].manageActual+"</td>"+
|
|||
|
|
"<td>"+arr[a].manageTarget +"</td>"+
|
|||
|
|
"<td>"+arr[a].manageUnit+"</td>";
|
|||
|
|
if(arr[a].manageEvaluate!=null
|
|||
|
|
&& arr[a].manageEvaluate!=""
|
|||
|
|
&& arr[a].manageEvaluate!=undefined){
|
|||
|
|
if(arr[a].manageEvaluate=='合格'){
|
|||
|
|
htmlStr1 += "<td><i class='iconfont icon-you text_green' style='font-size:25px;'></i></td>";
|
|||
|
|
}else{
|
|||
|
|
htmlStr1 += "<td><i class='iconfont icon-cha text_yellow' style='font-size:25px;'></i></td>";
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
htmlStr1 += "<td></td>";
|
|||
|
|
}
|
|||
|
|
htmlStr1 += "<td>"+arr[a].costProject+"</td>"+
|
|||
|
|
"<td>"+arr[a].costActual+"</td>"+
|
|||
|
|
"<td>"+arr[a].costTarget +"</td>"+
|
|||
|
|
"<td>"+arr[a].costUnit+"</td>";
|
|||
|
|
if(arr[a].costEvaluate!=null
|
|||
|
|
&& arr[a].costEvaluate!=""
|
|||
|
|
&& arr[a].costEvaluate!=undefined){
|
|||
|
|
if(arr[a].costEvaluate=='合格'){
|
|||
|
|
htmlStr1 += "<td><i class='iconfont icon-you text_green' style='font-size:25px;'></i></td>";
|
|||
|
|
}else{
|
|||
|
|
htmlStr1 += "<td><i class='iconfont icon-cha text_yellow' style='font-size:25px;'></i></td>";
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
htmlStr1 += "<td></td>";
|
|||
|
|
}
|
|||
|
|
htmlStr1 += "</tr>";
|
|||
|
|
}
|
|||
|
|
$("#factory_table_technology_tbody").append(htmlStr1);
|
|||
|
|
$("#factory_table_technology").bootstrapTable();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function standard(actual_water,target_water,label_class){
|
|||
|
|
if(target_water>0){
|
|||
|
|
var standard = actual_water/target_water*100;
|
|||
|
|
if(standard>=1){
|
|||
|
|
$("."+label_class).prev().html("达标");
|
|||
|
|
$("."+label_class).removeClass('text_green');
|
|||
|
|
$("."+label_class).addClass('text_green');
|
|||
|
|
$("."+label_class).html(standard.toFixed(1)+"%");
|
|||
|
|
|
|||
|
|
}else{
|
|||
|
|
$("."+label_class).prev().html("未达标");
|
|||
|
|
$("."+label_class).removeClass('text_red');
|
|||
|
|
$("."+label_class).addClass('text_red');
|
|||
|
|
$("."+label_class).html(standard.toFixed(1)+"%");
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
$("."+label_class).prev().html("达标");
|
|||
|
|
$("."+label_class).removeClass('text_green');
|
|||
|
|
$("."+label_class).addClass('text_green');
|
|||
|
|
$("."+label_class).html("0%");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//处理量图表
|
|||
|
|
function bar(id,legendData,xAxisData,seriesData,title) {
|
|||
|
|
var option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: {
|
|||
|
|
type: 'shadow'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
data: legendData,
|
|||
|
|
x:'center',
|
|||
|
|
y: 'bottom',
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
top: '10%',
|
|||
|
|
left: '3%',
|
|||
|
|
right: '3%',
|
|||
|
|
bottom: '11%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
data: xAxisData
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value',
|
|||
|
|
},
|
|||
|
|
series: seriesData
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
//处理量图表
|
|||
|
|
function pie(id,data,text,colorObj,title){
|
|||
|
|
var option = {
|
|||
|
|
grid: {
|
|||
|
|
top: 10,
|
|||
|
|
left: 10,
|
|||
|
|
right: 10,
|
|||
|
|
bottom: 10
|
|||
|
|
},
|
|||
|
|
title: [{
|
|||
|
|
text: title,
|
|||
|
|
x: 'center',
|
|||
|
|
top: '30%',
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#9F9F9F',
|
|||
|
|
fontSize: 12,
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
text: data+text,
|
|||
|
|
x: 'center',
|
|||
|
|
top: '45%',
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: '40',
|
|||
|
|
color: '#000',
|
|||
|
|
foontWeight: '700',
|
|||
|
|
},
|
|||
|
|
}],
|
|||
|
|
polar: {
|
|||
|
|
radius: ['75%', '90%'],
|
|||
|
|
center: ['50%', '50%'],
|
|||
|
|
},
|
|||
|
|
angleAxis: {
|
|||
|
|
max: 100,
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
radiusAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
show: true,
|
|||
|
|
axisLabel: {
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
axisLine: {
|
|||
|
|
show: false,
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
axisTick: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '',
|
|||
|
|
type: 'bar',
|
|||
|
|
roundCap: true,
|
|||
|
|
barWidth: 20,
|
|||
|
|
showBackground: true,
|
|||
|
|
backgroundStyle: {
|
|||
|
|
color: 'rgba(236, 240, 245, 1)',
|
|||
|
|
},
|
|||
|
|
data: [data],
|
|||
|
|
coordinateSystem: 'polar',
|
|||
|
|
itemStyle: {
|
|||
|
|
color: colorObj
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
//处理量图表
|
|||
|
|
function score_pie(id,data,text,colorObj,title){
|
|||
|
|
var option = {
|
|||
|
|
grid: {
|
|||
|
|
top: 0,
|
|||
|
|
left: 0,
|
|||
|
|
right: 0,
|
|||
|
|
bottom: 0
|
|||
|
|
},
|
|||
|
|
title: [{
|
|||
|
|
text: title,
|
|||
|
|
x: 'center',
|
|||
|
|
top: '30%',
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#9F9F9F',
|
|||
|
|
fontSize: 12,
|
|||
|
|
}
|
|||
|
|
}, {
|
|||
|
|
text: data+text,
|
|||
|
|
x: 'center',
|
|||
|
|
top: '45%',
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: '20',
|
|||
|
|
color: '#000',
|
|||
|
|
foontWeight: '700',
|
|||
|
|
},
|
|||
|
|
}],
|
|||
|
|
polar: {
|
|||
|
|
radius: ['75%', '90%'],
|
|||
|
|
center: ['50%', '50%'],
|
|||
|
|
},
|
|||
|
|
angleAxis: {
|
|||
|
|
max: 100,
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
radiusAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
show: true,
|
|||
|
|
axisLabel: {
|
|||
|
|
show: false,
|
|||
|
|
},
|
|||
|
|
axisLine: {
|
|||
|
|
show: false,
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
axisTick: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '',
|
|||
|
|
type: 'bar',
|
|||
|
|
roundCap: true,
|
|||
|
|
barWidth: 20,
|
|||
|
|
showBackground: true,
|
|||
|
|
backgroundStyle: {
|
|||
|
|
color: 'rgba(236, 240, 245, 1)',
|
|||
|
|
},
|
|||
|
|
data: [data],
|
|||
|
|
coordinateSystem: 'polar',
|
|||
|
|
itemStyle: {
|
|||
|
|
color: colorObj
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
function equ_pie(id,data,title){
|
|||
|
|
var option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
top: 10,
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'item',
|
|||
|
|
formatter: '{a} <br/>{b}: {c} ({d}%)'
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
x: 'center',
|
|||
|
|
bottom: 10,
|
|||
|
|
orient: 'vertical' ,
|
|||
|
|
padding: [15,5] ,
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: 16 ,
|
|||
|
|
},
|
|||
|
|
formatter: function(name) {
|
|||
|
|
var value;
|
|||
|
|
for (let i = 0, l = data.length; i < l; i++) {
|
|||
|
|
if (data[i].name == name) {
|
|||
|
|
value = data[i].value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
var arr = name + " "+value;
|
|||
|
|
return arr;
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '',
|
|||
|
|
type: 'pie',
|
|||
|
|
center: ['50%', '40%'],
|
|||
|
|
radius: ['50%', '75%'],
|
|||
|
|
avoidLabelOverlap: false,
|
|||
|
|
label: {
|
|||
|
|
show:false,
|
|||
|
|
},
|
|||
|
|
data: data
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
function showRadar(id,data,indicatorData,title) {
|
|||
|
|
var option = {
|
|||
|
|
color:['#3A39FF','#1DC44B','#FF0000'],
|
|||
|
|
title: {
|
|||
|
|
text: '雷达图',
|
|||
|
|
x:'center',
|
|||
|
|
top: '5%',
|
|||
|
|
},
|
|||
|
|
tooltip: {},
|
|||
|
|
legend: {
|
|||
|
|
data: ['评价得分', '合格项','不合格项'],
|
|||
|
|
x:'right',
|
|||
|
|
top:'15%',
|
|||
|
|
orient: 'vertical' ,
|
|||
|
|
},
|
|||
|
|
radar: {
|
|||
|
|
radius: '65%' ,
|
|||
|
|
center: ["45%", "55%"],
|
|||
|
|
startAngle: 180,
|
|||
|
|
name: {
|
|||
|
|
textStyle: {
|
|||
|
|
color: '#000',
|
|||
|
|
fontSize: '16px',
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
indicator: indicatorData
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
name: '',
|
|||
|
|
type: 'radar',
|
|||
|
|
data:data
|
|||
|
|
}]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
function showUnqualified(id,data,title) {
|
|||
|
|
var option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
top: 10,
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'item',
|
|||
|
|
formatter: '{a} <br/>{b}: {c} ({d}%)'
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
x: 'center',
|
|||
|
|
bottom: 10,
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '',
|
|||
|
|
type: 'pie',
|
|||
|
|
radius: ['30%', '45%'],
|
|||
|
|
avoidLabelOverlap: false,
|
|||
|
|
label: {
|
|||
|
|
formatter: '{b}：{d}%'
|
|||
|
|
},
|
|||
|
|
data: data
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function showgauge(id,data,title) {
|
|||
|
|
var option = {
|
|||
|
|
grid: {
|
|||
|
|
top: 10,
|
|||
|
|
left: 10,
|
|||
|
|
right: 10,
|
|||
|
|
bottom: 10
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
type: 'gauge',
|
|||
|
|
center: ["50%", "55%"],
|
|||
|
|
radius: '90%',
|
|||
|
|
axisLine: {
|
|||
|
|
lineStyle: {
|
|||
|
|
width: 20,
|
|||
|
|
color: [
|
|||
|
|
[0.3, '#67e0e3'],
|
|||
|
|
[0.7, '#37a2da'],
|
|||
|
|
[1, '#fd666d']
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
min: 0,
|
|||
|
|
max: data*1.5,
|
|||
|
|
pointer: {
|
|||
|
|
itemStyle: {
|
|||
|
|
color: 'auto'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisTick: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
splitLine: {
|
|||
|
|
distance: -30,
|
|||
|
|
length: 30,
|
|||
|
|
lineStyle: {
|
|||
|
|
color: '#fff',
|
|||
|
|
width: 4
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
axisLabel: {
|
|||
|
|
show: false
|
|||
|
|
},
|
|||
|
|
title: {
|
|||
|
|
offsetCenter: [0, '35%'],
|
|||
|
|
fontSize: 20,
|
|||
|
|
color:'#A1A1A1',
|
|||
|
|
},
|
|||
|
|
detail: {
|
|||
|
|
fontSize: 30,
|
|||
|
|
offsetCenter: [0, '70%'],
|
|||
|
|
formatter: function (value) {
|
|||
|
|
return toThousands(value);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
data: [{
|
|||
|
|
name: title,
|
|||
|
|
value: data
|
|||
|
|
}]
|
|||
|
|
}]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
function showDoubleLine(id,dataxAxis,dataseries,title) {
|
|||
|
|
var targetdataseries=[];
|
|||
|
|
if(dataseries!=null && dataseries[0]!=null && dataseries[0].length==1){
|
|||
|
|
for(var i=0;i<dataxAxis.length;i++){
|
|||
|
|
targetdataseries.push(dataseries[0][0]);
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
targetdataseries = dataseries[0];
|
|||
|
|
}
|
|||
|
|
var option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
top: '10%',
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: 15,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis'
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
data: ['目标值', '实际值'],
|
|||
|
|
x:'right',
|
|||
|
|
top: '10%',
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '4%',
|
|||
|
|
bottom: '5%',
|
|||
|
|
top: '20%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
data: dataxAxis
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value'
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '目标值',
|
|||
|
|
type: 'line',
|
|||
|
|
data: targetdataseries
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '实际值',
|
|||
|
|
type: 'line',
|
|||
|
|
data: dataseries[1]
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
function showLine(id,dataxAxis,dataseries,title) {
|
|||
|
|
var option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
top: '5%',
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: 15,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '4%',
|
|||
|
|
bottom: '8%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis'
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
data: dataxAxis
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value'
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
data: dataseries,
|
|||
|
|
type: 'line'
|
|||
|
|
}]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
function showLineAndAvg(id,dataxAxis,dataseries,referenceValue,title) {
|
|||
|
|
var option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
top: '5%',
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: 15,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '4%',
|
|||
|
|
bottom: '8%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis'
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
data: dataxAxis
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value',
|
|||
|
|
max: function (value) {
|
|||
|
|
if(value.max>referenceValue){
|
|||
|
|
return Math.floor(value.max*1.1);
|
|||
|
|
}else{
|
|||
|
|
return Math.floor(referenceValue*1.1);
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
data: dataseries,
|
|||
|
|
type: 'line',
|
|||
|
|
markLine: {
|
|||
|
|
data: [
|
|||
|
|
{
|
|||
|
|
type: 'average',
|
|||
|
|
name: '日均值',
|
|||
|
|
label: {
|
|||
|
|
formatter: '{b}',
|
|||
|
|
position: 'start'
|
|||
|
|
}},
|
|||
|
|
{
|
|||
|
|
name: '基准值',
|
|||
|
|
yAxis: referenceValue,
|
|||
|
|
label: {
|
|||
|
|
formatter: '{b}',
|
|||
|
|
position: 'start'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
}
|
|||
|
|
}]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
function showbar(id,dataxAxis,dataseries,title) {
|
|||
|
|
option = {
|
|||
|
|
title: {
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
top: '5%',
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: 15,
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'axis',
|
|||
|
|
axisPointer: { // Use axis to trigger tooltip
|
|||
|
|
type: 'shadow' // 'shadow' as default; can also be 'line' or 'shadow'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
legend: {
|
|||
|
|
data: ['进水水质超标', '出水水质超标', '无备用设备故障', '故障停电'],
|
|||
|
|
y:'bottom'
|
|||
|
|
},
|
|||
|
|
grid: {
|
|||
|
|
left: '3%',
|
|||
|
|
right: '4%',
|
|||
|
|
bottom: '8%',
|
|||
|
|
containLabel: true
|
|||
|
|
},
|
|||
|
|
xAxis: {
|
|||
|
|
type: 'category',
|
|||
|
|
data: dataxAxis
|
|||
|
|
},
|
|||
|
|
yAxis: {
|
|||
|
|
type: 'value'
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '进水水质超标',
|
|||
|
|
type: 'bar',
|
|||
|
|
stack: 'total',
|
|||
|
|
data: dataseries[0]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '出水水质超标',
|
|||
|
|
type: 'bar',
|
|||
|
|
stack: 'total',
|
|||
|
|
data: dataseries[1]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '无备用设备故障',
|
|||
|
|
type: 'bar',
|
|||
|
|
stack: 'total',
|
|||
|
|
data: dataseries[2]
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '故障停电',
|
|||
|
|
type: 'bar',
|
|||
|
|
stack: 'total',
|
|||
|
|
data: dataseries[3]
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
function showtable_water(data) {
|
|||
|
|
var htmlStr1= "";
|
|||
|
|
var htmlStr2= "";
|
|||
|
|
var htmlStr3= "";
|
|||
|
|
var htmlStr4= "";
|
|||
|
|
var htmlStr5= "";
|
|||
|
|
|
|||
|
|
$("#table_water_tbody").empty();
|
|||
|
|
$("#table_technology_tbody").empty();
|
|||
|
|
$("#table_function_tbody").empty();
|
|||
|
|
$("#table_equ_tbody").empty();
|
|||
|
|
$("#table_security_tbody").empty();
|
|||
|
|
for(var a=0;a<data.length;a++){
|
|||
|
|
var completionWater=0;
|
|||
|
|
var completionMua =0;
|
|||
|
|
var qualityWater =0;
|
|||
|
|
if(data[a].targetWater>0){
|
|||
|
|
completionWater = data[a].actualWater/data[a].targetWater*100;
|
|||
|
|
}
|
|||
|
|
if(data[a].targetMua>0){
|
|||
|
|
completionMua = data[a].actualMua/data[a].targetMua*100;
|
|||
|
|
}
|
|||
|
|
if(data[a].effluent_index!=data[a].null && data[a].effluent_index!=undefined){
|
|||
|
|
qualityWater = data[a].effluent_index;
|
|||
|
|
}else{
|
|||
|
|
if(data[a].standard_water>0 && data[a].standard_not_water>0){
|
|||
|
|
qualityWater = data[a].standard_water/(parseFloat(data[a].standard_water)+parseFloat(data[a].standard_not_water))*100;
|
|||
|
|
qualityWater = qualityWater.toFixed(0)+"%";
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
htmlStr1 += "<tr>"+
|
|||
|
|
"<td>"+(a+1)+"</td>"+
|
|||
|
|
"<td>"+data[a].name+"</td>"+
|
|||
|
|
"<td>"+toThousands(data[a].targetWater)+"</td>"+
|
|||
|
|
"<td>"+toThousands(data[a].actualWater)+"</td>"+
|
|||
|
|
"<td>"+completionWater.toFixed(0)+"%</td>"+
|
|||
|
|
"<td>"+qualityWater+"</td>"+
|
|||
|
|
"<td>"+toThousands(data[a].targetMua)+"</td>"+
|
|||
|
|
"<td>"+toThousands(data[a].actualMua)+"</td>"+
|
|||
|
|
"<td>"+completionMua.toFixed(0)+"%</td>"+
|
|||
|
|
"<td>"+data[a].qualityMua+"%</td>"+
|
|||
|
|
"</tr>";
|
|||
|
|
htmlStr2 += "<tr>"+
|
|||
|
|
"<td>"+(a+1)+"</td>"+
|
|||
|
|
"<td>"+data[a].name+"</td>"+
|
|||
|
|
"<td>"+data[a].score_technology+"</td>"+
|
|||
|
|
"<td>"+data[a].comprehensive_cost+"</td>"+
|
|||
|
|
"<td>"+data[a].qualified_technology+"</td>"+
|
|||
|
|
"<td>"+data[a].unqualified_technology+"</td>"+
|
|||
|
|
"</tr>";
|
|||
|
|
htmlStr3 += "<tr>"+
|
|||
|
|
"<td>"+(a+1)+"</td>"+
|
|||
|
|
"<td>"+data[a].name+"</td>"+
|
|||
|
|
"<td>"+data[a].target_electric+"</td>"+
|
|||
|
|
"<td>"+data[a].actual_electric+"</td>"+
|
|||
|
|
"<td>"+data[a].target_drug_water+"</td>"+
|
|||
|
|
"<td>"+data[a].actual_drug_water+"</td>"+
|
|||
|
|
"<td>"+data[a].target_handle_mud+"</td>"+
|
|||
|
|
"<td>"+data[a].actual_handle_mud+"</td>"+
|
|||
|
|
"<td>"+data[a].target_drug_mud+"</td>"+
|
|||
|
|
"<td>"+data[a].actual_drug_mud+"</td>"+
|
|||
|
|
"</tr>";
|
|||
|
|
var completion_rate_inspection_tour=0;
|
|||
|
|
if(data[a].patrol_tasks_total>0){
|
|||
|
|
completion_rate_inspection_tour = data[a].patrol_tasks_completed/data[a].patrol_tasks_total*100;
|
|||
|
|
}
|
|||
|
|
htmlStr4 += "<tr>"+
|
|||
|
|
"<td>"+(a+1)+"</td>"+
|
|||
|
|
"<td>"+data[a].name+"</td>"+
|
|||
|
|
"<td>"+data[a].intact_not_process_equipment+"</td>"+
|
|||
|
|
"<td>"+data[a].intact_not_electrical_equipment+"</td>"+
|
|||
|
|
"<td>"+data[a].intact_not_no_spare_equipment+"</td>"+
|
|||
|
|
"<td>"+data[a].system_economics_standard+"%</td>"+
|
|||
|
|
"<td>"+completion_rate_inspection_tour+"%</td>"+
|
|||
|
|
"<td>"+data[a].fault_num_signal+"</td>"+
|
|||
|
|
"<td>"+data[a].fault_num_system+"</td>"+
|
|||
|
|
"</tr>";
|
|||
|
|
htmlStr5 += "<tr>"+
|
|||
|
|
"<td>"+(a+1)+"</td>"+
|
|||
|
|
"<td>"+data[a].name+"</td>"+
|
|||
|
|
"<td>"+data[a].over_standard_influent_quality+"</td>"+
|
|||
|
|
"<td>"+data[a].over_standard_effluent_quality+"</td>"+
|
|||
|
|
"<td>"+data[a].fault_num_no_spare_equipment+"</td>"+
|
|||
|
|
"<td>"+data[a].fault_num_power+"</td>"+
|
|||
|
|
"<td>"+data[a].score_security+"</td>"+
|
|||
|
|
"</tr>";
|
|||
|
|
}
|
|||
|
|
$("#table_water_tbody").append(htmlStr1);
|
|||
|
|
$("#table_water").bootstrapTable();
|
|||
|
|
$("#table_technology_tbody").append(htmlStr2);
|
|||
|
|
$("#table_technology").bootstrapTable();
|
|||
|
|
$("#table_function_tbody").append(htmlStr3);
|
|||
|
|
$("#table_function").bootstrapTable();
|
|||
|
|
$("#table_equ_tbody").append(htmlStr4);
|
|||
|
|
$("#table_equ").bootstrapTable();
|
|||
|
|
$("#table_security_tbody").append(htmlStr5);
|
|||
|
|
$("#table_security").bootstrapTable();
|
|||
|
|
}
|
|||
|
|
function showtable_water_factory(data,data_equ,data_security,data_effluent_index) {
|
|||
|
|
var htmlStr1= "";
|
|||
|
|
var htmlStr2= "";
|
|||
|
|
var htmlStr3= "";
|
|||
|
|
var htmlStr4= "";
|
|||
|
|
var htmlStr5= "";
|
|||
|
|
|
|||
|
|
//$("#factory_table_technology_tbody").empty();
|
|||
|
|
$("#factory_table_equ_tbody").empty();
|
|||
|
|
$("#factory_table_security_tbody").empty();
|
|||
|
|
$("#table_effluent_index_tbody").empty();
|
|||
|
|
for(var a=0;a<data.length;a++){
|
|||
|
|
htmlStr1 += "<tr>"+
|
|||
|
|
"<td>"+(a+1)+"</td>"+
|
|||
|
|
"<td>"+data[a].model+"</td>"+
|
|||
|
|
"<td>"+data[a].process+"</td>"+
|
|||
|
|
"<td>"+data[a].manage.project+"</td>"+
|
|||
|
|
"<td>"+data[a].manage.actual+"</td>"+
|
|||
|
|
"<td>"+data[a].manage.reference +"</td>"+
|
|||
|
|
"<td>"+data[a].manage.unit+"</td>"+
|
|||
|
|
"<td>"+data[a].manage.evaluate+"</td>"+
|
|||
|
|
"<td>"+data[a].cost.project+"</td>"+
|
|||
|
|
"<td>"+data[a].cost.actual+"</td>"+
|
|||
|
|
"<td>"+data[a].cost.reference +"</td>"+
|
|||
|
|
"<td>"+data[a].cost.unit+"</td>"+
|
|||
|
|
"<td>"+data[a].cost.evaluate+"</td>"+
|
|||
|
|
/* "<td>"+data[a].cost2.problem+"</td>"+
|
|||
|
|
"<td>"+data[a].cost2.countermeasure +"</td>"+
|
|||
|
|
"<td>"+data[a].cost2.deal+"</td>"+
|
|||
|
|
"<td>"+data[a].cost2.evaluate+"</td>"+ */
|
|||
|
|
"</tr>";
|
|||
|
|
}
|
|||
|
|
for(var a=0;a<data_equ.length;a++){
|
|||
|
|
htmlStr2 += "<tr>"+
|
|||
|
|
"<td>"+data_equ[a].name+"</td>"+
|
|||
|
|
"<td>"+data_equ[a].targetWater+"</td>"+
|
|||
|
|
"<td>"+data_equ[a].actualWater+"</td>"+
|
|||
|
|
"<td>"+data_equ[a].targetMua+"</td>"+
|
|||
|
|
"<td>"+data_equ[a].actualMua+"</td>"+
|
|||
|
|
"<td>"+data_equ[a].targetWater+"</td>"+
|
|||
|
|
"<td>"+data_equ[a].actualWater+"</td>"+
|
|||
|
|
"<td>"+data_equ[a].targetMua+"</td>"+
|
|||
|
|
"<td>"+data_equ[a].actualMua+"</td>"+
|
|||
|
|
"</tr>";
|
|||
|
|
}
|
|||
|
|
for(var a=0;a<data_security.length;a++){
|
|||
|
|
htmlStr3 += "<tr>"+
|
|||
|
|
"<td>"+data_security[a].name+"</td>"+
|
|||
|
|
"<td>"+data_security[a].targetWater+"</td>"+
|
|||
|
|
"<td>"+data_security[a].actualWater+"</td>"+
|
|||
|
|
"<td>"+data_security[a].targetMua+"</td>"+
|
|||
|
|
"<td>"+data_security[a].actualMua+"</td>"+
|
|||
|
|
"<td>"+data_security[a].targetWater+"</td>"+
|
|||
|
|
"<td>"+data_security[a].actualWater+"</td>"+
|
|||
|
|
"<td>"+data_security[a].targetMua+"</td>"+
|
|||
|
|
"<td>"+data_security[a].actualMua+"</td>"+
|
|||
|
|
"</tr>";
|
|||
|
|
}
|
|||
|
|
for(var a=0;a<data_effluent_index.length;a++){
|
|||
|
|
var classStr = "";
|
|||
|
|
if(data_effluent_index[a].currentValue>data_effluent_index[a].referenceValue ||
|
|||
|
|
data_effluent_index[a].currentValue<data_effluent_index[a].referenceValue_lower ){
|
|||
|
|
classStr = "text_red";
|
|||
|
|
}
|
|||
|
|
htmlStr4 += "<tr onclick='showWaterLine(\""+data_effluent_index[a].id+"\");' style='cursor:pointer'>"+
|
|||
|
|
"<td>"+data_effluent_index[a].name+"</td>";
|
|||
|
|
if(data_effluent_index[a].referenceValue_lower!=0){
|
|||
|
|
htmlStr4 += "<td>"+data_effluent_index[a].referenceValue_lower+"~"+data_effluent_index[a].referenceValue+"</td>";
|
|||
|
|
}else{
|
|||
|
|
htmlStr4 += "<td>"+data_effluent_index[a].referenceValue+"</td>";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
htmlStr4 += "<td class='"+classStr+"'>"+data_effluent_index[a].currentValue+"</td>"+
|
|||
|
|
"<td>"+data_effluent_index[a].dailyAverage+"</td>"+
|
|||
|
|
"</tr>";
|
|||
|
|
}
|
|||
|
|
//$("#factory_table_technology_tbody").append(htmlStr1);
|
|||
|
|
//$("#factory_table_technology").bootstrapTable();
|
|||
|
|
$("#factory_table_equ_tbody").append(htmlStr2);
|
|||
|
|
$("#factory_table_equ").bootstrapTable();
|
|||
|
|
$("#factory_table_security_tbody").append(htmlStr3);
|
|||
|
|
$("#factory_table_security").bootstrapTable();
|
|||
|
|
$("#table_effluent_index_tbody").append(htmlStr4);
|
|||
|
|
$("#table_effluent_index").bootstrapTable();
|
|||
|
|
}
|
|||
|
|
function pie_double(id,dataSum,data,title){
|
|||
|
|
var option = {
|
|||
|
|
grid: {
|
|||
|
|
top: 0,
|
|||
|
|
left: 0,
|
|||
|
|
right: 0,
|
|||
|
|
bottom: 0
|
|||
|
|
},
|
|||
|
|
title: [{
|
|||
|
|
text: title,
|
|||
|
|
x:'center',
|
|||
|
|
top: 15,
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: '15',
|
|||
|
|
},
|
|||
|
|
}, {
|
|||
|
|
text: dataSum,
|
|||
|
|
top: 'center',
|
|||
|
|
left: 'center',
|
|||
|
|
textStyle: {
|
|||
|
|
fontSize: '20',
|
|||
|
|
},
|
|||
|
|
}],
|
|||
|
|
tooltip: {
|
|||
|
|
trigger: 'item',
|
|||
|
|
formatter: '{b}: {c} ({d}%)'
|
|||
|
|
},
|
|||
|
|
series: [
|
|||
|
|
{
|
|||
|
|
name: '',
|
|||
|
|
type: 'pie',
|
|||
|
|
radius: ['65%', '90%'],
|
|||
|
|
center: ['50%', '50%'],
|
|||
|
|
avoidLabelOverlap: false,
|
|||
|
|
label: {
|
|||
|
|
show:false,
|
|||
|
|
},
|
|||
|
|
data: data
|
|||
|
|
}
|
|||
|
|
]
|
|||
|
|
};
|
|||
|
|
var myChart = echarts.init(document.getElementById(id));
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
}
|
|||
|
|
function showWaterLine(id){
|
|||
|
|
$("#"+id).siblings().hide();
|
|||
|
|
$("#"+id).show();
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
<body class="hold-transition ${cu.themeclass} sidebar-mini">
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<div class="content-wrapper" style=" overflow-x: auto;padding:10px 20px 0px 20px;">
|
|||
|
|
<!-- BEGIN CONTAINER -->
|
|||
|
|
<input type="hidden" name="todayAddnum" value="${todayAddnum}">
|
|||
|
|
<input type="hidden" name="todonum" value="${todonum}">
|
|||
|
|
<input type="hidden" name="donownum" value="${donownum}">
|
|||
|
|
<input type="hidden" name="jsp_id" id="jsp_id" value="">
|
|||
|
|
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<input id="search_pid" name="search_pid" type="hidden" />
|
|||
|
|
<span id="companyName" style="width:220px;border: none;background: transparent;"></span>
|
|||
|
|
<ul class="col-md-2 col-sm-6 col-xs-6" id="companyselect" style="list-style-type:none;">
|
|||
|
|
<li class="dropdown messages-menu" >
|
|||
|
|
<!-- Menu toggle button -->
|
|||
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="width:80px;"
|
|||
|
|
onclick="document.getElementById('company_select').style.display = 'block';" >
|
|||
|
|
<div class="input-group" style="height: 25px">
|
|||
|
|
<span class="input-group-addon" style="height:25px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">层级选择:</span>
|
|||
|
|
<input class="form-control " id="cname_input" name="cname_input" style="height:28px;width:150px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;text-align:center;"
|
|||
|
|
readonly />
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
<ul id="company_select" class="dropdown-menu" data-stopPropagation="true" >
|
|||
|
|
<li>
|
|||
|
|
<!-- <a href="javascript:company_selectchange();"> -->
|
|||
|
|
<!-- -->
|
|||
|
|
<div id="companytree" style="width: 275px;overflow:auto;"></div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<ul class="col-md-2 col-sm-6 col-xs-6" id="timeselect" style="list-style-type:none;">
|
|||
|
|
<li class="dropdown" >
|
|||
|
|
<!-- Menu toggle button -->
|
|||
|
|
<a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" style="width:80px;">
|
|||
|
|
<div class="input-group" style="height: 25px">
|
|||
|
|
<span class="input-group-addon"
|
|||
|
|
style="height:25px;color:#000000;border-top-left-radius: 4px;border-bottom-left-radius: 4px;font-weight:bold">时间选择:</span>
|
|||
|
|
<input class="form-control " id="time_input" name="time_input"
|
|||
|
|
style="height:28px;width:120px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;text-align:center;"
|
|||
|
|
value="${nowDate}"
|
|||
|
|
readonly />
|
|||
|
|
</div>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row" >
|
|||
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div class="floattop_div_1 thumbnail" style="overflow:hidden;">
|
|||
|
|
<div class="nav-tabs-custom" style="margin-bottom:0px;">
|
|||
|
|
<ul class="nav nav-tabs" id="tab1_ul" >
|
|||
|
|
<li id="tab_1_li" role="presentation" class="active" >
|
|||
|
|
<a href="#tab_1" role="tab" data-toggle="tab" aria-expanded="true" id="BKYWQ_QuantityQuality">水量水质</a>
|
|||
|
|
</li>
|
|||
|
|
<li id="tab_2_li" role="presentation" >
|
|||
|
|
<a href="#tab_2" role="tab" data-toggle="tab" aria-expanded="true" id="BKYWQ_ProcessOperation">工艺运行</a>
|
|||
|
|
</li>
|
|||
|
|
<li id="tab_3_li" role="presentation" >
|
|||
|
|
<a href="#tab_3" role="tab" data-toggle="tab" aria-expanded="true" id="BKYWQ_RunningCost">运行成本</a>
|
|||
|
|
</li>
|
|||
|
|
<!-- <li id="tab_4_li" role="presentation" >
|
|||
|
|
<a href="#tab_4" role="tab" data-toggle="tab" aria-expanded="true" id="BKYWQ_EquipmentOperation">设备运行</a>
|
|||
|
|
</li>
|
|||
|
|
<li id="tab_5_li" role="presentation" >
|
|||
|
|
<a href="#tab_5" role="tab" data-toggle="tab" aria-expanded="true" id="BKYWQ_OperationSafety">运行安全</a>
|
|||
|
|
</li> -->
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="tab-content" >
|
|||
|
|
<div role="tabpanel" class="tab-pane active" id="tab_1">
|
|||
|
|
<div class="row region" style="height:370px">
|
|||
|
|
<div class="" style="width:13%;height:100%;float:left;">
|
|||
|
|
<div id="waterQuantityPie" style="height:50%;padding-top:10px;padding-bottom:10px;"></div>
|
|||
|
|
<div id="waterQualityPie" style="height:50%;padding-top:10px;padding-bottom:10px;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="" style="width:37%;height:100%;float:left;">
|
|||
|
|
<div class="" style="width:15%;height:100%;float:left;">
|
|||
|
|
<div style="width:100%;height:50%;padding-top:10px;padding-bottom:10px;float:left;">
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;">目标值</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;font-weight: 700;font-size: 16px;" class="target_water">300</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;">实际值</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;font-weight: 700;font-size: 16px;color: rgb(0, 165, 255);" class="actual_water">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="width:100%;height:50%;padding-top:10px;padding-bottom:10px;float:left;">
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;">达标水厂</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;font-weight: 700;font-size: 16px;color: rgb(0, 165, 255);" class="standard_water">7</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;">未达标水厂</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;font-weight: 700;font-size: 16px;color: rgb(0, 165, 255);" class="standard_not_water">7</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="waterQuantityBar" style="width:85%;height:100%;padding-top:10px;padding-bottom:10px;float:right;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="" style="width:13%;height:100%;float:left;">
|
|||
|
|
<div id="mudQuantityPie" style="height:50%;padding-top:10px;padding-bottom:10px;"></div>
|
|||
|
|
<div id="mudQualityPie" style="height:50%;padding-top:10px;padding-bottom:10px;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="" style="width:37%;height:100%;float:left;">
|
|||
|
|
<div class="" style="width:15%;height:100%;float:left;">
|
|||
|
|
<div style="width:100%;height:50%;padding-top:10px;padding-bottom:10px;float:left;">
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;">目标值</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;font-weight: 700;font-size: 16px;" class="target_mud">300</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;">实际值</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;font-weight: 700;font-size: 16px;color: rgb(0, 165, 255);" class="actual_mud">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="width:100%;height:50%;padding-top:10px;padding-bottom:10px;float:left;">
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;">达标水厂</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;font-weight: 700;font-size: 16px;color: rgb(0, 165, 255);" class="standard_mud">7</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;">未达标水厂</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;font-weight: 700;font-size: 16px;color: rgb(0, 165, 255);" class="standard_not_mud">7</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="mudQuantityBar" style="width:85%;height:100%;padding-top:10px;padding-bottom:10px;float:right;"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row factory" style="height:690px;display:none;">
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12" style="height:360px;padding:20px;">
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12 text-center" style="padding:20px;">
|
|||
|
|
<label style="padding-top:20px;">水质达标情况</label>
|
|||
|
|
<div class="text_green" style="font-size:70px;padding-top:20px;" id="effluent_index_icon"><i class="fa fa-smile-o"></i></div>
|
|||
|
|
<div class="text_green" style="font-size:30px;padding-top:10px;" id="effluent_index_text">达标</div>
|
|||
|
|
<!-- <label style="padding-top:20px;">执行标准：一级A</label> -->
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-8 col-sm-8 col-xs-12">
|
|||
|
|
<table class="table table-bordered text-center" id="table_effluent_index">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>出水指标</th>
|
|||
|
|
<th>基准值</th><th>当前值</th><th>日均值</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody id="table_effluent_index_tbody"></tbody>
|
|||
|
|
</table>
|
|||
|
|
<label>注：当前值为实时采集数据。</label>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<!--<div class="col-md-4 col-sm-4 col-xs-12">
|
|||
|
|
<div style="height:210px;width:255px;" id="waterQuality_gauge"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost_small text-right">目标值</div>
|
|||
|
|
<div class="number_cost_small number_cost_25 standard_water">140</div>
|
|||
|
|
<div class="text_cost_small">达标</div>
|
|||
|
|
<div class="number_cost_small number_red number_cost_25 standard_not_water">140</div>
|
|||
|
|
</div>
|
|||
|
|
</div> -->
|
|||
|
|
<div style="height:360px;width:750px;" id="water_COD_line"></div>
|
|||
|
|
<div style="height:360px;width:750px;display:none;" id="water_NH3_line"></div>
|
|||
|
|
<div style="height:360px;width:750px;display:none;" id="water_TN_line"></div>
|
|||
|
|
<div style="height:360px;width:750px;display:none;" id="water_TP_line"></div>
|
|||
|
|
<div style="height:360px;width:750px;display:none;" id="water_PH_line"></div>
|
|||
|
|
<div style="height:360px;width:750px;display:none;" id="water_SS_line"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12">
|
|||
|
|
<div style="height:210px;width:255px;" id="waterQuantity_gauge"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost_small text-right ">目标值</div>
|
|||
|
|
<div class="number_cost_small number_cost_25 target_water" >140</div>
|
|||
|
|
<div class="text_cost_small">超标</div>
|
|||
|
|
<div class="number_cost_small number_cost_25 over_standard_water">5%</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-8 col-sm-8 col-xs-12" style="height:230px;width:500px;" id="actual_water_line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12">
|
|||
|
|
<div style="height:210px;width:255px;" id="mudQuantity_gauge"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost_small text-right">目标值</div>
|
|||
|
|
<div class="number_cost_small number_cost_25 target_mud">140</div>
|
|||
|
|
<div class="text_cost_small">超标</div>
|
|||
|
|
<div class="number_cost_small number_cost_25 over_standard_mud">5%</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-8 col-sm-8 col-xs-12" style="height:230px;width:500px;" id="mudQuantity_line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12">
|
|||
|
|
<div style="height:210px;width:255px;" id="mudQuality_gauge"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost_small text-right">目标值</div>
|
|||
|
|
<div class="number_cost_small number_cost_25 target_sludge_moisture_content">140</div>
|
|||
|
|
<div class="text_cost_small">达标</div>
|
|||
|
|
<div class="number_cost_small number_cost_25 actual_sludge_moisture_content">140</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-8 col-sm-8 col-xs-12" style="height:230px;width:500px;" id="mudQuality_line"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="tab_2">
|
|||
|
|
<div class="row region" style="height:370px">
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12 text-center" style="height:370px;">
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;font-size: 16px;line-height: 8;">工艺运行状态评价得分</div>
|
|||
|
|
<div style="width:100%;height:40%;float:left;font-weight: 700;font-size: 80px;line-height: 2;" class="score_technology">90</div>
|
|||
|
|
<div style="width:100%;height:20%;float:left;line-height: 40px;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">合格项</div>
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">不合格项</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle qualified_technology">250</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red unqualified_technology">20</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:370px;width:530px;" id="radar"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12" style="height:370px;">
|
|||
|
|
<div style="height:370px;width:770px;" id="score"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row factory " style="height:130px;display:none;">
|
|||
|
|
<div class="col-md-3 text-center" style="height:100%;padding-top:15px;">
|
|||
|
|
<div class="col-md-6" >
|
|||
|
|
<div class="equ_pie_cont technology_title vertical-middle" style="padding-bottom:10px;">工艺运行状态<br>评价得分</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">区控排名</div>
|
|||
|
|
<div class="equ_pie_number regional_ranking">0</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">业务区排名</div>
|
|||
|
|
<div class="equ_pie_number business_ranking">0</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 technology_number vertical-middle " id="score_technology" style="height:100px;width:130px;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 text-center" style="height:100%;padding-top:15px;">
|
|||
|
|
<div class="col-md-6" >
|
|||
|
|
<div class="equ_pie_cont technology_title vertical-middle" style="padding-bottom:10px;">不合格项<br>占比</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">合格项</div>
|
|||
|
|
<div class="equ_pie_number qualified_technology">300</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">不合格项</div>
|
|||
|
|
<div class="equ_pie_number unqualified_technology">260</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 technology_number vertical-middle " id="qualified_pie" style="height:100px;width:130px;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">综合成本<br>元/m³</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle comprehensive_cost" style="width:100%;">100</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="tab_3">
|
|||
|
|
|
|||
|
|
<div class="row region" style="height:370px">
|
|||
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:290px;width:400px;" id="gauge1"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right text_cost_good">目标值</div>
|
|||
|
|
<div class="number_cost text-left target_electric">100</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right">超标</div>
|
|||
|
|
<div class="number_cost text-left number_red over_standard_electric">23.23%</div>
|
|||
|
|
<div class="text_cost text-right">未达标</div>
|
|||
|
|
<div class="number_cost number_red standard_not_electric">5</div>
|
|||
|
|
<div class="text_cost text-left">个厂</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:290px;width:400px;" id="gauge2"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right text_cost_good">目标值</div>
|
|||
|
|
<div class="number_cost text-left target_drug_water">100</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right">超标</div>
|
|||
|
|
<div class="number_cost text-left number_red over_standard_drug_water">23.23%</div>
|
|||
|
|
<div class="text_cost text-right">未达标</div>
|
|||
|
|
<div class="number_cost number_red standard_not_drug_water">5</div>
|
|||
|
|
<div class="text_cost text-left">个厂</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:290px;width:400px;" id="gauge3"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right text_cost_good">目标值</div>
|
|||
|
|
<div class="number_cost text-left target_handle_mud">100</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right">超标</div>
|
|||
|
|
<div class="number_cost text-left number_red over_standard_handle_mud">23.23%</div>
|
|||
|
|
<div class="text_cost text-right">未达标</div>
|
|||
|
|
<div class="number_cost number_red standard_not_handle_mud">5</div>
|
|||
|
|
<div class="text_cost text-left">个厂</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:290px;width:400px;" id="gauge4"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right text_cost_good">目标值</div>
|
|||
|
|
<div class="number_cost text-left target_drug_mud">100</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right">超标</div>
|
|||
|
|
<div class="number_cost text-left number_red over_standard_drug_mud">23.23%</div>
|
|||
|
|
<div class="text_cost text-right">未达标</div>
|
|||
|
|
<div class="number_cost number_red standard_not_drug_mud">5</div>
|
|||
|
|
<div class="text_cost text-left">个厂</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row factory" style="height:690px;display:none;">
|
|||
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:240px;width:360px;" id="waterElectricQuantity_gauge"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right">目标值</div>
|
|||
|
|
<div class="number_cost number_cost_20 target_electric">140</div>
|
|||
|
|
<div class="text_cost">超标</div>
|
|||
|
|
<div class="number_cost number_red number_cost_20 over_standard_electric">5%</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:240px;width:360px;" id="wateDrugQuantity_gauge"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right">目标值</div>
|
|||
|
|
<div class="number_cost number_cost_20 target_drug_water">140</div>
|
|||
|
|
<div class="text_cost">超标</div>
|
|||
|
|
<div class="number_cost number_red number_cost_20 over_standard_drug_water">5%</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:240px;width:360px;" id="mudRdealQuality_gauge"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right">目标值</div>
|
|||
|
|
<div class="number_cost number_cost_20 target_handle_mud">140</div>
|
|||
|
|
<div class="text_cost">超标</div>
|
|||
|
|
<div class="number_cost number_red number_cost_20 over_standard_handle_mud">5%</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:240px;width:360px;" id="mudDrugQuality_gauge"></div>
|
|||
|
|
<div class="gauge_cont text-center">
|
|||
|
|
<div class="text_cost text-right">目标值</div>
|
|||
|
|
<div class="number_cost number_cost_20 target_drug_mud">140</div>
|
|||
|
|
<div class="text_cost">超标</div>
|
|||
|
|
<div class="number_cost number_red number_cost_20 over_standard_drug_mud">5%</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12" style="height:345px;width:800px;" id="waterElectricQuantity_line">
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12" style="height:345px;width:800px;" id="waterDrugQuality_line">
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12" style="height:345px;width:800px;" id="mudRdealQuality_line">
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12" style="height:345px;width:800px;" id="mudDrugQuality_line">
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="tab_4">
|
|||
|
|
<div class="row region" style="height:370px">
|
|||
|
|
<div class="col-md-8 col-sm-6 col-xs-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-1 col-sm-6 col-xs-12"></div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:180px;" id="equ_pie_1"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">设备总数</div>
|
|||
|
|
<div class="equ_pie_number total_process_equipment">300</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_process_equipment">260</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">不完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_not_process_equipment">40</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:180px;" id="equ_pie_2"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">设备总数</div>
|
|||
|
|
<div class="equ_pie_number total_electrical_equipment">300</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_electrical_equipment">260</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">不完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_not_electrical_equipment">40</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:180px;" id="equ_pie_3"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">设备总数</div>
|
|||
|
|
<div class="equ_pie_number total_no_spare_equipment">300</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_no_spare_equipment">260</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">不完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_not_no_spare_equipment">40</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:180px;" id="equ_pie_4"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">故障总数</div>
|
|||
|
|
<div class="equ_pie_number fault_num_system">0</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">恢复数</div>
|
|||
|
|
<div class="equ_pie_number alarm_system_total">0</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">未恢复数</div>
|
|||
|
|
<div class="equ_pie_number alarm_system_total_not">0</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:180px;" id="equ_pie_communication"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">故障总数</div>
|
|||
|
|
<div class="equ_pie_number fault_num_signal">0</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">恢复数</div>
|
|||
|
|
<div class="equ_pie_number alarm_communication_total">0</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">未恢复数</div>
|
|||
|
|
<div class="equ_pie_number alarm_communication_total_not">0</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 col-sm-6 col-xs-12"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:50px;width:400px;">
|
|||
|
|
<div style="height:100%;width:45%;float:left;line-height: 4;font-size: 14px;">设备运行评价得分</div>
|
|||
|
|
<div style="height:100%;width:15%;float:left;font-weight: 700;line-height: 2;font-size: 25px;color: rgb(0, 165, 255);" class="score_equipment">90</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height:300px;width:530px;" id="equ_bar"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="row factory " style="height:130px;display:none;">
|
|||
|
|
<div class="col-md-3 text-center" style="height:100%;padding-top:15px;">
|
|||
|
|
<div class="col-md-6" >
|
|||
|
|
<div class="equ_pie_cont technology_title vertical-middle" style="padding-bottom:10px;">设备运行<br>评价得分 </div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">区控排名</div>
|
|||
|
|
<div class="equ_pie_number regional_ranking">0</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">业务区排名</div>
|
|||
|
|
<div class="equ_pie_number business_ranking">0</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 technology_number vertical-middle " id="score_equipment" style="height:100px;width:130px;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">设备管理<br>评价得分</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle score_equipment" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">系统维护<br>评价得分</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle score_system_maintain" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">三大系统<br>经济运行得分</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle system_score" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">提升系统<br>经济运行得分</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle promote_score" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">鼓风系统<br>经济运行得分</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle blast_score" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">脱水系统<br>经济运行得分</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle dehydration_score" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="col-md-2 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">主要工艺设备<br>不完好数</div>
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">主要电气设备<br>不完好数</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red intact_not_process_equipment">250</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red intact_not_electrical_equipment">20</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">无备用设备<br>不完好数</div>
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">通信故障次数</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red intact_not_no_spare_equipment">250</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red fault_num_signal">20</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">系统故障次数</div>
|
|||
|
|
<div class="technology_evaluate_title vertical-middle"></div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red fault_num_system">250</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle"></div>
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="tab_5">
|
|||
|
|
<div class="row region" style="height:370px">
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:360px;width:250px;" id="security_pie"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:360px;width:250px;float:left;padding-top:15%;">
|
|||
|
|
<div style="height:20%;width:250px;font-size: 14px;">
|
|||
|
|
<div style="height:100%;width:50%;float:left;line-height: 5;font-size: 14px;">进水水质超标次数</div>
|
|||
|
|
<div style="height:100%;width:50%;float:left;font-weight: 700;line-height: 2.5;font-size: 25px;color: rgb(253, 0, 0);"
|
|||
|
|
class="over_standard_influent_quality">10</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height:20%;width:250px;font-size: 14px;">
|
|||
|
|
<div style="height:100%;width:50%;float:left;line-height: 5;font-size: 14px;">出水水质超标次数</div>
|
|||
|
|
<div style="height:100%;width:50%;float:left;font-weight: 700;line-height: 2.5;font-size: 25px;color: rgb(253, 0, 0);"
|
|||
|
|
class="over_standard_effluent_quality">10</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height:20%;width:250px;font-size: 14px;">
|
|||
|
|
<div style="height:100%;width:50%;float:left;line-height: 5;font-size: 14px;">无备用设备故障</div>
|
|||
|
|
<div style="height:100%;width:50%;float:left;font-weight: 700;line-height: 2.5;font-size: 25px;color: rgb(253, 0, 0);"
|
|||
|
|
class="fault_num_no_spare_equipment">10</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="height:20%;width:250px;font-size: 14px;">
|
|||
|
|
<div style="height:100%;width:50%;float:left;line-height: 5;font-size: 14px;">故障停电次数</div>
|
|||
|
|
<div style="height:100%;width:50%;float:left;font-weight: 700;line-height: 2.5;font-size: 25px;color: rgb(253, 0, 0);"
|
|||
|
|
class="fault_num_power">10</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-8 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:360px;width:1065px;" id="security_bar"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row factory " style="height:130px;display:none;">
|
|||
|
|
|
|||
|
|
<div class="col-md-3 text-center" style="height:100%;padding-top:15px;">
|
|||
|
|
<div class="col-md-6" >
|
|||
|
|
<div class="equ_pie_cont technology_title vertical-middle" style="padding-bottom:10px;">安全运行管理<br>评价得分</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">区控排名</div>
|
|||
|
|
<div class="equ_pie_number regional_ranking">0</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">业务区排名</div>
|
|||
|
|
<div class="equ_pie_number business_ranking">0</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 technology_number vertical-middle " id="score_security" style="height:100px;width:130px;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">进水水质<br>超标次数</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle over_standard_influent_quality" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">出水水质<br>超标次数</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle over_standard_effluent_quality" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">危险作业<br>次数</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle dangerous_operation" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle" style="width:100%;">故障停电<br>次数</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle fault_num_power" style="width:100%;">250</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="col-md-2 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">进水水质<br>超标次数</div>
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">出水水质<br>超标次数</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red over_standard_influent_quality">250</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red over_standard_effluent_quality">20</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 text-center" style="height:100%;">
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">无备用设备<br>故障数</div>
|
|||
|
|
<div class="technology_evaluate_title vertical-middle">故障停电<br>次数</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red fault_num_no_spare_equipment">250</div>
|
|||
|
|
<div class="technology_evaluate_number vertical-middle number_red fault_num_power">20</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 text-center vertical-middle" style="height:100%;">
|
|||
|
|
<a class='btn btn-primary btn-lg' href='#' role='button' data-toggle='modal' data-target='#myModal' onclick="showModal();" >月底统计</a>
|
|||
|
|
</div> -->
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="floattop_div_2 thumbnail" style="overflow:hidden;">
|
|||
|
|
<div class="tab-content">
|
|||
|
|
<div role="tabpanel" class="tab-pane active" id="tab_1_1">
|
|||
|
|
<div class="floattop_div_2_2 region" >
|
|||
|
|
<table class="table table-bordered text-center" id="table_water">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>序号</th><th>区域/水厂名称</th>
|
|||
|
|
<th data-sortable='true'>目标水量</th><th data-sortable='true'>实际水量</th><th data-sortable='true'>水量完成率</th><th data-sortable='true'>水质达标率</th>
|
|||
|
|
<th data-sortable='true'>目标泥量</th><th data-sortable='true'>实际泥量</th><th data-sortable='true'>泥量完成率</th><th data-sortable='true'>污泥含水率达标率</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody id="table_water_tbody"></tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="tab_2_1">
|
|||
|
|
<div class="floattop_div_2_2 region" >
|
|||
|
|
<table class="table table-bordered text-center" id="table_technology">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>序号</th><th>区域/水厂名称</th>
|
|||
|
|
<th data-sortable='true'>评价得分</th><th data-sortable='true'>综合成本（元/m3）</th><th data-sortable='true'>合格项</th><th data-sortable='true'>不合格项</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody id="table_technology_tbody"></tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<div class="floattop_div_2_2 factory" style="display:none;padding: 10px 20px;">
|
|||
|
|
<div class="row" style="margin-bottom:15px;padding: 0 5%;">
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div class="row bg_brilliant_blue text-center" style="padding: 0 2px;">
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 20%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">水量平衡</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="qualified_balance"></span><span>/</span><span class="unqualified_balance"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">合格项/不合格项</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 20%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">预处理系统</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="qualified_pretreatment"></span><span>/</span><span class="unqualified_pretreatment"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">合格项/不合格项</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 20%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">生化池沿程分析</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="qualified_analysis"></span><span>/</span><span class="unqualified_analysis"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">合格项/不合格项</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 20%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">深度处理</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="qualified_filter"></span><span>/</span><span class="unqualified_filter"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">合格项/不合格项</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 20%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">消毒系统</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="qualified_disinfect"></span><span>/</span><span class="unqualified_disinfect"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">合格项/不合格项</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 20%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">泥量平衡</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="qualified_precipitate"></span><span>/</span><span class="unqualified_precipitate"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">合格项/不合格项</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row" style="margin: 0px;border: 1px solid rgba(11, 167, 244, 1);border-radius: 8px;margin-top: -10px;background-color: white;">
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div style="height:150px;width:210px;" id="factory_technology_pie_precipitate"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div style="height:150px;width:210px;" id="factory_technology_pie_filter"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div style="height:150px;width:210px;" id="factory_technology_pie_disinfect"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div style="height:150px;width:210px;" id="factory_technology_pie_analysis"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div style="height:150px;width:210px;" id="factory_technology_pie_pretreatment"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-2 col-xs-12">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-12 col-sm-12 col-xs-12">
|
|||
|
|
<div style="height:150px;width:210px;" id="factory_technology_pie_balance"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<table class="table table-bordered text-center" id="factory_table_technology">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th data-rowspan="2" data-valign="middle" data-align="center">序号</th>
|
|||
|
|
<th data-sortable='true' data-rowspan="2" data-valign="middle" data-align="center">数据模型</th>
|
|||
|
|
<th data-sortable='true' data-rowspan="2" data-valign="middle" data-align="center">工艺单元</th>
|
|||
|
|
<th class="bg_blue" data-colspan="5">管理要点（60%权重）</th><th class="bg_red" data-colspan="5">成本（40%权重）</th><!-- <th class="bg_green" data-colspan="4">成本（30%权重）</th> -->
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="bg_blue">项目</th><th class="bg_blue">实际值</th><th class="bg_blue">参考值</th>
|
|||
|
|
<th class="bg_blue">单位</th><th class="bg_blue" data-sortable='true'>评价</th>
|
|||
|
|
<th class="bg_red">项目</th><th class="bg_red">实际值</th><th class="bg_red">参考值</th>
|
|||
|
|
<th class="bg_red">单位</th><th class="bg_red" data-sortable='true'>评价</th>
|
|||
|
|
<!-- <th class="bg_green" data-sortable='true'>问题</th><th class="bg_green">对策</th><th class="bg_green">是否处置</th><th class="bg_green" data-sortable='true'>评价</th> -->
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody id="factory_table_technology_tbody"></tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="tab_3_1">
|
|||
|
|
<div class="floattop_div_2_2 region" >
|
|||
|
|
<table class="table table-bordered text-center" id="table_function">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>序号</th><th>区域/水厂名称</th>
|
|||
|
|
<th data-sortable='true'>吨水电耗（目标值）</th><th data-sortable='true'>吨水电耗（实际值）</th><th data-sortable='true'>吨水药剂费（目标）</th><th data-sortable='true'>吨水药剂费（实际）</th>
|
|||
|
|
<th data-sortable='true'>污泥处置费（目标）</th><th data-sortable='true'>污泥处置费（实际）</th><th data-sortable='true'>污泥药剂费（目标）</th><th data-sortable='true'>污泥药剂费（实际）</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody id="table_function_tbody"></tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="tab_4_1">
|
|||
|
|
<div class="floattop_div_2_2 region" >
|
|||
|
|
<table class="table table-bordered text-center" id="table_equ">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>序号</th><th>区域/水厂名称</th>
|
|||
|
|
<th data-sortable='true'>主要工艺设备不完好数</th><th data-sortable='true'>主要电气设备不完好数</th><th data-sortable='true'>无备用设备不完好数</th><th data-sortable='true'>三大系统经济运行达标率</th>
|
|||
|
|
<th data-sortable='true'>巡检完成率</th><th data-sortable='true'>通信故障次数</th><th data-sortable='true'>系统故障次数</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody id="table_equ_tbody"></tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<div class="floattop_div_2_2 factory" style="display:none;padding:10px 20px;">
|
|||
|
|
<div class="row" style="margin-bottom:15px;">
|
|||
|
|
<div class="col-md-1 col-sm-1 col-xs-12"></div>
|
|||
|
|
<div class="col-md-4 col-sm-6 col-xs-12">
|
|||
|
|
<div class="row bg_brilliant_blue text-center">
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 10%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">主要工艺设备</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="intact_process_equipment"></span><span>/</span><span class="total_process_equipment"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">完好数/总数</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 10%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">主要电气设备</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="intact_electrical_equipment"></span><span>/</span><span class="total_electrical_equipment"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">完好数/总数</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 10%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">无备用设备</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="intact_no_spare_equipment"></span><span>/</span><span class="total_no_spare_equipment"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">完好数/总数</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row" style="margin: 0px;border: 1px solid rgba(11, 167, 244, 1);border-radius: 8px;margin-top: -10px;">
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12" style="padding: 10px 0;">
|
|||
|
|
<div style="height:110px;width:160px;" id="factory_equ_pie_1"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12" style="padding: 10px 0;">
|
|||
|
|
<div style="height:110px;width:160px;" id="factory_equ_pie_2"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-4 col-sm-4 col-xs-12" style="padding: 10px 0;">
|
|||
|
|
<div style="height:110px;width:160px;" id="factory_equ_pie_3"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|||
|
|
<div class="row bg_brilliant_blue text-center">
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 10%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">巡检任务</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="patrol_tasks_completed">0</span><span>/</span><span class="patrol_tasks_total">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">未巡检数/总数</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 10%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">设备一级告警</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="alarm_equipment_completion">0</span><span>/</span><span class="alarm_equipment_total">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">未恢复数/总数</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 10%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">通信故障</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="alarm_communication_total">0</span><span>/</span><span class="fault_num_signal">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">修复数/总数</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;padding: 0 10%;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">系统故障</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="alarm_system_total">0</span><span>/</span><span class="fault_num_signal">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12">修复数/总数</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row" style="margin: 0px;border: 1px solid rgba(11, 167, 244, 1);border-radius: 8px;margin-top: -10px;">
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12" style="padding: 10px 0;">
|
|||
|
|
<div style="height:110px;width:190px;" id="factory_equ_pie_8"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12" style="padding: 10px 0;">
|
|||
|
|
<div style="height:110px;width:190px;" id="factory_equ_pie_9"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12" style="padding: 10px 0;">
|
|||
|
|
<div style="height:110px;width:190px;" id="factory_equ_pie_10"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12" style="padding: 10px 0;">
|
|||
|
|
<div style="height:110px;width:190px;" id="factory_equ_pie_11"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-1 col-sm-1 col-xs-12"></div>
|
|||
|
|
</div>
|
|||
|
|
<!-- <div class="col-md-4 col-sm-6 col-xs-12">
|
|||
|
|
<div class="row bg_brilliant_blue text-center">
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">三大系统经济运行得分</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="system_score"></span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">提升系统经济运行得分</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="promote_score">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">鼓风系统经济运行得分</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="blast_score">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12">
|
|||
|
|
<div class="row" style="margin: 0px;">
|
|||
|
|
<label class="text_white equ_blue_text col-xs-12">脱水系统经济运行得分</label>
|
|||
|
|
<div class="text_white equ_blue_number vertical-middle col-xs-12">
|
|||
|
|
<span class="dehydration_score">0</span>
|
|||
|
|
</div>
|
|||
|
|
<div class="text_white equ_blue_text col-xs-12"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="row" style="margin: 0px;border: 1px solid rgba(11, 167, 244, 1);border-radius: 8px;margin-top: -10px;">
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12" style="padding: 20px 0;">
|
|||
|
|
<div style="height:100px;width:130px;" id="factory_equ_pie_4"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12" style="padding: 20px 0;">
|
|||
|
|
<div style="height:100px;width:130px;" id="factory_equ_pie_5"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12" style="padding: 20px 0;">
|
|||
|
|
<div style="height:100px;width:130px;" id="factory_equ_pie_6"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-3 col-sm-3 col-xs-12" style="padding: 20px 0;">
|
|||
|
|
<div style="height:100px;width:130px;" id="factory_equ_pie_7"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div> -->
|
|||
|
|
<!-- <div class="row">
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:220px;" id="factory_equ_pie_1"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">设备总数</div>
|
|||
|
|
<div class="equ_pie_number total_process_equipment" id="factory_equ_pie_1_all">300</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_process_equipment" id="factory_equ_pie_1_good">260</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">不完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_not_process_equipment" id="factory_equ_pie_1_bad">40</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:220px;" id="factory_equ_pie_2"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">设备总数</div>
|
|||
|
|
<div class="equ_pie_number total_electrical_equipment" id="factory_equ_pie_2_all">300</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_electrical_equipment" id="factory_equ_pie_2_good">260</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">不完好数</div>
|
|||
|
|
<div class="equ_pie_number " id="intact_not_electrical_equipment">40</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:220px;" id="factory_equ_pie_3"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">设备总数</div>
|
|||
|
|
<div class="equ_pie_number total_no_spare_equipment" id="factory_equ_pie_3_all">300</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_no_spare_equipment" id="factory_equ_pie_3_good">260</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">不完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_not_no_spare_equipment" id="factory_equ_pie_3_bad">40</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:220px;" id="factory_equ_pie_4"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:220px;" id="factory_equ_pie_5"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">任务总数</div>
|
|||
|
|
<div class="equ_pie_number " id="factory_equ_pie_5_all">300</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">未完成数</div>
|
|||
|
|
<div class="equ_pie_number " id="factory_equ_pie_5_good">260</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-2 col-sm-6 col-xs-12">
|
|||
|
|
<div style="height:270px;width:220px;" id="factory_equ_pie_6"></div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">系统总数</div>
|
|||
|
|
<div class="equ_pie_number total_system" id="factory_equ_pie_6_all">300</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_system" id="factory_equ_pie_6_good">260</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="equ_pie_cont">
|
|||
|
|
<div class="equ_pie_text">不完好数</div>
|
|||
|
|
<div class="equ_pie_number intact_not_system" id="factory_equ_pie_6_bad">40</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div> -->
|
|||
|
|
<table class="table table-bordered text-center" id="factory_table_equ">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>类别</th><th>设备编号</th><th>不完好或异常事项</th><th>说明</th><th>发生时间</th><th>处理进度%</th>
|
|||
|
|
<th>责任人</th><th>工单编号</th><th>进展评价（正常；绿 延误；黄 需紧急处理：红）</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody id="factory_table_equ_tbody"></tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div role="tabpanel" class="tab-pane" id="tab_5_1">
|
|||
|
|
<div class="floattop_div_2_2 region" >
|
|||
|
|
<table class="table table-bordered text-center" id="table_security">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>序号</th><th>区域/水厂名称</th>
|
|||
|
|
<th data-sortable='true'>进水水质超标次数</th><th data-sortable='true'>出水水质超标次数</th><th data-sortable='true'>无备用设备故障</th><th data-sortable='true'>故障停电次数</th>
|
|||
|
|
<th data-sortable='true'>得分</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody id="table_security_tbody"></tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
<div class="floattop_div_2_2 factory" style="display:none;padding:0 10px;">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|||
|
|
<div style="width:750px;height:380px" id="modal_line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|||
|
|
<div style="width:750px;height:380px" id="modal_bar"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<table class="table table-bordered text-center" id="factory_table_security">
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th>类别</th><th>异常编号</th><th>事项</th><th>说明</th><th>发生时间</th><th>处理进度%</th>
|
|||
|
|
<th>责任人</th><th>工单编号</th><th>进展评价（正常；绿 延误；黄 需紧急处理：红）</th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody id="factory_table_security_tbody"></tbody>
|
|||
|
|
</table>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Modal -->
|
|||
|
|
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|||
|
|
<div class="modal-dialog modal-lg" role="document">
|
|||
|
|
<div class="modal-content">
|
|||
|
|
<div class="modal-header">
|
|||
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-body">
|
|||
|
|
<div class="row">
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|||
|
|
<div style="width:750px;height:380px" id="modal_line"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="col-md-6 col-sm-6 col-xs-12">
|
|||
|
|
<div style="width:750px;height:380px" id="modal_bar"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="modal-footer">
|
|||
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
<div id="AbnormalView" style="display:none;height: 400px"></div>
|
|||
|
|
<div id="AbnormalDetails" style="display:none;height: 600px"></div>
|
|||
|
|
</html>
|