first commit
This commit is contained in:
325
WebRoot/jsp/model/homePage.jsp
Normal file
325
WebRoot/jsp/model/homePage.jsp
Normal file
@ -0,0 +1,325 @@
|
||||
<%@ 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>
|
||||
Reference in New Issue
Block a user