var commonSupColor = 'rgb(0,112,192)'//上角标颜色
var commonTableTitleColor = 'rgb(210,90,90)'//上角标颜色
var commonSupFontColor = 'color:rgb(0,112,192);'//上角标字体颜色
const style = document.createElement('style');
style.innerHTML = `
.mb_aform{
    display:none;
}
.pos_ter{
    padding:10px;
}
.pos_ter>div:nth-child(1) {
    width: 25%;
}
.htmlImageNote blue{
    color :#0082AA !important;
}
.wenzhang .wen_jian h4 i{
       
    font-weight: 500;
    font-weight: bold;


}
.pos_ter>a {
width: 23%;
}
.pos_ter>div:nth-child(3) {
width: 23%;
}
            
.pos_ter>div:nth-child(4) {
    width: 23%; overflow:hidden;

}
.pos_ter>div:nth-child(4) img{
    position: relative;
    top: -16px;
}
.footer .daohang ul{
    width: 26% !important;

}

`

document.head.appendChild(style);
function loadMathJax(callback) {
    const script = document.createElement('script');

    // 可选：配置 MathJax（必须在加载 script 前设置）
    window.MathJax = {
        tex: {
            inlineMath: [['$', '$'], ['\\(', '\\)']],
            displayMath: [['$$', '$$'], ['\\[', '\\]']]
        },
        startup: {
            typeset: false  // 不自动 typeset，手动触发更灵活
        }
    };

    script.src = 'https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js';
    script.onload = callback;
    document.head.appendChild(script);
}
loadMathJax()
var script = document.createElement('script');
script.src = '/js/not_map.js';
var script1 = document.createElement('script');
script1.src = '/echarts-master/echarts.min.js';
var script2 = document.createElement('script');
script2.src = '/echarts-master/world.js';

document.head.appendChild(script1);
document.head.appendChild(script2);
document.head.appendChild(script);

function initStyle() {
    // 找到目标元素
    const navBan = document.querySelector('.nav_ban.rgb_color_background');

    if (navBan) {
        // 创建一个新的 inner-wrapper div
        const innerWrapper = document.createElement('div');
        innerWrapper.className = 'inner_nav_ban_wrapper';

        // 把 navBan 中所有子节点移动到 innerWrapper 中
        while (navBan.firstChild) {
            innerWrapper.appendChild(navBan.firstChild);
        }

        // 再把 innerWrapper 加回 navBan 中
        navBan.appendChild(innerWrapper);
    }


}
//    列表
function at_list() {


    function adjustNavHeight() {
        var windowHeight = window.innerHeight; // 获取页面高度
        $(".anchor-nav").css("height", windowHeight + "px"); // 设置导航栏高度为页面高度
    }

    // 页面加载时调整导航栏高度
    adjustNavHeight();

    // 窗口大小变化时调整导航栏高度
    $(window).resize(function () {
        adjustNavHeight(); // 重新调整导航栏高度
    });

    // 获取地址栏信息
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }
}

let citationCache = null; // 你可以存在全局变量、Vue data 或其他位置


// 时间戳格式化

function timestampToTime(str) {
    //str = str * 1000
    var oDate = new Date(str * 1000),
        oYear = oDate.getFullYear(),
        oMonth = oDate.getMonth() + 1,
        oDay = oDate.getDate(),
        oHour = oDate.getHours(),
        oMin = oDate.getMinutes(),
        oSen = oDate.getSeconds(),
        oTime = oYear + '-' + getzf(oMonth) + '-' + getzf(oDay) + ' ' + getzf(oHour) + ':' +
            getzf(oMin) + ':' + getzf(oSen);//最后拼接时间
    return oTime;
};
//补0操作
function getzf(num) {
    if (parseInt(num) < 10) {
        num = '0' + num;
    }
    return num;
}
function fetchCitationsData(doi, a_ID, callback) {
    // doi = '10.53388/TMR20200222165'
    // a_ID = 471
    let citations = {
        wos: [],
        dimensions: 0,
        scite: 0,
        crossref: []
    };

    let list = [doi];
    let completedRequests = 0;

    function checkAllDone() {
        completedRequests++;
        if (completedRequests === 4) {
            callback(citations);  // 当所有数据加载完成后触发回调
        }
    }

    // WOS 数据
    $.post(apiUrl + 'api/Article/getArticleCites', { article_id: a_ID }, function (res) {
        citations.wos = res.code === 0 ? res.data.list : [];
        checkAllDone();
    });

    // Dimensions
    $.get('https://metrics-api.dimensions.ai/doi/' + doi, function (res) {
        citations.dimensions = res.times_cited || 0;
        checkAllDone();
    }).fail(function () {
        citations.dimensions = 0;
        checkAllDone();
    });

    // Scite
    $.ajax({
        type: 'post',
        url: 'https://api.scite.ai/tallies',
        contentType: "application/json",
        dataType: "json",
        data: JSON.stringify(list),
        success: function (res) {
            for (let key in res.tallies) {
                citations.scite = res.tallies[key]?.citingPublications || 0;
            }
            checkAllDone();
        },
        error: function () {
            citations.scite = 0;
            checkAllDone();
        }
    });

    // CrossRef
    $.post(apiUrl + 'api/Article/getArticleDetailCites', { article_id: a_ID }, function (res) {
        citations.crossref = res.code === 0 ? res.data : [];
        checkAllDone();
    });
}
function renderCitations(citations, doi) {
    console.log('doi at line 479:', citations)



    let wosHtml = '';
    citations.wos.forEach((item, i) => {
        wosHtml += `
                <div style="margin:10px 0;display:flex;">
                    <p style="margin-right:10px;">${i + 1}.</p>
                    <div>
                        <p style="font-size:13px;margin-bottom:3px;">${item.article_name}</p>
                        <p>
                            <span style="color:#a2b1b6;font-size:13px;">
                                ${item.journal_name}, ${item.author || ''}, ${item.vol || ''}
                            </span>
                            <span style="margin-left:5px;color:#205493;">
                                <a href="https://doi.org/${item.doi}" target="_blank">https://doi.org/${item.doi}</a>
                            </span>
                        </p>
                    </div>
                </div>`;
    });

    let crossrefHtml = '';
    if (citations.crossref && citations.crossref.length > 0) {
        citations.crossref.forEach((item, i) => {
            crossrefHtml += `
                <div style="margin:10px 0;display:flex;">
                    <p style="margin-right:10px;">${i + 1}.</p>
                    <div>
                        <p style="font-size:13px;margin-bottom:3px;">${item.article_title}</p>
                        <p>
                            <span style="color:#a2b1b6;font-size:13px;">
                                ${item.journal_title}, ${item.year}
                            </span>
                            <span style="margin-left:5px;color:#205493;">
                                <a href="https://doi.org/${item.doi}" target="_blank">https://doi.org/${item.doi}</a>
                            </span>
                        </p>
                    </div>
                </div>`;
        });
    }

    {/* <div class="core-xlink-crossref"><a href="javascript:void(0)" target="_blank" style="color:#006699;font-size:16px;margin-right:30px;"><span class="title">Wos</span> <span>${citations.wos.length}</span></a></div>
        <div class="core-xlink-crossref"><a href="https://badge.dimensions.ai/details/doi/${doi}" target="_blank"  style="color:#006699;font-size:16px;margin-right:30px;"><span class="title">Dimensions Badge</span> <span>${citations.dimensions}</span><i style="margin-left:6px;" class="fa fa-external-link" aria-hidden="true" /></i></a></div>
        <div class="core-xlink-crossref"><a href="https://scite.ai/reports/${doi}" target="_blank"  style="color:#006699;font-size:16px;margin-right:30px;"><span class="title">Scite Badge (Wiley)</span> <span>${citations.scite}</span><i class="fa fa-external-link" aria-hidden="true" style="margin-left:6px;" /></i></a></div>
        <div class="core-xlink-crossref"><a href="javascript:void(0)" target="_blank"  style="color:#006699;font-size:16px;margin-right:30px;"><span class="title">Crossref</span> <span>${citations.crossref.length}</span></a></div>
         */}
    const str = `
       <p id="ArticleCitationsBox" class="Ptitle" style="margin-bottom: 22px;
            background: rgb(222, 235, 247);
            color: rgb(210, 90, 90) !important;
            text-align: center !important;
            border: 1px solid rgba(222, 234, 247, 0.1);
            border-radius: 10px;
            font-size: 16px;
            box-shadow: rgba(222, 234, 247, 0.6) 0px 4px 4px;">
            <b style="font-weight: bold !important;">Article Citations</b>
        </p>
   
       
        <div>
            <ul style="overflow: hidden;padding: 10px 0;border: none;display: flex
            ;
                align-items: center;
                justify-content: space-between;">
                <li class="article-quote-box Wos">
                    <p class="quote-source">Wos</p>
                    <div class="quote-content quote-content1">
                        <div class="quoteNumber WosNumber" style="text-align:center;">${citations.wos.length}</div>
                    </div>
                </li>
                <li class="article-quote-box DimensionsBadge">
                    <a href="https://badge.dimensions.ai/details/doi/${doi}" target="_blank">
                        <p class="quote-source">Dimensions Badge</p>
                        <div class="quote-content">
                            <div class="quoteNumber" style="text-align:center;">${citations.dimensions}</div>
                        </div>
                    </a>
                </li>
                <li class="article-quote-box SciteBadge">
                    <a href="https://scite.ai/reports/${doi}" target="_blank">
                        <p class="quote-source">Scite Badge (Wiley)</p>
                        <div class="quote-content quote-content1">
                            <div class="quoteNumber" style="text-align:center;">${citations.scite}</div>
                        </div>
                    </a>
                </li>
                <li class="article-quote-box Crossref" style="margin-right: 0;">
                    <p class="quote-source">Crossref</p>
                    <div class="quote-content quote-content1">
                        <div class="quoteNumber crossrefNumber" style="text-align:center;">${citations.crossref && citations.crossref.length > 0 ? citations.crossref.length : 0}</div>
                    </div>
                </li>
            </ul>
        </div>
        <div id="framed_div" class="in-tab" style="margin-top: 10px; background-color: #fff;">
            <div class="info-box"></div>
            <div style="padding: 10px;" class="quote-content"></div>
        </div>
   
      
   `;





    $('.article-quote').css('display', 'block');  // 设置显示样式
    $('#ArticleCitations').css('display', 'block');  // 设置显示样式
    $('.article-quote').html(str); // 设置 HTML 内容

}

/* 相关引用次数 */
// function getCitations(doi, a_ID) {


//     // var doi = '10.53388/IMD202408001';
//     $('.article-quote-box').css({
//         width: '25%',
//         'margin-right': '0px',
//         'border-right': '1px solid ' + localStorage.Journals_color,
//     })
//     $('.DimensionsBadge .quote-source').html('Dimensions Badge')
//     $('.SciteBadge .quote-source').html('Scite Badge (Wiley)')
//     $('.Crossref .quote-source').html('Crossref')
//     $('.Crossref').css({ 'border-right': 'none' })
//     $('.Wos .quote-source').html('Wos')
//     var list = [doi];
//     $.ajax({
//         type: 'post', url: apiUrl + 'api/Article/getArticleCites',
//         data: {
//             "article_id": a_ID
//         },
//         success: function (result) {
//             if (result.code == 0) {
//                 var str1 = `<div style="text-align:center;" class="WosNumber quoteNumber"> ${result.data.list && result.data.list.length > 0 ? result.data.list.length : 0}</div>`
//                 var journalCiteStr = ""
//                 $('.Wos .quote-content1').html(str1)
//                 var arr = result.data.list
//                 for (let i in arr) {
//                     journalCiteStr += ` <div style="margin:10px 0;display:flex;"><p style="margin-right:10px;">${Number(i) + 1}.</p>
//                 <div>
//                 <p style="display: block;
//                 font-size: 13px;
//                 margin-bottom: 3px;">${arr[i].article_name}</p>

//                 <p>
//                 <span style="color: #a2b1b6;
//                 font-size: 13px;"> ${arr[i].journal_name},
//                 <span style="color: #a2b1b6;
//                 font-size: 13px;">${arr[i].author ? `${arr[i].author},` : ''} ${arr[i].journal_name}${arr[i].vol ? `${arr[i].vol},` : ''}
//                 </span></span>

//                 <span style="margin-left:5px;color:#205493;">
//                 <a 
//                     target="_blank"
//                     href="https://doi.org/${arr[i].doi}">https://doi.org/${arr[i].doi}</a>                </span></p></div>

//                 </div>`
//                 }

//                 if (result.data.list && result.data.list.length > 0) {
//                     $('.WosNumber').click(function () {
//                         var infoStr = `Citations registered in Wos`
//                         $('#framed_div .info-box').html(infoStr);
//                         $('#framed_div .quote-content').html(journalCiteStr);
//                         $('#framed_div').addClass('isWos');

//                         if ($('#framed_div').hasClass('openCrossref')) {

//                             if ($('#framed_div').hasClass('isCrossref')) {

//                                 $('#framed_div').removeClass('isCrossref');
//                                 $('#framed_div').removeClass('openCrossref');
//                                 setTimeout(() => {
//                                     $('#framed_div').addClass('openCrossref');
//                                 }, 100)

//                             } else {
//                                 $('#framed_div').removeClass('openCrossref');
//                                 $('#framed_div').removeClass('isWos');
//                             }

//                         } else {
//                             $('#framed_div').addClass('isWos');
//                             $('#framed_div').addClass('openCrossref');
//                         }


//                     })
//                 }


//             }
//         }
//     })
//     //Dimensions Badge
//     $.ajax({
//         type: 'get',
//         url: 'https://metrics-api.dimensions.ai/doi/' + doi,//正式环境
//         success: function (result) {
//             console.log('result at line 212:', result)
//             // var str = `<span class="__dimensions_badge_embed__" data-doi="${doi}" data-legend="always"></span>`
//             $('.DimensionsBadge a').attr('href', 'https://badge.dimensions.ai/details/doi/' + doi)
//             var str = `<div style="text-align:center;" class="quoteNumber"> ${result.times_cited}</div>`
//             $('.DimensionsBadge .quote-content').html(str)
//         },
//         error: function (result) {
//             console.log('result at line 212:', result)
//             // var str = `<span class="__dimensions_badge_embed__" data-doi="${doi}" data-legend="always"></span>`

