379 lines
19 KiB
Plaintext
379 lines
19 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>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
|
||
<meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" />
|
||
<!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"/> -->
|
||
<title>
|
||
<%= ServerObject.atttable.get("TOPTITLE")%>
|
||
</title>
|
||
<!-- 引用页头及CSS页-->
|
||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/font-smart/iconfont.css"/>
|
||
<!-- 开关按钮-->
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.min.css"/>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-switch/dist/js/bootstrap-switch.min.js" charset="utf-8"></script>
|
||
<!-- 北江首页文件-->
|
||
<link rel="stylesheet" href="<%=request.getContextPath()%>/JS/smart/smart.css"/>
|
||
<style type="text/css">
|
||
.smart-head{
|
||
<%-- background-image: url(<%=request.getContextPath()%>/IMG/smart/head.png);
|
||
background-repeat:no-repeat;
|
||
background-position:center center;
|
||
height: 60px; --%>
|
||
height: 10px;
|
||
}
|
||
.center-middle{
|
||
/* height: 830px;
|
||
width: 695px; */
|
||
height: 950px;
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/map_blank.png);
|
||
background-repeat:no-repeat;
|
||
background-position:center center;
|
||
}
|
||
|
||
.right-title-long{
|
||
width: 122px;
|
||
height: 26px;
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/title_long.png);
|
||
background-repeat:no-repeat;
|
||
background-position:center center;
|
||
background-size: 100% 100%;
|
||
}
|
||
.right-title-long-blue{
|
||
width: 122px;
|
||
height: 26px;
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/title_long_blue.png);
|
||
background-repeat:no-repeat;
|
||
background-position:center center;
|
||
background-size: 100% 100%;
|
||
}
|
||
.right-title{
|
||
width: 122px;
|
||
height: 26px;
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/title.png);
|
||
background-repeat:no-repeat;
|
||
background-position:center center;
|
||
background-size: 100% 100%;
|
||
}
|
||
.right-title-blue{
|
||
width: 122px;
|
||
height: 26px;
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/title_blue.png);
|
||
background-repeat:no-repeat;
|
||
background-position:center center;
|
||
background-size: 100% 100%;
|
||
}
|
||
|
||
.nav>li>a {
|
||
padding:0 15px;
|
||
border:0;
|
||
}
|
||
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
|
||
background-color: transparent;
|
||
background-repeat:no-repeat;
|
||
background-position:center center;
|
||
background-size: 100% 100%;
|
||
}
|
||
.nav-pills>li.active>.waterData, .nav-pills>li.active>.waterData:focus, .nav-pills>li.active>.waterData:hover {
|
||
color:#69f6f9;
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/tab_bg_dark.png);
|
||
}
|
||
.nav-pills>li.active>.waterDataLight, .nav-pills>li.active>.waterDataLight:focus, .nav-pills>li.active>.waterDataLight:hover {
|
||
color: #00315b;
|
||
border-bottom :3px solid #01c9ff;
|
||
}
|
||
.nav-pills>li.active>.modular, .nav-pills>li.active>.modular:focus, .nav-pills>li.active>.modular:hover {
|
||
color:#0d2336;
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/title.png);
|
||
padding:0 30px;
|
||
}
|
||
.nav-pills>li>.modular,.nav-pills>li>.modular:hover {
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/title_dark.png);
|
||
background-repeat:no-repeat;
|
||
background-position:center center;
|
||
background-size: 100% 100%;
|
||
padding:0 30px;
|
||
color:#0D2336;
|
||
}
|
||
.nav-pills>li.active>.modularLight, .nav-pills>li.active>.modularLight:focus, .nav-pills>li.active>.modularLight:hover {
|
||
color:#FFFFFF;
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/title_blue.png);
|
||
padding:0 30px;
|
||
}
|
||
.nav-pills>li>.modularLight,.nav-pills>li>.modularLight:hover {
|
||
background-image: url(<%=request.getContextPath()%>/IMG/smart/title_blue_dark.png);
|
||
background-repeat:no-repeat;
|
||
background-position:center center;
|
||
background-size: 100% 100%;
|
||
padding:0 30px;
|
||
color:#FFFFFF;
|
||
}
|
||
|
||
</style>
|
||
|
||
<script type="text/javascript">
|
||
function editElement(parent_this,event){
|
||
var dataType = $(parent_this).data('datatype');
|
||
if(dataType==1){
|
||
var selectUnitId = $(parent_this).data('selectunitid');
|
||
var selectUnitName = $(parent_this).data('selectunitname');
|
||
parent.changgeCompany(selectUnitId,selectUnitName,"1");
|
||
}else{
|
||
var proDatavisualFrameId = $(parent_this).data('prodatavisualframeid');
|
||
var proDatavisualFrameName = $(parent_this).data('prodatavisualframename');
|
||
parent.addTab(proDatavisualFrameId,proDatavisualFrameName,
|
||
'process/dataVisualFrame/view.do?frameId='+proDatavisualFrameId+'&unitId='+bizid);
|
||
}
|
||
}
|
||
</script>
|
||
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/smart/smart.js" charset="utf-8"></script>
|
||
</head>
|
||
<body class="hold-transition ${cu.themeclass} sidebar-mini">
|
||
<div class="wrapper">
|
||
<div class="content-wrapper content-wrapper-bg-darkblue ">
|
||
<!-- BEGIN CONTAINER -->
|
||
<input type="hidden" name="jsp_id" id="jsp_id" value="smart">
|
||
<div id="subDiv"></div>
|
||
<div id="subLineDiv"></div>
|
||
<div id="menu4SelectDiv"></div>
|
||
<div id="company4SelectDiv"></div>
|
||
<div id="mpSelectDiv"></div>
|
||
<img src="<%=request.getContextPath()%>/IMG/hfst/hfcgCompany.png" style="width:100%;height:100%;">
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 content-wrapper-bg-darkblue " style="display: none;">
|
||
<div class="row" >
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 smart-head"></div>
|
||
</div>
|
||
<div class="row text-center font-basics font-color-white" >
|
||
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 left-top content-wrapper-bg-transparent">
|
||
<div class="col-xs-12">
|
||
<div class="font-md right-title font-color-black text-center cursor-pointer" id="water_supply_title" data-mpcode="" onclick="showLine(this)" >日供水量</div>
|
||
</div>
|
||
<div class="col-xs-12 left-top-line" id="left-top-line">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 left-middle content-wrapper-bg-transparent">
|
||
<div class="col-xs-12">
|
||
<div class="font-md right-title font-color-black text-center cursor-pointer" id="rawWaterQuality_title" data-mpcode="" onclick="showLine(this)" >原水水质</div>
|
||
</div>
|
||
<div class="col-xs-12 left-middle-line" id="left-middle-line">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 left-bottom content-wrapper-bg-transparent">
|
||
<div class="col-xs-6">
|
||
<div class="font-md right-title font-color-black text-center cursor-pointer" id="effluentQuality_title" data-mpcode="" onclick="showLine(this)" >出水水质</div>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<ul class="nav nav-pills">
|
||
<li role="presentation" class="active">
|
||
<a href="#tab_1" data-toggle="tab" class="font-color-blue waterData">北江厂</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#tab_2" data-toggle="tab" class="font-color-blue waterData">西江厂</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-xs-12">
|
||
<div class="tab-content">
|
||
<div class="tab-pane active" id="tab_1">
|
||
<div class="col-xs-12 left-bottom-line" id="left-bottom-line-1"></div>
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
<div class="tab-pane" id="tab_2">
|
||
<div class="col-xs-12 left-bottom-line" id="left-bottom-line-2"></div>
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 text-center">
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 font-color-dark-blue center-top bgcolor-blue content-wrapper-bg-transparent">
|
||
<div class="col-xs-3">
|
||
<div class="col-xs-6">
|
||
<span class="col-xs-12">最高日供水</span>
|
||
<span class="col-xs-12">万立方米/日</span>
|
||
</div>
|
||
<span class="col-xs-6 font-xlg max_daily_water_supply font-color-blue">0</span>
|
||
</div>
|
||
<div class="col-xs-3">
|
||
<div class="col-xs-6">
|
||
<span class="col-xs-12">平均日供水</span>
|
||
<span class="col-xs-12">万立方米</span>
|
||
</div>
|
||
<span class="col-xs-6 font-xlg avg_daily_water_supply font-color-blue">0</span>
|
||
</div>
|
||
<div class="col-xs-3">
|
||
<div class="col-xs-6">
|
||
<span class="col-xs-12">昨日供水</span>
|
||
<span class="col-xs-12">万立方米</span>
|
||
</div>
|
||
<span class="col-xs-6 font-xlg yesterday_water_supply font-color-blue">0</span>
|
||
</div>
|
||
<div class="col-xs-3">
|
||
<div class="col-xs-6">
|
||
<span class="col-xs-12">今日供水</span>
|
||
<span class="col-xs-12">万立方米</span>
|
||
</div>
|
||
<span class="col-xs-6 font-xlg today_water_supply font-color-blue">0</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 center-middle"></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 text-center">
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 ">
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 right-top content-wrapper-bg-transparent">
|
||
<div class="col-xs-8">
|
||
<ul class="nav nav-pills">
|
||
<li role="presentation" class="active">
|
||
<a href="#tab_equipment" data-toggle="tab" class="font-md text-center modular">设备管理</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#tab_Patrol" data-toggle="tab" class="font-md text-center modular">巡检管理</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<div class="col-xs-7 ">
|
||
<input id="switch" name="switch" type="checkbox" checked>
|
||
</div>
|
||
<div class="col-xs-5 switch-title font-color-dark-blue">深色</div>
|
||
</div>
|
||
<div class="tab-content">
|
||
<div class="tab-pane active" id="tab_equipment">
|
||
<div class="col-xs-12 paddingTopAndBottom10">
|
||
<div class="col-xs-4">
|
||
<span class="col-xs-12">设备完好率(%)</span>
|
||
<span class="col-xs-10 font-color-blue font-xlg equipment_intact_rate">0</span>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<span class="col-xs-12">主要设备完好率(%)</span>
|
||
<span class="col-xs-12 font-color-blue font-xlg main_equipment_intact_rate">0</span>
|
||
</div>
|
||
<div class="col-xs-4">
|
||
<span class="col-xs-12">保养完成率(%)</span>
|
||
<span class="col-xs-12 font-color-blue font-xlg maintain_intact_rate">0</span>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12 right-bottom-bar" id="right-bottom-bar">
|
||
</div>
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
<div class="tab-pane" id="tab_Patrol">
|
||
<div class="row">
|
||
<div class="col-xs-6 right-top-pie" id="right-top-pie-1"></div>
|
||
<div class="col-xs-6">
|
||
<div class="col-xs-12" style="padding-top: 15px;">
|
||
<div class="col-xs-1 text-bar text-bar-4"></div>
|
||
<div class="col-xs-11">
|
||
<div class="col-xs-12 font-md pad-bottom-10">运行工单数</div>
|
||
<div class="col-xs-12 font-lg">
|
||
<span class="col-xs-5 font-color-blue run_work_complete_number">0</span>
|
||
<span class="col-xs-2 font-color-4">/</span>
|
||
<span class="col-xs-5 font-color-4 run_work_total_number">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-xs-12" style="padding-top: 10px;">
|
||
<div class="col-xs-1 text-bar text-bar-5"></div>
|
||
<div class="col-xs-11">
|
||
<div class="col-xs-12 font-md pad-bottom-10">机电工单数</div>
|
||
<div class="col-xs-12 font-lg">
|
||
<span class="col-xs-5 font-color-blue electromechanical_work_complete_number">0</span>
|
||
<span class="col-xs-2 font-color-5">/</span>
|
||
<span class="col-xs-5 font-color-5 electromechanical_work_total_number">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-xs-6 right-top-pie" id="right-top-pie-2"></div>
|
||
<div class="col-xs-6">
|
||
<div class="col-xs-12" style="padding-top: 15px;">
|
||
<div class="col-xs-1 text-bar text-bar-3"></div>
|
||
<div class="col-xs-11">
|
||
<div class="col-xs-12 font-md pad-bottom-10">维修工单数</div>
|
||
<div class="col-xs-12 font-lg">
|
||
<span class="col-xs-5 font-color-blue repair_work_complete_number">0</span>
|
||
<span class="col-xs-2 font-color-3">/</span>
|
||
<span class="col-xs-5 font-color-3 repair_work_total_numbe">0</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 right-bottom content-wrapper-bg-transparent">
|
||
<div class="col-xs-6">
|
||
<div class="font-md right-title-long font-color-black text-center">监测点数据</div>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<ul class="nav nav-pills">
|
||
<li role="presentation" class="active">
|
||
<a href="#tab_pressure" data-toggle="tab" class="font-color-blue waterData">压力点</a>
|
||
</li>
|
||
<li role="presentation">
|
||
<a href="#tab_flow" data-toggle="tab" class="font-color-blue waterData">流量点</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="col-xs-12" style="padding-top:10px;height: 97%;">
|
||
<div class="tab-content" style="height: 100%;overflow: hidden;">
|
||
<div class="tab-pane active" id="tab_pressure">
|
||
<table class="table table-condensed text-center table_font_white">
|
||
<thead>
|
||
<tr class="font-color-lightBlack">
|
||
<th>压力点</th>
|
||
<th>监测值（Mpa）</th>
|
||
<th>时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="font-color-blue" id="monitor_pressure">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
<div class="tab-pane" id="tab_flow">
|
||
|
||
<table class="table table-condensed text-center table_font_white">
|
||
<thead>
|
||
<tr class="font-color-lightBlack">
|
||
<th>流量点</th>
|
||
<th>监测值（m³/h）</th>
|
||
<th>时间</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody class="font-color-blue" id="monitor_flow">
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<!-- /.tab-pane -->
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html> |