足球比分直播
`;
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,
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')
document.getElementById('news-list').innerHTML = getLoadingHtml()
axios.get(`/front/content/portalPage`, {
params: {
orderStrs: 'top_level_desc,release_time_desc,id_desc',
pageNo: pageNo,
pageSize: pageSize,
channelId: channelId,
}
}).then(function (response) {
const data = response.data.data
const event = new CustomEvent('data', {
detail: {
data: data,
}
});
document.dispatchEvent(event);
list = response.data.data.list || [];
let html = '
';
list.forEach((item, index) => {
console.log(item.channelName,'item.channelName')
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 = 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) {
titleText = titleText.replace(/\\n\s*/g, '\n');
const hasLineBreak = titleText.indexOf('\n') !== -1;
const letterSpacingStyle = hasLineBreak ? 'letter-spacing:6px;' : '';
const whiteSpaceStyle = hasLineBreak ? 'white-space:pre-line;' : '';
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,
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 = res.data.data;
const viewCount = getHotViewCount();
const imageList = collectAllImages(html1);
let html = '';
let carouselHtml = buildTopImageCarousel(imageList);
html = html1 ? html1.text : '數據不存在';
// 如果有視頻需要處理
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,
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;
// 統一跳轉到標準詳情地址，便於刷新和分享
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 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(1, pageSize, channelId, isshowpicture);
});
if (res.data) {
console.log('res存在欸')
}
});
新聞中心
交投視點
集團要聞
基層動態
圖片報道
視頻新聞
媒體聚焦
積分統計