first commit
This commit is contained in:
249
WebRoot/jsp/bim/CDBIMhomePage.jsp
Normal file
249
WebRoot/jsp/bim/CDBIMhomePage.jsp
Normal file
@ -0,0 +1,249 @@
|
||||
<%@ 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">
|
||||
.tree{
|
||||
overflow:auto;
|
||||
height:100%;
|
||||
}
|
||||
.tree::-webkit-scrollbar{
|
||||
width:6px;
|
||||
height:100%;
|
||||
}
|
||||
.tree::-webkit-scrollbar-thumb{
|
||||
width:4px;
|
||||
height:60px;
|
||||
background-color:#ccc;
|
||||
border-radius:3px;
|
||||
}
|
||||
.tree::-webkit-scrollbar-track
|
||||
{
|
||||
border-radius: 10px;
|
||||
background-color: rgba(255,255,255,.5);
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
var tabst='1';
|
||||
$(function() {
|
||||
var windowhight=$(window).height();
|
||||
var windowwidth=$(window).width();
|
||||
$('#main').attr("style","height:"+(windowhight)+"px;width:"+(windowwidth)+"px;");
|
||||
|
||||
$('#headimg').css("background","url("+getRootPath()+"/images/bim/成都首页抬头.png) no-repeat");
|
||||
$('#headimg').css("background-size","contain");
|
||||
|
||||
$('#tab1').css("display","block");
|
||||
$('#tab1name').css("font-weight","600");
|
||||
$('#tab1name').css("background","url("+getRootPath()+"/images/bim/短亮线.png) no-repeat");
|
||||
$('#tab1name').css("background-size","contain");
|
||||
|
||||
$('#img1').css("background","url("+getRootPath()+"/images/bim/CDBIM首页树边框.png) no-repeat");
|
||||
$('#img1').css("background-size","contain");
|
||||
inittree1('-1','');
|
||||
inittree2('-1','');
|
||||
|
||||
$('#fzimg').css("background","url("+getRootPath()+"/images/bim/仿真图标.png) no-repeat");
|
||||
$('#fzimg').css("background-size","contain");
|
||||
|
||||
$('#cjimg').css("background","url("+getRootPath()+"/images/bim/测距图标.png) no-repeat");
|
||||
$('#cjimg').css("background-size","contain");
|
||||
|
||||
$('#fhimg').css("background","url("+getRootPath()+"/images/bim/返回图标.png) no-repeat");
|
||||
$('#fhimg').css("background-size","contain");
|
||||
|
||||
});
|
||||
|
||||
var inittree1 = function(id,name) {
|
||||
$.post(ext.contextPath + '/bim/CDBIM/getTree.do', {type:'landmark',id:id,name:name} , function(data) {
|
||||
// console.info(data);
|
||||
if(name==''){
|
||||
$('#tab1Tree').treeview({
|
||||
data: data,
|
||||
levels: 1,
|
||||
showBorder: false,
|
||||
backColor: "transparent",
|
||||
onhoverColor: "#4e72b8"
|
||||
});
|
||||
}else{
|
||||
$('#tab1Tree').treeview({
|
||||
data: data,
|
||||
levels: 2,
|
||||
showBorder: false,
|
||||
backColor: "transparent",
|
||||
onhoverColor: "#4e72b8"
|
||||
});
|
||||
}
|
||||
|
||||
$('#tab1Tree').on('nodeSelected', function(event, data) {
|
||||
handleEvent();
|
||||
// if(data.type=='${Type_mp}'){
|
||||
// showMPCurveView(data.mpid);
|
||||
// }else if(data.type=='${Type_sys}'||data.type=='${Type_user}'){
|
||||
// $("#curve_id").val(data.id);
|
||||
// showProgrammeCurveView();
|
||||
// }
|
||||
});
|
||||
},'json');
|
||||
}
|
||||
|
||||
var inittree2 = function(id,name) {
|
||||
$.post(ext.contextPath + '/bim/CDBIM/getTree.do', {type:'equipment',id:id,name:name} , function(data) {
|
||||
// console.info(data);
|
||||
if(name==''){
|
||||
$('#tab2Tree').treeview({
|
||||
data: data,
|
||||
levels: 1,
|
||||
showBorder: false,
|
||||
backColor: "transparent",
|
||||
onhoverColor: "#4e72b8"
|
||||
});
|
||||
}else{
|
||||
$('#tab2Tree').treeview({
|
||||
data: data,
|
||||
levels: 2,
|
||||
showBorder: false,
|
||||
backColor: "transparent",
|
||||
onhoverColor: "#4e72b8"
|
||||
});
|
||||
}
|
||||
$('#tab2Tree').on('nodeSelected', function(event, data) {
|
||||
// if(data.type=='${Type_mp}'){
|
||||
// showMPCurveView(data.mpid);
|
||||
// }else if(data.type=='${Type_sys}'||data.type=='${Type_user}'){
|
||||
// $("#curve_id").val(data.id);
|
||||
// showProgrammeCurveView();
|
||||
// }
|
||||
});
|
||||
},'json');
|
||||
}
|
||||
|
||||
//获取url地址根目录 当前taomcat下路径
|
||||
function getRootPath(){
|
||||
var pathName = window.location.pathname.substring(1);
|
||||
// var webName = pathName == '' ? '' : pathName.substring(0, pathName.indexOf('/'));
|
||||
return window.location.protocol + '//' + window.location.host;
|
||||
}
|
||||
|
||||
function tabChange(st){
|
||||
if(st=='1'){
|
||||
tabst='1';
|
||||
$('#tab1').css("display","block");
|
||||
$('#tab1name').css("font-weight","600");
|
||||
$('#tab1name').css("background","url("+getRootPath()+"/images/bim/短亮线.png) no-repeat");
|
||||
$('#tab1name').css("background-size","contain");
|
||||
|
||||
$('#tab2').css("display","none");
|
||||
$('#tab2name').css("font-weight","400");
|
||||
$('#tab2name').css("background","");
|
||||
$('#tab2name').css("background-size","");
|
||||
}else if(st=='2'){
|
||||
tabst='2';
|
||||
$('#tab2').css("display","block");
|
||||
$('#tab2name').css("font-weight","600");
|
||||
$('#tab2name').css("background","url("+getRootPath()+"/images/bim/短亮线.png) no-repeat");
|
||||
$('#tab2name').css("background-size","contain");
|
||||
|
||||
$('#tab1').css("display","none");
|
||||
$('#tab1name').css("font-weight","400");
|
||||
$('#tab1name').css("background","");
|
||||
$('#tab1name').css("background-size","");
|
||||
}
|
||||
}
|
||||
|
||||
function handleEvent() {
|
||||
console.log(121);
|
||||
// iframe的id
|
||||
var id = document.getElementById('iframeid');
|
||||
// 触发子页面的监听事件
|
||||
// console.log(id.contentWindow);
|
||||
id.contentWindow.postMessage('mzw', '*');
|
||||
console.log("cs");
|
||||
}
|
||||
|
||||
// window.addEventListener('message',function(e){
|
||||
// console.log("csssssssssssssss",e.data);
|
||||
// },false);
|
||||
|
||||
function doTreeNameSearch(){
|
||||
var name=$('#treeNameSearch').val();
|
||||
if(tabst=='1'){
|
||||
if(name!=''){
|
||||
inittree1('0',name);
|
||||
}else{
|
||||
inittree1('-1',name);
|
||||
}
|
||||
}else if(tabst=='2'){
|
||||
if(name!=''){
|
||||
inittree2('0',name);
|
||||
}else{
|
||||
inittree2('-1',name);
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
|
||||
<div id="main" >
|
||||
<div id="headimg" style="width: 100%;height: 168px;position:absolute;left:0px;top:0px;"></div>
|
||||
|
||||
<div id="img1" style="width:225px;height:549px;position:absolute;left:15px;top:150px;padding:15px;">
|
||||
<!-- <div style="width:230px;height:500px;position:absolute;left:15px;top:100px;background:rgba(43,102,169,0.5);border-radius:8px;padding:15px;"> -->
|
||||
<div style="float:left;width: 100%;height:30px;">
|
||||
<input type="text" class="form-control pull-left" id="treeNameSearch" style="width:130px;height:25px;background-color:#0a2447;color: #11CAFF;border-radius:6px;border: 1px solid #11CAFF;" >
|
||||
<div class="input-group-btn pull-left" style="height:25px;">
|
||||
<button type="button" class="btn btn-default" onclick="doTreeNameSearch();" style="background-color:transparent;color: #11CAFF;border: 0px;height:25px;line-height:15px;"><i class="fa fa-search"></i> 查询</button>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float:left;width: 100%;height:40px;">
|
||||
<div style="float:left;width: 50%;height: 100%;color:#13B4E5;cursor: pointer;padding: 5px;" onclick="tabChange('1');">
|
||||
<div id="tab1name" style="float:left;width: 100%;height:100%;text-align: center;line-height: 35px;">景观地标</div>
|
||||
</div>
|
||||
<div style="float:left;width: 50%;height: 100%;color:#13B4E5;cursor: pointer;padding: 5px;" onclick="tabChange('2');">
|
||||
<div id="tab2name" style="float:left;width: 100%;height:100%;text-align: center;line-height: 35px;">监测设备</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="tab1" style="float:left;width: 100%;height:449px;display: none;color:#13B4E5;">
|
||||
<div id="tab1Tree" class="tree" ></div>
|
||||
</div>
|
||||
<div id="tab2" style="float:left;width: 100%;height:449px;display: none;color:#13B4E5;">
|
||||
<div id="tab2Tree" class="tree" ></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="width: 212px;height: 72px;position:absolute;right:15px;top:150px;background: rgba(9,26,70,0.80);border: 1px solid #47a9e2;border-radius:5px;">
|
||||
<div style="float:left;height: 100%;width: 33.3%;padding-top: 5px;">
|
||||
<div id="fzimg" style="margin-left: 14px;height: 40px;width: 40px;"></div>
|
||||
<div style="padding-left: 20px;height: 32px;font-size: 14px;color: #11caff;">仿真</div>
|
||||
</div>
|
||||
<div style="float:left;height: 100%;width: 33.3%;padding-top: 5px;">
|
||||
<div id="cjimg" style="margin-left: 14px;height: 40px;width: 40px;"></div>
|
||||
<div style="padding-left: 20px;height: 32px;font-size: 14px;color: #11caff;">测距</div>
|
||||
</div>
|
||||
<div style="float:left;height: 100%;width: 33.3%;padding-top: 5px;">
|
||||
<div id="fhimg" style="margin-left: 14px;height: 40px;width: 40px;"></div>
|
||||
<div style="padding-left: 20px;height: 32px;font-size: 14px;color: #11caff;">返回</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="width: 214px;height: 222px;position:absolute;right:15px;top:410px;background:rgba(43,102,169,0.5);border-radius:8px;"></div>
|
||||
|
||||
<!-- <iframe id="iframeid" src="http://180.76.177.120:8802/ChengDu_threejs_20210207/html/" allowTransparency="true" style="width:100%;height:100%;" frameBorder="0" scrolling="auto"></iframe> -->
|
||||
<iframe id="iframeid" src="http://118.122.125.134:8081/CDBIM/data/showOnlyLineForBIM.do?unitId=028CDBIM&mpcode=HC0101_c16" allowTransparency="true" style="width:100%;height:100%;" frameBorder="0" scrolling="auto"></iframe>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
124
WebRoot/jsp/bim/eqView.jsp
Normal file
124
WebRoot/jsp/bim/eqView.jsp
Normal file
@ -0,0 +1,124 @@
|
||||
<%@ 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">
|
||||
.title_bim{
|
||||
color: #ACD8F0;
|
||||
font-size: 16px;
|
||||
opacity: 0.9;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
}
|
||||
.content_bim{
|
||||
color: #E8F7FF;
|
||||
font-size: 16px;
|
||||
opacity: 0.9;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
}
|
||||
</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");
|
||||
|
||||
});
|
||||
|
||||
</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;padding: 20px 30px 20px 30px;">
|
||||
<div class="modal-body" style="height: 100%;">
|
||||
<div class="form-group" style="height: 45px;">
|
||||
<label class="col-sm-2 control-label title_bim">所属厂区</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.company.sname}</span>
|
||||
</div>
|
||||
<label class="col-sm-2 control-label title_bim">设备名称</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.equipmentname}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" style="height: 45px;">
|
||||
<label class="col-sm-2 control-label title_bim">设备所属/工艺线</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard._equipmentBelongName}</span>
|
||||
</div>
|
||||
<label class="col-sm-2 control-label title_bim">设备类型</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.equipmentClass.name}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" style="height: 45px;">
|
||||
<label class="col-sm-2 control-label title_bim">工艺段</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.processSection.name}</span>
|
||||
</div>
|
||||
<label class="col-sm-2 control-label title_bim">设备等级</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.equipmentLevel.levelname}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" style="height: 45px;">
|
||||
<label class="col-sm-2 control-label title_bim">设备编号</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.equipmentcardid}</span>
|
||||
</div>
|
||||
<label class="col-sm-2 control-label title_bim">规格型号</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.equipmentmodelname}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" style="height: 45px;">
|
||||
<label class="col-sm-2 control-label title_bim">安装地点</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.areaid}</span>
|
||||
</div>
|
||||
<label class="col-sm-2 control-label title_bim">安装日期</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.installDate.substring(0,10)}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" style="height: 45px;">
|
||||
<label class="col-sm-2 control-label title_bim">制造厂家</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.equipmentmanufacturer}</span>
|
||||
</div>
|
||||
<label class="col-sm-2 control-label title_bim">出厂编号</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.factoryNumber}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group" style="height: 45px;">
|
||||
<label class="col-sm-2 control-label title_bim">启用日期</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.openDate.substring(0,10)}</span>
|
||||
</div>
|
||||
<label class="col-sm-2 control-label title_bim">出厂年月</label>
|
||||
<div class="col-sm-4 content_bim">
|
||||
<span>${equipmentCard.productiondate.substring(0,10)}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
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>
|
||||
124
WebRoot/jsp/bim/openVLCCamera.jsp
Normal file
124
WebRoot/jsp/bim/openVLCCamera.jsp
Normal file
@ -0,0 +1,124 @@
|
||||
<%@ 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"%>
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" >
|
||||
<head>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/node_modules/video/video-js.css"/>
|
||||
<script src="<%=request.getContextPath()%>/node_modules/video/video.js"></script>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/video/videojs-flash.min.js"></script>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/video/videojs-contrib-hls.js"></script>
|
||||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||||
<script>
|
||||
// var itemId = 0;
|
||||
// function getVLC(name)
|
||||
// {
|
||||
// if (window.document[name])
|
||||
// {
|
||||
// return window.document[name];
|
||||
// }
|
||||
// if (navigator.appName.indexOf("Microsoft Internet")==-1)
|
||||
// {
|
||||
// if (document.embeds && document.embeds[name])
|
||||
// return document.embeds[name];
|
||||
// }
|
||||
// else
|
||||
// {
|
||||
// return document.getElementById(name);
|
||||
// }
|
||||
// }
|
||||
|
||||
function doGo(mrl)
|
||||
{
|
||||
// var vlc = getVLC("vlc");
|
||||
// itemId=vlc.playlist.add(mrl);
|
||||
// vlc.playlist.playItem(itemId);
|
||||
// document.getElementById("btn_stop").disabled = false;
|
||||
|
||||
// var src = mrl;
|
||||
// var sourceDom = $("<source src=\""+ src +"\" type=\"application/x-mpegURL\">");
|
||||
// $("#myVideo").append(sourceDom);
|
||||
$('#source').attr("src",mrl);
|
||||
}
|
||||
|
||||
$(window).load(function () {
|
||||
|
||||
// $.ajax({
|
||||
// type:'POST',
|
||||
// url:ext.contextPath+"/bim/BIMCamera/getList.do",
|
||||
// data:"devicepass=${devicepass}",
|
||||
// async: false,
|
||||
// globle:false,
|
||||
// error: function(){
|
||||
// alert('数据处理错误！');
|
||||
// return false;
|
||||
// },
|
||||
// success: function(data){
|
||||
// console.log(data);
|
||||
// doGo(data[0].interfaces);
|
||||
// }
|
||||
// });
|
||||
|
||||
// $.post(ext.contextPath + "/bim/BIMCamera/getList.do", {devicepass:'${devicepass}'}, function (data) {
|
||||
// doGo(data[0].interfaces);
|
||||
// }, 'json');
|
||||
});
|
||||
|
||||
// function doPlay()
|
||||
// {
|
||||
// var vlc = getVLC("vlc");
|
||||
// vlc.playlist.playItem(itemId);
|
||||
// document.getElementById("btn_stop").disabled = false;
|
||||
// document.getElementById("btn_play").disabled = true;
|
||||
// }
|
||||
|
||||
// function doStop()
|
||||
// {
|
||||
// getVLC("vlc").playlist.stop();
|
||||
// document.getElementById("btn_stop").disabled = true;
|
||||
// document.getElementById("btn_play").disabled = false;
|
||||
// }
|
||||
|
||||
// var myPlayer = videojs('myVideo');
|
||||
// videojs("myVideo").ready(function(){
|
||||
// var myPlayer = this;
|
||||
// myPlayer.play();
|
||||
// });
|
||||
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<video id="myVideo" class="video-js vjs-default-skin vjs-big-play-centered"
|
||||
controls="controls" muted="muted" autoplay="true" preload="auto" width="970" height="485" data-setup="">
|
||||
<source id="source" src="${devicepass}" type="application/x-mpegURL">
|
||||
</video>
|
||||
<!-- <div>
|
||||
<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" id="vlc"
|
||||
codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
|
||||
width="960" height="540" id="vlc" events="True">
|
||||
<param name="MRL" value="" />
|
||||
<param name="Src" value="" />
|
||||
<param name="ShowDisplay" value="True" />
|
||||
<param name="AutoLoop" value="False" />
|
||||
<param name="AutoPlay" value="True" />
|
||||
<param name="Time" value="True"/>
|
||||
<EMBED pluginspage="http://www.videolan.org"
|
||||
type="application/x-vlc-plugin"
|
||||
version="VideoLAN.VLCPlugin.2"
|
||||
width="960"
|
||||
height="540"
|
||||
text="Waiting for video"
|
||||
name="vlc"
|
||||
></EMBED>
|
||||
</OBJECT>
|
||||
</div>
|
||||
<div>
|
||||
<input type=button id="btn_play" value="播放 " onClick='doPlay();' disabled="true">
|
||||
<input type=button id="btn_stop" value="停止" onClick='doStop();' disabled="true">
|
||||
</div> -->
|
||||
</body>
|
||||
</html>
|
||||
499
WebRoot/jsp/bim/overviewOfWaterPlants.jsp
Normal file
499
WebRoot/jsp/bim/overviewOfWaterPlants.jsp
Normal file
@ -0,0 +1,499 @@
|
||||
<%@ 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;
|
||||
}
|
||||
|
||||
getData1();
|
||||
getData2();
|
||||
});
|
||||
|
||||
function getData1() {
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: ext.contextPath + "/digitalProcess/digitalTechnologist/getDataByJspCode_TY.do",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
unitId: nowUnitId,
|
||||
jspId: 'bim_overviewOfWaterPlants',
|
||||
dataType: "0",
|
||||
// sdt: '2022-06-01',
|
||||
// edt: '2022-06-01'
|
||||
},
|
||||
async: true,
|
||||
error: function () {
|
||||
return false;
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.length > 0) {
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let content = data[i];
|
||||
if (content.getValueType == 'getRedisData') {
|
||||
if (content.value != null) {
|
||||
let redisValue = eval("(" + content.value + ")");
|
||||
// console.log(redisValue)
|
||||
let outValue = redisValue.mpvalue;
|
||||
if (isNumber(outValue)) {
|
||||
if (content.visualCacheData != null) {
|
||||
if (content.visualCacheData.numtail != null) {
|
||||
outValue = Number(outValue).toFixed(Number(content.visualCacheData.numtail));
|
||||
}
|
||||
}
|
||||
outValue = toThousands(outValue);
|
||||
}
|
||||
if (content.visualCacheData != null) {
|
||||
if (content.visualCacheData.unit != null) {
|
||||
outValue += content.visualCacheData.unit;
|
||||
}
|
||||
}
|
||||
$('.' + content.elementCode).text(outValue);
|
||||
} else {
|
||||
$('.' + content.elementCode).text('-');
|
||||
}
|
||||
} else if (content.getValueType == 'getMpMainValue') {
|
||||
if (content.mPoint != null) {
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
getChart1();
|
||||
getChart2();
|
||||
}
|
||||
|
||||
function getData2() {
|
||||
let edt = getNowTime();
|
||||
let sdt = getPlusTime(edt, "-30", "day");
|
||||
|
||||
$.ajax({
|
||||
type: 'GET',
|
||||
url: ext.contextPath + "/digitalProcess/digitalTechnologist/getDataByJspCode_TY.do",
|
||||
dataType: 'json',
|
||||
data: {
|
||||
unitId: nowUnitId,
|
||||
jspId: 'bim_overviewOfWaterPlants',
|
||||
dataType: "1",
|
||||
sdt: edt,
|
||||
edt: sdt
|
||||
},
|
||||
async: true,
|
||||
error: function () {
|
||||
return false;
|
||||
},
|
||||
success: function (data) {
|
||||
if (data.length > 0) {
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let content = data[i];
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function getChart1() {
|
||||
let value = 85;
|
||||
let myChart = echarts.init(document.getElementById("chart1"));
|
||||
let option = {
|
||||
title: [
|
||||
{
|
||||
text: '运行负荷',
|
||||
x: 'center',
|
||||
top: '55%',
|
||||
textStyle: {
|
||||
color: '#FFFFFF',
|
||||
fontSize: 10,
|
||||
fontWeight: '100',
|
||||
},
|
||||
},
|
||||
{
|
||||
text: value + '%',
|
||||
x: 'center',
|
||||
top: '30%',
|
||||
textStyle: {
|
||||
fontSize: '26',
|
||||
color: '#FFFFFF',
|
||||
fontFamily: 'DINAlternate-Bold, DINAlternate',
|
||||
foontWeight: '600',
|
||||
},
|
||||
},
|
||||
],
|
||||
polar: {
|
||||
radius: ['80%', '90%'],
|
||||
center: ['50%', '50%'],
|
||||
},
|
||||
angleAxis: {
|
||||
max: 100,
|
||||
show: false,
|
||||
},
|
||||
radiusAxis: {
|
||||
type: 'category',
|
||||
show: true,
|
||||
axisLabel: {
|
||||
show: false,
|
||||
},
|
||||
axisLine: {
|
||||
show: false,
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '',
|
||||
type: 'bar',
|
||||
roundCap: true,
|
||||
barWidth: 30,
|
||||
showBackground: true,
|
||||
backgroundStyle: {
|
||||
color: 'rgba(66, 66, 66, .3)',
|
||||
},
|
||||
data: [value],
|
||||
coordinateSystem: 'polar',
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
|
||||
{
|
||||
offset: 0,
|
||||
color: '#16CEB9',
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: '#21FFE5',
|
||||
},
|
||||
]),
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
name: '',
|
||||
type: 'pie',
|
||||
startAngle: 80,
|
||||
radius: ['75%', '95%'],
|
||||
hoverAnimation: false,
|
||||
center: ['50%', '50%'],
|
||||
itemStyle: {
|
||||
color: 'rgba(66, 66, 66, .1)',
|
||||
borderWidth: 1,
|
||||
borderColor: '#5269EE',
|
||||
},
|
||||
data: [100],
|
||||
},
|
||||
]
|
||||
};
|
||||
myChart.setOption(option, true);
|
||||
}
|
||||
|
||||
function getChart2() {
|
||||
let myChart = echarts.init(document.getElementById("chart2"));
|
||||
let option = {
|
||||
color: ['#1BFFDB', '#40B5FF'],
|
||||
tooltip: {
|
||||
trigger: 'axis'
|
||||
},
|
||||
grid: {
|
||||
left: '10px', // 与容器左侧的距离
|
||||
right: '10px', // 与容器右侧的距离
|
||||
top: '30px', // 与容器顶部的距离
|
||||
bottom: '30px', // 与容器底部的距离
|
||||
containLabel: true
|
||||
},
|
||||
legend: {
|
||||
bottom: 5,
|
||||
itemWidth: 8,
|
||||
itemHeight: 8,
|
||||
icon: 'circle',
|
||||
padding: 0,
|
||||
right: 20,
|
||||
textStyle: {
|
||||
color: '#fff',
|
||||
fontSize: 14,
|
||||
padding: [2, 0, 0, 0],
|
||||
},
|
||||
data: ['处理水量', '计划水量']
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
position: 'bottom',
|
||||
axisLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
splitArea: {
|
||||
// show: true,
|
||||
color: '#f00',
|
||||
lineStyle: {
|
||||
color: '#f00',
|
||||
}
|
||||
},
|
||||
axisLabel: {
|
||||
color: '#fff',
|
||||
margin: 15
|
||||
},
|
||||
splitLine: {
|
||||
show: false
|
||||
},
|
||||
axisTick: {
|
||||
show: false
|
||||
},
|
||||
boundaryGap: false,
|
||||
data: ['10月', '11月', '12月', '1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月']
|
||||
},
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
name: '万吨',
|
||||
nameTextStyle: {
|
||||
color: '#fff'
|
||||
},
|
||||
type: 'value',
|
||||
splitNumber: 5,
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: 'rgba(255, 255, 255, 0.3)',
|
||||
width: 1,
|
||||
type: 'dashed'
|
||||
}
|
||||
},
|
||||
axisLine: {
|
||||
show: false,
|
||||
},
|
||||
axisLabel: {
|
||||
show: true,
|
||||
margin: 20,
|
||||
textStyle: {
|
||||
color: '#fff'
|
||||
}
|
||||
},
|
||||
axisTick: {
|
||||
show: false
|
||||
}
|
||||
}
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: '处理水量',
|
||||
type: 'line',
|
||||
smooth: true, //是否平滑
|
||||
symbol: 'none',
|
||||
lineStyle: {
|
||||
normal: {
|
||||
color: '#00E39A',
|
||||
shadowColor: 'rgba(0, 0, 0, .3)',
|
||||
shadowBlur: 0,
|
||||
shadowOffsetY: 1,
|
||||
shadowOffsetX: 1
|
||||
},
|
||||
},
|
||||
areaStyle: {
|
||||
normal: {
|
||||
color: new echarts.graphic.LinearGradient(
|
||||
0,
|
||||
0,
|
||||
0,
|
||||
1,
|
||||
[
|
||||
{
|
||||
offset: 0,
|
||||
color: 'rgba(27,255,219,0.5)'
|
||||
},
|
||||
{
|
||||
offset: 1,
|
||||
color: 'rgba(27,255,219,0)'
|
||||
}
|
||||
],
|
||||
false
|
||||
)
|
||||
}
|
||||
},
|
||||
data: [60, 50, 70, 50, 40, 90, 40, 80, 60, 50, 80, 60]
|
||||
},
|
||||
{
|
||||
name: '计划水量',
|
||||
type: 'line',
|
||||
symbol: 'none',
|
||||
lineStyle: {
|
||||
color: '#40B5FF',
|
||||
shadowColor: '#40B5FF',
|
||||
shadowBlur: 5
|
||||
},
|
||||
data: [70, 70, 70, 70, 70, 70, 70, 70, 70, 70, 70, 70]
|
||||
}
|
||||
]
|
||||
};
|
||||
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: left;width: 530px;height: 100%;background:url(<%=request.getContextPath()%>/IMG/bim/渐变背景.png);background-size: 100% 100%;">
|
||||
<div style="float: left;width: 100%;height: 38px;margin-left: 20px;margin-top: 104px;">
|
||||
<div style="float: left;width: 412px;height: 38px;background:url(<%=request.getContextPath()%>/IMG/bim/水厂概览标题.png);background-size: 100% 100%;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 100%;height: 200px;">
|
||||
<div id="chart1" style="float: left;width: 120px;height: 120px;margin-left: 33px;margin-top: 47.5px;">
|
||||
|
||||
</div>
|
||||
<div style="float: left;width: 240px;height: 100%;margin-left: 30px;">
|
||||
<div style="float: left;width: 100%;height: 24px;margin-top: 15px;">
|
||||
<div style="float: left;width: 5px;height: 5px;margin-top: 9.5px;background: #51b8ff;box-shadow: -1px 0px 2px 1px rgba(81,184,255,0.4);"></div>
|
||||
<div style="float: left;width: 60px;height: 100%;color: #e8f7ff;font-size: 14px;font-family: Adobe Heiti Std, Adobe Heiti Std-R;margin-left: 10px;">
|
||||
计划水量
|
||||
</div>
|
||||
<div style="float: right;width: 60px;height: 100%;text-align:right;color: #51B8FF;font-size: 14px;font-weight: 700;font-family: Adobe Heiti Std, Adobe Heiti Std-R;">
|
||||
700
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;width: 100%;height: 18px;background: rgba(64,181,255,0.10);border: 1px solid rgba(64,181,255,0.70);padding: 4px;">
|
||||
<div style="float: left;width: 100%;height: 8px;background: rgba(64,181,255,0.30);border: 1px solid rgba(64,181,255,0.70);"></div>
|
||||
</div>
|
||||
|
||||
<div style="float: left;width: 100%;height: 24px;margin-top: 15px;">
|
||||
<div style="float: left;width: 5px;height: 5px;margin-top: 9.5px;background: #21FFE5;box-shadow: -1px 0px 2px 1px rgba(33,255,229,0.4);"></div>
|
||||
<div style="float: left;width: 60px;height: 100%;font-size: 14px;font-family: Adobe Heiti Std, Adobe Heiti Std-R;margin-left: 10px;">
|
||||
处理水量
|
||||
</div>
|
||||
<div style="float: right;width: 60px;height: 100%;text-align:right;color: #20FFFB;font-size: 14px;font-weight: 700;font-family: Adobe Heiti Std, Adobe Heiti Std-R;">
|
||||
150
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;width: 100%;height: 18px;background: rgba(27,255,219,0.10);border: 1px solid rgba(27,255,219,0.70);padding: 4px;">
|
||||
<div style="float: left;width: 30%;height: 8px;background: rgba(27,255,219,0.30);border: 1px solid rgba(27,255,219,0.70);"></div>
|
||||
</div>
|
||||
|
||||
<div style="float: left;width: 100%;height: 24px;margin-top: 15px;">
|
||||
<div style="float: left;width: 5px;height: 5px;margin-top: 9.5px;background: #FFB65F;box-shadow: -1px 0px 2px 1px rgba(255,182,95,0.4);"></div>
|
||||
<div style="float: left;width: 60px;height: 100%;font-size: 14px;font-family: Adobe Heiti Std, Adobe Heiti Std-R;margin-left: 10px;">
|
||||
设计水量
|
||||
</div>
|
||||
<div style="float: right;width: 60px;height: 100%;text-align:right;color: #FFB65F;font-size: 14px;font-weight: 700;font-family: Adobe Heiti Std, Adobe Heiti Std-R;">
|
||||
550
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;width: 100%;height: 18px;background: rgba(255,182,95,0.10);border: 1px solid rgba(255,182,95,0.70);padding: 4px;">
|
||||
<div style="float: left;width: 80%;height: 8px;background: rgba(255,182,95,0.30);border: 1px solid rgba(255,182,95,0.70);"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;width: 412px;height: 251px;margin-left: 20px;margin-top: 10px;background:rgba(37,63,110,0.5);padding: 10px;">
|
||||
<div style="float:left;width: 100%;height: 100%;text-align: center;">
|
||||
<div style="float:left;width:100%;height: 16.6%;background: rgba(62,162,219,0.2);color: #FFFFFF;line-height: 38px;">
|
||||
<div style="float:left;width: 20%;height: 100%;"></div>
|
||||
<div style="float:left;width: 20%;height: 100%;">实时值</div>
|
||||
<div style="float:left;width: 20%;height: 100%;">最大值</div>
|
||||
<div style="float:left;width: 20%;height: 100%;">最小值</div>
|
||||
<div style="float:left;width: 20%;height: 100%;">平均值</div>
|
||||
</div>
|
||||
<div style="float:left;width:100%;height: 16.6%;color: #FFFFFF;line-height: 38px;">
|
||||
<div style="float:left;width: 20%;height: 100%;">COD</div>
|
||||
<div style="float:left;width: 20%;height: 100%;">
|
||||
<div style="float: left;width: 17px;height: 15px;margin-top: 3px;">
|
||||
<svg t="1712035981534" class="icon" viewBox="0 0 1024 1024" width="17" height="15">
|
||||
<path d="M954.395224 834.790684L553.317523 140.104945a47.725978 47.725978 0 0 0-82.660628 0L68.783061 836.170101a47.724954 47.724954 0 0 0 41.330314 71.586408h803.772227c26.357298 0 47.723931-21.366633 47.723931-47.724954 0-9.269108-2.641153-17.920138-7.214309-25.240871z m-401.463488-72.672136c0 22.606881-18.326391 40.932248-40.932248 40.932248-22.606881 0-40.932248-18.325367-40.932248-40.932248v-1.312902c0-22.606881 18.325367-40.932248 40.932248-40.932248 22.605857 0 40.932248 18.325367 40.932248 40.932248v1.312902z m0-149.564388c0 22.606881-18.325367 40.932248-40.932248 40.932248-22.605857 0-40.932248-18.325367-40.932248-40.932248V394.911258c0-22.606881 18.326391-40.932248 40.932248-40.932248 22.606881 0 40.932248 18.325367 40.932248 40.932248V612.55416z"
|
||||
fill="#FF0000" p-id="14094"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div style="float: left;width: 44px;height: 22px;margin-left: 0px;margin-top: 8.15px;line-height: 21px;background: rgba(255,0,0,0.54);border: 1px solid #ff0000;">
|
||||
5.66
|
||||
</div>
|
||||
</div>
|
||||
<div class="max_cod" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="min_cod" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="avg_cod" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
</div>
|
||||
|
||||
<div style="float:left;width:100%;height: 16.6%;color: #FFFFFF;line-height: 38px;">
|
||||
<div style="float:left;width: 20%;height: 100%;">PH</div>
|
||||
<div style="float:left;width: 20%;height: 100%;">
|
||||
5.66
|
||||
</div>
|
||||
<div class="max_ph" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="min_ph" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="avg_ph" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
</div>
|
||||
|
||||
<div style="float:left;width:100%;height: 16.6%;color: #FFFFFF;line-height: 38px;">
|
||||
<div style="float:left;width: 20%;height: 100%;">氨氮</div>
|
||||
<div style="float:left;width: 20%;height: 100%;">
|
||||
5.66
|
||||
</div>
|
||||
<div class="max_nh" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="min_nh" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="avg_nh" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
</div>
|
||||
|
||||
<div style="float:left;width:100%;height: 16.6%;color: #FFFFFF;line-height: 38px;">
|
||||
<div style="float:left;width: 20%;height: 100%;">TN</div>
|
||||
<div style="float:left;width: 20%;height: 100%;">
|
||||
5.66
|
||||
</div>
|
||||
<div class="max_tn" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="min_tn" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="avg_tn" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
</div>
|
||||
|
||||
<div style="float:left;width:100%;height: 16.6%;color: #FFFFFF;line-height: 38px;">
|
||||
<div style="float:left;width: 20%;height: 100%;">TP</div>
|
||||
<div style="float:left;width: 20%;height: 100%;">
|
||||
5.66
|
||||
</div>
|
||||
<div class="max_tp" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="min_tp" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
<div class="avg_tp" style="float:left;width: 20%;height: 100%;">5.66</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="float: left;width: 100%;height: 38px;margin-left: 20px;margin-top: 20px;">
|
||||
<div style="float: left;width: 412px;height: 38px;background:url(<%=request.getContextPath()%>/IMG/bim/水量趋势标题.png);background-size: 100% 100%;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 412px;height: 264px;margin-left: 20px;margin-top: -4px;background:rgba(37,63,110,0.5);padding: 10px;">
|
||||
<div id="chart2" style="float: left;width: 100%;height: 100%;">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
227
WebRoot/jsp/bim/personnelPositioning.jsp
Normal file
227
WebRoot/jsp/bim/personnelPositioning.jsp
Normal file
@ -0,0 +1,227 @@
|
||||
<%@ 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>
|
||||
281
WebRoot/jsp/bim/routeData.jsp
Normal file
281
WebRoot/jsp/bim/routeData.jsp
Normal file
@ -0,0 +1,281 @@
|
||||
<%@ 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 bodyWidth = $(window).width();
|
||||
var bodyHeight = $(window).height();
|
||||
|
||||
$('#mian').css('width', bodyWidth);
|
||||
$('#mian').css('height', bodyHeight);
|
||||
|
||||
$.ajax({
|
||||
url: ext.contextPath + '/bim/page/getRouteEqData.do',
|
||||
type: "POST",
|
||||
data: {
|
||||
code: '${param.code}',
|
||||
unitId: '${param.unitId}'
|
||||
},
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
// console.log(data)
|
||||
let totalEqNum = 0;
|
||||
let totalPointNum = 0;
|
||||
let completePointNum = 0;
|
||||
let abnormalPointNum = 0;
|
||||
let abnormalEqNum = 0;
|
||||
let normalEqNum = 0;
|
||||
let eqRateNum = 100;
|
||||
if (data.length > 0) {
|
||||
totalEqNum = data[0].eqNum;
|
||||
totalPointNum = data[0].pointNum;
|
||||
completePointNum = data[0].pointNum;
|
||||
abnormalPointNum = data[0].abnormalPointNum;
|
||||
abnormalEqNum = data[0].abnormalEqNum;
|
||||
normalEqNum = data[0].normalEqNum;
|
||||
if (Number(totalEqNum) > 0) {
|
||||
eqRateNum = (Number(normalEqNum) / Number(totalEqNum) * 100).toFixed(0);
|
||||
}
|
||||
|
||||
$('#totalEqNum').text(totalEqNum);
|
||||
$('#totalPointNum').text(totalPointNum);
|
||||
$('#completePointNum').text(completePointNum);
|
||||
$('#abnormalPointNum').text(abnormalPointNum);
|
||||
if (Number(abnormalPointNum) > 0) {
|
||||
$('#abnormalPointNum').css("color", "#F7FF00");
|
||||
}
|
||||
$('#abnormalEqNum').text(abnormalEqNum);
|
||||
if (Number(abnormalEqNum) > 0) {
|
||||
$('#abnormalEqNum').css("color", "#F7FF00");
|
||||
}
|
||||
$('#normalEqNum').text(normalEqNum);
|
||||
$('#eqRateNum').text(eqRateNum + "%");
|
||||
if (Number(eqRateNum) < 100) {
|
||||
$('#eqRateNum').css("color", "#F7FF00");
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$.ajax({
|
||||
url: ext.contextPath + '/bim/page/getRouteData.do',
|
||||
type: "POST",
|
||||
data: {
|
||||
code: '${param.code}',
|
||||
unitId: '${param.unitId}',
|
||||
type: 'alarm'
|
||||
},
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
// console.log(data)
|
||||
var html = "<table style='width: 100%;color: #0AB1DF;font-size: 52px;table-layout:fixed;text-align: center;able-layout: fixed;overflow: auto;'>";
|
||||
if (data.length > 0) {
|
||||
html += "<tbody style='width: 100%;'>";
|
||||
html += "<tr style='width: 100%;color: #C9C9C9;font-weight: 700;height: 60px;border-bottom: 2px solid #f4f4f4;'>";
|
||||
html += "<td style='width: 20%;'>设备名称</td>";
|
||||
html += "<td style='width: 80%;'>报警信息</td>";
|
||||
html += "</tr>";
|
||||
html += "</tbody>";
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let content = data[i];
|
||||
html += "<tr style='width: 100%;color: #C9C9C9;height: 60px;border-bottom: 1px solid #f4f4f4;'>";
|
||||
html += "<td style='white-space: nowrap;overflow: hidden;text-overflow: ellipsis;'>" + content.eqname + "</td>";
|
||||
html += "<td style='white-space: nowrap;overflow: hidden;text-overflow: ellipsis;'>" + content.alarmcontent + "</td>";
|
||||
html += "</tr>";
|
||||
}
|
||||
} else {
|
||||
html += "<tbody>";
|
||||
html += "<tr style='width: 100%;color: #C9C9C9;font-weight: 700;'>";
|
||||
html += "<td style='text-align: left;padding-left: 30px;padding-top: 30px;'>无报警信息！</td>";
|
||||
html += "</tr>";
|
||||
html += "</tbody>";
|
||||
}
|
||||
html += "</table>";
|
||||
$('#alarmTab').append(html);
|
||||
}
|
||||
});
|
||||
|
||||
$.ajax({
|
||||
url: ext.contextPath + '/bim/page/getRouteData.do',
|
||||
type: "POST",
|
||||
data: {
|
||||
code: '${param.code}',
|
||||
unitId: '${param.unitId}',
|
||||
type: 'point'
|
||||
},
|
||||
dataType: 'json',
|
||||
success: function (data) {
|
||||
// console.log(data)
|
||||
var html = "<table style='width: 100%;color: #0AB1DF;font-size: 52px;table-layout:fixed;text-align: center;overflow: auto;'>";
|
||||
if (data.length > 0) {
|
||||
html += "<tbody style='width: 100%;'>";
|
||||
html += "<tr style='width: 100%;color: #C9C9C9;font-weight: 700;height: 60px;border-bottom: 2px solid #f4f4f4;'>";
|
||||
html += "<td style='width: 25%;'>设备名称</td>";
|
||||
html += "<td style='width: 30%;'>点位名称</td>";
|
||||
html += "<td style='width: 25%;'>点位编号</td>";
|
||||
html += "<td style='width: 20%;'>当前值</td>";
|
||||
html += "</tr>";
|
||||
html += "</tbody>";
|
||||
for (let i = 0; i < data.length; i++) {
|
||||
let content = data[i];
|
||||
html += "<tr style='width: 100%;color: #C9C9C9;height: 60px;border-bottom: 1px solid #f4f4f4;'>";
|
||||
html += "<td style='white-space: nowrap;overflow: hidden;text-overflow: ellipsis;'>" + content.eqname + "</td>";
|
||||
html += "<td style='white-space: nowrap;overflow: hidden;text-overflow: ellipsis;'>" + content.mpname + "</td>";
|
||||
html += "<td style='white-space: nowrap;overflow: hidden;text-overflow: ellipsis;'>" + content.mpid + "</td>";
|
||||
html += "<td style='white-space: nowrap;overflow: hidden;text-overflow: ellipsis;'>" + content.alarmvalue + "</td>";
|
||||
html += "</tr>";
|
||||
}
|
||||
} else {
|
||||
html += "<tbody>";
|
||||
html += "<tr style='width: 100%;color: #C9C9C9;font-weight: 700;'>";
|
||||
html += "<td style='text-align: left;padding-left: 30px;padding-top: 30px;'>无点位信息！</td>";
|
||||
html += "</tr>";
|
||||
html += "</tbody>";
|
||||
}
|
||||
html += "</table>";
|
||||
$('#pointTab').append(html);
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
function changeTab(st) {
|
||||
if (st == '0') {
|
||||
$('#pointTab').css("display", "none");
|
||||
$('#alarmTab').css("display", "block");
|
||||
$('#click2').css("background", "transparent");
|
||||
$('#click2').css("border", "0px solid #00cbff");
|
||||
$('#click1').css("background", "#066baf");
|
||||
$('#click1').css("border", "1px solid #00cbff");
|
||||
} else if (st == '1') {
|
||||
$('#alarmTab').css("display", "none");
|
||||
$('#pointTab').css("display", "block");
|
||||
$('#click1').css("background", "transparent");
|
||||
$('#click1').css("border", "0px solid #00cbff");
|
||||
$('#click2').css("background", "#066baf");
|
||||
$('#click2').css("border", "1px solid #00cbff");
|
||||
}
|
||||
}
|
||||
|
||||
// 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 style="background-color: transparent;">
|
||||
<div id="mian"
|
||||
style="float: left;background-color: rgba(9,48,112,0.7);background-size: 100% 100%;border-radius: 8px;padding: 30px;">
|
||||
<div style="float: left;width:280px;height: 80px;text-align: left;line-height: 80px;color: #D3F9FF;font-size: 70px;font-family: Microsoft YaHei UI, Microsoft YaHei UI-Regular;border-bottom: 8px solid #d3f9ff;">
|
||||
巡检报告
|
||||
</div>
|
||||
<div style="float: left;width: calc(100% - 280px);height: 80px;border-bottom: 1px solid #d3f9ff;">
|
||||
</div>
|
||||
<div style="float: left;width: 100%;height: 160px;">
|
||||
<div style="float: left;width: 100%;height: 80px;padding: 10px 15px;">
|
||||
<div style="float: left;width: 23%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;padding-left:20px;">
|
||||
<div style="float: left;width: 60%;height: 60px;">
|
||||
设备总数：
|
||||
</div>
|
||||
<div id="totalEqNum"
|
||||
style="float: left;width: 40%;height: 60px;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 2%;height: 60px;"></div>
|
||||
<div style="float: left;width: 23%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;padding-left:20px;">
|
||||
<div style="float: left;width: 60%;height: 60px;">
|
||||
巡检点位数：
|
||||
</div>
|
||||
<div id="totalPointNum"
|
||||
style="float: left;width: 40%;height: 60px;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 2%;height: 60px;"></div>
|
||||
<div style="float: left;width: 23%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;padding-left:20px;">
|
||||
<div style="float: left;width: 60%;height: 60px;">
|
||||
巡检完成数：
|
||||
</div>
|
||||
<div id="completePointNum"
|
||||
style="float: left;width: 40%;height: 60px;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 2%;height: 60px;"></div>
|
||||
<div style="float: left;width: 23%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;padding-left:20px;">
|
||||
<div
|
||||
style="float: left;width: 60%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;">
|
||||
巡检完成率：
|
||||
</div>
|
||||
<div style="float: left;width: 40%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;">
|
||||
100%
|
||||
</div>
|
||||
</div>
|
||||
<div style="float: left;width: 2%;height: 60px;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 100%;height: 80px;padding: 10px 15px;">
|
||||
<div id="click1"
|
||||
style="float: left;width: 23%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;cursor: pointer;padding-left:20px;background: #066baf;border: 1px solid #00cbff;border-radius: 6px;"
|
||||
onclick="changeTab('0');">
|
||||
<div
|
||||
style="float: left;width: 60%;height: 60px;text-align: left;">
|
||||
异常点位数：
|
||||
</div>
|
||||
<div id="abnormalPointNum"
|
||||
style="float: left;width: 40%;height: 60px;text-align: left;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 2%;height: 60px;"></div>
|
||||
<div style="float: left;width: 23%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;padding-left:20px;">
|
||||
<div style="float: left;width: 60%;height: 60px;">
|
||||
涉及设备：
|
||||
</div>
|
||||
<div id="abnormalEqNum"
|
||||
style="float: left;width: 40%;height: 60px;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 2%;height: 60px;"></div>
|
||||
<div id="click2"
|
||||
style="float: left;width: 23%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;cursor: pointer;padding-left:20px;border-radius: 6px;"
|
||||
onclick="changeTab('1');">
|
||||
<div style="float: left;width: 60%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;">
|
||||
正常设备：
|
||||
</div>
|
||||
<div id="normalEqNum"
|
||||
style="float: left;width: 40%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 2%;height: 60px;"></div>
|
||||
<div style="float: left;width: 23%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;padding-left:20px;">
|
||||
<div
|
||||
style="float: left;width: 60%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;">
|
||||
设备完好率：
|
||||
</div>
|
||||
<div id="eqRateNum"
|
||||
style="float: left;width: 40%;height: 60px;color: #FFFFFF;font-size: 50px;line-height: 60px;text-align: left;"></div>
|
||||
</div>
|
||||
<div style="float: left;width: 2%;height: 60px;"></div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div id="alarmTab"
|
||||
style="float: left;width: 100%;height: calc(100% - 240px);overflow: auto;background: rgba(0,0,0,0.7);display: block;">
|
||||
</div>
|
||||
<div id="pointTab"
|
||||
style="float: left;width: 100%;height: calc(100% - 240px);overflow: auto;background: rgba(0,0,0,0.7);display: none;">
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
376
WebRoot/jsp/bim/ysAlarmRecordList.jsp
Normal file
376
WebRoot/jsp/bim/ysAlarmRecordList.jsp
Normal file
@ -0,0 +1,376 @@
|
||||
<%@page import="com.sipai.entity.maintenance.MaintenanceDetail" %>
|
||||
<%@page import="com.sipai.entity.maintenance.MaintenanceCommString" %>
|
||||
<%@page import="com.sipai.entity.workorder.WorkorderDetail" %>
|
||||
<%@ 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" %>
|
||||
|
||||
<%request.setAttribute("Status_Start", WorkorderDetail.Status_Start);%>
|
||||
<%request.setAttribute("Status_Finish", WorkorderDetail.Status_Finish);%>
|
||||
<%request.setAttribute("Status_Compete", WorkorderDetail.Status_Compete);%>
|
||||
|
||||
<%request.setAttribute("MAINTENANCE_TYPE_REPAIR", MaintenanceCommString.MAINTENANCE_TYPE_REPAIR);%>
|
||||
<%request.setAttribute("MAINTENANCE_TYPE_OVERHAUL", MaintenanceCommString.MAINTENANCE_TYPE_OVERHAUL);%>
|
||||
<%request.setAttribute("MAINTENANCE_TYPE_MAINTAIN", MaintenanceCommString.MAINTENANCE_TYPE_MAINTAIN);%>
|
||||
|
||||
<%request.setAttribute("REPAIR", WorkorderDetail.REPAIR);%>
|
||||
<%request.setAttribute("MAINTAIN", WorkorderDetail.MAINTAIN);%>
|
||||
<%request.setAttribute("ANTISEPTIC", WorkorderDetail.ANTISEPTIC);%>
|
||||
<%request.setAttribute("LUBRICATION", WorkorderDetail.LUBRICATION);%>
|
||||
<%request.setAttribute("INSTRUMENT", WorkorderDetail.INSTRUMENT);%>
|
||||
|
||||
<%request.setAttribute("planIn", WorkorderDetail.planIn);%>
|
||||
<%request.setAttribute("planOut", WorkorderDetail.planOut);%>
|
||||
|
||||
<%request.setAttribute("smallRepair", WorkorderDetail.smallRepair);%>
|
||||
<%request.setAttribute("middleRepair", WorkorderDetail.middleRepair);%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
||||
<head>
|
||||
|
||||
<%--<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">--%>
|
||||
|
||||
<title><%= ServerObject.atttable.get("TOPTITLE")%>
|
||||
</title>
|
||||
<!-- 引用页头及CSS页-->
|
||||
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
||||
<!-- 文件上传-->
|
||||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/css/fileinput.min.css"/>
|
||||
<script type="text/javascript"
|
||||
src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/fileinput.min.js"
|
||||
charset="utf-8"></script>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/locales/zh.js"
|
||||
charset="utf-8"></script>
|
||||
<style type="text/css">
|
||||
.main-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.content-header {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.main-footer {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.select2-container .select2-selection--single {
|
||||
height: 34px;
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
.select2-selection__arrow {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.table-hover > tbody > tr:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
//刷新表格
|
||||
var dosearch = function () {
|
||||
initFun();
|
||||
$("#table").bootstrapTable('refresh');
|
||||
};
|
||||
|
||||
//加载完厂区后，初始化工艺段和表格
|
||||
function initFun() {
|
||||
$("#table").bootstrapTable({ // 对应table标签的id
|
||||
url: ext.contextPath + '/bim/ysAlarmRecord/getlist.do', // 获取表格数据的url
|
||||
cache: false, // 设置为 false 禁用 AJAX 数据缓存， 默认为true
|
||||
striped: true, //表格显示条纹，默认为false
|
||||
pagination: true, // 在表格底部显示分页组件，默认false
|
||||
pageList: [10, 20, 50], // 设置页面可以显示的数据条数
|
||||
pageSize: 20, // 页面数据条数
|
||||
pageNumber: 1, // 首页页码
|
||||
sidePagination: 'server', // 设置为服务器端分页
|
||||
queryParams: function (params) { // 请求服务器数据时发送的参数，可以在这里添加额外的查询参数，返回false则终止请求
|
||||
return {
|
||||
rows: params.limit, // 每页要显示的数据条数
|
||||
page: params.offset / params.limit + 1, // 每页显示数据的开始页码
|
||||
sort: params.sort, // 要排序的字段
|
||||
order: params.order,
|
||||
search_name: $('#search_name').val(),
|
||||
search_code: unitId,
|
||||
date: $('#reservationtimeD').val(),
|
||||
name: $('#name').val(),
|
||||
selectType: $('#selectType').val()
|
||||
}
|
||||
},
|
||||
sortName: 'id', // 要排序的字段
|
||||
sortOrder: 'desc', // 排序规则
|
||||
onClickRow: function (row) {
|
||||
// viewFun(row.id);
|
||||
},
|
||||
columns: [
|
||||
{
|
||||
checkbox: true,
|
||||
},
|
||||
{
|
||||
field: 'recordTime', // 返回json数据中的name
|
||||
title: '时间', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle',
|
||||
width: '20%',
|
||||
formatter: function (value, row, index) { //REPAIR MAINTAIN
|
||||
return value.substring(0, 19);
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'recordType', // 返回json数据中的name
|
||||
title: '类型', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle',
|
||||
width: '20%',
|
||||
formatter: function (value, row, index) { //REPAIR MAINTAIN
|
||||
if (row.recordType == 'job') {
|
||||
return '数据变化请求';
|
||||
}
|
||||
if (row.recordType == 'kafka') {
|
||||
return '原水反馈';
|
||||
}
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'recordVal', // 返回json数据中的name
|
||||
title: '新值', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle',
|
||||
width: '15%',
|
||||
formatter: function (value, row, index) { //REPAIR MAINTAIN
|
||||
// return row.recordVal;
|
||||
return row.recordVal;
|
||||
//num.toFixed(0)
|
||||
}
|
||||
},
|
||||
{
|
||||
field: 'recordValOld', // 返回json数据中的name
|
||||
title: '旧值', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle',
|
||||
width: '15%',
|
||||
formatter: function (value, row, index) { //REPAIR MAINTAIN
|
||||
return row.recordValOld;
|
||||
}
|
||||
},
|
||||
/*{
|
||||
field: 'performanceHour', // 返回json数据中的name
|
||||
title: '绩效工时', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle' // 上下居中
|
||||
},*/
|
||||
{
|
||||
field: 'status', // 返回json数据中的name
|
||||
title: '状态', // 表格表头显示文字
|
||||
align: 'center', // 左右居中
|
||||
valign: 'middle', // 上下居中
|
||||
width: '30%',
|
||||
formatter: function (value, row, index) {
|
||||
if (row.recordType == 'job') {
|
||||
if (value == '0') {
|
||||
return '数值发生变化';
|
||||
} else if (value == '1') {
|
||||
return '5分钟内未收到数据';
|
||||
} else if (value == '2') {
|
||||
return '5分钟内收到原水发来的（1）:拒绝水量调整';
|
||||
} else if (value == '3') {
|
||||
return '5分钟内收到原水发来的（0）:同意水量调整';
|
||||
} else if (value == '4') {
|
||||
return '数值发生变化（已忽略）';
|
||||
} else {
|
||||
return value;
|
||||
}
|
||||
} else if (row.recordType == 'kafka'){
|
||||
if (row.recordVal == '0') {
|
||||
return '同意水量调整';
|
||||
} else if (row.recordVal == '1') {
|
||||
return '拒绝水量调整';
|
||||
}
|
||||
} else {
|
||||
return '';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
],
|
||||
onLoadSuccess: function () { //加载成功时执行
|
||||
adjustBootstrapTableView("table");
|
||||
console.info("加载数据成功");
|
||||
},
|
||||
onLoadError: function () { //加载失败时执行
|
||||
console.info("加载数据失败");
|
||||
}
|
||||
|
||||
})
|
||||
};
|
||||
|
||||
function initDate1() {
|
||||
var locale = {
|
||||
"format": 'YYYY-MM-DD HH:mm',
|
||||
"separator": " ~ ",
|
||||
"applyLabel": "确定",
|
||||
"cancelLabel": "取消",
|
||||
"fromLabel": "起始时间",
|
||||
"toLabel": "结束时间'",
|
||||
"customRangeLabel": "自定义",
|
||||
"weekLabel": "W",
|
||||
"daysOfWeek": ["日", "一", "二", "三", "四", "五", "六"],
|
||||
"monthNames": ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
|
||||
"firstDay": 1
|
||||
};
|
||||
|
||||
var oldreservationtime1 = "${param.oldreservationtime1}";
|
||||
/*if (oldreservationtime1 != "" && oldreservationtime1.length > 0) {
|
||||
beginTimeStore1 = oldreservationtime1.substring(0, 16);
|
||||
endTimeStore1 = oldreservationtime1.substring(19, 36);
|
||||
$('#reservationtimeD').val(oldreservationtime1);
|
||||
} else {
|
||||
beginTimeStore1 = moment().subtract(1, 'days').format('YYYY-MM-DD HH:mm');
|
||||
endTimeStore1 = moment().subtract(0, 'days').format('YYYY-MM-DD HH:mm');
|
||||
$('#reservationtimeD').val(beginTimeStore1 + locale.separator + endTimeStore1);
|
||||
}*/
|
||||
//定义locale汉化插件
|
||||
var curDateStart = moment().subtract(0, 'days').format('YYYY-MM-DD') + ' 00:00';
|
||||
var curDateEnd = moment().subtract(0, 'days').format('YYYY-MM-DD') + ' 23:59';
|
||||
|
||||
$('#reservationtimeD').daterangepicker({
|
||||
"timePicker": true,
|
||||
"timePicker24Hour": true,
|
||||
"linkedCalendars": false,
|
||||
"autoUpdateInput": false,
|
||||
"timePickerIncrement": 1,
|
||||
"locale": locale,
|
||||
//汉化按钮部分
|
||||
ranges: {
|
||||
// '今日': [moment(), moment().subtract(-1, 'days')],
|
||||
'昨日': [moment().subtract(1, 'days'), moment()],
|
||||
'最近7日': [moment().subtract(6, 'days'), moment().subtract(-1, 'days')],
|
||||
'本月': [moment().startOf('month'), moment().endOf('month').subtract(-1, 'days')],
|
||||
'上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month').subtract(-1, 'days')]
|
||||
},
|
||||
startDate: curDateStart,
|
||||
endDate: curDateEnd
|
||||
}, function (start, end, label) {
|
||||
curDateStart = start.format(this.locale.format);
|
||||
curDateEnd = end.format(this.locale.format);
|
||||
if (!this.startDate) {
|
||||
this.element.val('');
|
||||
} else {
|
||||
this.element.val(this.startDate.format(this.locale.format) + this.locale.separator + this.endDate.format(this.locale.format));
|
||||
}
|
||||
});
|
||||
$('#reservationtimeD').val(curDateStart + locale.separator + curDateEnd);
|
||||
|
||||
};
|
||||
|
||||
$(function () {
|
||||
initDate1();
|
||||
$(".daterangepicker").css({'width': '680px'});
|
||||
var flag = IsApp();
|
||||
if (flag == true) {
|
||||
|
||||
} else {
|
||||
$(".main-header").show();
|
||||
$(".content-header").show();
|
||||
$(".main-footer").show();
|
||||
}
|
||||
// $('#reservationtimeD').val('');
|
||||
initFun();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body onload="initMenu()" class="hold-transition ${cu.themeclass} sidebar-mini">
|
||||
<div class="wrapper">
|
||||
<div class="content-wrapper">
|
||||
|
||||
<section class="content container-fluid">
|
||||
<div id="mainAlertdiv"></div>
|
||||
<div id="subDiv"></div>
|
||||
<div id="subDiv_achievement"></div>
|
||||
<div id="subDivDetail"></div>
|
||||
<div id="user4SelectDiv"></div>
|
||||
<div id="fileInputDiv"></div>
|
||||
<div id="fault4SelectDiv"></div>
|
||||
<div id="handleDetailDiv"></div>
|
||||
<div id="maintainPlanDiv"></div>
|
||||
<div id="problemTyp4SelectDiv"></div>
|
||||
<div id="equ4SelectDiv"></div>
|
||||
<div id="emSubDiv"></div>
|
||||
<div>
|
||||
<div class="form-group " style="padding:0;">
|
||||
<div class="btn-group" style="width: 280px;padding-bottom:10px;">
|
||||
<%--<security:authorize buttonUrl="maintenance/addDetail.do">
|
||||
<button type="button" class="btn btn-default btn-sm" onclick="addFun();"><i
|
||||
class="fa fa-plus"></i> 补录
|
||||
</button>
|
||||
<button type="button" class="btn btn-default btn-sm" onclick="deletesFun();"><i
|
||||
class="fa fa-trash-o"></i> 删除
|
||||
</button>
|
||||
<button type="button" class="btn btn-default btn-sm" onclick="getExs();"><i
|
||||
class="fa fa-file-excel-o" aria-hidden="true"></i> 批量导出
|
||||
</button>
|
||||
</security:authorize>--%>
|
||||
</div>
|
||||
<div class="form-group pull-right form-inline">
|
||||
<div class="input-group input-group-sm pull-left">
|
||||
<%-- <label class="form-label">类型:</label>--%>
|
||||
<select class="form-control select2 " id="selectType" name="selectType"
|
||||
style="width: 150px; height: 34px; border-radius: 5px;">
|
||||
<option value="" selected>全部</option>
|
||||
<option value="0">数据变化请求</option>
|
||||
<option value="1">原水反馈</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
<div class="input-group input-group-sm pull-left">
|
||||
<input type="text" autocomplete="off" class="form-control pull-left"
|
||||
style="height: 34px; width: 300px;" id="reservationtimeD"
|
||||
placeholder="请选择时间">
|
||||
<button class="btn btn-default" style="height: 34px;" onclick="dosearch();"><i
|
||||
class="fa fa-search"></i>
|
||||
</button>
|
||||
</div>
|
||||
<%--<div class="input-group-btn">
|
||||
<button class="btn btn-default" style="height: 34px;" onclick="dosearch();"><i
|
||||
class="fa fa-search"></i>
|
||||
</button>
|
||||
</div>--%>
|
||||
</div>
|
||||
</div>
|
||||
<table id="table"></table>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<!-- 文件上传-->
|
||||
<link rel="stylesheet" href="<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/css/fileinput.min.css"/>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/JS/commonFileUpload.js" charset="utf-8"></script>
|
||||
<script type="text/javascript">
|
||||
document.write("<scr" + "ipt src=\"<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/fileinput.min.js\"></sc" + "ript>")
|
||||
document.write("<scr" + "ipt src=\"<%=request.getContextPath()%>/node_modules/bootstrap-fileinput/js/locales/zh.js\"></sc" + "ript>")
|
||||
</script>
|
||||
<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>
|
||||
<!-- 引入daterangepicker-->
|
||||
<link rel="stylesheet" href="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.css"/>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/moment.min.js"
|
||||
charset="utf-8"></script>
|
||||
<script type="text/javascript" src="<%=request.getContextPath()%>/plugins/bootstrap-daterangepicker/daterangepicker.js"
|
||||
charset="utf-8"></script>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user