From deab83fc81f5ed39e21f6a4139980d00fe1c0e13 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A7=8B=E4=BA=8E=E5=88=9D=E8=A7=81?= <752204717@qq.com>
Date: Wed, 26 Nov 2025 16:56:56 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js                              |    4 +-
 src/components/common/Header2.vue             |    3 +-
 src/components/common/Home.vue                |    3 +-
 src/components/page/PreIngestedEditor.vue     |  562 +++------
 src/components/page/articleDetailEditor.vue   |    3 +-
 src/components/page/articleListEditor_A.vue   |   31 +-
 .../OnlineProofreading/references-format.vue  |  318 ++++++
 src/components/page/editPublicRefRdit.vue     | 1015 +++++++++++------
 src/main.js                                   |    9 +-
 src/router/index.js                           |   13 +-
 10 files changed, 1215 insertions(+), 746 deletions(-)
 create mode 100644 src/components/page/components/OnlineProofreading/references-format.vue

diff --git a/src/api/index.js b/src/api/index.js
index 525753d..487fb66 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -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: '/', //正式
 
 });
 
diff --git a/src/components/common/Header2.vue b/src/components/common/Header2.vue
index 6c10f23..43ca3f4 100644
--- a/src/components/common/Header2.vue
+++ b/src/components/common/Header2.vue
@@ -113,7 +113,8 @@ export default {
             day: '0',
             hour: '00',
             min: '00',
-            second: '00'
+            second: '00',
+           
         };
     },
     created() {
diff --git a/src/components/common/Home.vue b/src/components/common/Home.vue
index b509a77..a8d8b34 100644
--- a/src/components/common/Home.vue
+++ b/src/components/common/Home.vue
@@ -22,7 +22,7 @@
             </template>
             <template v-else>
                 <v-head2 :home="true"></v-head2>
-                <div style="width: 100%; height: calc(100% - 42px); overflow: hidden">
+                <div style="width: 100%; height: calc(100% - 42px); overflow: hidden" :style="{background: bgColor}">
                     <div class="content" style="padding: 0; overflow: hidden">
                         <!-- <transition name="move" mode="out-in"> -->
                         <!-- <keep-alive :include="tagsList"> -->
@@ -56,6 +56,7 @@ import bus from './bus';
 export default {
     data() {
         return {
+            bgColor: this.$route.meta.bgColor || '#fff',
             tagsList: [],
             collapse: false
         };
diff --git a/src/components/page/PreIngestedEditor.vue b/src/components/page/PreIngestedEditor.vue
index b7b53cc..1f3f30b 100644
--- a/src/components/page/PreIngestedEditor.vue
+++ b/src/components/page/PreIngestedEditor.vue
@@ -1,8 +1,6 @@
 <template>
-    <div>
+    <div style="width: 100%; height: 100%">
         <div class="tab_post">
-           
-    
             <div v-for="(item, index) in tabsList" @click="jumpTab(index, item)" :class="tabName == item.refName ? 'P_style' : ''">
                 <h5>
                     <span>{{ index + 1 }}</span>
@@ -59,262 +57,73 @@
             </div>
         </div>
 
-        <div
-            class="scroll-content guanSty"
-            @scroll="onScroll"
-            :style="'overflow-x: hidden; overflow-y: auto;height:' + contentStyleObj.height"
-        >
-            <!-- 基本信息 -->
-
-            <!-- 作者列表 -->
-
-            <!-- 文件上传 -->
-
-            <!-- 文章正文 -->
-
-            <!-- 参考文献 -->
+        <div class="scroll-content guanSty" @scroll="onScroll" :style="'height: calc(100%);overflow: auto;'">
             <div :ref="tabsList[0].refName" class="scroll-item">
-                <div class="bor_style_onli" style="height: auto;max-height: 700px;">
+                <div class="bor_style_onli" style="height: auto; overflow: hidden">
                     <h4>{{ tabsList[0].name }}</h4>
                     <div style="" class="payment_info_box">
-               
-                   
-                    <div class="payment_info" style="width: 100%"
-                                ><el-table :data="tableData" style="width: 100%" align="center">
-                                    <el-table-column prop="fee" :label="$t('pendingPayment.total')" width="150px">
-                                        <template slot-scope="scope"> {{ scope.row.original_price }} USD </template>
-                                    </el-table-column>
-                                    <el-table-column :label="$t('pendingPayment.discountprice')" width="200px">
-                                        <template slot-scope="scope"> {{ scope.row.fee }} USD <span style="cursor: pointer;color:#006699;margin-left: 10px;" v-if="feeStatus == 0"  @click="handleEditFee"><i class="el-icon-edit"></i> Edit</span></template>
-                                    </el-table-column>
-                                    <!-- <el-table-column prop="name" :label="$t('pendingPayment.Paymentamount')">
-                                        <template slot-scope="scope"> 
-                                            
-                                            </template>
-                                    </el-table-column> -->
-                                    <el-table-column :label="$t('pendingPayment.youhuiremark')">
-                                        <template slot-scope="scope"> 
-                                            <p > <span class="remark">{{ article_pay_info.fee_remark }}</span>
-                           </p>
-                                            </template>
-                                    </el-table-column>
+                        <div class="payment_info" style="width: 100%">
+                            <el-table :data="tableData" style="width: 100%" align="center">
+                                <el-table-column prop="fee" :label="$t('pendingPayment.total')" width="150px">
+                                    <template slot-scope="scope"> {{ scope.row.original_price }} USD </template>
+                                </el-table-column>
+                                <el-table-column :label="$t('pendingPayment.discountprice')" width="200px">
+                                    <template slot-scope="scope">
+                                        {{ scope.row.fee }} USD
+                                        <span
+                                            style="cursor: pointer; color: #006699; margin-left: 10px"
+                                            v-if="feeStatus == 0"
+                                            @click="handleEditFee"
+                                            ><i class="el-icon-edit"></i> Edit</span
+                                        ></template
+                                    >
+                                </el-table-column>
 
-                                    <el-table-column prop="" :label="$t('pendingPayment.Paymentstatus')">
-                                        <template slot-scope="scope">
-                                            <span v-if="feeStatus == 0" style="color: #f56c6c"
-                                                ><b>Manuscript unpaid</b></span
-                                            >
-                                            <span v-if="feeStatus == 1" style="color: #67c23a"
-                                                ><b>Paid already</b></span
-                                            >
-                                            <span v-if="feeStatus == 2" style="color: #67c23a"
-                                                ><b>No payment required</b></span
-                                            >
-                                          
-                                               </template>
-                                    </el-table-column>
-                                    <el-table-column prop="" :label="$t('pendingPayment.Paymentamount')"  v-if="feeStatus == 1">
-                                        <template slot-scope="scope">
-                                            
-                                            <p v-if="article_pay_info.paystation_fee"> <span class="price">{{ formatAmount(Number(article_pay_info.paystation_fee / 100)) }}</span>
-                            {{ article_pay_info.paystation_currency }}</p>
-                                        
-                                               </template>
-                                    </el-table-column>
-                                    <el-table-column prop="" :label="$t('pendingPayment.time')" v-if="feeStatus == 1">
-                                        <template slot-scope="scope">
-                                            
-                                         
-                                          <p><span style="color: #888">{{ article_pay_info.paystation_time ? article_pay_info.paystation_time : 'unknown' }}</span>
-                                     </p>
-                                               </template>
-                                    </el-table-column>
-                                </el-table>
-                              </div
-                            >
-                
-               
-            </div>
+                                <el-table-column :label="$t('pendingPayment.youhuiremark')">
+                                    <template slot-scope="scope">
+                                        <p>
+                                            <span class="remark">{{ article_pay_info.fee_remark }}</span>
+                                        </p>
+                                    </template>
+                                </el-table-column>
+
+                                <el-table-column prop="" :label="$t('pendingPayment.Paymentstatus')">
+                                    <template slot-scope="scope">
+                                        <span v-if="feeStatus == 0" style="color: #f56c6c"><b>Manuscript unpaid</b></span>
+                                        <span v-if="feeStatus == 1" style="color: #67c23a"><b>Paid already</b></span>
+                                        <span v-if="feeStatus == 2" style="color: #67c23a"><b>No payment required</b></span>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="" :label="$t('pendingPayment.Paymentamount')" v-if="feeStatus == 1">
+                                    <template slot-scope="scope">
+                                        <p v-if="article_pay_info.paystation_fee">
+                                            <span class="price">{{ formatAmount(Number(article_pay_info.paystation_fee / 100)) }}</span>
+                                            {{ article_pay_info.paystation_currency }}
+                                        </p>
+                                    </template>
+                                </el-table-column>
+                                <el-table-column prop="" :label="$t('pendingPayment.time')" v-if="feeStatus == 1">
+                                    <template slot-scope="scope">
+                                        <p>
+                                            <span style="color: #888">{{
+                                                article_pay_info.paystation_time ? article_pay_info.paystation_time : 'unknown'
+                                            }}</span>
+                                        </p>
+                                    </template>
+                                </el-table-column>
+                            </el-table>
+                        </div>
+                    </div>
                 </div>
             </div>
             <div :ref="tabsList[1].refName" class="scroll-item">
-                <div class="bor_style_onli">
+                <div class="bor_style_onli bor_style_onli_ref">
                     <h4>{{ tabsList[1].name }}</h4>
-                    <div class="liter_ture" v-if="0 == 2">
-                        <div class="chanSelLef">
-                            <!-- 1 -->
-                            <div :class="showB_step == 1 ? 'C_style' : ''">
-                                <h3><span>1</span>Check References and Doi</h3>
-                                <div v-if="showB_step == 1">
-                                    <p>
-                                        You need to click
-                                        <el-button
-                                            type="warning"
-                                            @click="StepBOper(1)"
-                                            size="mini"
-                                            style="padding: 5px 8px; font-size: 12px; margin: 0 5px"
-                                        >
-                                            <i class="el-icon-edit-outline"></i>
-                                            Crossref
-                                        </el-button>
-                                         to open the website, then paste the references part of the
-                                        <a :href="mediaUrl + this.gridData" target="_blank">
-                                            <el-button type="text" size="mini" style="font-size: 12px; margin: 0 5px; font-weight: bold">
-                                                <i class="el-icon-download" style="font-weight: bold"></i>
-                                                manuscript
-                                            </el-button>
-                                        </a>
-
-                                        to get the new references part, please paste the new one into the input box.
-                                    </p>
-                                    <el-button
-                                        @click="StepBNext(2)"
-                                        plain
-                                        type="primary"
-                                        style="width: 85%; margin: 15px 0px 0px 30px; position: relative"
-                                    >
-                                        <i class="el-icon-right" style="font-size: 18px; position: absolute; right: 8px; top: 5px"></i>
-                                        Next Step
-                                    </el-button>
-                                </div>
-                            </div>
-
-                            <!-- 2 -->
-                            <div :class="showB_step == 2 ? 'C_style' : ''">
-                                <h3><span>2</span>Check Standard</h3>
-                                <div v-if="showB_step == 2">
-                                    <p>Convert to standard format.</p>
-                                    <p style="background-color: #fdf3e3; padding: 10px; margin: 10px 0 0 30px">
-                                        The references with yellow background are problematic, so you can check and correct them yourself.
-                                    </p>
-                                    <el-button
-                                        @click="StepBNext(1)"
-                                        type="primary"
-                                        plain
-                                        style="width: 85%; margin: 15px 0px 0px 30px; position: relative"
-                                    >
-                                        <i
-                                            class="el-icon-back"
-                                            style="font-size: 18px; margin: 0; position: absolute; left: 8px; top: 5px"
-                                        ></i>
-                                        Back Step and Reset
-                                    </el-button>
-                                </div>
-                            </div>
-                        </div>
-                        <div class="chanFerAll">
-                            <div v-if="showB_step == 1">
-                                <el-input
-                                    v-model="refAarray"
-                                    type="textarea"
-                                    rows="20"
-                                    style="width: 100%"
-                                    :placeholder="placeRef"
-                                ></el-input>
-                                <el-button type="primary" @click="StepBOper(2)" style="width: 250px; margin: 20px 0 0 0; float: right">
-                                    <i class="el-icon-document-checked"></i>
-                                    Complete and conversion
-                                </el-button>
-                                <br clear="both" />
-                            </div>
-
-                            <div v-for="(item, index) in this.chanFerForm" v-if="showB_step == 2" class="ref_list">
-                                <div>
-                                    <span style="float: left; margin: 3px 10px 0 0; width: 80px; text-align: right; font-size: 14px"
-                                        >DOI :</span
-                                    >
-                                    <p style="float: left; font-size: 14px; color: #555">{{ item.refer_doi }}</p>
-                                    <br clear="both" />
-                                </div>
-                                <div v-if="item.cs == 1 && item.edit_mark != 0" style="margin-bottom: 0">
-                                    <span style="float: left; margin: 0 12px 0 0; width: 80px; text-align: right; font-size: 14px"
-                                        >Standard :</span
-                                    >
-                                    <p
-                                        v-if="item.author == ''"
-                                        style="float: left; width: 74.5%; font-size: 14px; color: #555; line-height: 20px"
-                                    >
-                                        {{ item.refer_frag }}
-                                    </p>
-                                    <p
-                                        v-if="item.author != ''"
-                                        style="float: left; width: 74.5%; font-size: 14px; color: #555; line-height: 20px"
-                                    >
-                                        {{ item.author }} {{ item.title }} {{ item.joura }}{{ item.dateno }}. Available at:
-                                        {{ item.doilink }}
-                                    </p>
-                                    <br clear="both" />
-                                </div>
-                                <div
-                                    v-if="item.cs == 0 || item.edit_mark == 0"
-                                    :class="item.cs == 0 ? 'BG_yell' : ''"
-                                    style="margin-bottom: 0"
-                                >
-                                    <span style="float: left; margin: 0 12px 0 0; width: 80px; text-align: right; font-size: 14px"
-                                        >Standard :</span
-                                    >
-                                    <el-input
-                                        type="textarea"
-                                        v-model="item.refer_frag"
-                                        autosize
-                                        style="width: 60%; display: inline-block"
-                                    ></el-input>
-
-                                    <div style="display: inline-block; width: 50px; vertical-align: top">
-                                        <el-button
-                                            @click="ChanFerEditFrag(item, index)"
-                                            type="primary"
-                                            icon="el-icon-check"
-                                            size="mini"
-                                            style="margin: 0 5px 0 15px"
-                                        >
-                                        </el-button>
-                                        <el-button
-                                            @click="ChanFerMashUp(item)"
-                                            type="warning"
-                                            size="mini"
-                                            style="margin: 10px 5px 0 15px"
-                                            v-if="index != 0"
-                                            >Up</el-button
-                                        >
-                                    </div>
-                                </div>
-                                <b>{{ index + 1 }}</b>
-                                <i
-                                    class="el-icon-edit-outline"
-                                    @click="referMark(index)"
-                                    v-if="item.edit_mark == 1 && item.cs != 0 && item.author == ''"
-                                ></i>
-                                <i
-                                    class="el-icon-top"
-                                    @click="ChanFerMashUp(item)"
-                                    v-if="index != 0 && item.edit_mark == 1 && item.cs != 0"
-                                    style="right: 40px; font-size: 10px"
-                                    >up</i
-                                >
-                            </div>
-                        </div>
-                        <br clear="both" />
-                        <!-- <p v-if="this.chanFerForm==''" style="text-align: center;color: #999;margin-top: 50px;">No references</p> -->
-                        <!-- 进度条 -->
-                        <div v-if="refProcess == 1" class="RefProBar">
-                            <div>
-                                <el-progress
-                                    :text-inside="true"
-                                    :stroke-width="24"
-                                    :percentage="refReal"
-                                    :color="customColorMethod"
-                                ></el-progress>
-                                <p>
-                                    <img src="../../assets/img/Ip_spinner.gif" />
-                                    <span>{{ this.refReal }}%</span> completed, please wait...
-                                </p>
-                            </div>
-                        </div>
-                    </div>
+                    
                     <editPublicRefRdit
                         ref="editPublicRefRdit"
                         :chanFerForm="chanFerForm"
+                        :chanFerFormRepeatList="chanFerFormRepeatList"
                         :gridData="gridData"
                         :p_article_id="p_article_id"
                         @ChanFerMashUp="ChanFerMashUp"
@@ -433,11 +242,10 @@
             </div>
         </el-dialog>
         <el-dialog :title="`Edit`" :visible.sync="finalFeeVisible" width="600px" :close-on-click-modal="false">
-            <el-form ref="finalFee"   :rules="rules" :model="finalFeeData" label-width="180px">
-                
+            <el-form ref="finalFee" :rules="rules" :model="finalFeeData" label-width="180px">
                 <el-form-item :label="$t('pendingPayment.discountprice')" prop="fee" clearable>
                     <!-- <commonRemarkList :list="remark.contentList" @load="(e) => (this.remark.contentList = e)"></commonRemarkList> -->
-                    <el-input  v-model="finalFeeData.fee"> <span slot="suffix" >USD</span></el-input>
+                    <el-input v-model="finalFeeData.fee"> <span slot="suffix">USD</span></el-input>
                 </el-form-item>
                 <el-form-item :label="$t('pendingPayment.youhuiremark')" prop="fee_remark">
                     <!-- <commonRemarkList :list="remark.contentList" @load="(e) => (this.remark.contentList = e)"></commonRemarkList> -->
@@ -449,7 +257,6 @@
                 <el-button type="primary" @click="saveFinalFee">Save</el-button>
             </span>
         </el-dialog>
-     
     </div>
 </template>
 
@@ -465,9 +272,7 @@ export default {
     props: ['type'],
     data() {
         return {
-            finalFeeData:{
-
-            },
+            finalFeeData: {},
             article_pay_info: {},
             feeStatus: null,
             isShowCommit: false,
@@ -710,6 +515,7 @@ export default {
             editFomschool: {},
 
             chanFerForm: [],
+            chanFerFormRepeatList: [],
             refProcess: 0,
             refReal: 0,
             refAarray: '',
@@ -753,16 +559,20 @@ export default {
             deAuthorYul: {},
             deMesYul: {},
             rules: {
-                fee: [{
-						required: true,
-						message: 'Please enter the final price after discount',
-						trigger: 'blur'
-					}],
-                fee_remark: [{
-						required: true,
-						message: 'Please enter the discount description',
-						trigger: 'blur'
-					}],
+                fee: [
+                    {
+                        required: true,
+                        message: 'Please enter the final price after discount',
+                        trigger: 'blur'
+                    }
+                ],
+                fee_remark: [
+                    {
+                        required: true,
+                        message: 'Please enter the discount description',
+                        trigger: 'blur'
+                    }
+                ]
             }
         };
     },
@@ -774,18 +584,21 @@ export default {
         // this.getData();
         this.getArtcleDetails();
         this.getTalkList();
-        // this.getAuthorJG();
-        // this.getCount();
-        // this.getWorldPdf();
+      
     },
     activated() {
+        this.opMedical = this.$commonJS.opMedicalList();
         this.getPreacceptPayment();
+        this.getHight();
+        window.addEventListener('resize', this.getHight);
+        // this.getData();
+        this.getArtcleDetails();
+        this.getTalkList();
     },
     methods: {
-        saveFinalFee(){
+        saveFinalFee() {
             this.$refs.finalFee.validate((valid) => {
                 if (valid) {
-
                     const integerRegex = /^-?\d+$/;
                     if (!integerRegex.test(this.finalFeeData.fee)) {
                         this.$message.error('Please enter a valid integer for the final price after discount');
@@ -793,47 +606,45 @@ export default {
                     }
 
                     const load = this.$loading({
-                lock: true,
-                text: 'Loading...',
-                spinner: 'el-icon-loading',
-                background: 'rgba(0, 0, 0, 0.7)'
-            }); 
+                        lock: true,
+                        text: 'Loading...',
+                        spinner: 'el-icon-loading',
+                        background: 'rgba(0, 0, 0, 0.7)'
+                    });
                     this.$api
-                .post('api/Order/changePrice', {
-                    article_id: this.$route.query.id,
-                    editor_id: localStorage.getItem('U_id'),
-                    fee: Number(this.finalFeeData.fee).toFixed(2),
-                    fee_remark: this.finalFeeData.fee_remark,
-                })
-                .then((res) => { load.close()
-                	
-                    if(res.code==0){
-                        this.finalFeeVisible=false
-                   this.getPreacceptPayment()
-                    }else{
-                        this.$message.error(res.msg)
-                    }
-                   
-                })
-                .catch((err) => {
-                    load.close()
-                    console.log(err);
-                });
-                }else{
-                    return false
+                        .post('api/Order/changePrice', {
+                            article_id: this.$route.query.id,
+                            editor_id: localStorage.getItem('U_id'),
+                            fee: Number(this.finalFeeData.fee).toFixed(2),
+                            fee_remark: this.finalFeeData.fee_remark
+                        })
+                        .then((res) => {
+                            load.close();
+
+                            if (res.code == 0) {
+                                this.finalFeeVisible = false;
+                                this.getPreacceptPayment();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            load.close();
+                            console.log(err);
+                        });
+                } else {
+                    return false;
                 }
-            })
+            });
         },
-        handleEditFee(){
+        handleEditFee() {
             this.finalFeeVisible = true;
-           this.finalFeeData={
-            fee:this.article_pay_info.fee?Number(this.article_pay_info.fee).toFixed(0):0,
-            fee_remark:this.article_pay_info.fee_remark
-           }
-          
-           
+            this.finalFeeData = {
+                fee: this.article_pay_info.fee ? Number(this.article_pay_info.fee).toFixed(0) : 0,
+                fee_remark: this.article_pay_info.fee_remark
+            };
         },
-       
+
         formatAmount(amount) {
             return amount.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
         },
@@ -915,22 +726,21 @@ export default {
                             original_price: res.data.journal.fee,
                             fee_remark: res.data.article.fee_remark,
                             order: res.data.order,
-                            paystation_fee: res.data.order&&res.data.order.paystation ? res.data.order.paystation.amount : '',
-                            paystation_time: res.data.order&&res.data.order.paystation ? res.data.order.paystation.request_time : '',
-                            paystation_currency: res.data.order&&res.data.order.paystation ? res.data.order.paystation.currency : ''
+                            paystation_fee: res.data.order && res.data.order.paystation ? res.data.order.paystation.amount : '',
+                            paystation_time: res.data.order && res.data.order.paystation ? res.data.order.paystation.request_time : '',
+                            paystation_currency: res.data.order && res.data.order.paystation ? res.data.order.paystation.currency : ''
                         };
-                        
+
                         if (this.article_pay_info.is_buy == 1) {
-                           
                             if (this.article_pay_info.fee == 0) {
                                 this.feeStatus = 2;
-                            }else{
+                            } else {
                                 this.feeStatus = 1;
                             }
                         } else {
                             this.feeStatus = 0;
                         }
-this.tableData=[{...this.article_pay_info}]
+                        this.tableData = [{ ...this.article_pay_info }];
                         this.feeStatus = res.data.state;
                         this.isShowCommit = res.data.state == 1 ? true : false;
                         console.log(this.isShowCommit);
@@ -993,20 +803,7 @@ this.tableData=[{...this.article_pay_info}]
                             this.fileL_Icm[0].url = this.mediaUrl + 'articleCDF/' + res.data.production.file_cdf;
                         }
 
-                        // if (this.detailMes.main != '') {
-                        // 	this.detailMes.main = JSON.parse(this.detailMes.main)
-                        // 	if (typeof(this.detailMes.main) != 'object') {
-                        // 		this.detailMes.main = eval("(" + this.detailMes.main + ")")
-                        // 	}
-                        // }
-
-                        // this.Main_List = []
-                        // for (let i = 0; i < this.detailMes.main.length; i++) {
-                        // 	this.Main_List.push({
-                        // 		name: this.detailMes.main[i],
-                        // 		value: i,
-                        // 	})
-                        // }
+                      
 
                         this.CSonline();
 
@@ -1039,7 +836,7 @@ this.tableData=[{...this.article_pay_info}]
                                 console.log(err);
                             });
 
-                        loading.close();
+                       
                     } else {
                         this.$message.error(res.msg);
                         loading.close();
@@ -1049,14 +846,16 @@ this.tableData=[{...this.article_pay_info}]
                     this.$message.error(err);
                     loading.close();
                 });
-
+             
             // 获取参考文献
             this.$api
                 .post('api/Production/getReferList', {
                     p_article_id: this.p_article_id
                 })
-                .then((res) => {
+                .then((res) => { loading.close();
                     this.chanFerForm = res.data.refers;
+                    this.chanFerFormRepeatList = Object.values(res.data.repeat);
+                    	console.log('this.chanFerFormRepeatList at line 853:', this.chanFerFormRepeatList)
                     for (var i = 0; i < this.chanFerForm.length; i++) {
                         this.chanFerForm[i].edit_mark = 1;
                         if (this.chanFerForm[i].refer_frag != '') {
@@ -1069,6 +868,7 @@ this.tableData=[{...this.article_pay_info}]
                     });
                 })
                 .catch((err) => {
+                    loading.close();
                     console.log(err);
                 });
 
@@ -1478,12 +1278,13 @@ this.tableData=[{...this.article_pay_info}]
         //5----按钮每一步操作
         StepBOper(e) {
             if (e == 1) {
+                window.open(`/References`, '_blank', 'width=1000,height=800,scrollbars=no,resizable=no');
                 // 弹出新的页面粘贴DOI
-                window.open(
-                    'https://apps.crossref.org/SimpleTextQuery',
-                    '_blank',
-                    'width=900,height=600,toolbar=no,scrollbars=no,menubar=no,screenX=240,screenY=100'
-                );
+                // window.open(
+                //     'https://apps.crossref.org/SimpleTextQuery',
+                //     '_blank',
+                //     'width=900,height=600,toolbar=no,scrollbars=no,menubar=no,screenX=240,screenY=100'
+                // );
             } else if (e == 2) {
                 // 发送转化为标准格式
                 let refAarray_list = [];
@@ -1563,6 +1364,7 @@ this.tableData=[{...this.article_pay_info}]
                 })
                 .then((res) => {
                     this.chanFerForm = res.data.refers;
+                    this.chanFerFormRepeatList = Object.values(res.data.repeat);
                     for (var i = 0; i < this.chanFerForm.length; i++) {
                         this.chanFerForm[i].edit_mark = 1;
                     }
@@ -2142,37 +1944,37 @@ this.tableData=[{...this.article_pay_info}]
             //     type: 'warning'
             // })
             //     .then(() => {
-                    const load = this.$loading({
-                        lock: true,
-                        text: 'Loading...',
-                        spinner: 'el-icon-loading',
-                        background: 'rgba(0, 0, 0, 0.7)'
-                    });
-                    this.$api
-                        .post('api/Preaccept/beginProduce', {
-                            article_id: this.$route.query.id
-                        })
-                        .then((res) => {
-                            if (res.code == 0) {
-                                load.close();
-                                // this.$message.success('successed!');
-                                // setTimeout(() => {
-                                //     localStorage.setItem('U_point', 2);
-                                //     this.$router.push({
-                                //         path: 'articleListEditor'
-                                //     });
-                                // }, 1000);
-                            } else {
-                                load.close();
-                                this.$message.error(res.msg);
-                            }
-                        })
-                        .catch((err) => {
-                            load.close();
-                            this.$message.error(err);
-                        });
-                // })
-                // .catch(() => {});
+            const load = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            this.$api
+                .post('api/Preaccept/beginProduce', {
+                    article_id: this.$route.query.id
+                })
+                .then((res) => {
+                    if (res.code == 0) {
+                        load.close();
+                        // this.$message.success('successed!');
+                        // setTimeout(() => {
+                        //     localStorage.setItem('U_point', 2);
+                        //     this.$router.push({
+                        //         path: 'articleListEditor'
+                        //     });
+                        // }, 1000);
+                    } else {
+                        load.close();
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    load.close();
+                    this.$message.error(err);
+                });
+            // })
+            // .catch(() => {});
         },
         // 点击开始上线显示
         pushOnline(detailMes) {
@@ -2351,7 +2153,7 @@ this.tableData=[{...this.article_pay_info}]
     width: 260px !important;
 }
 .scroll-item {
-    margin: 0 30px 50px 276px;
+    margin: 10px 20px 20px 276px;
 }
 .payment_info_box {
     margin-bottom: 10px;
@@ -2403,10 +2205,11 @@ this.tableData=[{...this.article_pay_info}]
 
     color: #333 !important;
 }
-::v-deep .box-card  .el-table td.el-table__cell,
-::v-deep .box-card  .el-table th.el-table__cell.is-leaf {
+::v-deep .box-card .el-table td.el-table__cell,
+::v-deep .box-card .el-table th.el-table__cell.is-leaf {
     /* border-bottom: 1px solid #b0b0b0 !important; */
 }
+
 </style>
 <style>
 .talkDialog {
@@ -2439,8 +2242,8 @@ this.tableData=[{...this.article_pay_info}]
 .tab_post {
     background-color: #fafafa;
     position: absolute;
-    left: 25px;
-    top: 40px;
+    left: 15px;
+    top: 60px;
     /* width: 220px; */
     z-index: 50;
 }
@@ -2513,13 +2316,16 @@ this.tableData=[{...this.article_pay_info}]
 
 .bor_style_onli {
     height: 700px;
-    overflow-y: scroll;
+
     border: 2px solid #0066991a;
     background-color: #fff;
     border-radius: 5px;
     padding: 20px;
 }
-
+.bor_style_onli_ref {
+    height: auto;
+    min-height: calc(100vh - 40px - 270px);
+}
 .bor_style_onli > h4 {
     margin: 0 0 20px 0;
     letter-spacing: -0.5px;
@@ -2644,9 +2450,7 @@ this.tableData=[{...this.article_pay_info}]
 }
 
 .chanSelLef {
-    float: left;
-    width: 30%;
-    margin: 0 50px 0 0;
+    width: 100% !important;
 }
 
 .chanSelLef > p {
@@ -2692,12 +2496,6 @@ this.tableData=[{...this.article_pay_info}]
     background-color: #006699;
 }
 
-.chanFerAll {
-    float: left;
-    position: relative;
-    width: 61.5%;
-}
-
 .chanFerAll .chanFerBtn {
     cursor: pointer;
 }
diff --git a/src/components/page/articleDetailEditor.vue b/src/components/page/articleDetailEditor.vue
index c403072..faec552 100644
--- a/src/components/page/articleDetailEditor.vue
+++ b/src/components/page/articleDetailEditor.vue
@@ -1846,12 +1846,13 @@ export default {
         },
         // 算平均分
         avegeCount(arry) {
+            var ratedLength = arry.map(item => item.rated).filter(rated => rated&&rated>0).length;
             let str = 0;
             let all = 0;
             for (let i = 0; i < arry.length; i++) {
                 all += Number(arry[i].rated);
             }
-            str = (all / arry.length).toFixed(1);
+            str = (all / ratedLength).toFixed(1);
             return str;
         },
 
diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index 17b881b..3edd93f 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -1457,15 +1457,7 @@ export default {
             window.open(routeData.href, '_blank');
         },
         // 算平均分
-        avegeCount(arry) {
-            let str = 0;
-            let all = 0;
-            for (let i = 0; i < arry.length; i++) {
-                all += Number(arry[i].rated);
-            }
-            str = (all / arry.length).toFixed(1);
-            return str;
-        },
+      
         toggleShowAll(item, i) {
             this.$set(this.tableData[i], 'showAll', !item.showAll);
             this.$forceUpdate();
@@ -1891,13 +1883,17 @@ export default {
         // 跳入预收录编辑页面
         changeEnter(val) {
             console.log(val, 'val');
-            this.$router.push({
-                name: 'PreIngestedEditor',
-                query: {
-                    id: val.article_id,
+            window.open(
+                    this.$router.resolve({
+                        path: '/PreIngestedEditor',
+                        query: {
+                            id: val.article_id,
                     uid: val.user_id
-                }
-            });
+                        }
+                    }).href,
+                    '_blank'
+                );
+           
         },
         changeCountry() {
             this.currentSearchForm={}
@@ -2645,12 +2641,15 @@ export default {
 
         // 算平均分
         avegeCount(arry) {
+        console.log('arry at line 2643:', arry)
+        var ratedLength = arry.map(item => item.rated).filter(rated => rated&&rated>0).length;
+        	
             let str = 0;
             let all = 0;
             for (let i = 0; i < arry.length; i++) {
                 all += arry[i].rated;
             }
-            str = (all / arry.length).toFixed(1);
+            str = (all / ratedLength).toFixed(1);
             return str;
         },
 
diff --git a/src/components/page/components/OnlineProofreading/references-format.vue b/src/components/page/components/OnlineProofreading/references-format.vue
new file mode 100644
index 0000000..ac9d527
--- /dev/null
+++ b/src/components/page/components/OnlineProofreading/references-format.vue
@@ -0,0 +1,318 @@
+<template>
+    <div
+        style="
+            background-color: #f8f8f8;
+
+            height: 100vh;
+            overflow: hidden;
+            background: linear-gradient(to top, #fbfffe, #ebf9ff);
+            z-index: 9999;
+            border-radius: 10px 10px 0 0;
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+        "
+    >
+        <div class="navbar-default" style="padding: 10px">
+            <div class="nav commonWidth" style="">
+                <div class="title" style="padding: 0 0px; box-sizing: border-box">
+                    <img src="@/assets/img/logo.png" style="width: 30px; height: 20px; margin-right: 10px" />
+                    References
+                </div>
+            </div>
+        </div>
+        <div style="" class="references-container">
+            <div class="commonWidth" style="height:auto; padding:0 20px; box-sizing: border-box;">
+                <p style="padding: 10px 0; color: rgb(51, 51, 51); box-sizing: border-box">Numerical formula:</p>
+                <el-input
+                    id="referenceInput"
+                    v-model="refStr"
+                    type="textarea"
+                    rows="5"
+                    style="width: 100%"
+                    placeholder="Enter each reference in the format of your choice..."
+                ></el-input>
+
+                <!-- 公式显示框 -->
+
+                <div style="margin-top: 10px; overflow: hidden">
+                    <el-button type="primary" @click="processReferences" style="background-color: #1654f7 !important; float: right"
+                        >Format</el-button
+                    >
+                    <el-button @click="clearReferences" style="float: right; margin-right: 10px">Clear</el-button>
+                </div>
+            </div>
+            <div class="commonWidth showReferences" style="" v-if="cleanedReferences.length > 0">
+                <p style="padding: 10px 0; color: rgb(51, 51, 51); box-sizing: border-box">Formatted References: <span>{{cleanedReferences.length}}</span></p>
+                <div class="panel-default">
+                    <div v-for="(ref, index) in cleanedReferences" :key="index" class="reference-item">
+                        {{ ref }}
+                    </div>
+                </div>
+
+                <!-- 公式显示框 -->
+
+                <div style="margin-top: 10px; overflow: hidden">  <el-button type="warning" @click="openCrossref" style=" float: right"
+                        >Copy and open Crossref</el-button
+                    >
+                    <el-button type="primary" @click="copyToClipboard" style="background-color: green !important; float: right;margin-right: 20px"
+                        >Copy</el-button
+                    >
+                  
+                    <!-- <el-button @click="handleCancel" style="float: right; margin-right: 10px">Cancel</el-button> -->
+                </div>
+            </div>
+           
+         
+        </div>
+    </div>
+</template>
+
+<script>
+
+
+export default {
+    props: ['LateXInfo'],
+    data() {
+        return {
+            refStr: '',
+            currentSelect: 0,
+            list: [],
+            cleanedReferences: [],
+            latex: '', // 默认公式
+            mathFieldInstance: null,
+            showLatex: false // 控制 LaTeX 代码框的显示与隐藏
+        };
+    },
+    mounted() {
+   
+    },
+    methods: {
+      
+      
+        copyLatex() {
+            if (this.cleanedReferences.length==0) {
+                return;
+            }
+            if (this.$refs.latexBox) {
+                this.$refs.latexBox.select(); // 选中文本
+                document.execCommand('copy'); // 复制到剪贴板
+                this.$message({
+                    message: 'Replicating Success',
+                    type: 'success'
+                });
+            }
+        },
+        clearReferences() {
+            this.refStr = '';
+            this.cleanedReferences = [];
+        },
+        handleCancel() {
+            this.$emit('close');
+        },
+        processReferences() {
+            const inputText = this.refStr;
+
+            // Split input by newline (\n) to separate each reference
+            const references = inputText
+                .split('\n') // Split by newline
+                .map((ref) => ref.trim()) // Trim each reference to remove extra spaces
+                .filter((ref) => ref !== ''); // Remove empty references (empty lines)
+
+            // Remove DOI URLs and replace 'Available at:' with 'Available at:' followed by a single newline
+            this.cleanedReferences = references.map((ref) =>
+                ref
+                    .replace(/https?:\/\/doi\.org\/\S+/g, '') // Remove both http://doi.org/ and https://doi.org/ URLs
+                    .replace(/Available at:.*/g, 'Available at:') // Replace 'Available at:' and subsequent content
+                    .trim()
+            );
+
+            // Filter out any empty strings from the cleanedReferences array
+            this.cleanedReferences = this.cleanedReferences.filter((ref) => ref !== '');
+
+            // Display formatted references in a list
+            this.displayReferences();
+            // setTimeout(() => {
+            //     window.close();
+            //     // this.$emit('close');
+            // }, 100);
+        },
+        displayReferences() {},
+
+        // Function to copy the formatted references to clipboard
+        copyToClipboard() {
+            const referencesText = this.cleanedReferences.join('\n'); // Join references with newline
+            const textarea = document.createElement('textarea');
+            textarea.value = referencesText;
+            document.body.appendChild(textarea);
+            textarea.select();
+            document.execCommand('copy');
+            document.body.removeChild(textarea);
+            this.$message({
+                    message: 'References copied to clipboard!',
+                    type: 'success'
+                });
+           
+        },
+        async openCrossref(){
+            await  this.copyToClipboard()
+            setTimeout(()=>{
+ window.close();
+            window.open(
+                    'https://apps.crossref.org/SimpleTextQuery',
+                    '_blank',
+                    'width=900,height=600,toolbar=no,scrollbars=no,menubar=no,screenX=240,screenY=100'
+                );
+            },1000)
+           
+        }
+
+    },
+    beforeDestroy() {
+        this.mathFieldInstance = null; // 组件销毁时清除实例
+    }
+};
+</script>
+
+<style scoped>
+.commonWidth {
+    width: 100%;
+    margin: 0 auto;
+    box-sizing: border-box;
+}
+
+.title {
+    font-size: 20px;
+    font-weight: bold;
+    line-height: 30px;
+    background-color: #0f4eb6;
+    color: #fff;
+    display: flex;
+    align-items: center;
+}
+
+.navbar-default {
+    width: 100%;
+    height: 30px;
+    background-color: #0f4eb6;
+    border-color: #e7e7e7;
+}
+
+.math-container {
+    height: 200px;
+    /* padding: 5px; */
+    font-size: 18px;
+    width: 100%;
+}
+
+.formula-box {
+    /* margin-top: 10px;
+    padding: 10px;
+    border: 1px solid #ccc;
+    background-color: #f9f9f9;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start; */
+}
+
+.latex-text {
+    width: 100%;
+    height: 50px;
+    font-size: 16px;
+    padding: 5px;
+    margin-bottom: 10px;
+    resize: none;
+}
+
+::v-deep .ML__virtual-keyboard-toggle {
+    opacity: 1 !important;
+}
+li {
+    line-height: none;
+}
+.panel-default {
+    width: 100%;
+    height: 100%;
+    overflow: auto;
+    box-sizing: border-box;
+    padding: 10px;
+    /* float: right; */
+    border: 1px solid #ddd;
+    background-color: #fff;
+}
+.panel-heading {
+    color: #333;
+    font-weight: bold;
+    background-color: #f5f5f5;
+    border-color: #ddd;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+.panel-heading div {
+    width: 25%;
+    padding: 5px 0px;
+    line-height: 20px;
+    border-radius: 4px;
+    text-align: center;
+    box-sizing: border-box;
+}
+.isSelect {
+    color: white !important;
+    background: #333;
+    border-radius: 4px;
+}
+.math-block {
+    background-color: #fff;
+    cursor: pointer;
+    background: #f0f0f0;
+    color: #000;
+    display: block;
+    margin: 10px;
+    padding: 6px;
+
+    /* min-height: 40px !important; */
+    border: 1px solid #ddd;
+}
+::v-deep .math-block mjx-container {
+    font-size: 18px !important;
+    margin: 0 !important;
+    text-align: left !important;
+}
+
+.latexBox1 {
+    width: 100%;
+    padding: 10px 140px 10px 10px;
+    box-sizing: border-box;
+    border: 1px solid #ccc;
+    background-color: #f9f9f9;
+    font-size: 18px;
+    resize: none;
+    height: 200px;
+}
+.reference-item {
+    margin-bottom: 4px;
+    display: flex;
+    font-size: 12px;
+    align-items: center;
+    justify-content: space-between;
+}
+.copy-button {
+    margin-top: 10px;
+}
+.references-container {
+    height: calc(100vh - 50px);
+    overflow: auto;
+    padding-top: 20px;
+    box-sizing: border-box;
+   
+}
+::v-deep .el-textarea {
+    height: 100px;
+}
+::v-deep .el-textarea__inner {
+    height: 100px;
+}
+.showReferences {
+    height: calc(100vh - 360px); padding:0 20px; box-sizing: border-box;;
+}
+</style>
diff --git a/src/components/page/editPublicRefRdit.vue b/src/components/page/editPublicRefRdit.vue
index 54f492f..72501ff 100644
--- a/src/components/page/editPublicRefRdit.vue
+++ b/src/components/page/editPublicRefRdit.vue
@@ -6,26 +6,34 @@
                 <h3><span>1</span>Check References and Doi</h3>
                 <div v-if="showB_step == 1">
                     <p>
-                        You need to click
-                        <el-button
-                            type="warning"
-                            @click="StepBOper(1)"
-                            size="mini"
-                            style="padding: 5px 8px; font-size: 12px; margin: 0 5px"
-                        >
-                            <i class="el-icon-edit-outline"></i>
-                            Crossref
-                        </el-button>
-                         to open the website, then paste the references part of the
-                        <a :href="mediaUrl + this.gridData" target="_blank">
-                            <el-button type="text" size="mini" style="font-size: 12px; margin: 0 5px; font-weight: bold">
+                        Please click here to download the manuscript and obtain the references section. <a
+                            :href="mediaUrl + this.gridData" target="_blank">
+                            <el-button type="text" size="mini"
+                                style="font-size: 12px; margin: 0 5px; font-weight: bold">
                                 <i class="el-icon-download" style="font-weight: bold"></i>
-                                manuscript
+                                Manuscript
                             </el-button>
                         </a>
-                        to get the new references part, please paste the new one into the input box.
                     </p>
-                    <el-button @click="StepBNext(2)" plain type="primary" style="width: 85%; margin: 15px 0px 0px 30px; position: relative">
+                    <p>Then copy the references and paste them into this link to generate the required format. <span
+                            @click="StepBOper(3)"> <el-button type="text" size="mini"
+                                style="font-size: 12px; margin: 0 5px; font-weight: bold">
+                                <i class="el-icon-link" style="font-weight: bold"></i>
+                                Link
+                            </el-button></span></p>
+                    <p>After copying the filtered references, click <el-button type="warning" @click="StepBOper(1)"
+                            size="mini" style="padding: 5px 8px; font-size: 12px; margin: 0 5px">
+                            <i class="el-icon-edit-outline"></i>
+                            Crossref
+                        </el-button> to open the website and get the correct DOI.</p>
+                    <p>
+                    <p>Finally, copy the Crossref-verified references and place them in the box.</p>
+
+
+
+                    </p>
+                    <el-button @click="StepBNext(2)" plain type="primary"
+                        style="width: 85%; margin: 15px 0px 0px 30px; position: relative">
                         <i class="el-icon-right" style="font-size: 18px; position: absolute; right: 8px; top: 5px"></i>
                         Next Step
                     </el-button>
@@ -38,23 +46,28 @@
                 <div v-if="showB_step == 2">
                     <p>Convert to standard format.</p>
                     <p style="background-color: #fdf3e3; padding: 10px; margin: 10px 0 0 30px">
-                        The references with yellow background are problematic, so you can check and correct them yourself.
+                        The references with yellow background are problematic, so you can check and correct them
+                        yourself.
                     </p>
-                    <el-button @click="StepBNext(1)" type="primary" plain style="width: 85%; margin: 15px 0px 0px 30px; position: relative">
-                        <i class="el-icon-back" style="font-size: 18px; margin: 0; position: absolute; left: 8px; top: 5px"></i>
+                    <el-button @click="StepBNext(1)" type="primary" plain
+                        style="width: 85%; margin: 15px 0px 0px 30px; position: relative">
+                        <i class="el-icon-back"
+                            style="font-size: 18px; margin: 0; position: absolute; left: 8px; top: 5px"></i>
                         Back Step and Reset
                     </el-button>
                 </div>
             </div>
 
             <!-- 临时 -->
-            <p style="text-indent: 2em"><el-button type="text" @click="showDialogSpecial">Special way to add</el-button></p>
+            <p style="text-indent: 2em"><el-button type="text" @click="showDialogSpecial">Special way to add</el-button>
+            </p>
         </div>
 
         <!-- end -->
         <div class="chanFerAll">
             <div v-if="showB_step == 1">
-                <el-input v-model="refAarray" type="textarea" rows="20" style="width: 100%" :placeholder="placeRef"></el-input>
+                <el-input v-model="refAarray" type="textarea" rows="20" style="width: 100%"
+                    :placeholder="placeRef"></el-input>
                 <el-button type="primary" @click="StepBOper(2)" style="width: 250px; margin: 20px 0 0 0; float: right">
                     <i class="el-icon-document-checked"></i>
                     Complete and conversion
@@ -63,50 +76,42 @@
             </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: 20px; height: 20px;" />
+                    </el-tooltip>
+
+                    <span @click="handleContainerClick" style="margin-left: 5px;" v-html="getRepeatRefHtml()"> </span>
+
+                </div>
                 <div class="topBtnBox btns" v-if="chanFerForm.length > 0">
                     <el-button type="primary" plain @click="selectAllRef">Select all</el-button>
                     <el-button type="success" plain @click="toggleSelection">Select none</el-button>
-                    <el-button type="danger" plain @click="deleteSomeRefs" :disabled="multipleSelection.length > 0 ? false : true"
-                        >Delete</el-button
-                    >
+                    <el-button type="danger" plain @click="deleteSomeRefs"
+                        :disabled="multipleSelection.length > 0 ? false : true">Delete</el-button>
                 </div>
-                <el-table
-                    :row-style="tableRowStyle"
-                    :data="chanFerForm"
-                    class="refTable"
-                    ref="multipleTable"
-                    @selection-change="RefenceSelectionChange"
-                    empty-text="New messages (0)"
-                    :show-header="false"
-                    :stripe="false"
-                    :highlight-current-row="false"
-                    align="center"
-                >
-                    <el-table-column type="selection" width="55"></el-table-column>
-                    <el-table-column type="index" label="No." width="70" align="center">
+
+                <el-table :row-style="tableRowStyle" :data="chanFerForm" class="refTable" ref="multipleTable"
+                    @selection-change="RefenceSelectionChange" empty-text="New messages (0)" :show-header="false"
+                    :stripe="false" :highlight-current-row="false" align="center">
+                    <el-table-column type="selection" width="30" align="center"></el-table-column>
+                    <el-table-column type="index" label="No." width="50" align="center">
                         <template slot-scope="scope">
                             <i v-if="scope.row.is_change == 1" class="itemChanged"></i>
-							<el-tooltip class="item" effect="dark" content="Duplicate references" placement="top">
-								<img
-                                src="../../assets/img/repeat.png"
-                                v-if="scope.row.is_repeat == 1"
-                                alt=""
-                                style="width: 24px; height: 24px; float: left"
-                            />
-    </el-tooltip>
-                            
+                            <el-tooltip class="item" effect="dark" content="Duplicate references" placement="top">
+                                <img src="../../assets/img/repeat.png" v-if="scope.row.is_repeat == 1" alt=""
+                                    style="width: 24px; height: 24px; float: left" />
+                            </el-tooltip>
+
                             <span>{{ scope.$index + 1 }}</span>
                         </template>
                     </el-table-column>
                     <el-table-column label="state" width="55" align="center">
                         <template slot-scope="scope">
-                            <span
-                                class="status ok"
-                                v-if="
-                                    (scope.row.refer_type == 'journal' && scope.row.doilink != '') ||
-                                    (scope.row.refer_type == 'book' && scope.row.isbn != '')
-                                "
-                            >
+                            <span class="status ok" v-if="(scope.row.refer_type == 'journal' && scope.row.doilink != '') ||
+                (scope.row.refer_type == 'book' && scope.row.isbn != '')
+                ">
                                 <i class="el-icon-circle-check"></i>
                             </span>
                             <span class="status warn" v-else>
@@ -117,72 +122,54 @@
                     <el-table-column label="Title" align="center">
                         <template slot-scope="scope">
                             <!-- journal 形式 -->
-                            <div style="text-align: left" v-if="scope.row.refer_type == 'journal'">
+                            <div style="text-align: left" v-if="scope.row.refer_type == 'journal'"
+                                class="reference-item">
                                 <p>
-                                    {{ scope.row.author }}&nbsp;{{ scope.row.title }}. &nbsp;<em>{{ scope.row.joura }}</em
-                                    >&nbsp; {{ scope.row.dateno }}.<br />
+                                    {{ scope.row.author }}&nbsp;{{ scope.row.title }}. &nbsp;<em>{{ scope.row.joura
+                                        }}</em>&nbsp; {{ scope.row.dateno }}.<br />
                                 </p>
                                 <a class="doiLink" :href="scope.row.doilink" target="_blank">{{ scope.row.doilink }}</a>
                             </div>
                             <!-- book 形式 -->
-                            <div style="text-align: left" v-if="scope.row.refer_type == 'book'">
-                                <p>{{ scope.row.author }}&nbsp;{{ scope.row.title }}.&nbsp;{{ scope.row.dateno }}.&nbsp;<br /></p>
+                            <div style="text-align: left" v-if="scope.row.refer_type == 'book'" class="reference-item">
+                                <p>{{ scope.row.author }}&nbsp;{{ scope.row.title }}.&nbsp;{{ scope.row.dateno
+                                    }}.&nbsp;<br /></p>
                                 <a class="doiLink" :href="scope.row.isbn" target="_blank">{{ scope.row.isbn }}</a>
                             </div>
                             <!-- other 形式 -->
-                            <p class="wrongLine" style="text-align: left" v-if="scope.row.refer_type == 'other'">
+                            <p class="wrongLine reference-item" style="text-align: left"
+                                v-if="scope.row.refer_type == 'other'">
                                 {{ scope.row.refer_frag }}
                             </p>
                         </template>
                     </el-table-column>
-                    <el-table-column align="center" width="360">
+                    <el-table-column align="center" width="290">
                         <div slot-scope="scope">
-                            <el-button
-                                style="margin-left: 10px"
-                                @click="change(scope.row, 'Edit')"
-                                plain
-                                type="primary"
-                                size="mini"
-                                icon="el-icon-edit"
-                                >edit</el-button
-                            >
-                            <el-tooltip popper-class="tps" class="item" effect="light" content="Add one under this line" placement="top">
-                                <el-button @click="addLine(scope.row, 'Add')" type="success" size="mini" plain>Add</el-button>
-                            </el-tooltip>
-                            <el-button
-                                type="warning"
-                                size="mini"
-                                plain
-                                :disabled="scope.$index != 0 ? false : true"
-                                @click="changeOrder(scope.row, 'up')"
-                                >↑</el-button
-                            >
-                            <el-button
-                                type="warning"
-                                size="mini"
-                                plain
-                                :disabled="scope.$index == chanFerForm.length - 1 ? true : false"
-                                @click="changeOrder(scope.row, 'down')"
-                                >↓</el-button
-                            >
-                            <el-button
-                                type="danger"
-                                icon="el-icon-delete"
-                                size="mini"
-                                style="float: right"
-                                plain
-                                @click="deleteLine(scope.row)"
-                                >delete</el-button
-                            >
+                            <div class="operation" style="">
+                                <el-button style="margin-left: 10px" @click="change(scope.row, 'Edit')" plain
+                                    type="primary" size="mini" icon="el-icon-edit">edit</el-button>
+                                <el-tooltip popper-class="tps" class="item" effect="light"
+                                    content="Add one under this line" placement="top">
+                                    <el-button @click="addLine(scope.row, 'Add')" type="success" size="mini"
+                                        plain>Add</el-button>
+                                </el-tooltip>
+                                <el-button type="warning" size="mini" plain :disabled="scope.$index != 0 ? false : true"
+                                    @click="changeOrder(scope.row, 'up')">↑</el-button>
+                                <el-button type="warning" size="mini" plain
+                                    :disabled="scope.$index == chanFerForm.length - 1 ? true : false"
+                                    @click="changeOrder(scope.row, 'down')">↓</el-button>
+                                <el-button type="danger" icon="el-icon-delete" size="mini" style="" plain
+                                    @click="deleteLine(scope.row)">delete</el-button>
+                            </div>
+
                         </div>
                     </el-table-column>
                 </el-table>
                 <div class="bottomBtnBox btns" v-if="chanFerForm.length > 0">
                     <el-button type="primary" plain @click="selectAllRef">Select all</el-button>
                     <el-button type="success" plain @click="toggleSelection">Select none</el-button>
-                    <el-button type="danger" plain @click="deleteSomeRefs" :disabled="multipleSelection.length > 0 ? false : true"
-                        >Delete</el-button
-                    >
+                    <el-button type="danger" plain @click="deleteSomeRefs"
+                        :disabled="multipleSelection.length > 0 ? false : true">Delete</el-button>
                 </div>
             </div>
             <!-- end -->
@@ -192,7 +179,8 @@
         <!-- 进度条 -->
         <div v-if="refProcess == 1" class="RefProBar">
             <div>
-                <el-progress :text-inside="true" :stroke-width="24" :percentage="refReal" :color="customColorMethod"></el-progress>
+                <el-progress :text-inside="true" :stroke-width="24" :percentage="refReal"
+                    :color="customColorMethod"></el-progress>
                 <p>
                     <img src="../../assets/img/Ip_spinner.gif" />
                     <span>{{ this.refReal }}%</span> completed, please wait...
@@ -200,152 +188,161 @@
             </div>
         </div>
         <!-- 编辑引用 -->
-        <el-dialog  :close-on-click-modal="false"
-            v-loading="addLoading"
-            :title="dialogTitle + ' References'"
-            :visible.sync="editboxVisible"
-            width="800px"
-            @close="cancelSave"
-        >
+        <el-dialog :close-on-click-modal="false" destroy-on-close v-loading="addLoading"
+            :title="dialogTitle + ' References'" :visible.sync="editboxVisible" width="1200px" @close="cancelSave">
             <p class="yinyongPre c888" style="margin-bottom: 20px; color: #888; line-height: 24px">
-                Now you are starting to add or modify this reference. If this reference has a DOI, you can directly copy it into the DOI
-                input box and submit it. If this reference doesn’t have the DOI, please turn on the No DOI button, and write all details of
-                this reference according to the hints.
+                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">
+            <el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="150px"
+                class="editForm mt10">
                 <!-- 内容开关 -->
                 <el-form-item label="Source:">
                     <el-select v-model="SourceType" placeholder="please pick">
-                        <el-option v-for="item in sourceOptions" :key="item.value" :label="item.label" :value="item.value"> </el-option>
+                        <el-option v-for="item in sourceOptions" :key="item.value" :label="item.label"
+                            :value="item.value">
+                        </el-option>
                     </el-select>
                 </el-form-item>
-                <!-- Journal -->
-                <div v-show="SourceType == 'journal'">
+                <el-form-item label="Content:" required prop="content">
+                    <div class="automatic-parsing-box">
+                        <el-input style="border: none;" class="automaticParsing" type="textarea" rows="5"
+                            v-model="refenceForm.content" placeholder=""></el-input>
+                        <span v-if="isShowParsing" style="color: #409eff;">We have detected updates to the reference
+                            content.
+                            You need to click the "Automatic parsing" button to recognize them.</span>
+                    </div>
+
+                </el-form-item>
+
+
+
+                <div v-if="!isShowParsing && isShowParsingData && SourceType != 'other'">
+                    <el-form-item style="margin:0 0 30px;">
+                        <div class="line" style="border: 1px dashed #DCDFE6;"></div>
+                    </el-form-item>
+                    <!-- Journal -->
+                    <div v-show="SourceType == 'journal'">
+                        <el-form-item label="Doi:" prop="doi">
+                            <el-input v-model="refenceForm.doi">
+                                <el-button @click="gotoFormate" slot="append">Formate</el-button>
+                            </el-input>
+                            <p class="zhushi">
+                                You can click the 'Formate' on the right to automatically identify and quickly fill in
+                                all the
+                                current fields
+                            </p>
+                        </el-form-item>
+                    </div>
+
+                    <div v-show="SourceType != 'other'">
+                        <el-form-item label="Author(s):" required prop="author">
+                            <el-input v-model="refenceForm.author"
+                                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.”
+                            </p>
+                        </el-form-item>
+                        <el-form-item :label="SourceType == 'journal' ? 'Title:' : 'Book'" required prop="title">
+                            <el-input v-if="SourceType == 'journal'" v-model="refenceForm.title"
+                                placeholder="eg: The role of autophagy in the treatment of osteoporosis by Chinese medicines (natural)"></el-input>
+                            <p class="zhushi" v-if="SourceType == 'journal'">
+                                <span style="color: #409EFF;">Automatically displayed after publication "."<span
+                                        style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
+                            </p>
+                            <el-input v-if="SourceType == 'book'" v-model="refenceForm.title"
+                                placeholder="eg: Traditional Medicine Research"></el-input>
+                            <p v-if="SourceType == 'book'" class="zhushi">Full Name of Book <span
+                                    style="color: #409EFF;margin-left: 6px;display: none;">Automatically displayed after
+                                    publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add
+                                        "."!</span></span>
+                            </p>
+                        </el-form-item>
+                        <el-form-item label="Publication Details:" required prop="dateno">
+                            <div v-if="SourceType == 'journal'">
+                                <el-input v-model="refenceForm.dateno" placeholder="eg: 2023;8(9):49-62"></el-input>
+                                <p class="zhushi">Year;Volume(issue):Inclusive page numbers<span
+                                        style="color: #409EFF;margin-left: 6px;">Automatically displayed after
+                                        publication
+                                        "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
+                                </p>
+                            </div>
+                            <div v-if="SourceType == 'book'">
+                                <el-input v-model="refenceForm.dateno"
+                                    placeholder="eg: New York, NY:McGraw-Hill;2011"></el-input>
+                                <p class="zhushi">City, State (or Country if not in the US) of publisher:Publisher’s
+                                    name;copyright year<span
+                                        style="color: #409EFF;display: none;margin-top: -10px;">Automatically displayed
+                                        after
+                                        publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add
+                                            "."!</span></span></p>
+                            </div>
+                        </el-form-item>
+                    </div>
+                    <div v-show="SourceType == 'journal'">
+                        <el-form-item label="Journal:" required prop="joura">
+                            <el-input v-model="refenceForm.joura" placeholder="eg: Tradit Med Res"></el-input>
+                            <p class="zhushi">Abbreviated Journal Title
+                                <span style="color: #409EFF;margin-left: 6px;">Automatically displayed after publication
+                                    "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span> </span>
+                            </p>
+                        </el-form-item>
+                        <el-form-item label="DOI/URL:" required prop="doilink">
+                            <el-input v-model="refenceForm.doilink" placeholder="eg: 10.1002/cncr.30667"></el-input>
+                            <p class="zhushi">
+                                <span style="color: #409EFF;">Automatically displayed after publication "."<span
+                                        style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
+                            </p>
+                        </el-form-item>
+                    </div>
+                    <!-- Book -->
+                    <div v-show="SourceType == 'book'">
+                        <el-form-item label="ISBN:" required prop="isbn">
+                            <el-input v-model="refenceForm.isbn"></el-input>
+                            <p class="zhushi">
+                                <span style="color: #409EFF;display: none;">Automatically displayed after publication
+                                    "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
+                            </p>
+                        </el-form-item>
+                    </div>
+                    <!-- others -->
+                </div>
+                <!-- <div v-if="!isShowParsing && isShowParsingData && SourceType == 'other'">
                     <el-form-item label="Doi:" prop="doi">
                         <el-input v-model="refenceForm.doi">
-                            <el-button @click="gotoFormate" slot="append">Formate</el-button>
+
                         </el-input>
-                        <p class="zhushi">
-                            You can click the 'Formate' on the right to automatically identify and quickly fill in all the current fields
-                        </p>
+
                     </el-form-item>
-                </div>
-                <el-form-item>
-                    <div class="line"></div>
-                </el-form-item>
-                <!-- 中间部分 -->
-                <div v-show="SourceType != 'other'">
-                    <el-form-item label="Author(s):" required prop="author">
-                        <el-input
-                            v-model="refenceForm.author"
-                            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.”
-                        </p>
-                    </el-form-item>
-                    <el-form-item :label="SourceType == 'journal' ? 'Title:' : 'Book'" required prop="title">
-                        <el-input
-                            v-if="SourceType == 'journal'"
-                            v-model="refenceForm.title"
-                            placeholder="eg: The role of autophagy in the treatment of osteoporosis by Chinese medicines (natural)"
-                        ></el-input>
-                        <p class="zhushi"  v-if="SourceType == 'journal'">
-                            <span style="color: #409EFF;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
-                        </p>
-                        <el-input
-                            v-if="SourceType == 'book'"
-                            v-model="refenceForm.title"
-                            placeholder="eg: Traditional Medicine Research"
-                        ></el-input>
-                        <p v-if="SourceType == 'book'" class="zhushi">Full Name of Book     <span style="color: #409EFF;margin-left: 6px;display: none;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span></p>
-                    </el-form-item>
-                    <el-form-item label="Publication Details:" required prop="dateno">
-                        <div v-if="SourceType == 'journal'">
-                            <el-input v-model="refenceForm.dateno" placeholder="eg: 2023;8(9):49-62"></el-input>
-                            <p class="zhushi">Year;Volume(issue):Inclusive page numbers<span style="color: #409EFF;margin-left: 6px;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span></p>
-                        </div>
-                        <div v-if="SourceType == 'book'">
-                            <el-input v-model="refenceForm.dateno" placeholder="eg: New York, NY:McGraw-Hill;2011"></el-input>
-                            <p class="zhushi">City, State (or Country if not in the US) of publisher:Publisher’s name;copyright year<span style="color: #409EFF;display: none;margin-top: -10px;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span></p>
-                        </div>
-                    </el-form-item>
-                </div>
-                <div v-show="SourceType == 'journal'">
-                    <el-form-item label="Journal:" required prop="joura">
-                        <el-input v-model="refenceForm.joura" placeholder="eg: Tradit Med Res"></el-input>
-                        <p class="zhushi">Abbreviated Journal Title
-                            <span style="color: #409EFF;margin-left: 6px;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span> </span>
-                        </p>
-                    </el-form-item>
-                    <el-form-item label="DOI/URL:" required prop="doilink">
-                        <el-input v-model="refenceForm.doilink" placeholder="eg: 10.1002/cncr.30667"></el-input>
-                        <p class="zhushi">
-                            <span style="color: #409EFF;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
-                        </p>
-                    </el-form-item>
-                </div>
-                <!-- Book -->
-                <div v-show="SourceType == 'book'">
-                    <el-form-item label="ISBN:" required prop="isbn">
-                        <el-input v-model="refenceForm.isbn"></el-input> <p class="zhushi">
-                            <span style="color: #409EFF;display: none;">Automatically displayed after publication "."<span style="color: #ff0000ba;margin-left: 4px;">Don't add "."!</span></span>
-                        </p>
-                    </el-form-item>
-                </div>
-                <!-- others -->
-                <div v-show="SourceType == 'other'">
-                    <el-form-item label="Content:" required prop="content">
-                        <el-input
-                            type="textarea"
-                            rows="5"
-                            v-model="refenceForm.content"
-                            placeholder="please refer to the AMA manual of style (10th ed.)"
-                        ></el-input>
-                    </el-form-item>
-                </div>
+                </div> -->
+
+
             </el-form>
-            <!-- <el-form  :model="refenceLinkForm" :rules="refenceLinkFormrules" ref="refenceLinkForm" label-width="80px" class="editForm mt10">                     
-									<el-form-item label="Author(s):" required prop="author" >
-										<el-input  v-model="refenceLinkForm.author" placeholder=""></el-input>
-									</el-form-item> 
-									<span>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”</span>
-									<el-form-item label="title:" required prop="title" >
-										<el-input  v-model="refenceLinkForm.title" placeholder="eg: Tradit Med Res"></el-input>
-									</el-form-item> 
-									<el-form-item label="Source:" required prop="joura" >
-										<el-input  v-model="refenceLinkForm.joura" placeholder="eg:Healthcare (Basel)."></el-input>
-									</el-form-item>
-									<el-form-item label="Publication Details:" required prop="dateno" >
-										<el-input  v-model="refenceLinkForm.dateno" placeholder="eg: 2023;8(9):49-62"></el-input>
-									</el-form-item>
-									<span>Year;Volume(issue):Inclusive page numbers.</span>
-									<el-form-item label="doilink:" required prop="doilink" >
-										<el-input  v-model="refenceLinkForm.doilink" placeholder="eg:https://doi.org/10.1002/cncr.30667"></el-input>
-									</el-form-item>
-								</el-form>             -->
+
             <span slot="footer" class="dialog-footer">
                 <el-button @click="cancelSave">Cancel</el-button>
-                <el-button type="primary" @click="saveChange" v-if="dialogTitle == 'Edit'">Save</el-button>
-                <el-button type="primary" @click="saveAdd" v-else>Save</el-button>
+                <el-button v-if="isShowParsing" type="primary"
+                    style="background-color: #409eff !important;border-color: #409EFF !important;"
+                    @click="getParsingData()">Automatic parsing</el-button>
+
+                <el-button v-else type="primary" @click="dialogTitle == 'Edit' ? saveChange() : saveAdd()">Save</el-button>
+
+
             </span>
         </el-dialog>
         <!-- 复制word添加引用 -->
-        <el-dialog
-            title="Add References'"
-            :visible.sync="showEditor"
-            width="800px"
-            class="wordDia"
-            z-index="1000"
-            @close="showEditor = false"
-            :close-on-click-modal="false" >
+        <el-dialog title="Add References'" destroy-on-close :visible.sync="showEditor" width="800px" class="wordDia"
+            z-index="1000" @close="showEditor = false" :close-on-click-modal="false">
             <div>
                 <div class="logtips">
-                    <p>Paste the contents of the wold file here, delete the carriage return at the end and click "Submit".</p>
+                    <p>Paste the contents of the wold file here, delete the carriage return at the end and click
+                        "Submit".</p>
                 </div>
-                <vue-ueditor-wrap v-model="wordText" :config="editorConfig" editor-id="editor-demo-01"></vue-ueditor-wrap>
+                <vue-ueditor-wrap v-model="wordText" :config="editorConfig"
+                    editor-id="editor-demo-01"></vue-ueditor-wrap>
             </div>
             <span slot="footer">
                 <el-button type="primary" plain @click="wordTextOp">Submit</el-button>
@@ -359,6 +356,10 @@ import VueUeditorWrap from 'vue-ueditor-wrap'; // ES6 Module
 export default {
     data() {
         return {
+            old_refence_content: '', // 原始参考文献内容
+            old_refence_type: '',
+            isShowParsingData: false,
+            isShowParsing: false,
             ue: null,
             wordText: '',
             editorConfig: {
@@ -429,6 +430,11 @@ export default {
             type: null,
             required: true
         },
+        chanFerFormRepeatList: {
+            type: Array,
+            default: () => []
+
+        },
         chanFerForm: {
             type: Array,
             required: true
@@ -439,12 +445,115 @@ export default {
         }
     },
     methods: {
-		tableRowStyle({ row }) {
-    if (row.is_repeat === 1) {
-      return { backgroundColor: '#ffecec' };  // 浅红色
-    }
-    return {};
-  },
+       // 父容器事件委托处理
+    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); // 触发实际逻辑
+      }
+    },
+
+    handleClickRef(ref) {
+  
+     
+     
+    },
+        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}" >${ref + 1}</span>`;
+                    if (refIndex !== pair.length - 1) {
+                        singlePairText += " and ";
+                    }
+                });
+                warningText += `ref. ${singlePairText}`;
+                if (index === this.chanFerFormRepeatList.length - 1) {
+                    warningText += " are duplicates.";
+                } else {
+                    warningText += ", and ";
+                }
+            });
+
+            console.log(warningText);
+            return warningText;
+        },
+        getParsingData() {
+            if (this.refenceForm.content == '') {
+                this.$message.error('The Content cannot be empty');
+                return;
+            }
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            this.$api
+                .post('api/References/dealContent', {
+                    content: this.refenceForm.content
+                })
+                .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
+
+
+
+
+                }).catch((err) => {
+                    loading.close();
+                    this.$message.error(err);
+                })
+
+
+        },
+
+        getRefData(id) {
+
+            return this.$api
+                .post('api/References/get', {
+                    account: localStorage.getItem('U_name'),
+                    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);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                    // 确保错误被向上传递
+                    return Promise.reject(err);
+                });
+        },
+        tableRowStyle({ row }) {
+            if (row.is_repeat === 1) {
+                return { backgroundColor: '#ffececa1' };  // 浅红色
+            }
+            return {};
+        },
         init(e) {
             this.chanFerForm = e;
             this.bijiao();
@@ -513,7 +622,7 @@ export default {
                     .then(() => {
                         this.clearRefences();
                     })
-                    .catch(() => {});
+                    .catch(() => { });
             } else {
                 this.showB_step = e;
             }
@@ -568,7 +677,7 @@ export default {
                             console.log(err);
                         });
                 })
-                .catch(() => {});
+                .catch(() => { });
         },
         // 清空引用数据
         clearRefences() {
@@ -585,6 +694,7 @@ export default {
                 .then((res) => {
                     loading.close();
                     if (res.code == 0) {
+                        this.refAarray = []
                         this.showB_step = 1;
                     } else {
                         this.$message.error(res.msg);
@@ -657,7 +767,7 @@ export default {
                                             this.refProcess = 0;
                                             console.log(err);
                                         });
-                                }, 3000);
+                                }, 2000);
                             }
                         })
                         .catch((err) => {
@@ -666,6 +776,13 @@ export default {
                 } else {
                     this.$message.error('Please fill in the content!');
                 }
+            } else if (e == 3) {
+                window.open(
+                    `/References`,
+                    '_blank',
+                    'width=900,height=600,scrollbars=no,resizable=no'
+                );
+
             }
         },
 
@@ -718,24 +835,58 @@ export default {
             this.$emit('ChanFerMashUp', e);
         },
         // 显示修改引用
-        change(row, optitle) {
+        async change(row, optitle) {
+
             this.dialogTitle = optitle;
-            this.editboxVisible = true;
-            // console.log(this.refenceForm.content,55555)
-            this.$nextTick(() => {
-                // console.log(row,'row')
-                this.refenceForm.doi = row.refer_doi;
-                this.refenceForm.p_refer_id = row.p_refer_id;
-                this.SourceType = row.refer_type;
-                this.refenceForm.author = row.author;
-                this.refenceForm.title = row.title;
-                this.refenceForm.joura = row.joura;
-                this.refenceForm.dateno = row.dateno;
-                this.refenceForm.doilink = row.doilink;
-                this.refenceForm.content = row.refer_frag;
-                this.refenceForm.joura = row.joura;
-                this.refenceForm.isbn = row.isbn;
-            });
+            this.isShowParsing = false;
+            this.isShowParsingData = false;
+            try {
+                const loading = this.$loading({
+                    lock: true,
+                    text: 'Loading...',
+                    background: 'rgba(0, 0, 0, 0.7)'
+                });
+                var data = await this.getRefData(row.p_refer_id);
+                this.SourceType = data.refer_type ? data.refer_type : '';
+
+                this.refenceForm = {
+                    doi: '',
+                    p_article_id: null,
+                    p_refer_id: row.p_refer_id, // 当前行一行的引用序号
+                    pre_p_refer_id: null, // 上一行
+                    refer_type: data.refer_type ? data.refer_type : '', // 类型
+
+                    author: data.author ? data.author : '',
+                    doilink: data.doilink ? data.doilink : '',
+                    dateno: data.dateno ? data.dateno : '',
+                    isbn: data.isbn ? data.isbn : '',
+                    joura: data.joura ? data.joura : '',
+
+                    content: data.deal_content ? data.deal_content : '',
+                    title: data.title ? data.title : ''
+                }
+
+                this.old_refence_content = JSON.parse(JSON.stringify(data.deal_content));
+                this.old_refence_type = JSON.parse(JSON.stringify(data.refer_type));
+                if (this.SourceType == 'book') {
+                    this.refenceForm.isbn = data.doilink ? data.doilink : '';
+                }
+                if (this.SourceType == 'other') {
+                    this.refenceForm.doi = data.refer_doi ? data.refer_doi : '';
+                } else {
+                    this.refenceForm.doi = ''
+                }
+                this.editboxVisible = true;
+                this.$nextTick(() => {
+
+                    // this.refenceForm.content = row.refer_frag;
+
+                });
+                loading.close();
+            } catch (error) {
+                loading.close();
+            }
+
         },
         // 编辑引用
         saveChange() {
@@ -806,26 +957,33 @@ export default {
         //  提交引用修改
         editRefSave() {
             this.refenceForm.refer_type = this.SourceType;
-            this.addLoading = true;
-            console.log(this.refenceForm);
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)',
+            });
+
 
             this.$api
                 .post('api/Preaccept/editRefer', this.refenceForm)
                 .then((res) => {
                     if (res.code == 0) {
-                        this.addLoading = false;
+                        loading.close();
                         this.$message.success('successed！');
                         //this.getRefData()
                         this.changeRefer();
                         this.cancelSave();
                     } else if (res.code == 1) {
-                        this.addLoading = false;
+                        loading.close();
                         this.$message.error(res.msg);
                     } else {
+                        loading.close();
                         this.$message.error(res.msg);
                     }
                 })
                 .catch((err) => {
+                    loading.close();
                     this.$message.error(err);
                 });
         },
@@ -895,27 +1053,33 @@ export default {
 
                 this.refenceForm.refer_type = this.SourceType;
                 // console.log(this.refenceForm,99)
-                this.addLoading = true;
+               const loading = this.$loading({
+                    lock: true,
+                    text: 'Loading...',
+                    spinner: 'el-icon-loading',
+                    background: 'rgba(0, 0, 0, 0.7)',
+                });
                 this.$api
                     .post('api/Preaccept/addReferByParticleid', this.refenceForm)
                     .then((res) => {
                         if (res.code == 0) {
-                            this.addLoading = false;
+                            loading.close();
                             this.$message.success('successed！');
-                            //this.getRefData()
+                           
                             this.changeRefer();
                             this.cancelSave();
                         } else if (res.code == 1) {
                             // doi 错误
-                            this.addLoading = false;
+                           loading.close()
                             this.$message.error(res.msg);
-                            //  this.getRefData()
-                            // this.cancelSave()
+                           
                         } else {
+                            loading.close()
                             this.$message.error(res.msg);
                         }
                     })
                     .catch((err) => {
+                        loading.close()
                         this.$message.error(err);
                     });
             } else {
@@ -925,20 +1089,25 @@ export default {
         cancelSave() {
             this.editboxVisible = false;
             // refenceForm
-            this.$refs['refenceForm'].clearValidate();
-            this.$refs['refenceForm'].resetFields();
+            // this.$refs['refenceForm'].clearValidate();
+            // this.$refs['refenceForm'].resetFields();
             this.refenceForm.doi = '';
             this.dialogTitle = '';
         },
         // 格式化
         gotoFormate() {
             // this.$refs['refenceForm'].validateField('doi', (callback)=>{
-            if (this.refenceForm.doi != '') {
-                this.addLoading = true;
+            if (this.refenceForm.doi && this.refenceForm.doi != '') {
+                const loading = this.$loading({
+                    lock: true,
+                    text: 'Loading...',
+                    spinner: 'el-icon-loading',
+                    background: 'rgba(0, 0, 0, 0.7)'
+                });
                 this.$api
                     .post('/api/Preaccept/searchDoi', { doi: this.refenceForm.doi })
                     .then((res) => {
-                        this.addLoading = false;
+                        loading.close();
                         //console.log(res)
                         if (res.code == 0) {
                             //this.tableData = res.data.refers
@@ -954,30 +1123,51 @@ export default {
                         }
                     })
                     .catch((e) => {
+                        loading.close();
                         this.$message.error(e.msg);
-                        this.addLoading = false;
+
                     });
             } else {
                 //  console.log('不合格')
                 this.$message.error('The Doi cannot be empty!');
+                return false
             }
             // })
         },
         // 添加一行
         addLine(row, optitle) {
-            // console.log(row)
             this.dialogTitle = optitle;
-            // this.$refs['refenceForm'].clearValidate()
+            this.old_refence_type = '';
+            this.old_refence_content = '';
+            this.SourceType = 'journal';
+            this.refenceForm = {
+                doi: '',
+                p_article_id: this.p_article_id,
+                p_refer_id: null, // 当前行一行的引用序号
+                pre_p_refer_id: row.p_refer_id, // 上一行
+                refer_type: '', // 类型
+                joura: '',
+                author: '',
+                doilink: '',
+                dateno: '',
+                isbn: '',
+                content: '',
+                title: ''
+            },
+                this.isShowParsing = true;
+            this.isShowParsingData = false
             this.editboxVisible = true;
-            this.refenceForm.pre_p_refer_id = row.p_refer_id;
-            this.refenceForm.p_article_id = this.p_article_id;
 
-            // this.refenceLinkForm.pre_p_refer_id = row.p_refer_id
-            //this.refenceLinkForm.article_id = this.$route.query.id
+
 
             this.$nextTick(() => {
+                if(this.$refs['refenceForm']){
+                     this.$refs['refenceForm'].clearValidate(['content']);
                 this.$refs['refenceForm'].clearValidate(['doi']);
+                }
+               
             });
+
         },
 
         // 删除一行
@@ -988,11 +1178,18 @@ export default {
                 type: 'warning'
             })
                 .then(() => {
+                    const loading = this.$loading({
+                        lock: true,
+                        text: 'Loading...',
+                        spinner: 'el-icon-loading',
+                        background: 'rgba(0, 0, 0, 0.7)'
+                    });
                     this.$api
                         .post('api/Preaccept/delRefer', {
                             p_refer_id: row.p_refer_id
                         })
                         .then((res) => {
+                            loading.close();
                             if (res.code == 0) {
                                 this.$message.success('remove successed!');
                                 this.changeRefer();
@@ -1002,14 +1199,12 @@ export default {
                             }
                         })
                         .catch((err) => {
+                            loading.close();
                             this.$message.error(err);
                         });
                 })
                 .catch(() => {
-                    // this.$message({
-                    //     type: 'info',
-                    //     message: '已取消删除'
-                    // });
+                    loading.close();
                 });
         },
 
@@ -1053,15 +1248,49 @@ export default {
         SourceType: {
             handler(newVal, oldVal) {
                 this.$nextTick(() => {
-                    // console.log('清空验证信息')
-                    //  this.$refs['refenceLinkForm'].clearValidate()
-                    this.$refs['refenceForm'].clearValidate();
-                    // this.$refs['refenceForm'].resetFields()     // 表单重置
+                    this.refenceForm.refer_type = this.SourceType
+                    if(this.$refs['refenceForm']){
+                        this.$refs['refenceForm'].clearValidate(); 
+                    }
+                   
+                    if (((this.SourceType != this.old_refence_type||this.refenceForm.content != this.old_refence_content))&&this.SourceType!='other') {
+                        this.isShowParsing = true
+                    } else {
+                        this.isShowParsing = false
+                    }
+
                 });
             },
-            // immediate: true,
+            immediate: true,
             deep: true // 可以深度检测到 person 对象的属性值的变化
-        }
+        },
+        'refenceForm.content': {
+            handler(newVal, oldVal) {
+if(this.SourceType!='other'){
+                if (this.dialogTitle == 'Edit') {
+                    if ((this.refenceForm.content != this.old_refence_content)) {
+
+                        this.isShowParsing = true
+                    } else {
+                        this.isShowParsing = false
+                    }
+                } else {
+                    if (this.refenceForm.content == '' || (this.refenceForm.content != this.old_refence_content)) {
+                        this.isShowParsing = true
+                    } else {
+                        this.isShowParsing = false
+                    }
+                }
+
+            }else{
+                this.isShowParsing = false
+            }
+
+            },
+            immediate: true, // 初始化时立即执行一次handler
+            deep: true // 这里如果content是普通类型（如字符串），deep可以省略；如果content是对象，才需要deep: true
+        },
+
     }
 };
 </script>
@@ -1076,10 +1305,12 @@ export default {
     max-height: 800px;
     overflow-y: scroll;
 }
+
 .logtips {
     margin-bottom: 15px;
     color: #666;
 }
+
 /* .itemIndex{position: relative;} */
 .itemChanged {
     position: absolute;
@@ -1091,28 +1322,34 @@ export default {
     left: 0;
     top: 0;
 }
+
 .status {
     display: block;
-    width: 40px;
-    height: 40px;
-    border-radius: 40px;
+    width: 36px;
+    height: 36px;
+    border-radius: 36px;
     font-size: 22px;
-    line-height: 40px;
+    line-height: 36px;
     color: #fff;
     text-align: center;
 }
+
 .status.ok {
     background: #a7e389;
 }
+
 .status.warn {
     background: #ffd192;
 }
+
 .status.float {
     display: inline-block;
 }
+
 .doiLink {
     color: #409eff;
 }
+
 .talkDialog {
     height: 500px;
     overflow-y: scroll;
@@ -1122,16 +1359,20 @@ export default {
     margin-top: 50px;
     color: #8c939d;
 }
-.contactAuthor > p {
+
+.contactAuthor>p {
     font-size: 12px;
     margin-left: 0 !important;
 }
-.contactAuthor > p > .btnCliArt {
+
+.contactAuthor>p>.btnCliArt {
     color: #409eff;
 }
-.contactAuthor > h4 {
+
+.contactAuthor>h4 {
     margin-bottom: 10px;
 }
+
 .handle-box {
     margin-bottom: 20px;
 }
@@ -1149,13 +1390,13 @@ export default {
     z-index: 50;
 }
 
-.tab_post > div {
+.tab_post>div {
     margin-bottom: 30px;
     cursor: pointer;
     position: relative;
 }
 
-.tab_post > div h5 {
+.tab_post>div h5 {
     padding: 10px 10px 0 0;
     margin-bottom: 5px;
     border-radius: 10px;
@@ -1165,7 +1406,7 @@ export default {
     letter-spacing: -0.6px;
 }
 
-.tab_post > div h5 span {
+.tab_post>div h5 span {
     border: 2px solid #333;
     padding: 0 7px;
     margin: 0 5px 0 0;
@@ -1174,14 +1415,14 @@ export default {
     display: inline-block;
 }
 
-.tab_post > div p {
+.tab_post>div p {
     margin: 0 20px 0 33px;
     color: #999;
     font-size: 14px;
     line-height: 18px;
 }
 
-.tab_post > div .line {
+.tab_post>div .line {
     top: 50px;
     left: 11px;
     bottom: -25px;
@@ -1189,25 +1430,25 @@ export default {
     border: 1px dashed #999;
 }
 
-.tab_post > div:nth-child(7) .line {
+.tab_post>div:nth-child(7) .line {
     border: none;
 }
 
-.tab_post > div.P_style h5 {
+.tab_post>div.P_style h5 {
     color: #006699;
 }
 
-.tab_post > div.P_style h5 span {
+.tab_post>div.P_style h5 span {
     background-color: #006699;
     border: 2px solid #006699;
     color: #fff;
 }
 
-.tab_post > div.P_style p {
+.tab_post>div.P_style p {
     color: #333;
 }
 
-.tab_post > div.P_style .line {
+.tab_post>div.P_style .line {
     /* border-color: #006699; */
 }
 
@@ -1224,7 +1465,7 @@ export default {
     padding: 20px;
 }
 
-.bor_style_onli > h4 {
+.bor_style_onli>h4 {
     margin: 0 0 20px 0;
     letter-spacing: -0.5px;
 }
@@ -1348,62 +1589,59 @@ export default {
 }
 
 .chanSelLef {
-    float: left;
-    width: 24%;
-    margin: 0 50px 0 0;
+    width: 285px !important;
+    position: sticky;
+    top: 10px;
+    height: 400px;
 }
 
-.chanSelLef > p {
+.chanSelLef>p {
     font-size: 14px;
     color: #333;
     margin: 10px 0 30px 0;
     line-height: 22px;
 }
 
-.chanSelLef > div {
+.chanSelLef>div {
     margin: 0 0 20px 0;
 }
 
-.chanSelLef > div > h3 {
+.chanSelLef>div>h3 {
     font-size: 14px;
     letter-spacing: -0.5px;
     color: #999;
 }
 
-.chanSelLef > div > h3 > span {
+.chanSelLef>div>h3>span {
     color: #fff;
     background-color: #999;
     padding: 2px 6px;
     margin: 0 10px 0 0;
 }
 
-.chanSelLef > div > div > p {
+.chanSelLef>div>div>p {
     font-size: 14px;
     color: #333;
     margin: 10px 0 0 32px;
     line-height: 24px;
+
 }
 
-.chanSelLef > div.C_style > h3 {
+.chanSelLef>div.C_style>h3 {
     color: #006699;
 }
 
-.chanSelLef > div.C_style > h3 > span {
+.chanSelLef>div.C_style>h3>span {
     background-color: #006699;
 }
 
-.chanFerAll {
-    float: left;
-    position: relative;
-    width: 70.5%;
-}
+.chanFerAll {}
 
 .chanFerAll .chanFerBtn {
     cursor: pointer;
 }
 
-.chanFerAll .ref_list:nth-child(2n) {
-}
+.chanFerAll .ref_list:nth-child(2n) {}
 
 .chanFerAll .ref_list:nth-child(2n + 1) {
     background-color: #ecf5ff;
@@ -1414,14 +1652,14 @@ export default {
     position: relative;
 }
 
-.ref_list > b {
+.ref_list>b {
     position: absolute;
     top: 5px;
     left: 10px;
     font-size: 12px;
 }
 
-.ref_list > i {
+.ref_list>i {
     position: absolute;
     top: 10px;
     right: 10px;
@@ -1430,22 +1668,21 @@ export default {
     cursor: pointer;
 }
 
-.ref_list > div:nth-child(1) {
+.ref_list>div:nth-child(1) {
     margin: 0 0 15px 0;
 }
 
-.ref_list > div:nth-child(1) input {
-}
+.ref_list>div:nth-child(1) input {}
 
-.ref_list > div:nth-child(1) button {
+.ref_list>div:nth-child(1) button {
     float: right;
 }
 
-.ref_list > div:nth-child(2) {
+.ref_list>div:nth-child(2) {
     margin: 0 0 15px 0;
 }
 
-.ref_list > div.BG_yell {
+.ref_list>div.BG_yell {
     background-color: #fdf3e3;
     padding: 15px 0;
 }
@@ -1459,25 +1696,25 @@ export default {
     right: 0;
 }
 
-.RefProBar > div {
+.RefProBar>div {
     width: 76%;
     position: absolute;
     top: 40%;
     left: 12%;
 }
 
-.RefProBar > div > p {
+.RefProBar>div>p {
     color: #fff;
     margin: 20px 0 0 0;
 }
 
-.RefProBar > div > p > img {
+.RefProBar>div>p>img {
     width: 30px;
     vertical-align: middle;
     margin: 0 10px 0 5px;
 }
 
-.RefProBar > div > p > span {
+.RefProBar>div>p>span {
     font-size: 18px;
 }
 
@@ -1497,19 +1734,19 @@ export default {
     float: left;
 }
 
-.typeA_MTxt > div > div {
+.typeA_MTxt>div>div {
     position: relative;
     border-bottom: 1px solid #d6e5ec;
     padding: 10px 0 12px 0;
 }
 
-.typeA_MTxt > div > div .el-button {
+.typeA_MTxt>div>div .el-button {
     position: absolute;
     right: 5px;
     top: -1px;
 }
 
-.typeA_MTxt > h5 {
+.typeA_MTxt>h5 {
     margin: 25px 0 15px 0;
     line-height: 18px;
     font-size: 13px;
@@ -1521,7 +1758,7 @@ export default {
     margin-bottom: 20px;
 }
 
-.bor_style_onli .load_pdf > img {
+.bor_style_onli .load_pdf>img {
     vertical-align: sub;
     margin: 0 15px 0 0;
 }
@@ -1603,8 +1840,7 @@ export default {
     word-break: break-all;
 }
 
-.aArt_doi {
-}
+.aArt_doi {}
 
 .aArt_tit {
     font-size: 16px;
@@ -1644,6 +1880,7 @@ export default {
     color: #999;
     font-size: 12px;
 }
+
 .aArt_abst .titTop b {
     font-weight: normal;
     display: inline-block;
@@ -1668,7 +1905,7 @@ export default {
     word-break: break-word;
 }
 
-.aArt_abst > p {
+.aArt_abst>p {
     margin: 25px 10px 0 10px;
     text-align: justify;
     color: #666;
@@ -1682,22 +1919,25 @@ export default {
     text-align: center;
 }
 
-.aArt_abst .titHtml .MaxPicture > img {
+.aArt_abst .titHtml .MaxPicture>img {
     margin-bottom: 10px;
 }
 
-.aArt_abst .titHtml .MaxPicture > font {
+.aArt_abst .titHtml .MaxPicture>font {
     display: block;
     margin: 0 auto;
     font-size: 13px;
 }
+
 .refTable th {
     background: red !important;
     color: #666;
 }
+
 .topBtnBox.btns {
     margin-bottom: 20px;
 }
+
 .bottomBtnBox.btns {
     margin-top: 20px;
 }
@@ -1705,4 +1945,97 @@ export default {
 .repeat-warning-row {
     background: red !important;
 }
+
+.liter_ture {
+    widows: 280px;
+    height: calc(100% - 100px);
+    display: flex;
+    justify-content: space-between;
+    /* display: grid;
+    grid-template-columns: 280px 1fr;
+    grid-template-rows: minmax(100%, auto);
+    gap: 20px; */
+}
+
+::v-deep .chanFerAll {
+    width: calc(100% - 300px) !important;
+
+}
+
+::v-deep .chanFerAll>div {
+    height: 100%;
+}
+
+::v-deep .chanFerAll>div>.el-textarea {
+    /* height: 100%; */
+    height: 100%;
+}
+
+::v-deep .chanFerAll>div>.el-textarea .el-textarea__inner {
+    /* height: 100%; */
+    height: 100% !important;
+}
+
+::v-deep .el-table-column--selection .cell {
+    padding: 0 !important;
+}
+
+/* ::v-deep .el-table--small{
+   font-size: 12px;
+} */
+
+.reference-item {
+    line-height: 18px;
+}
+
+::v-deep .el-table .cell {
+    padding: 0 !important;
+}
+
+.automatic-parsing-box {
+    position: relative;
+    padding-bottom: 24px;
+    border: 1px solid #DCDFE6;
+    border-radius: 4px;
+    color: #006699;
+}
+
+.automatic-parsing-box span {
+    position: absolute;
+    right: 14px;
+    bottom: 1px;
+    cursor: pointer;
+}
+
+::v-deep .automatic-parsing-box .automaticParsing .el-textarea__inner {
+    border: none !important;
+}
+
+::v-deep.el-table--small .el-table__cell {
+    padding-top: 4px;
+    padding-bottom: 4px;
+}
+
+.operation {
+    zoom: 0.9;
+}
+
+::v-deep .operation .el-button--mini {
+    font-size: 14px !important;
+    padding: 6px 10px !important;
+}
+
+.duplicateRefBox {
+    color: #606266;
+    margin-top: -30px;
+    margin-bottom: 20px;
+
+    background: #fef0f0;
+    border: 1px solid #fbc4c4;
+    padding: 4px 10px;
+    font-size: 12px;
+    border-radius: 3px;
+    display: flex;
+    align-items: center;
+}
 </style>
diff --git a/src/main.js b/src/main.js
index 7ebc3dc..e2a726a 100644
--- a/src/main.js
+++ b/src/main.js
@@ -208,7 +208,12 @@ const i18n = new VueI18n({
 });
 //使用钩子函数对路由进行权限跳转
 router.beforeEach(async (to, from, next) => {
-  try {
+  const currentRoute = to; // 获取当前路由路径，例如 "/home"
+  console.log('currentRoute at line 211:', currentRoute.meta)
+  if(currentRoute.meta.hideTitle){
+    
+  }else{
+    try {
     // 尝试请求接口（即使失败也继续后续逻辑）
     await Promise.all([
       loadJournalList(),
@@ -217,7 +222,9 @@ router.beforeEach(async (to, from, next) => {
   } catch (err) {
     // 仅打印错误，不阻断路由
 
+  } 
   }
+ 
 
   // 无论接口成功/失败，都执行原有跳转逻辑
   document.title = `${to.meta.title} | Traditional Medicine Research`;
diff --git a/src/router/index.js b/src/router/index.js
index 6856a3e..0265acb 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1074,13 +1074,24 @@ export default new Router({
 				hideTitle: true,
 			}
 		},
+		{
+			path: '/References', //用户端预收录-引用编辑
+			component: () => import('../components/page/components/OnlineProofreading/references-format.vue'),
+			meta: {
+				title: 'References',
+				hideSidebar: true,
+				hideTitle: true,
+			}
+		},
 		{
 			name: 'PreIngestedEditor',
 			path: '/PreIngestedEditor', // 编辑端 - 预收录编辑页面
 			component: () => import('../components/page/PreIngestedEditor'),
 			meta: {
 
-				title: 'PreIngestedEditor'
+				title: 'PreIngestedEditor',
+				hideSidebar: true,
+				bgColor: '#fafafa'
 			}
 		},
 		{