<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>首页</title>
<script type="text/javascript" src="jquery-easyui-1.5.5.6/jquery.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.5.5.6/jquery.easyui.min.js"></script>
<script type="text/javascript" src="jquery-easyui-1.5.5.6/locale/easyui-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.5.6/themes/gray/easyui.css">
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.5.6/themes/icon.css">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style>
ul li {
list-style: none ;
}
.header ul li {
float: left ;
}
.header ul li.first {
margin-left: 30px ;
}
.header ul li {
float: left ;
color: #231815;
display: inline-block ;
width: 112px ;
height: 72px ;
text-align: center ;
line-height:72px ;
cursor: pointer ;
font-size:25px
}
a {
color:#231815;
text-decoration: none ;
}
.header ul li:hover {
background:#dbdbdb;
}
</style>
<script type="text/javascript">
$(document).ready(function(){//如果没有这个ready那么这个script需要放到最后面去，因为没有的话，可以是因为文档没有加载完，这个就不执行
$('#cc').calendar({
current:new Date(),
onSelect: function(date){
alert(date.getFullYear()+":"+(date.getMonth()+1)+":"+date.getDate());
}
});
});
</script>
</head>
<body>
<div style="width: 28%; height: 10%; top: 0; left:0px;right:400px;position: absolute;background-image: url(./beijing/wojia.jpg);border-bottom:1px solid #231815;"></div>
<div class="header" style="width: 72%; height: 10%; top: 0; right:0px;position: absolute;border-bottom:1px solid #231815;">
<ul>
<li class='first'><a href="javascript:void(0)">首页</a></li>
<li></li>
<li><a href="javascript:void(0)">小区信息</a></li>
<li></li>
<li><a href="javascript:void(0)">事务处理</li>
<li></li>
<li><a href="javascript:void(0)">权限设置</li>
<li></li>
<li><a href="javascript:void(0)">编辑系统</a></li>
</ul>
</div>
<div style="height:90%;width:50%;top:10%;position: absolute;left:0px;">
<div style="width: 80%; height: 10%;left:80px;position: absolute;/* background:#dbdbdb; */">
<br/>
<img src="./beijing/wojia2.jpg"><span>我家APP欢迎您：新的一天，从新开始</span>
</div>
<div style="width: 30%; height: 40%; top: 15%;left:1.5%;position: absolute;background:#dbdbdb;">
<br/><br/><br/>
<center><img src="./beijing/shiwu1.jpg">
</center>
<center><p style="font-size:21px">小区业主审核</p>
<p style="font-size:16px">陈胥，恭喜你，成为本季度最佳业主</p>
<p style="font-size:16px">李德亮，抱歉，暂时无缘于本季度的优秀业主</p>
</center>
</div>
<div style="width: 30%; height: 40%; top: 15%;left:34%;position: absolute;background:#dbdbdb;">
<br/><br/><br/>
<center><img src="./beijing/shiwu2.jpg">
</center>
<center><p style="font-size:21px">通知投票审核</p>
<p style="font-size:16px">通过</p>
<p style="font-size:16px">未过</p>
</center>
</div>
<div style="width: 30%; height: 40%; top: 15%;left:66%;position: absolute;background:#dbdbdb;">
<br/><br/><br/>
<center><img src="./beijing/shiwu3.jpg">
</center>
<center><p style="font-size:21px">小区申报审核</p>
<p style="font-size:16px">抱歉，会在一个月后显示，请及时查看</p>
<p style="font-size:16px">抱歉，会在一个月后显示，请及时查看</p>
</center>
</div>
<div style="width: 30%; height: 40%; top: 60%;left:1.5%;position: absolute;background:#dbdbdb;">
<br/><br/><br/>
<center><img src="./beijing/shiwu4.jpg">
</center>
<center><p style="font-size:21px">小区业务管理</p>
<p style="font-size:16px">水管炸裂</p>
<p style="font-size:16px">楼上渗水</p>
</center>
</div>
<div style="width: 30%; height: 40%; top: 60%;left:34%;position: absolute;background:#dbdbdb;">
<br/><br/><br/>
<center><img src="./beijing/shiwu5.jpg">
</center>
<center><p style="font-size:21px">事务处理结果</p>
<p style="font-size:16px">未完成</p>
<p style="font-size:16px">已完成</p>
<p style="font-size:16px">处理中</p>
</center>
</div>
<div style="width: 30%; height: 40%; top: 60%;left:66%;position: absolute;background:#dbdbdb;">
<br/><br/><br/>
<center><img src="./beijing/shiwu6.jpg">
</center>
<center><p style="font-size:21px">事务过程描述</p>
<p style="font-size:16px">因年久失修，水管炸裂</p>
<p style="font-size:16px">楼上水管炸裂，故渗水到楼下</p>
</center>
</div>
</div>
<div style="height:90%;width:50%;top:10%;position: absolute;right:0px;">
<div id="cc" style="width:65%;height:60%;top:20%;left:15%;position: absolute;"></div>
</div>
</body>
</html>