1、Highlights 修改分页

2、article 增加 doi 引用
3、将 mains 和 refers 新的接口获取
This commit is contained in:
2024-07-25 15:08:05 +08:00
parent c2a08cb814
commit af9d88a88c
3 changed files with 1095 additions and 777 deletions

View File

@@ -1,5 +1,6 @@
<!doctype html> <!doctype html>
<html lang="zh"> <html lang="zh">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
@@ -18,35 +19,43 @@
padding: 0 15px; padding: 0 15px;
margin-top: -15px; margin-top: -15px;
} }
.act_chajian { .act_chajian {
padding: 10px 15px; padding: 10px 15px;
} }
.pos_ter { .pos_ter {
padding: 0 0 20px 0 padding: 0 0 20px 0
} }
.pos_ter>div:nth-child(1) { .pos_ter>div:nth-child(1) {
width: 275px; width: 275px;
height: 105px; height: 105px;
} }
.pos_ter>div:nth-child(3) { .pos_ter>div:nth-child(3) {
width: 235px; width: 235px;
height: 68px; height: 68px;
padding: 25px 12px 12px 12px; padding: 25px 12px 12px 12px;
} }
.pos_ter>div:nth-child(4) { .pos_ter>div:nth-child(4) {
width: 242px; width: 242px;
height: 90px; height: 90px;
padding: 15px 0 0 0; padding: 15px 0 0 0;
margin-right: 0; margin-right: 0;
} }
.pos_ter>div:nth-child(4) img { .pos_ter>div:nth-child(4) img {
width: 100%; width: 100%;
} }
.pos_ter>div { .pos_ter>div {
float: left; float: left;
margin-right: 10px; margin-right: 10px;
background-color: #fff; background-color: #fff;
} }
.pos_ter>a { .pos_ter>a {
float: left; float: left;
width: 240px; width: 240px;
@@ -63,19 +72,176 @@
margin-bottom: 10px; margin-bottom: 10px;
color: #666; color: #666;
} }
.conthtmn>p { .conthtmn>p {
min-height: 20px; min-height: 20px;
} }
.conthtmn .imgHnkl { .conthtmn .imgHnkl {
text-align: center; text-align: center;
margin-top: 20px; margin-top: 20px;
} }
.conthtmn .imgHnkl p { .conthtmn .imgHnkl p {
color: #006699; color: #006699;
font-weight: bold; font-weight: bold;
} }
/* 相关引用次数 */
.article-quote-box {
width: 32%;
padding: 20px 20px;
box-sizing: border-box;
margin-right: 1%;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.02);
float: left;
}
.SciteBadge {}
.article-quote-box {
background-color: #fff;
margin-bottom: 0 !important;
}
.article-quote-box a {
width: 100%;
}
.article-quote-box .quote-source {
width: 100%;
font-size: 13px;
padding: 0px 10px 20px;
box-sizing: border-box;
text-align: center;
color: #333;
}
.article-quote-box .quote-content {
font-size: 12px;
padding: 10px;
box-sizing: border-box;
color: #444;
}
.article-quote-box .quote-content .quote-item {
display: flex;
align-items: center;
}
.article-quote-box .quote-content .quote-item img {
width: 20px;
height: 20px;
margin-right: 10px;
}
.article-quote-box .quote-content .quote-item .count {
min-width: 50px;
text-align: center;
font-weight: bold;
}
.article-quote-box a {
display: inline-block;
text-decoration: none !important;
}
.article-quote-box a .link {
text-decoration: underline !important;
}
.quoteNumber {
color: #006699;
font-weight: 700;
}
.quoteNumber:hover {
text-decoration: underline !important;
}
#framed_div .quote-content a {
color: #006699;
}
#framed_div .quote-content a:hover {
text-decoration: underline !important;
}
.info-box {
padding: 10px;
background-color: #f5f5f5;
position: relative;
color: #333 !important
}
.info-box:before {
position: absolute;
left: 10px;
top: 5px;
font-size: 18px;
color: #333
}
.info-box__copyright:before {
content: "copyright";
}
.info-box__highlight {
background-color: #ffb800
}
.info-box a {
font-weight: 700;
color: #006699 !important;
}
.info-box__container {
margin-top: 16px;
margin-left: 8px;
margin-right: 8px;
}
.in-tab {
display: none;
opacity: 0;
}
.openCrossref {
display: block;
opacity: 1;
transform: scale(0);
animation: fadeInAndGrow 0.5s forwards;
}
@keyframes fadeInAndGrow {
0% {
opacity: 0;
transform: scale(0);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
}
/* 相关引用次数 */
</style> </style>
</head> </head>
<body> <body>
<div class="newBox"> <div class="newBox">
<div id="col-content"> <div id="col-content">
@@ -142,7 +308,8 @@
<div class="content-box"> <div class="content-box">
<div class="content contercon contentin"> <div class="content contercon contentin">
<div class="abst" <div class="abst"
style="margin: 20px 0 40px 0;text-align: justify;word-wrap: break-word;color:#444;font-size: 15px"></div> style="margin: 20px 0 40px 0;text-align: justify;word-wrap: break-word;color:#444;font-size: 15px">
</div>
<div class="keyw"> <div class="keyw">
<b>Key words: </b><span class="ur_red"></span> <b>Key words: </b><span class="ur_red"></span>
</div> </div>
@@ -218,13 +385,48 @@
<p>Latest Research and News</p> <p>Latest Research and News</p>
<input id="combox4" autocomplete="off" placeholder="Please choose topics" <input id="combox4" autocomplete="off" placeholder="Please choose topics"
style="width: 250px;height: 29px"> style="width: 250px;height: 29px">
<input type="text" id="emaplm" value="" placeholder="Please enter a valid email address"/> <input type="text" id="emaplm" value=""
placeholder="Please enter a valid email address" />
<br><span class="spa spa111"></span> <br><span class="spa spa111"></span>
<input type="submit" value="Subscribe" class="yue_addm" /> <input type="submit" value="Subscribe" class="yue_addm" />
<i class="icon"></i> <i class="icon"></i>
</div> </div>
<br clear="both"> <br clear="both">
</div> </div>
<!-- 相关引用次数-->
<div style="background-color: #f4fafd;height: 20px" class=""></div>
<div class=" article-quote" style="background-color: #f4fafd;">
<h3 style="font-size: 32px;text-align: center;padding:20px;">Article Citations
</h3>
<div>
<ul style="overflow: hidden;padding: 10px 0;border: none;">
<li class="article-quote-box DimensionsBadge">
<a href="" target="_blank">
<p class="quote-source "></p>
<div class="quote-content "></div>
</a>
</li>
<li class="article-quote-box SciteBadge">
<a href="" target="_blank">
<p class="quote-source "></p>
<div class="quote-content quote-content1">
</div>
</a>
</li>
<li class="article-quote-box Crossref" style="margin-right: 0;">
<p class="quote-source "></p>
<div class="quote-content quote-content1">
</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>
</div>
<!-- 相关引用次数-->
<div style="background-color: #f4fafd;height: 20px" class="corr_late_bg"></div> <div style="background-color: #f4fafd;height: 20px" class="corr_late_bg"></div>
<div class="corr_late"> <div class="corr_late">
<h3>Related articles</h3> <h3>Related articles</h3>
@@ -296,8 +498,8 @@
<p>This work is licensed under a Creative Commons Attribution 4.0 International License.</p> <p>This work is licensed under a Creative Commons Attribution 4.0 International License.</p>
</div> </div>
<div style="float: left;width: 65px;text-align: center"> <div style="float: left;width: 65px;text-align: center">
<a href="https://en.wikipedia.org/wiki/Open_access" style="text-align: center;display: block" <a href="https://en.wikipedia.org/wiki/Open_access"
target="_blank"> style="text-align: center;display: block" target="_blank">
<img src="img/open.png" alt="" style="width: 85%;margin-top: 28px"> <img src="img/open.png" alt="" style="width: 85%;margin-top: 28px">
</a> </a>
</div> </div>
@@ -310,7 +512,8 @@
<a href="https://orcid.org/" target="_blank" style="float: left;display: block"> <a href="https://orcid.org/" target="_blank" style="float: left;display: block">
<img src="img/orcid.svg" style="width: 160px"> <img src="img/orcid.svg" style="width: 160px">
</a> </a>
<a href="https://orcid.org/" target="_blank" style="float: left;display: block;margin-left: 20px;"> <a href="https://orcid.org/" target="_blank"
style="float: left;display: block;margin-left: 20px;">
<img src="img/or_id.png" alt="" style="width: 55px;height: 55px;"> <img src="img/or_id.png" alt="" style="width: 55px;height: 55px;">
</a> </a>
<br clear="both"> <br clear="both">
@@ -419,4 +622,5 @@
}); });
</script> </script>
</html> </html>

