提交
This commit is contained in:
@@ -8,15 +8,15 @@
|
||||
color: #67c23a;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
/* justify-content: space-between; */
|
||||
"
|
||||
>
|
||||
<i class="el-icon-success" style="margin-right: 10px"></i>
|
||||
<span
|
||||
>Dear {{ user_name }} , Congratulations! You manuscript has been pre-accepted for publication in
|
||||
<b>{{ journalInfo.title }}</b
|
||||
>. Please review and complete the necessary information of your manuscript. Kindly note that an article processing charge is
|
||||
required for final publication.</span
|
||||
>. Please review and complete the necessary information of your manuscript.
|
||||
{{ isFree ? '' : 'Kindly note that an article processing charge is required for final publication.' }}</span
|
||||
>
|
||||
</p>
|
||||
|
||||
@@ -60,49 +60,74 @@
|
||||
<!-- 文章引用 -->
|
||||
<div class="con">
|
||||
<h4 class="con-title">{{ this.$t('PreAccept.step1') }}</h4>
|
||||
<div style="padding: 20px; box-sizing: border-box" v-loading="tableData.length==0">
|
||||
<p style="color: #505050; font-size: 14px; box-sizing: border-box; margin-bottom: 20px" v-if="tableData.length>0&&tableData[0].state==0">
|
||||
<i class="el-icon-warning" style="color: #517fd5; margin-right: 8px"></i> How to apply for a discount? Please see
|
||||
our discount policy here:
|
||||
<a
|
||||
style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
|
||||
href="https://www.tmrjournals.com/tmr/free-application/"
|
||||
target="_blank"
|
||||
>https://www.tmrjournals.com/tmr/free-application/</a
|
||||
>.
|
||||
</p>
|
||||
<el-card class="box-card" style="width: 100%"
|
||||
><el-table :data="tableData" style="width: 100%" align="center">
|
||||
<el-table-column prop="fee" label="Price">
|
||||
<template slot-scope="scope"> {{ scope.row.fee }} USD </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" label="Discounts">
|
||||
<template slot-scope="scope"> 0 USD </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="address" label="Tax">
|
||||
<template slot-scope="scope"> 0 USD </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="fee" label="Total Price">
|
||||
<template slot-scope="scope"> {{ scope.row.fee }} USD </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" label="Current Status">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.state==1" style='color:#67c23a'><b>Completed</b></span>
|
||||
<span v-if="scope.row.state==0" style='color:#f56c6c'><b>Incomplete</b></span>
|
||||
|
||||
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<p style="text-align: right; margin: 20px 0 0" v-if="tableData.length>0&&tableData[0].state==0">
|
||||
<span
|
||||
@click="goOrderConfirmation(articleInfo)"
|
||||
style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
|
||||
>Click here</span
|
||||
|
||||
<div style="padding: 20px; box-sizing: border-box" v-loading="tableData.length == 0">
|
||||
<div v-if="tableData.length > 0">
|
||||
<div v-if="isFree" style="display: flex; align-items: center">
|
||||
<svg
|
||||
style="margin-right: 10px"
|
||||
t="1763705729388"
|
||||
class="icon"
|
||||
viewBox="0 0 1024 1024"
|
||||
version="1.1"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
p-id="6912"
|
||||
width="20"
|
||||
height="20"
|
||||
>
|
||||
to go to the payment page.
|
||||
</p></el-card
|
||||
>
|
||||
<path
|
||||
d="M383.2 512H320v-64h127.2l16-16-130.4-129.6 45.6-45.6 130.4 130.4 249.6-249.6C688 91.2 604 64 512.8 64c-247.2 0-448 200.8-448 448 0 90.4 27.2 174.4 73.6 245.6L383.2 512zM115.2 872l45.6 45.6 63.2-63.2C301.6 920 403.2 960 512.8 960c247.2 0 448-200.8 448-448 0-110.4-40-211.2-106.4-289.6l58.4-58.4-45.6-45.6M704 640H545.6v193.6h-64V640h-44l108-108V576H704v64z m0-128H565.6l64-64H704v64z"
|
||||
p-id="6913"
|
||||
fill="#67c23a"
|
||||
></path>
|
||||
</svg>
|
||||
The article processing charges for your manuscript have been waived.
|
||||
</div>
|
||||
<div v-else>
|
||||
<p
|
||||
style="color: #505050; font-size: 14px; box-sizing: border-box; margin-bottom: 20px"
|
||||
v-if="tableData.length > 0 && tableData[0].is_buy == 0"
|
||||
>
|
||||
<i class="el-icon-warning" style="color: #517fd5; margin-right: 8px"></i> How to apply for a discount?
|
||||
Please see our discount policy here:
|
||||
<a
|
||||
style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
|
||||
href="https://www.tmrjournals.com/tmr/free-application/"
|
||||
target="_blank"
|
||||
>https://www.tmrjournals.com/tmr/free-application/</a
|
||||
>.
|
||||
</p>
|
||||
<el-card class="box-card" style="width: 100%"
|
||||
><el-table :data="tableData" style="width: 100%" align="center">
|
||||
<el-table-column prop="fee" :label="$t('pendingPayment.total')">
|
||||
<template slot-scope="scope"> {{ scope.row.original_price }} USD </template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="name" :label="$t('pendingPayment.discountprice')">
|
||||
<template slot-scope="scope"> {{ scope.row.fee }} USD </template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column prop="" :label="$t('pendingPayment.Paymentstatus')">
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.is_buy == 1" style="color: #67c23a"
|
||||
><b>{{ $t('pendingPayment.Paymentsuccessfully') }}</b></span
|
||||
>
|
||||
<span v-if="scope.row.is_buy == 0" style="color: #f56c6c"
|
||||
><b>{{ $t('pendingPayment.pendingpayment') }}</b></span
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<p style="text-align: right; margin: 20px 0 0" v-if="tableData.length > 0 && tableData[0].is_buy == 0">
|
||||
<span
|
||||
@click="goOrderConfirmation(articleInfo)"
|
||||
style="color: rgb(81, 127, 213); cursor: pointer; text-decoration: underline"
|
||||
>Click here</span
|
||||
>
|
||||
to access the payment page.
|
||||
</p></el-card
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <p style="text-align: right;">Click here to request an invoice.</p> -->
|
||||
</div>
|
||||
@@ -125,9 +150,10 @@
|
||||
<div class="con">
|
||||
<h4 class="con-title" style="overflow: hidden">
|
||||
{{ this.$t('PreAccept.step3') }}
|
||||
<b> <span v-if="Ainfo.refer_state.state" style="float: right" class="el-icon-check pass status"> Complete</span>
|
||||
<span v-else class="el-icon-pie-chart notPass status" style="float: right"> Pending</span></b>
|
||||
|
||||
<b>
|
||||
<span v-if="Ainfo.refer_state.state" style="float: right" class="el-icon-check pass status"> Complete</span>
|
||||
<span v-else class="el-icon-pie-chart notPass status" style="float: right"> Pending</span></b
|
||||
>
|
||||
</h4>
|
||||
<p style="color: #505050; font-size: 14px; padding: 20px; box-sizing: border-box">
|
||||
<i class="el-icon-warning" style="color: #517fd5; margin-right: 8px"></i> A total of
|
||||
@@ -147,7 +173,7 @@
|
||||
<span class="el-icon-info help"></span>
|
||||
<div>
|
||||
<h4>Any questions/Help</h4>
|
||||
<p class="mt20">If you experience any problems, please contact us by {{ journalInfo.email }}</p>
|
||||
<p class="mt20">Should you encounter any issues, please feel free to contact us at {{ journalInfo.email }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -159,6 +185,7 @@ import OrderConfirmation from '../page/components/pendingPayment/OrderConfirmati
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isFree: false,
|
||||
tableData: [],
|
||||
articleInfo: {},
|
||||
journalInfo: {},
|
||||
@@ -201,13 +228,13 @@ export default {
|
||||
this.getInfoStatu();
|
||||
this.hideAlert();
|
||||
this.getDetail();
|
||||
this.getPreacceptPayment();
|
||||
// this.getPreacceptPayment();
|
||||
},
|
||||
activated() {
|
||||
this.getInfoStatu();
|
||||
this.hideAlert();
|
||||
this.getDetail();
|
||||
this.getPreacceptPayment();
|
||||
// this.getPreacceptPayment();
|
||||
},
|
||||
components: {
|
||||
OrderConfirmation
|
||||
@@ -220,8 +247,7 @@ export default {
|
||||
this.$router.push({
|
||||
path: '/OrderConfirmation',
|
||||
query: {
|
||||
id: this.$route.query.id,
|
||||
|
||||
id: this.$route.query.id
|
||||
}
|
||||
});
|
||||
},
|
||||
@@ -231,27 +257,47 @@ export default {
|
||||
article_id: this.$route.query.id
|
||||
})
|
||||
.then((res) => {
|
||||
|
||||
if (res.code == 0) {
|
||||
this.tableData = [{ ...res.data }];
|
||||
}
|
||||
});
|
||||
},
|
||||
getDetail() {
|
||||
const loading = this.$loading({
|
||||
lock: true,
|
||||
text: 'Loading...',
|
||||
spinner: 'el-icon-loading',
|
||||
background: 'rgba(0, 0, 0, 0.7)'
|
||||
});
|
||||
this.$api
|
||||
.post(this.urlList.detail, {
|
||||
article_id: this.$route.query.id
|
||||
})
|
||||
.then((res) => {
|
||||
|
||||
loading.close();
|
||||
if (res.code == 0) {
|
||||
this.articleInfo = res.data.article_detail;
|
||||
this.journalInfo = res.data.journal_detail;
|
||||
this.tableData = [
|
||||
{
|
||||
original_price: this.journalInfo.fee ? this.journalInfo.fee : 0,
|
||||
fee: this.journalInfo.fee ? this.articleInfo.fee : 0,
|
||||
is_buy: this.articleInfo.is_buy
|
||||
}
|
||||
];
|
||||
|
||||
if (this.tableData[0].is_buy == 1 && Number(this.tableData[0].fee) == 0) {
|
||||
this.isFree = true;
|
||||
} else {
|
||||
this.isFree = false;
|
||||
}
|
||||
if (this.articleInfo.is_buy == 1 || (this.articleInfo.is_buy == 0 && this.journalInfo.fee == '0.00')) {
|
||||
this.active = 1;
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
loading.close();
|
||||
});
|
||||
},
|
||||
handleClickStep(e) {
|
||||
@@ -270,10 +316,15 @@ export default {
|
||||
},
|
||||
// 跳转到图表编辑页面
|
||||
goGenerateCharts(id) {
|
||||
window.open(this.$router.resolve({ path: '/GenerateCharts',
|
||||
query: {
|
||||
id: id
|
||||
} }).href, '_blank');
|
||||
window.open(
|
||||
this.$router.resolve({
|
||||
path: '/GenerateCharts',
|
||||
query: {
|
||||
id: id
|
||||
}
|
||||
}).href,
|
||||
'_blank'
|
||||
);
|
||||
// this.$router.push({
|
||||
// path: 'GenerateCharts',
|
||||
// query: {
|
||||
|
||||
Reference in New Issue
Block a user