文旅厅大数据中心-移动
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

<%@ 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>