`; 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 = '' + 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 = '' + '' + 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 : '数据不存在'; // 将连续图片片段就地合并为轮播 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 time = ''; if(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 == '积分统计'){ 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 || ''; // PDF栏目直接在同步栈中跳转到详情页，避免window.open被浏览器拦截 if (Number(channelId) === 156 || channelName === '万搏娱乐登录官网 ') { window.open(`/content/` + id, '_blank'); return; } fetchContent(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存在欸') } });