1664 lines
85 KiB
Plaintext
1664 lines
85 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" %>
|
||
<%String contextPath = request.getContextPath();%>
|
||
<!DOCTYPE html>
|
||
<!-- <html lang="zh-CN"> -->
|
||
<!-- BEGIN HEAD -->
|
||
<head>
|
||
<title><%= ServerObject.atttable.get("TOPTITLE")%>
|
||
</title>
|
||
|
||
<!-- 引用页头及CSS页-->
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<style type="text/css">
|
||
.helpTitle {
|
||
/*border-bottom: 1px dotted #666;*/
|
||
color: #333;
|
||
cursor: help;
|
||
}
|
||
|
||
.helpTitle:hover {
|
||
color: #000000;
|
||
background-color: #ffffff;
|
||
}
|
||
|
||
.helpTitle-content {
|
||
position: absolute;
|
||
white-space: pre;
|
||
/*top: 10px;*/
|
||
/*left: 850px;*/
|
||
border: 1px solid #000000;
|
||
padding: 5px;
|
||
background-color: #ffffff;
|
||
color: #000;
|
||
/*border-radius: 5px;*/
|
||
font-size: 12px;
|
||
z-index: 9999;
|
||
display: none;
|
||
}
|
||
</style>
|
||
<script type="text/javascript">
|
||
let beginTimeStore1 = '';
|
||
let endTimeStore1 = '';
|
||
let BZSt = "0";
|
||
|
||
let colors = ['#FF09E6', '#A609FF', '#FFDE09', '#098CFF', '#09FFBC', '#AE09FF', '#00A120', '#FF7409', '#ff6347'];
|
||
|
||
let myChart1 = [];
|
||
let seriesData1 = [];
|
||
let option1 = [];
|
||
|
||
let myChart2 = [];
|
||
let option2 = [];
|
||
let seriesData2_A = [];
|
||
|
||
let seriesData2_B = [];
|
||
let seriesData2_C = [];
|
||
|
||
let myChart3 = [];
|
||
let option3 = [];
|
||
let seriesData_SC = [];
|
||
let seriesData_JH = [];
|
||
|
||
let myChart4 = [];
|
||
let option4 = [];
|
||
let seriesData4 = [];
|
||
|
||
let myChart5 = [];
|
||
let option5 = [];
|
||
let seriesData5_A = [];
|
||
let seriesData5_B = [];
|
||
let seriesData5_C = [];
|
||
|
||
let CEMS_A_Data = [];
|
||
let CEMS_B_Data = [];
|
||
let CEMS_C_Data = [];
|
||
|
||
let FSL_A_Data = [];
|
||
let FSL_B_Data = [];
|
||
let FSL_C_Data = [];
|
||
|
||
let bizid = "";
|
||
|
||
$(function () {
|
||
// let windowHeight = $(window).height();
|
||
// $('#main').css("height", (windowHeight - 30) + "px");
|
||
|
||
if ('${param.unitId}' != '') {
|
||
bizid = '${param.unitId}';
|
||
} else {
|
||
bizid = unitId;
|
||
}
|
||
// if ('WebSocket' in window) {
|
||
// // 创建websocket对象
|
||
// websocket = new WebSocket("ws://" + modelIp + "/modelComputerWebSocketEnd/");
|
||
// // console.log("ws://"+modelIp+"/modelComputerWebSocketEnd/")
|
||
// registerEvent();
|
||
// } else {
|
||
// alert('当前浏览器不支持websocket')
|
||
// }
|
||
// $(window).unload(function () {
|
||
// console.log("websocket关闭");
|
||
// websocket.close();
|
||
// });
|
||
|
||
initDate1();
|
||
})
|
||
|
||
function initDate1() {
|
||
let time = getNowTime();
|
||
time = getPlusTime(time, "-1", "day").substring(0, 10);
|
||
$('#dateTime').val(time);
|
||
$('#dateTime').datepicker({
|
||
format: 'yyyy-mm-dd',
|
||
weekStart: 1,
|
||
autoclose: true,
|
||
startView: 0,
|
||
minViewMode: 0,
|
||
maxViewMode: 1,
|
||
forceParse: false,
|
||
language: 'zh-CN'
|
||
}).on('changeDate', getData);
|
||
getData();
|
||
};
|
||
|
||
|
||
function getData() {
|
||
modelType = BZSt;
|
||
|
||
changeJJXYTab("0");
|
||
seriesData2_A = [];
|
||
seriesData2_B = [];
|
||
seriesData2_C = [];
|
||
seriesData5_A = [];
|
||
seriesData5_B = [];
|
||
seriesData5_C = [];
|
||
|
||
seriesData_SC = [];
|
||
seriesData_JH = [];
|
||
seriesData1 = [];
|
||
seriesData4 = [];
|
||
|
||
CEMS_A_Data = [];
|
||
CEMS_B_Data = [];
|
||
CEMS_C_Data = [];
|
||
|
||
FSL_A_Data = [];
|
||
FSL_B_Data = [];
|
||
FSL_C_Data = [];
|
||
|
||
$.ajax({
|
||
type: 'GET',
|
||
url: ext.contextPath + "/digitalProcess/digitalTechnologist/getSDKJspData.do",
|
||
dataType: 'json',
|
||
data: {
|
||
unitId: bizid,
|
||
jspId: 'SDKKPIList',
|
||
modelType: modelType,
|
||
time: $('#dateTime').val()
|
||
},
|
||
async: true,
|
||
error: function () {
|
||
return false;
|
||
},
|
||
success: function (data) {
|
||
if (data.length > 0) {
|
||
console.log(data)
|
||
|
||
let chart4Data = [];
|
||
let YDH_DF = 0;
|
||
|
||
for (let i = 0; i < data.length; i++) {
|
||
let content = data[i];
|
||
if (content.getValueType == 'getTop1DayHis') {
|
||
let outValue = "-";
|
||
|
||
if (content.jsonArray != null) {
|
||
outValue = content.jsonArray[1];
|
||
}
|
||
// if (isNumber(outValue)) {
|
||
// outValue = toThousands(outValue);
|
||
// }
|
||
|
||
if (content.elementCode.indexOf("CEMS_A") != -1) {
|
||
CEMS_A_Data.push({
|
||
code: content.elementCode.replace('_CEMS_A', ''),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("CEMS_KF_A") != -1) {
|
||
CEMS_A_Data.push({
|
||
code: content.elementCode.replace('_CEMS_KF_A', '_Tip'),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("HJXY_ZF_A") != -1) {
|
||
CEMS_A_Data.push({
|
||
code: content.elementCode.replace('_A', ''),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("CEMS_B") != -1) {
|
||
CEMS_B_Data.push({
|
||
code: content.elementCode.replace('_CEMS_B', ''),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("CEMS_KF_B") != -1) {
|
||
CEMS_B_Data.push({
|
||
code: content.elementCode.replace('_CEMS_KF_B', '_Tip'),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("HJXY_ZF_B") != -1) {
|
||
CEMS_B_Data.push({
|
||
code: content.elementCode.replace('_B', ''),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("CEMS_C") != -1) {
|
||
CEMS_C_Data.push({
|
||
code: content.elementCode.replace('_CEMS_C', ''),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("CEMS_KF_C") != -1) {
|
||
CEMS_C_Data.push({
|
||
code: content.elementCode.replace('_CEMS_KF_C', '_Tip'),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("HJXY_ZF_C") != -1) {
|
||
CEMS_C_Data.push({
|
||
code: content.elementCode.replace('_C', ''),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode == 'chart1') {
|
||
let char1outValue = "0";
|
||
|
||
if (content.jsonArray != null) {
|
||
char1outValue = content.jsonArray[1];
|
||
}
|
||
seriesData1.push(char1outValue);
|
||
} else if (content.elementCode == 'chart4') {
|
||
let char4outValue = "0";
|
||
|
||
if (content.jsonArray != null) {
|
||
char4outValue = content.jsonArray[1];
|
||
}
|
||
chart4Data.push(char4outValue);
|
||
} else if (content.elementCode.indexOf("_A_FSL") != -1) {
|
||
FSL_A_Data.push({
|
||
code: content.elementCode.replace('_A_FSL', ''),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("_B_FSL") != -1) {
|
||
FSL_B_Data.push({
|
||
code: content.elementCode.replace('_B_FSL', ''),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("_C_FSL") != -1) {
|
||
FSL_C_Data.push({
|
||
code: content.elementCode.replace('_C_FSL', ''),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("_A_KF_FSL") != -1) {
|
||
FSL_A_Data.push({
|
||
code: content.elementCode.replace('_A_KF_FSL', '_Tip'),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("_B_KF_FSL") != -1) {
|
||
FSL_B_Data.push({
|
||
code: content.elementCode.replace('_B_KF_FSL', '_Tip'),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("_C_KF_FSL") != -1) {
|
||
FSL_C_Data.push({
|
||
code: content.elementCode.replace('_C_KF_FSL', '_Tip'),
|
||
value: outValue
|
||
})
|
||
} else if (content.elementCode.indexOf("FSXT_FK_ZF") != -1) {
|
||
let score = 0;
|
||
if (content.jsonArray != null) {
|
||
score = content.jsonArray[1];
|
||
}
|
||
if (score == 0) {
|
||
$('#' + content.elementCode.replace('_FK', '') + "_Tip").css('display', 'none');
|
||
} else {
|
||
$('#' + content.elementCode.replace('_FK', '') + "_Tip").css('display', 'block');
|
||
let title = "";
|
||
if (score == 1) {
|
||
title = "最小值超标";
|
||
} else if (score == 2) {
|
||
title = "最大值超标";
|
||
} else if (score == 3) {
|
||
title = "最小值超标、最大值也超标";
|
||
} else if (score == 4) {
|
||
title = "平均值超标";
|
||
}
|
||
getTitleContent(title, content.elementCode.replace('_FK', '') + "_Tip");
|
||
// $('#' + content.elementCode.replace('_FK', '') + "_Tip").attr('title', title);
|
||
}
|
||
} else if (content.elementCode.indexOf("DDH_DF") != -1) {
|
||
$('.' + content.elementCode).text(outValue);
|
||
if (outValue < 100) {
|
||
$('#' + content.elementCode + "_Tip").css('display', 'block');
|
||
let title = "超过计划值";
|
||
getTitleContent(title, content.elementCode);
|
||
// $('#' + content.elementCode + "_Tip").attr('title', title);
|
||
} else {
|
||
$('#' + content.elementCode + "_Tip").css('display', 'none');
|
||
}
|
||
} else if (content.elementCode.indexOf("SDH_DF") != -1) {
|
||
$('.' + content.elementCode).text(outValue);
|
||
if (outValue < 100) {
|
||
$('#' + content.elementCode + "_Tip").css('display', 'block');
|
||
let title = "超过计划值";
|
||
getTitleContent(title, content.elementCode);
|
||
// $('#' + content.elementCode + "_Tip").attr('title', title);
|
||
} else {
|
||
$('#' + content.elementCode + "_Tip").css('display', 'none');
|
||
}
|
||
} else if (content.elementCode.indexOf("TRQDH_DF") != -1) {
|
||
$('.' + content.elementCode).text(outValue);
|
||
if (outValue < 100) {
|
||
$('#' + content.elementCode + "_Tip").css('display', 'block');
|
||
let title = "超过计划值";
|
||
getTitleContent(title, content.elementCode);
|
||
// $('#' + content.elementCode + "_Tip").attr('title', title);
|
||
} else {
|
||
$('#' + content.elementCode + "_Tip").css('display', 'none');
|
||
}
|
||
} else if (content.elementCode.indexOf("ZQDH_DF") != -1) {
|
||
$('.' + content.elementCode).text(outValue);
|
||
if (outValue < 100) {
|
||
$('#' + content.elementCode + "_Tip").css('display', 'block');
|
||
let title = "超过计划值";
|
||
getTitleContent(title, content.elementCode);
|
||
// $('#' + content.elementCode + "_Tip").attr('title', title);
|
||
} else {
|
||
$('#' + content.elementCode + "_Tip").css('display', 'none');
|
||
}
|
||
} else if (content.elementCode.indexOf("YDH_1_DF") != -1) {
|
||
YDH_DF += outValue;
|
||
} else if (content.elementCode.indexOf("YDH_2_DF") != -1) {
|
||
YDH_DF += outValue;
|
||
} else {
|
||
$('.' + content.elementCode).text(outValue);
|
||
}
|
||
|
||
} else if (content.getValueType == 'getDayHistory') {
|
||
if (content.elementCode.indexOf("chart2") != -1) {
|
||
if (content.elementCode.indexOf("_A") != -1) {
|
||
seriesData2_A.push({
|
||
name: content.name,
|
||
type: 'line',
|
||
symbol: 'none',
|
||
data: content.jsonArray
|
||
})
|
||
} else if (content.elementCode.indexOf("_B") != -1) {
|
||
seriesData2_B.push({
|
||
name: content.name,
|
||
type: 'line',
|
||
symbol: 'none',
|
||
data: content.jsonArray
|
||
})
|
||
} else if (content.elementCode.indexOf("_C") != -1) {
|
||
seriesData2_C.push({
|
||
name: content.name,
|
||
type: 'line',
|
||
symbol: 'none',
|
||
data: content.jsonArray
|
||
})
|
||
}
|
||
|
||
} else if (content.elementCode.indexOf("chart5") != -1) {
|
||
if (content.elementCode.indexOf("A") > 0) {
|
||
seriesData5_A.push({
|
||
name: content.name,
|
||
type: 'line',
|
||
symbol: 'none',
|
||
data: content.jsonArray
|
||
})
|
||
} else if (content.elementCode.indexOf("B") != -1) {
|
||
seriesData5_B.push({
|
||
name: content.name,
|
||
type: 'line',
|
||
symbol: 'none',
|
||
data: content.jsonArray
|
||
})
|
||
} else if (content.elementCode.indexOf("C") != -1) {
|
||
seriesData5_C.push({
|
||
name: content.name,
|
||
type: 'line',
|
||
symbol: 'none',
|
||
data: content.jsonArray
|
||
})
|
||
}
|
||
|
||
}
|
||
} else if (content.getValueType == 'getMonthHistory') {
|
||
if (content.elementCode == 'chart3_his') {
|
||
seriesData_SC.push({
|
||
index: content.morder,
|
||
data: content.jsonArray
|
||
})
|
||
}
|
||
} else if (content.getValueType == 'getMpMainValue') {
|
||
if (content.mPoint != null) {
|
||
let outValue = content.mPoint.parmvalue;
|
||
if (content.elementCode == 'chart3_plan') {
|
||
seriesData_JH.push({
|
||
index: content.morder,
|
||
data: outValue
|
||
})
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
getChart1();
|
||
changeHJXY();
|
||
// getChart2();
|
||
|
||
$('.YDH_DF').text((YDH_DF / 2).toFixed(0));
|
||
if ((YDH_DF / 2) < 100) {
|
||
$('#YDH_DF_Tip').css('display', 'block');
|
||
let title = "超过计划值";
|
||
getTitleContent(title, "YDH_DF_Tip");
|
||
// $('#YDH_DF_Tip').attr('title', title);
|
||
} else {
|
||
$('#YDH_DF_Tip').css('display', 'none');
|
||
}
|
||
|
||
getChart3("0");
|
||
seriesData4.push({
|
||
type: 'bar',
|
||
barWidth: 20,
|
||
data: chart4Data
|
||
})
|
||
getChart4();
|
||
changeFSL();
|
||
// getChart5();
|
||
}
|
||
|
||
}
|
||
});
|
||
}
|
||
|
||
function changeBZ(st) {
|
||
BZSt = st;
|
||
if (st == '0') {
|
||
$('#BZ0').css("border-bottom", "2px solid #00ffff");
|
||
$('#BZ0').css("font-weight", "700");
|
||
$('#BZ0').css("color", "#00ffff");
|
||
|
||
$('#BZ1').css("border-bottom", "0px solid #00ffff");
|
||
$('#BZ1').css("font-weight", "400");
|
||
$('#BZ1').css("color", "#ffffff");
|
||
$('#BZ2').css("border-bottom", "0px solid #00ffff");
|
||
$('#BZ2').css("font-weight", "400");
|
||
$('#BZ2').css("color", "#ffffff");
|
||
} else if (st == '1') {
|
||
$('#BZ1').css("border-bottom", "2px solid #00ffff");
|
||
$('#BZ1').css("font-weight", "700");
|
||
$('#BZ1').css("color", "#00ffff");
|
||
|
||
$('#BZ0').css("border-bottom", "0px solid #00ffff");
|
||
$('#BZ0').css("font-weight", "400");
|
||
$('#BZ0').css("color", "#ffffff");
|
||
$('#BZ2').css("border-bottom", "0px solid #00ffff");
|
||
$('#BZ2').css("font-weight", "400");
|
||
$('#BZ2').css("color", "#ffffff");
|
||
} else if (st == '2') {
|
||
$('#BZ2').css("border-bottom", "2px solid #00ffff");
|
||
$('#BZ2').css("font-weight", "700");
|
||
$('#BZ2').css("color", "#00ffff");
|
||
|
||
$('#BZ0').css("border-bottom", "0px solid #00ffff");
|
||
$('#BZ0').css("font-weight", "400");
|
||
$('#BZ0').css("color", "#ffffff");
|
||
$('#BZ1').css("border-bottom", "0px solid #00ffff");
|
||
$('#BZ1').css("font-weight", "400");
|
||
$('#BZ1').css("color", "#ffffff");
|
||
}
|
||
|
||
cleanJJXYTab();
|
||
getData(BZSt);
|
||
}
|
||
|
||
let cleanHJXYMaps = ['SO2_Avg', 'SO2_Max', 'SO2_Min', 'NOx_Avg', 'NOx_Max', 'NOx_Min', 'O2_Avg', 'O2_Max', 'O2_Min', 'CO_Avg', 'CO_Max', 'CO_Min', 'CO2_Avg', 'CO2_Max',
|
||
'CO2_Min', 'HCI_Avg', 'HCI_Max', 'HCI_Min', 'DUST_Avg', 'DUST_Max', 'DUST_Min', 'HF_Avg', 'HF_Max', 'HF_Min', 'NH3_Avg', 'NH3_Max', 'NH3_Min',
|
||
'CEMS_Type_SO2_Score', 'CEMS_Type_NOx_Score', 'CEMS_Type_O2_Score', 'CEMS_Type_CO_Score', 'CEMS_Type_CO2_Score', 'CEMS_Type_HCI_Score', 'CEMS_Type_DUST_Score', 'CEMS_Type_HF_Score', 'CEMS_Type_NH3_Score',
|
||
'HJXY_ZF'];
|
||
|
||
function cleanHJXY() {
|
||
for (let i = 0; i < cleanHJXYMaps.length; i++) {
|
||
$('.' + cleanHJXYMaps[i]).text("");
|
||
}
|
||
}
|
||
|
||
function changeHJXY() {
|
||
cleanHJXY();
|
||
let CEMS_Type = $('#CEMS_Type').val();
|
||
let chart2_seriesData = [];
|
||
if (CEMS_Type == '0') {
|
||
if (CEMS_A_Data != null && CEMS_A_Data.length > 0) {
|
||
for (let i = 0; i < CEMS_A_Data.length; i++) {
|
||
if (CEMS_A_Data[i].code.indexOf("_Tip") != -1) {
|
||
let score = CEMS_A_Data[i].value;
|
||
let code = CEMS_A_Data[i].code;
|
||
if (score != '0') {
|
||
$('#' + code).css('display', 'block');
|
||
} else {
|
||
$('#' + code).css('display', 'none');
|
||
}
|
||
let title = "";
|
||
if (score == '1') {
|
||
title = "最小值超标";
|
||
} else if (score == '2') {
|
||
title = "最大值超标";
|
||
} else if (score == '3') {
|
||
title = "最小值超标、最大值也超标";
|
||
} else if (score == '4') {
|
||
title = "平均值超标";
|
||
}
|
||
getTitleContent(title, code);
|
||
// $('#' + code).attr('title', title);
|
||
} else {
|
||
$('.' + CEMS_A_Data[i].code).text(CEMS_A_Data[i].value);
|
||
}
|
||
}
|
||
}
|
||
chart2_seriesData = seriesData2_A;
|
||
} else if (CEMS_Type == '1') {
|
||
if (CEMS_B_Data != null && CEMS_B_Data.length > 0) {
|
||
for (let i = 0; i < CEMS_B_Data.length; i++) {
|
||
if (CEMS_B_Data[i].code.indexOf("_Tip") != -1) {
|
||
let score = CEMS_B_Data[i].value;
|
||
let code = CEMS_B_Data[i].code;
|
||
if (score != '0') {
|
||
$('#' + code).css('display', 'block');
|
||
} else {
|
||
$('#' + code).css('display', 'none');
|
||
}
|
||
let title = "";
|
||
if (score == '1') {
|
||
title = "最小值超标";
|
||
} else if (score == '2') {
|
||
title = "最大值超标";
|
||
} else if (score == '3') {
|
||
title = "最小值超标、最大值也超标";
|
||
} else if (score == '4') {
|
||
title = "平均值超标";
|
||
}
|
||
getTitleContent(title, code);
|
||
// $('#' + code).attr('title', title);
|
||
} else {
|
||
$('.' + CEMS_B_Data[i].code).text(CEMS_B_Data[i].value);
|
||
}
|
||
}
|
||
}
|
||
chart2_seriesData = seriesData2_B;
|
||
} else if (CEMS_Type == '2') {
|
||
if (CEMS_C_Data != null && CEMS_C_Data.length > 0) {
|
||
for (let i = 0; i < CEMS_C_Data.length; i++) {
|
||
if (CEMS_C_Data[i].code.indexOf("_Tip") != -1) {
|
||
let score = CEMS_C_Data[i].value;
|
||
let code = CEMS_C_Data[i].code;
|
||
if (score != '0') {
|
||
$('#' + code).css('display', 'block');
|
||
} else {
|
||
$('#' + code).css('display', 'none');
|
||
}
|
||
let title = "";
|
||
if (score == '1') {
|
||
title = "最小值超标";
|
||
} else if (score == '2') {
|
||
title = "最大值超标";
|
||
} else if (score == '3') {
|
||
title = "最小值超标、最大值也超标";
|
||
} else if (score == '4') {
|
||
title = "平均值超标";
|
||
}
|
||
getTitleContent(title, code);
|
||
// $('#' + code).attr('title', title);
|
||
} else {
|
||
$('.' + CEMS_C_Data[i].code).text(CEMS_C_Data[i].value);
|
||
}
|
||
}
|
||
}
|
||
chart2_seriesData = seriesData2_C;
|
||
}
|
||
|
||
getChart2(chart2_seriesData);
|
||
}
|
||
|
||
let cleanFSLMaps = ['T1_Avg_A', 'T2_Avg_A', 'T3_Avg_A', 'T4_Avg_A', 'T1_Max_A', 'T2_Max_A', 'T3_Max_A', 'T4_Max_A', 'T1_Min_A', 'T2_Min_A', 'T3_Min_A', 'T4_Min_A',
|
||
'FSL_Type_T1_Score', 'FSL_Type_T2_Score', 'FSL_Type_T3_Score', 'FSL_Type_T4_Score'];
|
||
|
||
function cleanFSL() {
|
||
for (let i = 0; i < cleanFSLMaps.length; i++) {
|
||
$('.' + cleanFSLMaps[i]).text("");
|
||
}
|
||
}
|
||
|
||
function changeFSL() {
|
||
cleanFSL();
|
||
let CEMS_Type = $('#FSL_Type').val();
|
||
let chart5_seriesData = [];
|
||
if (CEMS_Type == '0') {
|
||
if (FSL_A_Data != null && FSL_A_Data.length > 0) {
|
||
for (let i = 0; i < FSL_A_Data.length; i++) {
|
||
if (FSL_A_Data[i].code.indexOf("_Tip") != -1) {
|
||
let score = FSL_A_Data[i].value;
|
||
let code = FSL_A_Data[i].code;
|
||
if (score != '0') {
|
||
$('#' + code).css('display', 'block');
|
||
} else {
|
||
$('#' + code).css('display', 'none');
|
||
}
|
||
let title = "";
|
||
if (score == '1') {
|
||
title = "最小值超标";
|
||
} else if (score == '2') {
|
||
title = "最大值超标";
|
||
} else if (score == '3') {
|
||
title = "最小值超标、最大值也超标";
|
||
} else if (score == '4') {
|
||
title = "平均值超标";
|
||
}
|
||
getTitleContent(title, code);
|
||
// $('#' + code).attr('title', title);
|
||
} else {
|
||
$('.' + FSL_A_Data[i].code).text(FSL_A_Data[i].value);
|
||
}
|
||
}
|
||
}
|
||
chart5_seriesData = seriesData5_A;
|
||
} else if (CEMS_Type == '1') {
|
||
if (FSL_B_Data != null && FSL_B_Data.length > 0) {
|
||
for (let i = 0; i < FSL_B_Data.length; i++) {
|
||
if (FSL_B_Data[i].code.indexOf("_Tip") != -1) {
|
||
let score = FSL_B_Data[i].value;
|
||
let code = FSL_B_Data[i].code;
|
||
if (score != '0') {
|
||
$('#' + code).css('display', 'block');
|
||
} else {
|
||
$('#' + code).css('display', 'none');
|
||
}
|
||
let title = "";
|
||
if (score == '1') {
|
||
title = "最小值超标";
|
||
} else if (score == '2') {
|
||
title = "最大值超标";
|
||
} else if (score == '3') {
|
||
title = "最小值超标、最大值也超标";
|
||
} else if (score == '4') {
|
||
title = "平均值超标";
|
||
}
|
||
getTitleContent(title, code);
|
||
// $('#' + code).attr('title', title);
|
||
} else {
|
||
$('.' + FSL_B_Data[i].code).text(FSL_B_Data[i].value);
|
||
}
|
||
}
|
||
}
|
||
chart5_seriesData = seriesData5_B;
|
||
} else if (CEMS_Type == '2') {
|
||
if (FSL_C_Data != null && FSL_C_Data.length > 0) {
|
||
for (let i = 0; i < FSL_C_Data.length; i++) {
|
||
if (FSL_C_Data[i].code.indexOf("_Tip") != -1) {
|
||
let score = FSL_C_Data[i].value;
|
||
let code = FSL_C_Data[i].code;
|
||
if (score != '0') {
|
||
$('#' + code).css('display', 'block');
|
||
} else {
|
||
$('#' + code).css('display', 'none');
|
||
}
|
||
let title = "";
|
||
if (score == '1') {
|
||
title = "最小值超标";
|
||
} else if (score == '2') {
|
||
title = "最大值超标";
|
||
} else if (score == '3') {
|
||
title = "最小值超标、最大值也超标";
|
||
} else if (score == '4') {
|
||
title = "平均值超标";
|
||
}
|
||
getTitleContent(title, code);
|
||
// $('#' + code).attr('title', title);
|
||
} else {
|
||
$('.' + FSL_C_Data[i].code).text(FSL_C_Data[i].value);
|
||
}
|
||
}
|
||
}
|
||
chart5_seriesData = seriesData5_C;
|
||
}
|
||
|
||
getChart5(chart5_seriesData);
|
||
}
|
||
|
||
let cleanJJXYTabMaps = ['Elec_Value', 'Water_Value', 'Gas_Value', 'Steam_Value', 'Lye_Value'];
|
||
|
||
function cleanJJXYTab() {
|
||
for (let i = 0; i < cleanJJXYTabMaps.length; i++) {
|
||
$('.' + cleanJJXYTabMaps[i]).text("");
|
||
}
|
||
}
|
||
|
||
function changeJJXYTab(st) {
|
||
for (let i = 0; i < 5; i++) {
|
||
if (Number(st) == i) {
|
||
$('#JJXYTab' + i).css("background-color", "rgba(0,72,217,0.45)");
|
||
$('#JJXYTab' + i).css("border", "1px solid #00CEFB");
|
||
} else {
|
||
$('#JJXYTab' + i).css("background-color", "rgba(13,26,55,0.8)");
|
||
$('#JJXYTab' + i).css("border", "1px solid #1c508e");
|
||
}
|
||
}
|
||
getChart3(st);
|
||
}
|
||
|
||
function getChart1() {
|
||
myChart1 = echarts.init(document.getElementById("chart1"));
|
||
option1 = {
|
||
// backgroundColor:"transparent",
|
||
tooltip: {},
|
||
radar: {
|
||
// shape: 'circle',
|
||
center: ['50%', '60%'],
|
||
radius: 100,
|
||
splitArea: {
|
||
areaStyle: {
|
||
color: 'transparent'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#ffffff'
|
||
},
|
||
axisName: {
|
||
color: '#ffffff'
|
||
},
|
||
indicator: [
|
||
{name: '环境', max: 100},
|
||
{name: '经济', max: 100},
|
||
{name: '技术', max: 100}
|
||
]
|
||
},
|
||
series: [{
|
||
name: '分值',
|
||
type: 'radar',
|
||
// areaStyle: {normal: {}},
|
||
itemStyle: {normal: {areaStyle: {type: 'default'}}},
|
||
data: [
|
||
{
|
||
value: seriesData1,
|
||
name: '分值',
|
||
}
|
||
]
|
||
}]
|
||
};
|
||
myChart1.setOption(option1, true);
|
||
}
|
||
|
||
function getChart2(seriesData) {
|
||
myChart2 = echarts.init(document.getElementById("chart2"));
|
||
option2 = {
|
||
color: colors,
|
||
title: {
|
||
text: '实测值曲线',
|
||
left: 'center',
|
||
textStyle: {
|
||
color: '#ffffff',
|
||
fontSize: 14
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
legend: {
|
||
data: ['SO2', 'NOx', 'O2', 'CO', 'CO2', 'HCI', 'Dust', 'HF', 'NH3'],
|
||
icon: 'circle',
|
||
selected: {
|
||
'SO2': true,
|
||
'NOx': true,
|
||
'O2': false,
|
||
'CO': false,
|
||
'CO2': false,
|
||
'HCI': false,
|
||
'Dust': false,
|
||
'HF': false,
|
||
'NH3': false
|
||
},
|
||
top: 'bottom',
|
||
left: 30,
|
||
textStyle: {
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
top: 35,
|
||
bottom: 30,
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
color: '#A0A0A0'
|
||
}
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#A0A0A0'
|
||
},
|
||
splitLine: {
|
||
lineStyle: {
|
||
type: 'dashed'
|
||
}
|
||
}
|
||
},
|
||
series: seriesData
|
||
};
|
||
myChart2.setOption(option2, true);
|
||
}
|
||
|
||
function getChart3(st) {
|
||
let show_seriesData_SC = [];
|
||
let show_seriesData_JH = [];
|
||
for (let i = 0; i < seriesData_SC.length; i++) {
|
||
let index = seriesData_SC[i].index;
|
||
if (Number(index) == Number(st)) {
|
||
show_seriesData_SC = seriesData_SC[i].data;
|
||
if (show_seriesData_SC != null && show_seriesData_SC.length > 0 && seriesData_JH != null && seriesData_JH.length > 0) {
|
||
show_seriesData_JH = [[show_seriesData_SC[0][0], seriesData_JH[i].data], [show_seriesData_SC[(show_seriesData_SC.length - 1)][0], seriesData_JH[i].data]];
|
||
}
|
||
}
|
||
}
|
||
myChart3 = echarts.init(document.getElementById("chart3"));
|
||
option3 = {
|
||
color: ['#FECB00', '#09C4FF'],
|
||
title: {
|
||
text: '电耗统计曲线',
|
||
left: 'center',
|
||
textStyle: {
|
||
color: '#ffffff',
|
||
fontSize: 14
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis',
|
||
formatter: function (params, ticket, callback) {
|
||
var htmlStr = '';
|
||
for (var i = 0; i < params.length; i++) {
|
||
var param = params[i];
|
||
// var xName = param.name;//x轴的名称
|
||
var seriesName = param.seriesName;//图例名称
|
||
// var xvalue = param.value[0];//x轴值
|
||
var xvalue = param.value[0];
|
||
var yvalue = param.value[1];//y轴值
|
||
var color = param.color;//图例颜色
|
||
htmlStr += '<div>';
|
||
htmlStr += xvalue + '<br/>';
|
||
htmlStr += '<span style="margin-right:5px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:' + color + ';"></span>';
|
||
htmlStr += seriesName + '：' + '<span style="font-weight: 600;">' + yvalue + '</span>';
|
||
htmlStr += '</div>';
|
||
}
|
||
return htmlStr;
|
||
}
|
||
},
|
||
legend: {
|
||
data: ['实测值', '计划值'],
|
||
top: 'bottom',
|
||
right: 30,
|
||
textStyle: {
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
top: 35,
|
||
bottom: 30,
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
color: '#A0A0A0'
|
||
}
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#A0A0A0'
|
||
},
|
||
splitLine: {
|
||
lineStyle: {
|
||
type: 'dashed'
|
||
}
|
||
}
|
||
},
|
||
series: [
|
||
{
|
||
name: '实测值',
|
||
type: 'line',
|
||
data: show_seriesData_SC
|
||
},
|
||
{
|
||
name: '计划值',
|
||
type: 'line',
|
||
data: show_seriesData_JH
|
||
}
|
||
]
|
||
};
|
||
myChart3.setOption(option3, true);
|
||
}
|
||
|
||
function getChart4() {
|
||
myChart4 = echarts.init(document.getElementById("chart4"));
|
||
option4 = {
|
||
color: ['#FFB060'],
|
||
title: {
|
||
text: '干基进泥量对比',
|
||
left: 'center',
|
||
textStyle: {
|
||
color: '#ffffff',
|
||
fontSize: 14
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
top: 35,
|
||
bottom: 10,
|
||
containLabel: true
|
||
},
|
||
xAxis: [
|
||
{
|
||
type: 'category',
|
||
data: ['干燥机A', '干燥机B', '干燥机C', '干燥机D', 'A线', 'B线', 'C线'],
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: '#A0A0A0'
|
||
}
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
color: '#A0A0A0'
|
||
}
|
||
}
|
||
],
|
||
yAxis: [
|
||
{
|
||
type: 'value',
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: '#A0A0A0'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#A0A0A0'
|
||
},
|
||
splitLine: {
|
||
lineStyle: {
|
||
type: 'dashed'
|
||
}
|
||
}
|
||
}
|
||
],
|
||
series: seriesData4
|
||
};
|
||
myChart4.setOption(option4, true);
|
||
}
|
||
|
||
function getChart5(seriesData) {
|
||
myChart5 = echarts.init(document.getElementById("chart5"));
|
||
option5 = {
|
||
color: colors,
|
||
title: {
|
||
text: '实测值曲线',
|
||
left: 'center',
|
||
textStyle: {
|
||
color: '#ffffff',
|
||
fontSize: 14
|
||
}
|
||
},
|
||
tooltip: {
|
||
trigger: 'axis'
|
||
},
|
||
legend: {
|
||
data: ['T1', 'T2', 'T3', 'T4'],
|
||
icon: 'circle',
|
||
selected: {
|
||
'T1': true,
|
||
'T2': true,
|
||
'T3': false,
|
||
'T4': false
|
||
},
|
||
top: 'bottom',
|
||
left: 30,
|
||
textStyle: {
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
grid: {
|
||
left: '3%',
|
||
right: '4%',
|
||
top: 35,
|
||
bottom: 30,
|
||
containLabel: true
|
||
},
|
||
xAxis: {
|
||
type: 'time',
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLabel: {
|
||
color: '#A0A0A0'
|
||
}
|
||
},
|
||
yAxis: {
|
||
type: 'value',
|
||
axisLine: {
|
||
show: true,
|
||
lineStyle: {
|
||
color: '#ffffff'
|
||
}
|
||
},
|
||
axisLabel: {
|
||
color: '#A0A0A0'
|
||
},
|
||
splitLine: {
|
||
lineStyle: {
|
||
type: 'dashed'
|
||
}
|
||
}
|
||
},
|
||
series: seriesData
|
||
};
|
||
myChart5.setOption(option5, true);
|
||
}
|
||
|
||
function getTitleContent(title, id) {
|
||
// 给需要提示的元素绑定鼠标悬浮事件
|
||
$('#' + id).hover(function (e) {
|
||
// 鼠标悬浮时显示提示内容
|
||
// var title = $(this).attr('title');
|
||
// var title = "";
|
||
$(this).attr('data-title', title);
|
||
$(this).removeAttr('title');
|
||
$('<div class="helpTitle-content"></div>').text(title).appendTo('body').fadeIn();
|
||
let mouseX = e.pageX + 15;
|
||
let mouseY = e.pageY;
|
||
$('.helpTitle-content').css('top', mouseY + 'px');
|
||
$('.helpTitle-content').css('left', mouseX + 'px');
|
||
}, function () {
|
||
// 鼠标移出时隐藏提示内容
|
||
$(this).attr('title', $(this).attr('data-title'));
|
||
$('.helpTitle-content').remove();
|
||
});
|
||
}
|
||
|
||
</script>
|
||
|
||
</head>
|
||
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
|
||
<div id="mainAlertdiv"></div>
|
||
<div id="subDiv"></div>
|
||
|
||
<div id="main"
|
||
style="width: 1920px;height: 990px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/sdk_poe_bj.png);background-size: 100% 100%;">
|
||
<div style="float:left;width: 100%;height: 45px;padding-top: 7.5px;padding-bottom: 7.5px;border-bottom: 1px solid #51777a;">
|
||
<div style="float: left;margin-left: 20px;width: 162px;height: 30px;position: relative;">
|
||
<i style="position: absolute;left: 0;z-index:5;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/timeIcon.png) no-repeat;background-position: 0px 0px;width: 20px;height: 20px;margin-top: 3px;margin-left: 10px;"></i>
|
||
<input class="form-control date-picker" id="dateTime" name="dateTime" autocomplete="off" type="text"
|
||
placeholder="点击选择"
|
||
style="background-color: rgba(24,105,174,0.7);color: #FFFFFF;width:100%;height:100%;line-height: 30px;border: 1px solid #00cbff;border-radius: 8px;padding-left: 50px;"
|
||
value="" readonly/>
|
||
</div>
|
||
<div style="float: left;margin-left: 40px;height: 100%;">
|
||
<div id="BZ0"
|
||
style="float: left;border-bottom: 2px solid #00ffff;width:60px;height: 100%;font-size: 16px;text-align: center;color: #00ffff;font-weight:700;cursor: pointer;"
|
||
onclick="changeBZ('0');">白班
|
||
</div>
|
||
<div id="BZ1"
|
||
style="float: left;width:60px;height: 100%;font-size: 16px;text-align: center;color: #ffffff;margin-left: 10px;cursor: pointer;"
|
||
onclick="changeBZ('1');">夜班
|
||
</div>
|
||
<div id="BZ2"
|
||
style="float: left;width:60px;height: 100%;font-size: 16px;text-align: center;color: #ffffff;margin-left: 10px;cursor: pointer;"
|
||
onclick="changeBZ('2');">全班
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<div style="float:left;width: 100%;height: calc((100% - 75px)*0.4);margin-top: 10px;">
|
||
<div style="float:left;width: calc((100% - 60px)*0.35);height: 100%;background-color: rgba(12,12,12,0.6);margin-left: 20px;padding: 10px;">
|
||
<div style="float: left;width: 50%;height: 100%;border-right: 1px solid #707070;">
|
||
<div style="float:left;width: 100%;height: 50px;line-height: 50px;color: #FFFFFF;font-size: 16px;text-align: center;">
|
||
KPI综合得分及权重占比
|
||
</div>
|
||
<div style="float:left;width: 221px;height: 221px;line-height: 50px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/ring.png);background-size: 100% 100%;margin-left: 47px;">
|
||
<div class="KPIZF"
|
||
style="float:left;width: 100%;height:50px;color: #3DD7FF;text-align: center;font-size: 43px;margin-top: 80px;">
|
||
|
||
</div>
|
||
<div style="float:left;width: 100%;color: #98E6FF;text-align: center;font-size: 19px;">
|
||
优
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height:calc(100% - 271px);">
|
||
<table style="width: 100%;height: 100%;">
|
||
<tr style="color: #FFFFFF;text-align: center;">
|
||
<td>环境效益</td>
|
||
<td>经济效益</td>
|
||
<td>技术效益</td>
|
||
</tr>
|
||
<tr style="color: #01FFFF;font-size: 28px;text-align: center;">
|
||
<td class="KPI_K1"></td>
|
||
<td class="KPI_K2"></td>
|
||
<td class="KPI_K3"></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div style="float: left;width: 50%;height: 100%;">
|
||
<div style="float:left;width: 100%;height: 50px;line-height: 50px;color: #FFFFFF;font-size: 16px;text-align: center;">
|
||
KPI评分统计
|
||
</div>
|
||
<div id="chart1" style="float:left;width: 100%;height: 221px;">
|
||
|
||
</div>
|
||
<div style="float:left;width: 100%;height:calc(100% - 271px);">
|
||
<table style="width: 100%;height: 100%;">
|
||
<tr style="color: #FFFFFF;text-align: center;">
|
||
<td>环境</td>
|
||
<td>经济</td>
|
||
<td>技术</td>
|
||
</tr>
|
||
<tr style="font-size: 28px;text-align: center;">
|
||
<td class="KPIZL" style="color: #64B7FF;"></td>
|
||
<td class="KPIJJ" style="color: #F9EB69;"></td>
|
||
<td class="KPIJS" style="color: #F969EB;"></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="float:left;width: calc((100% - 60px)*0.65);height: 100%;background-color: rgba(12,12,12,0.6);margin-left: 20px;">
|
||
<div style="float:left;width: 100%;height: 50px;padding-top: 10px;">
|
||
<div style="float:left;width: 152px;height: 40px;margin-left: 15px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/titleStyle.png);font-weight: 700;color: #01fdef;text-align: center;line-height: 40px;padding-left: 10px;">
|
||
环境效益
|
||
</div>
|
||
<div style="float:left;width: 220px;height: 30px;margin-left: 15px;margin-top: 5px;">
|
||
<select id="CEMS_Type" onchange="changeHJXY();"
|
||
style="width: 100%;height: 100%;padding-left: 15px;background-color: #1869AE;color: #FFFFFF;border: 1px solid #00cbff;">
|
||
<option value='0'>A线-CEMS系统尾气指标</option>
|
||
<option value='1'>B线-CEMS系统尾气指标</option>
|
||
<option value='2'>C线-CEMS系统尾气指标</option>
|
||
</select>
|
||
</div>
|
||
<div style="float:left;width: 80px;height: 30px;line-height:30px;margin-left: 10px;margin-top: 5px;color: #77ABDD;font-weight: 700;font-size: 16px;">
|
||
<div style="float: left;" id="HJXY_ZF" class="HJXY_ZF"></div>
|
||
<div style="float: left;">分</div>
|
||
<div style="float: left;padding-left: 5px;cursor: pointer;display: none;" id="HJXY_ZF_Tip">
|
||
!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: calc(100% - 50px);padding-top: 10px;">
|
||
<div style="float:left;width: 45%;height: 100%;padding: 10px;">
|
||
<table style="width: 100%;height: 100%;">
|
||
<tr style="text-align: center;color: #FFFFFF;font-weight: 700;">
|
||
<td colspan="2">参数</td>
|
||
<td width="15%">平均值</td>
|
||
<td width="15%">最高值</td>
|
||
<td width="15%">最低值</td>
|
||
<td width="14%">指标</td>
|
||
<td colspan="2" width="18%">得分</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td width="15%" style="color: #FFFFFF;text-align: right;">SO₂</td>
|
||
<td width="20%" style="color: #B8BEBE;text-align: left;">(mg/m³)</td>
|
||
<td class="SO2_Avg" style="color: #01FFFF;"></td>
|
||
<td class="SO2_Max" style="color: #01FFFF;"></td>
|
||
<td class="SO2_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"><100</td>
|
||
<td style="color: #77ABDD;" class="CEMS_Type_SO2_Score" id="CEMS_Type_SO2_Score"></td>
|
||
<td style="color: #77ABDD;cursor: pointer;display: none;" id="CEMS_Type_SO2_Score_Tip">!
|
||
</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td width="15%" style="color: #FFFFFF;text-align: right;">NOx</td>
|
||
<td width="20%" style="color: #B8BEBE;text-align: left;">(mg/m³)</td>
|
||
<td class="NOx_Avg" style="color: #01FFFF;"></td>
|
||
<td class="NOx_Max" style="color: #01FFFF;"></td>
|
||
<td class="NOx_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"><250</td>
|
||
<td style="color: #77ABDD;" class="CEMS_Type_NOX_Score" id="CEMS_Type_NOX_Score"></td>
|
||
<td style="color: #77ABDD;cursor: pointer;display: none;">!</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td width="15%" style="color: #FFFFFF;text-align: right;">O₂</td>
|
||
<td width="20%" style="color: #B8BEBE;text-align: left;">(%)</td>
|
||
<td class="O2_Avg" style="color: #01FFFF;"></td>
|
||
<td class="O2_Max" style="color: #01FFFF;"></td>
|
||
<td class="O2_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"><18</td>
|
||
<td style="color: #77ABDD;" class="CEMS_Type_O2_Score" id="CEMS_Type_O2_Score"></td>
|
||
<td style="color: #77ABDD;cursor: pointer;display: none;">!</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td width="15%" style="color: #FFFFFF;text-align: right;">CO</td>
|
||
<td width="20%" style="color: #B8BEBE;text-align: left;">(mg/m³)</td>
|
||
<td class="CO_Avg" style="color: #01FFFF;"></td>
|
||
<td class="CO_Max" style="color: #01FFFF;"></td>
|
||
<td class="CO_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"><100</td>
|
||
<td style="color: #77ABDD;" class="CEMS_Type_CO_Score" id="CEMS_Type_CO_Score"></td>
|
||
<td style="color: #77ABDD;cursor: pointer;display: none;">!</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td width="15%" style="color: #FFFFFF;text-align: right;">CO₂</td>
|
||
<td width="20%" style="color: #B8BEBE;text-align: left;">(%)</td>
|
||
<td class="CO2_Avg" style="color: #01FFFF;"></td>
|
||
<td class="CO2_Max" style="color: #01FFFF;"></td>
|
||
<td class="CO2_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"></td>
|
||
<td style="color: #77ABDD;" class="CEMS_Type_CO2_Score" id="CEMS_Type_CO2_Score"></td>
|
||
<td style="color: #77ABDD;cursor: pointer;display: none;">!</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td width="15%" style="color: #FFFFFF;text-align: right;">HCI</td>
|
||
<td width="20%" style="color: #B8BEBE;text-align: left;">(mg/m³)</td>
|
||
<td class="HCI_Avg" style="color: #01FFFF;"></td>
|
||
<td class="HCI_Max" style="color: #01FFFF;"></td>
|
||
<td class="HCI_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"><50</td>
|
||
<td style="color: #77ABDD;" class="CEMS_Type_HCL_Score" id="CEMS_Type_HCL_Score"></td>
|
||
<td style="color: #77ABDD;cursor: pointer;display: none;">!</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td width="15%" style="color: #FFFFFF;text-align: right;">DUST</td>
|
||
<td width="20%" style="color: #B8BEBE;text-align: left;">(mg/m³)</td>
|
||
<td class="DUST_Avg" style="color: #01FFFF;"></td>
|
||
<td class="DUST_Max" style="color: #01FFFF;"></td>
|
||
<td class="DUST_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"><30</td>
|
||
<td style="color: #77ABDD;" class="CEMS_Type_DUST_Score" id="CEMS_Type_DUST_Score"></td>
|
||
<td style="color: #77ABDD;cursor: pointer;display: none;">!</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td width="15%" style="color: #FFFFFF;text-align: right;">HF</td>
|
||
<td width="20%" style="color: #B8BEBE;text-align: left;">(ppm)</td>
|
||
<td class="HF_Avg" style="color: #01FFFF;"></td>
|
||
<td class="HF_Max" style="color: #01FFFF;"></td>
|
||
<td class="HF_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"><4</td>
|
||
<td style="color: #77ABDD;" class="CEMS_Type_HF_Score" id="CEMS_Type_HF_Score"></td>
|
||
<td style="color: #77ABDD;cursor: pointer;display: none;">!</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td width="15%" style="color: #FFFFFF;text-align: right;">NH₃</td>
|
||
<td width="20%" style="color: #B8BEBE;text-align: left;">(ppm)</td>
|
||
<td class="NH3_Avg" style="color: #01FFFF;"></td>
|
||
<td class="NH3_Max" style="color: #01FFFF;"></td>
|
||
<td class="NH3_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"></td>
|
||
<td style="color: #77ABDD;" class="CEMS_Type_NH3_Score" id="CEMS_Type_NH3_Score"></td>
|
||
<td style="color: #77ABDD;cursor: pointer;display: none;">!</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div id="chart2" style="float:left;width: 55%;height: 100%;padding: 10px;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="float:left;width: 100%;height: calc((100% - 75px)*0.6);margin-top: 10px;">
|
||
<div style="float:left;width: calc((100% - 60px)*0.35);height: 100%;background-color: rgba(12,12,12,0.6);margin-left: 20px;">
|
||
<div style="float:left;width: 100%;height: 50px;padding-top: 10px;">
|
||
<div style="float:left;width: 152px;height: 40px;margin-left: 15px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/titleStyle.png);font-weight: 700;color: #01fdef;text-align: center;line-height: 40px;padding-left: 10px;">
|
||
经济效益
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 180px;padding-top: 15px;">
|
||
<div id="JJXYTab0"
|
||
style="float:left;width:100px;height: 170px;margin-left: 55px;cursor:pointer;background-color: rgba(0,72,217,0.45);border: 1px solid #00CEFB;"
|
||
onclick="changeJJXYTab('0');">
|
||
<div style="float:left;width: 100%;height: 50px;padding-left: 35px;padding-top: 15px;">
|
||
<div style="width: 30px;height: 30px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/electricity.png);"></div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 25px;text-align: center;color: #FFFFFF;line-height: 30px;">
|
||
电单耗
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 20px;text-align: center;color: #B8BEBE;">(kWh/tDs)</div>
|
||
<div class="Elec_Value"
|
||
style="float:left;width: 100%;height: 45px;text-align: center;color: #FFCC00;font-size: 26px;line-height: 45px;">
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;text-align: center;color: #BEC789;">
|
||
<div style="float: left;width: 55%;text-align: right;" id="DDH_DF" class="DDH_DF"></div>
|
||
<div style="float: left;width: 20px;">分</div>
|
||
<div style="float: left;padding-left: 5px;cursor: pointer;display: none;" id="DDH_DF_Tip">
|
||
!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="JJXYTab1"
|
||
style="float:left;width:100px;height: 170px;margin-left: 10px;cursor:pointer;background-color: rgba(13,26,55,0.8);border: 1px solid #1c508e;"
|
||
onclick="changeJJXYTab('1');">
|
||
<div style="float:left;width: 100%;height: 50px;padding-left: 35px;padding-top: 15px;">
|
||
<div style="width: 30px;height: 30px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/waterDroplet.png);"></div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 25px;text-align: center;color: #FFFFFF;line-height: 30px;">
|
||
水单耗
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 20px;text-align: center;color: #B8BEBE;">(m3/tDs)</div>
|
||
<div class="Water_Value"
|
||
style="float:left;width: 100%;height: 45px;text-align: center;color: #00E5FF;font-size: 26px;line-height: 45px;">
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;text-align: center;color: #BEC789;">
|
||
<div style="float: left;width: 55%;text-align: right;" id="SDH_DF" class="SDH_DF"></div>
|
||
<div style="float: left;width: 20px;">分</div>
|
||
<div style="float: left;padding-left: 5px;cursor: pointer;display: none;" id="SDH_DF_Tip">
|
||
!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="JJXYTab2"
|
||
style="float:left;width:100px;height: 170px;margin-left: 10px;cursor:pointer;background-color: rgba(13,26,55,0.8);border: 1px solid #1c508e;"
|
||
onclick="changeJJXYTab('2');">
|
||
<div style="float:left;width: 100%;height: 50px;padding-left: 35px;padding-top: 15px;">
|
||
<div style="width: 30px;height: 30px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/naturalGas.png);"></div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 25px;text-align: center;color: #FFFFFF;line-height: 30px;">
|
||
天然气单耗
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 20px;text-align: center;color: #B8BEBE;">(m3/tDs)</div>
|
||
<div class="Gas_Value"
|
||
style="float:left;width: 100%;height: 45px;text-align: center;color: #ABFF00;font-size: 26px;line-height: 45px;">
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;text-align: center;color: #BEC789;">
|
||
<div style="float: left;width: 55%;text-align: right;" id="TRQDH_DF" class="TRQDH_DF"></div>
|
||
<div style="float: left;width: 20px;">分</div>
|
||
<div style="float: left;padding-left: 5px;cursor: pointer;display: none;" id="TRQDH_DF_Tip">
|
||
!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="JJXYTab3"
|
||
style="float:left;width:100px;height: 170px;margin-left: 10px;cursor:pointer;background-color: rgba(13,26,55,0.8);border: 1px solid #1c508e;"
|
||
onclick="changeJJXYTab('3');">
|
||
<div style="float:left;width: 100%;height: 50px;padding-left: 35px;padding-top: 15px;">
|
||
<div style="width: 30px;height: 30px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/steam.png);"></div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 25px;text-align: center;color: #FFFFFF;line-height: 30px;">
|
||
蒸汽单耗
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 20px;text-align: center;color: #B8BEBE;">(m3/tDs)</div>
|
||
<div class="Steam_Value"
|
||
style="float:left;width: 100%;height: 45px;text-align: center;color: #ABFF00;font-size: 26px;line-height: 45px;">
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;text-align: center;color: #BEC789;">
|
||
<div style="float: left;width: 55%;text-align: right;" id="ZQDH_DF" class="ZQDH_DF"></div>
|
||
<div style="float: left;width: 20px;">分</div>
|
||
<div style="float: left;padding-left: 5px;cursor: pointer;display: none;" id="ZQDH_DF_Tip">
|
||
!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div id="JJXYTab4"
|
||
style="float:left;width:100px;height: 170px;margin-left: 10px;cursor:pointer;background-color: rgba(13,26,55,0.8);border: 1px solid #1c508e;"
|
||
onclick="changeJJXYTab('4');">
|
||
<div style="float:left;width: 100%;height: 50px;padding-left: 35px;padding-top: 15px;">
|
||
<div style="width: 30px;height: 30px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/medicine.png);"></div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 25px;text-align: center;color: #FFFFFF;line-height: 30px;">
|
||
药单耗
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 20px;text-align: center;color: #B8BEBE;">(kg/tDs)</div>
|
||
<div class="Lye_Value"
|
||
style="float:left;width: 100%;height: 45px;text-align: center;color: #EE00FF;font-size: 26px;line-height: 45px;">
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 30px;text-align: center;color: #BEC789;">
|
||
<div style="float: left;width: 55%;text-align: right;" id="YDH_DF" class="YDH_DF"></div>
|
||
<div style="float: left;width: 20px;">分</div>
|
||
<div style="float: left;padding-left: 5px;cursor: pointer;display: none;" id="YDH_DF_Tip">
|
||
!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: calc(100% - 230px);padding-bottom: 20px;padding-top: 20px;">
|
||
<div id="chart3" style="float:left;width: 100%;height: 100%;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div style="float:left;width: calc((100% - 60px)*0.65);height: 100%;background-color: rgba(12,12,12,0.6);margin-left: 20px;">
|
||
<div style="float:left;width: 100%;height: 50px;padding-top: 10px;">
|
||
<div style="float:left;width: 152px;height: 40px;margin-left: 15px;background:url(<%=request.getContextPath()%>/IMG/digitalProcess/titleStyle.png);font-weight: 700;color: #01fdef;text-align: center;line-height: 40px;padding-left: 10px;">
|
||
技术性能
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 55%;height: calc(100% - 50px);padding-top: 20px;padding-bottom: 20px;padding-left: 20px;">
|
||
<div style="float:left;width: 100%;height: 60%;border-right: 1px solid #707070;">
|
||
<div style="float:left;width: 40%;height: 100%;border-right: 1px solid #707070;">
|
||
<div style="float:left;width: 100%;height: 30px;color: #FFFFFF;font-weight: 700;text-align: center;">
|
||
干化系统
|
||
</div>
|
||
<table style="width: 100%;height: calc(100% - 30px);text-align: center;">
|
||
<tr style="color: #FFFFFF;font-weight: 700;">
|
||
<td></td>
|
||
<td>干基进泥量</td>
|
||
<td>含水率</td>
|
||
</tr>
|
||
<tr style="color: #B8BEBE;height: 10px;">
|
||
<td></td>
|
||
<td>（t）</td>
|
||
<td>（%）</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">干燥机A</td>
|
||
<td class="GHXT_GJJNLA" style="color: #01FFFF;"></td>
|
||
<td class="GHJA_JNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">干燥机B</td>
|
||
<td class="GHXT_GJJNLB" style="color: #01FFFF;"></td>
|
||
<td class="GHJB_JNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">干燥机C</td>
|
||
<td class="GHXT_GJJNLC" style="color: #01FFFF;"></td>
|
||
<td class="GHJC_JNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">干燥机D</td>
|
||
<td class="GHXT_GJJNLD" style="color: #01FFFF;"></td>
|
||
<td class="GHJD_JNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div style="float:left;width: 60%;height: 100%;padding-left: 10px;">
|
||
<div style="float:left;width: 100%;height: 30px;color: #FFFFFF;font-weight: 700;text-align: center;">
|
||
焚烧系统
|
||
<div style="float:right;width: 60px;height: 30px;color: #D97DD5;font-weight: 700;text-align: left;">
|
||
<div style="float: left;" id="FSXT_ZF" class="FSXT_ZF"></div>
|
||
<div style="float: left;">分</div>
|
||
<div style="float: left;padding-left: 5px;cursor: pointer;display: none;"
|
||
id="FSXT_ZF_Tip">!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 35%;height: calc(100% - 30px);">
|
||
<table style="width: 100%;height: 100%;text-align: center;">
|
||
<tr style="color: #FFFFFF;font-weight: 700;">
|
||
<td></td>
|
||
<td>干基进泥量</td>
|
||
</tr>
|
||
<tr style="color: #B8BEBE;height: 10px;">
|
||
<td></td>
|
||
<td>（t）</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">A线</td>
|
||
<td class="FSXT_GJJNLA" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">B线</td>
|
||
<td class="FSXT_GJJNLB" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">C线</td>
|
||
<td class="FSXT_GJJNLC" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div style="float:left;width: 65%;height: calc(100% - 30px);">
|
||
<table style="width: 100%;height: 100%;text-align: center;">
|
||
<tr style="color: #FFFFFF;font-weight: 700;">
|
||
<td></td>
|
||
<td>80%湿污泥<br>进泥含水率</td>
|
||
<td>半干污泥<br>进泥含水率</td>
|
||
</tr>
|
||
<tr style="color: #B8BEBE;height: 10px;">
|
||
<td></td>
|
||
<td>（%）</td>
|
||
<td>（%）</td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">A侧</td>
|
||
<td class="AA_SWNJNHSL" style="color: #01FFFF;"></td>
|
||
<td class="AA_BGWNJNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">B侧</td>
|
||
<td class="AB_SWNJNHSL" style="color: #01FFFF;"></td>
|
||
<td class="AB_BGWNJNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">C侧</td>
|
||
<td class="BC_SWNJNHSL" style="color: #01FFFF;"></td>
|
||
<td class="BC_BGWNJNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">D侧</td>
|
||
<td class="BD_SWNJNHSL" style="color: #01FFFF;"></td>
|
||
<td class="BD_BGWNJNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">E侧</td>
|
||
<td class="CE_SWNJNHSL" style="color: #01FFFF;"></td>
|
||
<td class="CE_BGWNJNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
<tr>
|
||
<td style="color: #ffffff;">F侧</td>
|
||
<td class="CF_SWNJNHSL" style="color: #01FFFF;"></td>
|
||
<td class="CF_BGWNJNHSL" style="color: #01FFFF;"></td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 40%;border-right: 1px solid #707070;padding-top: 10px;">
|
||
<div id="chart4" style="float:left;width: 100%;height: 100%;"></div>
|
||
</div>
|
||
</div>
|
||
<div style="float:left;width: 45%;height: calc(100% - 50px);padding-top: 20px;padding-bottom: 20px;padding-right: 20px;">
|
||
<div style="float:left;width: 100%;height: 55%;padding-left: 30px;">
|
||
<div style="float:left;width: 100%;height: 30px;color: #FFFFFF;font-weight: 700;text-align: center;">
|
||
炉膛温度
|
||
<div style="float:right;width: 60px;height: 30px;color: #D97DD5;font-weight: 700;text-align: left;">
|
||
<div style="float: left;" id="LTWD_ZF" class="LTWD_ZF"></div>
|
||
<div style="float: left;">分</div>
|
||
<div style="float: left;padding-left: 5px;cursor: pointer;display: none;" id="LTWD_ZF_Tip">
|
||
!
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<table style="width: 100%;height: calc(100% - 30px);">
|
||
<tr style="text-align: center;color: #FFFFFF;font-weight: 700;">
|
||
<td rowspan="2" style="padding-right: 40px;">
|
||
<select id="FSL_Type" onchange="changeFSL();"
|
||
style="width: 134px;height: 30px;padding-left: 15px;background-color: #1869AE;color: #FFFFFF;border: 1px solid #00cbff;">
|
||
<option value='0'>A线-焚烧炉</option>
|
||
<option value='1'>B线-焚烧炉</option>
|
||
<option value='2'>C线-焚烧炉</option>
|
||
</select>
|
||
</td>
|
||
<td width="15%">平均值</td>
|
||
<td width="15%">最高值</td>
|
||
<td width="15%">最低值</td>
|
||
<td width="15%">指标</td>
|
||
<td colspan="2">得分</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td style="color: #B8BEBE;">(℃)</td>
|
||
<td style="color: #B8BEBE;">(℃)</td>
|
||
<td style="color: #B8BEBE;">(℃)</td>
|
||
<td style="color: #B8BEBE;">(℃)</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td style="color: #FFFFFF;text-align: left;">(T1)除尘前温度</td>
|
||
<td class="T1_Avg" style="color: #01FFFF;"></td>
|
||
<td class="T1_Max" style="color: #01FFFF;"></td>
|
||
<td class="T1_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"></td>
|
||
<td style="color: #D97DD5;" class="FSL_Type_T1_Score" id="FSL_Type_T1_Score"></td>
|
||
<td style="color: #D97DD5;cursor: pointer;padding-left: 3px;display: none;"
|
||
class="FSL_Type_T1_Score_Tip" id="FSL_Type_T1_Score_Tip">!
|
||
</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td style="color: #FFFFFF;text-align: left;">(T2)炉膛头部温度</td>
|
||
<td class="T2_Avg" style="color: #01FFFF;"></td>
|
||
<td class="T2_Max" style="color: #01FFFF;"></td>
|
||
<td class="T2_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"></td>
|
||
<td style="color: #D97DD5;" class="FSL_Type_T2_Score" id="FSL_Type_T2_Score"></td>
|
||
<td style="color: #D97DD5;cursor: pointer;padding-left: 3px;display: none;"
|
||
class="FSL_Type_T2_Score_Tip" id="FSL_Type_T2_Score_Tip">!
|
||
</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td style="color: #FFFFFF;text-align: left;">(T3)炉膛中部温度</td>
|
||
<td class="T3_Avg" style="color: #01FFFF;"></td>
|
||
<td class="T3_Max" style="color: #01FFFF;"></td>
|
||
<td class="T3_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;">>850</td>
|
||
<td style="color: #D97DD5;" class="FSL_Type_T3_Score" id="FSL_Type_T3_Score"></td>
|
||
<td style="color: #D97DD5;cursor: pointer;padding-left: 3px;display: none;"
|
||
class="FSL_Type_T3_Score_Tip" id="FSL_Type_T3_Score_Tip">!
|
||
</td>
|
||
</tr>
|
||
<tr style="text-align: center;">
|
||
<td style="color: #FFFFFF;text-align: left;">(T4)炉膛尾部温度</td>
|
||
<td class="T4_Avg" style="color: #01FFFF;"></td>
|
||
<td class="T4_Max" style="color: #01FFFF;"></td>
|
||
<td class="T4_Min" style="color: #01FFFF;"></td>
|
||
<td style="color: #B8BEBE;"></td>
|
||
<td style="color: #D97DD5;" class="FSL_Type_T4_Score" id="FSL_Type_T4_Score"></td>
|
||
<td style="color: #D97DD5;cursor: pointer;padding-left: 3px;display: none;"
|
||
class="FSL_Type_T4_Score_Tip" id="FSL_Type_T4_Score_Tip">!
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div style="float:left;width: 100%;height: 45%;padding-top: 10px;">
|
||
<div id="chart5" style="float:left;width: 100%;height: 100%;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</body>
|
||
<!-- 引入daterangepicker-->
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css"/>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
|
||
charset="utf-8"></script>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.js"
|
||
charset="utf-8"></script>
|
||
</html> |