643 lines
19 KiB
JavaScript
643 lines
19 KiB
JavaScript
|
document.write("<script src='../../../js20/qfstatH5.js'></script>");
|
|||
|
|
document.write("<script src='../../../js20/poster/posterShare.js'></script>");
|
|||
|
|
|
|||
|
|
// 以下参数根据需求进行配置
|
|||
|
|
var BMListModeType = 2; // 版面列表显示类型。1:左侧弹出 2：居中显示
|
|||
|
|
var calendarMode = 1; //1：传统日历 2：列表日历需要配合自定义json日历数据
|
|||
|
|
var ifMaxShowDate = false;//是否开启过滤日期（开启：true,关闭：false）
|
|||
|
|
var MaxshowData = 10; //最多能看7天
|
|||
|
|
var pageDirection = "horizontal"; // 版面图滑动 horizontal横向滚动，vertical竖向滚动
|
|||
|
|
var layoutStyle = "festival" //版面图样式 routine:常规， festival：节日，solemn：庄严
|
|||
|
|
var HaiBaoType = "multi"; //single:单版模板 multi:多版模式，多版面时：需要加载：document.write("<script src='../../../js20/poster/posterShare.js'></script>"); @import url("../js20/poster/posterShare.css");
|
|||
|
|
|
|||
|
|
// 主程序
|
|||
|
|
|
|||
|
|
var month = getDate("month");//获取当前月份
|
|||
|
|
|
|||
|
|
$(function () {
|
|||
|
|
|
|||
|
|
$('body').css('opacity',1);
|
|||
|
|
|
|||
|
|
if (!DateMaxDiff(1)) {
|
|||
|
|
alert("对不起，只能查看最新七天数据！");
|
|||
|
|
location.href = "../../../paperindex.htm";
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 模式2初始化年份日历
|
|||
|
|
if (calendarMode == 2) {
|
|||
|
|
initYearList();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//日历实例化
|
|||
|
|
$('.form_date').datetimepicker({
|
|||
|
|
pickerPosition: "top-right",
|
|||
|
|
bootcssVer: 3,
|
|||
|
|
format: "yyyy-mm-dd",
|
|||
|
|
language: "zh-CN",
|
|||
|
|
weekStart: 1,
|
|||
|
|
autoclose: 1,
|
|||
|
|
startView: 2,
|
|||
|
|
minView: 2,
|
|||
|
|
forceParse: 0,
|
|||
|
|
viewSelect: "month",
|
|||
|
|
initialDate: getDate("day"),
|
|||
|
|
}).on("show", function (ev) {
|
|||
|
|
console.log(month);
|
|||
|
|
displayDate(month);
|
|||
|
|
//$(".datetimepicker-days th.switch").addClass("disabled");
|
|||
|
|
}).on('changeDate', function (ev) {
|
|||
|
|
var date = new Date(ev.date.valueOf());
|
|||
|
|
var year = date.getFullYear();
|
|||
|
|
var month = date.getMonth() + 1;
|
|||
|
|
month = month < 10 ? ("0" + month) : month;
|
|||
|
|
var day = date.getDate();
|
|||
|
|
day = day < 10 ? ("0" + day) : day;
|
|||
|
|
var url = "#";
|
|||
|
|
|
|||
|
|
//var curDate = year+""+appendZero(month)+""+appendZero(day);
|
|||
|
|
//if (curDate<=20191231){
|
|||
|
|
// location.href = "https://epaper.guanhai.com.cn/qdrb/"+curDate;
|
|||
|
|
//}
|
|||
|
|
var isUseful = checkUrl(url);
|
|||
|
|
if (isUseful) {
|
|||
|
|
location.href = url;
|
|||
|
|
}
|
|||
|
|
hideAll();
|
|||
|
|
//$('.mask').removeClass('active');
|
|||
|
|
});
|
|||
|
|
//导航栏日期显示
|
|||
|
|
// $('body .datetimeBtn').text(getDate("day"));
|
|||
|
|
// 底部按钮切换
|
|||
|
|
$('.footerWrap').on('click', '.item', function () {
|
|||
|
|
//$(this).toggleClass('active');
|
|||
|
|
//$(this).parent('.item').siblings('.item').find('.text').removeClass('active');
|
|||
|
|
$('.mask').toggleClass('active');
|
|||
|
|
// 版面列表显示
|
|||
|
|
var btn=$(this).children()[1];
|
|||
|
|
|
|||
|
|
if (btn.classList.contains('layoutBtn')) {
|
|||
|
|
if (BMListModeType == 1) {
|
|||
|
|
$('.layoutStyleOne').toggleClass('active');
|
|||
|
|
} else if (BMListModeType == 2) {
|
|||
|
|
$('.layoutStyleTwo').toggleClass('active');
|
|||
|
|
$(".cancelBox").show()
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
// 版面文章目录显示
|
|||
|
|
if (btn.classList.contains('articleBtn')) {
|
|||
|
|
$('.articleList').toggleClass('active');
|
|||
|
|
$(".cancelBox").show();
|
|||
|
|
}
|
|||
|
|
//日历显示
|
|||
|
|
if (btn.classList.contains('datetimeBtn')) {
|
|||
|
|
showDate();
|
|||
|
|
}
|
|||
|
|
// 跳转下载页面
|
|||
|
|
if (btn.classList.contains('synthesis')) {
|
|||
|
|
// window.location.href='synthesis.html';
|
|||
|
|
// $('.mask').removeClass('active');
|
|||
|
|
$('.synthPage').addClass('active');
|
|||
|
|
synthBox();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//更多显示的弹层
|
|||
|
|
if (btn.classList.contains('more')) {
|
|||
|
|
$(this).siblings('.exareBox').toggleClass('active');
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 点击遮罩
|
|||
|
|
$('.mask').on('click', function () {
|
|||
|
|
hideAll();
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 点击取消按钮
|
|||
|
|
$('.cancelBox').on('click', function () {
|
|||
|
|
hideAll();
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//监听切换月份
|
|||
|
|
var i = 0;
|
|||
|
|
$(".datetimepicker-days tbody").bind("DOMNodeInserted", function () {
|
|||
|
|
if (i == 5) {
|
|||
|
|
var date = $(".datetimepicker-days thead th.switch").text().split(" ");
|
|||
|
|
console.log('2222222222222222',date)
|
|||
|
|
switch (date[0]) {
|
|||
|
|
case "一月":
|
|||
|
|
month = date[1] + "-01";
|
|||
|
|
break;
|
|||
|
|
case "二月":
|
|||
|
|
month = date[1] + "-02";
|
|||
|
|
break;
|
|||
|
|
case "三月":
|
|||
|
|
month = date[1] + "-03";
|
|||
|
|
break;
|
|||
|
|
case "四月":
|
|||
|
|
month = date[1] + "-04";
|
|||
|
|
break;
|
|||
|
|
case "五月":
|
|||
|
|
month = date[1] + "-05";
|
|||
|
|
break;
|
|||
|
|
case "六月":
|
|||
|
|
month = date[1] + "-06";
|
|||
|
|
break;
|
|||
|
|
case "七月":
|
|||
|
|
month = date[1] + "-07";
|
|||
|
|
break;
|
|||
|
|
case "八月":
|
|||
|
|
month = date[1] + "-08";
|
|||
|
|
break;
|
|||
|
|
case "九月":
|
|||
|
|
month = date[1] + "-09";
|
|||
|
|
break;
|
|||
|
|
case "十月":
|
|||
|
|
month = date[1] + "-10";
|
|||
|
|
break;
|
|||
|
|
case "十一月":
|
|||
|
|
month = date[1] + "-11";
|
|||
|
|
break;
|
|||
|
|
case "十二月":
|
|||
|
|
month = date[1] + "-12";
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
console.log('111111111111',month)
|
|||
|
|
displayDate(month);
|
|||
|
|
i = -1;
|
|||
|
|
}
|
|||
|
|
i++;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//点击分享按钮
|
|||
|
|
$('.synthesis').on('click', function () {
|
|||
|
|
if(HaiBaoType=="single"){//单版分享
|
|||
|
|
$('.mask').toggleClass('active');
|
|||
|
|
$('.synthPage').addClass('active');
|
|||
|
|
synthBox();
|
|||
|
|
}else if (HaiBaoType=="multi"){ //多版分享
|
|||
|
|
var poster = POSTER('paperImg').show('');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//关闭下载图片的弹层
|
|||
|
|
$('.synthPage').on('click', '.closeBtn', function () {
|
|||
|
|
$('.synthPage').html('');
|
|||
|
|
$('.synthPage,.mask,.synthesis').removeClass('active');
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 日历相关设置
|
|||
|
|
//显示日期
|
|||
|
|
function showDate() {
|
|||
|
|
if (calendarMode == 1) {
|
|||
|
|
$('.form_date').datetimepicker('update');
|
|||
|
|
$(".form_date").datetimepicker("show");
|
|||
|
|
$(".cancelBox").show()
|
|||
|
|
} else if (calendarMode == 2) {
|
|||
|
|
$("#Datefour").animate({ bottom: "48" }, "normal");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//隐藏日期
|
|||
|
|
function hideDate() {
|
|||
|
|
if (calendarMode == 1) {
|
|||
|
|
$(".form_date").val(getDate("day"));
|
|||
|
|
$(".form_date").datetimepicker("hide");
|
|||
|
|
} else if (calendarMode == 2) {
|
|||
|
|
$("#Datefour").animate({ bottom: "-100%" }, "normal");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//获取当前页日期
|
|||
|
|
function getDate(str) {
|
|||
|
|
var activeDate = $('#activeDate').val();
|
|||
|
|
console.log(activeDate);
|
|||
|
|
activeDate = new Date(activeDate);
|
|||
|
|
|
|||
|
|
var initYear = activeDate.getFullYear();
|
|||
|
|
var initMonth = activeDate.getMonth() + 1;
|
|||
|
|
var initDay = activeDate.getDate();
|
|||
|
|
|
|||
|
|
// var url = location.href;
|
|||
|
|
// var re = /(\d{4})\-(\d{2})\/(\d{2})/;
|
|||
|
|
// var r = url.match(re);
|
|||
|
|
//精确到日
|
|||
|
|
if (str == "day") {
|
|||
|
|
var date = initYear + "-" + initMonth + "-" + initDay;
|
|||
|
|
//精确到月
|
|||
|
|
} else if (str == "month") {
|
|||
|
|
var date = initYear + "-" + initMonth;
|
|||
|
|
}
|
|||
|
|
console.log(date);
|
|||
|
|
return date
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//获取当前月份报纸xml数据
|
|||
|
|
function getPaper(date) {
|
|||
|
|
var myXmlUrl = `/public/static/data/${date}.json`;
|
|||
|
|
var data = { 'day': [], 'url': [] };
|
|||
|
|
$.ajax({
|
|||
|
|
url: myXmlUrl,
|
|||
|
|
type: 'GET',
|
|||
|
|
dataType: 'xml',
|
|||
|
|
async: false,
|
|||
|
|
timeout: 1000,
|
|||
|
|
error: function (xml) {
|
|||
|
|
},
|
|||
|
|
success: function (xml) {
|
|||
|
|
var date = new Array();
|
|||
|
|
var day = new Array();
|
|||
|
|
var url = new Array();
|
|||
|
|
$(xml).find("date").each(function () {
|
|||
|
|
date.push($(this).text());
|
|||
|
|
day.push(parseInt($(this).text().split("-")[2]))
|
|||
|
|
});
|
|||
|
|
$(xml).find("url").each(function () {
|
|||
|
|
url.push($(this).text());
|
|||
|
|
});
|
|||
|
|
data = { "day": day, "url": url }
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
//console.log('获取当前月份报纸xml数据:',date)
|
|||
|
|
return data
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//需要黑色显示的日期数组
|
|||
|
|
function displayDate(date) {
|
|||
|
|
console.log('需要黑色显示的日期数组:',date)
|
|||
|
|
var data = getPaper(date);
|
|||
|
|
var day = 1, count = 0, count2 = 0;
|
|||
|
|
$(".datetimepicker-days .day").each(function (i) {
|
|||
|
|
if (parseInt($(this).text()) > day) {
|
|||
|
|
$(this).html("");
|
|||
|
|
count++
|
|||
|
|
} else {
|
|||
|
|
day = parseInt($(this).text()) + 1;
|
|||
|
|
if ((i > 20) && (parseInt($(this).text()) < 14)) {
|
|||
|
|
$(this).html("").removeClass("active");
|
|||
|
|
count2++;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
if (count == 7) { $(".datetimepicker-days tr:eq(2)").hide(); }
|
|||
|
|
if (count2 >= 7) { $(".datetimepicker-days tr:eq(7)").hide(); }
|
|||
|
|
|
|||
|
|
$(".datetimepicker-days .day").each(function () {
|
|||
|
|
var index = data["day"].indexOf(parseInt($(this).text()))
|
|||
|
|
if (index == -1) {
|
|||
|
|
//var curDate = date.replace("-","")+appendZero(parseInt($(this).text()));
|
|||
|
|
//if (curDate<=20191231){
|
|||
|
|
// $(this).attr('url',"");
|
|||
|
|
//}else{
|
|||
|
|
$(this).addClass('old');
|
|||
|
|
$(this).addClass('disabled');
|
|||
|
|
//}
|
|||
|
|
} else {
|
|||
|
|
if (!ifMaxShowDate) {
|
|||
|
|
$(this).attr('url', data["url"][index]);
|
|||
|
|
} else {
|
|||
|
|
var temp = date.split("-");
|
|||
|
|
temp = temp[0] + "/" + temp[1] + "/" + parseInt($(this).text());
|
|||
|
|
if (DateMaxDiff(2, temp)) {
|
|||
|
|
$(this).attr('url', data["url"][index]);
|
|||
|
|
} else {
|
|||
|
|
$(this).addClass('old');
|
|||
|
|
$(this).addClass('disabled');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function appendZero(n) {
|
|||
|
|
return (("00" + n).substr(("00" + n).length - 2));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 隐藏首页所有的弹层
|
|||
|
|
function hideAll() {
|
|||
|
|
$('.layoutList').removeClass('active');
|
|||
|
|
$('.footerWrap .item .text').removeClass('active')
|
|||
|
|
$('.mask').removeClass('active');
|
|||
|
|
$('.articleList').removeClass('active');
|
|||
|
|
$('.exareBox').removeClass('active')
|
|||
|
|
hideDate();
|
|||
|
|
$(".cancelBox").hide()
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//检查链接是否有效
|
|||
|
|
function checkUrl(url) {
|
|||
|
|
isUseful = false;
|
|||
|
|
$.ajax({
|
|||
|
|
url: url,
|
|||
|
|
type: 'GET',
|
|||
|
|
async: false,
|
|||
|
|
success: function (xml) {
|
|||
|
|
isUseful = true;
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
return isUseful
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//取版面的ID
|
|||
|
|
function getCaption(obj) {
|
|||
|
|
var index = obj.lastIndexOf("_");
|
|||
|
|
obj = obj.substring(index + 1, obj.length);
|
|||
|
|
obj=obj?obj.split('.')[0]:''
|
|||
|
|
// console.log(obj);
|
|||
|
|
return obj;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//下载弹层
|
|||
|
|
function synthBox() {
|
|||
|
|
var imgUrl = $('.thumbnail-left-left a img').attr('src') + '?=v1';
|
|||
|
|
var date = window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("-", "年").replace("/", "月") + '日'; //日期
|
|||
|
|
var week = getWeek(window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("/", "-")); //星期
|
|||
|
|
// var html = '<div class="closeBtn"><i></i></div>' +
|
|||
|
|
// '<div id="synthWrap">' +// <!-- 下载内容html -->
|
|||
|
|
// '<img src = ' + imgUrl + ' class="synthPaper" alt=""/>' +
|
|||
|
|
// '<div class="imgBottom"></div>' +
|
|||
|
|
// '<div class="footer">' +
|
|||
|
|
// '<div class="left"><img src="../../../image20/logo.png" alt=""/></div>' +
|
|||
|
|
// '<div class="center">' +
|
|||
|
|
// window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("-", ".").replace("/", ".") +
|
|||
|
|
// ' ' +
|
|||
|
|
// getWeek(window.location.href.match(/(\d{4})-(\d{2})\/(\d{2})/im)[0].replace("/", "-")) + '</div>' +
|
|||
|
|
// '<div class="right" id="qrcode"></div>' +
|
|||
|
|
// '</div>' +
|
|||
|
|
// '</div>' +
|
|||
|
|
// '<div class="tipsBtn"></div>' +//<!-- 保存提示按钮 -->
|
|||
|
|
// '<div id="synthImg"><img src="" alt=""/></div>' +//<!-- 合成的图片 -->
|
|||
|
|
// '<div class="synthmask"><img src="../../../image20/loading.gif" alt=""/></div>';//<!-- 加载中的蒙层 -->
|
|||
|
|
var html = `
|
|||
|
|
<div class="closeBtn"><i></i></div>
|
|||
|
|
<div id="synthWrap">
|
|||
|
|
<div class="synthHead">
|
|||
|
|
<img src="../../../image20/logoSmall.png" alt=""/>
|
|||
|
|
<div>${date} ${week}</div>
|
|||
|
|
</div>
|
|||
|
|
<img src = '${imgUrl}' class="synthPaper" alt=""/>
|
|||
|
|
<div class="footer">
|
|||
|
|
<div class="left">
|
|||
|
|
<img src="../../../image20/logoBig.png" alt=""/>
|
|||
|
|
</div>
|
|||
|
|
<div class="right">
|
|||
|
|
<div class="text">
|
|||
|
|
<div>识别二维码</div>
|
|||
|
|
<div>查看该版内容</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="qr">
|
|||
|
|
<img src="" id="qcImg"/>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div id="synthImg"><img src="" alt=""/></div>
|
|||
|
|
<div class="saveTipsBtn">点击图片，长按分享给好友</div>
|
|||
|
|
<div class="synthmask"><img src="../../../image20/loading.gif" alt=""/></div>
|
|||
|
|
<div id="qrcode" style="visibility:hidden;"></div>
|
|||
|
|
`
|
|||
|
|
$('.synthPage').append(html);
|
|||
|
|
var url = window.location.href;
|
|||
|
|
var index = url.substring(0, url.lastIndexOf('/') + 1);
|
|||
|
|
$('body').find('#qrcode').qrcode({
|
|||
|
|
render: 'canvas',
|
|||
|
|
width: 180,
|
|||
|
|
height: 180,
|
|||
|
|
// margin: '0 auto',
|
|||
|
|
text: url
|
|||
|
|
});
|
|||
|
|
document.getElementById('qcImg').src = document.querySelector('canvas').toDataURL("image/webp");
|
|||
|
|
synthesisImgLoad();
|
|||
|
|
|
|||
|
|
$('.tipsBtn').unbind("touchstart");
|
|||
|
|
$('.tipsBtn').unbind("touchend");
|
|||
|
|
$('.tipsBtn').bind("touchstart", function () {
|
|||
|
|
$(this).hide();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('.tipsBtn').bind("touchend", function () {
|
|||
|
|
$(this).show();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
//判断图片是否加载完成
|
|||
|
|
function synthesisImgLoad() {
|
|||
|
|
var img = $('.synthPage .synthPaper');
|
|||
|
|
if (img && img.length != 0) {
|
|||
|
|
if (img[0].complete) {
|
|||
|
|
var synBoxH = $('#synthWrap').height();
|
|||
|
|
var imgH = $('#synthWrap').height() - 100;
|
|||
|
|
$('#synthWrap>img.synthPaper').css('max-height', imgH + 'px');
|
|||
|
|
$('#qrcode').hide()
|
|||
|
|
synthesisImg();
|
|||
|
|
} else {
|
|||
|
|
setTimeout(function () { synthesisImgLoad() }, 300);
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
setTimeout(function () { synthesisImgLoad() }, 300);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
//生成图片
|
|||
|
|
function synthesisImg() {
|
|||
|
|
//clearInterval(synthesisImgLoad)
|
|||
|
|
var canvas = document.createElement('canvas') // 创建一个canvas节点
|
|||
|
|
var shareContent = document.getElementById('synthWrap') // 需要截图的包裹的（原生的）DOM 对象
|
|||
|
|
var width = shareContent.offsetWidth // 获取dom 宽度
|
|||
|
|
var height = shareContent.offsetHeight // 获取dom 高度
|
|||
|
|
var scale = 2 // 定义任意放大倍数 支持小数
|
|||
|
|
canvas.getContext('2d').scale(scale, scale) // 获取context,设置scale
|
|||
|
|
var rect = shareContent.getBoundingClientRect() // 获取元素相对于视口的
|
|||
|
|
html2canvas(document.getElementById('synthWrap'), {
|
|||
|
|
x: rect.left, // 绘制的dom元素相对于视口的位置
|
|||
|
|
y: rect.top,
|
|||
|
|
width: width, // dom 原始宽度
|
|||
|
|
height: height,
|
|||
|
|
windowWidth: document.body.scrollWidth,
|
|||
|
|
windowHeight: document.body.scrollHeight,
|
|||
|
|
// x: 0,
|
|||
|
|
// y: 0,
|
|||
|
|
useCORS: true, // 开启跨域
|
|||
|
|
dpi: window.devicePixelRatio * 2,
|
|||
|
|
scale: scale, // 添加的scale 参数
|
|||
|
|
}).then((canvas) => {
|
|||
|
|
var context = canvas.getContext('2d')
|
|||
|
|
//关闭抗锯齿
|
|||
|
|
context.mozImageSmoothingEnabled = false
|
|||
|
|
context.msImageSmoothingEnabled = false
|
|||
|
|
context.imageSmoothingEnabled = false
|
|||
|
|
$('#synthImg img').attr('src', canvas.toDataURL());
|
|||
|
|
$('#synthWrap').hide();
|
|||
|
|
$('#synthImg').show();
|
|||
|
|
$('.synthPage .synthmask').hide();
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//星期日期计算
|
|||
|
|
function getWeek(timedat) { //timedat参数格式： "2018-09-11"
|
|||
|
|
let t = new Date(timedat);
|
|||
|
|
let week;
|
|||
|
|
if (t.getDay() === 0) week = "星期日";
|
|||
|
|
if (t.getDay() === 1) week = "星期一";
|
|||
|
|
if (t.getDay() === 2) week = "星期二";
|
|||
|
|
if (t.getDay() === 3) week = "星期三";
|
|||
|
|
if (t.getDay() === 4) week = "星期四";
|
|||
|
|
if (t.getDay() === 5) week = "星期五";
|
|||
|
|
if (t.getDay() === 6) week = "星期六";
|
|||
|
|
return week;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//判断当前时间和报纸刊期之间的时间差。 如在MaxshowData天内，返回true,否则返回false
|
|||
|
|
// type=1,忽略dtStartStr，日期根据浏览器地址获取;type=2，根据前一个参数，格式(YYYY/MM/DD)
|
|||
|
|
function DateMaxDiff(type, dtStartStr) {
|
|||
|
|
if (!ifMaxShowDate) { return true; }
|
|||
|
|
var maxinterval = MaxshowData;//允许看的天数
|
|||
|
|
var re = /(\d{4})-(\d{2})\/(\d{2})/i;
|
|||
|
|
var sUrl = location.href;
|
|||
|
|
var r = sUrl.match(re);
|
|||
|
|
var dtEnd = new Date();
|
|||
|
|
var dtStart;
|
|||
|
|
if (type == 1) {
|
|||
|
|
if (r) {
|
|||
|
|
dtStart = new Date(r[1] + "/" + r[2] + "/" + r[3]);
|
|||
|
|
} else {
|
|||
|
|
dtStart = new Date();
|
|||
|
|
}
|
|||
|
|
} else if (type == 2) {
|
|||
|
|
dtStart = new Date(dtStartStr);
|
|||
|
|
if (isNaN(dtStart)) dtStart = new Date();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var date3 = dtEnd.getTime() - dtStart.getTime(); //时间差的毫秒数
|
|||
|
|
var days = Math.floor(date3 / (24 * 3600 * 1000));//计算出相差天数
|
|||
|
|
if ((days) >= maxinterval) {
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
return true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//日历牌替换====================
|
|||
|
|
function initYearList() {//加载年份
|
|||
|
|
var html = "";
|
|||
|
|
html += " <div id='Datefour'>";
|
|||
|
|
html += " <div class='year'>";
|
|||
|
|
html += " <a href='#' class='prev'></a>";
|
|||
|
|
html += " <p id='paperYear'></p>";
|
|||
|
|
html += " <a href='#' class='next'></a>";
|
|||
|
|
html += " </div>";
|
|||
|
|
html += " <ul class='clearfix'>";
|
|||
|
|
html += " </ul>";
|
|||
|
|
html += " </div>";
|
|||
|
|
$("body").append(html);
|
|||
|
|
|
|||
|
|
var url = location.href;
|
|||
|
|
var re = /\/(\d{4})-(\d{2})\/(\d{2})\/node_(\d+).htm/im;
|
|||
|
|
var r = url.match(re);
|
|||
|
|
getYearList(r[1], r[1] + "-" + r[2] + "-" + r[3]);//按年份显示导航
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//获取当前月份报纸xml数据
|
|||
|
|
function getYearList(year, curDate) {//按年份显示导航
|
|||
|
|
$("#Datefour p").html("<span onclick=\"showYearList(" + year + ",'" + curDate + "');\"><img src='../../../image20/calenderSmall.png' border=0 />" + year + "年</span>");//显示年份
|
|||
|
|
var myXmlUrl = "../../../paperXml/yearList.js?time=" + new Date().getTime();
|
|||
|
|
var curIndex = -1, css = "", len, perYear = 0, nextYear = 0;
|
|||
|
|
|
|||
|
|
$.getJSON(myXmlUrl, function (json) {
|
|||
|
|
//解析列表
|
|||
|
|
$.each(json, function (i, item) {
|
|||
|
|
if (item.active == 1) {
|
|||
|
|
if (year == item.yearNo) { curIndex = i; }
|
|||
|
|
if (curIndex == -1) { perYear = item.yearNo; }
|
|||
|
|
if (curIndex + 1 == i) { nextYear = item.yearNo; }
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
len = json.length - 1;
|
|||
|
|
// 往左事件
|
|||
|
|
if (perYear > 0) {
|
|||
|
|
//$("#Datefour .prev span").css("color","#04C");//年份左导航箭头颜色
|
|||
|
|
$("#Datefour .prev").css("background-image", "url('../../../image20/left-1.png')");
|
|||
|
|
$("#Datefour .prev").attr("href", "javascript:getYearList(" + perYear + ",'" + curDate + "')");//年份左导航箭头颜
|
|||
|
|
} else {
|
|||
|
|
//$("#Datefour .prev span").css("color","#eee");//年份左导航箭头颜
|
|||
|
|
$("#Datefour .prev").css("background-image", "url('../../../image20/left-2.png')");
|
|||
|
|
$("#Datefour .prev").attr("href", "javascript:void();");//年份左导航箭头颜
|
|||
|
|
}
|
|||
|
|
// 往右事件
|
|||
|
|
if (len != curIndex) {
|
|||
|
|
$//("#Datefour .next span").css("color","#04C");//年份左导航箭头颜色
|
|||
|
|
$("#Datefour .next").css("background-image", "url('../../../image20/right-1.png')");
|
|||
|
|
$("#Datefour .next").attr("href", "javascript:getYearList(" + nextYear + ",'" + curDate + "')");//年份左导航箭头颜
|
|||
|
|
} else {
|
|||
|
|
//$("#Datefour .next span").css("color","#eee");//年份左导航箭头颜
|
|||
|
|
$("#Datefour .next").css("background-image", "url('../../../image20/right-2.png')");
|
|||
|
|
$("#Datefour .next").attr("href", "javascript:void();");//年份左导航箭头颜
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
getDateList(year, curDate);//按当前页面年份加载对应期次数据
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
function showYearList(perYear, curDate) {//显示年份列表
|
|||
|
|
var myXmlUrl = "../../../paperXml/yearList.js?time=" + new Date().getTime();
|
|||
|
|
$('#Datefour ul').empty();
|
|||
|
|
$(".prev,.next").hide();
|
|||
|
|
|
|||
|
|
var liCss;
|
|||
|
|
$.getJSON(myXmlUrl, function (json) {
|
|||
|
|
$.each(json, function (i, item) {
|
|||
|
|
if (item.active == 1) {
|
|||
|
|
liCss = " style='color:#000;'";
|
|||
|
|
$('#Datefour ul').append("<li style='width:25%'><a href=\"javascript:getYearList(" + item.yearNo + ",'" + curDate + "');\"" + liCss + " >" + item.yearNo + "年</a></li>");
|
|||
|
|
} else {
|
|||
|
|
liCss = " style='color:gray;'";
|
|||
|
|
$('#Datefour ul').append("<li style='width:25%'><a href='javascript:void(0);'" + liCss + " >" + item.yearNo + "年</a></li>");
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
function getDateList(year, curDate) {//按当前页面年份加载对应期次数据
|
|||
|
|
var myXmlUrl = "../../../paperXml/" + year + "_paperList.js";
|
|||
|
|
var xmlDate, paperUrl, liCss;
|
|||
|
|
$('#Datefour ul').empty();
|
|||
|
|
$(".prev,.next").show();
|
|||
|
|
|
|||
|
|
var xmlDate, paperUrl, liCss;
|
|||
|
|
$.getJSON(myXmlUrl, function (json) {
|
|||
|
|
$.each(json, function (i, item) {
|
|||
|
|
xmlDate = item.date;
|
|||
|
|
paperUrl = "../../" + xmlDate.split("-")[0] + "-" + xmlDate.split("-")[1] + "/" + xmlDate.split("-")[2] + "/node_1.htm";
|
|||
|
|
liCss = " style='" + (item.active == 1 ? "background-color:#eee;" : "") + (curDate == item.date ? "color:#F00;" : "") + "'";
|
|||
|
|
//console.log(liCss);
|
|||
|
|
$('#Datefour ul').append("<li><a href='" + paperUrl + "' " + liCss + " >" + item.name + "</a></li>");
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//获取url中"?"符后的字串
|
|||
|
|
function getURLParams() {
|
|||
|
|
let url = decodeURI(window.location.href); //获取url中"?"符后的字串
|
|||
|
|
let theRequest = {};
|
|||
|
|
if (url.lastIndexOf("?") !== -1) {
|
|||
|
|
let str = url.substr(url.lastIndexOf("?") + 1);
|
|||
|
|
//let str = substr(url,instr(url,"?",-1)+1);
|
|||
|
|
let strs = str.split("&");
|
|||
|
|
for (var i = 0; i < strs.length; i++) {
|
|||
|
|
theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return theRequest;
|
|||
|
|
};
|