//             var str = `<div style="text-align:center;" class="quoteNumber"> 0</div>`
//             $('.DimensionsBadge .quote-content').html(str)
//         }
//     })
//     //Scite Badge (Wiley)
//     $.ajax({
//         type: 'post',
//         url: 'https://api.scite.ai/tallies',//正式环境
//         contentType: "application/json",
//         dataType: "json",
//         data: JSON.stringify(list),
//         success: function (result) {
//             console.log('result at line 212:', result)
//             for (let i in result.tallies) {
//                 $('.SciteBadge a').attr('href', 'https://scite.ai/reports/' + i)
//                 var str1 = ` <div style="text-align:center;" class="crossrefNumber quoteNumber"> ${result.tallies[i]['citingPublications']}</div>`
//             }
//             $('.SciteBadge .quote-content1').html(str1)
//         },
//         error: function (result) {
//             console.log('result at line 212:', result)
//             var str1 = ` <div style="text-align:center;" class="crossrefNumber quoteNumber"> 0</div>`

//             $('.SciteBadge .quote-content1').html(str1)
//         }
//     })
//     $.ajax({
//         type: 'post', url: apiUrl + 'api/Article/getArticleDetailCites',
//         data: {
//             "article_id": a_ID
//         },
//         success: function (result) {
//             if (result.code == 0) {
//                 var str1 = `<div style="text-align:center;" class="crossrefNumber quoteNumber"> ${result.data && result.data.length > 0 ? result.data.length : 0}</div>`
//                 var journalCiteStr = ""
//                 $('.Crossref .quote-content1').html(str1)
//                 var arr = result.data
//                 for (let i in arr) {
//                     journalCiteStr += ` <div style="margin:10px 0;display:flex;"><p style="margin-right:10px;">${Number(i) + 1}.</p>
//                 <div>
//                 <p style="display: block;
//                 font-size: 13px;
//                 margin-bottom: 3px;">${arr[i].article_title}</p>

//                 <p>
//                 <span style="color: #a2b1b6;
//                 font-size: 13px;"> ${arr[i].journal_title},
//                 <span style="margin-left:5px">
//                 ${arr[i].year}</span></span>

//                 <span style="margin-left:5px;color:#205493;">
//                 <a 
//                     target="_blank"
//                     href="https://doi.org/${arr[i].doi}">https://doi.org/${arr[i].doi}</a>                </span></p></div>

//                 </div>`
//                 }

//                 if (result.data && result.data.length > 0) {

//                     $('.crossrefNumber').click(function () {
//                         var infoStr = `Citations registered in CrossRef`
//                         $('#framed_div .info-box').html(infoStr);
//                         $('#framed_div .quote-content').html(journalCiteStr); $('#framed_div').addClass('isCrossref');
//                         if ($('#framed_div').hasClass('openCrossref')) {

//                             if ($('#framed_div').hasClass('isWos')) {

//                                 $('#framed_div').removeClass('isWos');
//                                 $('#framed_div').removeClass('openCrossref');
//                                 $('#framed_div').addClass('isCrossref');
//                                 setTimeout(() => {
//                                     $('#framed_div').addClass('openCrossref');
//                                 }, 100)
//                             } else {
//                                 $('#framed_div').removeClass('openCrossref');
//                                 $('#framed_div').removeClass('isCrossref');
//                             }

//                         } else {
//                             $('#framed_div').addClass('isCrossref');
//                             $('#framed_div').addClass('openCrossref');
//                         }
//                     })
//                 }


//             }
//         }
//     })


// }


