<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
<title>首页</title>
<jsp:include page="header.jsp"></jsp:include>
<script src="${ctx}/jfcas03/js/index.js"></script>
</head>
<body>
<!-- 头部 -->
<jsp:include page="/nav.jsp"></jsp:include>
<!-- 搜索 --> 
<div class="index_search">
	<div class="index_search_content">
		<input type="text" value="大数据搜索引擎" onclick="index_search(this)"/>
		<div class="index_search_img"><img src="${ctx}/custom/images/index_search.png" height="24"/></div>
		<div class="index_search_show">
			<div class="index_search_show_content">
				<div><label>所属区：</label></div>
				<div><span>海曙</span><span>鄞州</span><span>江东</span><span>江北</span><span>镇海</span><span>北仑</span></div>
			</div>
			<div class="index_search_show_content">
				<div><label>所属街道：</label></div>
				<div><span>鼓楼</span><span>月湖</span><span>江厦</span><span>段塘</span><span>孔浦</span><span>洪塘</span><span>蛟川</span><span>白鹤</span><span>梅墟</span><span>钟公庙</span></div>
			</div>
			<div class="index_search_show_content">
				<div><label>所属建筑：</label></div>
				<div><span>民用建筑</span><span>居住建筑</span><span>公共建筑</span><span>工业建筑</span></div>
			</div>
			<div class="index_search_show_content">
				<div><label>职责范围：</label></div>
				<div><span>市容环境卫生</span><span>城市规划管理</span><span>道路交通秩序</span><span>工商行政管理</span><span>市政管理</span><span>公用事业管理</span><span>城市节水管理</span><span>停车管理</span><span>园林绿化管理</span><span>园林绿化管理</span><span>施工现场管理</span><span>施工现场管理</span><span>黑车</span><span>黑导游</span></div>
			</div>
			<div class="index_search_show_result">
				<div><label>所筛选条件：</label></div>
				<!-- 添加筛选的条件 -->
				<div id="index_search_show_result">
					<!-- <div class="index_search_show_result_content"><span>大叔大婶大</span><span><img src="${ctx}/custom/images/search_turn off.png" width="10" height="10" /></span></div> -->
				</div>
				<div>
					<span>确认搜索</span><span onclick="index_search_show_result_close()">取消</span>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 地图信息 -->
<div class="index_content_map">
	<div>
		<div class="index_content_map_left">
			<div class="index_content_left_header">
				<div>即时地图</div>
				<div>Instant map</div>
			</div>
			<div class="index_content_map_left_text">百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时百度地图实时</div>
			<div class="index_content_map_left_btn" onclick='window.open("http://map.baidu.com")'>全屏地图</div>
		</div>
		<!-- 加载地图时的效果 -->
		<div class="index_content_map_right" style="z-index: 1;position:absolute;left:25%;text-align:center;"><img src="${ctx}/custom/images/loading.gif" /></div>
		<!-- 地图信息 -->
		<div class="index_content_map_right" id="index_map"></div>
	</div>
