wo123/gushidianzibao-h5
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

111

Browse Source
This commit is contained in:
Air 2024-12-27 17:56:46 +08:00
parent 19499944e5
commit 131f50c052
20 changed files with 236 additions and 752 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
index.html
View File

@ -72,6 +72,15 @@
if (userAgentInfo.indexOf(Agents[v]) > 0) {
var sURL2 = local_url.replace("/h5/", "/dist/");
console.log(sURL2);
sessionStorage.removeItem('DateIndexH5');
sessionStorage.removeItem('DateIndex');
sessionStorage.removeItem('DateListH5');
sessionStorage.removeItem('DateList');
sessionStorage.removeItem('year');
sessionStorage.removeItem('month');
sessionStorage.removeItem('day');
sessionStorage.removeItem('index');
sessionStorage.removeItem('newInfo');
window.location.href = sURL2;
}
}

BIN
public/static/2024-11-07/632-01.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 721 KiB

BIN
public/static/2024-11-07/632-01.pdf
View File

Binary file not shown.

BIN
public/static/2024-11-07/632-02.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 716 KiB

BIN
public/static/2024-11-07/632-02.pdf
View File

Binary file not shown.

BIN
public/static/2024-11-07/632-03.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 725 KiB

BIN
public/static/2024-11-07/632-03.pdf
View File

Binary file not shown.

BIN
public/static/2024-11-07/632-04.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 686 KiB

BIN
public/static/2024-11-07/632-04.pdf
View File

Binary file not shown.

406
public/static/data/2024-11.json
View File

File diff suppressed because one or more lines are too long

14
public/static/data/gjz.json
View File

@ -1,14 +0,0 @@
{
"list": [
{
"id": 1,
"name": "马克思",
"content": "卡尔·马克思（Karl Marx，1818年5月5日－1883年3月14日），是德国哲学家、经济学家、社会学家、政治理论家、革命家，同时也是马克思主义的创始人之一。他的思想对19世纪末至20世纪的全球政治和经济产生了深远的影响。\n\n马克思的主要贡献包括：\n\n1. **历史唯物主义**：马克思提出了历史唯物主义理论，认为物质生产力的发展是推动历史发展的根本动力，社会制度和意识形态是经济基础的反映。\n\n2. **阶级斗争理论**：他认为阶级斗争是社会发展的驱动力，不同社会形态的更替是通过阶级斗争实现的。\n\n3. **剩余价值理论**：在《资本论》中，马克思详细阐述了剩余价值理论，揭示了资本主义生产方式下资本家对工人的剥削。\n\n4. **无产阶级革命理论**：马克思和恩格斯共同撰写的《共产党宣言》中提出了无产阶级革命的理论，号召全世界无产者联合起来，推翻资产阶级统治，建立无产阶级专政。\n\n5. **科学社会主义**：马克思提出了科学社会主义理论，认为社会主义是资本主义发展的必然结果，是更高级的社会形态。\n\n马克思的著作包括《共产党宣言》、《资本论》、《哲学的贫困》、《政治经济学批判》等。他的思想和理论对后来的社会主义和共产主义运动产生了深远的影响，被广泛地应用于政治、经济、哲学和社会学等多个领域。马克思的学说被世界各地的许多政党和运动所采纳，并在20世纪形成了多个社会主义国家。"
},
{
"id": 2,
"name": "恩格斯",
"content": "弗里德里希·恩格斯（Friedrich Engels），1820年11月28日出生于德意志莱茵省巴门市（今伍珀塔尔市），是德国思想家、哲学家、革命家、教育家、军事理论家，全世界无产阶级和劳动人民的伟大导师，坚定的革命民主主义者，马克思主义创始人之一。恩格斯与马克思共同撰写了《共产党宣言》和创立了科学共产主义理论。马克思逝世后，恩格斯整理出版了《资本论》。\n\n恩格斯的重要著作包括《反杜林论》、《社会主义从空想到科学的发展》以及《家庭、私有制和国家的起源》等。在《反杜林论》中，恩格斯系统阐述了马克思主义哲学、政治经济学和科学社会主义原理，被誉为马克思主义的百科全书。在《社会主义从空想到科学的发展》中，恩格斯指出唯物主义历史观和通过剩余价值揭开资本主义生产的秘密是社会主义变成科学的两个伟大发现。《家庭、私有制和国家的起源》中，恩格斯探讨了私有制、阶级和国家产生的途径与形式。\n\n恩格斯不仅在理论上作出了贡献，而且在实践中也是国际工人运动的领导者。他与马克思共同领导了第一国际，马克思去世后，恩格斯独立肩负起国际工人运动的领导工作，并在1889年直接领导下成立了第二国际。恩格斯的贡献不仅在于他的思想和理论，还在于他对国际工人运动的直接参与和领导。\n\n恩格斯的一生是为无产阶级解放事业不懈奋斗的一生。他的理论和实践活动对马克思主义的发展和国际工人运动产生了深远的影响。1895年8月5日，恩格斯在伦敦去世，根据他生前的意愿，他的骨灰被撒入大海。"
}
]
}

