云顶国际中国唯一官方网站
`;
previewWindow.document.open();
previewWindow.document.write(previewHtml);
previewWindow.document.close();
try {
previewWindow.document.title = rawPdfTitle;
} catch (error) {}
const previewDownloadLink = previewWindow.document.getElementById('pdf-download-link');
if (previewDownloadLink) {
previewDownloadLink.addEventListener('click', function (e) {
e.preventDefault();
triggerAttachmentDownload(pdfUrl, pdfFileName, previewWindow);
});
}
const scriptEl = previewWindow.document.createElement('script');
scriptEl.src = '/res/jprocms/default/static/plugins/pdfjs-dist/build/pdf.min.js';
scriptEl.onload = function () {
const statusEl = previewWindow.document.getElementById('pdf-status');
const viewerEl = previewWindow.document.getElementById('pdf-viewer');
const pdfjsLib = previewWindow.pdfjsLib;
if (!pdfjsLib || !statusEl || !viewerEl) {
if (statusEl) {
statusEl.textContent = 'PDF 预览初始化失败。';
statusEl.classList.add('is-error');
}
return;
}
pdfjsLib.GlobalWorkerOptions.workerSrc = '/res/jprocms/default/static/plugins/pdfjs-dist/build/pdf.worker.min.js';
function setStatus(message, isError) {
statusEl.textContent = message;
statusEl.classList.toggle('is-error', !!isError);
statusEl.style.display = message ? 'block' : 'none';
}
function createPageCanvas(viewport, pageNum, pageWrap) {
const canvas = previewWindow.document.createElement('canvas');
const context = canvas.getContext('2d');
const outputScale = previewWindow.devicePixelRatio || 1;
canvas.width = Math.floor(viewport.width * outputScale);
canvas.height = Math.floor(viewport.height * outputScale);
canvas.style.width = Math.floor(viewport.width) + 'px';
canvas.style.height = Math.floor(viewport.height) + 'px';
pageWrap.appendChild(canvas);
return {
context: context,
outputScale: outputScale
};
}
function getScale(page) {
const containerWidth = viewerEl.clientWidth || previewWindow.innerWidth || 1200;
const baseViewport = page.getViewport({ scale: 1 });
const safeWidth = Math.max(containerWidth - 28, 320);
return safeWidth / baseViewport.width;
}
renderPdfDocumentInChunks({
pdfjsLib: pdfjsLib,
pdfUrl: pdfUrl,
cMapUrl: '/res/jprocms/default/static/plugins/pdfjs-dist/cmaps/',
setStatus: setStatus,
createPageCanvas: createPageCanvas,
getScale: getScale,
viewerEl: viewerEl,
hostDocument: previewWindow.document,
scheduleHost: previewWindow,
firstPageDelay: 220,
onError: function (error) {
console.error('PDF 预览失败', error);
setStatus('PDF 加载失败，请尝试点击上方下载按钮查看。', true);
return true;
}
}).catch(function (error) {
console.error('PDF 预览失败', error);
setStatus('PDF 加载失败，请尝试点击上方下载按钮查看。', true);
});
};
scriptEl.onerror = function () {
const statusEl = previewWindow.document.getElementById('pdf-status');
if (statusEl) {
statusEl.textContent = 'PDF 预览脚本加载失败。';
statusEl.classList.add('is-error');
}
};
previewWindow.document.head.appendChild(scriptEl);
return true;
}
function getBackButtonHtml() {
return `
`;
}
function bindBackButton(data, newsList, content, page) {
const backBtn = document.getElementById('backBtn2');
if (!backBtn) return;
backBtn.addEventListener('click', function () {
newsList.style.display = 'block';
content.style.display = 'none';
page.style.display = '';
const event3 = new CustomEvent('titlenone', {
detail: { isshow: true }
});
const path = data.parentChannelPath;
if (['party_work', 'monitor', 'union', 'league'].includes(path)) {
const event4 = new CustomEvent('loadsubChannels', {
detail: { parentChannelPath: data.parentChannelPath }
});
document.dispatchEvent(event4);
} else {
const event = new CustomEvent('restoreNews', {
detail: {
channelId: data.channelId,
pageSize: 7,
pageNo: getRestorePageNo(data),
id: data.id,
isshowpicture: data.path == "PublicNotice_children" ? true : false
}
});
document.dispatchEvent(event);
}
document.dispatchEvent(event3);
});
}
function renderPdfPreview(container, data) {
const pdfAttachment = getPdfAttachment(data);
if (!pdfAttachment) {
container.innerHTML = '
未找到可预览的 PDF 附件
' + getBackButtonHtml();
return Promise.resolve(false);
}
const pdfTitle = escapeHtml(data.title || pdfAttachment.name || 'PDF 预览');
const pdfUrl = pdfAttachment.url || '';
const pdfFileName = pdfAttachment.name || (data.title ? data.title + '.pdf' : 'download.pdf');
container.innerHTML = ''
+ '
'
+ '
'
+ '
PDF 正在加载，请稍候...
'
+ '
'
+ '
'
+ getBackButtonHtml();
const statusEl = document.getElementById('pdf-status');
const viewerEl = document.getElementById('pdf-viewer');
const downloadLinkEl = document.getElementById('pdf-download-link');
const usePdfJs = shouldUsePdfJs(pdfUrl);
if (downloadLinkEl) {
downloadLinkEl.addEventListener('click', function (e) {
e.preventDefault();
triggerAttachmentDownload(pdfUrl, pdfFileName, window);
});
}
if (!statusEl || !viewerEl || !pdfUrl) {
if (statusEl) {
statusEl.textContent = 'PDF 预览初始化失败。';
statusEl.classList.add('is-error');
}
return Promise.resolve(true);
}
if (!usePdfJs) {
statusEl.textContent = '当前文件地址不支持 pdf.js 直连，已切换为浏览器内嵌预览。';
viewerEl.innerHTML = ''
+ '
'
+ ''
+ '
';
return Promise.resolve(true);
}
if (!window.pdfjsLib) {
statusEl.textContent = 'PDF 预览初始化失败。';
statusEl.classList.add('is-error');
return Promise.resolve(true);
}
pdfjsLib.GlobalWorkerOptions.workerSrc = "/res/jprocms/default/static/plugins/pdfjs-dist/build/pdf.worker.min.js";
function setStatus(message, isError) {
statusEl.textContent = message;
statusEl.classList.toggle('is-error', !!isError);
statusEl.style.display = message ? 'block' : 'none';
}
function createPageCanvas(viewport, pageNum, pageWrap) {
const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
const outputScale = window.devicePixelRatio || 1;
canvas.width = Math.floor(viewport.width * outputScale);
canvas.height = Math.floor(viewport.height * outputScale);
canvas.style.width = Math.floor(viewport.width) + 'px';
canvas.style.height = Math.floor(viewport.height) + 'px';
pageWrap.appendChild(canvas);
return {
context: context,
outputScale: outputScale
};
}
function getScale(page) {
const containerWidth = viewerEl.clientWidth || container.clientWidth || window.innerWidth || 1080;
const baseViewport = page.getViewport({ scale: 1 });
const safeWidth = Math.max(containerWidth - 28, 320);
return safeWidth / baseViewport.width;
}
return renderPdfDocumentInChunks({
pdfjsLib: pdfjsLib,
pdfUrl: pdfUrl,
cMapUrl: "/res/jprocms/default/static/plugins/pdfjs-dist/cmaps/",
setStatus: setStatus,
createPageCanvas: createPageCanvas,
getScale: getScale,
viewerEl: viewerEl,
hostDocument: document,
scheduleHost: window,
firstPageDelay: 220,
onError: function (error) {
console.error('PDF 预览失败', error);
viewerEl.innerHTML = ''
+ '
'
+ ''
+ '
';
setStatus('PDF 加载失败，已自动切换为浏览器内嵌预览。', true);
return true;
}
}).catch(function (error) {
console.error('PDF 预览失败', error);
viewerEl.innerHTML = ''
+ '
'
+ ''
+ '
';
setStatus('PDF 加载失败，已自动切换为浏览器内嵌预览。', true);
return true;
});
}
function loadData(pageNo, pageSize, channelId, isshowpicture) {
// console.log(isshowpicture,'isshowpicture')
pageNo = normalizePageNo(pageNo);
saveListState(pageNo, pageSize, channelId, isshowpicture);
document.getElementById('news-list').innerHTML = getLoadingHtml()
axios.get(`/front/content/portalPage`, {
params: {
summary: true,
orderStrs: 'top_level_desc,release_time_desc,id_desc',
pageNo: pageNo,
pageSize: pageSize,
channelId: channelId,
}
}).then(function (response) {
const data = response.data.data
saveListState(data.current || pageNo, pageSize, channelId, isshowpicture);
const event = new CustomEvent('data', {
detail: {
data: data,
}
});
document.dispatchEvent(event);
list = response.data.data.list || [];
let html = '
';
list.forEach((item, index) => {
if (isshowpicture && index === 0) {
html += '- '
+ '
'
+ '' + (item.title || '没有标题') + ''
+
' ';
}else if(item.channelName=='视察考察'){
html += '- ' + '' + (item.title || '没有标题') + '' +'
';
} else if(newList.includes(item.channelName)){
html += '- ' + '' + (item.title || '没有标题') + '' +
'' + formatDate2(item.releaseTime) + '' +
'
';
}
else {
html += '- ' + '' + (item.title || '没有标题') + '' +
'' + formatDate(item.releaseTime) + '' +
'
';
}
});
html += '
';
document.getElementById('news-list').innerHTML = html;
$('#page-wrapper').pagination({
items: data.total,
itemsOnPage: pageSize,
currentPage: data.current,
cssStyle: '',
prevText: '上一页',
nextText: '下一页',
onPageClick: function (page, evt) {
loadData(page, pageSize, channelId, isshowpicture);
}
});
}).catch(function (err) {
console.error('请求失败:', err);
document.getElementById('news-list').innerHTML = '
数据加载失败
';
});
}
//获取具体的内容
async function fetchContent(current) {
if (!current) return;
const content = document.getElementById('content');
const content2 = document.getElementById('content');
const newsList = document.getElementById('news-list');
const page = document.getElementById('page-wrapper');
const event3 = new CustomEvent('titlenone', {
detail: { isshow: false }
});
document.dispatchEvent(event3)
try {
res = await axios.get(`/front/content/` + current);
const hot = await axios.get(`/front/content/view/` + current).catch(function (err) {
console.warn('点击量获取失败:', err);
return null;
});
const viewCount = getHotViewCount(hot);
const event2 = new CustomEvent('active', {
detail: {
active: res.data.data.path,
active2: res.data.data.parentChannelPath
}
});
document.dispatchEvent(event2);
if (Number(res.data.data.channelId) === 156 || res.data.data.channelName == '社会责任报告') {
// 兜底：异步回调中用location.href跳转（不会被拦截）
window.location.href = `/content/` + current;
return;
}
if (res.data.data.outLink) {
window.location.href = res.data.data.outLink;
return
}
newsList.style.display = 'none';
page.style.display = 'none';
content.style.display = 'block';
content.innerHTML = getLoadingHtml()
// 直接渲染详情
const html1 = prepareDetailMedia(res.data.data);
const imageList = collectAllImages(html1);
let html = '';
let carouselHtml = buildTopImageCarousel(imageList);
html = html1 ? html1.text : '数据不存在';
// 将连续图片片段就地合并为轮播
if (Number(res.data.data.channelId) === 121 || res.data.data.channelName == '图片报道'){
html = transformImageRuns(html);
}
// 如果有视频需要处理
if (html1 && html1.text) {
html = html.replace(/
]*)>/g, (match, attrs) => {
let newAttrs = attrs;
if (!/preload=/.test(attrs)) {
newAttrs += ' preload="metadata"';
} else {
newAttrs = newAttrs.replace(/preload="none"/, 'preload="metadata"');
}
if (/style=/.test(newAttrs)) {
newAttrs = newAttrs.replace(/style="([^"]*)"/, (m, styleContent) => {
return 'style="' + styleContent + '; width:100%; margin:0 auto;"';
});
} else {
newAttrs += ' style="width:100%; margin:0 auto;"';
}
return '';
});
}
// 标题和时间
let title = html1 ? '云顶线路快速检测中心 ' + html1.title + '
' : '';
let titleText = html1 ? html1.title : '';
if (titleText) {
const isHeadline = html1.channelName == '\u5934\u6761';
const hasLineBreak = /\\r\\n|\\n|\r\n|\r|\n|\||<\/?p\b[^>]*>|/i.test(titleText);
if (hasLineBreak) {
titleText = titleText
.replace(/\\r\\n|\\n/g, '')
.replace(/\r\n|\r|\n/g, '')
.replace(/\|/g, '')
.replace(/<\/?p\b[^>]*>|/gi, '')
.replace(/\s+/g, '');
} else {
titleText = html1.title;
}
const letterSpacingStyle = 'letter-spacing:2px;';
const whiteSpaceStyle = hasLineBreak ? 'white-space:nowrap;' : '';
const fontSize = hasLineBreak ? '20px' : (html1.titleFontSize ? html1.titleFontSize + 'px' : '18px');
// const fontWeight = isHeadline ? (html1.titleBold ? 'bold' : 'normal') : 'bold';
const fontWeight = 'bold';
title = '' + titleText + '
';
}
let time = '';
if(html1.channelName == '交投视点'||html1.channelName == '集团要闻'||html1.channelName == '基层动态'||html1.channelName == '积分统计'||html1.channelName == '头条'){
time = '' +
'点击量:'+viewCount+' 发布日期：' + formatDate(html1.releaseTime) + '' +
'
';
}else if(html1.channelName == '图片报道'||html1.channelName == '视频新闻'||html1.channelName == '图报新闻'||html1.channelName == '高管图报'){
time = '' +'
';
}else{
time = '' +
'来源:'+' 发布日期：' + formatDate(html1.releaseTime) + '' +
'
';
}
// let time = '' +
// '来源:发布日期：' + formatDate(html1.releaseTime) + '' +
// '
';
// 附件
let attachs = html1 ? html1.attachs : [];
const inlineVideoAttachs = getInlineVideoAttachments(html1);
let attach = '';
if (attachs.length > 0) {
attachs.forEach(file => {
if (inlineVideoAttachs.indexOf(file) !== -1) return;
attach += '' +
file.name + ' (' + (file.size / 1024).toFixed(1) + ' KB)';
});
}
const inlineVideoHtml = buildInlineVideoHtml(html1);
const originalImageLinks = buildOriginalImageLinks(html1);
content.innerHTML = title + time + carouselHtml + wrapRichContent(html) + inlineVideoHtml + attach + originalImageLinks;
normalizeRichContent(content);
bindOriginalImagePreview(content, html1);
// 初始化页面中所有轮播（包括正文生成的 detail-swiper 以及富文本自带的 swiper-container）
setTimeout(function () {
const allSwipers = Array.from(document.querySelectorAll('#content .detail-swiper, #content .swiper-container'))
// 去重：同一个元素可能被多个选择器选中
.filter((el, idx, arr) => arr.indexOf(el) === idx);
allSwipers.forEach(function (el, idx) {
if (el.dataset.swiperInitialized === '1') return;
const prevEl = el.querySelector('.swiper-button-prev') || el.appendChild(Object.assign(document.createElement('div'), { className: 'swiper-button-prev' }));
const nextEl = el.querySelector('.swiper-button-next') || el.appendChild(Object.assign(document.createElement('div'), { className: 'swiper-button-next' }));
const slideCount = el.querySelectorAll('.swiper-slide').length;
console.log('[detail-swiper]', el.id || `(index-)`, 'slides:', slideCount);
new Swiper(el, {
loop: slideCount > 1,
autoplay: false,
navigation: {
nextEl: nextEl,
prevEl: prevEl
},
allowTouchMove: true
});
el.dataset.swiperInitialized = '1';
});
}, 0);
// 返回按钮
content.innerHTML += ``;
document.getElementById('backBtn2').addEventListener('click', () => {
newsList.style.display = 'block';
content.style.display = 'none';
page.style.display = '';
const event3 = new CustomEvent('titlenone', {
detail: { isshow: true }
});
const path = res.data.data.parentChannelPath;
if (['party_work', 'monitor', 'union', 'league'].includes(path)) {
const event4 = new CustomEvent('loadsubChannels', {
detail: { parentChannelPath: res.data.data.parentChannelPath }
});
document.dispatchEvent(event4);
} else {
//广播获取内容列表
const event = new CustomEvent('restoreNews', {
detail: {
channelId: res.data.data.channelId,
pageSize: 7,
pageNo: getRestorePageNo(res.data.data),
id: res.data.data.id,
isshowpicture: res.data.data.path == "PublicNotice_children" ? true : false
}
});
document.dispatchEvent(event);
}
document.dispatchEvent(event3);
});
} catch (error) {
console.log(error)
}
}
async function fetchContent2(current) {
if (!current) return;
const content = document.getElementById('content');
const newsList = document.getElementById('news-list');
const page = document.getElementById('page-wrapper');
newsList.style.display = 'none';
page.style.display = 'none';
content.style.display = 'block';
content.innerHTML = getLoadingHtml()
const event3 = new CustomEvent('titlenone', {
detail: { isshow: false }
});
document.dispatchEvent(event3)
const params = new URLSearchParams(window.location.search);
const token = params.get('Authorization');
try {
res = await axios.get(`/admin-api/cms/content/get?id=` + current, { headers: { Authorization: 'Bearer ' + token } });
if (res.data.data.channelId == 245 || res.data.data.channelId == 244) {
loadData(1, 10, res.data.data.channelId)
}
if (Number(res.data.data.channelId) === 156 || res.data.data.channelName == '社会责任报告') {
// 兜底：异步回调中用location.href跳转（不会被拦截）
window.location.href = `/content/` + current;
return;
}
const event2 = new CustomEvent('active', {
detail: {
active: res.data.data.path,
active2: res.data.data.parentChannelPath,
data: res.data.data
}
});
document.dispatchEvent(event2);
// 直接渲染详情
const html1 = prepareDetailMedia(res.data.data);
const viewCount = getHotViewCount();
const imageList = collectAllImages(html1);
let html = '';
let carouselHtml = buildTopImageCarousel(imageList);
html = html1 ? html1.text : '数据不存在';
console.log(html1.channelName == '积分统计'?'积分统计':'其他')
// 如果有视频需要处理
if (html1 && html1.text) {
html = html.replace(/]*)>/g, (match, attrs) => {
let newAttrs = attrs;
if (!/preload=/.test(attrs)) {
newAttrs += ' preload="metadata"';
} else {
newAttrs = newAttrs.replace(/preload="none"/, 'preload="metadata"');
}
if (/style=/.test(newAttrs)) {
newAttrs = newAttrs.replace(/style="([^"]*)"/, (m, styleContent) => {
return 'style="' + styleContent + '; width:100%; margin:0 auto;"';
});
} else {
newAttrs += ' style="width:100%; margin:0 auto;"';
}
return '';
});
}
// 标题和时间
let title = html1 ? '' + html1.title + '
' : '';
// let time = '' +
// '来源:发布日期：' + formatDate(html1.releaseTime) + '' +
// '
';
let time = '';
if(html1.channelName == '交投视点'||html1.channelName == '集团要闻'||html1.channelName == '基层动态'||html1.channelName == '积分统计'||html1.channelName == '头条'){
time = '' +
'点击量:'+viewCount+' 发布日期：' + formatDate(html1.releaseTime) + '' +
'
';
}else if(html1.channelName == '图片报道'||html1.channelName == '视频新闻'||html1.channelName == '图报新闻'||html1.channelName == '高管图报'){
time = '' +'
';
}else{
time = '' +
'来源:'+' 发布日期：' + formatDate(html1.releaseTime) + '' +
'
';
}
// 附件
let attachs = html1 ? html1.attachs : [];
const inlineVideoAttachs = getInlineVideoAttachments(html1);
let attach = '';
if (attachs.length > 0) {
attachs.forEach(file => {
if (inlineVideoAttachs.indexOf(file) !== -1) return;
attach += '' +
file.name + ' (' + (file.size / 1024).toFixed(1) + ' KB)';
});
}
const inlineVideoHtml = buildInlineVideoHtml(html1);
const originalImageLinks = buildOriginalImageLinks(html1);
content.innerHTML = title + time + carouselHtml + wrapRichContent(html) + inlineVideoHtml + attach + originalImageLinks;
normalizeRichContent(content);
bindOriginalImagePreview(content, html1);
setTimeout(function () {
const allSwipers = Array.from(document.querySelectorAll('#content .detail-swiper, #content .swiper-container'))
.filter((el, idx, arr) => arr.indexOf(el) === idx);
allSwipers.forEach(function (el, idx) {
if (el.dataset.swiperInitialized === '1') return;
const prevEl = el.querySelector('.swiper-button-prev') || el.appendChild(Object.assign(document.createElement('div'), { className: 'swiper-button-prev' }));
const nextEl = el.querySelector('.swiper-button-next') || el.appendChild(Object.assign(document.createElement('div'), { className: 'swiper-button-next' }));
const slideCount = el.querySelectorAll('.swiper-slide').length;
console.log('[detail-swiper]', el.id || `(index-)`, 'slides:', slideCount);
new Swiper(el, {
loop: slideCount > 1,
autoplay: false,
navigation: {
nextEl: nextEl,
prevEl: prevEl
},
allowTouchMove: true
});
el.dataset.swiperInitialized = '1';
});
}, 0);
// 返回按钮
content.innerHTML += ``;
document.getElementById('backBtn2').addEventListener('click', () => {
newsList.style.display = 'block';
content.style.display = 'none';
page.style.display = '';
const event3 = new CustomEvent('titlenone', {
detail: { isshow: true }
});
const path = res.data.data.parentChannelPath;
if (['party_work', 'monitor', 'union', 'league'].includes(path)) {
const event4 = new CustomEvent('loadsubChannels', {
detail: { parentChannelPath: res.data.data.parentChannelPath }
});
document.dispatchEvent(event4);
} else {
//广播获取内容列表
const event = new CustomEvent('restoreNews', {
detail: {
channelId: res.data.data.channelId,
pageSize: 7,
pageNo: getRestorePageNo(res.data.data),
id: res.data.data.id,
isshowpicture: res.data.data.path == "PublicNotice_children" ? true : false
}
});
document.dispatchEvent(event);
}
document.dispatchEvent(event3);
});
} catch (error) {
console.log(error)
content.innerHTML = `
网络异常，请稍后再试
`;
}
}
//点击列表进入详情内容
document.getElementById('news-list').addEventListener('click', function (e) {
const li = e.target.closest('li');
if (!li) return;
const id = li.dataset.id;
const channelName = li.dataset.channelName || '';
const channelId = li.dataset.channelId || '';
if (!id) return;
saveListState(
currentListState.pageNo,
currentListState.pageSize,
channelId || currentListState.channelId,
currentListState.isshowpicture,
id
);
// 统一跳转到标准详情地址，便于刷新和分享
window.location.href = `/content/` + id;
})
function isLivePreview() {
return window.location.pathname.includes('/live-preview/')
}
function showLivePreview() {
console.log(livePreviewTriggered, 'livePreviewTriggered')
if (livePreviewTriggered) return;
livePreviewTriggered = true;
let res = {}
const current = getLastPathSegment()
if (Number.isFinite(Number(current))) {
fetchContent2(current)
}
}
document.addEventListener('DOMContentLoaded', function () {
//是否为实时预览
if (isLivePreview()) {
showLivePreview()
return
}
let res = {}
const current = getLastPathSegment()
if (Number.isFinite(Number(current))) {
fetchContent(current)
}
document.addEventListener('restoreNews', function (e) {
// console.log(e.detail)
const pageSize = e.detail.pageSize;
const channelId = e.detail.channelId;
const pageNo = normalizePageNo(e.detail.pageNo || currentListState.pageNo);
const isshow = e.detail.isshow || false;
const id = e.detail.id || ''
const isshowpicture = e.detail.isshowpicture || false;
const content = document.getElementById('content');
const newsList = document.getElementById('news-list');
const page = document.getElementById('page-wrapper');
newsList.style.display = 'block';
page.style.display = 'flex';
content.style.display = 'none';
content.innerHTML = getLoadingHtml()
let list = []
loadData(pageNo, pageSize, channelId, isshowpicture);
});
if (res.data) {
console.log('res存在欸')
}
});
新闻中心
交投视点
集团要闻
基层动态
图片报道
视频新闻
媒体聚焦
积分统计