大型一卡通｜多媒体信息交互｜AI营销枢纽&GEO—厦门浩科电子有限公司

大型一卡通｜多媒体信息交互｜AI营销枢纽&GEO—厦门浩科电子有限公司 我的 欢迎来到首页 探索我们的产品和服务 了解更多 产品中心 产品中心 查看我们的全线产品 查看全部产品 解决方案 解决方案 为各行业提供定制化方案 查看全部方案 工程案例 新闻中心 关于我们 关于我们 了解我们的故事和愿景 了解更多 CN 我的 产品中心 解决方案 工程案例 新闻中心 关于我们 内容加载中'; } return '' + html + ''; } function buildPopupIntro(trigger) { var summary = trigger.getAttribute('data-gw-popup-summary') || ''; var description = trigger.getAttribute('data-gw-popup-description') || ''; if (!summary && !description) return ''; return '' + (summary ? '' + escapeHtml(summary) + '' : '') + (description ? '' + escapeHtml(description) + '' : '') + ''; } function normalizeContentFormat(value) { return value === 'text' || value === 'markdown' || value === 'html' ? value : 'html'; } function renderMarkdownInline(value) { return escapeHtml(value) .replace(/\*\*([^*]+)\*\*/g, '$1') .replace(/\*([^*]+)\*/g, '$1') .replace(/`([^`]+)`/g, '$1') .replace(/\[([^\]]+)\]\(([^)]+)\)/g, function(_, text, href) { var safeHref = String(href || '').trim(); if (!safeHref || /^javascript:/i.test(safeHref)) return text; return '' + text + ''; }); } function renderMarkdown(value) { var lines = String(value || '').replace(/\r\n?/g, '\n').split('\n'); var html = ''; var inList = false; function closeList() { if (inList) { html += ''; inList = false; } } lines.forEach(function(line) { var text = line.trim(); if (!text) { closeList(); return; } var heading = text.match(/^(#{1,3})\s+(.+)$/); if (heading) { closeList(); html += '' + renderMarkdownInline(heading[2]) + ''; return; } var list = text.match(/^[-*]\s+(.+)$/); if (list) { if (!inList) { html += ''; inList = true; } html += '' + renderMarkdownInline(list[1]) + ''; return; } closeList(); html += '' + renderMarkdownInline(text) + ''; }); closeList(); return html; } function renderPopupContent(value, format, rendered) { var type = normalizeContentFormat(format); if (type === 'html') return '' + String(value || '') + ''; if (type === 'markdown') return '' + (rendered ? String(value || '') : renderMarkdown(value)) + ''; return '' + escapeHtml(value || '').replace(/\r\n?/g, '\n').replace(/\n/g, '') + ''; } function stripHtml(value) { return String(value || '') .replace(/ 工程案例 Case 搜索案例 工程案例 精选优质工程项目，展示专业实力与品质保障 搜索省份 搜索 加载中... '; try { const params = { keywords: state.keywords, order: JSON.stringify({ sort: "desc", id: "desc" }), cat_id: state.cat_id, attr_key: state.attr_key, attr_value: state.attr_value, attr_flag: state.attr_flag, page: state.page, page_size: state.page_size }; const res = await r("/api/gatewayCms/case/list", params); const listData = res?.data?.data?.data || []; const total = res?.data?.data?.total || 0; state.data = listData; state.total = total; state.totalPages = Math.ceil(total / state.page_size) || 1; renderCases(listData); renderPagination(); initScrollAnimation(); } catch (err) { console.error("获取案例失败:", err); grid.innerHTML = ` 加载失败，请稍后重试 重新加载 `; } }; // 渲染案例卡片 const renderCases = (list) => { const grid = container.querySelector('#hkGrid'); if (!grid) return; if (!list || list.length === 0) { grid.innerHTML = ` 暂无相关案例 重置筛选 `; const resetBtn = container.querySelector('#hkResetBtn'); if (resetBtn) { resetBtn.addEventListener('click', () => { container.querySelector('#hkProvince').value = ""; container.querySelector('#hkKeyword').value = ""; state.keywords = ""; state.attr_key = ""; state.attr_value = ""; state.attr_flag = 1; state.page = 1; fetchCases(); }); } return; } const html = list.map(item => { const thumbnail = item.thumbnail && item.thumbnail.id > 0 ? item.thumbnail.url : ""; const date = item.published_at || item.created_at || ""; const title = item.title || ""; const link = item.detail_link || `/case/detail?id=${item.id}`; const formatDate = (dateStr) => { if (!dateStr) return ""; const d = new Date(dateStr); if (isNaN(d.getTime())) return dateStr; return `${d.getFullYear()}/${String(d.getMonth() + 1).padStart(2, '0')}/${String(d.getDate()).padStart(2, '0')}`; }; return ` ${formatDate(date)} ${title} `; }).join(''); grid.innerHTML = html; }; // 渲染分页 const renderPagination = () => { const paginationEl = container.querySelector('#hkPagination'); if (!paginationEl || state.totalPages <= 1) { if (paginationEl) paginationEl.innerHTML = ""; return; } let html = ''; html += ` `; const start = Math.max(1, state.page - 2); const end = Math.min(state.totalPages, state.page + 2); if (start > 1) { html += `1`; } if (start > 2) { html += `...`; } for (let i = start; i <= end; i++) { html += `${i}`; } if (end < state.totalPages - 1) { html += `...`; } if (end < state.totalPages) { html += `${state.totalPages}`; } html += `= state.totalPages ? 'disabled' : ''}> `; paginationEl.innerHTML = html; paginationEl.addEventListener('click', (e) => { const btn = e.target.closest('.hk-page-btn'); if (!btn || btn.disabled || btn.dataset.page === undefined) return; const page = parseInt(btn.dataset.page); if (page === state.page) return; state.page = page; fetchCases(); container.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); }; // 滚动进场动画 const initScrollAnimation = () => { const cards = container.querySelectorAll('.hk-card'); if ('IntersectionObserver' in window) { const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('hk-visible'); observer.unobserve(entry.target); } }); }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' }); cards.forEach(card => observer.observe(card)); } else { cards.forEach(card => card.classList.add('hk-visible')); } }; // 搜索功能 const handleSearch = () => { const province = container.querySelector('#hkProvince')?.value || ""; const keyword = container.querySelector('#hkKeyword')?.value || ""; state.keywords = keyword; state.attr_key = province ? provinceAttrKey : ""; state.attr_value = province; state.attr_flag = 1; state.page = 1; fetchCases(); }; const searchBtn = container.querySelector('#hkSearchBtn'); if (searchBtn) { searchBtn.addEventListener('click', handleSearch); } const keywordInput = container.querySelector('#hkKeywor