// 文章内容
function article_con() {
    $('.wen_jian .left .toggle-btn').html('Author Information ▼')

    var newBox = document.querySelector('.newBox');
    var commonPopupStr = `
    <div id="common-overlay"></div>
    <div id="common-popup">
        <span class="common-close-btn" onclick="closePopup()">×</span>
        <div style="padding: 30px 30px 20px 30px" class="common-popup-box">
            <h2 class="common-popup-title"></h2>
            <div class="common-popup-content">

            </div>
        </div>
    </div>
`;

    // 将弹窗插入到页面中
    newBox.insertAdjacentHTML('beforeend', commonPopupStr);

    console.log('js at line 7241:', '是否走了详情js')
    console.log('详情js', localStorage.Journals_title);
    // 获取地址栏信息
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return unescape(r[2]);
        return null;
    }

    var a_ID = getQueryString('a_id'); //文章
    var htm_ID = getQueryString('s_htm'); //目前显示html
    const isPre = getQueryString('preview');

    if (!isPre) {
        initArticleNavList(a_ID)
    }

    // 增加访问次数


    if (isPre) {
        $('#top_bar .top').css('display', 'none')

        $('.wen_rong .content-box .conthtmn').html(`
        <div class="" style="display: flex;align-items: center;justify-content: center;">接收到来自父页面的数据：
        <div class="loader-01" style="display: flex;align-items: center;justify-content: space-around;"></div></div>`
        );
        $.ajax({
            type: 'post', url: apiUrl + 'api/Article/getHtmlByPAID',
            data: {
                "p_article_id": a_ID
            },
            success: function (res) {
                if (res.code == 0) {
                    var arr = res.data.list;
                    initArticleHtmlFun(arr, res, 2)


                }
            },
            error: function () {
                // ShowDanger("error！");
            }

        })

    } else {
        this.initStyle()

        try {
            console.log('开始详情接口请求')
            $(document).ready(function () {


                $.ajax({
                    type: 'post', url: apiUrl + 'api/Article/getArticleDetail',
                    data: {
                        "article_id": a_ID
                    },
                    timeout: 30000, // 设置超时时间为5秒


                    success: function (result) {
                        // initArticleNavList(a_ID)
                        console.log('result at line 7575:', result)



                        $('.wenzhang .wen_rong .left').css({
                            'background-color': '#f4fafd',

                        })
                        $('.wenzhang .wen_rong .left .rong_box').css({
                            'background-color': '#fff',
                            'margin-top': '0px'
                        })
                        $('.wenzhang .wen_rong .left .mb_aform').css({
                            'background-color': '#fff'
                        })
                        if (result.code == 0) {


                            var html_type = result.data.articleInfo.html_type
                            var has_html = result.data.articleInfo.has_html
                            initMoreButtonTopList(result.data, a_ID)


                            // 文章Cite this article
                            var j_artc = result.data.articleInfo
                            if (Jour_num != 13) {
                                //获取文章引用


                                // 点击增加数字
                                $('.txt_html').click(function () {
                                    var num = $(this).next().html();
                                    $.ajax({
                                        type: 'post', url: apiUrl + 'yuan/Article/addArticleNum', async: false,
                                        data: { "article_id": a_ID, "type": 'html' },
                                        success: function (result) {
                                        }
                                    })
                                    $.ajax({
                                        type: 'post', url: apiUrl + 'super/Publish/addVisitNum',
                                        data: { 'type': Jour_num, 'is_detail': '1' },
                                        success: function (result) {
                                        }
                                    });
                                    $(this).next().html(num);
                                })

                            } else {
                                $('.article-quote').css('display', 'none');
                                $('.mb_aform').css('display', 'none');
                                $('.pos_ter').css('display', 'none');
                                $('.footer').css('display', 'none');
                                $('.wen_rong .right').css('display', 'none');
                                $('.wenzhang .wen_rong .left').css('width', '100%');
                            }


                            // 文章路径基本信息
                            var j_our = result.data.journalInfo;
                            var j_info = result.data.stageInfo;
                            // $('.wen_jian .left>span a').html(j_our.title);
                            // $('.wen_jian .left>span a').attr('href', '/' + j_our.usx);
                            localStorage.setItem("Journals_num", j_our.journal_id);
                            if (j_artc.doi == '') {
                                var doi_ = ''
                            } else {
                                var doi_ = 'DOI : <a href="https://doi.org/' + j_artc.doi + '" target="_blank">' + 'https://doi.org/' + j_artc.doi + '</a>'
                            }
                            if (j_info.stage_no == '0') {
                                var stage_ = ''
                            } else {
                                var stage_ = 'Issue (' + j_info.stage_no + '): '
                            }
                            if (j_artc.npp == '' || j_artc.npp == ' ') {
                                var npp_ = ''
                            } else {
                                if (j_info.stage_pagename == 'pp.') {
                                    var npp_ = j_artc.npp + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
                                } else {
                                    var npp_ = j_info.stage_pagename + j_artc.npp + '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
                                }
                            }

                            if (localStorage.Journals_title == '经典中医研究') {
                                if (j_info.stage_vol == '1') {
                                    j_info.stage_vol = '一'
                                }
                                if (j_info.stage_vol == '2') {
                                    j_info.stage_vol = '二'
                                }
                                if (j_info.stage_vol == '3') {
                                    j_info.stage_vol = '三'
                                }
                                if (j_info.stage_vol == '4') {
                                    j_info.stage_vol = '四'
                                }
                                if (j_info.stage_vol == '5') {
                                    j_info.stage_vol = '五'
                                }
                                if (j_info.stage_vol == '6') {
                                    j_info.stage_vol = '六'
                                }
                                var our_time = '' + j_info.stage_year + '年第' + j_info.stage_vol + '卷&nbsp; | &nbsp; 第' + j_info.stage_no + '期：' + npp_ + doi_;
                            } else {
                                var our_time = '' + j_info.stage_year + ', Vol. ' + j_info.stage_vol + '&nbsp; | &nbsp; ' + stage_ + npp_ + doi_;
                            }

                            $('.wen_jian .left>span').append(our_time);

                            if (j_artc.other_state == 0) {
                                var otStat = ''
                            } else if (j_artc.other_state == 1) {
                                var otStat = '<span class="otStat">Editorial Expression of Concern</span>'
                            } else if (j_artc.other_state == 2) {
                                var otStat = '<span class="otStat">Retracted</span>'
                            }

                            $('.wen_jian .left>h4').html(otStat + j_artc.title);


                            // 文章基本作者机构
                            var str = '';
                            var j_authior = result.data.author.authors;
                            var stra = '';
                            var Corr_Auth = '';
                            var Corr_Emai = '';
                            var rep = '';
                            var rep_pd = '';
                            var ORC_ID = '';
                            var report_num = 0;

                            for (var i = 0; i < j_authior.length; i++) {
                                rep = '';
                                var mes = '';
                                if (j_authior[i].is_first == '1') {
                                    rep = '#'
                                    rep_pd += '#'
                                }
                                if (j_authior[i].is_report == '1') {
                                    rep += '*'
                                    mes = ' (<a href="mailto:' + j_authior[i].email + '."><img src="img/email.png"></a>) '
                                    Corr_Auth += '&nbsp;' + j_authior[i].author_name + ',';
                                    Corr_Emai += '&nbsp;' + j_authior[i].email + ',';
                                    report_num += 1;
                                }
                                if (j_authior[i].orcid == '') {
                                    ORC_ID = ''
                                } else {
                                    ORC_ID = '<a href="https://orcid.org/' + j_authior[i].orcid + '" target="_blank"><img src="img/or_id.png" alt="" style="width: 15px;margin-left: 3px;"></a>'
                                }
                                if (i == j_authior.length - 1) {
                                    stra += j_authior[i].author_name + '<sup>' + j_authior[i].ors + rep + '</sup>' + ORC_ID + mes
                                } else {
                                    stra += j_authior[i].author_name + '<sup>' + j_authior[i].ors + rep + '</sup>' + ORC_ID + mes + ',  '
                                }
                            }

                            str += `<div style="font-size:16px;" class="zuo_zhe_name">${stra}</div>`;

                            var j_organ = result.data.author.organs;
                            var strg = '<div class="zuo_zhe_info">';
                            for (var i = 0; i < j_organ.length; i++) {
                                strg += '<sup>' + j_organ[i].alias + '</sup>&nbsp;' + j_organ[i].organ_name + '<br/>'
                            }
                            str += strg + "</div>";

                            $('.wen_jian .left>div.zuo_zhe').html(str);
                            $('.wen_jian .left>div.zuo_zhe>sup').css({
                                color: commonSupColor,
                            });
                            document.querySelector('.toggle-btn').addEventListener('click', function () {
                                const detail = document.querySelector('.zuo_zhe_info');
                                const btn = this;
                                const isShown = detail.classList.toggle('show');

                                btn.innerText = isShown
                                    ? 'Affiliations & Notes ▲'
                                    : 'Affiliations & Notes ▼';
                            });
                            if (rep_pd == "#") {
                                $('.wen_jian .left>div').each(function () {
                                    $(this).html($(this).html().split("#").join(""));
                                });
                            }

                            if (report_num != 1) {
                                $('.coau b').html('Corresponding authors:');
                            }

                            if (Jour_num == 1) {
                                j_artc.abstract = j_artc.abstract.replace(new RegExp("0, 102, 204", "g"), "0,102,153")
                            }

                            // 文章内容
                            Corr_Auth = Corr_Auth.replace(/,$/, "")
                            Corr_Emai = Corr_Emai.replace(/,$/, "")

                            $('.wen_rong .content-box .contercon .abst').html(j_artc.abstract);
                            let strongElements = document.querySelectorAll('.wen_rong .content-box .contercon .abst strong');

                            // 遍历每个 <strong> 标签
                            strongElements.forEach(function (element) {
                                // 检查 <strong> 标签内的文本内容是否为 "Background:", "Methods:", "Results:", "Conclusion:"

                                if (element.textContent.includes("Background:") ||
                                    element.textContent.includes("Methods:") ||
                                    element.textContent.includes("Method:") ||
                                    element.textContent.includes("Results:") ||
                                    element.textContent.includes("Result:") ||
                                    element.textContent.includes("Conclusion:") ||
                                    element.textContent.includes("Conclusions:") ||
                                    element.textContent.includes("Background") ||
                                    element.textContent.includes("Methods") ||
                                    element.textContent.includes("Method") ||
                                    element.textContent.includes("Results") ||
                                    element.textContent.includes("Result") ||
                                    element.textContent.includes("Conclusion") ||
                                    element.textContent.includes("Conclusions")



                                ) {
                                    // 修改该 <strong> 标签的样式，改变颜色
                                    element.style.color = commonSupColor;  // 设置颜色为黑色（你可以修改为其他颜色）
                                }
                            });
                            $('.wen_rong .content-box .contercon .keyw span').html(j_artc.keywords);
                            $('.wen_rong .content-box .contercon .fund span').html(j_artc.fund);
                            $('.wen_rong .content-box .contercon .coau span').html(Corr_Auth);
                            $('.wen_rong .content-box .contercon .emai span').html(Corr_Emai);
                            $('.wen_rong .content-box .contercon .cite span').html(result.data.cite);
                            $('.wen_rong .content-box .contercon .time span').html(j_artc.pub_date);
                            $('.wen_rong .content-box .contercon .url span').html('<a target="_blank" href="https://doi.org/' + j_artc.doi + '">https://doi.org/' + j_artc.doi + '</a>');

                            if (j_artc.ordoi == '') {
                                $('.wen_rong .content-box .contercon .udr').css('display', 'none')
                            } else {
                                $('.wen_rong .content-box .contercon .udr span').html('<a target="_blank" href="https://doi.org/' + j_artc.ordoi + '">https://doi.org/' + j_artc.ordoi + '</a>');
                            }

                            if (j_artc.abstract == '') {
                                $('.wen_rong .content-box .contercon .abst').css('display', 'none')
                            }
                            if (j_artc.keywords == '') {
                                $('.wen_rong .content-box .contercon .keyw').css('display', 'none')
                            }
                            if (j_artc.fund == '') {
                                $('.wen_rong .content-box .contercon .fund').css('display', 'none')
                            }
                            if (Corr_Auth == '') {
                                $('.wen_rong .content-box .contercon .coau').css('display', 'none')
                            }
                            if (Corr_Emai == '') {
                                $('.wen_rong .content-box .contercon .emai').css('display', 'none')
                            }
                            if (j_artc.pub_date == '') {
                                $('.wen_rong .content-box .contercon .time').css('display', 'none')
                            }
                            if (result.data.cite == '') {
                                $('.wen_rong .content-box .contercon .cite').css('display', 'none')
                            }


                            $('.wen_rong .content-box .contemho').html(j_artc.mhoo);

                            // 新的HTML

                            if (html_type == 0) {
                                // 原 HTML
                                $('.wen_rong .content-box .conthtmn').html(`
                            <div class="" style="display: flex;align-items: center;justify-content: center;">
                            <div class="loader-01" style="display: flex;align-items: center;justify-content: space-around;"></div></div>`
                                );
                                $.ajax({
                                    type: 'post', url: apiUrl + 'api/Article/getArticleDetailHtml',
                                    data: {
                                        "article_id": a_ID
                                    },
                                    success: function (htmlResult) {
                                        if (htmlResult.code == 0) {

                                            var arr = htmlResult.data.mains;
                                            var str = '';
                                            for (var i = 0; i < arr.length; i++) {
                                                let sectionId = 'section-' + i; // 生成唯一的 ID
                                                if (arr[i].width == 0) {
                                                    if (arr[i].is_title == 1) {
                                                        if (arr[i].content.indexOf("<p>") >= 0) {
                                                            str += `<div class="Ptitle pMain" id="${sectionId}">${arr[i].content}</div>`
                                                        } else {
                                                            str += `<div class="Ptitle pMain" id="${sectionId}"><p>${arr[i].content}</p></div>`
                                                        }
                                                    } else {
                                                        if (arr[i].content.indexOf("<p>") >= 0) {
                                                            str += arr[i].content.replace("<p>", `<p id="${sectionId}" class="pMain">`);
                                                        } else {
                                                            str += `<p id="${sectionId}" class="pMain">${arr[i].content}</p>`
                                                        }
                                                    }
                                                } else {
                                                    var picsrc = 'https://submission.tmrjournals.com/public/mainimg/' + arr[i].content;
                                                    var fun = "picPreview('" + picsrc + "');"
                                                    // console.log(fun)
                                                    str += `<div class='imgHnkl' id="${sectionId}">` + "<img class='mainPicItem' style='max-width:500px;' onclick=" + fun + " src='https://submission.tmrjournals.com/public/mainimg/"
                                                        + arr[i].content + "' width='" + arr[i].width + `"'/><p class='' style='font-size: 14px;font-family: 'Charis SIL';'>` + arr[i].note + "</p></div>"
                                                }
                                            }
                                            // str = `<div  style="margin-left:300px;">${str}</div>`
                                            // $('.wen_rong .content-box .conthtmn').html(str);


                                            var refersContent = ''
                                            // 引用                     
                                            if (htmlResult.data.refers.length > 0) { // 如果有引用数据
                                                var refs = '';
                                                var xuhao = 0;
                                                for (var rr = 0; rr < htmlResult.data.refers.length; rr++) {
                                                    // 如果格式不正确，或者信息不全
                                                    let item = '';
                                                    if (htmlResult.data.refers[rr].refer_type == 'journal' && htmlResult.data.refers[rr].doilink != '') {
                                                        // journal 类型
                                                        xuhao++;
                                                        item = "<div><p>" + xuhao + '.&nbsp;' + htmlResult.data.refers[rr].author + '&nbsp;' + htmlResult.data.refers[rr].title + ".&nbsp;<i>" + htmlResult.data.refers[rr].joura + ".&nbsp;</i>" + htmlResult.data.refers[rr].dateno + ".";
                                                        // 在 "Available at:" 之前插入 <br/> 标签
                                                        item += "<br/><a class='refsLink' href='" + htmlResult.data.refers[rr].doilink + "' target='_blank' style='color:#006699; word-wrap:break-word;'>Available at:&nbsp;" + htmlResult.data.refers[rr].doilink + "</a></p></div>";
                                                        refs += item;
                                                    } else if (htmlResult.data.refers[rr].refer_type == 'book' && htmlResult.data.refers[rr].isbn != '') {
                                                        // book 类型
                                                        xuhao++;
                                                        item = "<div><p>" + xuhao + '.&nbsp;' + htmlResult.data.refers[rr].author + '&nbsp;' + htmlResult.data.refers[rr].title + ".&nbsp;" + htmlResult.data.refers[rr].dateno + ".";
                                                        // 在 "Available at:" 之前插入 <br/> 标签
                                                        item += "<br/><a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + htmlResult.data.refers[rr].isbn + "'>ISBN:&nbsp;" + htmlResult.data.refers[rr].isbn + "</a></p></div>";
                                                        refs += item;
                                                    } else if (htmlResult.data.refers[rr].refer_type == 'other' && htmlResult.data.refers[rr].refer_frag != '' && htmlResult.data.refers[rr].refer_frag.length > 15) {
                                                        // other 类型，检查 refer_frag 中是否有 "Available at:"
                                                        xuhao++;
                                                        item = "<div><p data-other='1'>" + xuhao + '.&nbsp;';
                                                        // 如果 refer_frag 包含 "Available at:"，在其前面插入 <br/> 标签
                                                        if (htmlResult.data.refers[rr].refer_frag.indexOf('Available at:') !== -1) {
                                                            item += htmlResult.data.refers[rr].refer_frag.replace('Available at:', '<br/>Available at:');
                                                        } else {
                                                            item += htmlResult.data.refers[rr].refer_frag;
                                                        }
                                                        item += ".&nbsp;</p></div>";
                                                        refs += item;
                                                    } else {
                                                        continue;
                                                    }
                                                }
                                                // 将生成的所有引用内容插入到页面中
                                                refersContent = '<div id="ArticleRef" style="" class="ArticleRef"><p id="References" class="Ptitle "><b>References</b></p>' + refs + '</div>';
                                            }
                                            initContentHtml({ html: str, refers: refersContent }, arr, htmlResult.data.refers, html_type, { ...result, a_ID: a_ID })

                                            // initArticleHtml(arr, result.data.refers, html_type)
                                        }
                                    },
                                    error: function () {
                                        // ShowDanger("error！");
                                    }

                                })
                            } else if (html_type == 1) {
                                // //外链
                                // $('.wen_rong #tablist .tarhtmn').css('display', 'none');
                                // $('.wen_rong .content-box .conthtmn').css('display', 'none');
                                var str = ''
                                if (Jour_num == 1) {
                                    j_artc.abstract = j_artc.abstract.replace(new RegExp("0, 102, 204", "g"), "0,102,153")
                                }
                                var arr = [
                                    {




                                        content: "<i><b>Abstract</b></i>",

                                        is_title: 0,
                                    },
                                    {



                                        content: j_artc.abstract,

                                        is_title: 0,
                                    },
                                    {



                                        content: '<b>  </b>',

                                        is_title: 0,
                                    },
                                    {



                                        content: `<b>Keywords:</b><b> </b>${j_artc.keywords}`,

                                        is_title: 0,
                                    },

                                ]
                                // $('.wen_rong .content-box .contercon .abst').html(j_artc.abstract);
                                // let strongElements = document.querySelectorAll('.wen_rong .content-box .contercon .abst strong');

                                // // 遍历每个 <strong> 标签
                                // strongElements.forEach(function (element) {
                                //     // 检查 <strong> 标签内的文本内容是否为 "Background:", "Methods:", "Results:", "Conclusion:"

                                //     if (element.textContent.includes("Background:") ||
                                //         element.textContent.includes("Methods:") ||
                                //         element.textContent.includes("Method:") ||
                                //         element.textContent.includes("Results:") ||
                                //         element.textContent.includes("Result:") ||
                                //         element.textContent.includes("Conclusion:") ||
                                //         element.textContent.includes("Conclusions:") ||
                                //         element.textContent.includes("Background") ||
                                //         element.textContent.includes("Methods") ||
                                //         element.textContent.includes("Method") ||
                                //         element.textContent.includes("Results") ||
                                //         element.textContent.includes("Result") ||
                                //         element.textContent.includes("Conclusion") ||
                                //         element.textContent.includes("Conclusions")



                                //     ) {
                                //         // 修改该 <strong> 标签的样式，改变颜色
                                //         element.style.color = commonSupColor;  // 设置颜色为黑色（你可以修改为其他颜色）
                                //     }
                                // });
                                for (var i = 0; i < arr.length; i++) {
                                    let sectionId = 'section-' + i; // 生成唯一的 ID

                                    if (arr[i].is_title == 1) {
                                        if (arr[i].content.indexOf("<p>") >= 0) {
                                            str += `<div class="Ptitle pMain" id="${sectionId}">${arr[i].content}</div>`
                                        } else {
                                            str += `<div class="Ptitle pMain" id="${sectionId}"><p>${arr[i].content}</p></div>`
                                        }
                                    } else {
                                        if (arr[i].content.indexOf("<p>") >= 0) {
                                            str += arr[i].content.replace("<p>", `<p id="${sectionId}" class="pMain">`);
                                        } else {
                                            str += `<p id="${sectionId}" class="pMain">${arr[i].content}</p>`
                                        }
                                    }

                                }
                                initContentHtml({ html: str, refers: '' }, arr, [], html_type, { ...result, a_ID: a_ID })

                            } else if (html_type == 2) {
                                // 新 HTML
                                $('.wen_rong .content-box .conthtmn').html(`
                            <div class="" style="display: flex;align-items: center;justify-content: center;">
                            <div class="loader-01" style="display: flex;align-items: center;justify-content: space-around;"></div></div>`
                                );
                                $.ajax({
                                    type: 'post', url: apiUrl + 'api/Article/getArticleDetailHtmlFor2',
                                    data: {
                                        "article_id": a_ID
                                    },
                                    success: function (htmlResult) {
                                        if (htmlResult.code == 0) {

                                            var arr = htmlResult.data.mains;
                                            initArticleHtmlFun(arr, htmlResult, html_type, { ...result, a_ID: a_ID })

                                        }
                                    },
                                    error: function () {
                                        // ShowDanger("error！");
                                    }

                                })
                            }


                            // 稿件跟踪
                            // 图标------------

                            //  console.log(j_artc)
                            // Original data   附加文件            


                            // if (j_artc.file_pdf == '') {
                            //     $('.wen_rong #tablist .tarfipdf').css('display', 'none');
                            //     // $('.wen_rong .rong_box .contfdf').css('display','none');
                            // } else {
                            //     $('.wen_rong #tablist .tarfipdf').html('<a href="' + imgFileUrl + 'articlePDF/' + j_artc.file_pdf + '" target="_blank" class="txt_html">PDF</a>');
                            //     // $('.wen_rong .rong_box .contfdf ul').html('<img src="img/link_3.jpg" width="14" height="16" style="vertical-align: middle;"><a href="'+imgFileUrl+'articlePDF/'+j_artc.file_pdf+'" target="_blank" class="txt_html"><b> PDF</b></a>');
                            // }
                            if (j_artc.file_html == '') {
                                $('.wen_rong #tablist .tarfihml').css('display', 'none');
                                // $('.wen_rong .rong_box .contfhml').css('display','none');
                            } else {
                                $('.wen_rong #tablist .tarfihml').html('<a href="' + imgFileUrl + 'articleHTML/' + j_artc.file_html + '" target="_blank" class="txt_html">HTML</a>');
                                $('.wen_rong .rong_box .contfhml ul').html('<img src="img/link_2.png" width="14" height="16" style="vertical-align: middle;"><a href="' + imgFileUrl + 'articleHTML/' + j_artc.file_html + '" target="_blank" class="txt_html"><b> HTML</b></a>');
                            }
                            //if (j_artc.tradition_tag == '' || j_artc.tradition == '') {
                            //    $('.wen_rong #tablist .tarad').css('display', 'none');
                            //    $('.wen_rong .content-box .conterad').css('display', 'none');
                            //}
                            if (j_artc.mhoo == '' || j_artc.mhoo == null) {
                                $('.wen_rong #tablist .tarmho').css('display', 'none');
                                $('.wen_rong .content-box .contemho').css('display', 'none');
                            }

                            // $('#tablist .tarfipdf a').click(function () {
                            //     $.ajax({
                            //         type: 'post', url: apiUrl + 'yuan/Article/addArticleNum', async: false,
                            //         data: { "article_id": j_artc.article_id, "type": 'pdf' },
                            //         success: function (result) {
                            //         }
                            //     })
                            //     $.ajax({
                            //         type: 'post', url: apiUrl + 'super/Publish/addVisitNum',
                            //         data: { 'type': Jour_num, 'is_detail': '1' },
                            //         success: function (result) {
                            //         }
                            //     });
                            // })



                            // 首先显示html
                            if (htm_ID != null) {
                                $("#tablist li.tarhtmn").click()
                            }

                            // meta添加
                            // j_artc = result.data.articleInfo
                            // j_authior = result.data.author.authors;
                            // j_our = result.data.journalInfo;
                            // j_info = result.data.stageInfo;


                            $('title').before('<meta name="citation_title" content="' + j_artc.old_title + '">' +
                                '<meta name="citation_publication_date" content="' + j_artc.publication + '">' +
                                '<meta name="citation_journal_title" content="' + j_our.title + '">' +
                                '<meta name="citation_volume" content="' + j_info.stage_vol + '">' +
                                '<meta name="citation_issue" content="' + j_info.stage_no + '">' +
                                '<meta name="citation_pdf_url" content="' + 'https://www.tmrjournals.com' + imgFileUrl + 'articlePDF/' + j_artc.file_pdf + '">')
                            for (var i = 0; i < j_authior.length; i++) {
                                $('title').before('<meta name="citation_author" content="' + j_authior[i].author_name + '">')
                            }
                            if (j_artc.first_page != undefined) {
                                $('title').before('<meta name="citation_firstpage" content="' + j_artc.first_page + '">')
                            }
                            if (j_artc.last_page != undefined) {
                                $('title').before('<meta name="citation_lastpage" content="' + j_artc.last_page + '">')
                            }


                            // 右侧引入插件
                            // if(result.data.journalInfo.title=='Food Therapy and Health Care'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79603', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Medical Theory and Hypothesis'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79601', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='TMR Non-Drug Therapy'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79600', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='TMR Modern Herbal Medicine'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79599', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Nursing Communications'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79598', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Integrative Medicine Discovery'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79597', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Clinical Research Communications'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79596', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Psychosomatic Medicine Research'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79595', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Life Research'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79594', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Gastroenterology & Hepatology Research'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79593', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Medical Data Mining'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79592', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Toxicology Communications'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79591', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Tumor Microenvironment Research'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79590', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='History and Philosophy of Medicine'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79589', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Precision Medicine Research'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79588', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Drug Combination Therapy'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79587', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='tmRxiv'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79586', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Infectious Diseases Research'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79585', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Aging Communications'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79584', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Cancer Advances'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'website_id':'79583', 'element':'#trendmd-suggestions'}")
                            // }
                            // if(result.data.journalInfo.title=='Traditional Medicine Research'){
                            //     document.getElementsByTagName('script')[1].setAttribute("data-trendmdconfig","{'journal_id':'79582', 'element':'#trendmd-suggestions'}")
                            // }

                            if (Jour_num != '1') {
                                $('.wen_rong .right .tmr_doaj').css('display', 'none')
                            } else {
                                $('.wen_rong .right .tmr_doaj').css('display', 'none')
                            }

                            if (Jour_num == '22') {
                                $('.wen_jian .right h5').html('引用：');
                                $('.wen_jian .right .export .Exc_2').html('<i class="fa fa-download"></i> 下载EndNote格式');
                                $('.wen_jian .right .export .Exc_3').html('<i class="fa fa-download"></i> 下载RIS格式');
                                $('.wen_jian .right .export .Exc_4').html('<i class="fa fa-download"></i> 下载BibTex格式');
                                $('.wen_jian .right .export .Exc_5').html('<i class="fa fa-download"></i> 下载text格式');
                                $('.wenzhang .wen_rong .right>p').html('本作品根据“知识共享”国际许可协议4.0进行授权。');
                                $('.keyw b').html('关键字：')
                                $('.fund b').html('基金项目：')
                                $('.coau b').html('通讯作者：')
                                $('.emai b').html('邮箱：')
                                $('.cite b').html('引用：')
                                $('.time b').html('出版时间：')
                                $('.url b').html('链接：')
                                $('#tablist li').html('')
                                $('#tablist .tabin').html('摘要')
                                $('.links_').css('font-size', '20px')
                                $('.links_ img').css({ 'width': '20px', 'height': '22px' })
                                $('.right p').css('font-family', 'Times New Roman')
                                $('.cite span').css('font-family', 'Times New Roman')
                            }


                        } else {
                            ShowDanger("请求失败！");
                        }
                    },
                    error: function (jqXHR, textStatus, errorThrown) {
                        ShowDanger("error！");
                        console.log('文章详情error！')
                        console.log('AJAX error:', jqXHR, textStatus, errorThrown);  // 输出详细的错误信息
                    }

                })
            });
        } catch (error) {
            console.error('JavaScript error:', error);
        }

    }
    $.ajax({
        type: 'post', url: apiUrl + 'super/Publish/addVisitNum',
        data: { 'type': Jour_num, 'is_detail': '1' },
        success: function (result) {
            if (result.code == 0) {

            } else {
                // ShowDanger("请求失败！");
            }
        },
        error: function () {
            // ShowDanger("error！");
        }
    });
    $.ajax({
        type: 'post', url: apiUrl + 'yuan/Article/addArticleNum', async: false,
        data: { "article_id": a_ID, "type": 'abs' },
        success: function (result) {
        }
    })




    // 期刊内搜索
    $('.sfor_btnw').click(function () {
        // console.log($('select[name="cut"] option:selected').val());
        window.open("jour_search.html?J_num=" + Jour_num + "&se_ch=" + $(".sfor_inpw").val());
    })
    // 期刊内订阅
    $('.top .jour_ts input.tishi_author').css('background-color', localStorage.Journals_color);
    $.ajax({
        type: 'post', url: apiUrl + 'api/Journal/getTopicForSubscribe',
        data: {
            "journal_id": Jour_num
        },
        success: function (result) {
            if (result.code == 0) {
                var arr = result.data.topics;
                var data_4 = [];
                for (var i = 0; i < arr.length; i++) {
                    data_4.push({
                        id: arr[i].journal_topic_id,
                        text: arr[i].title
                    });
                }
                $("#combox4").combox({
                    id: "id",
                    name: "text",
                    data: data_4,
                    valueChange: function (data) {
                        // debugger
                        //返回data，filterData，selectData
                    }
                })
                var cb4 = $("#combox4").data('combox');


                // 订阅提交
                $(".yue_addm").click(function () {
                    $(".spa").text('');

                    var add_mess = {};
                    add_mess.email = $('#emaplm').val();
                    add_mess.topic_ids = [];
                    var ar_mes = cb4.options.selectData
                    for (var i = 0; i < ar_mes.length; i++) {
                        add_mess.topic_ids.push(ar_mes[i]['id']);
                    }

                    var S_Dan = '0';
                    var reg = /^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
                    if (cb4.options.selectData == "") {
                        $(".spa111").text('Please choose topic');
                        S_Dan = '1';
                    } else if ($("#emaplm").val() == "") {
                        $(".spa111").text('Please fill in E-mail');
                        S_Dan = '1';
                    } else if (!(reg.test($("#emaplm").val()))) {
                        $(".spa111").text('Please fill in properly formatted E-mail');
                        S_Dan = '1';
                    }


                    if (S_Dan == '1') {
                        ShowDanger("Incomplete information！");
                    } else {
                        $(".yue_addm").addClass("disable");
                        $.ajax({
                            type: 'post', url: apiUrl + 'api/Journal/addSubscribeTopics',
                            data: add_mess,
                            success: function (result) {
                                if (result.code == 0) {
                                    $(".mb_aform input[type='text']").val('');
                                    $(".yue_addm").removeClass("disable");
                                    $(".jour_ts").fadeIn();

                                    $(".jour_ts input.tishi_author").click(function () {
                                        $(".jour_ts").fadeOut();
                                    });

                                } else {
                                    ShowDanger(result.msg);
                                    $(".yue_addm").removeClass("disable");
                                }
                            },
                            error: function () {
                                ShowDanger("error！");
                                $(".yue_addm").removeClass("disable");
                            }
                        })
                    }
                })

            } else {
                ShowDanger("请求失败！");
            }
        },
        error: function () {
            ShowDanger("error！");
        }
    });


    // 相关文章

}