3
public/static/data/newTime.json
View File

@ -1,3 +0,0 @@
{
"time": "2024-11-07"
}

92
public/static/js/index.js
View File

@ -116,17 +116,18 @@ $(function () {
month = month < 10 ? ("0" + month) : month;
var day = date.getDate();
day = day < 10 ? ("0" + day) : day;
var url = "#";
var url = "http://csdzb.hschool.com.cn/h5/#/?date="+`${year}-${month}-${day}`;
//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) {
console.log(url)
//var isUseful = checkUrl(url);
//console.log(isUseful)
//if (isUseful) {
location.href = url;
}
//}
hideAll();
//$('.mask').removeClass('active');
});
@ -409,54 +410,6 @@ function ImgLoad(imgsys, id) {
}
}
//动态显示页面title信息,动态的改变地址栏当前版面地址
function autoChangeTitle(isinit) {
var pageId = $('.swiper-wrapper .swiper-slide-active img.paperMap').attr('usemap').replace("#PagetupMap", "");
var PageName = $($(".listWrap a[href='node_" + pageId + ".htm']")[0]).html();
$('.headNum').html(PageName.split(" ")[0] + ":");
$('.headTitle').html(PageName.split(" ")[1]);
if (PageName === undefined) {
PageName = $('.swiper-wrapper .swiper-slide-active img.paperMap').attr("pagename");
if (PageName === undefined || PageName === "") {
var activeIndex = $('.swiper-wrapper .swiper-slide-active').index();
var insertIndex = (getNodeIndex() + activeIndex) % ($('.layoutStyleTwo .listWrap a').length);
PageName = $($(".listWrap a")[insertIndex]).html();
//$($(".listWrap a")[insertIndex]).attr("href", "node_1.htm?curr=" + insertIndex);
}
}
else {
PageNameTab = PageName.replace(" " + PageName.split(" ")[1], "");
var pageTitle = PageNameTab + "版-" + $('title').html().split("-")[1];
}
// $('.layoutBtn').html(PageName)
$('.headNum').html(PageName.split(" ")[0] + ":");
$('.headTitle').html(PageName.split(" ")[1]);
//$('title').html(pageTitle);
//切换当前目录
$('.articleList .listWrap .item').removeClass('itemActive');
$($(".articleList .listWrap div[node='node_" + pageId + ".htm']")[0]).toggleClass("itemActive");
//动态的改变地址栏当前版面地址
if (!isinit) {
var url = window.location.href;
var index = url.lastIndexOf('/');
var key = $('.swiper-wrapper .swiper-slide-active').index();
var re = new RegExp("([?&])curr=.*?(&|$)", "i");
var reV = new RegExp("([?])curr=.*?(&|$)", "i");
var separator = url.indexOf('?') !== -1 ? "&" : "?";
if (url.match(re)) {
let currUrl = url.match(reV) ? url.replace(re, "?curr=" + key) : url.replace(re, "&curr=" + key);
history.replaceState(null, 'v', currUrl.substring(index + 1, currUrl.length));
}
else {
let noCurr = url + separator + "curr=" + key;
history.replaceState(null, 'v', noCurr.substring(index + 1, noCurr.length));
}
}
}
// 日历相关设置
//显示日期
function showDate() {
@ -501,30 +454,35 @@ function getDate(str) {
//获取当前月份报纸xml数据
function getPaper(date) {
console.log(data);
var myXmlUrl = `/h5/public/static/data/${date}.json`;
console.log(date);
//var myXmlUrl = `/h5/public/static/data/${date}.json`;
//var myXmlUrl = "../../../html5/" + date + "/navi.xml?time=" + Date.parse(new Date());
var data = { 'day': [], 'url': [] };
$.ajax({
url: myXmlUrl,
type: 'GET',
dataType: 'xml',
data:{'date':date},
url: "http://csdzb.hschool.com.cn/api/dzb/date/index",
type: 'POST',
dataType: 'json',
async: false,
timeout: 1000,
error: function (xml) {
},
success: function (xml) {
console.log(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("date").each(function () {
// date.push($(this).text());
// day.push(parseInt($(this).text().split("-")[2]))
// });
// $(xml).find("url").each(function () {
// url.push($(this).text());
// });
xml.data.forEach(function (item) {
date.push(item.datetime);
day.push(parseInt(item.datetime.split("-")[2]));
});
$(xml).find("url").each(function () {
url.push($(this).text());
});
data = { "day": day, "url": url }
data = {"day": day, "url": url, "date": date};
//data = { "day": day, "url": url }
}
});
//console.log('获取当前月份报纸xml数据:',date)

2
public/static/js/navi.js
View File

@ -264,7 +264,7 @@ function getPaper(date) {
data = { "day": day, "url": url }
}
});
//console.log('获取当前月份报纸xml数据:',date)
console.log('获取当前月份报纸xml数据:',date)
return data
}

110
src/api/index.js
View File

@ -6,116 +6,6 @@ export function getHomeNews(params) {
params: params,
});
}
//首页最新的新闻
export function getHomeNewNews(params) {
return http('/api/pc/pc_news/wxindex', {
method: 'POST',
params: params,
});
}
//首页置顶的活动
export function getHomeActivity(params) {
return http('/api/move/news/activitylist', {
method: 'POST',
params: params,
});
}
//活动列表
export function getIndexActivity(params) {
return http('/api/move/news/activityindex', {
method: 'POST',
params: params,
});
}
//活动列表
export function getIndexActivityInfo(params) {
return http('/api/move/news/activityfind', {
method: 'POST',
params: params,
});
}
//协会简介
export function getAssociationInfo(params) {
return http('/api/move/association/find', {
method: 'POST',
params: params,
});
}
//pc端留言
export function setMessage(params) {
return http('/api/pc/pc_leave_message/add', {
method: 'POST',
params: params,
});
}
//新闻详情
export function getNewsInfo(params) {
return http('/api/move/news/find', {
method: 'POST',
params: params,
});
}
//协会班子
export function getBzInfo(params) {
return http('/api/pc/address/index', {
method: 'POST',
params: params,
});
}
//党群工作，会员动态，通知公告
export function getPcNews(params) {
return http('/api/pc/pc_news/article', {
method: 'POST',
params: params,
});
}
//PC新闻详情
export function getNewsPcInfo(params) {
return http('/api/pc/pc_news/articlefind', {
method: 'POST',
params: params,
});
}
//协会信息个数
export function getBzCount(params) {
return http('/api/pc/statistics/data', {
method: 'POST',
params: params,
});
}
//协会信息个数
export function getDataone(params) {
return http('/api/pc/pc_data/dataone', {
method: 'POST',
params: params,
});
}
export function getDatatwo(params) {
return http('/api/pc/pc_data/datatwo', {
method: 'POST',
params: params,
});
}
export function getDatathree(params) {
return http('/api/pc/pc_data/datathree', {
method: 'POST',
params: params,
});
}
export function getDatafour(params) {
return http('/api/pc/pc_data/datafour', {
method: 'POST',
params: params,
});
}
export function getDataditu(params) {
return http('/api/pc/pc_data/dataditu', {
method: 'POST',
params: params,
});
}

8
src/router/routes.js
View File

@ -9,25 +9,25 @@ const router = createRouter({
routes: [{
path: "/",
meta: {
title: '首页' //title配置
title: '今日固始' //title配置
},
component: () => import("../view/home/index.vue")
},{
path: "/info",
meta: {
title: '详情' //title配置
title: '今日固始' //title配置
},
component: () => import("../view/home/info.vue")
},{
path: "/list",
meta: {
title: '今日总览' //title配置
title: '今日固始' //title配置
},
component: () => import("../view/home/list.vue")
},{
path: "/knowledge",
meta: {
title: '知识库' //title配置
title: '今日固始' //title配置
},
component: () => import("../view/home/knowledge.vue")
}

247
src/view/home/index.vue
View File

@ -4,12 +4,12 @@
style="position:fixed;right: 0;left:0;width: 100%;z-index: 1500;margin: 0 auto;text-align: center;top: 40%">
<n-spin size="small" stroke="#999999"></n-spin>
</div>
<input type="hidden" id="activeDate" value=""/>
<input type="hidden" name="activeDate" id="activeDate" value=""/>
<input type="hidden" id="dataIndex" :value="dataIndex"/>
<div class="contWrapper" v-if="data!=''">
<div class="headBox">
<div class="curDate">{{ data.currentDate }}</div>
<div class="headTitle">{{ data.list[dataIndex].editionName }}</div>
<div class="curDate">{{ datetime }}</div>
<div class="headTitle">{{ data[dataIndex].bm_name }}</div>
</div>
<!-- Swiper 报纸轮播区域 -->
<div
@ -17,20 +17,20 @@
<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
<!-- 遍历版面列表 开始 -->
<div v-for="(item,index) in data.list" class="swiper-slide" style="width: 1884px;">
<div v-for="(item,index) in data" class="swiper-slide" style="width: 1884px;">
<div class="imgBoxCont">
<img class="pichmask" :src="'/h5'+item.imageSrc"
<img class="pichmask" :src="item.bm_img"
style="z-index: 999; opacity: 0;">
<div class="pinch-zoom-container"
style="overflow: hidden; position: absolute; top: 0px; height: 2724.26px;">
<div class="pinch-zoom"
style="transform-origin: 0% 0%; position: absolute; transform: scale(0.628, 0.628) translate(0px, 0px);">
<img class="paperMap" :src="'/h5'+item.imageSrc"
<img class="paperMap" :src="item.bm_img"
usemap="#PagetupMap10" style="z-index: 999; opacity: 1;">
<map name="PagetupMap10" style="z-index:999;">
<area v-for="(area,idx) in data.list[dataIndex].areas" :key="area.id" class="paperarea"
@click="openNews(idx)"
:coords="area.coords" shape="rect" :title="area.title">
<area v-for="(area,idx) in data[dataIndex].news" :key="area.id" class="paperarea"
@click="openNews(area)"
:coords="area.coordinate" shape="rect" :title="area.new_name">
</map>
</div>
</div>
@ -41,7 +41,7 @@
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
<!-- 底部按钮 -->
<div class="footerWrap">
<div class="footerWrap" style="z-index: 10">
<div class="item">
<img src="/public/static/banmian.png" alt="">
<div class="text layoutBtn">版面</div>
@ -62,7 +62,7 @@
</div>
</div>
<!-- //分享按钮 -->
<div class="synthesis">
<div class="synthesis" style="z-index: 10">
<div class="item">
<img src="/public/static/fenxiang.png" alt="">
<div class="text">分享</div>
@ -87,10 +87,10 @@
<div class="layoutList layoutStyleTwo">
<h2>版面导航</h2>
<div class="listWrapBox">
<div v-for="(item,index) in data.list" :class="['listWrap',index==dataIndex?'action':'']"
<div v-for="(item,index) in data" :class="['listWrap',index==dataIndex?'action':'']"
@click.prevent="openBm(index)">
<img :src="'/h5'+item.imageSrc" alt="">
<a class="" href="#">{{ item.editionName }}</a>
<img :src="item.bm_img" alt="">
<a class="" href="#">{{ item.bm_name }}</a>
</div>
</div>
</div>
@ -102,13 +102,13 @@
<div class="item itemActive">
<div class="title">
<h1>{{ data.list[dataIndex].editionName }}</h1>
<h1>{{ data[dataIndex].bm_name }}</h1>
<span class="tips"></span>
</div>
<div class="listTitle">
<a v-for="(item,index) in data.list[dataIndex].newsList" @click.prevent="openNews(index)"
<a v-for="(item,index) in data[dataIndex].news" @click.prevent="openNews(item)"
class="articleItem"
href="#">{{ item.title }}</a>
href="#">{{ item.new_name }}</a>
</div>
</div>
</div>
@ -127,15 +127,15 @@
<div class="mask"></div>
</div>
<div style="display:none;" id="publishVersion">3</div>
<div style="display:none;" id="publishDateTime">{{ data.currentDate }}</div>
<div style="display:none;" id="publishDateTime">{{ datetime }}</div>
<table style="display: none;">
<tbody>
<tr>
<td>
<span id="NewsPaperName">固始日报</span> <span id="NewsEditionName">头版</span>
<span id="NewsEditionNumber">01</span> <span id="NewsArticleTitle"></span>
<span id="NewsArticleAuthor"></span><span id="NewsArticleTime">{{ data.numberDate }}</span>
<span id="Class">1</span> <span id="jbdata">{{ data.currentDate }}</span>
<span id="NewsArticleAuthor"></span><span id="NewsArticleTime">{{ datetimeNumber }}</span>
<span id="Class">1</span> <span id="jbdata">{{ datetime }}</span>
</td>
</tr>
</tbody>
@ -149,7 +149,6 @@
<script>
import axios from 'axios';
import $ from 'jquery';
import newTime from "/public/static/data/newTime.json"
import router from "@/router/routes";
export default {
@ -158,6 +157,11 @@ export default {
data: '',
dataIndex: 0,
lo: true,
datetime: '',
datetimeNumber: '',
typeId: '',
typeList: [],
dataInfo: {}
}
},
watch: {
@ -176,46 +180,30 @@ export default {
window.removeEventListener('popstate', this.handlePopState);
},
mounted() {
this.loadScripts([
'/h5/public/static/js/jquery.min.js',
'/h5/public/static/js/jquery.mobile.custom.min.js',
'/h5/public/static/js/swiper.min.js',
'/h5/public/static/js/jquery.rwdImageMaps.min.js',
'/h5/public/static/js/bootstrap.min.js',
'/h5/public/static/js/bootstrap-datetimepicker.min.js',
'/h5/public/static/js/bootstrap-datetimepicker.zh-CN.js',
'/h5/public/static/js/jquery.qrcode.min.js',
'/h5/public/static/js/pinchzoom.min.js',
'/h5/public/static/js/html2canvas.min.js',
'/h5/public/static/js/index.js',
'/h5/public/static/js/qfstatH5.js',
'/h5/public/static/js/posterShare.js',
'/h5/public/static/js/bigHaiBao.js'
]).then(() => {
if(window.swiper){
window.swiper.slideTo(this.dataIndex);
}else{
setTimeout(() => {
window.swiper.slideTo(this.dataIndex);
}, 500);
}
document.title = '今日固始-' + this.data.list[this.dataIndex].editionName;
});
if (!this.$route.query) {
if (this.$route.query) {
console.log(this.$route.query.date)
if (this.$route.query.date) {
$('#activeDate').val(this.$route.query.date);
var time = new Date(this.$route.query.date);
var initYear = time.getFullYear();
var initMonth = time.getMonth() + 1;
var initDay = String(time.getDate()).padStart(2, '0');
sessionStorage.setItem("year", initYear);
sessionStorage.setItem("month", initMonth);
sessionStorage.setItem("day", initDay);
}
if (this.$route.query.index) {
this.dataIndex = this.$route.query.index;
}
} else {
$('#activeDate').val(newTime.time);
}
this.getCurrentDateMaxDay();
//this.getTypeList();
//获取当前日期
window.addEventListener('dataIndexChanged', (event) => {
console.log('dataIndex changed to', event);
this.dataIndex = event.detail; // 更新 dataIndex
document.title = '今日固始-' + this.data.list[event.detail].editionName;
document.title = '今日固始-' + this.data[event.detail].bm_name;
});
this.hideAll();
setTimeout(() => {
@ -227,7 +215,7 @@ export default {
// 处理浏览器返回事件
console.log('返回事件被触发', event);
// 进行路由跳转或者状态更新
// this.$router.go(-1);
// this.$router.go(-1);
window.location.reload();
},
hideAll() {
@ -241,82 +229,131 @@ export default {
openBm(d) {
this.dataIndex = d;
sessionStorage.setItem("index", d);
//sessionStorage.removeItem("newInfo");
//this.showInfo = false;
//console.log();
document.title = '今日固始-' + this.data.list[d].editionName;
// window.location.reload();
document.title = '今日固始-' + this.data[d].bm_name;
window.swiper.slideTo(d)
//var img=this.data.list[d].imageSrc;
//$('#BantuTop').attr("src",img)
//BantuTop
this.hideAll();
},
openNews(index) {
console.log(index);
sessionStorage.setItem("index", this.dataIndex);
sessionStorage.setItem("newInfo", JSON.stringify(this.data.list[this.dataIndex].newsList[index]));
var activeDate = $('#activeDate').val();
var storageTimeYear = sessionStorage.getItem("year");
var storageTimeMonth = sessionStorage.getItem("month");
var storageTimeDay = sessionStorage.getItem("day");
if (storageTimeYear && storageTimeMonth && storageTimeDay) {
activeDate = storageTimeYear + "-" + storageTimeMonth + "-" + storageTimeDay;
} else {
var time = activeDate ? new Date(activeDate) : new Date();
var initYear = time.getFullYear();
var initMonth = time.getMonth() + 1;
var initDay = String(time.getDate()).padStart(2, '0');
activeDate = initYear + "-" + initMonth + "-" + initDay;
}
router.push('/info?index=' + this.dataIndex + '&id=' + index + '&time=' + activeDate)
openNews(d) {
console.log(d);
// sessionStorage.setItem("index", this.dataIndex);
// sessionStorage.setItem("newInfo", JSON.stringify(this.data[this.dataIndex].news[index]));
//
// var activeDate = $('#activeDate').val();
// var storageTimeYear = sessionStorage.getItem("year");
// var storageTimeMonth = sessionStorage.getItem("month");
// var storageTimeDay = sessionStorage.getItem("day");
// if (storageTimeYear && storageTimeMonth && storageTimeDay) {
// activeDate = storageTimeYear + "-" + storageTimeMonth + "-" + storageTimeDay;
// } else {
// var time = activeDate ? new Date(activeDate) : new Date();
// var initYear = time.getFullYear();
// var initMonth = time.getMonth() + 1;
// var initDay = String(time.getDate()).padStart(2, '0');
// activeDate = initYear + "-" + initMonth + "-" + initDay;
// }
router.push('/info?id=' + d.id)
},
openZongLan() {
var activeDate = $('#activeDate').val();
var storageTimeYear = sessionStorage.getItem("year");
var storageTimeMonth = sessionStorage.getItem("month");
var storageTimeDay = sessionStorage.getItem("day");
if (storageTimeYear && storageTimeMonth && storageTimeDay) {
activeDate = storageTimeYear + "-" + storageTimeMonth;
} else {
var time = activeDate ? new Date(activeDate) : new Date();
var initYear = time.getFullYear();
var initMonth = time.getMonth() + 1;
var initDay = time.getDate();
activeDate = initYear + "-" + initMonth;
}
router.push('/list?time=' + activeDate).then(() => {
var info = this.dataInfo;
router.push('/list?id=' + info.id + '&time=' + info.datetime).then(() => {
window.location.reload();
});
},
getTypeList() {
axios.post("http://csdzb.hschool.com.cn/api/dzb/type/index")
.then(response => {
console.log(response);
this.typeList = response.data.data;
var typeId = sessionStorage.getItem("typeId");
if (typeId) {
this.typeId = typeId;
} else {
this.typeId = response.data.data[0].id;
}
this.getCurrentDateMaxDay();
})
.catch(error => console.error('Error loading the JSON file:', error))
},
getCurrentDateMaxDay() {
var activeDate = $('#activeDate').val();
var activeDate = $('input[name="activeDate"]').val();
var storageTimeYear = sessionStorage.getItem("year");
var storageTimeMonth = sessionStorage.getItem("month");
var storageTimeDay = sessionStorage.getItem("day");
if (storageTimeYear && storageTimeMonth && storageTimeDay) {
activeDate = storageTimeYear + "-" + storageTimeMonth;
} else {
var time = activeDate ? new Date(activeDate) : new Date();
var initYear = time.getFullYear();
var initMonth = time.getMonth() + 1;
activeDate = initYear + "-" + initMonth;
}
console.log(activeDate);
axios.get(`/h5/public/static/data/${activeDate}.json`)
axios.post("http://csdzb.hschool.com.cn/api/dzb/date/index", {date: activeDate})
.then(response => {
// 使用导入的数据
var resIndex = response.data.list.length - 1;
var resIndex = response.data.data.length - 1;
console.log('********', resIndex);
this.data = response.data.list[resIndex];
document.title = '今日固始-' + this.data.list[resIndex].editionName;
console.log(this.data);
sessionStorage.setItem('DateListH5', JSON.stringify(response.data.data));
sessionStorage.setItem('DateIndexH5', resIndex);
console.log(response.data.data[resIndex]);
console.log(this.datetime)
this.getBm();
})
.catch(error => console.error('Error loading the JSON file:', error))
},
getBm() {
var list = JSON.parse(sessionStorage.getItem('DateListH5'));
var storageTimeYear = sessionStorage.getItem("year");
var storageTimeMonth = sessionStorage.getItem("month");
var storageTimeDay = sessionStorage.getItem("day");
if (storageTimeYear && storageTimeMonth && storageTimeDay) {
var activeDate = storageTimeYear + "-" + storageTimeMonth + '-' + storageTimeDay;
var targetData = list.find(item => item.datetime == activeDate);
} else {
var index = sessionStorage.getItem('DateIndexH5');
var targetData = list[index];
}
var id = targetData.id;
$('input[name="activeDate"]').val(targetData.datetime);
this.datetime = this.getCurrentDateFormatted(targetData.datetime);
this.datetimeNumber = targetData.datetime;
this.dataInfo =targetData;
axios.post("http://csdzb.hschool.com.cn/api/dzb/bm/index", {date_id: id})
.then(response => {
console.log(response);
this.data = response.data.data;
document.title = '固始电子报-' + this.data[this.dataIndex].bm_name;
this.loadScripts([
'/h5/public/static/js/jquery.min.js',
'/h5/public/static/js/jquery.mobile.custom.min.js',
'/h5/public/static/js/swiper.min.js',
'/h5/public/static/js/jquery.rwdImageMaps.min.js',
'/h5/public/static/js/bootstrap.min.js',
'/h5/public/static/js/bootstrap-datetimepicker.min.js',
'/h5/public/static/js/bootstrap-datetimepicker.zh-CN.js',
'/h5/public/static/js/jquery.qrcode.min.js',
'/h5/public/static/js/pinchzoom.min.js',
'/h5/public/static/js/html2canvas.min.js',
'/h5/public/static/js/index.js',
'/h5/public/static/js/qfstatH5.js',
'/h5/public/static/js/posterShare.js',
'/h5/public/static/js/bigHaiBao.js'
]).then(() => {
if (window.swiper) {
window.swiper.slideTo(this.dataIndex);
} else {
setTimeout(() => {
window.swiper.slideTo(this.dataIndex);
}, 500);
}
document.title = '今日固始-' + this.data[this.dataIndex].bm_name;
});
})
.catch(error => console.error('Error loading the JSON file:', error))
},
getCurrentDateFormatted(d) {
const date = new Date(d);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始计数，需要加1
const day = String(date.getDate()).padStart(2, '0');
return `${year}年${month}月${day}日`;
},
loadScripts(urls) {
const loadScript = (url) => {
return new Promise((resolve) => {

20
src/view/home/info.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="content" v-if="activeDate">
<div style="font-size: 20px;color: #333333;font-weight: 600">{{ activeDate.title }}</div>
<div style="font-size: 20px;color: #333333;font-weight: 600">{{ activeDate.new_name }}</div>
<div class="em">{{ activeDate.reporter }}</div>
<div :class="'font' + fontSize" style="line-height: 30px;" v-html="activeDate.content"></div>
<div id="PageBtn">
@ -22,7 +22,7 @@
</div>
<div id="shareList">
<audio ref="audioPlayer" @ended="readEnd" controls
:src='activeDate.mp3Url'
:src="'http://csdzb.hschool.com.cn/'+activeDate.mp_url"
@canplaythrough="onAudioLoaded"
style='width:100%;display:none;'></audio>
</div>
@ -88,18 +88,16 @@ const fallbackCopyTextToClipboard = (text) => {
document.body.removeChild(textArea);
}
const getList = (item) => {
const date = new Date(item.time);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以需要加1，并且补零
axios.get(`/h5/public/static/data/${year}-${month}.json`)
axios.post("http://csdzb.hschool.com.cn/api/h5/news/find",{id:item.id})
.then(response => {
// 使用导入的数据
//activeDate.value = response.data;
console.log(response.data.list);
console.log(item.time);
const targetData = response.data.list.find(data => data.numberDate == item.time);
activeDate.value = targetData.list[item.index].newsList[item.id];
console.log(activeDate.value)
var info =response.data.data;
info.content = info.content.replace(/href="\/dist\//g, 'href="/h5/');
//console.log(item.time);
//const targetData = response.data.list.find(data => data.numberDate == item.time);
activeDate.value = info;
//console.log(activeDate.value)
})
.catch(error => console.error('Error loading the JSON file:', error))
}

26
src/view/home/knowledge.vue
View File

@ -22,7 +22,7 @@
<n-flex :size="[0,0]" align="center" justify="space-between">
<div style="height: 40px;width: 1px;background-color: #000000;"></div>
<div style="background: rgba(0,0,0,0.1);width: 90%;padding:10px 15px;font-size: 20px;font-weight: 600">
{{ aiInfo.name }}
{{ aiInfo.zsk_name }}
</div>
<div style="height: 40px;width: 1px;background-color: #000000;"></div>
</n-flex>
@ -35,7 +35,7 @@
>
<div id="gdt" class="gdt"
style="overflow-y: scroll;height:60vh;border: 1px solid #000000;background-color: white;padding: 13px;line-height: 32px;margin-top: 20px">
<div v-html="aiInfo.content"></div>
<div v-html="aiInfo.zsk_explain"></div>
</div>
</VueTypewriter>
</div>
@ -46,19 +46,33 @@
import VueTypewriter from "@/components/Writer.vue";
import {onMounted, ref} from "vue";
import {useRoute} from 'vue-router';
import zsk from "/public/static/data/gjz.json"
import router from "@/router/routes";
import $ from "jquery";
import axios from "axios";
const route = useRoute();
const position = ref(0);
const aiInfo = ref();
const typewriter = ref(null);
const infoId = ref();
onMounted(() => {
console.log(route.query.id)
var info = zsk.list.find(item => item.id == route.query.id);
infoId.value = route.query.id;
//console.log(info)
aiInfo.value = info;
//aiInfo.value = info;
getInfo();
});
const handleWriteStart = () => {
const getInfo = () =>
{
axios.post("http://csdzb.hschool.com.cn/api/dzb/zsk/find", {id: infoId.value})
.then(response => {
console.log(response)
aiInfo.value=response.data.data;
})
.catch(error => console.error('Error loading the JSON file:', error))
}
const
handleWriteStart = () => {
const ele = document.getElementsByClassName("gdt")[0];
//console.log(ele)
ele.scrollTop = ele.scrollHeight;

51
src/view/home/list.vue
View File

@ -2,15 +2,15 @@
<div>
<input type="hidden" id="activeDate" value=""/>
<div class="topBox" v-if="data !== ''">
<div class="cp">{{ data.currentDate }}-版面总览</div>
<div class="cp">{{ timeInfo }} 版面总览</div>
<div class="divider"></div>
<div class="divider"></div>
<div class="thumbnail-left-left clearfix">
<ul>
<li v-for="(item, index) in data.list" class="shortjpg">
<p><span class="title">{{ item.editionName }}</span></p>
<li v-for="(item, index) in data" class="shortjpg">
<p><span class="title">{{ item.bm_name }}</span></p>
<a href="#" @click.prevent="openBm(index)">
<img class="paperImg" :src="'/h5'+item.imageSrc" border="0" style="width: 100%;">
<img class="paperImg" :src="item.bm_img" border="0" style="width: 100%;">
</a>
</li>
</ul>
@ -46,37 +46,37 @@
</div>
<div class="mask"></div>
<div style="display:none;" id="publishDateTime">{{ data.currentDate }}</div>
<table style="display: none;">
<tbody>
<tr>
<td>
<span id="NewsPaperName">河南日报</span> <span id="NewsEditionName">#current-ed-name#</span>
<span id="NewsEditionNumber">#current-ed-no#</span> <span id="NewsArticleTitle"></span>
<span id="NewsArticleAuthor"></span><span id="NewsArticleTime">2024-12-17</span><span id="Class">1</span>
<span id="jbdata">2024年12月17日 星期二</span>
</td>
</tr>
</tbody>
</table>
<div style="display:none;" id="publishDateTime">{{ timeInfo }}</div>
<!-- <table style="display: none;">-->
<!-- <tbody>-->
<!-- <tr>-->
<!-- <td>-->
<!-- <span id="NewsPaperName">今日固始</span> <span id="NewsEditionName">#current-ed-name#</span>-->
<!-- <span id="NewsEditionNumber">#current-ed-no#</span> <span id="NewsArticleTitle"></span>-->
<!-- <span id="NewsArticleAuthor"></span><span id="NewsArticleTime">2024-12-17</span><span id="Class">1</span>-->
<!-- <span id="jbdata">2024年12月17日 星期二</span>-->
<!-- </td>-->
<!-- </tr>-->
<!-- </tbody>-->
<!-- </table>-->
</div>
</template>
<script>
import axios from "axios";
import newTime from "/public/static/data/newTime.json";
import $ from 'jquery';
import router from "@/router/routes";
export default {
data() {
return {
time: '',
timeId: '',
data: '',
timeInfo:''
};
},
mounted() {
$('#activeDate').val(newTime.time);
//$('#activeDate').val(newTime.time);
this.loadScripts([
'/h5/public/static/js/jquery.min.js',
'/h5/public/static/js/jquery.mobile.custom.min.js',
@ -91,7 +91,8 @@ export default {
'/h5/public/static/js/posterShare.js',
'/h5/public/static/js/bigHaiBao.js'
]);
this.time = this.$route.query.time;
this.timeId = this.$route.query.id;
this.timeInfo=this.$route.query.time;
this.getJson();
},
methods: {
@ -102,11 +103,11 @@ export default {
});
},
getJson() {
axios.get(`/h5/public/static/data/${this.time}.json`)
axios.post("http://csdzb.hschool.com.cn/api/dzb/bm/index", {date_id: this.timeId})
.then(response => {
var resIndex = response.data.list.length - 1;
this.data = response.data.list[resIndex];
console.log(this.data);
//var resIndex = response.data.list.length - 1;
this.data = response.data.data;
console.log(response);
})
.catch(error => console.error('Error loading the JSON file:', error));
},