Compare commits
3 Commits
6cd8b17bf3
...
master
| Author | SHA1 | Date | |
|---|---|---|---|
| 6a5fecc177 | |||
| 4c7b191311 | |||
| c36145b848 |
@@ -24,7 +24,9 @@ a {
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
|
||||
.page-container {
|
||||
min-width: 1200px;
|
||||
}
|
||||
.content-box {
|
||||
position: absolute;
|
||||
left: 260px;
|
||||
|
||||
@@ -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
|
||||
@@ -964,6 +964,7 @@
|
||||
<p style="line-height: 20px">
|
||||
Manuscript submission :
|
||||
<b>{{ form.username }}</b>
|
||||
<span style="margin: 0 5px;color: #409EFF ;">({{ form.user_email }})</span>
|
||||
submitted to
|
||||
<b>{{ journal_me }}</b>
|
||||
</p>
|
||||
@@ -1858,19 +1859,14 @@ export default {
|
||||
|
||||
// 算终审分
|
||||
finalCount(arry) {
|
||||
var ratedLength = arry.map(item => item.rated).filter(rated => rated&&rated>0).length;
|
||||
let str = 0;
|
||||
let sgr = 0;
|
||||
let all = 0;
|
||||
let j = 0; // null 评分人数
|
||||
let sgr = 0;
|
||||
for (let i = 0; i < arry.length; i++) {
|
||||
if (arry[i].rated == null) {
|
||||
j += 1;
|
||||
continue;
|
||||
} else {
|
||||
all += Number(arry[i].rated);
|
||||
}
|
||||
}
|
||||
str = (all / (arry.length - j)).toFixed(1);
|
||||
str = (all / ratedLength).toFixed(1);
|
||||
sgr = ((Number(str) + Number(this.form.scoring)) / 2).toFixed(1);
|
||||
return sgr;
|
||||
},
|
||||
@@ -1922,6 +1918,7 @@ export default {
|
||||
return maxItem && maxItem.repeat ? maxItem.repeat.length : 0;
|
||||
},
|
||||
handleClick(item, type, repeatItem) {
|
||||
|
||||
this.reviewerDetail = item;
|
||||
this.reviewerVisible = true;
|
||||
this.$nextTick(() => {
|
||||
@@ -2338,6 +2335,7 @@ export default {
|
||||
|
||||
this.initMajor();
|
||||
this.form.username = res.article.account;
|
||||
this.form.user_email = res.article.user_email;
|
||||
this.form.is_figure_copyright = res.article.is_figure_copyright;
|
||||
this.form.title = res.article.title;
|
||||
this.form.journal = res.article.journal_id;
|
||||
|
||||
@@ -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({
|
||||
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;
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<template>
|
||||
<div>
|
||||
|
||||
<div class="liter_ture">
|
||||
<p v-if="role == 'editor'" style="text-indent: 2em; position: absolute; right: 0px; top: -60px">
|
||||
<el-button type="text" @click="showDialogSpecial">Special way to add</el-button>
|
||||
@@ -33,8 +32,8 @@
|
||||
<i class="el-icon-edit-outline"></i>
|
||||
Crossref
|
||||
</el-button>
|
||||
to open the website and get the correct DOI. Finally, copy the Crossref-verified references and place them in the
|
||||
box.
|
||||
to open the website and get the correct DOI. Finally, copy the Crossref-verified references and place them in
|
||||
the box.
|
||||
</p>
|
||||
|
||||
<br />
|
||||
@@ -60,10 +59,10 @@
|
||||
>.
|
||||
</p>
|
||||
|
||||
<div class="template-info" v-if="role == 'editor'" style="margin-left: 30px;">
|
||||
<div class="template-info" v-if="role == 'editor'" style="margin-left: 30px">
|
||||
<span class="template-title">Article from a Journal (General format)</span> <br />
|
||||
Author(s) Last Name First Initial. Title of article. <i>Abbreviated Journal Title</i>. Year;Volume(issue):Inclusive page
|
||||
numbers.<br />
|
||||
Author(s) Last Name First Initial. Title of article. <i>Abbreviated Journal Title</i
|
||||
>. Year;Volume(issue):Inclusive page numbers.<br />
|
||||
<br />
|
||||
<span class="template-title">For example:</span><br />
|
||||
Article with More than Six Authors<br />
|
||||
@@ -104,7 +103,6 @@
|
||||
</div>
|
||||
<!-- 新的 -->
|
||||
<div v-if="showB_step == 2">
|
||||
|
||||
<div class="duplicateRefBox" v-if="chanFerFormRepeatList.length > 0">
|
||||
<el-tooltip class="item" effect="dark" content="Duplicate references" placement="top">
|
||||
<img src="../../assets/img/repeat.png" alt="" style="width: 22px; height: 22px" />
|
||||
@@ -283,8 +281,8 @@
|
||||
@close="cancelSave"
|
||||
>
|
||||
<p class="yinyongPre c888" style="margin-bottom: 20px; color: #888; line-height: 24px">
|
||||
You may add or modify the references. The system will automatically identify and retrieve the reference information. Please
|
||||
note that if the reference type is set to “Other”, the “Parse” button will not be available.
|
||||
You may add or modify the references. The system will automatically identify and retrieve the reference information.
|
||||
Please note that if the reference type is set to “Other”, the “Parse” button will not be available.
|
||||
</p>
|
||||
|
||||
<el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="150px" class="editForm mt10">
|
||||
@@ -335,8 +333,8 @@
|
||||
placeholder="Patel NM, Stottlemyer BA, Gray MP, Boyce RD, Kane Gill SL"
|
||||
></el-input>
|
||||
<p class="zhushi">
|
||||
Six or less authors are required to list all authors while more than six authors are required to list three
|
||||
of them with “et al.”
|
||||
Six or less authors are required to list all authors while more than six authors are required to list
|
||||
three of them with “et al.”
|
||||
</p>
|
||||
</el-form-item>
|
||||
<el-form-item :label="SourceType == 'journal' ? 'Title:' : 'Book'" required prop="title">
|
||||
@@ -474,7 +472,6 @@
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -489,9 +486,7 @@ export default {
|
||||
ue: null,
|
||||
wordText: '',
|
||||
editorConfig: {
|
||||
// 访问 UEditor 静态资源的根路径，可参考 https://hc199421.gitee.io/vue-ueditor-wrap/#/faq
|
||||
UEDITOR_HOME_URL: '/UEditor/',
|
||||
// serverUrl: "//ueditor.zhenghaochuan.com/cos",
|
||||
serverUrl: ''
|
||||
},
|
||||
wordTextArr: [], // 识别出的word引用数组
|
||||
@@ -575,30 +570,22 @@ export default {
|
||||
},
|
||||
methods: {
|
||||
getJournalDateno(dateno, type) {
|
||||
// 先判断 dateno 是否存在且为字符串类型（避免非字符串值导致的错误）
|
||||
if (dateno && typeof dateno === 'string') {
|
||||
// 核心判断：要么没有冒号，要么有冒号但冒号后无有效内容（trim() 去除空格）
|
||||
const hasInvalidColon = !dateno.includes(':') ||
|
||||
(dateno.includes(':') && dateno.split(':').pop().trim() === '');
|
||||
const hasInvalidColon = !dateno.includes(':') || (dateno.includes(':') && dateno.split(':').pop().trim() === '');
|
||||
|
||||
if (hasInvalidColon) {
|
||||
// 根据 type 返回对应类名：type 为 title 返回复盖样式，否则返回 warn
|
||||
return type === 'title' ? 'text-highlight' : 'warn';
|
||||
}
|
||||
}
|
||||
// 有冒号且后面有值，或 dateno 无效 → 返回空字符串
|
||||
return '';
|
||||
},
|
||||
},
|
||||
getParsingInfo(data, index) {
|
||||
//console.log('index at line 457:', data,index)
|
||||
const targetSubArr = this.chanFerFormRepeatList.find((subArr) => subArr.includes(index));
|
||||
if (targetSubArr) {
|
||||
let warningText = 'Please note that ';
|
||||
|
||||
const refElements = targetSubArr.map((ref, refIndex) => {
|
||||
return `${ref + 1}`;
|
||||
});
|
||||
|
||||
if (refElements.length > 0) {
|
||||
if (refElements.length === 1) {
|
||||
warningText += `ref. ${refElements[0]} is a duplicate.`;
|
||||
@@ -607,16 +594,10 @@ export default {
|
||||
warningText += `ref. ${refElements.join(', ')} and ${lastRef} are duplicates.`;
|
||||
}
|
||||
}
|
||||
|
||||
//console.log(warningText);
|
||||
return warningText;
|
||||
}
|
||||
|
||||
//console.log('this.chanFerFormRepeatList at line 459:', this.chanFerFormRepeatList)
|
||||
},
|
||||
// 父容器事件委托处理
|
||||
handleContainerClick(e) {
|
||||
// 判断点击的是否是目标 span（通过标签名或自定义类名筛选）
|
||||
if (e.target.tagName === 'SPAN' && e.target.hasAttribute('data-ref')) {
|
||||
const ref = Number(e.target.getAttribute('data-ref')); // 获取存储的 ref 值
|
||||
this.handleClickRef(ref); // 触发实际逻辑
|
||||
@@ -627,7 +608,6 @@ export default {
|
||||
getRepeatRefHtml() {
|
||||
let warningText = 'Please note that ';
|
||||
this.chanFerFormRepeatList.forEach((pair, index) => {
|
||||
// 处理单个 pair 数组，例如 [1, 2, 3]
|
||||
let singlePairText = '';
|
||||
pair.forEach((ref, refIndex) => {
|
||||
singlePairText += `<span style="font-weight: bold;color: #F56C6C;cursor: pointer;" data-ref="${ref}" >${
|
||||
@@ -644,8 +624,6 @@ export default {
|
||||
warningText += ', and ';
|
||||
}
|
||||
});
|
||||
|
||||
//console.log(warningText);
|
||||
return warningText;
|
||||
},
|
||||
getParsingData() {
|
||||
@@ -665,15 +643,12 @@ export default {
|
||||
})
|
||||
.then((res) => {
|
||||
loading.close();
|
||||
|
||||
this.isShowParsing = false;
|
||||
(this.isShowParsingData = true), (this.refenceForm.joura = res.data.joura);
|
||||
this.refenceForm.author = res.data.author;
|
||||
this.refenceForm.dateno = res.data.dateno;
|
||||
this.refenceForm.doilink = res.data.doilink;
|
||||
// if(this.dialogTitle == 'Add'&&this.SourceType == 'journal'){
|
||||
this.refenceForm.doi = res.data.doi;
|
||||
// }
|
||||
this.refenceForm.title = res.data.title;
|
||||
this.refenceForm.isbn = this.refenceForm.refer_type == 'book' ? res.data.doilink : res.data.isbn;
|
||||
})
|
||||
@@ -690,18 +665,13 @@ export default {
|
||||
p_refer_id: id
|
||||
})
|
||||
.then((res) => {
|
||||
//console.log('res at line 499:', res)
|
||||
if (res.status == 1) {
|
||||
return res.data;
|
||||
} else {
|
||||
this.$message.error(res.msg);
|
||||
|
||||
return Promise.reject(res.msg);
|
||||
}
|
||||
throw res.msg;
|
||||
})
|
||||
.catch((err) => {
|
||||
this.$message.error(err);
|
||||
// 确保错误被向上传递
|
||||
return Promise.reject(err);
|
||||
});
|
||||
},
|
||||
@@ -1021,12 +991,12 @@ export default {
|
||||
this.dialogTitle = optitle;
|
||||
this.isShowParsing = false;
|
||||
this.isShowParsingData = false;
|
||||
try {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading...',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
try {
|
||||
var data = await this.getRefData(row.p_refer_id);
|
||||
this.SourceType = data.refer_type ? data.refer_type : '';
|
||||
|
||||
|
||||
@@ -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;
|
||||
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.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>
|
||||
|
||||
69
src/main.js
69
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 获取数据
|
||||
// 1. 获取并尝试解析缓存数据
|
||||
const cachedString = localStorage.getItem('journalTypeData');
|
||||
let parsedData = null;
|
||||
|
||||
if (!localData) {
|
||||
if (cachedString) {
|
||||
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
|
||||
|
||||
// 必须先解析 JSON 字符串
|
||||
parsedData = JSON.parse(cachedString);
|
||||
} catch (e) {
|
||||
console.error("缓存数据解析失败，将重新请求 API:", e);
|
||||
}
|
||||
})
|
||||
await api
|
||||
.post('api/Articletype/getMedicalType', {})
|
||||
.then((res) => {
|
||||
|
||||
if (res.status == 1) {
|
||||
localStorage.setItem('opMedicalListData', JSON.stringify(res.data)); // 将数据存储到 localStorage
|
||||
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
// 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 []; // 失败时返回一个默认的空数组，避免程序崩溃
|
||||
}
|
||||
} else {
|
||||
|
||||
}
|
||||
// 如果所有流程都没有返回，默认返回空数组
|
||||
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