</div>
<!-- 内容 -->
<div class="index_content">
	<div class="index_content_middle">
		<div class="index_module">
		<div class="index_content_left_header" style="cursor:default;">
			<div>分析中心</div>
			<div>Analytic center</div>
		</div> 
		<!-- echarts -->
		<div class="index_content_echarts">
			<div><span>各部门每天办件率情况图表.</span><a href="javascript:void(0)">查看更多</a></div>
			<div id="index_content_echartsContainer" style="height:360px;width:100%;"></div>
		</div>
		</div>
		
		<div class="index_content_middle_container">
			<div class="index_module_container" id="index_left">
			<div class="index_module">
				<!-- 应用系统 -->
				<div class="index_content_left_header">
					<div>应用系统</div>
					<div>Application</div>
					<div class="index_module_img">
						<img src="${ctx}/custom/images/index_module_hide.png" width="20" height="20" onclick="index_module_toggle(this)"/><img onclick="index_module_remove(this)" src="${ctx}/custom/images/index_module_remove.png" width="20" height="20" />
					</div>
				</div> 
				<!-- 应用系统 -->
				<div class="index_content_left_application">
					<div>
						<img src="${ctx}/custom/images/index_application_Consent to user management.png" width="41" height="47"/><div><span>统一用户管理系统</span><span>Unified user management system</span></div>
					</div>
					<div>
						<img src="${ctx}/custom/images/index_application_Consent to user management.png" width="41" height="47"/><div><span>统一用户管理系统</span><span>Unified user management system</span></div>
					</div>
					<div>
						<img src="${ctx}/custom/images/index_application_Consent to user management.png" width="41" height="47"/><div><span>统一用户管理系统</span><span>Unified user management system</span></div>
					</div>
					<div>
						<img src="${ctx}/custom/images/index_application_Consent to user management.png" width="41" height="47"/><div><span>统一用户管理系统</span><span>Unified user management system</span></div>
					</div>
					<div>
						<img src="${ctx}/custom/images/index_application_Consent to user management.png" width="41" height="47"/><div><span>统一用户管理系统</span><span>Unified user management system</span></div>
					</div>
					<div>
						<img src="${ctx}/custom/images/index_application_Consent to user management.png" width="41" height="47"/><div><span>统一用户管理系统</span><span>Unified user management system</span></div>
					</div>
					<div>
						<img src="${ctx}/custom/images/index_application_Consent to user management.png" width="41" height="47"/><div><span>统一用户管理系统</span><span>Unified user management system</span></div>
					</div>
					<div>
						<img src="${ctx}/custom/images/index_application_Consent to user management.png" width="41" height="47"/><div><span>统一用户管理系统</span><span>Unified user management system</span></div>
					</div>
				</div>
				<!-- end -->
			</div>
			</div>
			
			<div class="index_module_container" id="index_center">
			<div class="index_module">
				<!-- 消息中心 -->
				<div class="index_content_left_header">
					<div>消息中心</div>
					<div>Information Center</div>
					<div class="index_module_img">
						<img src="${ctx}/custom/images/index_module_hide.png" width="20" height="20" onclick="index_module_toggle(this)"/><img onclick="index_module_remove(this)" src="${ctx}/custom/images/index_module_remove.png" width="20" height="20" />
					</div>
				</div> 
				<!-- 信息中心 -->
				<div class="index_content_right_message">
					<div class="index_content_right_message_content">
						<div class="index_content_right_message_content_text1">
							<div class="index_content_right_message_content_text2">小周</div>
							<div>
								<div class="index_content_right_message_content_text5">开会通知</div>
								<div class="index_content_right_message_content_text4">
									<div>2018-01-18</div>
									<div><img src="${ctx}/custom/images/index_Information Center_send.png" width="14" height="13"/><img src="${ctx}/custom/images/index_office area_error.png" width="14" height="13"/></div>
								</div>
							</div>
						</div>
						<div>对用户信息的集中管理对用户信息的集中管理对用户信息的集中管理对用户信息的集中管理</div>
					</div>
					
					<div class="index_content_right_message_content">
						<div class="index_content_right_message_content_text1">
							<div class="index_content_right_message_content_text2">小周</div>
							<div>
								<div class="index_content_right_message_content_text5">开会通知</div>
								<div class="index_content_right_message_content_text4">
									<div>2018-01-18</div>
									<div><img src="${ctx}/custom/images/index_Information Center_send.png" width="14" height="13"/><img src="${ctx}/custom/images/index_office area_error.png" width="14" height="13"/></div>
								</div>
							</div>
						</div>
						<div>对用户信息的集中管理对用户信息的集中管理对用户信息的集中管理对用户信息的集中管理</div>
					</div>
					
					<div class="index_content_right_message_content">
						<div class="index_content_right_message_content_text1">
							<div class="index_content_right_message_content_text3">小兰</div>
							<div>
								<div class="index_content_right_message_content_text5">开会通知</div>
								<div class="index_content_right_message_content_text4">
									<div>2018-01-18</div>
									<div><img src="${ctx}/custom/images/index_Information Center_send.png" width="14" height="13"/><img src="${ctx}/custom/images/index_office area_error.png" width="14" height="13"/></div>
								</div>
							</div>
						</div>
						<div>对用户信息的集中管理对用户信息的集中管理对用户信息的集中管理对用的集中管理对用的集中管理对用户信息的集中管理</div>
					</div>
					
					<div class="index_content_right_message_content">
						<div class="index_content_right_message_content_text1">
							<div class="index_content_right_message_content_text3">小兰</div>
							<div>
								<div class="index_content_right_message_content_text5">开会通知</div>
								<div class="index_content_right_message_content_text4">
									<div>2018-01-18</div>
									<div><img src="${ctx}/custom/images/index_Information Center_send.png" width="14" height="13"/><img src="${ctx}/custom/images/index_office area_error.png" width="14" height="13"/></div>
								</div>
							</div>
						</div>
						<div>对用户信息的集中管理对用户信息的集中管理对用户信息的集中管理对用的集中管理对用的集中管理对用户信息的集中管理</div>
					</div>
				</div>
				<!-- end -->
			</div>
			</div>
			
		</div>
	</div>
	<div class="index_content_right index_module_container" id="index_right">
		<div class="index_module">
		<!-- 员工信息 -->
		<div class="index_content_left_header">
			<div>员工信息</div>
			<div>Employee information</div>
			<div class="index_module_img">
				<img src="${ctx}/custom/images/index_module_hide.png" width="20" height="20" onclick="index_module_toggle(this)"/><img onclick="index_module_remove(this)" src="${ctx}/custom/images/index_module_remove.png" width="20" height="20" />
			</div>
		</div>
		<!-- 员工详细内容 -->
		<div class="index_content_right_employee">
			<!-- 如果是女性
			<span class="index_content_right_employee_women">小兰</span>
		 	-->
			<span>小周</span>
			<span>网络事业创造了富裕,又延续了平等</span>
			<span>修改</span>
		</div> 
		<div class="index_content_right_employee_content">
			<div>
				<span>年龄</span>
				<span>18岁</span>
				<span>修改</span>
			</div>
			<div>
				<span>生日</span>
				<span>1994年07月08日</span>
				<span>修改</span>
			</div>
			<div>
				<span>部门</span>
				<span>技术部</span>
			</div>
			<div>
				<span>职能</span>
				<span>前端</span>
			</div>
			<div>
				<span>电话</span>
				<span>18816255480</span>
				<span>修改</span>
			</div>
		</div>
		</div>
		
		<div class="index_module">
		<!-- 最新消息 -->
		<div class="index_content_left_header">
			<div>最新消息</div>
			<div>Latest information</div>
			<div class="index_module_img">
				<img src="${ctx}/custom/images/index_module_hide.png" width="20" height="20" onclick="index_module_toggle(this)"/><img onclick="index_module_remove(this)" src="${ctx}/custom/images/index_module_remove.png" width="20" height="20" />
			</div>
		</div>
		<div class="index_news_banner">
			<div class="index_news_banner_next" onclick="index_news_banner_next()"><img src="${ctx}/custom/images/index_news_next.png" height="16" width="8"/></div>
			<div class="index_news_banner_container" style="background:url('${ctx}/custom/images/index_news_01.jpg');background-size:cover;">
				<div>3D 打印服装秀上海开幕式</div>
			</div>
			<div class="index_news_banner_container" style="background:url('${ctx}/custom/images/index_news_02.jpg');background-size:cover;">
				<div>罗马大斗兽场"倒闭"了</div>
			</div>
			<div class="index_news_banner_container" style="background:url('${ctx}/custom/images/index_news_01.jpg');background-size:cover;">
				<div>33333333333333333</div>
			</div>
			<div class="index_news_banner_container" style="background:url('${ctx}/custom/images/index_news_02.jpg');background-size:cover;">
				<div>44444444444444444</div>
			</div>
			
		</div>
		<!-- 最新消息内容 -->
		<div class="index_news_banner_content">
			<div>网络事业创造了富裕,又延续了平等。</div>
			<div>网络事业创造了富裕,又延续了平等。</div>
		</div>
		<div class="index_news_banner_content">
			<div>网络事业创造了富裕,又延续了平等。</div>
			<div>网络事业创造了富裕,又延续了平等。</div>
		</div>
		<div class="index_news_banner_content">
			<div>网络事业创造了富裕,又延续了平等。</div>
			<div>网络事业创造了富裕,又延续了平等。</div>
		</div>
		<div class="index_news_banner_content">
			<div>网络事业创造了富裕,又延续了平等。</div>
			<div>网络事业创造了富裕,又延续了平等。</div>
		</div>
		<div class="index_news_banner_content">
			<div>网络事业创造了富裕,又延续了平等。</div>
			<div>网络事业创造了富裕,又延续了平等。</div>
		</div>
		<div class="index_news_banner_content">
			<div>网络事业创造了富裕,又延续了平等。</div>
			<div>网络事业创造了富裕,又延续了平等。</div>
		</div>
		<div class="index_news_banner_content">
			<div>网络事业创造了富裕,又延续了平等。</div>
			<div>网络事业创造了富裕,又延续了平等。</div>
		</div>
		</div>
		<!-- end -->
	</div>
</div>
<!-- 友情链接 -->
<div class="index_friendship">
	<div>
		<div>友情链接</div>
		<div>Friendship link</div>
	</div>
	<div><a href="javascript:void(0)"><img src="${ctx}/custom/images/index_logo_01_gray.jpg" width="160" height="50"/></a></div>
	<div><a href="javascript:void(0)"><img src="${ctx}/custom/images/index_logo_02_gray.jpg" width="160" height="50"/></a></div>
	<div><a href="javascript:void(0)"><img src="${ctx}/custom/images/index_logo_03_gray.jpg" width="160" height="50"/></a></div>
	<div><a href="javascript:void(0)"><img src="${ctx}/custom/images/index_logo_04_gray.jpg" width="160" height="50"/></a></div>
</div>
<!-- 尾部 -->
<jsp:include page="/footer.jsp"></jsp:include>

<!-- 添加模块的容器 -->
<div class="index_insert_module" onclick="index_insert_module()" title="添加新的板块"><img src="${ctx}/custom/images/index_insert_module.png" width="22" height="22"/></div>

</body>
</html>