zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tijiao

Browse Source
This commit is contained in:
始于初见
2025-12-10 10:03:13 +08:00
parent c36145b848
commit 4c7b191311
13 changed files with 629 additions and 138 deletions
Download Patch File Download Diff File Expand all files Collapse all files

334
src/components/page/per_text.vue
View File

@@ -1,6 +1,5 @@
<template>
<div style="background-color: #fafafa;height: 100%;">
<div style="height: 100%;"
class="container_l"
v-loading="loading"
@@ -8,12 +7,11 @@
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
>
<el-row :gutter="20" style="height: 100%;" v-if="txt_mess&&txt_mess.accept_sn">
<el-row :gutter="20" style="height: 100%;" v-if="txt_mess&&txt_mess.accept_sn&&add_apply==0">
<el-col :span="10" style="height: 100%;" v-if="this.add_apply == 0">
<iframe ref="mainiframe" :src="pdfUrl" class="lookpdf" frameborder="0"></iframe>
</el-col>
<el-col :span="this.add_apply == 0?14:24" style="height: 100%; overflow-y: scroll" :style="{'padding': this.add_apply == 1?'0 20px':'0'}">
<!-- <el-col :span="24"> -->
<el-col :span="this.add_apply == 0?14:24" style="height: 100%; overflow-y: scroll" >
<el-card class="box-card">
<div class="tet_list" :model="txt_mess" >
<h4>{{ txt_mess.article_title }}</h4>
@@ -23,7 +21,7 @@
Manuscript ID: {{ txt_mess.accept_sn }}
</h5>
<p style="display: inline-block; margin: 0 35px"><b>Type :</b> {{ txt_mess.atype }}</p>
<p style="display: inline-block"><b>Submitted time :</b> {{ txt_mess.ctime }}</p>
<p style="display: inline-block"><b>Submitted time :</b> {{ txt_mess.ctime | formatDatehms}}</p>
<div v-if="this.add_apply == 0">
<p><b>Abstract :</b> <br />{{ txt_mess.abstrart }}</p>
<div class="file_sty" v-for="item in fileList" style="margin-top: 15px">
@@ -51,52 +49,107 @@
<i class="el-icon-download" style="margin-left: 20px; color: #66b1ff; font-weight: bold"></i> </a
><br />
</div>
<p style="margin-top: 5px; color: #999; font-size: 14px;">
<b style="color: #e41411">Download failed?</b>
<p style="line-height: 18px;color: #999; font-size: 14px;margin-top: 4px;">
<!-- If you have upgraded the Google Chrome browser to version 86, released on October 6, 2020, you may
have noticed that some file downloads don't work anymore in the browser. You click on the download link
and nothing happens. <br />1. Right now, the easiest option available is to
<b style="color: #e41411">right-click on the download link and select "save link as".</b>
The download is executed when you do that.
<br />2. Please try to use a different browser for downloads. For now, a browser like Firefox, Internet
Explorer, Brave, Vivaldi, the new Edge, or Opera all allow the download. -->
It seems like you're encountering a download issue with Google Chrome version 86. Here are the steps you can follow to resolve or bypass the issue:
<br />1. Right-click on the download link: Instead of clicking the link normally, right-click on it and select <b style="color: #e41411">"save link as".</b> This should allow the download to start.
<br />2. Try a different browser:
If you're still having trouble with Chrome, you could use other browsers to complete your downloads. Browsers like Firefox, Internet Explorer, Brave, Vivaldi, the new Edge, or Opera are known to work well for downloads without this issue.
</p>
</p>
</div>
<!-- <p class="morSou" v-if="!morShow" @click="morShow=true">
<i class="el-icon-bottom"></i>
More article information
</p>
<p class="morSou" v-if="morShow" @click="morShow=false">
<i class="el-icon-top"></i>
More article information
</p> -->
</div>
</el-card>
<el-card class="box-card" v-if="this.add_apply == 1">
<!-- <el-card class="box-card" v-if="this.add_apply == 1">
Thank you for your time and consideration on the manuscript. We are sorry that this manuscript has went through peer
review and the final review has been obtained according to the timetable. Accordingly, your review process has
been discontinued. Your comments do not need to be submitted now. We would like to express our sincere gratitude for
your contributions as well.
</el-card>
<el-card class="box-card" v-if="this.add_apply == 2">
The review link has expired. If you would like to review the manuscript again, please click the 'Apply to Review Manuscript' button.
</el-card> -->
<el-card class="box-card" v-if="this.add_apply == 0">
<!-- 审稿人表单修改 -->
<common-review-article @refresh="getData" type="questionform" :form="questionform" :txt_mess="txt_mess" :btn_submit="btn_submit" :articleId="articleId" :journal_id="journal_id"></common-review-article>
</el-card>
</el-col>
</el-row>
<div class="invitation-expired-box" v-else-if="txt_mess&&txt_mess.accept_sn&&add_apply!=0&&add_apply!=null">
<div class="invitation-expired-card">
<div class="manuscript-header">
<div class="manuscript-meta">
<span>
<a :href="txt_mess.website" target="_blank" class="titlink">{{ txt_mess.title }}</a>
<span style="margin: 0 10px"> >> </span>
Manuscript ID: {{ txt_mess.accept_sn }}
</span>
<span style="display: inline-block; margin: 0 35px"><b>Type :</b> {{ txt_mess.atype }}</span>
<span style="display: inline-block"><b>Submitted time :</b> {{ txt_mess.ctime |formatDatehms }}</span>
</div>
<h1>{{ txt_mess.article_title }}</h1>
</div>
<div class="notification-card" v-if="add_apply == 2">
<i class="el-icon-time icon"></i>
<h2>Review Invitation Expired</h2>
<p>
The review link has expired. If you would like to review the manuscript again,<br/> please click the 'Apply to Review Manuscript' button.
</p>
<div class="cta-button" style="" @click="applyReview">
<i class="el-icon-refresh-right" style="font-weight: 700;font-size: 18px;"></i> Apply to Review Manuscript
</div>
</div>
<div class="notification-card notification-card-success" v-if="add_apply == 1">
<i class="el-icon-success icon"></i>
<h2>Manuscript Review Completed</h2>
<p>Thank you for your time and consideration on the manuscript. We are sorry that this manuscript has went through peer
review and the final review has been obtained according to the timetable. Accordingly, your review process has
been discontinued. Your comments do not need to be submitted now. We would like to express our sincere gratitude for
your contributions as well.
</p>
</div>
<div class="notification-card notification-card-grey" v-if="add_apply == -1">
<i class="el-icon-success icon"></i>
<h2>Manuscript review canceled</h2>
<!-- <p>Thank you for your time and consideration on the manuscript. We are sorry that this manuscript has went through peer
review and the final review has been obtained according to the timetable. Accordingly, your review process has
been discontinued. Your comments do not need to be submitted now. We would like to express our sincere gratitude for
your contributions as well.
</p>
-->
</div>
<div class="notification-card notification-card-grey" v-if="add_apply == 3">
<i class="el-icon-warning-outline icon"></i>
<h2>Review Record Unavailable</h2>
<p>Inquiries regarding the manuscript status and subsequent handling, please feel free to reach out to {{ txt_mess.journal_email }}.
</p>
</div>
</div>
</div>
</div>
</div>
</template>
@@ -209,8 +262,24 @@ export default {
localStorage.setItem('U_name', res.data.user.account);
localStorage.setItem('U_id', res.data.user.user_id);
localStorage.setItem('U_relname', res.data.user.realname);
this.$bus.$emit('user-name-updated');
if (res.data.user.account == 'superadmin' || res.data.user.account ==
'wuxiongzhi2') {
localStorage.setItem('U_status', '0'); //超级管理员
} else if (res.data.roles.includes('editor')) {
localStorage.setItem('U_status', '1'); //编辑
} else {
localStorage.setItem('U_status', '2'); //其余的身份
}
this.$bus.$emit('user-name-updated');
this.CheckReviewerPermissions()
} else {
this.$message.error(res.msg);
@@ -222,13 +291,52 @@ export default {
}
},
methods: {
applyReview() {
this.$confirm('Are you sure you want to send an email to the Editor?', 'Tips', {
confirmButtonText: 'Sure',
cancelButtonText: 'Cancel',
type: 'warning'
}).then(() => {
const loading = this.$loading({
lock: true,
text: 'please wait',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
this.$api
.post('api/Workbench/applySendEmail', {
account: localStorage.getItem('U_name'),
art_rev_id: this.$route.query.Art_id,
})
.then((res) => {
loading.close();
if (res.status == 1) {
this.$message.success('Email sent successfully!');
} else {
this.$message.error(res.msg);
}
})
.catch((err) => {
loading.close();
});
});
},
//审稿人权限判断
CheckReviewerPermissions() {
const loading = this.$loading({
lock: true,
text: 'Loading...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
let params = {
art_rev_id: this.Art_id,
account: localStorage.getItem('U_name'),
};
if (this.Direct_log) {
params.act = this.Direct_log;
}
@@ -236,22 +344,45 @@ export default {
this.$api
.post('api/Workbench/getReviewerAuth', params)
.then((res) => {
//是否有审稿权限1是2否
if(res.data.is_review_auth==1){
that.add_apply = 0;
that.getData()
}else{
loading.close();
if(res.status==1){
that.getData()
}else{
this.txt_mess={...res.data.article,title:res.data.article.journal_name,ctime:res.data.review.ctime,atype:res.data.article.type_name};
this.txt_mess={...res.data.article,title:res.data.article.journal_name,ctime:res.data.review.ctime,atype:res.data.article.type_name};
this.add_apply = 1;
}
}
switch (res.status) {
case 1:
// 有权限操作
this.add_apply = 0;
break;
case 7||16:
// 7文章状态不在审稿中 16同意审稿后14天未进行审稿
this.add_apply = 1;
break;
case 8:
//拒绝审稿
this.add_apply = -1;
break;
case 13:
//13 邀请审稿超过5天未同意邀请
this.add_apply = 2;
break;
default:
this.add_apply = 3;
break;
}
})
.catch((err) => {
.catch((err) => {loading
this.$message.error(err);
});
},
getData() {
const loading = this.$loading({
lock: true,
@@ -270,7 +401,6 @@ export default {
if (res.state != 0) {
this.btn_submit = 1;
}
let date = new Date(parseInt(res.ctime) * 1000);
let Y = date.getFullYear() + '-';
let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
@@ -278,16 +408,12 @@ export default {
res.ctime = Y + M + D;
this.txt_mess = res;
this.journal_id = res.journal_id;
loading.close();
})
.catch((err) => {
loading.close();
this.$message.error(err);
});
this.$api
.post('api/Reviewer/getAFilelistByID ', {
revid: this.Art_id
@@ -301,10 +427,8 @@ export default {
res.data[i].ctime = Y + M + D;
}
this.fileList = res.data;
// 获取格式
let pdfOut = this.fileList[this.fileList.length - 1].file_url;
if (pdfOut.substring(pdfOut.lastIndexOf('.') + 1) == 'docx') {
this.pdfUrl =
'https://view.officeapps.live.com/op/view.aspx?src=https://submission.tmrjournals.com/public/' + pdfOut+`&ui=en-US`;
@@ -318,7 +442,6 @@ export default {
.catch((err) => {
this.$message.error(err);
});
this.$api
.post('api/Reviewer/getBFilelistByID', {
revid: this.Art_id
@@ -353,7 +476,6 @@ export default {
.catch((err) => {
this.$message.error(err);
});
//初始化问卷
this.$api
.post('api/Reviewer/getQuestion', {
@@ -361,8 +483,6 @@ export default {
})
.then((res) => {
if (res.code == 0) {
this.questionform.rev_qu_id = res.data.rev_qu_id;
this.questionform.qu1 = res.data.qu1;
this.questionform.qu2 = res.data.qu2;
@@ -400,7 +520,6 @@ export default {
questionSubmit() {
if (this.questionform.is_anonymous == '' && this.questionform.is_anonymous != '0') {
this.$message.error('Please choose disclose your name or remain anonymous.');
return false;
}
const regex = /[\u4E00-\u9FA5\uF900-\uFA2D]{1,}/;
@@ -408,7 +527,6 @@ export default {
if (regex.test(this.questionform.comment)) {
// 如果输入的是中文，则清空输入框
this.$message.error('Comments for the Authors cannot use Chinese.');
return false;
}
}
@@ -416,7 +534,6 @@ export default {
if (regex.test(this.questionform.confident)) {
// 如果输入的是中文，则清空输入框
this.$message.error('Confidential Comments to the Editor cannot be in Chinese.');
return false;
}
}
@@ -445,7 +562,6 @@ export default {
wenziCount++;
}
}
if (blankCount + wenziCount <= 60) {
this.$message.error('We encourage you to enrich your comment further to help improve the peer paper.');
this.$message({
@@ -627,4 +743,114 @@ export default {
.css-138 {
display: none;
} */
.invitation-expired-box{
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.invitation-expired-card {
max-width: 1000px;
margin-bottom: 10%;
background-color: #fff;
padding: 30px;
border-radius: 8px; /* 轻微圆角 */
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* 柔和阴影 */
}
/* --- 稿件信息样式 --- */
.manuscript-header {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
margin-bottom: 25px;
}
.manuscript-header h1 {
color: #303133; /* 深蓝色/专业色 */
font-size: 20px;
margin: 0 0 5px 0;
font-weight: 700;
margin-top: 12px;
}
.manuscript-meta {
color: #7f8c8d; /* 浅灰色元数据 */
font-size: 0.9em;
margin-top: 5px;
}
/* --- 提示框样式 --- */
.notification-card {
border: 1px solid #e0e0e0;
padding: 30px;
text-align: center;
border-radius: 6px;
background-color: #fff;
margin-top: 30px;
padding-bottom: 50px;
}
.icon {
font-size: 3.5em;
color: #f39c12; /* 橙色，表示过期/警告 */
margin-bottom: 15px;
display: block;
font-weight: bold;
}
.notification-card-success .icon{
color: #67c23a;
}
.notification-card-grey .icon{
color: #d3d4d6;
margin-bottom: 25px;
}
.notification-card h2 {
color: #e67e22; /* 稍深的橙色 */
margin-top: 0;
margin-bottom: 30px;
font-weight: 700;
}
.notification-card-success h2 {
color: #67c23a; /* 稍深的橙色 */
}
.notification-card-grey h2 {
color: #909399; /* 稍深的橙色 */
}
.notification-card p {
color: #555;
line-height: 1.6;
margin-bottom: 30px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
/* --- 按钮样式 (CTA) --- */
.cta-button {
display: inline-block;
background-color: #006699; /* 专业深蓝色 */
color: white;
padding: 12px 25px;
border-radius: 4px;
text-decoration: none;
font-size: 1.1em;
font-weight: 700;
transition: background-color 0.3s ease;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
border: none;
cursor: pointer;
}
.cta-button:hover {
background-color: #00c286; /* 鼠标悬停时变浅 */
}
.cta-button i {
margin-right: 8px;
}
</style>