325 lines
9.5 KiB
Plaintext
325 lines
9.5 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>
|
|
<head>
|
|
<title><%= ServerObject.atttable.get("TOPTITLE")%>
|
|
</title>
|
|
<!-- 引用页头及CSS页-->
|
|
<jsp:include page="/jsp/inc.jsp"></jsp:include>
|
|
|
|
|
|
<style type="text/css">
|
|
/*
|
|
顶部工具栏
|
|
*/
|
|
#divtop {
|
|
height: 50px;
|
|
width: 100%;
|
|
float: left;
|
|
background-color: #001E4C;
|
|
}
|
|
|
|
#divbottom {
|
|
width: 100%;
|
|
float: left;
|
|
/*background-color: #2D2D2D;*/
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
/*
|
|
流程图
|
|
*/
|
|
#u1 {
|
|
border-width: 0px;
|
|
position: absolute;
|
|
left: 87px;
|
|
top: 9px;
|
|
width: 123px;
|
|
height: 32px;
|
|
display: flex;
|
|
color: #FFFFFF;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#u1_div {
|
|
border-width: 0px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 123px;
|
|
height: 32px;
|
|
background: inherit;
|
|
background-color: rgba(28, 53, 106, 1);
|
|
box-sizing: border-box;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: rgba(200, 200, 200, 1);
|
|
border-radius: 3px;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#u1_text {
|
|
border-width: 0px;
|
|
word-wrap: break-word;
|
|
text-transform: none;
|
|
align-content: center;
|
|
}
|
|
|
|
#u1 .text {
|
|
position: absolute;
|
|
align-self: center;
|
|
padding: 12px 2px 2px 38px;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
在线预测计算
|
|
*/
|
|
#u2 {
|
|
border-width: 0px;
|
|
position: absolute;
|
|
left: 233px;
|
|
top: 9px;
|
|
width: 123px;
|
|
height: 32px;
|
|
display: flex;
|
|
color: #FFFFFF;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#u2_div {
|
|
border-width: 0px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 123px;
|
|
height: 32px;
|
|
background: inherit;
|
|
background-color: rgba(28, 53, 106, 1);
|
|
box-sizing: border-box;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: rgba(200, 200, 200, 1);
|
|
border-radius: 3px;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#u2_text {
|
|
border-width: 0px;
|
|
word-wrap: break-word;
|
|
text-transform: none;
|
|
}
|
|
|
|
#u2 .text {
|
|
position: absolute;
|
|
align-self: center;
|
|
padding: 12px 2px 2px 18px;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
计算结果
|
|
*/
|
|
#u3 {
|
|
border-width: 0px;
|
|
position: absolute;
|
|
left: 381px;
|
|
top: 9px;
|
|
width: 123px;
|
|
height: 32px;
|
|
display: flex;
|
|
color: #FFFFFF;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#u3_div {
|
|
border-width: 0px;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
width: 123px;
|
|
height: 32px;
|
|
background: inherit;
|
|
background-color: rgba(28, 53, 106, 1);
|
|
box-sizing: border-box;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-color: rgba(200, 200, 200, 1);
|
|
border-radius: 3px;
|
|
-moz-box-shadow: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
#u3_text {
|
|
border-width: 0px;
|
|
word-wrap: break-word;
|
|
text-transform: none;
|
|
}
|
|
|
|
#u3 .text {
|
|
position: absolute;
|
|
align-self: center;
|
|
padding: 12px 2px 2px 32px;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
根据不同分辨率显示不同px的文字大小
|
|
*/
|
|
@media (min-width: 400px) and (min-height: 300px) {
|
|
|
|
}
|
|
|
|
@media (min-width: 768px) and (min-height: 432px) {
|
|
|
|
}
|
|
|
|
@media (min-width: 992px) and (min-height: 558px) {
|
|
|
|
}
|
|
|
|
@media (min-width: 1200px) and (min-height: 675px) {
|
|
|
|
}
|
|
|
|
@media (min-width: 1400px) and (min-height: 875px) {
|
|
|
|
}
|
|
|
|
@media (min-width: 1600px) and (min-height: 1075px) {
|
|
|
|
}
|
|
|
|
body {
|
|
background-color: #FFFFFF;
|
|
}
|
|
</style>
|
|
|
|
<script type="text/javascript">
|
|
|
|
function viewType(type) {
|
|
if (type == '1') {
|
|
$('#u1_content').css("display", "block");
|
|
$('#u2_content').css("display", "none");
|
|
$('#u3_content').css("display", "none");
|
|
}
|
|
if (type == '2') {
|
|
$('#u2_content').css("display", "block");
|
|
$('#u1_content').css("display", "none");
|
|
$('#u3_content').css("display", "none");
|
|
|
|
//url : ext.contextPath + '/work/group/add.do?iframeId=iframeadd',
|
|
// var url = ext.contextPath + '/modelData/showCompute.do';
|
|
// alert(url);
|
|
// $('u2_content').attr('src',url);
|
|
}
|
|
if (type == '3') {
|
|
$('#u3_content').css("display", "block");
|
|
$('#u1_content').css("display", "none");
|
|
$('#u2_content').css("display", "none");
|
|
}
|
|
}
|
|
|
|
window.onresize = function () {
|
|
buttonColor();
|
|
}
|
|
|
|
function initMenu() {
|
|
//获取高度
|
|
var hei = $(window).height();
|
|
$('#divbottom').height(hei - 50);
|
|
|
|
buttonColor();
|
|
}
|
|
|
|
/*
|
|
鼠标悬浮移开颜色变化
|
|
*/
|
|
function buttonColor() {
|
|
var myDiv = document.getElementById('u1');
|
|
myDiv.addEventListener('mouseenter', function () {
|
|
document.getElementById('u1_div').style.backgroundColor = 'rgba(22, 145, 255, 1)';
|
|
});
|
|
myDiv.addEventListener('mouseleave', function () {
|
|
document.getElementById('u1_div').style.backgroundColor = 'rgba(28, 53, 106, 1)';
|
|
});
|
|
|
|
var myDiv = document.getElementById('u2');
|
|
myDiv.addEventListener('mouseenter', function () {
|
|
document.getElementById('u2_div').style.backgroundColor = 'rgba(22, 145, 255, 1)';
|
|
});
|
|
myDiv.addEventListener('mouseleave', function () {
|
|
document.getElementById('u2_div').style.backgroundColor = 'rgba(28, 53, 106, 1)';
|
|
});
|
|
|
|
var myDiv = document.getElementById('u3');
|
|
myDiv.addEventListener('mouseenter', function () {
|
|
document.getElementById('u3_div').style.backgroundColor = 'rgba(22, 145, 255, 1)';
|
|
});
|
|
myDiv.addEventListener('mouseleave', function () {
|
|
document.getElementById('u3_div').style.backgroundColor = 'rgba(28, 53, 106, 1)';
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="initMenu();">
|
|
<div id="divtop">
|
|
|
|
<div id="u1" class="ax_default _选中蓝色按钮" selectiongroup="手自转换" style="cursor: pointer;" onclick="viewType('1');">
|
|
<div id="u1_div" class="" tabindex="0"></div>
|
|
<div id="u1_text" class="text ">
|
|
<p style=""><span style="color: #ffffff">流程图</span></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="u2" onclick="viewType('2');">
|
|
<div id="u2_div" class="" tabindex="0"></div>
|
|
<div id="u2_text" class="text ">
|
|
<p style=""><span style="color: #ffffff">在线预测计算</span></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="u3" onclick="viewType('3');">
|
|
<div id="u3_div" class="" tabindex="0"></div>
|
|
<div id="u3_text" class="text ">
|
|
<p style=""><span style="color: #ffffff">计算结果</span></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div></div>
|
|
</div>
|
|
|
|
<div id="divbottom">
|
|
<div id="u1_content" style="width: 100%;height: 99%;background-color: #0A2D5E;color: white;">
|
|
<iframe style="width: 100%;height: 100%;border: medium none;overflow: hidden;"
|
|
src="http://132.120.132.74:8086/SIPAIIS_WMS_GZNZ/process/dataVisualFrame/view.do?frameId=67d37e685a014ddbaaf92191259faf7b&unitId=020GZNZ"></iframe>
|
|
</div>
|
|
<div id="u2_content" style="width: 100%;height: 99%;display: none;background-color: #0A2D5E;color: white;">
|
|
<iframe style="width: 100%;height: 100%;border: medium none;overflow: hidden;"
|
|
src="http://132.120.132.74:8086/SIPAIIS_WMS_GZNZ/modelData/showCompute.do"></iframe>
|
|
</div>
|
|
<div id="u3_content" style="width: 100%;height: 99%;display: none;background-color: #0A2D5E;color: white;">
|
|
<iframe style="width: 100%;height: 100%;border: medium none;overflow: hidden;" src=""></iframe>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |