From 1f29fb5baf042c856542a8a7fbffc7b31594d182 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, 1 Apr 2026 17:30:40 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B9=E6=8D=AE=E6=A0=87=E7=AD=BEautoCite?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=8F=82=E8=80=83=E6=96=87=E7=8C=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js                              |    4 +-
 src/components/common/langs/en.js             |    3 +
 src/components/common/langs/zh.js             |    3 +
 src/components/page/GenerateCharts.vue        |   96 +-
 src/components/page/PreIngestedEditor.vue     |    4 +-
 .../page/PreIngestedEditorProduce.vue         |    4 +-
 src/components/page/components/table/word.vue |  115 +-
 .../page/editPublicRefTableOnly.vue           | 2013 +++++++++++++++++
 src/components/page/publishRefernceEditor.vue |    2 +-
 9 files changed, 2223 insertions(+), 21 deletions(-)
 create mode 100644 src/components/page/editPublicRefTableOnly.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/langs/en.js b/src/components/common/langs/en.js
index 6867b42..121ff73 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -1150,6 +1150,9 @@ colTitle: 'Template title',
 	  tmrEmailEditor: {
 		preview: 'Preview',
 		placeholder: 'Please enter email content'
+	  },
+	  wordCite: {
+		notFoundById: 'No reference found for citation ID {id}'
 	  }
 	  
 	
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index a57f900..88aea53 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -1135,6 +1135,9 @@ const zh = {
 	  tmrEmailEditor: {
 		preview: '预览效果',
 		placeholder: '请输入邮件内容'
+	  },
+	  wordCite: {
+		notFoundById: '未查询到编号{id}相关参考文献'
 	  }
    
 	  
diff --git a/src/components/page/GenerateCharts.vue b/src/components/page/GenerateCharts.vue
index 653bb6e..dccd520 100644
--- a/src/components/page/GenerateCharts.vue
+++ b/src/components/page/GenerateCharts.vue
@@ -75,7 +75,7 @@
                         <template slot="catalogue1">
                             <catalogue
                                 v-if="Main_List.length > 0"
-                                :content="Main_List"
+                                :content="catalogueContent"
                                 :articleId="articleId"
                                 ref="catalogue"
                                 @goToListComment="goToListComment"
@@ -94,6 +94,7 @@
                     ref="commonWord"
                     :value="htmlContent"
                     :contentList="Main_List"
+                    :chanFerForm="chanFerForm"
                     :comments="comments"
                     :wordStyle="wordStyle"
                     @onDrop="onDrop"
@@ -127,6 +128,18 @@
                     <template slot="comment">
                         <div style="" class="commentList annotations"></div>
                     </template>
+                    <template slot="refrences">
+                        <edit-public-ref-table-only
+                            v-if="p_article_id"
+                            ref="editPublicRefTableOnly"
+                            :chanFerForm="chanFerForm"
+                            :chanFerFormRepeatList="chanFerFormRepeatList"
+                            :p_article_id="p_article_id"
+                            @ChanFerMashUp="ChanFerMashUp"
+                            @refrashComp="fetchReferList"
+                            @changeRefer="fetchReferList"
+                        />
+                    </template>
                 </common-word>
             </div>
         </div>
@@ -437,6 +450,7 @@ import { mediaUrl } from '@/common/js/commonJS.js'; // 引入通用逻辑
 import Tinymce from '@/components/page/components/Tinymce';
 import bottomTinymce from '@/components/page/components/Tinymce';
 import catalogue from '@/components/page/components/table/catalogue.vue';
+import editPublicRefTableOnly from './editPublicRefTableOnly.vue';
 export default {
     data() {
         return {
@@ -559,18 +573,31 @@ export default {
             pictVisible: false,
             typesettingType: 1,
             imagesList: [],
-            exegesis: "The following contents'<b></b>,<i></i>'are necessary for the generation phase, please do not delete them!!!"
+            exegesis: "The following contents'<b></b>,<i></i>'are necessary for the generation phase, please do not delete them!!!",
+            p_article_id: null,
+            chanFerForm: [],
+            chanFerFormRepeatList: []
         };
     },
     components: {
         Tinymce,
         bottomTinymce,
-        catalogue
+        catalogue,
+        editPublicRefTableOnly
     },
     computed: {
-        combinedValue() {
-            // 将两个值组合成一个新的值，可以是字符串、数组、对象等
-            // return `${this.isFirstComponentLoaded}-${this.isWordComponentLoaded}`;
+        catalogueContent() {
+            const base = Array.isArray(this.Main_List) ? this.Main_List : [];
+            if (!Array.isArray(this.chanFerForm) || this.chanFerForm.length === 0) return base;
+            return [
+                ...base,
+                {
+                    am_id: 'References',
+                    content: 'References',
+                    is_h1: 1,
+                    is_h2: 0
+                }
+            ];
         }
     },
     watch: {
@@ -597,6 +624,7 @@ export default {
     async created() {
         localStorage.removeItem('scrollPosition');
         this.isShowEditComment();
+        this.loadPreacceptArticleDetail();
         this.getDate();
         this.getCommentList();
     },
@@ -615,11 +643,62 @@ export default {
     },
     async activated() {
         this.isShowEditComment();
+        this.loadPreacceptArticleDetail();
         this.getDate();
         this.getCommentList();
     },
 
     methods: {
+        loadPreacceptArticleDetail() {
+            if (!this.articleId) return;
+            this.$api
+                .post('api/Article/getPreacceptArticleDetail', { article_id: this.articleId })
+                .then((res) => {
+                    const pid = res.data && res.data.production && res.data.production.p_article_id;
+                    this.p_article_id = pid;
+                    if (pid != null && pid !== '') {
+                        if (!this.Art_P_Id) this.Art_P_Id = pid;
+                        this.fetchReferList();
+                    }
+                })
+                .catch(() => {});
+        },
+        fetchReferList() {
+            if (!this.p_article_id) return;
+            this.$api
+                .post('api/Production/getReferList', {
+                    p_article_id: this.p_article_id
+                })
+                .then((res) => {
+                    this.chanFerForm = res.data.refers;
+                    this.chanFerFormRepeatList = Object.values(res.data.repeat || {});
+                    for (let i = 0; i < this.chanFerForm.length; i++) {
+                        this.chanFerForm[i].edit_mark = 1;
+                    }
+                    this.$nextTick(() => {
+                        if (this.$refs.editPublicRefTableOnly) {
+                            this.$refs.editPublicRefTableOnly.init();
+                        }
+                    });
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
+        ChanFerMashUp(e) {
+            this.$api
+                .post('api/Production/referHB', e)
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.fetchReferList();
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+        },
         openAddTable(content) {
             this.editVisible = false;
             this.threeVisible = true;
@@ -655,6 +734,11 @@ export default {
 
         loadedWord() {
             this.isWordComponentLoaded = true;
+            this.$nextTick(() => {
+                if (this.$refs.editPublicRefTableOnly) {
+                    this.$refs.editPublicRefTableOnly.init();
+                }
+            });
         },
         // 监听第一个兄弟组件加载完毕
         // onFirstComponentLoaded(imagesList) {
diff --git a/src/components/page/PreIngestedEditor.vue b/src/components/page/PreIngestedEditor.vue
index 9c07386..9153fbb 100644
--- a/src/components/page/PreIngestedEditor.vue
+++ b/src/components/page/PreIngestedEditor.vue
@@ -1337,7 +1337,7 @@ export default {
 
         // 5----重新获取加载参考文献
         changeRefer(val) {
-            console.log('重新获取参考文献');
+          
             this.$api
                 .post('api/Production/getReferList', {
                     p_article_id: this.p_article_id
@@ -1348,7 +1348,7 @@ export default {
                     for (var i = 0; i < this.chanFerForm.length; i++) {
                         this.chanFerForm[i].edit_mark = 1;
                     }
-                    console.log(this.chanFerForm);
+                   
                 })
                 .catch((err) => {
                     console.log(err);
diff --git a/src/components/page/PreIngestedEditorProduce.vue b/src/components/page/PreIngestedEditorProduce.vue
index 73c5579..08bbb74 100644
--- a/src/components/page/PreIngestedEditorProduce.vue
+++ b/src/components/page/PreIngestedEditorProduce.vue
@@ -1433,7 +1433,7 @@ export default {
 
         // 5----重新获取加载参考文献
         changeRefer(val) {
-            console.log('重新获取参考文献');
+            
             this.$api
                 .post('api/Production/getReferList', {
                     p_article_id: this.p_article_id
@@ -1444,7 +1444,7 @@ export default {
                     for (var i = 0; i < this.chanFerForm.length; i++) {
                         this.chanFerForm[i].edit_mark = 1;
                     }
-                    console.log(this.chanFerForm);
+                  
                 })
                 .catch((err) => {
                     console.log(err);
diff --git a/src/components/page/components/table/word.vue b/src/components/page/components/table/word.vue
index 9a62071..27d66fa 100644
--- a/src/components/page/components/table/word.vue
+++ b/src/components/page/components/table/word.vue
@@ -369,7 +369,8 @@
                         </div>
                     </div>
                 </template>
-                <!-- <slot name="refrences"></slot> -->
+                <div main-id="References"></div>
+                <slot name="refrences"></slot>
             </div>
 
             <el-tabs
@@ -1072,6 +1073,13 @@ export default {
                 return [];
             }
         },
+        chanFerForm: {
+            type: Array,
+
+            default() {
+                return [];
+            }
+        },
         comments: {
             type: [Array, Object], // 允许数组或对象
 
@@ -1244,6 +1252,44 @@ export default {
         }
     },
     computed: {
+        citeMap() {
+            // 1) 优先使用参考文献列表顺序（与右侧 References 一致）
+            const mapFromRefs = {};
+            const refs = Array.isArray(this.chanFerForm) ? this.chanFerForm : [];
+            refs.forEach((row, idx) => {
+                const key = row && row.p_refer_id != null ? String(row.p_refer_id) : '';
+                if (key) mapFromRefs[key] = idx + 1;
+            });
+            if (Object.keys(mapFromRefs).length > 0) return mapFromRefs;
+
+            // 2) 兜底：按正文首次出现顺序编号
+            const order = [];
+            const re = /<autocite\s+data-id="(\d+)"/gi;
+            const paragraphs =
+                Array.isArray(this.wordList) && this.wordList.length > 0
+                    ? this.wordList
+                    : Array.isArray(this.contentList)
+                    ? this.contentList
+                    : [];
+
+            paragraphs.forEach((p) => {
+                const candidates = [];
+                if (p && typeof p.text === 'string') candidates.push(p.text);
+                if (p && typeof p.content === 'string') candidates.push(p.content);
+                candidates.forEach((raw) => {
+                    re.lastIndex = 0;
+                    let m;
+                    while ((m = re.exec(raw)) !== null) {
+                        if (!order.includes(m[1])) order.push(m[1]);
+                    }
+                });
+            });
+
+            return order.reduce((acc, id, idx) => {
+                acc[id] = idx + 1;
+                return acc;
+            }, {});
+        },
         sortedProofreadingList() {
             const order = [2, 1, 3];
             const rank = { 2: 0, 1: 1, 3: 2 };
@@ -1355,6 +1401,59 @@ export default {
         this.editors = {};
     },
     methods: {
+// 1. 引用序号合并算法 (1,2,3 -> 1-3)
+formatCiteNumbers(nums) {
+    if (!nums || !nums.length) return "";
+    const sorted = [...new Set(nums)].sort((a, b) => a - b);
+    const result = [];
+    let i = 0;
+    while (i < sorted.length) {
+        let j = i;
+        while (j < sorted.length - 1 && sorted[j + 1] === sorted[j] + 1) j++;
+        if (j - i >= 2) {
+            result.push(`${sorted[i]}-${sorted[j]}`);
+        } else {
+            for (let k = i; k <= j; k++) result.push(sorted[k]);
+        }
+        i = j + 1;
+    }
+    return result.join(', ');
+},
+
+// 2. 最终引用标签渲染器 (将 autocite 转换为 [n])
+renderCiteLabels(html) {
+    // 匹配连续的引用标签
+    const citeGroupRe = /(<autocite\s+data-id="(\d+)"\s*><\/autocite>\s*)+/gi;
+    return html.replace(citeGroupRe, (groupMatch) => {
+        const ids = [...groupMatch.matchAll(/data-id="(\d+)"/gi)].map((m) => String(m[1]));
+        const refList = Array.isArray(this.chanFerForm) ? this.chanFerForm : [];
+        const refMap = refList.reduce((acc, item) => {
+            const key = item && item.p_refer_id != null ? String(item.p_refer_id) : '';
+            if (key) acc[key] = item;
+            return acc;
+        }, {});
+
+        const nums = ids.map((id) => this.citeMap && this.citeMap[id]).filter((n) => n != null);
+        const label = nums.length > 0 ? this.formatCiteNumbers(nums) : '?';
+
+        const lines = ids.map((id) => {
+            const no = this.citeMap && this.citeMap[id] != null ? this.citeMap[id] : '?';
+            const ref = refMap[id];
+            if (!ref) {
+                return this.$t('wordCite.notFoundById', { id: no === '?' ? id : no });
+            }
+
+            const content =
+                ref.refer_frag ||
+                [ref.author, ref.title, ref.joura, ref.dateno].filter(Boolean).join(' ').trim() ||
+                '[?]';
+            const doi = ref.doilink || ref.isbn || ref.doi || '[?]';
+            return `[${no}] ${content}&#10;DOI: ${doi}`;
+        });
+
+        return `<blue title="${lines.join('&#10;')}">[${label}]<span style="display:none">${groupMatch}</span></blue>`;
+    });
+},
         getInvolvedPMain(range) {
             // 1. 找到起始节点所属的 .pMain
             let startNode = range.startContainer;
@@ -3042,7 +3141,7 @@ export default {
             const src = String(text || '');
 
             // 1) 用一个全局、区分大小写不敏感的 wmath 提取正则
-            const wmathRe = /<wmath\b[^>]*>[\s\S]*?<\/wmath\s*>/gi;
+            const wmathRe = /<(wmath|autocite)\b[^>]*>[\s\S]*?<\/(wmath|autocite)\s*>/gi;
 
             // 2) 把原文切成： [非wmath片段, wmath片段, 非wmath片段, wmath片段, ...]
             const parts = [];
@@ -3133,7 +3232,7 @@ export default {
 >${rawHit}</span>`;
                 html = html.split(ph).join(span);
             });
-
+            html = this.renderCiteLabels(html);
             // 6) 空文本占位图（沿用你的逻辑，且不会影响 wmath）
             if (type === 0 && html.trim() === '') {
                 html += `<img contenteditable="false" src="${
@@ -3148,7 +3247,7 @@ export default {
             const escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 
             // 1) 切分出 wmath 与非 wmath 片段
-            const wmathRe = /<wmath\b[^>]*>[\s\S]*?<\/wmath\s*>/gi;
+            const wmathRe = /<(wmath|autocite)\b[^>]*>[\s\S]*?<\/(wmath|autocite)\s*>/gi;
             const parts = [];
             let lastIdx = 0,
                 m;
@@ -3218,7 +3317,7 @@ export default {
                 // 用 split/join 精确回填，避免再走正则
                 html = html.split(ph).join(span);
             });
-
+            html = this.renderCiteLabels(html);
             // 6) 空文本时按你原逻辑补图标（不会影响 wmath）
             if (type === 0 && html.trim() === '') {
                 html += `<img contenteditable="false" src="${this.imagePath || ''}" alt="" style="width:20px;height:20px;opacity:.6;">`;
@@ -3231,7 +3330,7 @@ export default {
             const escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
 
             // 1) 切分出 wmath 与非 wmath 片段
-            const wmathRe = /<wmath\b[^>]*>[\s\S]*?<\/wmath\s*>/gi;
+            const wmathRe = /<(wmath|autocite)\b[^>]*>[\s\S]*?<\/(wmath|autocite)\s*>/gi;
             const parts = [];
             let lastIdx = 0,
                 m;
@@ -3301,7 +3400,7 @@ export default {
                 // 用 split/join 精确回填，避免再走正则
                 html = html.split(ph).join(span);
             });
-
+            html = this.renderCiteLabels(html);
             // 6) 空文本时按你原逻辑补图标（不会影响 wmath）
             if (type === 0 && html.trim() === '') {
                 html += `<img contenteditable="false" src="${this.imagePath || ''}" alt="" style="width:20px;height:20px;opacity:.6;">`;
@@ -4192,7 +4291,7 @@ export default {
     top: 26px;
     left: 0px;
 }
-/deep/.rightTabs .first-pane-width {
+::v-deep .rightTabs .first-pane-width {
     width: 200px; /* 规定第一个面板内容的宽度 */
 }
 .arrow-group {
diff --git a/src/components/page/editPublicRefTableOnly.vue b/src/components/page/editPublicRefTableOnly.vue
new file mode 100644
index 0000000..1290d4d
--- /dev/null
+++ b/src/components/page/editPublicRefTableOnly.vue
@@ -0,0 +1,2013 @@
+<template>
+    <div class="edit-public-ref-container">
+        <div v-if="chanFerForm && chanFerForm.length > 0" class="references-h1 level-1">
+            <div class="title-content">
+                <div class="pMainH1">
+                    <div class="pMain">References</div>
+                </div>
+            </div>
+        </div>
+        <div class="ref-list-wrapper">
+            <div
+                :data-id="`ref-${item.p_refer_id}`"
+                v-for="(item, index) in chanFerForm"
+                :key="index"
+                class="ref-item-row"
+                :class="{ 'has-change': item.is_change == 1, 'is-repeat': item.is_repeat == 1 }"
+            >
+                <div class="ref-content-area">
+                    <div v-if="item.refer_type == 'journal'" class="reference-item">
+                        <b class="ref-number-prefix">{{ index + 1 }}.</b>
+
+                        <span class="author-text">{{ item.author }} </span>
+                        <span v-html="formatTitle(item.title)"></span>. <em class="journal-name">{{ item.joura }}</em
+                        >. <span :class="getJournalDateno(item.dateno, 'title')">{{ item.dateno }}</span
+                        >.
+
+                        <div class="doi-link-container">
+                            <a class="doiLink" :href="item.doilink" target="_blank">{{ item.doilink }}</a>
+                        </div>
+                    </div>
+
+                    <div v-if="item.refer_type == 'book'" class="reference-item">
+                        <b class="ref-number-prefix">{{ index + 1 }}.</b>
+                        {{ item.author }} <span v-html="formatTitle(item.title)"></span>. {{ item.dateno }}.
+                        <br />
+                        <a class="doiLink" :href="item.isbn" target="_blank">{{ item.isbn }}</a>
+                    </div>
+
+                    <div v-if="item.refer_type == 'other'" class="reference-item">
+                        <b class="ref-number-prefix">{{ index + 1 }}.</b>
+                        <span v-html="formatTitle(item.refer_frag)"></span>
+                    </div>
+                </div>
+
+                <div class="ref-actions-area">
+                    <i class="el-icon-edit action-icon primary" @click="change(item, 'Edit')"></i>
+
+                    <i class="el-icon-circle-plus-outline action-icon success" @click="addLine(item, 'Add')"></i>
+
+                    <div class="order-icons">
+                        <i
+                            class="el-icon-caret-top action-icon"
+                            :class="{ disabled: index === 0 }"
+                            @click="index !== 0 && changeOrder(item, 'up')"
+                        ></i>
+                        <i
+                            class="el-icon-caret-bottom action-icon"
+                            :class="{ disabled: index === chanFerForm.length - 1 }"
+                            @click="index !== chanFerForm.length - 1 && changeOrder(item, 'down')"
+                        ></i>
+                    </div>
+
+                    <i class="el-icon-delete action-icon danger" @click="deleteLine(item)"></i>
+
+                    <img v-if="role == 'editor' && item.is_ai_check == 1" src="@/assets/img/ai.png" class="ai-mini-tag" />
+                </div>
+            </div>
+        </div>
+        <!-- 编辑引用 -->
+        <el-dialog
+            :close-on-click-modal="false"
+            destroy-on-close
+            :append-to-body="true"
+            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">
+                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-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-select>
+                </el-form-item>
+                <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-input>
+
+                    </el-form-item>
+                </div> -->
+            </el-form>
+
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="cancelSave">Cancel</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>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'EditPublicRefTableOnly',
+    data() {
+        return {
+            old_refence_content: '', // 原始参考文献内容
+            old_refence_type: '',
+            isShowParsingData: false,
+            isShowParsing: false,
+            dialogTitle: '',
+            SourceType: 'journal',
+            sourceOptions: [
+                {
+                    value: 'journal',
+                    label: 'journal'
+                },
+                {
+                    value: 'book',
+                    label: 'book'
+                },
+                {
+                    value: 'other',
+                    label: 'other'
+                }
+            ],
+            // 引用表单
+            refenceForm: {
+                doi: '',
+                p_article_id: null,
+                p_refer_id: null, // 当前行一行的引用序号
+                pre_p_refer_id: null, // 上一行
+                refer_type: '', // 类型
+                joura: '',
+                author: '',
+                doilink: '',
+                dateno: '',
+                isbn: '',
+                content: '',
+                title: ''
+            },
+            refenceFormrules: {
+                // doi:[
+                // { required: false, message: 'The Doi cannot be empty', trigger: 'blur' },
+                // ],
+                joura: [{ required: true, message: 'The Journal cannot be empty', trigger: 'blur' }],
+                author: [{ required: true, message: 'The Author(s) cannot be empty', trigger: 'blur' }],
+                title: [{ required: true, message: 'Please fill in this field', trigger: 'blur' }],
+                doilink: [{ required: true, message: 'The doi/url cannot be empty', trigger: 'blur' }],
+                dateno: [{ required: true, message: 'The Publication Details cannot be empty', trigger: 'blur' }],
+                isbn: [{ required: true, message: 'The ISBN cannot be empty', trigger: 'blur' }],
+                content: [{ required: true, message: 'The Content cannot be empty', trigger: 'blur' }]
+            },
+            addLoading: false,
+            editboxVisible: false,
+            multipleSelection: [] // 多选
+        };
+    },
+   
+    props: {
+        p_article_id: {
+            type: null,
+            required: true
+        },
+        chanFerFormRepeatList: {
+            type: Array,
+            default: () => []
+        },
+        chanFerForm: {
+            type: Array,
+            required: true
+        },
+        gridData: {
+            type: String,
+            default: ''
+        },
+        role: {
+            type: String,
+            default: () => 'editor'
+        }
+    },
+    methods: {
+        formatTitle(title) {
+            if (!title) return '';
+            const reg = /\b(Retracted|Retraction)\b/gi;
+            return title.replace(reg, (match) => `<span style="color: red; font-weight: bold;">${match}</span>`);
+        },
+        // 核心算法：处理序号合并逻辑
+        formatCiteNumbers(nums) {
+            if (!nums || nums.length === 0) return '';
+            // 去重并升序排序
+            const sorted = [...new Set(nums)].sort((a, b) => a - b);
+            const result = [];
+            let i = 0;
+            while (i < sorted.length) {
+                let j = i;
+                while (j < sorted.length - 1 && sorted[j + 1] === sorted[j] + 1) {
+                    j++;
+                }
+                // 如果连续数字 >= 3 个，使用连字符 '-'
+                if (j - i >= 2) {
+                    result.push(`${sorted[i]}-${sorted[j]}`);
+                } else {
+                    // 否则（1个或2个）逐个列出
+                    for (let k = i; k <= j; k++) {
+                        result.push(sorted[k]);
+                    }
+                }
+                i = j + 1;
+            }
+            return result.join(', ');
+        },
+
+        // 渲染最终 HTML 的包装器
+        // text: 原始文本, annotations: 批注, type: 类型, am_id: ID
+        renderFinalHtml(text, annotations, type, am_id) {
+            // 1. 调用你现有的 highlightText2 逻辑（见下方修改后的版本）
+            let html = this.highlightText2(text, annotations, type, am_id);
+
+            // 2. 借鉴 EndNote：对处理完批注的 HTML 进行引用联动渲染
+            // 正则匹配连续的 autocite 标签（允许中间有空格）
+            const citeGroupRe = /(<autocite\s+data-id="(\d+)"\s*><\/autocite>\s*)+/gi;
+
+            return html.replace(citeGroupRe, (groupMatch) => {
+                const ids = [...groupMatch.matchAll(/data-id="(\d+)"/gi)].map((m) => m[1]);
+
+                // 从全局 citeMap 中获取序号（citeMap 是你根据全文顺序生成的 {ID: Index}）
+                const nums = ids.map((id) => this.citeMap[id]).filter((n) => n);
+
+                if (nums.length === 0) return groupMatch;
+
+                const label = this.formatCiteNumbers(nums);
+
+                // 原样保持标签（藏在 display:none 里），外层显示 [4-6]
+                return `<span class="cite-rendered-node" style="color:#0052d9; font-weight:bold; cursor:pointer;">
+                        [${label}]
+                        <span style="display:none">${groupMatch}</span>
+                    </span>`;
+            });
+        },
+        getJournalDateno(dateno, type) {
+            if (dateno && typeof dateno === 'string') {
+                const hasInvalidColon = !dateno.includes(':') || (dateno.includes(':') && dateno.split(':').pop().trim() === '');
+
+                if (hasInvalidColon) {
+                    return type === 'title' ? 'text-highlight' : 'warn';
+                }
+            }
+            return '';
+        },
+        getParsingInfo(data, index) {
+            const targetSubArr = this.chanFerFormRepeatList.find((subArr) => subArr.includes(index));
+            if (targetSubArr) {
+                let warningText = 'Please note that ';
+                const refElements = targetSubArr.map((ref, refIndex) => {
+                    return `${ref + 1}`;
+                });
+                if (refElements.length > 0) {
+                    if (refElements.length === 1) {
+                        warningText += `ref. ${refElements[0]} is a duplicate.`;
+                    } else {
+                        const lastRef = refElements.pop(); // 取出最后一个 ref
+                        warningText += `ref. ${refElements.join(', ')} and ${lastRef} are duplicates.`;
+                    }
+                }
+                return warningText;
+            }
+        },
+        handleContainerClick(e) {
+            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) => {
+                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 ';
+                }
+            });
+            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;
+                    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) => {
+                    if (res.status == 1) {
+                        return res.data;
+                    }
+                    throw res.msg;
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                    return Promise.reject(err);
+                });
+        },
+        tableRowStyle({ row }) {
+            if (row.is_repeat === 1) {
+                return { backgroundColor: '#ffececa1' }; // 浅红色
+            }
+            return {};
+        },
+        init() {
+            this.$nextTick(() => {
+                if (this.$refs.multipleTable) {
+                    this.$refs.multipleTable.doLayout();
+                }
+            });
+        },
+        RefenceSelectionChange(val) {
+            // //console.log(val,666666)
+            this.multipleSelection = val;
+            // //console.log(this.multipleSelection,'this.multipleSelection')
+        },
+        // 取消选择
+        toggleSelection() {
+            this.multipleSelection = [];
+            this.$refs.multipleTable.clearSelection();
+        },
+        // 选中所有
+        selectAllRef() {
+            this.$refs.multipleTable.toggleAllSelection();
+        },
+        sendEmail() {
+            this.$confirm('Are you sure you want to send an email to the Editor?', 'Tips', {
+                confirmButtonText: 'Sure',
+                cancelButtonText: 'Cancel',
+                type: 'warning'
+            }).then(() => {
+                const loading = this.$loading({
+                    lock: true,
+                    text: 'please wait',
+                    spinner: 'el-icon-loading',
+                    background: 'rgba(0, 0, 0, 0.7)'
+                });
+                this.$api
+                    .post('api/References/finishSendEmail', {
+                        article_id: this.$route.query.id
+                    })
+                    .then((res) => {
+                        loading.close();
+                        if (res.status == 1) {
+                            this.$message.success('Email sent successfully!');
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        loading.close();
+                    });
+            });
+        },
+
+        // 删除部分引用
+        deleteSomeRefs() {
+            var ids = [];
+            ids = this.multipleSelection.map((item) => {
+                return item.p_refer_id;
+            });
+            this.$confirm('Are you sure you want to remove the selected references?', 'Tips', {
+                confirmButtonText: 'Sure',
+                cancelButtonText: 'Cancel',
+                type: 'warning'
+            })
+                .then(() => {
+                    const loading = this.$loading({
+                        lock: true,
+                        text: 'please wait',
+                        spinner: 'el-icon-loading',
+                        background: 'rgba(0, 0, 0, 0.7)'
+                    });
+                    this.$api
+                        .post('api/Preaccept/delRefers', {
+                            ids: ids
+                        })
+                        .then((res) => {
+                            loading.close();
+                            if (res.code == 0) {
+                                //console.log(res);
+                                this.changeRefer();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            loading.close();
+                            //console.log(err);
+                        });
+                })
+                .catch(() => {});
+        },
+        // 刷新组件
+        refrashComp() {
+            this.$emit('refrashComp', true);
+        },
+        // 重新获取参考文献
+        changeRefer() {
+            this.$emit('changeRefer', true);
+        },
+        // 向上合并某一项
+        ChanFerMashUp(e) {
+            ////console.log(e,'5555')
+            this.$emit('ChanFerMashUp', e);
+        },
+        // 显示修改引用
+        async change(row, optitle) {
+            this.dialogTitle = optitle;
+            this.isShowParsing = false;
+            this.isShowParsingData = false;
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            try {
+                var data = await this.getRefData(row.p_refer_id);
+                this.SourceType = data.refer_type ? data.refer_type : '';
+
+                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.role == 'user') {
+                    this.refenceForm.doi = data.refer_doi ? data.refer_doi : '';
+                } else {
+                    this.refenceForm.doi = '';
+                }
+
+                //console.log('this.refenceForm at line 883:', this.refenceForm)
+                this.editboxVisible = true;
+                this.$nextTick(() => {
+                    // this.refenceForm.content = row.refer_frag;
+                });
+                loading.close();
+            } catch (error) {
+                loading.close();
+            }
+        },
+        // 编辑引用
+        saveChange() {
+            var journalValid = false;
+            var bookValid = false;
+            var otherValid = false;
+            if (this.SourceType == 'journal') {
+                // Journal形式
+                // var doi = ''
+                var author = '';
+                var title = '';
+                var dateno = '';
+                var joura = '';
+                var doilink = '';
+                // this.$refs['refenceForm'].validateField('doi',(callback)=>{
+                // 	doi = callback
+                // })
+                this.$refs['refenceForm'].validateField('author', (callback) => {
+                    author = callback;
+                });
+                this.$refs['refenceForm'].validateField('title', (callback) => {
+                    title = callback;
+                });
+                this.$refs['refenceForm'].validateField('dateno', (callback) => {
+                    dateno = callback;
+                });
+                this.$refs['refenceForm'].validateField('joura', (callback) => {
+                    joura = callback;
+                });
+                this.$refs['refenceForm'].validateField('doilink', (callback) => {
+                    doilink = callback;
+                });
+                author == '' && title == '' && dateno == '' && joura == '' && doilink == '' ? (journalValid = true) : '';
+            } else if (this.SourceType == 'book') {
+                // book 形式
+                var author = '';
+                var title = '';
+                var dateno = '';
+                var isbn = '';
+                this.$refs['refenceForm'].validateField('author', (callback) => {
+                    author = callback;
+                });
+                this.$refs['refenceForm'].validateField('title', (callback) => {
+                    title = callback;
+                });
+                this.$refs['refenceForm'].validateField('dateno', (callback) => {
+                    dateno = callback;
+                });
+                this.$refs['refenceForm'].validateField('isbn', (callback) => {
+                    isbn = callback;
+                });
+                author == '' && title == '' && dateno == '' && isbn == '' ? (bookValid = true) : '';
+            } else if (this.SourceType == 'other') {
+                // others 形式
+                var content = '';
+                this.$refs['refenceForm'].validateField('content', (callback) => {
+                    content = callback;
+                });
+                content == '' ? (otherValid = true) : '';
+            }
+            // //console.log(otherValid,99)
+
+            if (journalValid || bookValid || otherValid) {
+                // 有任意一个模式符合验证规则就提交
+                this.editRefSave();
+            }
+        },
+        //  提交引用修改
+        editRefSave() {
+            this.refenceForm.refer_type = this.SourceType;
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+
+            var form = { ...this.refenceForm };
+
+            if (this.role == 'user') {
+                form.article_id = this.$route.query.id;
+            }
+            this.$api
+                .post('api/Preaccept/editRefer', form)
+                .then((res) => {
+                    if (res.code == 0) {
+                        loading.close();
+                        this.$message.success('successed！');
+                        //this.getRefData()
+                        this.changeRefer();
+                        this.cancelSave();
+                    } else if (res.code == 1) {
+                        loading.close();
+                        this.$message.error(res.msg);
+                    } else {
+                        loading.close();
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    loading.close();
+                    this.$message.error(err);
+                });
+        },
+        // 保存新增
+        saveAdd() {
+            var journalValid = false;
+            var bookValid = false;
+            var otherValid = false;
+            if (this.SourceType == 'journal') {
+                // Journal形式
+                // var doi = ''
+                var author = '';
+                var title = '';
+                var dateno = '';
+                var joura = '';
+                var doilink = '';
+                // this.$refs['refenceForm'].validateField('doi',(callback)=>{
+                //     doi = callback
+                // })
+                this.$refs['refenceForm'].validateField('author', (callback) => {
+                    author = callback;
+                });
+                this.$refs['refenceForm'].validateField('title', (callback) => {
+                    title = callback;
+                });
+                this.$refs['refenceForm'].validateField('dateno', (callback) => {
+                    dateno = callback;
+                });
+                this.$refs['refenceForm'].validateField('joura', (callback) => {
+                    joura = callback;
+                });
+                this.$refs['refenceForm'].validateField('doilink', (callback) => {
+                    doilink = callback;
+                });
+                author == '' && title == '' && dateno == '' && joura == '' && doilink == '' ? (journalValid = true) : '';
+            } else if (this.SourceType == 'book') {
+                // book 形式
+                var author = '';
+                var title = '';
+                var dateno = '';
+                var isbn = '';
+                this.$refs['refenceForm'].validateField('author', (callback) => {
+                    author = callback;
+                });
+                this.$refs['refenceForm'].validateField('title', (callback) => {
+                    title = callback;
+                });
+                this.$refs['refenceForm'].validateField('dateno', (callback) => {
+                    dateno = callback;
+                });
+                this.$refs['refenceForm'].validateField('isbn', (callback) => {
+                    isbn = callback;
+                });
+                author == '' && title == '' && dateno == '' && isbn == '' ? (bookValid = true) : '';
+            } else if (this.SourceType == 'other') {
+                // others 形式
+                var content = '';
+                this.$refs['refenceForm'].validateField('content', (callback) => {
+                    content = callback;
+                });
+                content == '' ? (otherValid = true) : '';
+            }
+            // //console.log(otherValid,99)
+
+            if (journalValid || bookValid || otherValid) {
+                // 有任意一个模式符合验证规则就提交
+
+                this.refenceForm.refer_type = this.SourceType;
+                // //console.log(this.refenceForm,99)
+                const loading = this.$loading({
+                    lock: true,
+                    text: 'Loading...',
+                    spinner: 'el-icon-loading',
+                    background: 'rgba(0, 0, 0, 0.7)'
+                });
+                var form = { ...this.refenceForm };
+                if (this.role == 'user') {
+                    form.article_id = this.$route.query.id;
+                }
+                this.$api
+                    .post(this.role == 'user' ? 'api/Preaccept/addRefer' : 'api/Preaccept/addReferByParticleid', form)
+                    .then((res) => {
+                        if (res.code == 0) {
+                            loading.close();
+                            this.$message.success('successed！');
+
+                            this.changeRefer();
+                            this.cancelSave();
+                        } else if (res.code == 1) {
+                            // doi 错误
+                            loading.close();
+                            this.$message.error(res.msg);
+                        } else {
+                            loading.close();
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        loading.close();
+                        this.$message.error(err);
+                    });
+            } else {
+                return false;
+            }
+        },
+        cancelSave() {
+            this.editboxVisible = false;
+            // refenceForm
+            // 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.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) => {
+                        loading.close();
+                        ////console.log(res)
+                        if (res.code == 0) {
+                            //this.tableData = res.data.refers
+                            this.$nextTick(() => {
+                                this.refenceForm.author = res.data.formate.author;
+                                this.refenceForm.title = res.data.formate.title;
+                                this.refenceForm.joura = res.data.formate.joura;
+                                this.refenceForm.dateno = res.data.formate.dateno;
+                                this.refenceForm.doilink = res.data.formate.doilink;
+                            });
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((e) => {
+                        loading.close();
+                        this.$message.error(e.msg);
+                    });
+            } else {
+                //  //console.log('不合格')
+                this.$message.error('The Doi cannot be empty!');
+                return false;
+            }
+            // })
+        },
+        // 添加一行
+        addLine(row, optitle) {
+            this.dialogTitle = optitle;
+            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.$nextTick(() => {
+                if (this.$refs['refenceForm']) {
+                    this.$refs['refenceForm'].clearValidate(['content']);
+                    this.$refs['refenceForm'].clearValidate(['doi']);
+                }
+            });
+        },
+
+        // 删除一行
+        deleteLine(row) {
+            this.$confirm('Are you sure you want to remove this reference?', 'Tips', {
+                confirmButtonText: 'Sure',
+                cancelButtonText: 'Cancel',
+                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();
+                                // this.getRefData()
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            loading.close();
+                            this.$message.error(err);
+                        });
+                })
+                .catch(() => {
+                    loading.close();
+                });
+        },
+
+        // 调整顺序
+        changeOrder(row, opName) {
+            let optitle = '';
+            opName == 'up' ? (optitle = 'Move up this line?') : (optitle = 'Move down this line?');
+            // this.$confirm(optitle, 'Tips', {
+            // confirmButtonText: 'Sure',
+            // cancelButtonText: 'Cancel',
+            // type: 'warning'
+            // }).then(() => {
+            this.$api
+                .post('api/Preaccept/sortRefer', {
+                    p_refer_id: row.p_refer_id,
+                    act: opName
+                })
+                .then((res) => {
+                    if (res.code == 0) {
+                        //	this.$message.success('successed!')
+                        this.changeRefer();
+                        // this.getRefData()
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+            // this.$message({
+            //     type: 'success',
+            //     message: 'remove successed!'
+            // });
+            // }).catch(()=>{});
+        }
+    },
+    watch: {
+        SourceType: {
+            handler(newVal, oldVal) {
+                this.$nextTick(() => {
+                    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,
+            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>
+
+<style scoped>
+.edit-public-ref-table-only {
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.references-h1 {
+    width: 100%;
+    /* padding: 6px 16px; */
+    cursor: pointer;
+    display: flex;
+    align-items: flex-start;
+    box-sizing: border-box;
+    transition: background-color 0.1s;
+}
+.pMainH1 {
+    width: 100%;
+    font-family: 'Charis SIL';
+    min-height: 12px;
+    background: rgb(222, 235, 247);
+    color: rgb(210, 90, 90) !important;
+    text-align: center !important;
+    border: 1px solid rgba(222, 234, 247, 0.1);
+    border-radius: 10px;
+    font-size: 16px;
+
+    margin-top: 15px !important;
+    margin-bottom: 10px !important;
+    box-shadow: rgba(222, 234, 247, 0.6) 0px 4px 4px;
+}
+::v-deep .pMainH1 .pMain {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+    line-height: 30px !important;
+    text-align: center;
+    font-size: 16px;
+    font-weight: bold !important;
+}
+/* 1级标题 */
+.level-1 {
+    padding-left: 0px;
+}
+.level-1 .title-content {
+    width: 100%;
+    font-weight: bold !important;
+    font-style: normal !important;
+    font-size: 14px !important;
+    line-height: 1.3;
+    white-space: nowrap;
+    padding: 4px 0px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    /* Times New Roman 增加学术感 */
+    font-family: 'Charis SIL' !important;
+    color: #333;
+}
+/* 隐藏编辑器底部内容 */
+/* /deep/ #edui1_bottombar{display: none;}  */
+/* 编辑器高度 */
+/* /deep/ #edui1_iframeholder{ height: 260px;}  */
+
+.wordDia {
+    max-height: 800px;
+    overflow-y: scroll;
+}
+
+.logtips {
+    margin-bottom: 15px;
+    color: #666;
+}
+
+/* .itemIndex{position: relative;} */
+.itemChanged {
+    position: absolute;
+    display: inline-block;
+    background: #006699;
+    color: #fff;
+    padding: 5px;
+    border-radius: 0 0 7px 7px;
+    left: 0;
+    top: 0;
+}
+
+.status {
+    display: block;
+    width: 36px;
+    height: 36px;
+    border-radius: 36px;
+    font-size: 22px;
+    line-height: 36px;
+    color: #fff;
+    text-align: center;
+}
+
+.status.ok {
+    background: #a7e389;
+}
+
+.status.warn {
+    background: #ffd192;
+}
+
+.status.float {
+    display: inline-block;
+}
+
+.doiLink {
+    color: #006699;
+}
+
+.talkDialog {
+    height: 500px;
+    overflow-y: scroll;
+}
+
+.contactAuthor {
+    margin-top: 50px;
+    color: #8c939d;
+}
+
+.contactAuthor > p {
+    font-size: 12px;
+    margin-left: 0 !important;
+}
+
+.contactAuthor > p > .btnCliArt {
+    color: #409eff;
+}
+
+.contactAuthor > h4 {
+    margin-bottom: 10px;
+}
+
+.handle-box {
+    margin-bottom: 20px;
+}
+
+.title_header {
+    margin-bottom: 20px;
+}
+
+.tab_post {
+    background-color: #fafafa;
+    position: absolute;
+    left: 25px;
+    top: 60px;
+    /* width: 220px; */
+    z-index: 50;
+}
+
+.tab_post > div {
+    margin-bottom: 30px;
+    cursor: pointer;
+    position: relative;
+}
+
+.tab_post > div h5 {
+    padding: 10px 10px 0 0;
+    margin-bottom: 5px;
+    border-radius: 10px;
+    font-size: 16px;
+    color: #333;
+    font-weight: bold;
+    letter-spacing: -0.6px;
+}
+
+.tab_post > div h5 span {
+    border: 2px solid #333;
+    padding: 0 7px;
+    margin: 0 5px 0 0;
+    border-radius: 15px;
+    font-size: 12px;
+    display: inline-block;
+}
+
+.tab_post > div p {
+    margin: 0 20px 0 33px;
+    color: #999;
+    font-size: 14px;
+    line-height: 18px;
+}
+
+.tab_post > div .line {
+    top: 50px;
+    left: 11px;
+    bottom: -25px;
+    position: absolute;
+    border: 1px dashed #999;
+}
+
+.tab_post > div:nth-child(7) .line {
+    border: none;
+}
+
+.tab_post > div.P_style h5 {
+    color: #006699;
+}
+
+.tab_post > div.P_style h5 span {
+    background-color: #006699;
+    border: 2px solid #006699;
+    color: #fff;
+}
+
+.tab_post > div.P_style p {
+    color: #333;
+}
+
+.tab_post > div.P_style .line {
+    /* border-color: #006699; */
+}
+
+.scroll-item {
+    margin: 0 30px 50px 255px;
+}
+
+.bor_style_onli {
+    height: 700px;
+    overflow-y: scroll;
+    border: 2px solid #0066991a;
+    background-color: #fff;
+    border-radius: 5px;
+    padding: 20px;
+}
+
+.bor_style_onli > h4 {
+    margin: 0 0 20px 0;
+    letter-spacing: -0.5px;
+}
+
+.captcha-img.el-switch.is-disabled {
+    opacity: 1;
+}
+
+.captcha-img.el-switch.is-disabled .el-switch__core {
+    cursor: pointer;
+}
+
+.message-title {
+    cursor: pointer;
+}
+
+.guanSty {
+    min-width: 1000px;
+}
+
+.guanSty .quill-editor {
+    margin-bottom: 20px;
+    /* height: 200px; */
+}
+
+.guanSty .ql-toolbar {
+    border: 1px solid #dcdfe6 !important;
+}
+
+.guanSty .ql-container {
+    min-height: 100px !important;
+    border: 1px solid #dcdfe6 !important;
+}
+
+.guanSty .ql-editor {
+    height: 100px;
+}
+
+.guanSty .upload-demo .el-upload {
+    width: 55px;
+    float: left;
+    margin-left: 5px;
+    border: none;
+    text-align: left;
+    height: 35px;
+}
+
+.guanSty .el-upload-list {
+    margin-top: 4px;
+    margin-left: 20px;
+    float: left;
+    width: 35px;
+}
+
+.guanSty .el-upload-list .el-upload-list__item {
+    width: 30px !important;
+}
+
+.guanSty .el-upload-list .el-upload-list__item:hover {
+    cursor: pointer;
+}
+
+.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-name {
+    width: 30px;
+}
+
+.guanSty .el-upload-list .el-upload-list__item .el-upload-list__item-status-label {
+    display: none;
+}
+
+.guanSty .el-upload-list__item:hover .el-icon-close {
+    display: none;
+}
+
+.guanSty .avatar-uploader .el-upload {
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+    width: 140px;
+    height: 140px;
+}
+
+.guanSty .avatar-uploader .el-upload:hover {
+    border-color: #409eff;
+}
+
+.guanSty .avatar-uploader-icon {
+    font-size: 28px;
+    color: #8c939d;
+    width: 140px;
+    height: 140px;
+    line-height: 140px;
+    text-align: center;
+}
+
+.guanSty .avatar {
+    width: 140px;
+    height: 140px;
+    display: block;
+}
+
+.guanSty .upload-demo .el-upload-list__item:first-child {
+    margin-top: 0;
+    width: 300px;
+}
+
+.suoshu_jigou .el-checkbox__label {
+    white-space: normal;
+}
+
+.suoshu_jigou .el-checkbox__input {
+    vertical-align: top;
+    margin-top: 8px;
+}
+
+.liter_ture {
+    position: relative;
+    margin-top: 30px;
+}
+
+.chanSelLef {
+    width: 100% !important;
+    /* position: sticky; */
+    top: 10px;
+    height: auto;
+}
+
+.chanSelLef > p {
+    font-size: 14px;
+    color: #333;
+    margin: 10px 0 30px 0;
+    line-height: 22px;
+}
+
+.chanSelLef > div {
+    margin: 0 0 20px 0;
+}
+
+.chanSelLef > div > h3 {
+    font-size: 14px;
+    letter-spacing: -0.5px;
+    color: #999;
+}
+
+.chanSelLef > div > h3 > span {
+    color: #fff;
+    background-color: #999;
+    padding: 2px 6px;
+    margin: 0 10px 0 0;
+}
+
+.chanSelLef > div > div > p {
+    font-size: 14px;
+    color: #333;
+    margin: 10px 0 0 32px;
+    line-height: 24px;
+}
+
+.chanSelLef > div.C_style > h3 {
+    color: #006699;
+}
+
+.chanSelLef > div.C_style > h3 > span {
+    background-color: #006699;
+}
+
+.chanFerAll {
+}
+
+.chanFerAll .chanFerBtn {
+    cursor: pointer;
+}
+
+.chanFerAll .ref_list:nth-child(2n) {
+}
+
+.chanFerAll .ref_list:nth-child(2n + 1) {
+    background-color: #ecf5ff;
+}
+
+.ref_list {
+    padding: 20px;
+    position: relative;
+}
+
+.ref_list > b {
+    position: absolute;
+    top: 5px;
+    left: 10px;
+    font-size: 12px;
+}
+
+.ref_list > i {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    font-size: 16px;
+    color: #006699;
+    cursor: pointer;
+}
+
+.ref_list > div:nth-child(1) {
+    margin: 0 0 15px 0;
+}
+
+.ref_list > div:nth-child(1) input {
+}
+
+.ref_list > div:nth-child(1) button {
+    float: right;
+}
+
+.ref_list > div:nth-child(2) {
+    margin: 0 0 15px 0;
+}
+
+.ref_list > div.BG_yell {
+    background-color: #fdf3e3;
+    padding: 15px 0;
+}
+
+.RefProBar {
+    position: absolute;
+    background: rgba(0, 0, 0, 0.7);
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.RefProBar > div {
+    width: 76%;
+    position: absolute;
+    top: 40%;
+    left: 12%;
+}
+
+.RefProBar > div > p {
+    color: #fff;
+    margin: 20px 0 0 0;
+}
+
+.RefProBar > div > p > img {
+    width: 30px;
+    vertical-align: middle;
+    margin: 0 10px 0 5px;
+}
+
+.RefProBar > div > p > span {
+    font-size: 18px;
+}
+
+.upload-demo_6 {
+    overflow: auto;
+}
+
+.upload-demo_6 .el-upload {
+    margin-left: 0 !important;
+    width: 150px !important;
+    height: auto !important;
+    text-align: center !important;
+}
+
+.upload-demo_6 .el-upload__tip {
+    margin-left: 15px;
+    float: left;
+}
+
+.typeA_MTxt > div > div {
+    position: relative;
+    border-bottom: 1px solid #d6e5ec;
+    padding: 10px 0 12px 0;
+}
+
+.typeA_MTxt > div > div .el-button {
+    position: absolute;
+    right: 5px;
+    top: -1px;
+}
+
+.typeA_MTxt > h5 {
+    margin: 25px 0 15px 0;
+    line-height: 18px;
+    font-size: 13px;
+    color: #bbb;
+    font-weight: 400;
+}
+
+.bor_style_onli .load_pdf {
+    margin-bottom: 20px;
+}
+
+.bor_style_onli .load_pdf > img {
+    vertical-align: sub;
+    margin: 0 15px 0 0;
+}
+
+.bor_style_onli .load_pdf a i:hover {
+    color: #006699 !important;
+    transform: scale(1.3);
+}
+
+.con_firm {
+    font-size: 14px;
+    line-height: 28px;
+}
+
+.con_firm b {
+    margin-left: 5px;
+}
+
+.con_firm i {
+    font-size: 18px;
+    margin-right: 5px;
+    vertical-align: text-bottom;
+}
+
+.aMesage {
+    font-size: 14px;
+    font-family: 'Helvetica Neue', Helvetica, Georgia, sans-serif;
+    word-break: break-all;
+}
+
+.aMes_typ {
+    line-height: 35px;
+    border-bottom: 1px solid #f1f1f1;
+    color: #7f0202;
+    font-weight: bold;
+}
+
+.aMes_tit {
+    color: #222;
+    font-weight: bold;
+    margin-top: 8px;
+    line-height: 20px;
+    font-family: 'Helvetica Neue', Helvetica, Georgia, sans-serif;
+}
+
+.aMes_autor {
+    margin-top: 5px;
+    font-size: 15px;
+    font-family: Calibri;
+}
+
+.aMes_doi {
+    margin-top: 8px;
+}
+
+.aMes_doi span {
+    margin-left: 20px;
+}
+
+.aMes_asbimg {
+    margin-top: 20px;
+}
+
+.aMes_asbimg img {
+    float: left;
+    width: 290px;
+}
+
+.aMes_asbimg div {
+    float: left;
+    font-family: Calibri;
+    width: 430px;
+    padding-left: 30px;
+}
+
+.aArticle {
+    font-size: 14px;
+    font-family: 'Helvetica Neue', Helvetica, Georgia, sans-serif;
+    word-break: break-all;
+}
+
+.aArt_doi {
+}
+
+.aArt_tit {
+    font-size: 16px;
+    color: #333333;
+    font-weight: bold;
+    margin: 20px 0 15px 0;
+    line-height: 24px;
+}
+
+.aArt_autor {
+    margin-top: 5px;
+    font-size: 15px;
+    font-family: Calibri;
+}
+
+.aArt_autor img {
+    width: 13px;
+    margin-left: 3px;
+}
+
+.aArt_jigou {
+    margin-top: 10px;
+    line-height: 20px;
+    font-family: Calibri;
+}
+
+.aArt_abst {
+    margin-top: 30px;
+}
+
+.aArt_abst .titTop {
+    border-bottom: 1px solid #ddd;
+    margin-bottom: 20px;
+}
+
+.zhushi {
+    color: #999;
+    font-size: 12px;
+}
+
+.aArt_abst .titTop b {
+    font-weight: normal;
+    display: inline-block;
+    padding: 8px 10px;
+    border: 1px solid transparent;
+    margin-bottom: -1px;
+    border-radius: 4px 4px 0 0;
+    cursor: pointer;
+}
+
+.aArt_abst .titTop b.Tab_col {
+    border: 1px solid #ddd;
+    border-bottom-color: #fff;
+}
+
+.aArt_abst .titHtml {
+    letter-spacing: 0.03em;
+    margin: 15px 10px 0 10px;
+    color: #444;
+    font-size: 15px;
+    line-height: 1.4;
+    word-break: break-word;
+}
+
+.aArt_abst > p {
+    margin: 25px 10px 0 10px;
+    text-align: justify;
+    color: #666;
+    font-size: 15px;
+    line-height: 1.4;
+    /* text-indent: 2.6rem; */
+    word-break: break-word;
+}
+
+.aArt_abst .titHtml .MaxPicture {
+    text-align: center;
+}
+
+.aArt_abst .titHtml .MaxPicture > img {
+    margin-bottom: 10px;
+}
+
+.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;
+}
+
+.repeat-warning-row {
+    background: red !important;
+}
+
+.liter_ture {
+    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: 100% !important;
+
+    border-top: 1px solid #d6e5ec;
+    box-sizing: border-box;
+}
+
+::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: 13px !important;
+}
+
+.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: 0px;
+    margin-bottom: 20px;
+
+    background: #fef0f0;
+    border: 1px solid #fbc4c4;
+    padding: 4px 10px;
+    font-size: 12px;
+    border-radius: 3px;
+    display: flex;
+    align-items: center;
+}
+.wrongLine {
+    color: #f15f44;
+}
+.Duplicate-item {
+    position: absolute;
+
+    left: 1px;
+    top: calc((100% - 24px) / 2);
+}
+.beautiful-gradient {
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.01);
+
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+    border-radius: 30px;
+}
+.text-highlight {
+    background-color: rgb(252, 98, 93);
+    background-color: rgb(252 98 93 / 68%);
+    color: #333;
+}
+.template-info {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    background: rgb(244, 244, 245);
+    border: 1px solid rgb(211, 212, 214);
+    font-size: 14px;
+    color: #606266;
+    padding-left: 15px;
+    border-radius: 4px;
+    padding: 14px;
+    box-sizing: border-box;
+}
+.template-title {
+    /* font-size: 16px; */
+    font-weight: bold;
+
+    margin-bottom: 10px;
+    color: #333;
+    display: inline-block;
+}
+.ref-list-wrapper {
+    background: #fff;
+}
+
+.ref-item-row {
+    display: flex;
+    align-items: flex-start;
+    justify-content: space-between;
+    padding: 0px 0px 10px;
+
+    transition: all 0.2s ease;
+    position: relative;
+}
+
+.ref-item-row:hover {
+    background-color: #f9fbff;
+}
+
+/* 序号与状态 */
+.ref-index-area {
+    width: 50px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    flex-shrink: 0;
+}
+.index-num {
+    font-size: 13px;
+    color: #909399;
+    font-weight: bold;
+}
+.status-ok {
+    color: #67c23a;
+    margin-top: 5px;
+}
+.status-warn {
+    color: #e6a23c;
+    margin-top: 5px;
+}
+
+/* 内容区 */
+.ref-content-area {
+    line-height: 22px;
+    flex: 1;
+    min-width: 0;
+    color: #333;
+    text-align: justify;
+    display: flex;
+    align-items: flex-start;
+    word-wrap: break-word;
+    font: 14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial, sans-serif;
+}
+
+.doi-link-text {
+    font-size: 12px;
+    color: #006699;
+    text-decoration: none;
+}
+
+/* 操作区 */
+.ref-actions-area {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 8px;
+
+    flex-shrink: 0;
+    margin-left: auto;
+    min-width: 100px;
+}
+.action-icon {
+    font-size: 15px;
+    cursor: pointer;
+    color: #909399;
+    transition: color 0.2s;
+}
+.action-icon:hover {
+    color: #006699;
+}
+.action-icon.success:hover {
+    color: #67c23a;
+}
+.action-icon.danger:hover {
+    color: #f56c6c;
+}
+.action-icon.disabled {
+    color: #e4e7ed;
+    cursor: not-allowed;
+}
+
+.order-icons {
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+}
+.order-icons .action-icon {
+    font-size: 12px;
+    line-height: 1;
+}
+
+.ai-mini-tag {
+    width: 18px;
+    height: 18px;
+    margin-left: 5px;
+}
+
+.ref-number-prefix {
+    margin-right: 6px;
+    color: #006699;
+}
+</style>
diff --git a/src/components/page/publishRefernceEditor.vue b/src/components/page/publishRefernceEditor.vue
index 856d89c..b731d60 100644
--- a/src/components/page/publishRefernceEditor.vue
+++ b/src/components/page/publishRefernceEditor.vue
@@ -124,7 +124,7 @@ export default {
 			}, 
             // 5----重新获取加载参考文献
 			changeRefer(val) {
-				console.log('重新获取参考文献')
+				
 				this.$api
 					.post('api/Production/getReferList', {
 						'p_article_id': this.p_article_id