1、登陆页面
<%
String contextPath = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<title>系统登录</title>
<jsp:include page="/inc.jsp"></jsp:include>
<link rel="stylesheet"
href="<%=contextPath%>/resources/mms/css/login.css" type="text/css">
<script type="text/javascript">
/*
检查浏览器是否支持
*/
var isIE = !!window.ActiveXObject;
var isIE6 = isIE && !window.XMLHttpRequest;
if (isIE6) {
window.location.href = "<%=contextPath%>/errorPage/Browser_Not_Support.html";
}
//回车键
document.onkeydown = function(e) {
if (!e)
e = window.event; //火狐中是 window.event
if ((e.keyCode || e.which) == 13) {
var obtnSearch = document.getElementById("Log_Submit")
obtnSearch.focus(); //让另一个控件获得焦点就等于让文本输入框失去焦点
obtnSearch.click();
}
}
function LoginBtn() {
var Account = $("#userName").val();
var Pwd = $("#passWord").val();
if (Account == "") {
$("#Account").focus();
showTopMsg("登录账户不能为空", 4000, 'error');
return false;
} else if (Pwd == "") {
$("#Pwd").focus();
showTopMsg("登录密码不能为空", 4000, 'error');
return false;
} else {
return true;
}
}
/**
数据验证完整性
**/
function CheckUserDataValid() {
if (!LoginBtn()) {
return false;
} else {
CheckingLogin(1);
var Account = $("#userName").val();
var Pwd = $("#passWord").val();
$.post(sy.contextPath+ '/mmsUser_doNotNeedSessionAndSecurity_login.action', {
'userName' : Account,
'passWord' : Pwd
},
function(result) {
if (result.success) {
location.replace(sy.contextPath+ '/mmsLogin_toMain.action');
} else {
showTopMsg("账户或密码有错误", 4000, 'error');
resetInput();
CheckingLogin(0);
}
}, 'json');
}
}
function CheckingLogin(id) {
if (id == 1) {
$("#Log_Submit").attr("disabled", "disabled")
$("#Log_Submit").attr("class", "signload");
$(".load").show();
} else {
$("#Log_Submit").removeAttr('disabled');
$("#Log_Submit").attr("class", "sign");
$(".load").hide();
}
}
//清空
function resetInput() {
$("#userName").focus(); //默认焦点
$("#passWord").val("");
$("#userName").val("");
}
/**
Top 加载对话窗
msg:提示信息
time:停留时间ms
type:提示类型(1、success 2、error 3、warning)
**/
function showTopMsg(msg, time, type) {
MsgTips(time, msg, 300, type);
}
/***
* 自动关闭弹出内容提示
timeOut : 4000, //提示层显示的时间
msg : "恭喜你!你已成功操作此插件,谢谢使用!", //显示的消息
speed : 300, //滑动速度
type : "success" //提示类型(1、success 2、error 3、warning)
***/
function MsgTips(timeOut, msg, speed, type) {
$(".tip_container").remove();
var bid = parseInt(Math.random() * 100000);
$("body")
.prepend(
'<div id="tip_container' + bid + '" class="container tip_container"><div id="tip' + bid + '" class="mtip"><span id="tsc' + bid + '"></span></div></div>');
var $this = $(this);
var $tip_container = $("#tip_container" + bid);
var $tip = $("#tip" + bid);
var $tipSpan = $("#tsc" + bid);
//先清楚定时器
clearTimeout(window.timer);
//主体元素绑定事件
$tip.attr("class", type).addClass("mtip");
$tipSpan.html(msg);
$tip_container.slideDown(speed);
//提示层隐藏定时器
window.timer = setTimeout(function() {
$tip_container.slideUp(speed);
$(".tip_container").remove();
}, timeOut);
//鼠标移到提示层时清除定时器
$tip_container.on("mouseover", function() {
clearTimeout(window.timer);
});
//鼠标移出提示层时启动定时器
$tip_container.on("mouseout", function() {
window.timer = setTimeout(function() {
$tip_container.slideUp(speed);
$(".tip_container").remove();
}, timeOut);
});
$("#tip_container" + bid).css("left",
($(window).width() - $("#tip_container" + bid).width()) / 2);
//$("#tip_container" + bid).css("top", ($(window).height() - $("#tip_container" + bid).height()) / 2);
}
$(function(){
$("#lblAccount").click(function(){
$("#userName").focus();
});
$("#lblPwd").click(function(){
$("#passWord").focus();
});
})
</script>
</head>
<body>
<div id="thead">
<div class="bg3">
<div class="nav">
<ul class="Form FancyForm">
<li><input id="userName" name="userName" type="text"
class="stext" value="admin" />
<!-- <label id="lblAccount">输入登录账户</label> -->
<span class="fff"></span></li>
<li><input id="passWord" name="passWord" type="password"
class="stext" value="0000" />
<!-- <label id="lblPwd">输入登录密码</label> -->
<span class="fff"></span></li>
</ul>
</div>
<div class="s8">
<table>
<tr style="height: 20px;">
<td style="width: 80px"></td>
<td><input id="Log_Submit" type="button" class="sign"
οnclick="return CheckUserDataValid();" /></td>
</tr>
</table>
</div>
<div class="load">
<img src="<%=contextPath%>/resources/mms/img/login/loading.gif" />
</div>
</div>
<!-- <div class="bg4">
<p>适用浏览器:IE8、IE9、FireFox。</p>
</div> -->
</div>
<div class="bgimg"><img src="<%=contextPath%>/resources/mms/img/login/bg1.png"/></div>
</body>
</html>
2、login.css
* {
font-size: 10pt;
}
body {
margin: 0px;
padding: 0px;
font-family: 微软雅黑, 宋体, Arial, Helvetica, Verdana, sans-serif;
color: #000000;
}
html,body {
margin: 0px auto;
padding: 0px;
height: 100%;
overflow: hidden;
}
ul,ol,li,dl {
list-style: none;
}
img {
border: none;
}
body {
font-size: 14px;
font-family: Arial;
color: #656565;
}
#thead {
width: 500px; height : 100%;
margin: 0 auto;
overflow: hidden;
position: relative;
height: 100%;
}
#thead .bg3 {
position: absolute;
left: 50%;
top: 50%;
width: 458px;
z-index: 1;
height: 400px;
background: url(../img/login/bg23.png) no-repeat;
margin: -200px 0 0 -229px;
}
#thead .bg3 .nav {
float: left;
margin-left: 130px;
margin-top: 160px;
position: relative;
}
.bgimg {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.bgimg img {
position: absolute;
width: 100%;
height: 100%;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.load {
position: absolute;
left: 86%;
top: 295px;
z-index: 3000;
display: none;
}
.sign {
margin-left: 100px;
border: medium none;
width: 130px;
height: 40px;
border-style: none;
background: none;
background-image: url("../img/login/137.png" );
cursor: pointer;
}
.sign:hover {
background-position: 0 -40px;
}
.sign_hover {
background-position: 0 -40px;
}
.signload {
margin-left: 100px;
border: medium none;
width: 130px;
height: 40px;
border-style: none;
background: none;
background-image: url("../img/login/login-v2-load.png" );
}
.s8 {
z-index: 3000;
position: absolute;
left: 23%;
top: 280px;
cursor: pointer;
vertical-algin: top;
}
* {
margin: 0;
padding: 0;
list-style-type: none;
}
a,img {
border: 0;
text-decoration: none;
}
/* Form input */
.Form {
width: 300px;
padding:0px;
margin:0px;
}
.Form li {
display: block;
margin-bottom: 25px;
font-size: 21px;
font-weight: 300;
}
.Form input[type=text],.Form input[type=password],.Form textarea {
display: inline-block;
padding: 6px 12px;
font-size: 18px;
font-weight: 300;
line-height: 1.4;
color: #221919;
background: #fff;
border: 1px solid #a4a2a2;
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1px
rgba(255, 255, 255, .8);
-moz-box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1px
rgba(255, 255, 255, .8);
-webkit-box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1px
rgba(255, 255, 255, .8);
-webkit-transition: all .08s ease-in-out;
-moz-transition: all .08s ease-in-out;
}
.Form textarea {
min-height: 90px;
}
.Form label {
display: inline-block;
line-height: 1.4em;
font-size: 18px;
}
.Form input[type=text]:focus,.Form input[type=password]:focus,.Form textarea:focus
{
border-color: #006499;
box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px
rgba(255, 255, 255, 0.8), 0 0 14px rgba(82, 162, 235, 0.35);
-moz-box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px
rgba(255, 255, 255, 0.8), 0 0 14px rgba(82, 162, 235, 0.35);
-webkit-box-shadow: 0 1px rgba(34, 25, 25, 0.15) inset, 0 1px
rgba(255, 255, 255, 0.8), 0 0 14px rgba(82, 162, 235, 0.35);
}
.FancyForm li,.FancyForm li .input {
position: relative;
}
.FancyForm input[type=text],.FancyForm input[type=password],.FancyForm textarea
{
position: relative;
z-index: 3;
display: block;
width: 95%;
background: transparent;
border: 1px solid #a4a2a2;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1px
rgba(255, 255, 255, .8);
-moz-box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1px
rgba(255, 255, 255, .8);
-webkit-box-shadow: inset 0 1px rgba(34, 25, 25, .15), 0 1px
rgba(255, 255, 255, .8);
-webkit-transition: all .08s ease-in-out;
-moz-transition: all .08s ease-in-out;
}
.FancyForm textarea {
min-height: 3.95em;
line-height: 1.3;
}
.FancyForm label {
position: absolute;
z-index: 2;
top: 7px;
left: 13px;
display: block;
color: #BCBCBC;
cursor: text;
-moz-user-select: none;
-webkit-user-select: none;
-moz-transition: all .16s ease-in-out;
-webkit-transition: all .16s ease-in-out;
}
.FancyForm .fff {
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 3px;
bottom: 0;
background-color: #fff;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.FancyForm input[type=text]:focus+label,.FancyForm input[type=password]:focus+label,.FancyForm textarea:focus+label
{
opacity: .5;
filter: alpha(opacity = "50");
}
.FancyForm .val label {
left: -9999px;
opacity: 0 !important;
filter: alpha(opacity = "0") !important;
}
/*头部自能提示*/
.mtip>span {
vertical-align: 3px;
line-height: 1;
display: inline-block;
width: auto;
font-size: 24px;
}
.mtip {
border-radius: 0 0 4px 4px;
padding-top: 10px;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 10px;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2)
}
.mtip.error {
background-color: #cd3237;
background-image: -moz-linear-gradient(top, #e34447, #cd3237);
background-image: -ms-linear-gradient(top, #e34447, #cd3237);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e34447),
to(#cd3237) );
background-image: -webkit-linear-gradient(top, #e34447, #cd3237);
background-image: -o-linear-gradient(top, #e34447, #cd3237);
background-image: linear-gradient(top, #e34447, #cd3237);
border: 1px solid #ca3e3e
}
.mtip.success {
background-color: #43ab00;
background-image: -moz-linear-gradient(top, #43ab00, #388e00);
background-image: -ms-linear-gradient(top, #43ab00, #388e00);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#43ab00),
to(#388e00) );
background-image: -webkit-linear-gradient(top, #43ab00, #388e00);
background-image: -o-linear-gradient(top, #43ab00, #388e00);
background-image: linear-gradient(top, #43ab00, #388e00);
border: 1px solid #338100
}
.mtip.warning {
background-color: orange;
background-image: -moz-linear-gradient(top, #0f76cd, #086cc1);
background-image: -ms-linear-gradient(top, #0f76cd, #086cc1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0f76cd),
to(#086cc1) );
background-image: -webkit-linear-gradient(top, #0f76cd, #086cc1);
background-image: -o-linear-gradient(top, #0f76cd, #086cc1);
background-image: linear-gradient(top, #0f76cd, #086cc1);
border: 1px solid #006096
}
.tip_container {
display: none;
z-index: 9999;
position: fixed;
top: 0;
text-align: left;
width: auto;
_width: auto;
}
3、主页面
<%@page import="com.lxkj.bass.query.mms.dao.entity.MmsSessionInfo"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String contextPath = request.getContextPath();
MmsSessionInfo sessionInfo = (MmsSessionInfo) session.getAttribute("sessionInfo");
%>
<!DOCTYPE html>
<html>
<head>
<title></title>
<jsp:include page="/inc.jsp"></jsp:include>
<script type="text/javascript">
var mainMenu;
var mainTabs;
$(function(){
//树形菜单
mainMenu = $('#mainMenu').tree({
url : sy.contextPath + '/mmsResource_getMainMenu.action',
parentField : 'pid',
onClick : function(node) {
if (node.attributes.url&&node.attributes.url.length>0) {
var src = sy.contextPath + node.attributes.url;
if (!sy.startWith(node.attributes.url, '/')) {
src = node.attributes.url;
}
if (node.attributes.target && node.attributes.target.length > 0) {
window.open(src, node.attributes.target);
} else {
var tabs = $('#mainTabs');
var opts = {
title : node.text,
closable : true,
iconCls : node.iconCls,
content : sy.formatString('<iframe src="{0}" allowTransparency="true" style="border:0;width:100%;height:99%;" frameBorder="0"></iframe>', src),
border : false,
fit : true
};
if (tabs.tabs('exists', opts.title)) {
tabs.tabs('select', opts.title);
} else {
tabs.tabs('add', opts);
}
}
}
}
});
$('#mainLayout').layout('panel', 'center').panel({
onResize : function(width, height) {
sy.setIframeHeight('centerIframe', $('#mainLayout').layout('panel', 'center').panel('options').height - 5);
}
});
//tab页
mainTabs = $('#mainTabs').tabs({
fit : true,
border : false,
tools : [ {
text : '刷新',
iconCls : 'ext-icon-arrow_refresh',
handler : function() {
var panel = mainTabs.tabs('getSelected').panel('panel');
var frame = panel.find('iframe');
try {
if (frame.length > 0) {
for (var i = 0; i < frame.length; i++) {
frame[i].contentWindow.document.write('');
frame[i].contentWindow.close();
frame[i].src = frame[i].src;
}
if (navigator.userAgent.indexOf("MSIE") > 0) {// IE特有回收内存方法
try {
CollectGarbage();
} catch (e) {
}
}
}
} catch (e) {
}
}
}, {
text : '关闭',
iconCls : 'ext-icon-cross',
handler : function() {
var index = mainTabs.tabs('getTabIndex', mainTabs.tabs('getSelected'));
var tab = mainTabs.tabs('getTab', index);
if (tab.panel('options').closable) {
mainTabs.tabs('close', index);
} else {
$.messager.alert('提示', '[' + tab.panel('options').title + ']不可以被关闭!', 'error');
}
}
} ]
});
//修改密码
$('#passwordDialog').show().dialog({
modal : true,
closable : true,
width:300,
height:200,
iconCls : 'ext-icon-lock_edit',
buttons : [ {
text : '修改',
handler : function() {
if ($('#passwordDialog form').form('validate')) {
$.post(sy.contextPath + '/mmsUser_doNotNeedSecurity_updateCurrentPwd.action', {
'passWord' : $('#newpwd').val(),'oldpwd': $('#oldpwd').val()
}, function(result) {
if (result.success) {
$.messager.alert('提示', '密码修改成功!', 'info');
$('#passwordDialog').dialog('close');
}else{
$.messager.alert('提示', result.msg, 'error');
$('#passwordDialog').dialog('close');
}
}, 'json');
}
}
} ],
onOpen : function() {
$('#passwordDialog form :input').val('');
}
}).dialog('close');
})
</script>
<style type="text/css">
#mainTabs .tabs-header .tabs-tool{
border-left: none;
border-right: none;
border-top: none;
}
</style>
</head>
<body id="mainLayout" class="easyui-layout">
<div data-options="region:'north',href:'<%=contextPath%>/mms_toNorth.action'" style="height: 70px; overflow: hidden;" class="logo"></div>
<div data-options="region:'west',href:'',split:true" title="导航" style="width: 200px; padding: 10px;">
<ul id="mainMenu"></ul>
</div>
<div data-options="region:'center'" style="overflow: hidden;">
<div id="mainTabs">
<div title="欢迎页面" data-options="iconCls:'ext-icon-application_view_tile'">
<iframe src="<%=contextPath%>/mms_toWelcome.action" allowTransparency="true" style="border: 0; width: 100%; height: 99%;" frameBorder="0"></iframe>
</div>
</div>
</div>
<div data-options="region:'south',href:'<%=contextPath%>/mms_toSourth.action',border:false" style="height: 20px; overflow: hidden;"></div>
<div id="passwordDialog" title="修改密码" style="display: none;padding: 20px;">
<form method="post" class="form" οnsubmit="return false;">
<table class="table">
<tr style="margin: 5px 0;">
<th>原始密码</th>
<td><input id="oldpwd" name="oldpwd" type="password" class="easyui-validatebox" data-options="required:true" /></td>
</tr>
<tr style="margin: 5px 0;">
<th>新密码</th>
<td><input id="newpwd" name="newpwd" type="password" class="easyui-validatebox" data-options="required:true" /></td>
</tr>
<tr style="margin: 5px 0;">
<th>重复密码</th>
<td><input type="password" class="easyui-validatebox" data-options="required:true,validType:'eqPwd[\'#newpwd\']'" /></td>
</tr>
</table>
</form>
</div>
</body>
</html>
top页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String contextPath = request.getContextPath();
%>
<link rel="stylesheet" href="<%=contextPath%>/resources/mms/css/header.css" type="text/css">
<script type="text/javascript">
$(function() {
});
var lockWindowFun = function() {
alert('111');
}
var logoutFun = function() {
$.messager.confirm('警告', '确定退出系统?', function(r){
if (r){
$.post(sy.contextPath + '/mmsUser_doNotNeedSessionAndSecurity_logout.action', function(result) {
location.replace(sy.contextPath + '/mmsLogin_toLogin.action');
}, 'json');
}
});
}
</script>
<%-- <div id="sessionInfoDiv" style="position: absolute; right: 10px; top: 5px;">
欢迎 ${user.userName} 登陆:
</div>
<div id="layout_north_zxMenu" style="width: 100px;">
<div data-options="iconCls:'ext-icon-lock'" οnclick="lockWindowFun();">锁定窗口</div>
<div class="menu-sep"></div>
<div data-options="iconCls:'ext-icon-door_out'" οnclick="logoutFun();">退出系统</div>
</div> --%>
<div id="Header">
<div id="HeaderLogo">
<img style="" src="<%=contextPath%>/resources/mms/img/top/product.png">
</div>
<div id="Headermenu">
<ul id="topnav">
<li id="metnav_1" class="list"><a id="nav_1" class="onnav"
hidefocus="true" href="javascript:;"> <span
class="c1"></span> 首页信息
</a></li>
<li id="metnav_3" class="list" οnclick="$('#passwordDialog').dialog('open');"><a id="nav_3" hidefocus="true"
href="javascript:;"> <span class="c3"></span> 修改密码
</a></li>
<li id="metnav_4" class="list" οnclick="logoutFun();"><a
id="nav_4" hidefocus="true" href="javascript:;"> <span
class="c4"></span> 安全退出
</a></li>
</ul>
</div>
</div>
south.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ page import="com.lxkj.bass.query.mms.dao.entity.MmsSessionInfo"%>
<%
String contextPath = request.getContextPath();
%>
<link rel="stylesheet" href="<%=contextPath%>/resources/mms/css/bottom.css" type="text/css">
<div id="botton_toolbar" style="text-align: center;">
<div style="width: 42%; text-align: left; float: left;">
<a href="javascript:void()" title="点击链接公司官网">技术支持</a>
<span class="south-separator"></span>
正式版 V1.1
<span class="south-separator"></span>
<a href="#" target="_blank" title="将问题提交给开发商进行解决">问题反馈</a>
<span class="south-separator"></span>
</div>
<div style="width: 16%; text-align: left; float: left;">
<a href="javascript:void()" title="系统">CopyRight © 2014-2018 By LanXin</a>
</div>
<div style="width: 42%; text-align: right; float: left;">
<span class="south-separator"></span>
操作员:${sessionInfo.user.loginName}
<span class="south-separator"></span>
所在工区:${sessionInfo.user.department}[${sessionInfo.user.jobArea}]
<span class="south-separator"></span>
<!-- 在线人数:226 -->
</div>
</div>
欢迎页面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String contextPath = request.getContextPath();
%>
<!DOCTYPE html>
<html>
<head>
<title>欢迎页面</title>
<jsp:include page="/inc.jsp"></jsp:include>
<link rel="stylesheet" href="<%=contextPath%>/resources/mms/css/welcome.css" type="text/css">
<script type="text/javascript">
$(function() {
$('#container').highcharts({
chart : {
type : 'column',
margin : [ 10, 10, 65, 70 ]
},
title : {
text : '检修质量评分图'
},
xAxis : {
categories : [],
labels : {
rotation : -45,
align : 'right',
style : {
fontSize : '13px',
fontFamily : 'Verdana, sans-serif'
}
}
},
yAxis : {
min : 0,
title : {
text : '评分数'
}
},
legend : {
enabled : false
},
exporting:{
enabled:false
},
tooltip : {
formatter : function() {
return '<b>' + this.x + '点</b><br/>' + '评分数为: ' + this.y;
}
},
series : [ {
data : [],
dataLabels : {
enabled : true,
rotation : -90,
color : '#FFFFFF',
align : 'right',
x : 4,
y : 10,
style : {
fontSize : '13px',
fontFamily : 'Verdana, sans-serif'
}
}
} ]
});
$('#cc').combobox({
url:sy.contextPath+'/mmsDriver_driverAll.action',
valueField:'jobNum',
textField:'dname',
onChange:getChart
});
getChart();
//窗口大小改变的时候触发
//window.onresize = function () {getChart();}
});
var getChart =function(){
parent.$.messager.progress({
text : '数据加载中....'
});
$.post(sy.contextPath
+ '/mmsMaintGrade_driverSocer.action',
sy.serializeObject($('#chartForm')),
function(result) {
var jsonXData = [];
var jsonyD1 = [];
var chart = $('#container').highcharts();
for (var i = 0; i < result.length; i++) {
jsonXData.push(result[i].mrepairScore);
jsonyD1.push(result[i].mscoreDate.substr(5,5)+":"+result[i].mname);
}
chart.xAxis[0].setCategories(jsonyD1, true);
chart.series[0].setData(jsonXData);
chart.redraw();
parent.$.messager.progress('close');
}, 'json');
}
</script>
<style type="text/css">
*{ font-size: 9pt;
}
body{
margin: 0px;
padding: 0px;
font-family: 微软雅黑, 宋体, Arial, Helvetica, Verdana, sans-serif;
color: #000000;
}
a:link{
color: #222;
text-decoration: none;
}
a:visited{
color: #222;
text-decoration: none;
}
a:hover{
color: #222;
text-decoration: none;
}
a:active{
color: #222;
text-decoration: none;
}
</style>
</head>
<body class="easyui-layout" data-options="fit:true,border:false">
<table style="width: 100%;">
<tr>
<td colspan="3" style="width: 99% ;text-align: center;" >
<div class="welcomebox">
<div class="welcomebox-title">
<div style="float: left">
<img src="<%=contextPath%>/resources/mms/img/32/chart_bar.png" alt="" width="20" height="20" />
数据统计
</div>
<div id="SeriesType" title="点击切换图表" style="float: right; padding-right: 10px; cursor: pointer;">>></div>
</div>
<div class="welcomebox-content" style="height: 300px;text-align: left;">
<div id="search" style="height: 20;float:right;">
<table>
<tr>
<td>
<form id="chartForm">
<table>
<tr>
<td>姓名</td>
<td><input id="cc" name="QUERY_t#mjobNum_S_EQ" value="" style="width:70px;"></td>
<!-- <td>时间</td>
<td><input name="QUERY_t#mstartTime_D_GE" class="Wdate" οnclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" type="text" style="width: 150px;" />-<input name="QUERY_t#mendTime_D_LE" class="Wdate" οnclick="WdatePicker({readOnly:true,dateFmt:'yyyy-MM-dd HH:mm:ss'})" readonly="readonly" type="text" style="width: 150px;" /></td>
<td><a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'ext-icon-zoom',plain:true" οnclick="getChart()">图表</a><a href="javascript:void(0);" class="easyui-linkbutton" data-options="iconCls:'ext-icon-zoom_out',plain:true" οnclick="$('#searchForm input').val('');">重置</a></td> -->
</tr>
</table>
</form>
</td>
</tr>
</table>
</div>
<div id="container" style="height: 240px;width:970px;float:left;">
</div>
</div>
</div>
</td>
<%--<td>
<div class="welcomebox">
<div class="welcomebox-title">
<div style="float: left">
<img src="<%=contextPath%>/resources/mms/img/32/sound.png" alt="" width="20" height="20" />
系统公告
</div>
<div style="float: right; padding-right: 10px;">>></div>
</div>
<div class="welcomebox-content" style="height: 300px;">
</div>
</div>
</td> --%>
</tr>
<tr>
<td>
<div class="welcomebox">
<div class="welcomebox-title">
<div style="float: left;">
<img src="<%=contextPath%>/resources/mms/img/32/hourglass_go.png" alt="" width="20" height="20" />
定义
</div>
<div style="float: right; padding-right: 10px;">>></div>
</div>
<div class="welcomebox-content" style="height: 250px; width: 420px">
<a href="javascript:;" target="_blank">1、</a><br />
<a href="javascript:;" target="_blank">2、</a><br />
<a href="javascript:;" target="_blank">3、</a><br />
<a href="javascript:;" target="_blank">4、</a><br />
<a href="javascript:;" target="_blank">5、</a><br />
<a href="javascript:;" target="_blank">6、</a><br />
<a href="javascript:;" target="_blank">7、</a><br />
<a href="javascript:;" target="_blank">8、</a><br />
<a href="javascript:;" target="_blank">9、</a><br />
<a href="javascript:;" target="_blank">10、</a><br />
</div>
</div>
</td>
<td>
<div class="welcomebox">
<div class="welcomebox-title">
<div style="float: left">
<img src="<%=contextPath%>/resources/mms/img/32/tag_blue.png" alt="" width="20" height="20" />
系统公告
</div>
<div style="float: right; padding-right: 10px;">>></div>
</div>
<div class="welcomebox-content" style="height: 250px; width: 420px">
</div>
</div>
</td>
<td style="">
<div class="welcomebox">
<div class="welcomebox-title">
<div style="float: left">
<img src="<%=contextPath%>/resources/mms/img/32/clock_32.png" alt="" width="20" height="20" />
日历板块
</div>
<div style="float: right; padding-right: 10px;">>></div>
</div>
<div class="welcomebox-content" style="height: 250px;">
<br>
<div id="cc" class="easyui-calendar" style="height:200px;"></div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
head.css
@charset "utf-8";
/* *{
font-size: 9pt;
}
body {
color: #000000;
font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
margin: 0;
overflow: hidden;
padding: 0;
}
div, ul, li, dl, dt, dd, img, h1, h2 {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
}
body a {
outline: medium none;
}
img {
border: 0 none;
} */
#Header {
background: none repeat scroll 0 0 #1e71b1;
height: 70px;
width:100%;
}
#HeaderLogo {
display: inline;
float: left;
margin-left: 20px;
margin-top: 8px;
}
#Headermenu {
float: right;
margin-right: 0;
}
#topnav ul {
position: relative;
}
#topnav li.list {
display: inline;
float: left;
margin: 3px 12px 0 0;
}
#topnav li a {
border: 1px solid #1e71b1;
border-radius: 3px;
color: #fff;
display: inline;
float: left;
height: 56px;
overflow: hidden;
padding: 5px 7px 0;
text-align: center;
text-decoration: none;
text-shadow: 0 -1px rgba(0, 0, 0, 0.2);
width: 55px;
}
#topnav li a:hover {
background: none repeat scroll 0 0 #105488;
border: 1px solid #0f4e7f;
}
#topnav li a.onnav {
background: none repeat scroll 0 0 #105488;
border: 1px solid #0f4e7f;
}
#topnav li a span{
display: block;
height: 30px;
margin: 0 auto 2px;
overflow: hidden;
width: 32px;
}
#topnav li a span.c1 {
background: url(../img/top/n1.png) no-repeat;
}
#topnav li a span.c2 {
background: url(../img/top/n2.png) no-repeat;
}
#topnav li a span.c3 {
background: url(../img/top/n3.png) no-repeat;
}
#topnav li a span.c4 {
background: url(../img/top/n4.png) no-repeat;
}
#topnav li a span.c5 {
background: url(../img/top/n5.png) no-repeat;
}
#Headermenu div {
cursor: pointer;
float: left;
height: 50px;
overflow: hidden;
padding-top: 7px;
text-align: center;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 50px;
word-break: keep-all;
}
#Headermenu div img {
margin: 10px 5px 0;
padding-bottom: 5px;
vertical-align: middle;
}
bottom.css
@charset "utf-8";
/* *{
font-size: 9pt;
}
body {
color: #000000;
font-family:微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
margin: 0;
overflow: hidden;
padding: 0;
}
div, ul, li, dl, dt, dd, img, h1, h2 {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
}
body a {
outline: medium none;
}
*/
#botton_toolbar{
background: none repeat scroll 0 0 #f7f7f7;
border-top: 1px solid #ccc;
height: 20px;
line-height: 20px;
margin-top: 1px;
text-align: center;
width: 100%;
line-height: 20px;
}
.south-separator{
border-left: 1px solid #ccc;
border-right: 1px solid #fff;
margin-left: 3px;
margin-right: 3px;
}
#botton_toolbar a {
outline: medium none;
}
#botton_toolbar a:link {
color: #222;
text-decoration: none;
}
welcome.css
@charset "utf-8";
.welcomebox{
margin: 0px;
padding: 0px;
min-height: 65px;
height: auto;
border: 1px solid #ccc;
}
.welcomebox-title{
height: 27px;
line-height: 25px;
text-indent: 7px;
background: url(../img/top/column-header-bg.png) repeat-x;
border-bottom: 1px solid #ccc;
}
.welcomebox-title img{
padding-bottom: 3px;
vertical-align: middle;
}
.welcomebox-content{
height: auto;
padding: 7px;
line-height: 20px;
}
mmsform.css表格的样式
@charset "utf-8";
.form th {
text-align: right;
}
.form th,.form td {
padding: 0.3em 0.3em;
/* border: 1px solid #D1D7DC; */
}
.form input,.form select,.form textarea {
width: 150px;
}
.form input[type='checkbox'],.form input[type='radio'] {
width: 20px;
}
fieldset {
border: 1px dotted #D1D7DC;
}
legend {
/* border: 1px solid #D1D7DC; */
font-size: small;
}
整体样式 mystyle.css
@charset "utf-8";
*{
font-size: 9pt;
}
body {
color: #000000;
font-family: 微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif;
margin: 0;
overflow: hidden;
padding: 0;
}
div, ul, li, dl, dt, dd, img, h1, h2 {
border: 0 none;
list-style-type: none;
margin: 0;
padding: 0;
}
body a {
outline: medium none;
}
img {
border: 0 none;
}