228 lines
12 KiB
Plaintext
228 lines
12 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">
|
|
let nowUnitId = "";
|
|
|
|
$(function () {
|
|
let windowwidth = $(window).width();
|
|
let windowhight = $(window).height();
|
|
|
|
$('#main').css("width", windowwidth + "px");
|
|
$('#main').css("height", windowhight + "px");
|
|
|
|
<%--if ('${param.unitId}' != '') {--%>
|
|
<%-- nowUnitId = '${param.unitId}';--%>
|
|
<%--} else {--%>
|
|
<%-- nowUnitId = unitId;--%>
|
|
<%--}--%>
|
|
|
|
|
|
getChart1();
|
|
});
|
|
|
|
function getChart1() {
|
|
let data = {
|
|
dataAge: [
|
|
{
|
|
name: '访客',
|
|
value: '36'
|
|
},
|
|
{
|
|
name: '职工',
|
|
value: '89'
|
|
},
|
|
{
|
|
name: '施工',
|
|
value: '27'
|
|
}
|
|
],
|
|
};
|
|
let myChart = echarts.init(document.getElementById("chart1"));
|
|
let option = {
|
|
color: ['#2AC9FD', '#76FBC0', '#35C96E', '#FCC708', '#48B188', '#5957C2', '#4A5D73'],
|
|
// tooltip: {
|
|
// trigger: 'item',
|
|
// backgroundColor: 'rgba(20, 24, 31,.6)',
|
|
// borderColor: '#0c2e36',
|
|
// textStyle: {
|
|
// color: '#fff',a
|
|
// },
|
|
// formatter: '{b}: {c}%'
|
|
// },
|
|
series: [
|
|
{
|
|
color: ['#006CED', '#00FFFF', '#FFE000'],
|
|
type: 'pie',
|
|
radius: ['70', '95'],
|
|
data: data.dataAge,
|
|
label: {
|
|
color: '#ffffff',
|
|
formatter: '{b}: {c}'
|
|
},
|
|
labelLine:{
|
|
length:30,
|
|
length2:50
|
|
}
|
|
},
|
|
{
|
|
type: 'pie',
|
|
radius: ['110', '120'],
|
|
data: [100],
|
|
color: ['#5071AE3D'],
|
|
label: {
|
|
show: false
|
|
}
|
|
},
|
|
{
|
|
type: 'pie',
|
|
radius: ['50', '53'],
|
|
data: [100],
|
|
color: ['#39D1FA5C'],
|
|
label: {
|
|
show: false
|
|
}
|
|
}
|
|
]
|
|
};
|
|
myChart.setOption(option, true);
|
|
}
|
|
|
|
|
|
</script>
|
|
</head>
|
|
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini" style="background-color: transparent;">
|
|
<div id="main" style="float: left;background-color: transparent;">
|
|
<div id="leftContent"
|
|
style="float: right;width: 530px;height: 100%;background:url(<%=request.getContextPath()%>/IMG/bim/渐变背景2.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 100%;height: 100%;padding-top: 104px;">
|
|
<div style="float: right;width: 412px;height: 38px;background:url(<%=request.getContextPath()%>/IMG/bim/水厂概览标题.png);background-size: 100% 100%;margin-right: 20px;"></div>
|
|
<div style="float: right;width: 412px;height: calc(100% - 38px);margin-right: 20px;background:rgba(37,63,110,0.5);">
|
|
<div id="chart1" style="width: 100%;height: 400px;"></div>
|
|
<div style="width: 100%;height: calc(100% - 400px);">
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 10px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
预处理间
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 10px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
催化臭氧接触池
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
事故池
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
调蓄水池
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
初沉池
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
综合加药间
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
生物池
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
中水泵房
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
二沉池
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
氧发生器间
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
深度处理间
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
2
|
|
</div>
|
|
</div>
|
|
<div style="float: left;width: calc((100% - 30px)*0.5);height: 40px;line-height:40px;margin-top: 20px;margin-left: 10px;background:url(<%=request.getContextPath()%>/IMG/bim/小矩形背景.png);background-size: 100% 100%;">
|
|
<div style="float: left;width: 80%;padding-left: 15px;color: #FFFFFF;font-size: 18px;text-align: left;">
|
|
</div>
|
|
<div style="float: left;width: 20%;padding-right: 20px;color: #13FFD0;font-size: 18px;text-align: right;font-weight: 700;">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|