web
/
h5


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
							<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title></title>
    <link rel="stylesheet" href="/css/activity.css">
    <style>
        .activity-content {
            min-height: 100vh;
        }

        .activity-content img {
            max-width: 100%;
            height: auto;
        }

        .activity-content a {
            color: #f5a623;
        }
    </style>
</head>

<body>
    <div class="container activity">
        <div id="activityContent" class="activity-content">
        </div>

        <div class="loading-overlay" id="loadingOverlay" style="display: none;">
            <div class="loading-content">
                <div class="loading-spinner"></div>
                <span class="loading-text" data-i18n="loadingText">加载中...</span>
            </div>
        </div>

        <div class="error-overlay" id="errorOverlay" style="display: none;">
            <div class="error-content">
                <div class="error-icon">!</div>
                <span class="error-text" data-i18n="errorText">加载失败，请稍后重试</span>
                <button class="error-retry" id="retryBtn" data-i18n="retryBtn">重试</button>
            </div>
        </div>
    </div>
    <script src="/js/common.js"></script>

    <script>
        (function () {
            const loadingOverlay = document.getElementById('loadingOverlay');
            const errorOverlay = document.getElementById('errorOverlay');
            const retryBtn = document.getElementById('retryBtn');
            const activityContent = document.getElementById('activityContent');
            let token = '';
            function getQueryParam(name) {
                const urlParams = new URLSearchParams(window.location.search);
                return urlParams.get(name);
            }

            function showLoading() {
                loadingOverlay.style.display = 'flex';
                errorOverlay.style.display = 'none';
            }

            function hideLoading() {
                loadingOverlay.style.display = 'none';
            }

            function showError() {
                loadingOverlay.style.display = 'none';
                errorOverlay.style.display = 'flex';
            }


            async function fetchHelpDoc() {
                showLoading();
                const helpDocId = getQueryParam('id');

                if (!helpDocId) {
                    activityContent.innerHTML = '<p style="color: #888; text-align: center; padding: 20px;">' + BEXI18n.t('detailCommon', 'missingHelpId') + '</p>';
                    hideLoading();
                    return;
                }

                try {
                    const headers = {
                        'Content-Type': 'application/json',
                        'Accept': 'application/json',
                        'X-Requested-With': 'XMLHttpRequest',
                        'localeName': getCurrentLang(),
                        'Authorization': `${token}`,
                        ...globalHeaders
                    };

                    const API_URL = `/api/v1/config/helpDoc/${encodeURIComponent(helpDocId)}`;

                    const response = await fetch(API_URL, {
                        method: 'GET',
                        headers: headers,
                        credentials: 'include',
                        timeout: 10000
                    });

                    if (!response.ok) {
                        throw new Error(`请求失败! status: ${response.status}`);
                    }

                    const result = await response.json();
                    const data = result.data || {};


                    if (data.content) {
                        const decodedHTML = decodeHTMLEntities(data.content);
                        activityContent.innerHTML = decodedHTML;
                    } else {
                        activityContent.innerHTML = '<p style="color: #888; text-align: center; padding: 20px;">' + BEXI18n.t('detailCommon', 'emptyHelp') + '</p>';
                    }

                    hideLoading();

                } catch (error) {
                    console.error('Data fetch error:', error);
                    showError();
                }
            }

            BEXI18n.applyTranslations('detailCommon');

            retryBtn.addEventListener('click', fetchHelpDoc);

            document.addEventListener('DOMContentLoaded', async function () {
                try {
                    token = await window.BEXBridge.getToken();
                } catch (error) {
                }
                fetchHelpDoc();
            });
        })();
        function decodeHTMLEntities(text) {
            const textarea = document.createElement('textarea');
            textarea.innerHTML = text;
            return textarea.value;
        }
    </script>
</body>

</html>