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>
|