348 lines
18 KiB
Plaintext
348 lines
18 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/smartFactory.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: 540px;
|
|
background-image: url(<%=request.getContextPath()%>/IMG/smart/factory.png);
|
|
background-repeat:no-repeat;
|
|
background-position:center center;
|
|
background-size: 100% 100%;
|
|
/* cursor: pointer; */
|
|
}
|
|
.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%;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
|
|
function editElement(parent_this,e){
|
|
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{
|
|
if(dataType==4){
|
|
var cameraId = $(parent_this).data('prodatavisualframeid');
|
|
viewCameraFun(cameraId)
|
|
}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);
|
|
}
|
|
}
|
|
}
|
|
var viewCameraWindow = null;
|
|
function viewCameraFun(id) {
|
|
viewCameraWindow = window.open(ext.contextPath+"/work/camera/getCameraJsp.do?id="+id,
|
|
'smartViewCamera','width=720,height=480,top=200,left=300,toolbar=0,menubar=0,scrollbars=0,resizable=0,location=0,status=0')
|
|
viewCameraWindow.focus();
|
|
}
|
|
</script>
|
|
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/smart/smartFactory.js" charset="utf-8"></script>
|
|
</head>
|
|
<body class="hold-transition ${cu.themeclass} sidebar-mini">
|
|
<div class="wrapper">
|
|
<div id="subDiv"></div>
|
|
<div id="subLineDiv"></div>
|
|
<div class="content-wrapper content-wrapper-bg-darkblue ">
|
|
<!-- BEGIN CONTAINER -->
|
|
<input type="hidden" name="jsp_id" id="jsp_id" value="smart">
|
|
<img src="<%=request.getContextPath()%>/IMG/hfst/hfcgFactory.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 content-wrapper-bg-transparent">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 left-top">
|
|
<div class="col-xs-6">
|
|
<div class="col-xs-12 font-color-dark-white">
|
|
<i class="iconfont icon-shuizhi font-xlg"></i>
|
|
</div>
|
|
<div class="col-xs-12 font-md font-color-dark-white">
|
|
<span>水源地水质</span>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<span class="col-xs-5">河水浊度</span>
|
|
<span class="col-xs-4 font-color-blue river_turbidity">0</span>
|
|
<span class="col-xs-3 font-color-blue">NTU</span>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<span class="col-xs-5">河水PH</span>
|
|
<span class="col-xs-4 font-color-blue river_ph">0</span>
|
|
<span class="col-xs-3 font-color-blue"></span>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<span class="col-xs-5">河水溶解氧</span>
|
|
<span class="col-xs-4 font-color-blue river_dissolved_oxygen">0</span>
|
|
<span class="col-xs-3 font-color-blue">mg/l</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="col-xs-12 font-color-dark-white">
|
|
<i class="iconfont icon-gongshuichang-weixuanzhong font-xlg"></i>
|
|
</div>
|
|
<div class="col-xs-12 font-md font-color-dark-white">
|
|
<span>原水水质</span>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<span class="col-xs-5">原水浊度</span>
|
|
<span class="col-xs-4 font-color-blue raw_water_turbidity">0</span>
|
|
<span class="col-xs-3 font-color-blue">NTU</span>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<span class="col-xs-5">原水PH</span>
|
|
<span class="col-xs-4 font-color-blue raw_water_ph">0</span>
|
|
<span class="col-xs-3 font-color-blue"></span>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<span class="col-xs-5">原水溶解氧</span>
|
|
<span class="col-xs-4 font-color-blue raw_water_dissolved_oxygen">0</span>
|
|
<span class="col-xs-3 font-color-blue">mg/l</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 left-middle">
|
|
<div class="col-xs-12">
|
|
<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-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">
|
|
<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-bottom-bar" id="left-bottom-bar">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 content-wrapper-bg-transparent">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 font-color-dark-blue center-top bgcolor-blue">
|
|
<!-- <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 design_scale 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 annual_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-size-38 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-size-38 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-size-38 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-size-38 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 class="col-lg-12 col-md-12 col-sm-12 col-xs-12 center-middle"
|
|
onclick="parent.addTab('09ce2a16fd894ad3b899e6dc55070d86','实时监视','process/dataVisualFrame/viewList.do?menuType=proVisual')"></div> -->
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 center-bottom bgcolor-blue">
|
|
<div class="col-xs-3 center-bottom-line">
|
|
<span class="col-xs-12" style="height:20%">
|
|
<div class="font-md right-title font-color-black text-center cursor-pointer" id="key_indicators" data-mpcode="" onclick="showLine(this)" >关键指标</div>
|
|
</span>
|
|
<div class="col-xs-12" style="height:20%">
|
|
<div class="col-xs-1 text-bar text-bar-1"></div>
|
|
<div class="col-xs-6">
|
|
<span class="col-xs-12">单位电耗</span>
|
|
<span class="col-xs-12">kwh/km3.Mpa</span>
|
|
</div>
|
|
<span class="col-xs-5 font-md font-color-blue unit_power">0</span>
|
|
</div>
|
|
<div class="col-xs-12" style="height:20%">
|
|
<div class="col-xs-1 text-bar text-bar-2"></div>
|
|
<div class="col-xs-6">
|
|
<span class="col-xs-12">单位矾耗</span>
|
|
<span class="col-xs-12">kg/km3</span>
|
|
</div>
|
|
<span class="col-xs-5 font-md font-color-blue unit_alum">0</span>
|
|
</div>
|
|
<div class="col-xs-12" style="height:20%">
|
|
<div class="col-xs-1 text-bar text-bar-3"></div>
|
|
<div class="col-xs-6">
|
|
<span class="col-xs-12">单位氯耗</span>
|
|
<span class="col-xs-12">kg/km3</span>
|
|
</div>
|
|
<span class="col-xs-5 font-md font-color-blue unit_chlorine">0</span>
|
|
</div>
|
|
<div class="col-xs-12" style="height:20%">
|
|
<div class="col-xs-1 text-bar text-bar-4"></div>
|
|
<div class="col-xs-6">
|
|
<span class="col-xs-12">自耗水率</span>
|
|
<span class="col-xs-12">%</span>
|
|
</div>
|
|
<span class="col-xs-5 font-md font-color-blue water_rate">0</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-9 center-bottom-line" id="center-bottom-line">
|
|
</div>
|
|
</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 content-wrapper-bg-transparent">
|
|
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 right-top">
|
|
<div class="col-xs-7">
|
|
<div class="font-md right-title font-color-black text-center">巡检管理</div>
|
|
</div>
|
|
<div class="col-xs-5">
|
|
<div class="col-xs-7 ">
|
|
<input id="switch" name="switch" type="checkbox" checked>
|
|
</div>
|
|
<div class="col-xs-5 switch-title">深色模式</div>
|
|
</div>
|
|
<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 class="col-lg-12 col-md-12 col-sm-12 col-xs-12 right-middle">
|
|
<div class="col-xs-12" style="padding-bottom:20px;">
|
|
<div class="font-md right-title font-color-black text-center">设备管理</div>
|
|
</div>
|
|
<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-lg-12 col-md-12 col-sm-12 col-xs-12 right-bottom">
|
|
<div class="col-xs-12 right-bottom-bar" id="right-bottom-bar">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |