移动新ui
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.
 
 
 
 

346 lines
18 KiB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ page import="com.cjy.util.PropertyManager"%>
<%@ include file="/common/ctx.jsp"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
String wordpath = PropertyManager.getProperty("wordpath");
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META HTTP-EQUIV="nocache" CONTENT="no-cache">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/resourceNew/css/cjy_style.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/resourceNew/css/cjy_style2.css" />
<link type="text/css" rel="stylesheet" href="${ctx}/hbcyjc/resourceNew/css/cjy_zlmxg.css" />
<%@ include file="/common/theme_css.jsp" %>
<script type="text/javascript" src="${ctx}/hbcyjc/resourceNew/js/jquery-3.7.0.min.js"></script>
<script src="${ctx }/hbcyjc/resource/js/layer/layer.js"></script>
<title>智慧旅游分析报告生成页</title>
<style>
.fxbg_xznf{ margin:10px; position:relative;}
.fxbg_xznf::after{ content:""; display:block; width:100px; height:6px; background:url(${ctx}/hbcyjc/resourceNew/images/che_angbx.png) no-repeat left top; position:absolute; bottom:-6px; left:0; background-size:100%;}
.fxbg_xznf.form_select {
display: inline-block;
width: 100px;
border: 1px solid #104184;
margin-right: 15px;
}
.fxbg_con{ margin:20px;}
.fxbg_nrbf{ padding:40px 0px; text-align:center; padding-bottom:60px;}
.xzbtn{ background:rgba(18,20,109,0.14); border:1px solid #13ABEF; padding:10px 40px; position:relative; margin:0px 15px; display:inline-block; margin-bottom:15px; position:relative; }
.fxbg_wbnr{font-size:16px; color:#fff; display:inline-block;}
.xzbtn::before{ content:""; display:block; width:10px; height:10px; border-bottom:2px solid #00FFFF; border-left:2px solid #00FFFF; position:absolute; bottom:-1px; left:-1px;}
.xzbtn::after{ content:""; display:block; width:10px; height:10px; border-top:2px solid #00FFFF; border-right:2px solid #00FFFF; position:absolute; top:-1px; right:-1px;}
.fxbg_sanjiao{ display:block; width:12px; height:12px; overflow:hidden; position:absolute; top:0; left:0;transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);}
.fxbg_sanjiao::before{ content:""; display:block; width:40px; height:40px; background:#13ABEF;transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);}
.xz_biao{ display:block; position:absolute; bottom:-7px; right:-12px; padding:2px; border-radius:3px; background:#080C34 url(${ctx}/hbcyjc/resourceNew/images/fxbg_xzbj2.png) no-repeat bottom center; width:22px; height:22px; z-index:3;}
.xz_biao::before{content:""; display:block; width:22px; height:22px; background:url(${ctx}/hbcyjc/resourceNew/images/fxbg_xzjt2.png) no-repeat bottom center; position:relative; top:0;}
.xz_biaodh.xz_biao::before{animation: xzdh 1s infinite;
-moz-animation: xzdh 1s infinite;
-webkit-animation: xzdh 1s infinite;
-o-animation: xzdh 1s infinite;}
@keyframes xzdh{0%{top:-10px; opacity:0;} 50%{opacity:1;} 80%{top:0; opacity:1;} 100% {top:5px; opacity:0;}}
@-moz-keyframes xzdh {0%{top:-10px; opacity:0;} 50%{opacity:1;} 80%{top:0; opacity:1;} 100% {top:5px; opacity:0;}}
@-webkit-keyframes xzdh{0%{top:-10px; opacity:0;} 50%{opacity:1;} 80%{top:0; opacity:1;} 100% {top:5px; opacity:0;}}
@-o-keyframes xzdh{0%{top:-10px; opacity:0;} 50%{opacity:1;} 80%{top:0; opacity:1;} 100% {top:5px; opacity:0;}}
.nian_bg{ padding:50px 0px;}
.nian_bg .xzbtn{ border:2px solid #13ABEF; padding:18px 48px;}
.nian_bg .fxbg_wbnr{font-size:20px; color:#00D5FF; font-weight:bold; font-style: italic;}
.nian_bg .xzbtn::before{border-bottom:3px solid #00FFFF; border-left:3px solid #00FFFF;bottom:-2px; left:-2px;}
.nian_bg .xzbtn::after{border-top:3px solid #00FFFF; border-right:3px solid #00FFFF;top:-2px; right:-2px;}
.nian_bg .xz_biao{background:#080C34 url(${ctx}/hbcyjc/resourceNew/images/fxbg_xzbj.png) no-repeat bottom center;}
.nian_bg .xz_biao:before{ background:url(${ctx}/hbcyjc/resourceNew/images/fxbg_xzjt.png) no-repeat bottom center;}
.dbt_xgbq::before{ content:""; display: inline-block; width:22px; height:18px; background: url(${ctx}/hbcyjc/resourceNew/images/nianbt_xbq.png) no-repeat center top; margin-right:6px; position:relative; top:1px;}
.dbt_xgbq::after{ content:""; display: inline-block; width:22px; height:18px; background: url(${ctx}/hbcyjc/resourceNew/images/nianbt_xbq.png) no-repeat center top; margin-left:10px; position:relative; top:3px;}
.xzbtn:hover{ background:rgba(18,20,109,0.68);}
.xzbtn:hover .fxbg_wbnr{ color:#00FFFF;}
.xzbtn:hover .dbt_xgbq::before{background: url(${ctx}/hbcyjc/resourceNew/images/nianbt_xbq.png) no-repeat center -90px;}
.xzbtn:hover .dbt_xgbq::after{background: url(${ctx}/hbcyjc/resourceNew/images/nianbt_xbq.png) no-repeat center -90px;}
.unused.xzbtn{ border-color:#183F8F;}
.unused.xzbtn .fxbg_wbnr{ color:#1F51BA;}
.unused.xzbtn .dbt_xgbq::before,
.unused.xzbtn .dbt_xgbq::after,
.unused.xzbtn::before,
.unused.xzbtn::after,
.unused.xzbtn .xz_biao,
.unused.xzbtn .fxbg_sanjiao{ display:none;}
.unused.xzbtn:hover{ background:rgba(18,20,109,0.14);}
.unused.xzbtn:hover .fxbg_wbnr{ color:#1F51BA;}
.yue_bg .xzbtn{ width:3em;}
.jie_bg .xzbtn{ padding:10px 30px;}
.wbnr_tb{ display: inline-block; height:28px; line-height:28px; padding-left:34px; background: url(${ctx}/hbcyjc/resourceNew/images/fxbg_tbj.png) no-repeat;background-position:center top; position:relative; top:1px; font-size:16px; font-style:normal;}
.xzbtn:hover .wbnr_tb{background: url(${ctx}/hbcyjc/resourceNew/images/fxbg_tbj_h.png) no-repeat;background-position:0px top; color:#00FFFF;}
.unused.xzbtn .wbnr_tb{background: url(${ctx}/hbcyjc/resourceNew/images/fxbg_tbj_zd.png) no-repeat;background-position:0px top; color:#1F51BA;}
.unused.xzbtn:hover .wbnr_tb{background: url(${ctx}/hbcyjc/resourceNew/images/fxbg_tbj_zd.png) no-repeat;background-position:0px top; color:#1F51BA;}
.jie_riqi{ position:absolute; bottom:-30px; left:0; width:100%; height:28px; overflow:hidden; z-index:1;}
.jie_riqi span{ display:block; background:rgba(28,44,185,0.35); position:absolute; top:-28px; left:0; width:100%; font-size:12px; color:#fff; height:28px; line-height:28px;
transition: top 1s;
-moz-transition: top 1s; /* Firefox 4 */
-webkit-transition: top 1s; /* Safari 和 Chrome */
-o-transition: top 1s;}
.xzbtn:hover .jie_riqi span{top:0px; }
.unused .jie_riqi span{color:#7A9EE9;}
.wbnr_tb.jd_1,
.xzbtn:hover .wbnr_tb.jd_1,
.unused.xzbtn .wbnr_tb.jd_1,
.unused.xzbtn:hover .wbnr_tb.jd_1{ background-position:0px 0px;}
.wbnr_tb.jd_2,
.xzbtn:hover .wbnr_tb.jd_2,
.unused.xzbtn .wbnr_tb.jd_2,
.unused.xzbtn:hover .wbnr_tb.jd_2{ background-position:0px -72px;}
.wbnr_tb.jd_3,
.xzbtn:hover .wbnr_tb.jd_3,
.unused.xzbtn .wbnr_tb.jd_3,
.unused.xzbtn:hover .wbnr_tb.jd_3{ background-position:0px -146px;}
.wbnr_tb.jd_4,
.xzbtn:hover .wbnr_tb.jd_4,
.unused.xzbtn .wbnr_tb.jd_4,
.unused.xzbtn:hover .wbnr_tb.jd_4{ background-position:0px -221px;}
.wbnr_tb.jie_cj,
.xzbtn:hover .wbnr_tb.jie_cj,
.unused.xzbtn .wbnr_tb.jie_cj,
.unused.xzbtn:hover .wbnr_tb.jie_cj{ background-position:0px -297px;}
.wbnr_tb.jie_qm,
.xzbtn:hover .wbnr_tb.jie_qm,
.unused.xzbtn .wbnr_tb.jie_qm,
.unused.xzbtn:hover .wbnr_tb.jie_qm{ background-position:0px -370px;}
.wbnr_tb.jie_ld,
.xzbtn:hover .wbnr_tb.jie_ld,
.unused.xzbtn .wbnr_tb.jie_ld,
.unused.xzbtn:hover .wbnr_tb.jie_ld{ background-position:0px -443px;}
.wbnr_tb.jie_dw,
.xzbtn:hover .wbnr_tb.jie_dw,
.unused.xzbtn .wbnr_tb.jie_dw,
.unused.xzbtn:hover .wbnr_tb.jie_dw{ background-position:0px -513px;}
.wbnr_tb.jie_zq,
.xzbtn:hover .wbnr_tb.jie_zq,
.unused.xzbtn .wbnr_tb.jie_zq,
.unused.xzbtn:hover .wbnr_tb.jie_zq{ background-position:0px -580px;}
.wbnr_tb.jie_gq,
.xzbtn:hover .wbnr_tb.jie_gq,
.unused.xzbtn .wbnr_tb.jie_gq,
.unused.xzbtn:hover .wbnr_tb.jie_gq{ background-position:0px -648px;}
.wbnr_tb.jie_yd,
.xzbtn:hover .wbnr_tb.jie_yd,
.unused.xzbtn .wbnr_tb.jie_yd,
.unused.xzbtn:hover .wbnr_tb.jie_yd{ background-position:0px -717px;}
.xzcg{ display:none;position: fixed; top:50%; left:50%; width:10em; font-size:16px; color:#fff; background:rgba(14,82,156,0.94); border-radius:60px; padding:10px 0px; text-align:center; font-weight:normal; font-style:italic; margin-left:-5em; opacity:0; z-index:999;
animation: xzcg 2s;
-moz-animation: xzcg 2s;
-webkit-animation: xzcg 2s;
-o-animation: xzcg 2s}
@keyframes xzcg{0%{opacity:0;} 20%{opacity:1;} 80%{opacity:1;} 100% {opacity:0;}}
@-moz-keyframes xzcg {0%{opacity:0;} 20%{opacity:1;} 80%{opacity:1;} 100% {opacity:0;}}
@-webkit-keyframes xzcg{0%{opacity:0;} 20%{opacity:1;} 80%{opacity:1;} 100% {opacity:0;}}
@-o-keyframes xzcg{0%{opacity:0;} 20%{opacity:1;} 80%{opacity:1;} 100% {opacity:0;}}
</style>
</head>
<body>
<div class="xingk"></div>
<%@include file="/common/menu.jsp" %>
<input type="hidden" id="wordpath" value="<%=wordpath %>" />
<div class="form_select fxbg_xznf">
<select id="year">
</select>
</div>
<div class="fxbg_con">
<h3 class="wpbg_dbt"><span class="year wpbg_dbt"></span>年衡水市智慧旅游分析报告生成</h3>
<div class="fxbg_nrbf nian_bg">
<a href="javascript:void(0);" id="qn" onclick="downloadWord(1,'')" class="xzbtn"><span class="fxbg_wbnr dbt_xgbq"><span class="year fxbg_wbnr"></span>度分析报告下载【全年】</span><span
class="fxbg_sanjiao"></span><i class="xz_biao"></i></a>
<a href="javascript:void(0);" id="sbn" onclick="downloadWord(5,'')" class="xzbtn"><span class="fxbg_wbnr dbt_xgbq"><span class="year fxbg_wbnr"></span>年度报告【上半年】</span><span
class="fxbg_sanjiao"></span><i class="xz_biao"></i></a>
<a href="javascript:void(0);" id="xbn" onclick="downloadWord(6,'')" class="xzbtn"><span class="fxbg_wbnr dbt_xgbq"><span
class="year fxbg_wbnr"></span>年度报告【下半年】</span><span class="fxbg_sanjiao"></span><i class="xz_biao"></i></a>
</div>
<h2 class="wpbg_xbt">季度报告</h2>
<div class="fxbg_nrbf">
<a href="javascript:void(0);" id="jd_1" onclick="downloadWord(2,1)" class="xzbtn"><span class="fxbg_wbnr"><i class=" wbnr_tb jd_1">第一季度</i></span><span
class="fxbg_sanjiao"></span><i class="xz_biao"></i></a>
<a href="javascript:void(0);" id="jd_2" onclick="downloadWord(2,2)" class="xzbtn"><span class="fxbg_wbnr"><i class=" wbnr_tb jd_2">第二季度</i></span><span
class="fxbg_sanjiao"></span><i class="xz_biao"></i></a>
<a href="javascript:void(0);" id="jd_3" onclick="downloadWord(2,3)" class="xzbtn"><span class="fxbg_wbnr"><i class=" wbnr_tb jd_3">第三季度</i></span><span
class="fxbg_sanjiao"></span><i class="xz_biao"></i></a>
<a href="javascript:void(0);" id="jd_4" onclick="downloadWord(2,4)" class="xzbtn"><span class="fxbg_wbnr"><i class=" wbnr_tb jd_4">第四季度</i></span><span
class="fxbg_sanjiao"></span><i class="xz_biao"></i></a>
</div>
<h2 class="wpbg_xbt">月报</h2>
<div class="fxbg_nrbf yue_bg">
<a href="javascript:void(0);" id="yue_1" onclick="downloadWord(3,'01')" class="xzbtn"><span class="fxbg_wbnr">1月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_2" onclick="downloadWord(3,'02')" class="xzbtn"><span class="fxbg_wbnr">2月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_3" onclick="downloadWord(3,'03')" class="xzbtn"><span class="fxbg_wbnr">3月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_4" onclick="downloadWord(3,'04')" class="xzbtn"><span class="fxbg_wbnr">4月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_5" onclick="downloadWord(3,'05')" class="xzbtn"><span class="fxbg_wbnr">5月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_6" onclick="downloadWord(3,'06')" class="xzbtn"><span class="fxbg_wbnr">6月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<br />
<a href="javascript:void(0);" id="yue_7" onclick="downloadWord(3,'07')" class="xzbtn"><span class="fxbg_wbnr">7月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_8" onclick="downloadWord(3,'08')" class="xzbtn"><span class="fxbg_wbnr">8月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_9" onclick="downloadWord(3,'09')" class="xzbtn"><span class="fxbg_wbnr">9月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_10" onclick="downloadWord(3,'10')" class="xzbtn"><span class="fxbg_wbnr">10月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_11" onclick="downloadWord(3,'11')" class="xzbtn"><span class="fxbg_wbnr">11月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
<a href="javascript:void(0);" id="yue_12" onclick="downloadWord(3,'12')" class="xzbtn"><span class="fxbg_wbnr">12月</span><span class="fxbg_sanjiao"></span><i
class="xz_biao"></i></a>
</div>
<h2 class="wpbg_xbt">重大活动及节假日</h2>
<div class="fxbg_nrbf jie_bg">
<!-- <a href="javascript:void(0);" class="xzbtn"><span class="fxbg_wbnr"><i class=" wbnr_tb jie_yd">元旦</i></span>
<span class="fxbg_sanjiao"></span><i class="xz_biao"></i>
<p class="jie_riqi"><span>2018.12.30~01.01</span></p>
</a> -->
</div>
</div>
<p class="xzcg">已下载成功</p>
<script type="text/javascript">
$(document).ready(function() {
$("#sysName").html("智慧旅游分析报告");
$("#current_page").css('display','none');
var my_menu_html =
'<a href="${ctx}/sysuser/userlist.do" class="caid_xiang">用户中心</a>' +
'<a href="${ctx}/hbcyjc/analysisReport/createPage.jsp" class="caid_xiang active">大数据报告生成</a>' ;
$("#menuList").html(my_menu_html);
var day = new Date().getTime();
// 获取前一天 (节假日需要前一天最后的时间,所以需要把时间设置为23:59:59;此时间与节假日结束时间相对应)
var currentDate = new Date(day - (24 * 60 * 60 * 1000));
currentDate.setHours(23);
currentDate.setMinutes(59);
currentDate.setSeconds(59);
var year = currentDate.getFullYear();
var month = currentDate.getMonth() + 1;
var day = currentDate.getDate();
// 循环判断年,从2019年开始
var str = '<option value="2019">2019年</option>';
for (var i = 0; i < year - 2019; i++) {
str += '<option value="' + (2019 + i + 1) + '">' + (2019 + i + 1) + '年</option>';
}
$("#year").html(str);
// 给年赋值
$("#year").val(year);
$(".year").html(year);
// 根据时间判断按钮是否可以点击
// -年-
if (month < 7) { // 下半年
$("#xbn").addClass("unused");
$("#xbn").attr("onclick", "");
}
// -季度-
if (month < 4) { // 一季度
$("#jd_2").addClass("unused");
$("#jd_3").addClass("unused");
$("#jd_4").addClass("unused");
$("#jd_2").attr("onclick", "");
$("#jd_3").attr("onclick", "");
$("#jd_4").attr("onclick", "");
} else if (month < 7) { // 二季度
$("#jd_3").addClass("unused");
$("#jd_4").addClass("unused");
$("#jd_3").attr("onclick", "");
$("#jd_4").attr("onclick", "");
} else if (month < 10) { // 三季度
$("#jd_4").addClass("unused");
$("#jd_4").attr("onclick", "");
}
// -月-
for (var i = month + 1; i < 13; i++) {
$("#yue_" + i).addClass("unused");
$("#yue_" + i).attr("onclick", "");
}
// -节假日-
$.ajax({
data: {
'year': year
},
url: '${ctx}/festivalSupervise/getAllfestival.do',
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒;
success: function(data) {
var str = '';
for (var i = 0; i < data.length; i++) {
var obj = data[i];
var flag = currentDate.getTime() >= obj.etime; // 是否可以下载标志
if(year == 2019 && obj.etime < 1559266970000){
flag = false;
}
str += ''+
'<a href="javascript:void(0);"'+ (flag ? ' onclick="downloadWord(4,'+ obj.festivalcode +')"':'') +' class="xzbtn'+ (flag ? "":" unused") +'"><span class="fxbg_wbnr"><i class=" wbnr_tb jie_yd">'+ obj.festivalname +'</i></span>'+
' <span class="fxbg_sanjiao"></span><i class="xz_biao"></i>'+
' <p class="jie_riqi"><span>'+ dateFormat(obj.stime) +'~'+ dateFormat(obj.etime) +'</span></p>'+
'</a>';
}
$(".jie_bg").html(str);
},
error: function(xhr, type, errorThrown) {
},
});
});
// 毫秒值
function dateFormat(millisecond){
var date = new Date(millisecond);
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.getDate();
return month + "月" + day + "日";
}
// 下载方法
function downloadWord(type,typedetail){
var elemIF = document.createElement("iframe");
elemIF.src = $("#wordpath").val() + "?isCreate=true&year="+ $("#year").val() + "&type="+type+"&typedetail="+typedetail;
elemIF.style.display = "none";
document.body.appendChild(elemIF);
$(".xzcg").show();
window.setTimeout('$(".xzcg").hide();',2000);
}
</script>
</body>
</html>