You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
147 lines
5.2 KiB
147 lines
5.2 KiB
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
|
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
|
|
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<script src="${pageContext.request.contextPath}/back/xadataanalysis/js/jquery.min.js"></script>
|
|
<script src="${pageContext.request.contextPath}/back/xadataanalysis/js/layer/layer.js"></script>
|
|
<!-- 新样式引入 -->
|
|
<link href="${pageContext.request.contextPath}/back/xadataanalysis/resource/css/cjy_style.css" rel="stylesheet" />
|
|
<link href="${pageContext.request.contextPath}/back/xadataanalysis/resource/css/cjy_style2.css" rel="stylesheet" />
|
|
<link href="${pageContext.request.contextPath}/back/xadataanalysis/resourceNew/css/cjy_zlmxg.css" rel="stylesheet" />
|
|
<link href="${pageContext.request.contextPath}/back/xadataanalysis/resourceNew/css/zjk_css.css" rel="stylesheet" />
|
|
<title>雄安数据监测</title>
|
|
<script type="text/javascript">
|
|
function searchdetail(cname,datenum){
|
|
layer.open({
|
|
type : 2,
|
|
shade: [0.7, '#333'],
|
|
title : '',
|
|
anim : 2,
|
|
area : [ '70%', '90%' ],
|
|
content : "${pageContext.request.contextPath}/xiongAnDetail.do?cname="+cname+"&datenum="+datenum
|
|
});
|
|
}
|
|
//计算总数
|
|
$(function(){
|
|
var num = 0;
|
|
<c:choose>
|
|
<c:when test="${not empty list }">
|
|
<c:forEach items="${list}" var="c" varStatus="vst">
|
|
<c:if test="${c.daynum!=null}">
|
|
num+=${c.daynum};
|
|
</c:if>
|
|
</c:forEach>
|
|
</c:when>
|
|
</c:choose>
|
|
$("#total").text("共计"+num+"人次");
|
|
});
|
|
|
|
//重置
|
|
function chongzhi(){
|
|
$("#starttime").val("");
|
|
$("#endtime").val("");
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="xingk"></div>
|
|
<div class="header">
|
|
<h3 class="header_bt">雄安旅游数据</h3>
|
|
</div>
|
|
<div class="full_box">
|
|
<div class="ts_wid_fm">
|
|
<form class="" action="${pageContext.request.contextPath}/xiongan" method="post" >
|
|
<!-- <form class="zt_lay" > -->
|
|
<div class="table_sck">
|
|
<!-- ------------------------------------------------------------------------ -->
|
|
<div class="tsble_form" id="datatable-editable_wrapper">
|
|
|
|
<div class="form_hpzs">
|
|
<label class="form_label">发生时间(起):</label>
|
|
<div class="form_input">
|
|
<input id="starttime" name="starttime" value="${starttime}" placeholder="" aria-controls="datatable-editable">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form_hpzs">
|
|
<label class="form_label">发生时间(止):</label>
|
|
<div class="form_input">
|
|
<input id="endtime" name="endtime" value="${endtime}" placeholder="" aria-controls="datatable-editable">
|
|
</div>
|
|
</div>
|
|
<!-- ------------------------------------------------------------------------ -->
|
|
<div class="form_hpzs" id="datatable-editable_length">
|
|
<button class="bttn bttn_ss" title="查询" type="submit">
|
|
<i class="fa fa-search"></i>查询
|
|
</button>
|
|
<button class="bttn" title="重置" type = "button" onclick="chongzhi()">
|
|
<i class="fa fa-rotate-left "></i>重置
|
|
</button>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div class="lst_table_box">
|
|
<div class="t_r_t" id="t_r_t">
|
|
<div class="t_r_title pp-list">
|
|
<table class="pp-list">
|
|
<tr>
|
|
<th style="text-align:center;" >序号</th>
|
|
<th style="text-align:center;" >日期</th>
|
|
<th style="text-align:center;" >客流量/人次</th>
|
|
<th style="text-align:center;" >操作</th>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="t_r_content t_table" id="t_r_content" onscroll="aa()" style="max-height:360px">
|
|
<table class="pp-list">
|
|
<c:forEach items="${list}" var="lis" varStatus="vst">
|
|
<tr>
|
|
<td style="text-align:center;" align="center">
|
|
${(vst.index)+1}
|
|
</td>
|
|
<td style="text-align:center;">${fn:substring(lis.cname, 0, 4)}年${fn:substring(lis.cname, 4, 6)}月${lis.datenum}日</td>
|
|
<td style="text-align:center;">
|
|
${lis.daynum }
|
|
<%-- <c:if test="${vst.index==0}">
|
|
(实时:${lis.curnum})
|
|
</c:if> --%>
|
|
</td>
|
|
<td style="text-align:center;"><a href="javascript:searchdetail('${lis.cname}','${lis.datenum }')" title="查询详细" class="mc">明细</a></td>
|
|
</tr>
|
|
</c:forEach>
|
|
<tr>
|
|
<td colspan="4"><span id = "total" style="color: white;font-weight: bold;font-size: 20px" ></span></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
<script type="text/javascript" src="${pageContext.request.contextPath}/back/xadataanalysis/js/laydate5.09/laydate.js"></script>
|
|
<script type="text/javascript">
|
|
//时间选择器
|
|
var startDate=laydate.render({
|
|
elem: '#starttime',
|
|
format:'yyyy-MM-dd',
|
|
theme: 'datecolor'
|
|
|
|
});
|
|
var endDate=laydate.render({
|
|
elem: '#endtime',
|
|
format:'yyyy-MM-dd',
|
|
theme: 'datecolor'
|
|
});
|
|
</script>
|
|
</html>
|
|
|