function shouldColor(rowIndex, cellIndex, row) {
    // 判断是否是最左侧的单元格
    if (cellIndex === 0 && row[0].rowspan) {
        const rowspan = row[0].rowspan;  // 获取最左侧单元格的 `rowspan`
        const startRow = rowIndex;  // 当前单元格所在的行
        const endRow = startRow + rowspan - 1;  // 跨越的最后一行

        // 判断当前行是否在 `rowspan` 范围内，并且是奇数行
        return rowIndex >= startRow && rowIndex <= endRow && (rowIndex + 1) % 2 !== 0;  // 判断是否为奇数行
    }
    return false;
}
function addRowIdToData(content) {
    console.log('每行data数据1', content)
    var data = JSON.parse(JSON.stringify(content))
    const rowIdMap = {};
    const usedRows = new Set();
    let idCounter = 0;

    for (let i = 0; i < data.length; i++) {
        if (usedRows.has(i)) continue;

        const rowId = `row-${idCounter++}`;
        rowIdMap[i] = rowId;
        usedRows.add(i);

        const row = data[i];
        for (let j = 0; j < row.length; j++) {
            const cell = row[j];
            if (cell?.rowspan && cell.rowspan > 1) {
                for (let k = 1; k < cell.rowspan; k++) {
                    const nextRowIndex = i + k;
                    if (nextRowIndex < data.length && !rowIdMap[nextRowIndex]) {
                        rowIdMap[nextRowIndex] = rowId;
                        usedRows.add(nextRowIndex);
                    }
                }
            }
        }
    }

    // 把 rowId 实际写进每个单元格
    for (let i = 0; i < data.length; i++) {
        const rowId = rowIdMap[i];
        for (let j = 0; j < data[i].length; j++) {
            if (!data[i][j]) data[i][j] = {};
            data[i][j].rowId = rowId;
        }
    }
    console.log('每行data数据111:', JSON.parse(JSON.stringify(data)))
    const seenIds = [];


    data.map((row, rowIndex) => {
        // row= row.filter(cell => cell.cellId)

        row.map((cell, cellIndex) => {
            if (cell.rowId) {
                row.rowId = cell.rowId
            }
        })
    })
    data.forEach(row => {
        if (row.rowId && !seenIds.includes(row.rowId)) {
            seenIds.push(row.rowId); // Mark this rowId as seen
        }
    });
    const rowIds = seenIds.filter((_, index) => index % 2 === 0);
    const rowData = data
    return { rowData, rowIds }

}

function initRelatedArticles(a_ID,) {
    $.ajax({
        type: 'post',
        url: apiUrl + 'api/Article/getArticleByKeywords',
        data: { article_id: a_ID },
        success: function (result) {
            if (result.code === 0) {
                var relatedarticlesStr = ''
                //Related articles
                if (result.data && result.data.length > 0) {
                    arr = result.data
                    relatedarticlesStr += `<div id="ArticleCorrLateBox" style="" class="ArticleCorrLateBox">
                <p id="ArticleCorrLate" class="Ptitle " style="margin-bottom: 22px;
                background: rgb(222, 235, 247);
                color: rgb(210, 90, 90) !important;
                text-align: center !important;
                border: 1px solid rgba(222, 234, 247, 0.1);
                border-radius: 10px;
                font-size: 16px;
                box-shadow: rgba(222, 234, 247, 0.6) 0px 4px 4px;"><b style="font-weight: bold !important;">Related Articles</b></p><ul>`;

                    // 使用 map 来遍历并返回 HTML 字符串
                    relatedarticlesStr += arr.map((item, linkIndex) => {
                        return `<li>
                    <a style="color:#006699;" href="article.html?J_num=${item.journal_id}&a_id=${item.article_id}" target="_blank"><b style="color:#006699;">${linkIndex + 1}. </b>${item.title}</a>
                    <p style="color:#333;">${item.abbr}, ${item.journal.title}, ${item.stage.stage_year}</p></li>`;
                    }).join(''); // 使用 join 来拼接所有的 HTML 字符串

                    relatedarticlesStr += `</ul></div>`;
                    $('.corr_late').css('display', 'block');  // 设置显示样式
                    $('#ArticleCorrLateNav').css('display', 'block');  // 设置显示样式
                    $('.corr_late').html(relatedarticlesStr); // 设置 HTML 内容

                }

                //Related articles
            }
        },
        error: function () {

        }
    });
}
function initTopics(a_ID) {

    // 右侧话题
    $.ajax({
        type: 'post', url: apiUrl + 'api/Article/getTopicsForArticle',
        data: {
            "article_id": a_ID
        },
        success: function (result) {
            if (result.code == 0) {
                var arr = result.data.topics;

                var TopicsStr = ''

                if (result.data && arr.length > 0) {

                    TopicsStr += `<div id="ArticleTopicsBox" style="" class="ArticleTopicsBox">
            <p  class="Ptitle " style="margin-bottom: 32px;
            background: rgb(222, 235, 247);
            color: rgb(210, 90, 90) !important;
            text-align: center !important;
            border: 1px solid rgba(222, 234, 247, 0.1);
            border-radius: 10px;
            font-size: 16px;
            box-shadow: rgba(222, 234, 247, 0.6) 0px 4px 4px;"><b style="font-weight: bold !important;">Topics</b></p>
            <ul class="pos_topic" style="display: flex
            ;
                align-items: center;
                flex-wrap: wrap;">`;

                    // 使用 map 来遍历并返回 HTML 字符串
                    TopicsStr += arr.map((item, linkIndex) => {
                        return `<li style="margin-right:5px;margin-left:5px;margin-bottom:15px;"><a target="_blank" href="topic_list.html?J_num=${Jour_num}&t_id=${item.journal_topic_id}">
                    <img src="${imgtopicUrl + item.icon}" style="border: 1px solid #e0d4d4;width:210px;height:130px"/></a>
                    <h6 style="text-align: center;line-height: 18px;
                  
                    margin-top: 10px"><a target="_blank"  href="topic_list.html?J_num=${Jour_num}&t_id=${item.journal_topic_id}">
                    ${item.title}</a></h6></li>`;
                    }).join(''); // 使用 join 来拼接所有的 HTML 字符串

                    TopicsStr += `</ul></div>`;
                    $('.contnet_Topics').css('display', 'block');  // 设置显示样式
                    $('#ArticleTopics').css('display', 'block');  // 设置显示样式
                    $('.contnet_Topics').html(TopicsStr); // 设置 HTML 内容

                }



            } else {
                ShowDanger("请求失败！");
            }
        },
        error: function () {
            ShowDanger("error！");
        }
    });


}



