299 lines
16 KiB
Plaintext
299 lines
16 KiB
Plaintext
<%@ page language="java" pageEncoding="UTF-8" %>
|
|
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
|
|
<%@ page import="com.sipai.entity.base.ServerObject" %>
|
|
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security" %>
|
|
|
|
<%@ page import="com.sipai.entity.base.MainConfig" %>
|
|
<% request.setAttribute("type_pro", MainConfig.type_pro); %>
|
|
<% request.setAttribute("type_safe", MainConfig.type_safe); %>
|
|
<% request.setAttribute("type_eff", MainConfig.type_eff); %>
|
|
<% request.setAttribute("type_pic", MainConfig.type_pic); %>
|
|
|
|
<!DOCTYPE html>
|
|
|
|
<head>
|
|
<title><%= ServerObject.atttable.get("TOPTITLE")%>
|
|
</title>
|
|
|
|
<!-- 引用页头及CSS页-->
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|
<!-- echarts-->
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/echarts/echarts.4.1.0.min.js"
|
|
charset="utf-8"></script>
|
|
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/main/main_cq.js" charset="utf-8"></script>
|
|
<style>
|
|
/*
|
|
根据不同分辨率显示不同px的文字大小
|
|
*/
|
|
@media (min-width: 1080px) {
|
|
|
|
}
|
|
|
|
@media (min-width: 1550px) {
|
|
|
|
}
|
|
|
|
.fontValue {
|
|
text-align: center;
|
|
margin-top: 20px;
|
|
margin-left: 70px;
|
|
font-size: 20px;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.fontText {
|
|
margin-left: 20px;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
}
|
|
|
|
</style>
|
|
<script type="text/javascript">
|
|
|
|
|
|
$(function () {
|
|
firstFun();
|
|
});
|
|
|
|
window.onresize = function () {
|
|
firstFun();
|
|
}
|
|
|
|
function firstFun() {
|
|
//var height = document.documentElement.clientHeight;
|
|
var height = $(window).height();
|
|
$('#mainDiv').css('height', height);//页面加载先给高度
|
|
|
|
unitId = '768bfcaf247148a1ba1b3a26c9b9be7a';
|
|
|
|
$.ajax({
|
|
type: 'GET',
|
|
url: ext.contextPath + '/base/mainConfig/getJson.do',
|
|
async: true,
|
|
data: {unitId: unitId},
|
|
globle: false,
|
|
error: function () {
|
|
return false;
|
|
},
|
|
success: function (data) {
|
|
var data = eval('(' + data + ')');
|
|
for (var i = 0; i < data.mpcode.length; i++) {
|
|
var code = data.mpcode[i].mpointId;
|
|
var funname = data.mpcode[i].funName;
|
|
var divid = data.mpcode[i].divId;
|
|
var testid = data.mpcode[i].testId;
|
|
if (data.mpcode[i].type == '${type_pro}') {//生产
|
|
eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')")
|
|
}
|
|
if (data.mpcode[i].type == '${type_safe}') {//安全
|
|
eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')")
|
|
}
|
|
if (data.mpcode[i].type == '${type_eff}') {//效率
|
|
eval(funname + "('" + unitId + "','" + code + "','" + divid + "','" + testid + "')")
|
|
}
|
|
if (data.mpcode[i].type == '${type_pic}') {//左上角图片
|
|
eval(funname + "('" + unitId + "')")
|
|
}
|
|
}
|
|
//安全
|
|
// echartColumnar2(unitId, 'TH_03_FIT040001D_FLOW_C', 'myChartsafe1');
|
|
}
|
|
});
|
|
|
|
//优良差
|
|
$(".evaluateIcon").attr("src", ext.contextPath + "/IMG/main/evaluate.png");
|
|
|
|
//左上角图片
|
|
$("#mainImg").attr("src", ext.contextPath + "/IMG/main/main.jpg");
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div id="mainDiv" style="background:#f1f1f1;">
|
|
|
|
<div style="float:left;height:100%;width:35%;">
|
|
<div style="float:left;height:45%;width:100%;padding:5px 5px 5px 5px;">
|
|
<div style="height:100%;width:100%;background-color:#ffffff;">
|
|
<%--图片--%>
|
|
<img src="" id="mainImg" style="width:100%;height:100%;">
|
|
</div>
|
|
</div>
|
|
<div style="float:left;height:55%;width:100%;padding:5px 5px 5px 5px;">
|
|
<div style="height:100%;width:100%;background-color:#ffffff;">
|
|
<div style="width:100%;height:5%;float:left;border-bottom:2px solid #67aad7;font-weight: bold;">
|
|
异常
|
|
</div>
|
|
<div style="width:100%;height:40%;float:left;">
|
|
<div style="width:31%;height:45%;float:left;background-color:#eaeaea;margin:1%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueAbnormity1"></div>
|
|
<div class="fontText" style="color: #295921;font-size:12px;" id="textAbnormity1"></div>
|
|
</div>
|
|
<div style="width:31%;height:45%;float:left;background-color:#378dcc;margin:1%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueAbnormity2"></div>
|
|
<div class="fontText" style="color: #295921;font-size:12px;" id="textAbnormity2"></div>
|
|
</div>
|
|
<div style="width:32%;height:45%;float:left;background-color:#67aad7;margin:1%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueAbnormity3"></div>
|
|
<div class="fontText" style="color: #295921;font-size:12px;" id="textAbnormity3"></div>
|
|
</div>
|
|
<div style="width:31%;height:45%;float:left;background-color:#ea0000;margin:1%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueAbnormity4"></div>
|
|
<div class="fontText" style="color: #295921;font-size:12px;" id="textAbnormity4"></div>
|
|
</div>
|
|
<div style="width:31%;height:45%;float:left;background-color:#FACA00;margin:1%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueAbnormity5"></div>
|
|
<div class="fontText" style="color: #295921;font-size:12px;" id="textAbnormity5"></div>
|
|
</div>
|
|
<div style="width:32%;height:45%;float:left;background-color:#66D97C;margin:1%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueAbnormity6"></div>
|
|
<div class="fontText" style="color: #295921;font-size:12px;" id="textAbnormity6"></div>
|
|
</div>
|
|
</div>
|
|
<div style="width:100%;height:55%;float:left;padding: 5px 5px 5px 5px;">
|
|
<div style="width:100%;height:100%;float:left;">
|
|
<div style="width:100%;height:100%;float:left;" id="myChartsafe1"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="float:left;height:100%;width:65%;">
|
|
<div style="float:left;height:50%;width:100%;padding:5px 5px 5px 5px;">
|
|
<div style="height:100%;width:100%;background-color:#ffffff;">
|
|
<div style="width:100%;height:5%;float:left;border-bottom:2px solid #67aad7;font-weight: bold;">
|
|
供水
|
|
</div>
|
|
<div style="width:20%;height:100%;float:left;">
|
|
<div style="width:100%;height:21%;float:left;background-color:#eaeaea;margin:2%;">
|
|
<div style="color: #00AF52;"><img class="evaluateIcon"
|
|
style="text-align:center;margin-top:15px;margin-left:15px;"
|
|
src=""/></div>
|
|
<div class="fontValue" style="color: #00AF52;margin-top:-30px;margin-left:70px;">优</div>
|
|
</div>
|
|
<div style="width:100%;height:21%;float:left;background-color:#cbe3f9;margin:2%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueProduce1"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textProduce1"></div>
|
|
</div>
|
|
<div style="width:100%;height:21%;float:left;background-color:#badaf8;margin:2%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueProduce2"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textProduce2"></div>
|
|
</div>
|
|
<div style="width:100%;height:21%;float:left;background-color:#73afd8;margin:2%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueProduce3"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textProduce3"></div>
|
|
</div>
|
|
</div>
|
|
<div style="width:80%;height:100%;float:left;padding: 5px 10px 30px 10px;">
|
|
<div style="width:100%;height:100%;float:left;">
|
|
<div style="width:100%;height:35%;float:left;">
|
|
<div style="width:20%;height:100%;float:left;">
|
|
<div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
|
|
id="myChartProduceText1">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce1"></div>
|
|
</div>
|
|
<div style="width:20%;height:100%;float:left;">
|
|
<div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
|
|
id="myChartProduceText2">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce2"></div>
|
|
</div>
|
|
<div style="width:20%;height:100%;float:left;">
|
|
<div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
|
|
id="myChartProduceText3">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce3"></div>
|
|
</div>
|
|
<div style="width:20%;height:100%;float:left;">
|
|
<div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
|
|
id="myChartProduceText4">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce4"></div>
|
|
</div>
|
|
<div style="width:20%;height:100%;float:left;">
|
|
<div style="width:100%;height:20%;padding-top:10%;padding-right:5%;" align="center"
|
|
id="myChartProduceText5">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce5"></div>
|
|
</div>
|
|
</div>
|
|
<div style="width:100%;height:65%;float:left;">
|
|
<div style="width:50%;height:100%;float:left;" id="myChartProduce6"></div>
|
|
<div style="width:50%;height:100%;float:left;" id="myChartProduce7"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="float:left;height:50%;width:100%;padding:5px 5px 5px 5px;">
|
|
<div style="height:100%;width:100%;background-color:#ffffff;">
|
|
<div style="width:100%;height:5%;float:left;border-bottom:2px solid #67aad7;font-weight: bold;">
|
|
能耗
|
|
</div>
|
|
<div style="width:100%;height:20%;float:left;">
|
|
<div style="width:20%;height:100%;float:left;background-color:#eaeaea;margin: 0.5% 0.5% 0.5% 0.5%;">
|
|
<div style="color: #00AF52;"><img class="evaluateIcon"
|
|
style="text-align:center;margin-top:15px;margin-left:15px;"
|
|
src=""/></div>
|
|
<div class="fontValue" style="color: #00AF52;margin-top:-30px;margin-left:70px;">优</div>
|
|
</div>
|
|
<div style="width:18.5%;height:100%;float:left;background-color:#66d99e;margin: 0.5% 1% 0.5% 0%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueEfficiency1"></div>
|
|
<div class="fontText" style="color: #295921;" id="textEfficiency1"></div>
|
|
</div>
|
|
<div style="width:18.5%;height:100%;float:left;background-color:#9be2a3;margin: 0.5% 1% 0.5% 0%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueEfficiency2"></div>
|
|
<div class="fontText" style="color: #295921;" id="textEfficiency2"></div>
|
|
</div>
|
|
<div style="width:18.5%;height:100%;float:left;background-color:#b9e2b2;margin: 0.5% 1% 0.5% 0%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueEfficiency3"></div>
|
|
<div class="fontText" style="color: #295921;" id="textEfficiency3"></div>
|
|
</div>
|
|
<div style="width:18.5%;height:100%;float:left;background-color:#cae9c5;margin: 0.5% 0% 0.5% 0%;">
|
|
<div class="fontValue" style="color: #295921;" id="valueEfficiency4"></div>
|
|
<div class="fontText" style="color: #295921;" id="textEfficiency4"></div>
|
|
</div>
|
|
</div>
|
|
<div style="width:100%;height:75%;float:left;padding: 15px 5px 10px 5px;">
|
|
<div style="width:100%;height:100%;float:left;">
|
|
<div style="width:20%;height:100%;float:left;">
|
|
<div style="width:100%;height:31%;float:left;background-color:#cbe3f9;margin:0.5% 0.5% 1% 0.5%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueEfficiency5"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textEfficiency5"></div>
|
|
</div>
|
|
<div style="width:100%;height:31%;float:left;background-color:#badaf8;margin:3% 1% 1% 1%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueEfficiency6"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textEfficiency6"></div>
|
|
</div>
|
|
<div style="width:100%;height:31%;float:left;background-color:#73afd8;margin:3% 1% 1% 1%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueEfficiency7"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textEfficiency7"></div>
|
|
</div>
|
|
</div>
|
|
<div style="width:40%;height:100%;float:left;" id="myChartEfficiency2"></div>
|
|
<div style="width:40%;height:100%;float:left;" id="myChartEfficiency3"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html> |