足球比分直播
`;
previewWindow.document.open();
previewWindow.document.write(previewHtml);
previewWindow.document.close();
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) {
const pageWrap = previewWindow.document.createElement('div');
pageWrap.className = 'pdf-page';
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);
viewerEl.appendChild(pageWrap);
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;
}
pdfjsLib.getDocument({
url: pdfUrl,
cMapUrl: '/res/jprocms/default/static/plugins/pdfjs-dist/cmaps/',
cMapPacked: true
}).promise.then(function (pdfDoc) {
const renderTasks = [];
setStatus('共 ' + pdfDoc.numPages + ' 頁，正在渲染...', false);
for (let pageNum = 1; pageNum <= pdfDoc.numPages; pageNum++) {
renderTasks.push(
pdfDoc.getPage(pageNum).then(function (page) {
const scale = getScale(page);
const viewport = page.getViewport({ scale: scale });
const renderTarget = createPageCanvas(viewport);
const transform = renderTarget.outputScale !== 1
? [renderTarget.outputScale, 0, 0, renderTarget.outputScale, 0, 0]
: null;
return page.render({
canvasContext: renderTarget.context,
viewport: viewport,
transform: transform
}).promise;
})
);
}
return Promise.all(renderTasks).then(function () {
setStatus('', false);
});
}).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(pdfAttachment.name || data.title || 'PDF 預覽');
const pdfUrl = pdfAttachment.url || '';
container.innerHTML = ''
+ '
'
+ '
'
+ '
PDF 正在加載，請稍候...
'
+ '
'
+ '
'
+ getBackButtonHtml();
const statusEl = document.getElementById('pdf-status');
const viewerEl = document.getElementById('pdf-viewer');
const usePdfJs = shouldUsePdfJs(pdfUrl);
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) {
const pageWrap = document.createElement('div');
pageWrap.className = 'pdf-page';
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);
viewerEl.appendChild(pageWrap);
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 pdfjsLib.getDocument({
url: pdfUrl,
cMapUrl: "/res/jprocms/default/static/plugins/pdfjs-dist/cmaps/",
cMapPacked: true
}).promise.then(function (pdfDoc) {
const renderTasks = [];
setStatus('共 ' + pdfDoc.numPages + ' 頁，正在渲染...', false);
for (let pageNum = 1; pageNum <= pdfDoc.numPages; pageNum++) {
renderTasks.push(
pdfDoc.getPage(pageNum).then(function (page) {
const scale = getScale(page);
const viewport = page.getViewport({ scale: scale });
const renderTarget = createPageCanvas(viewport);
const transform = renderTarget.outputScale !== 1
? [renderTarget.outputScale, 0, 0, renderTarget.outputScale, 0, 0]
: null;
return page.render({
canvasContext: renderTarget.context,
viewport: viewport,
transform: transform
}).promise;
})
);
}
return Promise.all(renderTasks).then(function () {
setStatus('');
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) => {
if (isshowpicture && index === 0) {
html += '- '
+ '
'
+ '' + (item.title || '沒有標題') + ''
+
' ';
} else {
html += '- '
+ '' + formatDate(item.releaseTime) + ''
+ '' + (item.title || '沒有標題') + '' +
'
';
}
});
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 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) {
openPdfInNewTab(res.data.data);
return;
}
if (res.data.data.outLink) {
window.location.href = res.data.data.outLink;
return
}
if(res.data.data.channelName == '社會責任報告'){
const url = res.data.data.attachs[0].url;
if (url) {
// 獲取 token，如果接口需要
const params = new URLSearchParams(window.location.search);
const token = params.get('Authorization');
// 使用 axios 獲取 PDF blob
axios.get(url, {
responseType: 'blob',
withCredentials: true
}).then(response => {
const blob = new Blob([response.data], { type: 'application/pdf' });
const blobUrl = URL.createObjectURL(/channel/ZB_projects/blob);
// 新開標籤顯示
window.open(blobUrl, '_blank');
}).catch(err => {
console.error('PDF 打開失敗', err);
alert('PDF 打開失敗');
});
}
return;
}
newsList.style.display = 'none';
page.style.display = 'none';
content.style.display = 'block';
content.innerHTML = getLoadingHtml()
// 直接渲染詳情
const html1 = res.data.data;
let html = '';
let carouselHtml = '';
// 如果有 images 數組，生成輪播 HTML
if (html1.images && html1.images.length) {
const parts = [];
// 輪播容器高度 870px
parts.push('
');
parts.push('
');
html1.images.forEach(function (img, index) {
const activeClass = index === 0 ? ' active' : '';
const title = img.title ? img.title : '';
// carousel-item 高度 100%，圖片填充
parts.push('
');
parts.push('
');
parts.push('
');
});
parts.push('
'); // 關閉 carousel-inner
// 左右控制按鈕，垂直居中
parts.push(
'
' +
'' +
'Previous' +
''
);
parts.push(
'
' +
'' +
'Next' +
''
);
parts.push('
'); // 關閉 carousel
carouselHtml = parts.join('');
}
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 attachs = html1 ? html1.attachs : [];
let attach = '';
if (attachs.length > 0) {
attachs.forEach(file => {
attach += '' +
file.name + ' (' + (file.size / 1024).toFixed(1) + ' KB)';
});
}
const originalImageLinks = buildOriginalImageLinks(html1);
content.innerHTML = title + time + carouselHtml + html + attach + originalImageLinks;
bindOriginalImagePreview(content, html1);
if (html1.images && html1.images.length) {
setTimeout(function () {
$('#detailCarousel').carousel({
interval: 3000,
ride: 'carousel'
});
}, 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) {
openPdfInNewTab(res.data.data);
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;
let html = '';
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 attachs = html1 ? html1.attachs : [];
let attach = '';
if (attachs.length > 0) {
attachs.forEach(file => {
attach += '' +
file.name + ' (' + (file.size / 1024).toFixed(1) + ' KB)';
});
}
const originalImageLinks = buildOriginalImageLinks(html1);
content.innerHTML = title + time + html + attach + originalImageLinks;
bindOriginalImagePreview(content, html1);
// 返回按鈕
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;
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存在欸')
}
});
招標採購
招標方式採購
非招標方式採購