View File

@@ -6525,6 +6525,91 @@ if(parseInt(num) < 10){
return num; return num;
} }
/* 相关引用次数 */
function getCitations(doi, a_ID) {
// var doi = '10.53388/IMD202408001';
$('.DimensionsBadge .quote-source').html('Dimensions Badge')
$('.SciteBadge .quote-source').html('Scite Badge (Wiley)')
$('.Crossref .quote-source').html('Crossref')
var list = [doi];
//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)
}
})
//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)
}
})
$.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').toggleClass('openCrossref');
})
}
}
}
})
}
// 文章内容 // 文章内容
function article_con() { function article_con() {
// 获取地址栏信息 // 获取地址栏信息
@@ -6593,7 +6678,8 @@ function article_con() {
$('.wen_jian .right>.links_').html(lnk_); $('.wen_jian .right>.links_').html(lnk_);
//获取文章引用
getCitations(j_artc.doi, a_ID);
// 点击增加数字 // 点击增加数字
$('.txt_html').click(function () { $('.txt_html').click(function () {
var num = $(this).next().html(); var num = $(this).next().html();
@@ -6871,10 +6957,21 @@ function article_con() {
$('.wen_rong .content-box .contemho').html(j_artc.mhoo); $('.wen_rong .content-box .contemho').html(j_artc.mhoo);
// 新的HTML // 新的HTML
if (result.data.mains == '') { if (result.data.html != 1) {
$('.wen_rong #tablist .tarhtmn').css('display', 'none'); $('.wen_rong #tablist .tarhtmn').css('display', 'none');
$('.wen_rong .content-box .conthtmn').css('display', 'none'); $('.wen_rong .content-box .conthtmn').css('display', 'none');
} else { } else {
$('.wen_rong #tablist .tarhtmn').click(function () {
$.ajax({
type: 'post', url: apiUrl + 'api/Article/getArticleDetailHtml',
data: {
"article_id": a_ID
},
success: function (result) {
if (result.code == 0) {
var arr = result.data.mains; var arr = result.data.mains;
var str = ''; var str = '';
for (var i = 0; i < arr.length; i++) { for (var i = 0; i < arr.length; i++) {
@@ -6901,7 +6998,9 @@ function article_con() {
} }
} }
$('.wen_rong .content-box .conthtmn').html(str); $('.wen_rong .content-box .conthtmn').html(str);
if(result.data.refers.length > 0){
// 引用
if (result.data.refers.length > 0) { // 如果有引用数据
var refs = '' var refs = ''
var xuhao = 0 var xuhao = 0
for (var rr = 0; rr < result.data.refers.length; rr++) { for (var rr = 0; rr < result.data.refers.length; rr++) {
@@ -6910,18 +7009,17 @@ function article_con() {
if (result.data.refers[rr].refer_type == 'journal' && result.data.refers[rr].doilink != '') { if (result.data.refers[rr].refer_type == 'journal' && result.data.refers[rr].doilink != '') {
// journal // journal
xuhao++ xuhao++
item = "<div><p>"+ xuhao + '.&nbsp;' + result.data.refers[rr].author +'&nbsp;'+ result.data.refers[rr].title + ".&nbsp;<i>" + result.data.refers[rr].joura +"</i>" + result.data.refers[rr].dateno + ".&nbsp;<br/>Available at:&nbsp; <a class='refsLink' href='"+ result.data.refers[rr].doilink +"' target='_blank' style='color:#006699; word-wrap:break-word;'>&nbsp;"+ result.data.refers[rr].doilink +"</a></p></div>" item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;<i>" + result.data.refers[rr].joura + "</i>" + result.data.refers[rr].dateno + ".&nbsp; Available at:&nbsp;<a class='refsLink' href='" + result.data.refers[rr].doilink + "' target='_blank' style='color:#006699; word-wrap:break-word;'>" + result.data.refers[rr].doilink + "</a>&nbsp;</p></div>"
refs += item refs += item
} else if (result.data.refers[rr].refer_type == 'book' && result.data.refers[rr].isbn != '') { } else if (result.data.refers[rr].refer_type == 'book' && result.data.refers[rr].isbn != '') {
// book // book
xuhao++ xuhao++
item = "<div><p>"+ xuhao + '.&nbsp;' + result.data.refers[rr].author +'&nbsp;'+ result.data.refers[rr].title+".&nbsp;" + result.data.refers[rr].dateno + ". &nbsp;<br/>Available at:&nbsp;<a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + result.data.refers[rr].isbn + "'> &nbsp;</p></div>" item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].author + '&nbsp;' + result.data.refers[rr].title + ".&nbsp;" + result.data.refers[rr].dateno + ". &nbsp;<br/>Available at:&nbsp;<a target='_blank' style='color:#006699; word-wrap:break-word;' href='" + result.data.refers[rr].isbn + "'> </p></div>"
refs += item 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) { } else if (result.data.refers[rr].refer_type == 'other' && result.data.refers[rr].refer_frag != '' && result.data.refers[rr].refer_frag.length > 15) {
// other // other
xuhao++ xuhao++
item = "<div><p>"+ xuhao + '.&nbsp;' + result.data.refers[rr].refer_frag +".</p></div>" item = "<div><p>" + xuhao + '.&nbsp;' + result.data.refers[rr].refer_frag + ".&nbsp;</p></div>"
refs += item refs += item
} else { } else {
continue; continue;
@@ -6930,6 +7028,22 @@ function article_con() {
// console.log(refs) // console.log(refs)
$('.wen_rong .content-box .conthtmn').append('<div id="ArticleRef" class="ArticleRef"><p><b>References</b></p>' + refs + '</div>') $('.wen_rong .content-box .conthtmn').append('<div id="ArticleRef" class="ArticleRef"><p><b>References</b></p>' + refs + '</div>')
} }
}
},
error: function () {
// ShowDanger("error");
}
})
})
} }
// 稿件跟踪 // 稿件跟踪

View File

@@ -726,7 +726,7 @@ function bf_list() {
data: { data: {
"journal_id": Jour_num, "journal_id": Jour_num,
"pageIndex": '1', "pageIndex": '1',
"pageSize": '30' "pageSize": '4'
}, },
success: function (result) { success: function (result) {
if (result.code == 0) { if (result.code == 0) {
@@ -765,50 +765,50 @@ function bf_list() {
// 中下侧Top cited / Top read / Top download文章 // 中下侧Top cited / Top read / Top download文章
$.ajax({ // $.ajax({
type: 'post', url: apiUrl + 'api/Journal/getTopArticle', // type: 'post', url: apiUrl + 'api/Journal/getTopArticle',
data: { // data: {
"journal_id": Jour_num, // "journal_id": Jour_num,
"pageIndex": '1', // "pageIndex": '1',
"pageSize": '4' // "pageSize": '4'
}, // },
success: function (result) { // success: function (result) {
if (result.code == 0) { // if (result.code == 0) {
var arr = result.data.articles; // var arr = result.data.articles;
var str = ""; // var str = "";
for (var i = 0; i < arr.length; i++) { // for (var i = 0; i < arr.length; i++) {
if (i == 4) break; // if (i == 4) break;
if (arr[i].icon == '') { // if (arr[i].icon == '') {
var img_i = '' // var img_i = ''
} else { // } else {
var img_i = '<a target="_blank" href="article.html?J_num=' + Jour_num + '&a_id=' + arr[i].article_id + '"><img src="' + imgarticleUrl + arr[i].icon + '" alt=""></a>' // var img_i = '<a target="_blank" href="article.html?J_num=' + Jour_num + '&a_id=' + arr[i].article_id + '"><img src="' + imgarticleUrl + arr[i].icon + '" alt=""></a>'
} // }
str += '<li>' + img_i + // str += '<li>' + img_i +
'<h6><a target="_blank" href="article.html?J_num=' + Jour_num + '&a_id=' + arr[i].article_id + '">' + arr[i].title + '</a></h6>' + // '<h6><a target="_blank" href="article.html?J_num=' + Jour_num + '&a_id=' + arr[i].article_id + '">' + arr[i].title + '</a></h6>' +
'<div class="fo_fam">' + arr[i].abbr + '. | ' + arr[i].stage_year + '</div></li>' // '<div class="fo_fam">' + arr[i].abbr + '. | ' + arr[i].stage_year + '</div></li>'
} // }
$('.ncon_tcrd>a').attr('href', 'article_list.html?J_num=' + Jour_num + '&top_id=' + Jour_num); // $('.ncon_tcrd>a').attr('href', 'article_list.html?J_num=' + Jour_num + '&top_id=' + Jour_num);
$('.ncon_tcrd>ul').html(str + '<br clear="both">'); // $('.ncon_tcrd>ul').html(str + '<br clear="both">');
if (arr == '') { // if (arr == '') {
$('.ncon_tcrd').css('display', 'none') // $('.ncon_tcrd').css('display', 'none')
} // }
} else { // } else {
// ShowDanger("请求失败!"); // // ShowDanger("请求失败!");
$('.ncon_tcrd').css('display', 'none') // $('.ncon_tcrd').css('display', 'none')
} // }
}, // },
error: function () { // error: function () {
ShowDanger("error"); // ShowDanger("error");
} // }
}) // })
// TMR 中下侧Top cited / Top read / Top download文章切换 // TMR 中下侧Top cited / Top read / Top download文章切换