171 lines
5.9 KiB
HTML
171 lines
5.9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>TMR 文章处理工具</title>
|
||
<style>
|
||
body { font-family: sans-serif; padding: 20px; line-height: 1.6; }
|
||
#tmrUrl {
|
||
width: 80%;
|
||
height: 35px;
|
||
font-size: 16px;
|
||
padding: 0 10px;
|
||
border: 1px solid #ccc;
|
||
border-radius: 4px;
|
||
}
|
||
.search-btn {
|
||
height: 37px;
|
||
background-color: #20558a;
|
||
color: #fff;
|
||
border: none;
|
||
padding: 0 20px;
|
||
cursor: pointer;
|
||
border-radius: 4px;
|
||
vertical-align: top;
|
||
}
|
||
.search-btn:hover { background-color: #163d63; }
|
||
|
||
/* 结果展示区 */
|
||
#resultArea {
|
||
margin-top: 30px;
|
||
padding: 20px;
|
||
border-top: 1px dashed #ccc;
|
||
display: none; /* 初始隐藏 */
|
||
}
|
||
.btn-group { display: flex; gap: 15px; margin-top: 15px; }
|
||
.action-btn {
|
||
flex: 1;
|
||
padding: 15px;
|
||
font-size: 16px;
|
||
font-weight: bold;
|
||
color: white;
|
||
border: none;
|
||
border-radius: 8px;
|
||
cursor: pointer;
|
||
text-align: center;
|
||
transition: transform 0.1s;
|
||
}
|
||
.action-btn:active { transform: scale(0.98); }
|
||
|
||
/* 两个按钮的不同颜色 */
|
||
.btn-produce { background-color: #28a745; } /* 绿色 - 生产 */
|
||
.btn-typeset { background-color: #007bff; } /* 蓝色 - 排版 */
|
||
|
||
.tip { color: #666; font-size: 14px; margin-bottom: 10px; }
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
|
||
<h3>期刊文章快速跳转工具</h3>
|
||
<p>请输入期刊官网文章链接：</p>
|
||
<input type="text" id="tmrUrl" placeholder="https://www.tmrjournals.com/article.html?J_num=2&a_id=3578">
|
||
<button class="search-btn" onclick="getHtmlInfo()">查询状态</button>
|
||
|
||
<div id="resultArea">
|
||
<p class="tip">检测到自动化排版文章，请选择跳转目标：</p>
|
||
<div class="btn-group">
|
||
<button id="btnProduce" class="action-btn btn-produce">1. 跳转 Produce (生产)</button>
|
||
<button id="btnTypeset" class="action-btn btn-typeset">2. 跳转排版 (GenerateCharts)</button>
|
||
</div>
|
||
</div>
|
||
|
||
</body>
|
||
|
||
<script src="./js/jquery.min.js"></script>
|
||
<script>
|
||
var apiUrl = "/";
|
||
|
||
// 提取 URL 参数
|
||
function extractParamFromUrl(url, paramName) {
|
||
try {
|
||
const urlObj = new URL(url);
|
||
return urlObj.searchParams.get(paramName);
|
||
} catch (e) {
|
||
return null;
|
||
}
|
||
}
|
||
|
||
function getHtmlInfo() {
|
||
const url = $('#tmrUrl').val().trim();
|
||
const $resultArea = $('#resultArea');
|
||
|
||
if (!url) {
|
||
alert('请输入文章链接');
|
||
return;
|
||
}
|
||
|
||
const a_ID = extractParamFromUrl(url, 'a_id');
|
||
if (!a_ID) {
|
||
alert('链接中缺少 a_id 参数');
|
||
return;
|
||
}
|
||
|
||
// 每次查询前先隐藏结果区
|
||
$resultArea.hide();
|
||
|
||
// 1. 获取文章详情判断类型
|
||
$.ajax({
|
||
type: 'post',
|
||
url: apiUrl + 'api/Article/getArticleDetail',
|
||
data: { "article_id": a_ID },
|
||
success: function (result) {
|
||
if (result.code == 0) {
|
||
// 判断是否为新文章 (html_type == 2)
|
||
if (result.data.articleInfo.html_type == 2) {
|
||
$.ajax({
|
||
type: 'post',
|
||
url: apiUrl + 'api/Article/getArticleDetailHtmlFor2',
|
||
data: { "article_id": a_ID },
|
||
success: function (res) {
|
||
if (res.code != 0) {
|
||
// 显示操作区域
|
||
alert('无法获取该文章投稿系统 ID');
|
||
}
|
||
$resultArea.fadeIn();
|
||
|
||
|
||
|
||
// --- 按钮 1: 跳转 Produce ---
|
||
$('#btnProduce').off('click').on('click', function() {
|
||
// 这里假设 Produce 的链接是这个，如果不对请微调
|
||
if(res.data.refers&&res.data.refers.length>0){
|
||
var refer_id = res.data.refers[0].p_article_id;
|
||
window.open(`https://submission.tmrjournals.com/articleListEditor_B1?id=${refer_id}`, '_blank');
|
||
}else{
|
||
alert('暂无文章数据');
|
||
}
|
||
});
|
||
|
||
// --- 按钮 2: 跳转排版 (需二次查询) ---
|
||
$('#btnTypeset').off('click').on('click', function() {
|
||
if (res.data.mains && res.data.mains.length > 0) {
|
||
var inner_id = res.data.mains[0].article_id;
|
||
window.open(`https://submission.tmrjournals.com/GenerateCharts?id=${inner_id}`, '_blank');
|
||
} else{
|
||
alert('暂无排版数据');
|
||
}
|
||
});
|
||
|
||
}
|
||
});
|
||
|
||
|
||
|
||
|
||
} else {
|
||
alert('该文章不是自动化排版文章（html_type 不等于 2）');
|
||
}
|
||
} else {
|
||
alert('获取详情失败：' + (result.msg || '未知错误'));
|
||
}
|
||
},
|
||
error: function() {
|
||
alert('网络请求失败，请检查 API 接口');
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
|
||
</html> |