first commit
This commit is contained in:
130
WebRoot/jsp/bim/inspectionPage.jsp
Normal file
130
WebRoot/jsp/bim/inspectionPage.jsp
Normal file
@ -0,0 +1,130 @@
|
||||
<%@ 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>
|
||||
Reference in New Issue
Block a user