131 lines
6.0 KiB
Plaintext
131 lines
6.0 KiB
Plaintext
|
<%@ page language="java" pageEncoding="UTF-8"%>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
|||
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|||
|
|
<%@ page import="com.sipai.entity.base.ServerObject"%>
|
|||
|
|
<%@ taglib uri="http://www.springsecurity.org/jsp" prefix="security"%>
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<!-- <html lang="zh-CN"> -->
|
|||
|
|
<!-- BEGIN HEAD -->
|
|||
|
|
<head>
|
|||
|
|
<title><%= ServerObject.atttable.get("TOPTITLE")%></title>
|
|||
|
|
<!-- 引入daterangepicker-->
|
|||
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|||
|
|
|
|||
|
|
<style type="text/css">
|
|||
|
|
</style>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
|
|||
|
|
$(function() {
|
|||
|
|
// var windowhight=$(window).height();
|
|||
|
|
// var windowwidth=$(window).width();
|
|||
|
|
// $('#main').attr("style","height:"+(windowhight)+"px;width:"+(windowwidth)+"px;");
|
|||
|
|
// var path= ""+getRootPath()+"/images/bim/背景样式1.png";
|
|||
|
|
// $('#mian').css("background", "url(" + path + ") no-repeat");
|
|||
|
|
// $('#mian').css("background-size", "100% 100%");
|
|||
|
|
document.getElementById("logoimg").src = ""+getRootPath()+"/images/bim/取水泵房.png";
|
|||
|
|
|
|||
|
|
var myChart = echarts.init(document.getElementById("chart"));
|
|||
|
|
myChart.showLoading({
|
|||
|
|
text: '数据正在加载...',
|
|||
|
|
textStyle: {fontSize: 30, color: '#444'},
|
|||
|
|
effectOption: {backgroundColor: 'rgba(0, 0, 0, 0)'},
|
|||
|
|
zlevel: 0
|
|||
|
|
});
|
|||
|
|
let option = {
|
|||
|
|
color:['rgba(127, 255, 212)'],
|
|||
|
|
// title: {
|
|||
|
|
// text: 'Basic Radar Chart'
|
|||
|
|
// },
|
|||
|
|
// legend: {
|
|||
|
|
// data: ['取水泵情况']
|
|||
|
|
// },
|
|||
|
|
radar: {
|
|||
|
|
// shape: 'circle',
|
|||
|
|
axisName: {
|
|||
|
|
color: '#fff'
|
|||
|
|
},
|
|||
|
|
splitArea: {
|
|||
|
|
areaStyle: {
|
|||
|
|
color: ['rgba(127, 255, 212, 0.2)'],
|
|||
|
|
shadowColor: 'rgba(0, 0, 0, 0.2)',
|
|||
|
|
shadowBlur: 10
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
indicator: [
|
|||
|
|
{ name: '维养任务', max: 100 },
|
|||
|
|
{ name: '维修情况', max: 100 },
|
|||
|
|
{ name: '数据完好', max: 100 },
|
|||
|
|
{ name: '运行得分', max: 100 }
|
|||
|
|
]
|
|||
|
|
},
|
|||
|
|
series: [{
|
|||
|
|
type: 'radar',
|
|||
|
|
data: [{
|
|||
|
|
value: [95, 100, 100, 72],
|
|||
|
|
name: '取水泵情况',
|
|||
|
|
areaStyle: {
|
|||
|
|
color: new echarts.graphic.RadialGradient(0.1, 0.6, 1, [
|
|||
|
|
{
|
|||
|
|
color: 'rgba(127, 255, 212, 0.6)',
|
|||
|
|
offset: 0
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
color: 'rgba(59, 132, 183, 0.6)',
|
|||
|
|
offset: 1
|
|||
|
|
}
|
|||
|
|
])
|
|||
|
|
}
|
|||
|
|
}]
|
|||
|
|
}]
|
|||
|
|
};
|
|||
|
|
myChart.setOption(option, true);
|
|||
|
|
myChart.hideLoading();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
function getRootPath(){
|
|||
|
|
var pathName = window.location.pathname.substring(1);
|
|||
|
|
// var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));
|
|||
|
|
return window.location.protocol + '//' + window.location.host;
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini" >
|
|||
|
|
<div id="mian" style="float: left;width: 1000px;height: 280px;background-color: rgba(9,48,112,0.7);background-size: 100% 100%;border-radius: 8px;">
|
|||
|
|
<div style="float: left;width: 50%;height: 100%;">
|
|||
|
|
<div style="float: left;width: 50%;height: 100%;text-align: center;line-height: 280px;">
|
|||
|
|
<img id="logoimg" src="" style="height:200px;width:200px;"/>
|
|||
|
|
</div>
|
|||
|
|
<div style="float: left;width: 50%;height: 100%;font-size: 16px;">
|
|||
|
|
<div style="float: left;width: 50%;height: 70px;line-height: 70px;text-align: center;color: aquamarine;">进水流量：</div>
|
|||
|
|
<div style="float: left;width: 50%;height: 70px;line-height: 70px;text-align: center;color: #ffffff;">12500m³/h</div>
|
|||
|
|
<div style="float: left;width: 50%;height: 70px;line-height: 70px;text-align: center;color: aquamarine;">浊度：</div>
|
|||
|
|
<div style="float: left;width: 50%;height: 70px;line-height: 70px;text-align: center;color: #ffffff;">0.541NTU</div>
|
|||
|
|
<div style="float: left;width: 50%;height: 70px;line-height: 70px;text-align: center;color: aquamarine;">PH：</div>
|
|||
|
|
<div style="float: left;width: 50%;height: 70px;line-height: 70px;text-align: center;color: #ffffff;">6.5</div>
|
|||
|
|
<div style="float: left;width: 50%;height: 70px;line-height: 70px;text-align: center;color: aquamarine;">运行状态：</div>
|
|||
|
|
<div style="float: left;width: 50%;height: 70px;line-height: 70px;text-align: center;"><i class="fa fa-circle" style="color: chartreuse;"></i></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div style="float: left;width: 2px;height: 100%;padding-top: 20px;padding-bottom: 20px;">
|
|||
|
|
<div style="width: 100%;height: 100%;background-color: #ffffff;"></div>
|
|||
|
|
</div>
|
|||
|
|
<div style="float: left;width: calc(50% - 2px);height: 100%;">
|
|||
|
|
<div style="float: left;width:130px;height: 100%;text-align: center;line-height: 280px;padding-left: 30px;">
|
|||
|
|
<div style="float: left;width:100%;height: 100px;text-align: center;line-height: 40px;color: aquamarine;font-size: 24px;padding-top: 40px;">
|
|||
|
|
运行评价得分
|
|||
|
|
</div>
|
|||
|
|
<div style="float: left;width:100%;height: 180px;text-align: center;line-height: 150px;font-size: 50px;color: #ffffff;">
|
|||
|
|
96
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="chart" style="float: left;width:calc(100% - 130px);height: 100%;">
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|