tijiao
This commit is contained in:
@@ -19,8 +19,8 @@ const service = axios.create({
|
||||
// baseURL: 'https://submission.tmrjournals.com/', //正式 记得切换
|
||||
// baseURL: 'http://www.tougao.com/', //测试本地 记得切换
|
||||
// baseURL: 'http://192.168.110.110/tougao/public/index.php/',
|
||||
// baseURL: '/api', //本地
|
||||
baseURL: '/', //正式
|
||||
baseURL: '/api', //本地
|
||||
// baseURL: '/', //正式
|
||||
|
||||
});
|
||||
|
||||
|
||||
@@ -24,7 +24,9 @@ a {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
|
||||
.page-container {
|
||||
min-width: 1200px;
|
||||
}
|
||||
.content-box {
|
||||
position: absolute;
|
||||
left: 260px;
|
||||
|
||||
@@ -2,12 +2,12 @@
|
||||
//记得切换
|
||||
|
||||
//正式
|
||||
const mediaUrl = '/public/';
|
||||
const baseUrl = '/';
|
||||
// const mediaUrl = '/public/';
|
||||
// const baseUrl = '/';
|
||||
|
||||
// const mediaUrl = 'https://submission.tmrjournals.com/public/';
|
||||
// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
|
||||
// const baseUrl = '/api'
|
||||
const mediaUrl = 'https://submission.tmrjournals.com/public/';
|
||||
// const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
|
||||
const baseUrl = '/api'
|
||||
|
||||
// const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
|
||||
// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="crumbs">
|
||||
<div class="art_state_message_id" style="padding-left: 15px">
|
||||
<div class="art_state_message_id" style="padding-left: 18px">
|
||||
<font
|
||||
>ID : <b style="margin-right: 25px">{{ form.accept_sn }}</b></font
|
||||
>
|
||||
@@ -204,7 +204,7 @@
|
||||
height: 30px;
|
||||
margin-right: 4px;
|
||||
position: absolute;
|
||||
left: -16px;
|
||||
left: -15px;
|
||||
top: -30px;
|
||||
cursor: pointer;
|
||||
"
|
||||
@@ -216,7 +216,7 @@
|
||||
<img
|
||||
src="@/assets/img/ai.png"
|
||||
class="beautiful-gradient"
|
||||
style="width: 30px; height: 30px; margin-right: 4px; position: absolute; left: -18px; top: -30px; cursor: pointer"
|
||||
style="width: 30px; height: 30px; margin-right: 4px; position: absolute; left: -15px; top: -30px; cursor: pointer"
|
||||
@click="openAI()"
|
||||
/>
|
||||
</div>
|
||||
@@ -659,7 +659,7 @@
|
||||
>( {{ iken.rated }} )</span
|
||||
>
|
||||
<span
|
||||
v-if="iken.state != 0"
|
||||
|
||||
style="color: #888; float: right; margin-right: 20px"
|
||||
@click="handleClick(iken, 'detail')"
|
||||
>Detail</span
|
||||
@@ -1923,6 +1923,7 @@ export default {
|
||||
return maxItem && maxItem.repeat ? maxItem.repeat.length : 0;
|
||||
},
|
||||
handleClick(item, type, repeatItem) {
|
||||
|
||||
this.reviewerDetail = item;
|
||||
this.reviewerVisible = true;
|
||||
this.$nextTick(() => {
|
||||
|
||||
@@ -935,7 +935,7 @@
|
||||
>( {{ iken.rated }} )</span
|
||||
>
|
||||
<span
|
||||
v-if="iken.state != 0"
|
||||
|
||||
style="color: #006699; float: right; margin-top: 2px"
|
||||
@click="handleClick(iken)"
|
||||
>Detail</span
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div>
|
||||
<div class="page-container">
|
||||
<div class="crumbs">
|
||||
<el-breadcrumb separator="/">
|
||||
<el-breadcrumb-item> <i class="el-icon-lx-calendar"></i> Manuscript reviewer list </el-breadcrumb-item>
|
||||
@@ -103,9 +103,10 @@
|
||||
</font>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="" width="100" align="center">
|
||||
<el-table-column label="" width="180" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button v-show="scope.row.state!=4"ize="mini" type="primary" plain icon="el-icon-tickets" @click="showdetail(scope.row)">Detail</el-button>
|
||||
<el-button style="margin-top: 8px;"v-show="scope.row.is_reapply==1"ize="mini" type="success" plain icon="el-icon-refresh-right" @click="reinviteReview(scope.row)">Resend Invitation</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
@@ -504,6 +505,40 @@ export default {
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
reinviteReview(row) {
|
||||
console.log(row);
|
||||
this.$confirm('Are you sure you want to resend the review invitation to this reviewer?', '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/updateReviewerState', {
|
||||
|
||||
account: localStorage.getItem('U_name'),
|
||||
art_rev_id: row.art_rev_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();
|
||||
});
|
||||
});
|
||||
|
||||
},
|
||||
initArticle() {
|
||||
this.$api
|
||||
.post('api/Article/getArticleDetail', {
|
||||
|
||||
@@ -33,7 +33,7 @@
|
||||
<el-form-item label="CreateTime">
|
||||
<span>{{ formatDate(detailDate.ctime) }}</span>
|
||||
</el-form-item>
|
||||
<el-form-item label="Disclose name or anonymous" label-width="200px">
|
||||
<el-form-item label="Disclose name or anonymous" label-width="200px" v-if="reviewerDetail.state != 0">
|
||||
<span v-if="detailDate.is_anonymous == 0">Disclose name</span>
|
||||
<span v-if="detailDate.is_anonymous == 1">Remain anonymous</span>
|
||||
</el-form-item>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<div class="success-box" v-if="articleInfo && (articleInfo.state == 0 || articleInfo.state == 1)">
|
||||
<div class="success-box">
|
||||
<div v-if="articleInfo && (articleInfo.state == 0 || articleInfo.state == 1)&&!paymentChecking">
|
||||
<div :class="{ 'payment-success': articleInfo.state == 1, 'payment-failed': articleInfo.state == 0 }">
|
||||
<div style="display: flex; align-items: center; margin-bottom: 10px">
|
||||
<h2 style="margin: 0 auto; display: flex; align-items: center">
|
||||
@@ -35,23 +36,73 @@
|
||||
<p v-if="articleInfo.state == 1">You will receive an email confirmation shortly.</p>
|
||||
<button @click="goBack" :class="articleInfo.state == 1 ? 'btn-success' : 'btn-danger'">Continue Operation</button>
|
||||
<p :style="articleInfo.state == 1 ? 'color:#67c23a' : 'color:#F56C6C'" style="font-size: 13px; line-height: 40px">
|
||||
Automatically jump after {{ hideSec }} seconds
|
||||
Automatically jump after {{ hideSec<=0 ? '0' : hideSec }} seconds
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="payment-result-card" v-if="paymentChecking">
|
||||
|
||||
<div class="result-header">
|
||||
<div class="result-header-text">
|
||||
<img src="@/assets/img/logo.png" alt="" style="height: 26px">
|
||||
|
||||
<p>Publishing Group</p>
|
||||
</div>
|
||||
<div class="header-icon">Processing Your Secure Payment</div>
|
||||
</div>
|
||||
|
||||
<div class="result-body">
|
||||
|
||||
<div class="manuscript-header">
|
||||
<div class="manuscript-meta">
|
||||
<span>
|
||||
<a :href="journalBaseInfo.website" target="_blank" class="titlink">{{ journalBaseInfo.title }}</a>
|
||||
<span style="margin: 0 10px"> >> </span>
|
||||
Manuscript ID : {{ articleBaseInfo.accept_sn }}
|
||||
</span>
|
||||
|
||||
</div>
|
||||
<h1>{{ articleBaseInfo.title }}</h1>
|
||||
</div>
|
||||
|
||||
<!-- <h4></h4> -->
|
||||
|
||||
|
||||
<!-- <p>This may take a few moments. Please remain on this page.</p> -->
|
||||
|
||||
<div class="loading-spinner"></div>
|
||||
|
||||
<div class="result-warning">
|
||||
<p>
|
||||
⚠️ DO NOT close this window or refresh your browser.
|
||||
</p>
|
||||
<span>We are waiting for final confirmation from the payment system.</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
paymentChecking: false,
|
||||
alertShow: true,
|
||||
urlList: {
|
||||
detail: 'api/Order/PaystationLookup',
|
||||
createdOrder: 'api/Order/creatArticleOrder'
|
||||
},
|
||||
|
||||
articleInfo: {},
|
||||
journalInfo: {},
|
||||
articleBaseInfo: {},
|
||||
journalBaseInfo: {},
|
||||
total: '',
|
||||
articleId: this.$route.query.id,
|
||||
dingshi: null,
|
||||
@@ -59,13 +110,14 @@ export default {
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getDetail();
|
||||
this.getDetail()
|
||||
},
|
||||
mounted() {
|
||||
|
||||
|
||||
},
|
||||
methods: {
|
||||
hideAlert() {
|
||||
|
||||
this.dingshi = setInterval(() => {
|
||||
this.hideSec -= 1;
|
||||
if (this.hideSec == 1) {
|
||||
@@ -80,12 +132,38 @@ export default {
|
||||
return amount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
|
||||
},
|
||||
getDetail() {
|
||||
const loading = this.$loading({
|
||||
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Querying payment results...',
|
||||
text: 'Loading...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
|
||||
this.$api
|
||||
.post('api/Order/preOrderDetail', {
|
||||
article_id: this.articleId
|
||||
})
|
||||
.then((res) => {
|
||||
loading.close();
|
||||
this.paymentChecking = true;
|
||||
console.log('res at line 191:', res);
|
||||
if (res.code == 0) {
|
||||
this.articleBaseInfo = res.data.article_detail;
|
||||
this.journalBaseInfo = res.data.journal_detail;
|
||||
this.getPayDetail();
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
loading.close();
|
||||
|
||||
|
||||
});
|
||||
},
|
||||
getPayDetail() {
|
||||
|
||||
|
||||
|
||||
this.$api
|
||||
.post(this.urlList.detail, {
|
||||
article_id: this.articleId
|
||||
@@ -93,8 +171,9 @@ export default {
|
||||
.then((res) => {
|
||||
console.log('res at line 191:', res);
|
||||
if (res.code == 0) {
|
||||
|
||||
this.hideAlert();
|
||||
setTimeout(() => {
|
||||
setTimeout(() => {this.paymentChecking = false;
|
||||
if (res.data.result == 'success') {
|
||||
this.articleInfo = res.data.paystation;
|
||||
this.articleInfo.state = 1;
|
||||
@@ -103,15 +182,17 @@ export default {
|
||||
this.articleInfo.state = 0;
|
||||
this.$forceUpdate();
|
||||
}
|
||||
loading.close();
|
||||
|
||||
}, 1000);
|
||||
} else {
|
||||
loading.close();
|
||||
this.paymentChecking = false;
|
||||
|
||||
this.$message.error(res.msg);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
loading.close();
|
||||
this.paymentChecking = false;
|
||||
|
||||
});
|
||||
},
|
||||
goBack() {
|
||||
@@ -119,18 +200,7 @@ export default {
|
||||
type = this.$route.query.type ? this.$route.query.type : '';
|
||||
var id = this.$route.query.id;
|
||||
console.log('id at line 83:', id);
|
||||
// 跳转到新的路由
|
||||
|
||||
// if (type == 'Pre-accept') {
|
||||
// this.$router.replace({ name: 'success' });
|
||||
// this.$router.push({
|
||||
// path: '/PreIngested',
|
||||
// query:{
|
||||
// id: id
|
||||
// }
|
||||
|
||||
// });
|
||||
// } else {
|
||||
|
||||
this.$router.replace({ name: 'success' });
|
||||
this.$router.push({
|
||||
path: '/PreIngested',
|
||||
@@ -138,14 +208,150 @@ export default {
|
||||
id: id
|
||||
}
|
||||
});
|
||||
// }
|
||||
//
|
||||
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.titlink {
|
||||
color: #006699;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
/* --- 稿件信息样式 --- */
|
||||
.manuscript-header {
|
||||
/* border-bottom: 1px solid #eee; */
|
||||
padding-bottom: 10px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
/* --- 核心卡片容器 (原 .card-container) --- */
|
||||
.payment-result-card {
|
||||
width: 800px;
|
||||
|
||||
background-color: #ffffff;
|
||||
border-radius: 10px;
|
||||
/* 柔和且明显的阴影，模拟浮动效果 */
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
|
||||
overflow: hidden;
|
||||
border: 1px solid #e0e0e0;
|
||||
}
|
||||
|
||||
/* --- 头部品牌信息 (原 .header) --- */
|
||||
.result-header {
|
||||
padding: 30px;
|
||||
padding-bottom: 20px;
|
||||
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.09);
|
||||
}
|
||||
|
||||
.result-header-text h1 {
|
||||
color: #1a5276;
|
||||
font-size: 14px;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.result-header-text p {
|
||||
color: #777;
|
||||
font-size: 0.85em;
|
||||
margin: 5px 0 0 0;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
||||
.header-icon {
|
||||
font-size: 18px;
|
||||
color: #1a5276;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
.result-body {
|
||||
padding: 30px;
|
||||
|
||||
border-top: 1px solid #f0f0f0;
|
||||
margin-top: 15px;
|
||||
|
||||
|
||||
box-shadow: 0 10px 52px rgba(0, 0, 0, 0.09);
|
||||
}
|
||||
|
||||
.result-body h3 {
|
||||
color: #555;
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
|
||||
.result-body h4 {
|
||||
color: #1a5276;
|
||||
font-size:14px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 15px 0;
|
||||
}
|
||||
|
||||
.result-body p {
|
||||
color: #555;
|
||||
line-height: 1.6;
|
||||
margin: 0 0 10px 0;
|
||||
}
|
||||
|
||||
/* --- 动画加载器 (原 .spinner) --- */
|
||||
.loading-spinner {
|
||||
border: 5px solid #e0f0ff;
|
||||
border-top: 5px solid #1a5276;
|
||||
border-radius: 50%;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
animation: spin 1s linear infinite;
|
||||
margin: 0px auto 30px auto;
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
0% { transform: rotate(0deg); }
|
||||
100% { transform: rotate(360deg); }
|
||||
}
|
||||
|
||||
/* --- 警告信息 (原 .warning) --- */
|
||||
.result-warning {
|
||||
/* border-top: 1px solid #f0f0f0; */
|
||||
padding-top: 10px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.result-warning p {
|
||||
color: #e67e22;
|
||||
font-weight: 700;
|
||||
font-size: 0.95em;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.result-warning span {
|
||||
color: #555;
|
||||
font-weight: 400;
|
||||
display: block;
|
||||
margin-top: 5px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
.payment-success {
|
||||
margin-top: 40px;
|
||||
margin: 0 auto;
|
||||
@@ -156,7 +362,7 @@ export default {
|
||||
border-radius: 16px;
|
||||
color: #155724;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
|
||||
width: 600px;
|
||||
width: 800px;
|
||||
}
|
||||
.payment-failed {
|
||||
margin-top: 40px;
|
||||
@@ -168,7 +374,7 @@ export default {
|
||||
border-radius: 16px;
|
||||
color: #f56c6c;
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
|
||||
width: 600px;
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
@@ -207,8 +413,9 @@ button:hover {
|
||||
.success-box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
/* justify-content: center; */
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #eef1f5;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -529,7 +529,7 @@
|
||||
class="rightTabs"
|
||||
type="border-card"
|
||||
:style="rightW ? `width:${rightW + 1}px` : ''"
|
||||
style="width: 310px; position: fixed; top: 58px; box-sizing: border-box; right: 14px"
|
||||
style="width: 310px; position: fixed; top: 40px; box-sizing: border-box; right: 14px"
|
||||
>
|
||||
<el-tab-pane :label="`AI Proofreading`" name="proofreading" v-if="isEditComment">
|
||||
<span slot="label">
|
||||
@@ -547,7 +547,7 @@
|
||||
v-loading="proofreadingLoading"
|
||||
v-if="!isPreview"
|
||||
:style="rightW ? `width:${rightW}px` : ''"
|
||||
style="width: 310px; position: fixed; top: 104px; box-sizing: border-box; right: 14px; bottom: 0"
|
||||
style="width: 310px; position: fixed; top: 90px; box-sizing: border-box; right: 14px; bottom: 0"
|
||||
class="commentList"
|
||||
>
|
||||
<li
|
||||
@@ -862,7 +862,7 @@
|
||||
style="
|
||||
width: 310px;
|
||||
position: fixed;
|
||||
top: 104px;
|
||||
top: 90px;
|
||||
box-sizing: border-box;
|
||||
right: 14px;
|
||||
bottom: 0;
|
||||
@@ -4308,7 +4308,7 @@ return false
|
||||
/* background-color: #fff; */
|
||||
/* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); */
|
||||
position: fixed;
|
||||
top: 58px;
|
||||
top: 40px;
|
||||
box-sizing: border-box;
|
||||
right: 24px;
|
||||
z-index: 2;
|
||||
|
||||
@@ -814,7 +814,8 @@ export default {
|
||||
affiliation: '',
|
||||
website: '',
|
||||
realname: '',
|
||||
type: ''
|
||||
type: '',
|
||||
field: ''
|
||||
},
|
||||
editForm: {
|
||||
journal_id: 0
|
||||
@@ -1087,7 +1088,7 @@ export default {
|
||||
type: [
|
||||
{
|
||||
required: true,
|
||||
message: 'Please input type',
|
||||
message: 'Please select Identity',
|
||||
trigger: 'blur'
|
||||
}
|
||||
],
|
||||
|
||||
@@ -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>
|
||||
|
||||
83
src/main.js
83
src/main.js
@@ -53,43 +53,60 @@ import 'quill/dist/quill.bubble.css'
|
||||
// 注册富文本编辑器组件为全局组件
|
||||
Vue.use(VueQuillEditor)
|
||||
|
||||
|
||||
|
||||
|
||||
async function loadJournalType() {
|
||||
const localData = localStorage.getItem('journalType'); // 尝试从 localStorage 获取数据
|
||||
|
||||
if (!localData) {
|
||||
try {
|
||||
await api
|
||||
.post('api/Articletype/getArticleType', {})
|
||||
.then((res) => {
|
||||
|
||||
if (res.status == 1) {
|
||||
localStorage.setItem('journalTypeData', JSON.stringify(res.data.base)); // 将数据存储到 localStorage
|
||||
localStorage.setItem('journalTypeDataAll', JSON.stringify([...res.data.base, ...res.data.supplement])); // 将数据存储到 localStorage
|
||||
|
||||
}
|
||||
})
|
||||
await api
|
||||
.post('api/Articletype/getMedicalType', {})
|
||||
.then((res) => {
|
||||
|
||||
if (res.status == 1) {
|
||||
localStorage.setItem('opMedicalListData', JSON.stringify(res.data)); // 将数据存储到 localStorage
|
||||
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
} catch (error) {
|
||||
|
||||
}
|
||||
} else {
|
||||
// 1. 获取并尝试解析缓存数据
|
||||
const cachedString = localStorage.getItem('journalTypeData');
|
||||
let parsedData = null;
|
||||
|
||||
if (cachedString) {
|
||||
try {
|
||||
// 必须先解析 JSON 字符串
|
||||
parsedData = JSON.parse(cachedString);
|
||||
} catch (e) {
|
||||
console.error("缓存数据解析失败，将重新请求 API:", e);
|
||||
}
|
||||
}
|
||||
|
||||
// 2. 检查解析后的数据是否有效（是数组且长度大于 0）
|
||||
if (parsedData && Array.isArray(parsedData) && parsedData.length > 0) {
|
||||
// 缓存有效，直接返回缓存数据
|
||||
return parsedData;
|
||||
}
|
||||
|
||||
// 3. 如果缓存无效或不存在，执行 API 调用
|
||||
try {
|
||||
// 第一个 API 调用，使用 await 接收结果
|
||||
const journalRes = await api.post('api/Articletype/getArticleType', {});
|
||||
if (journalRes.status === 1) {
|
||||
// 存储 journal data
|
||||
localStorage.setItem('journalTypeData', JSON.stringify(journalRes.data.base));
|
||||
localStorage.setItem('journalTypeDataAll', JSON.stringify([...journalRes.data.base, ...journalRes.data.supplement]));
|
||||
}
|
||||
|
||||
// 第二个 API 调用，串行执行
|
||||
const medicalRes = await api.post('api/Articletype/getMedicalType', {});
|
||||
if (medicalRes.status === 1) {
|
||||
// 存储 medical data
|
||||
localStorage.setItem('opMedicalListData', JSON.stringify(medicalRes.data));
|
||||
}
|
||||
|
||||
// 4. 返回第一个 API 调用的主要数据
|
||||
if (journalRes.status === 1) {
|
||||
return journalRes.data.base;
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
// 集中处理 API 调用失败
|
||||
console.error('Error loading data:', error);
|
||||
return []; // 失败时返回一个默认的空数组，避免程序崩溃
|
||||
}
|
||||
|
||||
// 如果所有流程都没有返回，默认返回空数组
|
||||
return [];
|
||||
}
|
||||
|
||||
|
||||
|
||||
async function loadJournalList() {
|
||||
try {
|
||||
const localData = store.state.journalList;
|
||||
|
||||
@@ -24,7 +24,8 @@ export default new Router({
|
||||
component: () => import( /* webpackChunkName: "dashboard" */
|
||||
'../components/page/Dashboard_.vue'),
|
||||
meta: {
|
||||
title: 'Personal Center'
|
||||
title: 'Personal Center',
|
||||
hideJournal: true
|
||||
}
|
||||
},
|
||||
// {
|
||||
@@ -355,7 +356,8 @@ export default new Router({
|
||||
component: () => import('../components/page/components/pendingPayment/success.vue'),
|
||||
meta: {
|
||||
title: 'Success',
|
||||
hideJournal: true
|
||||
hideJournal: true,
|
||||
hideSidebar: true,
|
||||
}
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user