function initArticleHtmlFun(arr, result, html_type, ArticleData) {

    console.log('ArticleData at line 1519:', ArticleData)
    var refersContent = '';
    var htmlContent = ''
    htmlContent += arr.map((item, index) => {
        //批注
        let contentHtml = '';
        let sectionId = 'section-' + index; // 生成唯一的 ID
        // 判断是否是图片
        if (item.type == 1) {

            var picsrc = 'https://submission.tmrjournals.com/public/articleImage/' + item.image.url;
            var fun = "picPreview('" + picsrc + "');"

            contentHtml = `
                    <p contenteditable="false" main-state="${item.state}" style="display:flex;align-items: center;
                    justify-content: center;" class="MaxPicture pMain" data-id="${item.ami_id
                }" main-id="${item.am_id}" id="${sectionId}">
                      
                        <img src="${picsrc}" onclick="${fun}"  style="width: ${item.width ? `${item.width}px` : '80%'
                };max-width:580px;"  />
                       <p  class="font htmlImageTitle commonTableTitleColor" style="width: ${item.width ? `${item.width}px` : '100%'}; 
                      
                       font-size: 14px;
                       font-family: 'Charis SIL';
               font-weight:normal;
               line-height: 22px;
               text-align:center;" >${item.image.title ? item.image.title : ''
                }</p>
                       <p  class="font htmlImageNote" style="width: ${item.width ? `${item.width}px` : '100%'}; 
                      
                       font-size: 14px;
                       font-family: 'Charis SIL';
               font-weight:normal;
               line-height: 22px;
               text-align:center;" >${item.image.note ? item.image.note : ''
                }</p>
                    </p>
                `;
        } else if (item.type == 2) {
            var tableList = JSON.parse(item.table.table_data);


            const { header, content } = splitTable(tableList);
            console.log('content at line 8641:', content);  // 打印深拷贝的内容
            var { rowData, rowIds } = addRowIdToData(JSON.parse(JSON.stringify(content)))
            console.log('content at line 8542:', rowIds, rowData)
            // console.log('contentList at line 8571:', contentList)

            contentHtml = `
<div contenteditable="false" data-id="${item.amt_id}" main-state="${item.state}" main-id="${item.am_id
                }" class="thumbnailTableBox wordTableHtml table_Box pMain" style="width: 100%; padding: 8px 15px; box-sizing: border-box; border-radius: 4px; position: relative;" id="${sectionId}">

<font  class="font tableTitle commonTableTitleColor " style="width:100%;font-family: 'Charis SIL';" >${item.table.title ? item.table.title : ''}</font>
        <table border="1" style="width: 100%; border-collapse: collapse; text-align: center; ">
${header
                    .map((row, i) => {
                        return `
        <tr class="table-header-row">
            ${row
                                .map((cell, cellIndex) => {
                                    return `
                    <td colspan="${cell.colspan || 1}" rowspan="${cell.rowspan || 1}" >
                        <span style="font-family: 'Charis SIL';">${cell.text || ''}</span>
                    </td>
                `;
                                })
                                .join('')} 
        </tr>
    `;
                    })
                    .join('')} 
        ${rowData
                    .map((row, i) => {
                        return `
                        <tr class="table-content-row ${row.rowId && rowIds.includes(row.rowId) ? 'oddColor' : ''}">
                        ${row
                                .map((cell) => {
                                    if (!cell || !cell.cellId) return '';

                                    const content = cell.text || '';
                                    const isBase64Image = /^<img\s+[^>]*src=["']data:image\//i.test(content);

                                    const finalContent = isBase64Image
                                        ? content.replace(
                                            /<img\s+([^>]*?)src=["'](data:image\/[^"']+)["']([^>]*)>/gi,
                                            (match, preAttrs, src, postAttrs) => {
                                                const safeSrc = src.replace(/'/g, "\\'");
                                                return `<img ${preAttrs}src="${src}"${postAttrs} style="cursor:pointer;" style="max-width:500px;" onclick="picPreview('${safeSrc}')" />`;
                                            }
                                        )
                                        : content;


                                    return `
                              <td colspan="${cell.colspan || 1}" rowspan="${cell.rowspan || 1}">
                                <span style="font-family: 'Charis SIL';">${finalContent}</span>
                              </td>`;
                                })
                                .join('')}
                      </tr>
    `;
                    })
                    .join('')} 
</table>
<p  class="font" style="width: ${item.width ? `${item.width}px` : '100%'};           
font-size: 14px;
font-family: 'Charis SIL';
font-weight: 500 !important;
line-height: 22px;
text-align:left;color:#333;" >${item.table.note ? item.table.note : ''
                }</p>
</div>
`;
        } else {

            contentHtml = `<p class="${item.is_h1 ? 'Ptitle pMain' : 'pMain'} " style="font-family: 'Charis SIL';min-height:12px;"  main-state="${item.state}" contenteditable="false" data-id="${item.am_id}" main-id="${item.am_id}" id="${sectionId}">${item.content}</p>`;



        }

        // 判断是否是表格类型

        return contentHtml;
    }).join('');
    //文章html内容部分
    htmlContent = `<div class="newHtml2" >${htmlContent}</div>`



    if (result.data.refers.length > 0) { // 如果有引用数据
        var refs = '';
        var xuhao = 0;
        for (var rr = 0; rr < result.data.refers.length; rr++) {
            // 如果格式不正确，或者信息不全
            let item = '';
            if (result.data.refers[rr].refer_type == 'journal' && result.data.refers[rr].doilink != '') {
                // journal 类型
                xuhao++;
                item = "<div><p style='word-wrap: break-word;'>" + `<b style="color:#006699;">${xuhao}</b>.&nbsp;` + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;<i>" + result.data.refers[rr].joura + ".&nbsp;</i>" + result.data.refers[rr].dateno + ".";
                // 在 "Available at:" 之前插入 <br/> 标签
                item += "<br/><a class='refsLink' href='" + result.data.refers[rr].doilink + "' target='_blank' style='color:#006699; word-wrap:break-word;'>Available at:&nbsp;" + result.data.refers[rr].doilink + "</a>&nbsp;</p></div>";
                refs += item;
            } else if (result.data.refers[rr].refer_type == 'book' && result.data.refers[rr].isbn != '') {
                // book 类型
                xuhao++;
                item = "<div><p style='word-wrap: break-word;'>" + `<b style="color:#006699;">${xuhao}</b>.&nbsp;` + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;" + result.data.refers[rr].dateno + ".";
                // 在 "Available at:" 之前插入 <br/> 标签
                item += "<br/><a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + result.data.refers[rr].isbn + "'>ISBN:&nbsp;" + result.data.refers[rr].isbn + "</a></p></div>";
                refs += item;
            } else if (result.data.refers[rr].refer_type == 'other' && result.data.refers[rr].refer_frag != '' && result.data.refers[rr].refer_frag.length > 15) {
                // other 类型，检查 refer_frag 中是否有 "Available at:" 链接
                xuhao++;
                item = "<div><p data-other='1' style='word-wrap: break-word;'>" + `<b style="color:#006699;">${xuhao}</b>.&nbsp;`
                // 检查 refer_frag 中是否包含 "Available at:"
                if (result.data.refers[rr].refer_frag.indexOf('Available at:') !== -1) {
                    // 如果包含 "Available at:"，则在其前面插入 <br/> 标签
                    item += result.data.refers[rr].refer_frag.replace('Available at:', '<br/>Available at:');
                } else {
                    item += result.data.refers[rr].refer_frag;
                }
                item += ".&nbsp;</p></div>";
                refs += item;
            } else {
                continue;
            }
        }

        refersContent = `<div id="ArticleRef" style="" class="ArticleRef"><p id="References" class="Ptitle "><b>References</b></p>${refs}</div>`

    }

    initContentHtml({ html: htmlContent, refers: refersContent }, arr, result.data.refers, html_type, { ...ArticleData })




}

async function initContentHtml(content, arr, refers, html_type, ArticleData) {
    console.log('ArticleData at line 2231:', ArticleData)
    var j_artc = ArticleData.data.articleInfo
    console.log('j_artc at line 2233:', j_artc)
    var pdf_list = ''
    var pdfStr = ''
    if (j_artc.file_sub && j_artc.file_sub != '') {
        var fileType = ''
        var imgLink = ''
        var fileTypeArr = j_artc.file_sub.split('.')
        fileType = fileTypeArr[fileTypeArr.length - 1]

        switch (fileType) {
            case 'xlsx':
                fileTypeName = 'XLSX'
                imgLink = 'img/xlsx.png'
                break;
            case 'zip':
                fileTypeName = 'ZIP'
                imgLink = 'img/zip.png'
                break;
            case 'rar': fileTypeName = 'RAR'
                imgLink = 'img/zip.png'
                break;
            case 'docx':
                fileTypeName = 'DOCX'
                imgLink = 'img/link_1.png'
                break;
            case 'pdf':
                fileTypeName = 'PDF'
                imgLink = 'img/articlepdf.png'
                break;
            default:
                fileTypeName = 'OTHER'
                imgLink = 'img/otherfile.png'
                break;
        }


        pdf_list += '<li class="pdf_item"><div><img src="' + imgLink + '" width="16" height="16"><span class="pdf_file_type">' + fileTypeName + '</span></div>' +
            '<div>Supplementary Material for doi: ' + j_artc.doi + '<a class="download" target="_blank" href="' + apiUrl + 'public/articleSUB/' + j_artc.file_sub + '"><i class="fa fa-download"></i>Download</a></div></li>';
    }
    if (j_artc.file_sub2 && j_artc.file_sub2 != '') {
        pdf_list += '<li class="pdf_item"><div></div>' +

            '<div>Supplementary Material for doi: ' + j_artc.doi + '<a class="download" target="_blank" href="' + apiUrl + 'public/articleSUB2/' + j_artc.file_sub2 + '"><i class="fa fa-download"></i>Download</a></div></li>';
    }
    if (pdf_list != '') {
        pdfStr = `<div id="ArticlePdfBox" style="" class="ArticlePdfBox"><p id="ArticlePdf" class="Ptitle " style="margin-bottom:22px;"><b>Supplementary Material</b></p>${pdf_list}</div>`

    }

    //OriginalDataStr
    var OriginalDataStr = ''
    var OriginalData = ''
    if (j_artc.file_original != '') {
        OriginalData = '<div class="pdf_item" style="justify-content: flex-start;">Original data:<a class="download" target="_blank" href="public' + apiUrl + 'articleOriginal/' + j_artc.file_original + '"><i class="fa fa-download"></i>Download</a></div>';
        OriginalDataStr = `<div id="ArticleOriginalDataBox" style="" class="ArticleOriginalDataBox"><p id="ArticleOriginalData" class="Ptitle " style="margin-bottom:22px;"><b>Original Data</b></p>${OriginalData}</div>`;
    }
    //ManuscriptProcessing
    var detailIcon = ''
    var lis = ''
    var trackStr = ''
    if (ArticleData.data.track && ArticleData.data.track.length > 0) {
        for (var tt = 0; tt < ArticleData.data.track.length; tt++) {
            var ttypeName = ''
            var li = ""
            var ttime = ''
            var typeClass = ''
            switch (ArticleData.data.track[tt].type) {
                case (0):
                    ttypeName = 'Received'
                    break;
                case (1):
                    ttypeName = 'With editor'
                    break;
                case (2):
                    ttypeName = 'Under review'
                    break;
                case (3):
                    ttypeName = 'Reject'
                    break;
                case (4):
                    ttypeName = 'Revision'
                    break;
                case (5):
                    ttypeName = 'Accept'
                    break;
                case (6):
                    ttypeName = 'Pre-accept'
                    break;
                case (7):
                    ttypeName = 'Proof'
                    break;
                 case (8):
                    ttypeName = 'Final decision'
                    break;
                    case (9):
                        ttypeName = 'Online'
                        break;
              
            }
            // 二级的时间
            var reviewers = ""
           
            if (ArticleData.data.track[tt].reviewers && ArticleData.data.track[tt].reviewers.length > 0) {
                shenCode = []
                for (var er = 0; er < ArticleData.data.track[tt].reviewers.length; er++) {
                    var neiTag = ''
                    var reviewerState = ''
                    var reviewerItem = ''
                    var time1 = '' // 创建时间
                    var time2 = '' // 回应时间

                    // 初审和复审的审核意见
                    // var fushenContent = ''
                    var chushenContent = ''
                    var timess = ''
                    // 进入页面前清空
                    if (ArticleData.data.track[tt].type == 2 && ArticleData.data.track[tt].reviewers[er].question != null) {
                        chushenContent = ''
                        timess = ''
                        chushenContent = ArticleData.data.track[tt].reviewers[er].question.comments
                        timess = timestampToTime(ArticleData.data.track[tt].reviewers[er].question.ctime)

                        shenCode.push("<div class='shenheComments'><p><span>Comments:</span> <br/>" + chushenContent + "</p><p class='time'><span>Review comments received: </span>" + timess + "</p></div>")

                        // detailIcon = '<svg onclick="showComments(' + er + ')" style="vertical-align: middle; cursor: pointer; margin-left: 10px" t="1691720445324" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4032" width="26" height="26"><path d="M512 298.666667c-162.133333 0-285.866667 68.266667-375.466667 213.333333 89.6 145.066667 213.333333 213.333333 375.466667 213.333333s285.866667-68.266667 375.466667-213.333333c-89.6-145.066667-213.333333-213.333333-375.466667-213.333333z m0 469.333333c-183.466667 0-328.533333-85.333333-426.666667-256 98.133333-170.666667 243.2-256 426.666667-256s328.533333 85.333333 426.666667 256c-98.133333 170.666667-243.2 256-426.666667 256z m0-170.666667c46.933333 0 85.333333-38.4 85.333333-85.333333s-38.4-85.333333-85.333333-85.333333-85.333333 38.4-85.333333 85.333333 38.4 85.333333 85.333333 85.333333z m0 42.666667c-72.533333 0-128-55.466667-128-128s55.466667-128 128-128 128 55.466667 128 128-55.466667 128-128 128z" fill="#1296db" p-id="4033"></path></svg>'
                        detailIcon = '<i class="detailsBtn" onclick="showComments(' + er + ')">(Detail)</i>'
                    }
                    switch (ArticleData.data.track[tt].reviewers[er].state) {
                        case (1):
                            reviewerState = 'Accept with major revision'
                            break;
                        case (2):
                            reviewerState = 'Reject'
                            break;
                        case (3):
                            reviewerState = 'Accept with minor revision'
                            break;
                    }
                    time1 = timestampToTime(ArticleData.data.track[tt].reviewers[er].ctime)
                    time2 = timestampToTime(ArticleData.data.track[tt].reviewers[er].qtime)
                    reviewerItem = "<div class='reviewerBox'><span class='time1 time'>Invitation time: <br/>" + time1 + "</span><div class='box'><span class='title'>" + reviewerState + detailIcon + "</span><span class='score'>Score: " + ArticleData.data.track[tt].reviewers[er].rated + "</span><span class='reviewer'>reviewer: " + ArticleData.data.track[tt].reviewers[er].reviewer_name + "</span><span class='time2'>Review comments received: " + time2 + "</span></div></div>"
                    reviewers += reviewerItem
                }
            }
            var finalStr = ""
            if (ArticleData.data.track[tt].type == 8&&ArticleData.data.track[tt].response && ArticleData.data.track[tt].response.length > 0) {
             
                for (var er = 0; er < ArticleData.data.track[tt].response.length; er++) {
                    var finalneiTag = ''
                    var finalState = ''
                    var finalItem = ''
                    var finaltime1 = '' // 创建时间
                    var finaltime2 = '' // 回应时间

                    // 初审和复审的审核意见
                    // var fushenContent = ''
                    var finalchushenContent = ''
                    var finaltimess = ''
                    // 进入页面前清空
                    
                        chushenContent = ''
                        timess = ''
                        chushenContent = ''
                        timess = timestampToTime(ArticleData.data.track[tt].response[er].review_time)

                        // shenCode.push("<div class='shenheComments'><p><span>Comments:</span> <br/>" + chushenContent + "</p><p class='time'><span>Review comments received: </span>" + timess + "</p></div>")

                        // detailIcon = '<svg onclick="showComments(' + er + ')" style="vertical-align: middle; cursor: pointer; margin-left: 10px" t="1691720445324" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4032" width="26" height="26"><path d="M512 298.666667c-162.133333 0-285.866667 68.266667-375.466667 213.333333 89.6 145.066667 213.333333 213.333333 375.466667 213.333333s285.866667-68.266667 375.466667-213.333333c-89.6-145.066667-213.333333-213.333333-375.466667-213.333333z m0 469.333333c-183.466667 0-328.533333-85.333333-426.666667-256 98.133333-170.666667 243.2-256 426.666667-256s328.533333 85.333333 426.666667 256c-98.133333 170.666667-243.2 256-426.666667 256z m0-170.666667c46.933333 0 85.333333-38.4 85.333333-85.333333s-38.4-85.333333-85.333333-85.333333-85.333333 38.4-85.333333 85.333333 38.4 85.333333 85.333333 85.333333z m0 42.666667c-72.533333 0-128-55.466667-128-128s55.466667-128 128-128 128 55.466667 128 128-55.466667 128-128 128z" fill="#1296db" p-id="4033"></path></svg>'
                        // detailIcon = '<i class="detailsBtn" onclick="showComments(' + er + ')">(Detail)</i>'
                  
                    switch (ArticleData.data.track[tt].response[er].state) {
                        case (1):
                            finalState = 'Accept'
                            break;
                        case (2):
                            finalState = 'Reject'
                            break;
                        case (3):
                            finalState = 'Revision'
                            break;
                    }
                    finaltime1 = timestampToTime(ArticleData.data.track[tt].response[er].invited_time)
                    finaltime2 = timestampToTime(ArticleData.data.track[tt].response[er].review_time)
                    finalItem = "<div class='reviewerBox'><span class='time1 time'>Invitation time: <br/>" 
                    + finaltime1 +
                     "</span><div class='box'><span class='title'>" + finalState +
                       "</span><span class='reviewer'>Editorial Board: " +
                        `${ArticleData.data.track[tt].response[er].realname}` + "</span><span class='reviewer'>Final decision time: " + `${finaltime2}` + "</span></div></div>"
                    finalStr += finalItem
                }
            }
            // 获得时间
            ttime = timestampToTime(ArticleData.data.track[tt].time)

            var Revitag = ''
            if (ArticleData.data.track[tt].type == 4 && ArticleData.data.track[tt].response) {
                var title = '<h4>Response to reviewers: &nbsp;</h4>'
                var lisss = ''
                for (var s = 0; s < ArticleData.data.track[tt].response.length; s++) {
                    var xuhao = s + 1
                    var Revfile_url = ''

                    Revfile_url = '<span><a href="https://submission.tmrjournals.com/public/' + ArticleData.data.track[tt].response[s].file_url + '" target="_blank" class="txt_html">' + xuhao + '.&nbsp;Download</a></span>'

                    lisss += Revfile_url
                }
                Revitag = '<div class="filerev">' + title + lisss + '</div>'
            }
            li = "<div class='trackItem " + typeClass + "'><span class='time'>" + ttime + "</span><div class='type'><span class='title'>" + ttypeName + "</span>" + reviewers + Revitag+finalStr + "</div></div>"
            lis += li
        }

        trackStr = `<div id="ArticleTrackBox" style="" class="ArticleTrackBox"><p id="ArticleTrack" class="Ptitle " style="margin-bottom:42px;"><b>Manuscript Processing</b></p>${lis}</div>`
    }
    var mhooStr = ''
    if (ArticleData.data.articleInfo.mhoo && ArticleData.data.articleInfo.mhoo != '') {


        mhooStr = `<div id="ArticleMhooBox" style="" class="ArticleMhooBox"><p id="ArticleMhoo" class="Ptitle " style="margin-bottom:42px;"><b>Medical history of objective</b></p>${ArticleData.data.articleInfo.mhoo}</div>`
    }

    //ManuscriptProcessing








    var str = `
 <div class="conthtmn_right" style="margin-left:300px;padding-top:30px;padding-right:15px;box-sizing:border-box">
  
    ${content.html ? `<div class="conthtmn_right_html" >${content.html}</div>` : ''}
    ${content.refers ? `<div class="conthtmn_right_ref" style="margin-bottom:22px;">${content.refers}</div>` : ''}
    ${pdfStr ? `<div class="conthtmn_right_pdf">${pdfStr}</div>` : ''} 
    ${OriginalDataStr ? `<div class="OriginalData" id="OriginalData" style="margin-top:40px;">${OriginalDataStr}</div>` : ''} 
    ${trackStr ? `<div class="conterecord" id="conterecord" style="margin-top:40px;">${trackStr}</div>` : ''} 
    ${mhooStr ? `<div class="" id="" style="margin-top:40px;">${mhooStr}</div>` : ''} 
   <div class="corr_late" id="corr_late" style="margin-top:30px;display:none;"></div> 
   <div class="contnet_Topics" id="conTopics" style="margin-top:30px;display:none;"></div>
   <div class="article-quote"  style="display:none;margin-top:20px"></div>
 
</div>`
    $('.wen_rong .content-box .conthtmn').html(str);


    await initArticleHtml(arr, refers, html_type, { OriginalDataStr: OriginalDataStr, pdfStr: pdfStr, trackStr: trackStr, mhooStr: mhooStr })
    await initRelatedArticles(ArticleData.a_ID)
    await initTopics(ArticleData.a_ID)
    console.log('citationCache at line 2137:', citationCache)
    await fetchCitationsData(j_artc.doi, ArticleData.a_ID, async function (data) {
        console.log('data at line 893:', data)
        citationCache = data; // 存好结果，稍后再使用
        await renderCitations(citationCache, j_artc.doi); // 传入上一步保存的数据
    });

}

function initArticleHtml(htmlData, refs, type, otherList) {
    console.log('otherList at line 2446:', otherList)
    document.querySelectorAll('wmath').forEach(el => {
        const latex = el.getAttribute('data-latex');
        if (latex) {
            el.innerHTML = latex;
            MathJax.typesetPromise([el]);
        }
    });
    $('.wen_rong .content-box .conthtmn .Ptitle').css({
        background: 'rgb(222, 235, 247)',
        'color': commonTableTitleColor,  // No !important here
        'text-align': 'center',     // No !important here
        'border': '1px solid rgba(222, 234, 247, 0.1)',
        'border-radius': '10px',
        'font-size': '16px',
        'box-shadow': '0 4px 4px rgba(222, 234, 247, 0.6)',
    });
    $('.wen_rong .content-box .conthtmn .oddColor > td').css({
        background: 'rgb(250, 231, 232)',

    });
    // Apply styles to <i> inside .Ptitle using setProperty with !important
    $('.wen_rong .content-box .conthtmn .Ptitle > b').each(function () {
        this.style.setProperty('font-weight', 'bold', 'important');

    });
    $('.wen_rong .content-box .conthtmn .Ptitle > i').each(function () {
        this.style.setProperty('font-style', 'normal', 'important');
        this.style.setProperty('color', commonTableTitleColor, 'important');
    });
    $('.wen_rong .content-box .conthtmn .Ptitle p > strong').each(function () {
        this.style.setProperty('font-weight', 'bold', 'important');

    });
    $('.wen_rong .content-box .conthtmn .Ptitle p').each(function () {
        this.style.setProperty('text-align', 'center', 'important');

    });
    $('.wen_rong .content-box .conthtmn .Ptitle  em').each(function () {
        this.style.setProperty('font-style', 'normal', 'important');
        this.style.setProperty('color', commonTableTitleColor, 'important');
    });
    $('.wen_rong .content-box .conthtmn .commonTableTitleColor').each(function () {

        this.style.setProperty('color', commonTableTitleColor, 'important');
    });


    // 获取所有段落
    const allParagraphs = document.querySelectorAll('.pMain');
    let abstractEndIndex = -1;
    let citationEndIndex = -1;

    // 查找包含“Abstract”文本的段落（无论被标签包裹多少层）
    allParagraphs.forEach((p, index) => {
        const text = p.innerText.trim().toLowerCase();
        if (text === 'abstract') {
            abstractEndIndex = index;
        }
        if (text === 'citation') {
            citationEndIndex = index;
            console.log('CitationEndIndex at line 8765:', citationEndIndex)
        }
    });

    // 从 Abstract 段落之后开始查找并高亮标题词
    if (abstractEndIndex !== -1 && abstractEndIndex + 1 < allParagraphs.length) {
        const nextParagraph = allParagraphs[abstractEndIndex + 1];
        const elements = nextParagraph.querySelectorAll('strong, b');
        elements.forEach((element) => {
            const text = element.textContent.trim();
            if (["Background:", "Methods:", "Method:", "Results:", "Result:", "Conclusion:", "Conclusions:"].includes(text) ||
                ["Background", "Methods", "Method", "Results", "Result", "Conclusion", "Conclusions"].includes(text)) {
                element.style.color = commonSupColor;
            }
        });
    }
    if (citationEndIndex !== -1 && citationEndIndex + 1 < allParagraphs.length) {
        const nextParagraph = allParagraphs[citationEndIndex + 1];
        nextParagraph.style.color = commonSupColor;
    }
    $('.wen_rong .content-box .conthtmn sup').each(function () {
        var textContent = $(this).text().trim();  // 获取并清理文本内容

        // 判断文本是否是纯数字
        if (/^\d+$/.test(textContent)) {
            this.style.setProperty('color', commonSupColor, 'important');
        }
        // 判断文本是否包含 "&"
        else if (/&/.test(textContent)) {
            this.style.setProperty('color', commonSupColor, 'important');
        }
        else if (/ỻ/.test(textContent)) {
            this.style.setProperty('color', commonSupColor, 'important');
        }
        // 判断文本是否包含 "*"
        else if (/\*/.test(textContent)) {
            this.style.setProperty('color', commonSupColor, 'important');
        }
        // 判断文本是否包含 "#"
        else if (/#/.test(textContent)) {
            this.style.setProperty('color', commonSupColor, 'important');
        }
        // 判断文本是否为由数字和逗号组成的字符串（例如 "1,2,3"）
        // 判断文本是否为由数字和逗号组成，且逗号两边允许有空格（例如 "1, 2, 3"）
        else if (/^\d+(\s*,\s*\d+)*$/.test(textContent)) {
            this.style.setProperty('color', commonSupColor, 'important');
        }
    });


    $('.wen_rong .content-box .conthtmn b i').each(function () {

        this.style.setProperty('font-weight', 'bold', 'important');
    });
    // $('.wen_rong .content-box .conthtmn .thumbnailTableBox td sup').each(function () {

    //     this.style.setProperty('color', commonSupColor, 'important');
    // });


    $('.wen_rong .content-box .conthtmn .Ptitle').each(function () {
        this.style.setProperty('color', commonTableTitleColor, 'important');
        this.style.setProperty('text-align', 'center', 'important');
    });
    $('.wen_rong .content-box .conthtmn  .Ptitle  b i').each(function () {
        this.style.setProperty('font-style', 'normal', 'important');
    });
    $('.wen_rong .content-box .conthtmn  .Ptitle i b').each(function () {
        this.style.setProperty('font-style', 'normal', 'important');
    });


    var navLinks = {
        content: [], // 存放 content 类型的链接
        image: [],   // 存放 image 类型的链接
        table: []    // 存放 table 类型的链接
    };
    if (htmlData && htmlData.length > 0) {
        htmlData.forEach((item, index) => {


            let sectionId = 'section-' + index; // 生成唯一的 ID

            if (type == 0) {
                if (item.width == 0) {
                    if (item.is_title == 1) {
                        var textContent = $('<div>').html(item.content).text(); // 提取纯文本
                        navLinks.content.push({ sectionId: sectionId, type: 'content', text: textContent, href: '#' + sectionId, is_h1: item.is_title, });

                    }
                } else {
                    var picsrc = 'https://submission.tmrjournals.com/public/mainimg/' + item.content;
                    var textContentimg = $('<div>').html(item.note).text(); // 提取纯文本
                    navLinks.image.push({ sectionId: sectionId, type: 'image', text: textContentimg || 'Image ' + (index + 1), href: '#' + sectionId, url: picsrc });

                }
            } else {
                // 判断是否是图片
                if (item.type == 1) {
                    var picsrc = 'https://submission.tmrjournals.com/public/articleImage/' + item.image.url;
                    var textContentimg = $('<div>').html(item.note).text(); // 提取纯文本

                    navLinks.image.push({ sectionId: sectionId, type: 'image', text: textContentimg || 'Image ' + (index + 1), href: '#' + sectionId, url: picsrc });
                } else if (item.type == 2) {
                    var textContentTable = $('<div>').html(item.table.title).text(); // 提取纯文本
                    navLinks.table.push({ sectionId: sectionId, type: 'table', text: textContentTable || 'Table ' + (index + 1), href: '#' + sectionId });

                } else {
                    var textContent = $('<div>').html(item.content).text(); // 提取纯文本

                    if (item.is_h1) {

                        navLinks.content.push({ sectionId: sectionId, type: 'content', text: textContent, href: '#' + sectionId, is_h1: item.is_h1, });
                    }

                }
            }

        })
    }

    console.log('navLinks.forEach at line 7752:', navLinks)
    // 引用   
    var navHtml = `<div class="anchor-nav outline-container is-open" > <div class="outline-toggle">
   
    <span class="toggle-text nav_item_title" style="margin-bottom: 6px;font-size:18px !important;">Outline</span>
    <span class="toggle-text1" >Show Outline</span>
  </div><ul class="outline-content">`;

    // 先添加 content 类型
    if (navLinks.content.length > 0) {
        navLinks.content.forEach(link => {
            navHtml += `<li data-section="${link.sectionId}" class="outiline-item outiline-content ${link.is_h1 ? 'outiline-item-h1' : ''} ${link.is_h2 ? 'outiline-item-h2' : ''}" ><a href="${link.href}" style="font-style: italic;
       
        font-weight: bold;"><b>${link.text}</b></a></li>`;

        });
    }

    if (navLinks.image.length > 0) {
        navHtml += `<li class="outiline-item outiline-img">
            <h2 style="margin-bottom:15px;">Figures (${navLinks.image.length})</h2>
            <div class="navLinksFigures">`;

        navHtml += navLinks.image.map((link, linkIndex) => {
            const isHidden = linkIndex >= 3 ? 'style="display:none;" class="extra-figure"' : '';
            return `<a href="${link.href}" data-section="${link.sectionId}" ${isHidden}>
                        <img src="${link.url}" style="object-fit: scale-down;width: 74px; height: 74px;border-radius:2px;border:1px solid #e0d4d4" />
                        <p style="margin-bottom:0; color: #333; cursor: pointer;font-family: 'Charis SIL';"></p>
                    </a>`;
        }).join('');

        // 添加“显示更多”按钮
        if (navLinks.image.length > 3) {
            const hiddenCount = navLinks.image.length - 3;
            navHtml += `
              <p class="v4-show-hide-icon is-not-active"
                 style="margin-bottom: 0; display: flex; align-items: center; justify-content: space-between; width: 98%; font-weight: 600; cursor: pointer; color: #666; font-size: 14px;">
                 
                <span class="toggle-text" style="font-size:14px !important;color:#006699;">Show all figures</span>
                <i class="fa fa-angle-right toggle-icon" style="font-style:normal !important"></i>
              </p>`;
        }


        navHtml += `</div></li>`;

        $(document).on('click', '.v4-show-hide-icon', function () {
            const $this = $(this);
            const isCollapsed = $this.hasClass('is-not-active');
            const hiddenCount = navLinks.image.length - 3;

            $('.navLinksFigures .extra-figure').slideToggle(200);
            $this.toggleClass('is-not-active');

            if (isCollapsed) {
                $this.find('.toggle-text').text(`Hide figures`);
                $this.find('.toggle-icon').removeClass('fa-angle-right').addClass('fa-angle-up');
            } else {
                $this.find('.toggle-text').text(`Show all figures`);
                $this.find('.toggle-icon').removeClass('fa-angle-up').addClass('fa-angle-right');
            }
        });


    }

    if (navLinks.table.length > 0) {
        navHtml += `<li  class="outiline-item outiline-img">
        <h2 style="margin-bottom:15px;">Tables (${navLinks.table.length})</h2>
        <div class="navLinksTables" >`;

        // 使用 map 来遍历并返回 HTML 字符串
        navHtml += navLinks.table.map((link, linkIndex) => {

            let TableIndex = 'Table ' + (linkIndex + 1);

            // if (link.text.includes(TableIndex)) {
            //     // 使用正则表达式替换 "Table 1" 部分并添加高亮样式
            //     link.text = link.text.replace(TableIndex, `<span style="color:#006699;">${TableIndex}</span>`);
            //     console.log(link.text, '99999')
            // }
            const isHidden = linkIndex >= 1 ? 'style="display:none;" class="extra-table"' :
                ``
            return `<a data-section="${link.sectionId}" ${isHidden} href="${link.href}" style=";
            box-sizing: border-box;
            font-weight: 500 !important;
           padding: 2px 0 0 16px !important;
           width:100%;
           margin-bottom:4px;
            color: #333;
            cursor: pointer;
            color:#006699;
            font-family: 'Charis SIL';
            line-height:18px;min-height: 12px;"
        >
                 <div style="display: flex ;align-items: center;"> <i class="fa fa-table" aria-hidden="true"style="font-size:18px;color:#006699;margin-right:8px;margin-top: 2px;" /></i> ${TableIndex}</div>     
       
                    </a>`;
        }).join(''); // 使用 join 来拼接所有的 HTML 字符串


        if (navLinks.table.length > 1) {
            const hiddenTableCount = navLinks.table.length - 1;
            navHtml += `
              <p class="v4-show-hide-icon-table is-not-active"
                 style="padding-left: 16px; margin-bottom: 0; display: flex; align-items: center; justify-content: space-between;box-sizing:border-box; width: 98%; font-weight: 600; cursor: pointer; color: #666; font-size: 14px;">
                <span class="toggle-text" style="font-size:14px !important;color:#006699;">Show all tables</span>
                <i class="fa fa-angle-right toggle-icon" style="font-style: normal !important;"></i>
              </p>`;
        }

        $(document).on('click', '.v4-show-hide-icon-table', function () {
            const $this = $(this);
            const isCollapsed = $this.hasClass('is-not-active');
            const hiddenTableCount = navLinks.table.length - 1;

            $('.navLinksTables .extra-table').slideToggle(200);
            $this.toggleClass('is-not-active');

            if (isCollapsed) {
                $this.find('.toggle-text').text(`Hide tables`);
                $this.find('.toggle-icon').removeClass('fa-angle-right').addClass('fa-angle-up');
            } else {
                $this.find('.toggle-text').text(`Show all tables`);
                $this.find('.toggle-icon').removeClass('fa-angle-up').addClass('fa-angle-right');
            }
        });


        navHtml += `</div></li>`;
    }
    if (refs.length > 0) {
        navHtml += `<li  class="outiline-item outiline-img outiline-other" style="margin-top:15px;">
        <h2 style="font-style: italic;"><a href="#References"  class="nav_item_title">References</a></h2>
     </li>`;
    }


    if (otherList.pdfStr && otherList.pdfStr != '') {
        navHtml += `<li  class="outiline-item outiline-img outiline-other">
        <h2 style="font-style: italic;" ><a href="#ArticlePdf" class="nav_item_title">Supplementary Material</a></h2>
     </li>`;
    }
    if (otherList.OriginalDataStr && otherList.OriginalDataStr != '') {
        navHtml += `<li  class="outiline-item outiline-img outiline-other">
        <h2 style=""><a href="#ArticleOriginalData"  class="nav_item_title">Original Data</a></h2>
     </li>`;
    }
    if (otherList.trackStr && otherList.trackStr != '') {
        navHtml += `<li  class="outiline-item outiline-img outiline-other">
        <h2 style="" ><a href="#conterecord" class="nav_item_title">Manuscript Processing</a></h2>
     </li>`;
    }
    if (otherList.mhoo && otherList.mhoo != '') {
        navHtml += `<li  class="outiline-item outiline-img outiline-other">
        <h2 style="" ><a href="#ArticleMhoo" class="nav_item_title">Medical history of objective</a></h2>
     </li>`;
    }

    navHtml += `<li  class="outiline-item outiline-img outiline-other" id="ArticleCorrLateNav" style="display:none;">
        <h2 style="" ><a href="#ArticleCorrLate" class="nav_item_title">Related Articles</a></h2>
     </li>`;
    navHtml += `<li  class="outiline-item outiline-img outiline-other" id="ArticleTopics" style="display:none;">
        <h2 style="" ><a href="#conTopics" class="nav_item_title">Topics</a></h2>
     </li>`;
    navHtml += `<li  class="outiline-item outiline-img outiline-other" id="ArticleCitations" style="display:none;">
        <h2 style="" ><a href="#ArticleCitationsBox" class="nav_item_title">Article Citations</a></h2>
     </li>`;



    navHtml += '</ul></div>';
    $('.wen_rong .content-box .conthtmn').prepend(navHtml);
    // 给导航栏添加固定定位样式
    // 给导航栏添加固定定位样式

    $('.jo-catalog-title').css({
        'line-height': '40px',
        'font-size': '18px',
        'color': '#333',
        'border-bottom': '1px solid #f0f0f0',

    });
    $('.outiline-item').css({

        'box-sizing': 'border-box',
        'font-size': '14px',
        'color': '#454545',
        'cursor': 'pointer',
    });
    $('.outiline-content').css({
        'padding': '4px  0',
        'margin-left': '16px',
        'color': '#333',
        'cursor': 'pointer',
        'font-family': 'Charis SIL',


    });

    $('.outiline-img').css({

        'margin-top': '20px',
        'margin-bottom': '20px',


    });
    $('.outiline-table').css({

        'margin-top': '20px',
        'margin-bottom': '20px',

        // 'border-left': '3px solid #efefef',

    });
    $('.navLinksFigures').css({
        'display': 'flex',
        'flex-wrap': 'wrap',
        'gap': '10px',

        // 'margin-bottom': '10px',
        'margin-top': '10px',

    });
    $('.navLinksTables').css({
        'display': 'flex',
        'flex-wrap': 'wrap',
        'gap': '4px',

        // 'margin-bottom': '10px',
        // 'margin-top': '10px',

    });

    // 在滚动时保持导航栏在视口内

    $(document).ready(function () {
        // 监听右侧滚动区域
        $('.newBox').scroll(function () {


            var scrollTop = $(this).scrollTop();  // 获取当前右侧滚动的位置





            var scrollHeight = $(this)[0].scrollHeight;  // 获取右侧滚动区域的总高度
            var containerHeight = $(this).height();  // 获取右侧容器的高度
            // 获取所有右侧的 .pMain
            var sections = $('.newBox').find('.pMain');
            var navLinks = $('.anchor-nav').find('a');  // 获取所有左侧的导航链接

            // 初始化清除所有导航链接的高亮
            navLinks.css({
                'color': '',  // 恢复默认颜色
                'font-weight': ''  // 恢复默认字体粗细
            });

            // 遍历所有的 section
            sections.each(function (index, section) {
                var sectionTop = $(section).offset().top - $('.newBox').offset().top + scrollTop;  // 计算每个 .pMain 相对于 .newBox 的位置
                var sectionBottom = sectionTop + $(section).outerHeight();  // 获取每个 section 的底部位置
                // 判断该 section 是否在可视区域内
                if (scrollTop + containerHeight >= sectionTop && scrollTop <= sectionBottom) {
                    // 高亮对应的导航链接
                    $(navLinks[index]).css({
                        'color': 'rgb(0, 102, 153)',  // 激活时颜色变为蓝色
                        'font-weight': 'bold'  // 激活时加粗
                    });
                    // 只高亮一个链接，找到第一个符合条件的并停止遍历
                    return false;  // 结束 .each() 遍历
                }
            });
        });
        $('.wordTableHtml table tr.table-header-row td').each(function () {
            this.style.setProperty('border-bottom', '1px solid #000', 'important');

        });
        // document.querySelectorAll('.anchor-nav a[href^="#"]').forEach(anchor => {
        //     anchor.addEventListener('click', function (e) {
        //       const href = this.getAttribute('href');
        //       const target = document.querySelector(href);

        //       if (target) {
        //         e.preventDefault();
        //         const offset = 100; // 调整这里的偏移距离

        //         window.scrollTo({
        //           top: target.offsetTop - offset,
        //           behavior: 'smooth'
        //         });
        //       }
        //     });
        //   });

        const waitForTop = setInterval(() => {
            const bar = document.querySelector('.v4-art-top');
            if (bar) {
                clearInterval(waitForTop);

                let lastStatus = false;
                const offsetTop = bar.getBoundingClientRect().top + $('.newBox')[0].scrollTop;

                $('.newBox').on('scroll', function () {
                    const scrollTop = $(this).scrollTop();

                    if (scrollTop >= offsetTop) {
                        if (!lastStatus) {
                            bar.classList.add('fixed');
                            // 加动画类，显示动画
                            setTimeout(() => {
                                bar.classList.add('show');
                            }, 10);
                            lastStatus = true;
                        }
                    } else {
                        if (lastStatus) {
                            // 先移除动画类，立即移除位置固定
                            bar.classList.remove('show');

                            // 直接移除 fixed，不等待动画
                            bar.classList.remove('fixed');

                            lastStatus = false;
                        }
                    }
                });
            }
        }, 100);

        // $(document).on('click', '.outline-toggle', function () {
        //     const $container = $(this).closest('.outline-container');
        //     const $icon = $(this).find('i');
        //     const $text = $(this).find('.toggle-text');
        //     const $panel = $('.conthtmn_right');
        //     const isClosed = $container.hasClass('is-closed');

        //     if (isClosed) {
        //       $container.removeClass('is-closed').addClass('is-open');
        //       $panel.get(0).style.setProperty('margin-left', '300px', 'important');


        //     } else {
        //       $container.removeClass('is-open').addClass('is-closed');



        //       $panel.get(0).style.setProperty('margin-left', '40px', 'important');
        //     }
        //   });






    });


}
function isHeaderRow(rowIndex, table) {



    var head = table[0]


    return rowIndex < head[0].rowspan; // 假设前两行是表头
}
function splitTable(tableList) {
    // 获取头部行数
    const headerRowCount = tableList[0][0].rowspan || 1;  // 默认第一行是头部行，获取该行的 rowspan
    // 用 isHeaderRow 判断头部行
    const header = [];
    const content = [];
    let cellIdCounter = 0;  // 初始化计数器，用于为每个单元格生成唯一的 cellId
    tableList.forEach((row, rowIndex) => {
        row.forEach((cell, cellIndex) => {
            cell.cellId = `cell-${cellIdCounter}`;
            cellIdCounter++;
        });
        if (isHeaderRow(rowIndex, tableList)) {
            header.push(row);  // 将头部行添加到 header 数组
        } else {
            content.push(row);  // 将内容行添加到 table 数组
        }
    });
    // 
    console.log('header:', header);  // 打印头部行数据
    console.log('table打印内容行数据:', content);    // 打印内容行数据

    return { header, content };
}
// 图片预览
function picPreview(src) {
    console.log(src)
    $('.PicPreview img').attr('src', src)
    $('.PicPreview').show()
}
$('.PicPreview').on('click', function () {
    $('.PicPreview').hide()
})

//  显示审核内容
function showComments(num) {
    //  console.log('显示初审内容',shenCode)    
    layer.open({
        type: 1
        , title: false //不显示标题栏
        , closeBtn: true
        , area: '600px;'
        , shade: 0.8
        , id: 'LAY_layuipro' //设定一个id，防止重复弹出
        /// ,btn: ['close']
        , btnAlign: 'c'
        , moveType: 1 //拖拽模式，0或者1
        , content: shenCode[num]
    });
}
function getCiteList(a_ID) {
    $('.cite_box .export_cite').html('<div class="loader-01"></div>');
    var journalCiteStr = ''
    $.ajax({
        type: 'post', url: apiUrl + 'api/Article/getArticleCites',
        data: {
            "article_id": a_ID
        },
        success: function (result) {
            if (result.code == 0) {

                var arr = result.data.list
                for (let i in arr) {
                    journalCiteStr += `
                    <div class='cite_list_item' style="margin-bottom:10px;podding:10px 0;display:flex;border-bottom: ${i != arr.length - 1 ? '1px solid #ccc' : 'none'};}"><p style="margin-right:10px;">${Number(i) + 1}.</p>
                <div>          
                <p style="display: block; line-height: 20px;
                font-size: 13px;
                margin-bottom: 3px;"> <a style="color:#205493 !important;" 
                    target="_blank"
                    href="${arr[i].doi ? 'https://doi.org/' + arr[i].doi : ''}">
                    ${arr[i].article_name}
                    </a></p>
                
                <p style="line-height: 14px;margin-bottom: 10px;">
                <span style="color: #a2b1b6;
                font-size: 13px;">${arr[i].author ? `${arr[i].author},` : ''} ${arr[i].journal_name}${arr[i].vol ? `${arr[i].vol},` : ''}
                </span>
                <span style="margin-left:5px;color:#205493 !important;">
                 </span></p></div>
                
                  </div> `
                }
                journalCiteStr += ` <div class="cite_triangle"></div>`

                $('.cite_box .export_cite').html(journalCiteStr);





            }
        }
    })
}

function initArticleNavList(a_ID) {
    var Journals_color = localStorage.getItem('Journals_color')
    var journalStageID = localStorage.getItem('journalStageID')
    //是否显示地图
    var isShowAuthorship = 0;
    if ([1, 14, 8].includes(Number(Jour_num))) {
        isShowAuthorship = 1
    }
    // if (a_ID == 4477) {
    const style = document.createElement('style');
    style.innerHTML = `/* 遮罩层 */
        .article_dropbtn:hover {
            color: ${Journals_color};
            
        }
        .article_dropdown-list a:hover {
           
            border-bottom:2px solid  ${Journals_color};
            font-weight:bold;
            color:#333;
        }
        .toggle-btn{
            color: ${Journals_color};
        }
       `;
    document.head.appendChild(style);


    // 获取 id 为 top_bar 的元素
    var topBar = document.getElementById("top_bar");

    var otherStr1 = `
      
        <p class=""><a href="/article_list.html?J_num=${Jour_num}&y_id=${journalStageID}" target="_blank">Current Issue</a></p>
       <p class="mes_all_section_other_online"><a href="/article_list.html?J_num=${Jour_num}&o_id=${Jour_num}" target="_blank">Online First</a></p>
        <p><a href="/stages.html?J_num=${Jour_num}" target="_blank">Archiving</a></p>
        <p style="${Jour_num == 1 ? 'display:block' : 'display:none'}"><a href="/guest.html?J_num=${Jour_num}" target="_blank">Special Issues</a></p> 
        
         <p><a href="/article_list.html?J_num=${Jour_num}&top_id=${Jour_num}" target="_blank">Highlights</a></p>
       
        `
    var otherStr2 = `<p><a href="/tmr" target="_blank">Journal Information</a></p>

        <p><a href="/for_author.html?J_num=${Jour_num}" target="_blank">Guide for Authors</a></p>
        <p><a href="javascript:;"  onclick="openAbstracting(${Jour_num},'${Journals_color}')">Abstracting & Indexing</a></p>
      
        
        `
    // Abstracting & Indexing
    var otherStr3 = `
        <p ><a href="/afoor_text.html?footer_id=37" target="_blank">Peer-review process</a></p>
        <p><a href="${localStorage.getItem('submission_url')}" target="_blank">Submission System</a></p>
        <p><a href="/z_f11-1.html?J_num=${Jour_num}" target="_blank">Ethics and Malpractice Statement</a></p>
        <!--地图弹窗-->
        <div class="Authorship" style="position: relative;z-index:10;cursor: pointer;${isShowAuthorship ? 'display:block' : 'display:none'}">

        <p class="Authorship_text"><a href="javascript:;"  onclick="openAuthorship(${Jour_num},'${Journals_color}')">Authorship</a></p>
            
        `
    var str = ` <div class="article_navbar-container" id="article_navbar-container" style="display:block">
    <div style="display: flex
    ;
        align-items: center;margin:0 auto">
                <div class="article_dropdown-menu">
                    <div class="article_dropbtn">Articles & Issues <i class="fa fa-chevron-down" style="font-size: 14px;margin-left: 6px;"></i></div>
                    <div class="article_dropdown-list">
                        ${otherStr1}
                    </div>
                </div>
                <div class="article_dropdown-menu">
                    <div class="article_dropbtn">About Journal <i class="fa fa-chevron-down" style="font-size: 14px;margin-left: 6px;"></i></div>
                    <div class="article_dropdown-list" style="min-width:180px">
                       ${otherStr2}
                    </div>
                </div>
                <div class="article_dropdown-menu">
                    <div class="article_dropbtn">Publish <i class="fa fa-chevron-down" style="font-size: 14px;margin-left: 6px;"></i></div>
                    <div class="article_dropdown-list" style="min-width:250px">
                       ${otherStr3}
                    </div>
                </div>
                </div>
            </div>`



    // 使用 insertAdjacentHTML 在 top_bar 后插入新元素
    if (topBar) {
        topBar.insertAdjacentHTML('afterend', str);



    }


    // JavaScript to handle dropdown toggle on button click



    // }



}
function openPdf(url, j_artc, Jour_num) {
    $.ajax({
        type: 'post', url: apiUrl + 'yuan/Article/addArticleNum', async: false,
        data: { "article_id": j_artc.article_id, "type": 'pdf' },
        success: function (result) {
        }
    })
    $.ajax({
        type: 'post', url: apiUrl + 'super/Publish/addVisitNum',
        data: { 'type': Jour_num, 'is_detail': '1' },
        success: function (result) {
        }
    });
    window.open(url);
}
function initMoreButtonTopList(articleInfo, a_ID) {
    console.log('articleInfo at line 2590:', articleInfo)

    var j_artc = articleInfo.articleInfo
    var Journals_color = localStorage.getItem('Journals_color')
    var journalStageID = localStorage.getItem('journalStageID')


    const style = document.createElement('style');
    style.innerHTML = `

        .v4-art-top-main-m .v4-art-top-item span:hover{
            color: ${Journals_color};
        }
      
    `

    document.head.appendChild(style);

    // 获取 id 为 top_bar 的元素
    var topBar = document.getElementById("article_base_info_box");

    var str = `
       <div id="v4_art_top" class="v4-art-top">
           <div id="v4_art_top_main" class="v4-art-top-main" style="position: relative; background-color: transparent;">
               <div class="v4-art-top-main-m">
                   ${j_artc.file_pdf !== '' ? `
                       <div class="v4-art-top-item view-pdf">
                           <img src="/img/articlepdf.png" class="icon" />
                           <span>Download PDF</span>
                       </div>
                   ` : ''}
                   ${j_artc.html_type == 1 ? `
                       <div class="v4-art-top-item view-html">
                           <img src="/img/articlehtml.png" class="icon" />
                           <span>HTML</span>
                       </div>
                   ` : ''}
                   <div class="v4-art-top-item cite">
                   <img src="/img/article_cite.png"  class="icon"/>
                       <span>Cite</span>
                   </div>
                
                   <div class="v4-art-top-item share-third" style="z-index:0 !important">
                   <div class="sharethis-inline-share-buttons"></div>
               </div>
           </div>
       </div>
       `;

    // 使用 insertAdjacentHTML 在 top_bar 后插入新元素
    if (topBar) {

        topBar.insertAdjacentHTML('afterend', str);

        const citeEl = document.querySelector('.v4-art-top-item.cite');
        if (citeEl) {
            citeEl.onclick = () => {
                openCite(Jour_num, Journals_color, a_ID, j_artc, articleInfo);
            };
        }
        const pdfEl = document.querySelector('.v4-art-top-item.view-pdf');
        if (pdfEl) {
            pdfEl.onclick = () => {
                openPdf(`${imgFileUrl}articlePDF/${j_artc.file_pdf}`, j_artc, Jour_num);
            };
        }
        const htmlEl = document.querySelector('.v4-art-top-item.view-html');
        if (htmlEl) {
            htmlEl.onclick = () => {


                window.open(`${imgFileUrl}articleHTML/${j_artc.file_html}`)
            };
        }
        setTimeout(() => {
            if (window.__sharethis__) {
                __sharethis__.initialize();
            }

        }, 200)

    }
}
function openAbstracting(Jour_num, Journals_color) {
    var list = localStorage.getItem('journalAbs')
    var arr_Abc = JSON.parse(list).filter(e => e.is_show == 1);
    var Abstractingcontent = `<ul style="margin-top:10px;">
            ${arr_Abc.map((item, i) => {
        return `<li  style="font-weight:700;font-size:14px;"><span style="display:inline-block">»&nbsp;</span><a target="_blank" href="${item.url}" style="font-weight:700;display:inline-block">${item.title}</a></li>`;
    }).join('')}
        </ul>`
    document.querySelector('#common-popup .common-popup-content').classList.add('whitebg');
    showPopup(`<span style="font-weight:bold;color:${Journals_color}">Abstracting & Indexing</span>`, Abstractingcontent)




    // 5秒后自动关闭
    // setTimeout(closePopup, 5000);
}
function openCite(Jour_num, Journals_color, a_ID, j_artc, data) {
    console.log('data at line 2593:', j_artc, data)
    var GoogleScholar = ''
    if ((Math.round(Date.parse(new Date()) / 1000) - j_artc.ctime) / 86400 >= 21) {
        GoogleScholar =
            `<a href="https://scholar.google.com/scholar?&q=${j_artc.title.replace('<i>', '').replace('</i>', '').replace(new RegExp('"', "g"), '')}" target="_blank" style="color:#525252;font-weight: 600;">Google Scholar</a>`
    }
    // var lnk_ = '';
    // if (j_artc.file_pdf != '') {
    //     lnk_ += '<img src="img/link_3.jpg" width="14" height="16" style="vertical-align: middle;"><a href="' + imgFileUrl + 'articlePDF/' + j_artc.file_pdf + '" target="_blank" class="txt_pdf"> PDF</a>&nbsp;&nbsp;&nbsp;&nbsp;'
    // }

    // if (j_artc.file_html != '') {
    //     lnk_ += '&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/link_2.png" width="14" height="16" style="vertical-align: middle;"><a href="' + imgFileUrl + 'articleHTML/' + j_artc.file_html + '" target="_blank" class="txt_html"> HTML</a>'
    // }

    // if (j_artc.article_id == '172') {
    //     lnk_ += '&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://youtu.be/3eDbnHRkFKQ" target="_blank"><img src="img/link_5.png" width="50" height="16" style="margin-left: 10px"></a>'
    // }
    var NotTeX_ = ''
    if (j_artc.bibtex != '') {
        NotTeX_ += '<a href="' + apiUrl + 'public/bibTex/' + j_artc.bibtex + '" style="color: #7a2702;" target="_blank">BibTeX</a>'
    }
    var Abstractingcontent = `<div style="width:320px;margin:0;margin-top:15px;padding-bottom:10px"><p style="font-size: 14px;padding-left:0;
    color: #666;margin-bottom:0;
    line-height: 24px;">${data.cite}</p>
    <div style="margin-top:4px;">${GoogleScholar}</div>
    <div class="Note_TeX">
            ${NotTeX_}            
    </div>
    
    <ul class="export" style="padding:0;margin-top:10px;">
        <li class="Exc_2" style="margin-bottom:10px;color:#3573bc"><i class="fa fa-download"></i> Export citation to EndNote</li>
        <li class="Exc_3" style="margin-bottom:10px;color:#3573bc"><i class="fa fa-download"></i> Export citation to RIS</li>
        <li class="Exc_4" style="margin-bottom:10px;color:#3573bc"><i class="fa fa-download"></i> Export citation to BibTex</li>
        <li class="Exc_5" style="margin-bottom:10px;color:#3573bc"><i class="fa fa-download"></i> Export citation to txt</li>
    </ul> 
    </div>
    `
    document.querySelector('#common-popup .common-popup-content').classList.add('whitebg');
    showPopup(`<span style="font-weight:bold;color:${Journals_color}">Cite this article</span>`, Abstractingcontent)
    document.getElementById('common-popup').style.width = 'auto';
    document.getElementById('common-popup').style.setProperty('min-height', 'auto', 'important');
    // 点击复制和下载
    $('.Exc_2').click(function () {
        $.ajax({
            type: 'post', url: apiUrl + 'api/Article/getArticleenw', async: false,
            data: { "article_id": a_ID },
            success: function (result) {
                var a = document.createElement('a');
                a.href = result.data.url;
                a.download = ''
                a.click();
            }
        })
    })
    $('.Exc_3').click(function () {
        $.ajax({
            type: 'post', url: apiUrl + 'api/Article/getArticleRis', async: false,
            data: { "article_id": a_ID },
            success: function (result) {
                var a = document.createElement('a');
                a.href = result.data.url;
                a.download = ''
                a.click();
            }
        })
    })
    $('.Exc_4').click(function () {
        var ecx_id = $(this).parents('.links_').siblings('.txt_biaoti').attr('id')
        $.ajax({
            type: 'post', url: apiUrl + 'api/Article/getArticlebib', async: false,
            data: { "article_id": a_ID },
            success: function (result) {
                var a = document.createElement('a');
                a.href = result.data.url;
                a.download = ''
                a.click();
            }
        })
    })
    $('.Exc_5').click(function () {
        $.ajax({
            type: 'post', url: apiUrl + 'api/Article/getArticletext', async: false,
            data: { "article_id": a_ID },
            success: function (result) {
                var a = document.createElement('a');
                a.href = result.data.url;
                a.download = ''
                a.click();
            }
        })
    })





    // 5秒后自动关闭
    // setTimeout(closePopup, 5000);
}
function openAuthorship(Jour_num, Journals_color) {

    var Abstractingcontent = `
    <div class="tmr_side_map AuthorshipInfo" style="
            width:300px;margin-top:20px">
                <div id="worldMap" style="width: 100%;height: 140px;margin: 0 auto 10px auto"></div>
                <ul class="map_paiming" style="padding: 0 20px 10px 20px;"></ul>
            </div>
        </div>
    `
    document.querySelector('#common-popup .common-popup-content').classList.add('whitebg');
    showPopup(`<span style="font-weight:bold;color:${Journals_color}">Abstracting & Indexing</span>`, Abstractingcontent, 'Authorship')




    // 5秒后自动关闭
    // setTimeout(closePopup, 5000);
}
function showPopup(title, content, type) {
    $('#common-popup .common-popup-title').html(title)
    $('#common-popup .common-popup-content').html(content)

    document.getElementById('common-overlay').style.display = 'block';
    if (type == 'Authorship') {
        document.getElementById('common-popup').style.width = 'auto';
        renderMap(190)
    }

    document.getElementById('common-popup').style.opacity = '1';
    document.getElementById('common-overlay').style.zIndex = '1000';
    document.getElementById('common-popup').style.zIndex = '1001';

    // 5秒后自动关闭
    // setTimeout(closePopup, 5000);
}

function closePopup() {
    document.getElementById('common-popup').style.opacity = '0';
    document.getElementById('common-popup').style.zIndex = '-1';
    setTimeout(function () {
        document.getElementById('common-overlay').style.display = 'none';
        $('#common-popup .common-popup-title').html('')
        $('#common-popup .common-popup-content').html('')
    }, 50);
}