xzzn/SIPAIIS_WMS_JSSW
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
SIPAIIS_WMS_JSSW/WebRoot/jsp/main_CQBYT.jsp

299 lines
16 KiB
Plaintext
Raw Permalink Normal View History

first commit
2026-01-16 14:13:44 +08:00
<%@ 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>
Reference in New Issue Copy Permalink