352 lines
18 KiB
Plaintext
352 lines
18 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_js.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;
|
|
}
|
|
|
|
.carousel-inner,
|
|
.carousel-inner > .item,
|
|
.carousel-inner > .item > img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.carousel-caption {
|
|
cursor: pointer;
|
|
padding: 0;
|
|
background-color: RGBA(55, 141, 204, 0.5);
|
|
bottom: 10px;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
|
|
|
|
$(function () {
|
|
firstFun();
|
|
});
|
|
|
|
window.onresize = function () {
|
|
firstFun();
|
|
}
|
|
|
|
function firstFun() {
|
|
var height = $(window).height();
|
|
$('#mainDiv').css('height', height);//页面加载先给高度
|
|
|
|
$.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;
|
|
var mpointId = data.mpcode[i].mpointId;
|
|
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 + "')")
|
|
getUnitsByUnitId4Select(unitId, funname, mpointId);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
//优良差
|
|
$(".evaluateIcon").attr("src", ext.contextPath + "/IMG/main/evaluate.png");
|
|
|
|
//左上角图片
|
|
// $("#mainImg").attr("src", ext.contextPath + "/IMG/main/main.jpg");
|
|
|
|
//控制不同车间或泵站显示的名字
|
|
if (unitId == 'JSBZ') {
|
|
$('#divId1').html('流量');
|
|
$('#divId2').html('在线监测');
|
|
$('#divId3').html('液位');
|
|
} else {
|
|
//一车间和二车间继续用div中的名字
|
|
$('#divId1').html('水量及电耗');
|
|
}
|
|
}
|
|
|
|
</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 id="carousel-example-generic" class="carousel slide" data-ride="carousel"
|
|
style="width:100%;height:100%;">
|
|
|
|
<!-- Wrapper for slides -->
|
|
<div class="carousel-inner" role="listbox" id="carousel-items">
|
|
</div>
|
|
<!-- Controls -->
|
|
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
|
|
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
|
|
<span class="sr-only">Previous</span>
|
|
</a>
|
|
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
|
|
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
|
|
<span class="sr-only">Next</span>
|
|
</a>
|
|
</div>
|
|
</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;"
|
|
id="divId1">
|
|
安全
|
|
</div>
|
|
<div style="width:100%;height:40%;float:left;">
|
|
|
|
<div style="width:48%;height:45%;float:left;background-color:#378dcc;margin:1%;">
|
|
<div class="fontValue" id="safe_value_1">-</div>
|
|
<div class="fontText" id="safe_text_1">-</div>
|
|
</div>
|
|
<div style="width:48%;height:45%;float:right;background-color:#67aad7;margin:1%;">
|
|
<div class="fontValue" id="safe_value_2">-</div>
|
|
<div class="fontText" id="safe_text_2">-</div>
|
|
</div>
|
|
|
|
<div style="width:48%;height:45%;float:left;background-color:#FACA00;margin:1%;">
|
|
<div class="fontValue" id="safe_value_3">-</div>
|
|
<div class="fontText" id="safe_text_3">-</div>
|
|
</div>
|
|
<div style="width:48%;height:45%;float:right;background-color:#66D97C;margin:1%;">
|
|
<div class="fontValue" id="safe_value_4">-</div>
|
|
<div class="fontText" id="safe_text_4">-</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="myChartProduce8"></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;"
|
|
id="divId2">
|
|
进水
|
|
</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_js"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textProduce1_js"></div>
|
|
</div>
|
|
<div style="width:100%;height:21%;float:left;background-color:#badaf8;margin:2%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueProduce2_js"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textProduce2_js"></div>
|
|
</div>
|
|
<div style="width:100%;height:21%;float:left;background-color:#73afd8;margin:2%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueProduce3_js"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textProduce3_js"></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_js">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce1_js"></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_js">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce2_js"></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_js">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce3_js"></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_js">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce4_js"></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_js">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce5_js"></div>
|
|
</div>
|
|
</div>
|
|
<div style="width:100%;height:65%;float:left;">
|
|
<div style="width:50%;height:100%;float:left;" id="myChartProduce6_js"></div>
|
|
<div style="width:50%;height:100%;float:left;" id="myChartProduce7_js"></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;"
|
|
id="divId3">
|
|
出水
|
|
</div>
|
|
<div style="width:20%;height:96%;float:left;">
|
|
<div style="width:100%;height:22%;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:22%;float:left;background-color:#cbe3f9;margin:2%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueProduce1_cs"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textProduce1_cs"></div>
|
|
</div>
|
|
<div style="width:100%;height:22%;float:left;background-color:#badaf8;margin:2%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueProduce2_cs"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textProduce2_cs"></div>
|
|
</div>
|
|
<div style="width:100%;height:22%;float:left;background-color:#73afd8;margin:2%;">
|
|
<div class="fontValue" style="color: #0c4377;" id="valueProduce3_cs"></div>
|
|
<div class="fontText" style="color: #0c4377;" id="textProduce3_cs"></div>
|
|
</div>
|
|
</div>
|
|
<div style="width:80%;height:96%;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_cs">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce1_cs"></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_cs">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce2_cs"></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_cs">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce3_cs"></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_cs">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce4_cs"></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_cs">
|
|
-
|
|
</div>
|
|
<div style="width:100%;height:80%;" id="myChartProduce5_cs"></div>
|
|
</div>
|
|
</div>
|
|
<div style="width:100%;height:65%;float:left;">
|
|
<div style="width:50%;height:100%;float:left;" id="myChartProduce6_cs"></div>
|
|
<div style="width:50%;height:100%;float:left;" id="myChartProduce7_cs"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</body>
|
|
|
|
</html> |