提交

src/components/page/PreIngestedEditor.vue

@@ -1,8 +1,61 @@
 <template>
     <div>
-
-        
         <div class="tab_post">
+            <div style="margin-bottom: 10px">
+                <p
+                    v-if="feeStatus == 0"
+                    style="
+                        color: #f56c6c;
+
+                        background: #fef0f0;
+                        border-color: #fbc4c4;
+
+                        font-size: 14px;
+                        padding: 10px;
+                        box-sizing: border-box;
+                        margin: 0;
+                    "
+                >
+                    <i class="el-icon-warning" style="color: #f56c6c; margin-right: 10px"></i>Manuscript unpaid
+                </p>
+                <p
+                v-if="feeStatus == 1"
+                style="
+                    color: #67c23a;
+                    margin: 0;
+                    background: #f0f9eb;
+                    border-color: #c2e7b0;
+                    color: #67c23a;
+                    font-weight: bold;
+                    font-size: 12px;
+                    padding: 10px;
+                    box-sizing: border-box;
+                    
+                   
+                "
+            >
+                <i class="el-icon-warning" style="color: #67c23a; margin-right: 10px"></i>Paid already
+               
+            </p>
+            </div>
+            <div style="margin-bottom: 10px">
+            <p
+                style="
+                    margin: 0;
+                    color: #409eff;
+                    background: #ecf5ff;
+                    border-color: #b3d8ff;
+                    color: #505050;
+                    font-size: 12px;
+                    padding: 10px;
+                    box-sizing: border-box;
+                "
+                v-if="feeStatus == 2"
+            >
+                <i class="el-icon-warning" style="color: #517fd5; margin-right: 10px"></i>
+                This manuscript does not require payment
+            </p>
+            </div>
             <div v-for="(item, index) in tabsList" @click="jumpTab(index, item)" :class="tabName == item.refName ? 'P_style' : ''">
                 <h5>
                     <span>{{ index + 1 }}</span>
@@ -365,6 +418,8 @@ import timetalk from './time_talk';
 export default {
     data() {
         return {
+            feeStatus: null,
+            isShowCommit: false,
             talkMsgs: [],
             communVisible: false,
             msgform: {
@@ -796,6 +851,7 @@ export default {
         };
     },
     created() {
+        this.getDetail();
         this.getHight();
         window.addEventListener('resize', this.getHight);
         // this.getData();
@@ -805,6 +861,9 @@ export default {
         // this.getCount();
         // this.getWorldPdf();
     },
+    activated() {
+        this.getDetail();
+    },
     methods: {
         talksave(val) {
             this.msgform.ad_content = '';
@@ -869,6 +928,30 @@ export default {
                     loading.close();
                 });
         },
+        getDetail() {
+            this.isShowCommit = false;
+            this.$api
+                .post('api/Order/preOrderDetail', {
+                    article_id: this.$route.query.id
+                })
+                .then((res) => {
+                    console.log('res at line 191:', res);
+                    if (res.code == 0) {
+                        this.articleInfo = res.data.article_detail;
+                        this.journalInfo = res.data.journal_detail;
+                        if (this.articleInfo.is_buy == 1 && this.journalInfo.fee != '0.00') {
+                            this.isShowCommit = true;
+                            this.feeStatus = 1;
+                        } else if (this.journalInfo.fee == '0.00' && this.articleInfo.is_buy == 1) {
+                            this.isShowCommit = true;
+                            this.feeStatus = 2;
+                        } else {
+                            this.feeStatus = 0;
+                            this.isShowCommit = false;
+                        }
+                    }
+                });
+        },
         getData() {
             this.idform.p_article_id = this.p_article_id;
             this.detailMes.p_article_id = this.p_article_id;
@@ -2026,6 +2109,11 @@ export default {
 
         // 提交到 accept
         pushToAccept(detailMes) {
+            if (!this.isShowCommit) {
+                this.$message.error('The manuscript has not been paid, please contact the author promptly for payment');
+                return false;
+            }
+
             this.$confirm(`Are you sure you want to adjust this article status to 'accept'?`, 'Prompt', {
                 confirmButtonText: 'Yes',
                 cancelButtonText: 'Cancle',