From f74d081450bb7ef0fdebf5c02cb14ab1a04a43d3 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: Mon, 24 Nov 2025 17:25:33 +0800
Subject: [PATCH] tijiao

---
 src/components/common/common.vue              |   10 +-
 src/components/page/OnlineProofreading.vue    |   72 +-
 src/components/page/ReferenceEditor.vue       |  120 +-
 .../OnlineProofreading/catalogue.vue          |   24 +-
 .../OnlineProofreading/reference.vue          | 1194 +++++++++++++++++
 vue.config.js                                 |    4 +-
 6 files changed, 1266 insertions(+), 158 deletions(-)
 create mode 100644 src/components/page/components/OnlineProofreading/reference.vue

diff --git a/src/components/common/common.vue b/src/components/common/common.vue
index 2993ad4..4a59fb9 100644
--- a/src/components/common/common.vue
+++ b/src/components/common/common.vue
@@ -5,14 +5,14 @@
 // const mediaUrl = '/public/';
 // const baseUrl = '/';
 
-const mediaUrl = 'https://submission.tmrjournals.com/public/';
-// const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
-const baseUrl = '/api'
-
-// const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
+// const mediaUrl = 'https://submission.tmrjournals.com/public/';
 // // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
 // const baseUrl = '/api'
 
+const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
+// const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
+const baseUrl = '/api';
+
 //本地(正式环境 )
 
 // const mediaUrl = 'https://submission.tmrjournals.com/public/';
diff --git a/src/components/page/OnlineProofreading.vue b/src/components/page/OnlineProofreading.vue
index 29a6359..74ca213 100644
--- a/src/components/page/OnlineProofreading.vue
+++ b/src/components/page/OnlineProofreading.vue
@@ -19,7 +19,7 @@
                         ref="commonWordHtmlTypeSetting"
                         @onDragStart="onDragStart"
                         @huifu="huifu"
-                        :catalogueList="catalogueList"
+                        :catalogueList="tableData"
                         @onAddComment="onAddComment"
                         @addImage="handleImageAdd"
                         @addTable="handleTableAdd"
@@ -35,11 +35,13 @@
                 </div>
             </div>
             <div style="" class="right-content-box">
-                <!-- title -->
-                <div v-for="(item, index) in catalogueList" :key="index">
-                    <h1 :class="`title${item.key}`">{{ item.title }}</h1>
-                    
-                </div>
+          
+                    <common-reference 
+                        
+                        ref="commonReference1"
+                        :tableData="tableData"
+                       
+                        ></common-reference>
                 <!-- <common-word
                     v-if="htmlContent"
                     ref="commonWord"
@@ -361,6 +363,7 @@
 
 <script>
 import commonCatalogue from '@/components/page/components/OnlineProofreading/catalogue.vue';
+import commonReference from '@/components/page/components/OnlineProofreading/reference.vue';
 
 import bus from '@/components/common/bus';
 import { del, isShallow } from 'vue';
@@ -371,15 +374,15 @@ import bottomTinymce from '@/components/page/components/Tinymce';
 export default {
     data() {
         return {
-            catalogueList: [
-                { title: 'Title ', key: '1' },
-                { title: 'Author name', key: '2' },
-                { title: 'Affialition', key: '3' },
-                { title: 'Abstract & Keywords', key: '4' },
-                { title: 'Main text', key: '5' },
-                { title: 'Back Matter', key: '6' },
-                { title: 'Editorial inforation', key: '7' },
-                { title: 'Reference ', key: '8' },
+            tableData: [
+                // { title: 'Title ', key: '1' },
+                // { title: 'Author name', key: '2' },
+                // { title: 'Affialition', key: '3' },
+                // { title: 'Abstract & Keywords', key: '4' },
+                // { title: 'Main text', key: '5' },
+                // { title: 'Back Matter', key: '6' },
+                // { title: 'Editorial inforation', key: '7' },
+                // { title: 'Reference ', key: '8' },
             ],
             zoomNum: (window.innerWidth * 0.38) / 850,
             uploadWordTables: [],
@@ -504,7 +507,8 @@ export default {
     components: {
         Tinymce,
         bottomTinymce,
-        commonCatalogue
+        commonCatalogue,
+        commonReference
     },
     computed: {
         combinedValue() {
@@ -537,6 +541,7 @@ export default {
         localStorage.removeItem('scrollPosition');
         this.isShowEditComment();
         this.getDate();
+        this.getRefData();
         this.getCommentList();
         // this.loadDictionary().catch(console.error);
     },
@@ -545,10 +550,26 @@ export default {
        
         this.isShowEditComment();
         this.getDate();
+        this.getRefData();
         this.getCommentList();
     },
 
     methods: {
+          // 获取引用文献信息
+          getRefData() {
+            this.$api
+                .post('api/Preaccept/getArticleReferences', { article_id: this.$route.query.id })
+                .then((res) => {
+                    console.log(res);
+                    if (res.code == 0 && res.data.refers.length > 0) {
+                        this.tableData = res.data.refers;
+                    }
+                  
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
         async copyArray(data) {
             try {
                
@@ -793,19 +814,14 @@ export default {
 
         // 编辑评论，显示文本框
         goToListComment(id, type) {
-            var am_id;
-            if (type == 'img') {
-                am_id = this.Main_List.find((item) => item.ami_id == id).am_id;
-            } else {
-                am_id = this.Main_List.find((item) => item.amt_id == id).am_id;
-            }
-            if (am_id) {
-                this.goToComment(am_id);
-            }
+       
+           
+                this.goToComment(id);
+    
         },
         goToComment(mainId) {
             this.$nextTick(() => {
-                this.$refs.commonWord.goToComment(mainId);
+                this.$refs.commonReference1.goToComment(mainId);
             });
         },
         getTables(tables, html) {
@@ -1866,7 +1882,7 @@ export default {
                 box-sizing: border-box;
 }
 .right-side{
-    width: 240px;
+    width: 280px;
                     float: left;
                     height: 100%;
                     background-color: #fff;
@@ -1875,7 +1891,7 @@ export default {
                     overflow-y: auto;
 }
 .right-content-box{
-    width: 100%; width: calc(100% - 245px); float: right; height: calc(100% - 0px); background-color: #e4e9ed
+    width: 100%; width: calc(100% - 285px); float: right; height: calc(100% - 0px); background-color: #e4e9ed
 }
 .lineStyle {
     border-top: 1px solid #0066994d;
diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
index 0760201..80f5d08 100644
--- a/src/components/page/ReferenceEditor.vue
+++ b/src/components/page/ReferenceEditor.vue
@@ -144,7 +144,7 @@
                 <div class="refenceCentent mt20">
                     <span @click="deleteSomeRefs">删除</span>
                     <div style="display: flex;align-items: center;justify-content: space-between;">
-                         <el-table style="width: 50%"
+                         <el-table style="width: 100%"
                         :data="tableData"
                         ref="multipleTable"
                         :row-style="tableRowStyle"
@@ -251,123 +251,7 @@
                             </div>
                         </el-table-column>
                     </el-table>
-                    <el-table style="width: 50%"
-                        :data="TempredableNew"
-                        ref="multipleTable"
-                        :row-style="tableRowStyle"
-                        empty-text="New messages (0)"
-                        :show-header="false"
-                        :stripe="false"
-                        :highlight-current-row="false"
-                    >
-                        <el-table-column type="index" label="No." width="60" align="center">
-                            <template slot-scope="scope">
-                                <el-tooltip class="item" effect="dark" content="Duplicate references" placement="top">
-                                <img
-                                    src="../../assets/img/repeat.png"
-                                    v-if="scope.row.is_repeat == 1&&scope.row.is_deal == 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 != '')
-                                    "
-                                >
-                                    <i class="el-icon-circle-check"></i>
-                                </span>
-                                <span class="status warn" v-else>
-                                    <i class="el-icon-warning-outline"></i>
-                                </span>
-                            </template>
-                        </el-table-column>
-                        <el-table-column label="Title" align="left">
-                            <template slot-scope="scope">
-                                <!-- journal 形式 -->
-                                <div style="text-align: left" v-if="scope.row.refer_type == 'journal'">
-                                    <p>
-                                        {{ 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>
-                                    <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'">
-                                    {{ scope.row.refer_frag }}
-                                </p>
-                            </template>
-                        </el-table-column>
-                        <el-table-column align="center" width="360">
-                            <div slot-scope="scope">
-                                <div>
-                                    
-                                </div>
-                                <el-button 
-                                    v-if="scope.row.is_deal == 1"
-                                    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 
-                                    v-if="scope.row.is_deal == 1"
-                                    type="warning"
-                                    size="mini"
-                                    plain
-                                    :disabled="scope.$index != 0 ? false : true"
-                                    @click="changeOrder(scope.row, 'up')"
-                                    >↑</el-button
-                                >
-                                <el-button 
-                                    v-if="scope.row.is_deal == 1"
-                                    type="warning"
-                                    size="mini"
-                                    plain
-                                    :disabled="scope.$index == tableData.length - 1 ? true : false"
-                                    @click="changeOrder(scope.row, 'down')"
-                                    >↓</el-button
-                                >
-                                <el-button 
-                                    v-if="scope.row.is_deal == 1"
-                                    type="danger"
-                                    icon="el-icon-delete"
-                                    size="mini"
-                                    style="float: right"
-                                    plain
-                                    @click="deleteLine(scope.row)"
-                                    >delete</el-button
-                                >
-                                <i class="el-icon-loading" style="font-size: 24px;color: #606266;" v-if="scope.row.is_deal==2"></i>
-                           
-                           <i class="el-icon-success" style="font-size: 24px;color: #2ac95c;" v-if="scope.row.is_deal==1"></i>
-                            </div>
-                        </el-table-column>
-                    </el-table>  
+                  
                     </div>
                  
                 </div>
diff --git a/src/components/page/components/OnlineProofreading/catalogue.vue b/src/components/page/components/OnlineProofreading/catalogue.vue
index 5ac12f8..037d403 100644
--- a/src/components/page/components/OnlineProofreading/catalogue.vue
+++ b/src/components/page/components/OnlineProofreading/catalogue.vue
@@ -1,14 +1,14 @@
 <template>
     <!-- v-show="tables.length > 0 || images.length > 0" -->
     <div
-        style="background-color: transparent !important; margin-top: 0px !important; height: 100%; padding: 0 !important; overflow: hidden"
+        style=""
         class="ManuscirptList"
     >
         <!-- 图片缩略图区域 -->
 
      
        <div class="title">
-        Contents
+        Reference List
        </div>
         <div
             style=""
@@ -19,11 +19,11 @@
               
                 <li >
                     <div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: start">
-                        <div @click="goToListComment(item.key)"
+                        <div @click="goToListComment(item.p_refer_id)"
                             v-for="(item, index) in catalogueList"
                             style="width: calc(100%); display: flex; align-items: center; justify-content: space-between; color: #606266"
                         >
-                        <span><span style="color: #888;margin-right: 5px;">{{ index+1 }}.</span>  {{ item.title }}</span>
+                        <div class="doi_box"><span style="color: #888;margin-right: 5px;">{{ index+1 }}.</span> <span class="doi">{{ item.refer_doi }}</span></div>
                      
                             <!-- <div
                                 style="
@@ -462,6 +462,7 @@ export default {
     background-color: none !important;
     box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
     color: #333639;
+    background-color: transparent !important; margin-top: 0px !important; height: 100%; padding: 0 !important; overflow: hidden
 }
 .ManuscirptList div {
     cursor: pointer;
@@ -531,7 +532,7 @@ li {
     background-color: #f8f8f9;
 }
 .arrlist {
-    width: 240px; padding: 20px; height: calc(100% - 30px); box-sizing: border-box; overflow-y: auto;
+    width: 280px; padding: 14px; height: calc(100% - 30px); box-sizing: border-box; overflow-y: auto;
     border-top: 1px solid #ddd;
 }
 .arrlist li{
@@ -658,4 +659,17 @@ li {
     font-size: 18px;
     font-weight: bold;
 }
+.doi_box{
+  width: 100%;
+    display: flex;align-items: center;
+                                    font-size: 14px;
+                                    line-height: 16px;
+}
+.doi{
+    width: calc(100% );
+    white-space: nowrap; 
+    display: inline-block;
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+}
 </style>
diff --git a/src/components/page/components/OnlineProofreading/reference.vue b/src/components/page/components/OnlineProofreading/reference.vue
new file mode 100644
index 0000000..012e0f7
--- /dev/null
+++ b/src/components/page/components/OnlineProofreading/reference.vue
@@ -0,0 +1,1194 @@
+<template>
+    <div v-loading.fullscreen.lock="holeLoading">
+        <div
+            class="container reference-container"
+            v-loading="importIoading"
+            element-loading-text="In the process of importing, please wait"
+            ref="scrollDiv"
+        >
+            <!-- 有引用数据-->
+            <div class="refenceCentent mt20">
+                
+                <div class="refenceCentent mt20">
+                    
+                    <div v-for="(item, index) in tableData" :key="index" :main-id="item.p_refer_id">
+                        <span>
+                            <el-tooltip class="item" effect="dark" content="Duplicate references" placement="top">
+                                <img
+                                    src="@/assets/img/repeat.png"
+                                    v-if="item.is_repeat == 1"
+                                    alt=""
+                                    style="width: 24px; height: 24px; float: left"
+                                /> </el-tooltip
+                            >{{ index + 1 }}.
+                        </span>
+
+                        <div>
+                            <span
+                                class="status ok"
+                                v-if="
+                                    (item.refer_type == 'journal' && item.doilink != '') || (item.refer_type == 'book' && item.isbn != '')
+                                "
+                            >
+                                <i class="el-icon-circle-check"></i>
+                            </span>
+                            <span class="status warn" v-else>
+                                <i class="el-icon-warning-outline"></i>
+                            </span>
+                        </div>
+
+                        <div>
+                            <!-- journal 形式 -->
+                            <div style="text-align: left" v-if="item.refer_type == 'journal'">
+                                <p>
+                                    {{ item.author }}&nbsp;{{ item.title }}.&nbsp;<em>{{ item.joura }}</em
+                                    >&nbsp;{{ item.dateno }}.<br />
+                                </p>
+                                <a class="doiLink" :href="item.doilink" target="_blank">{{ item.doilink }}</a>
+                            </div>
+                            <!-- book 形式 -->
+                            <div style="text-align: left" v-if="item.refer_type == 'book'">
+                                <p>{{ item.author }}&nbsp;{{ item.title }}.&nbsp;{{ item.dateno }}.&nbsp;<br /></p>
+                                <a class="doiLink" :href="item.isbn" target="_blank">{{ item.isbn }}</a>
+                            </div>
+                            <!-- other 形式 -->
+                            <p class="wrongLine" style="text-align: left" v-if="item.refer_type == 'other'">
+                                {{ item.refer_frag }}
+                            </p>
+                        </div>
+                        <div>
+                            <div>
+                                <el-button
+                                    style="margin-left: 10px"
+                                    @click="change(item, '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(item, 'Add')" type="success" size="mini" plain>Add</el-button>
+                                </el-tooltip>
+                                <el-button
+                                    type="warning"
+                                    size="mini"
+                                    plain
+                                    :disabled="index != 0 ? false : true"
+                                    @click="changeOrder(item, 'up')"
+                                    >↑</el-button
+                                >
+                                <el-button
+                                    type="warning"
+                                    size="mini"
+                                    plain
+                                    :disabled="index == tableData.length - 1 ? true : false"
+                                    @click="changeOrder(item, 'down')"
+                                    >↓</el-button
+                                >
+                                <el-button
+                                    type="danger"
+                                    icon="el-icon-delete"
+                                    size="mini"
+                                    style="float: right"
+                                    plain
+                                    @click="deleteLine(item)"
+                                    >delete</el-button
+                                >
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <!-- 修改引用 -->
+        <el-dialog
+            v-loading="addLoading"
+            :title="dialogTitle + ' References'"
+            :visible.sync="editboxVisible"
+            width="800px"
+            @close="cancelSave"
+            :close-on-click-modal="false"
+        >
+            <p class="yinyongPre c888">
+                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.
+            </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>
+                <!-- 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>
+                <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>
+                        <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.</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.</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.</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.</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>
+                    </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>
+                    </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>
+            </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>
+            </span>
+        </el-dialog>
+        <!-- 帮助信息 -->
+        <el-dialog title="Any questions or Help" :visible.sync="helpVisible" width="500px" :close-on-click-modal="false">
+            <div>
+                <p class="mt20" style="line-height: 28px">
+                    If you experience any problems, <br />
+                    please contact us by publisher@tmrjournals.com
+                </p>
+            </div>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="helpVisible = false" type="primary">OK</el-button>
+            </span>
+        </el-dialog>
+        <!-- 临时引用信息 -->
+        <el-dialog title="Reference List" :visible.sync="linVisible" width="1200px" :close-on-click-modal="false" class="reference-dialog">
+            <div class="newpro">
+                <el-progress v-if="isUpload" :stroke-width="15" :percentage="progressPercent" style="width: 100%"></el-progress>
+            </div>
+
+            <div class="refenceCentent mt20" v-if="Tempredable.length > 0">
+                <el-table
+                    :data="Tempredable"
+                    ref="tempredableTable"
+                    max-height="600px"
+                    empty-text="New messages (0)"
+                    :show-header="false"
+                    :stripe="false"
+                    :highlight-current-row="false"
+                >
+                    <el-table-column type="index" label="No." width="55" align="center"></el-table-column>
+                    <el-table-column label="Title" align="left">
+                        <template slot-scope="scope">
+                            <p style="text-align: left; line-height: 18px" v-if="!parseVisible">
+                                {{ scope.row.content }}<br /><el-link type="primary">{{ scope.row.doi }}</el-link>
+                            </p>
+                            <p style="text-align: left; line-height: 18px" v-if="parseVisible">
+                                {{ scope.row.refer_content }}<br /><el-link type="primary">{{ scope.row.refer_doi }}</el-link>
+                            </p>
+                        </template>
+                    </el-table-column>
+                    <el-table-column label="Status" align="center" width="55" v-if="parseVisible">
+                        <template slot-scope="scope">
+                            <i class="el-icon-loading" style="font-size: 24px; color: #606266" v-if="scope.row.is_deal == 2"></i>
+
+                            <i class="el-icon-success" style="font-size: 24px; color: #2ac95c" v-if="scope.row.is_deal == 1"></i>
+                        </template>
+                    </el-table-column>
+                </el-table>
+                <div class="shuoming mt20">
+                    <p class="c888">
+                        <i class="el-icon-message-solid"></i>&nbsp;&nbsp;<span v-if="!parseVisible"
+                            >The above is the citation data identified according to your uploaded file, you can choose to import, or discard
+                            this data and upload again.</span
+                        >
+                        <span v-if="parseVisible">We are currently identifying the citation data you uploaded. Please be patient.</span>
+                    </p>
+                </div>
+            </div>
+            <span slot="footer" class="dialog-footer">
+                <div v-if="!parseVisible">
+                    <el-button @click="abandon">Abandon and Reimport</el-button>
+                    <el-button type="primary" @click="handleparse">Import</el-button>
+                </div>
+                <div v-if="parseVisible">
+                    <el-button
+                        @click="
+                            parseVisible = false;
+                            linVisible = false;
+                        "
+                        >Cancel</el-button
+                    >
+                </div>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+export default {
+    props: {
+        tableData: {
+            type: Array,
+            default: () => []
+        }
+    },
+    data() {
+        return {
+            TempredableNew: [],
+            uploadTimer: null, //调取进度条的轮询定时器
+            isUpload: false, //文件是否上传中
+            progressPercent: 0, //进度条当前进度
+            curPercentage: 0,
+            user_name: localStorage.getItem('U_relname'),
+            holeLoading: false, // 进入页面的loading
+            importIoading: false,
+            baseUrl: this.Common.baseUrl,
+            addLoading: false,
+            SourceType: 'journal',
+            sourceOptions: [
+                {
+                    value: 'journal',
+                    label: 'journal'
+                },
+                {
+                    value: 'book',
+                    label: 'book'
+                },
+                {
+                    value: 'other',
+                    label: 'other'
+                }
+            ],
+            // 引用数据列表
+
+            // 临时引用列表
+            Tempredable: [],
+            parseVisible: false,
+            editboxVisible: false,
+            helpVisible: false,
+            uploadVisible: true,
+            linVisible: false,
+            textarea: '',
+            textareaVisible: false,
+            fileL_manuscirpt: [],
+            form: {
+                referFile: ''
+            },
+            // 引用表单
+            refenceForm: {
+                doi: '',
+                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' }]
+            },
+            // 引用表单
+            //   refenceLinkForm:{
+            //     author:'',
+            //     title:'',
+            //     joura:'',
+            //     dateno:'',
+            //     doilink:'',
+            //     pre_p_refer_id:null, // 当前行一行的引用序号,
+            //     article_id: null,
+            //     p_refer_id: null,
+
+            //   },
+            //   refenceLinkFormrules:{
+            //     author:[
+            //     { required: true, message: 'The author cannot be empty', trigger: 'blur' },
+            //     ],
+            //     title:[
+            //     { required: true, message: 'The title cannot be empty', trigger: 'blur' },
+            //     ],
+            //     dateno:[
+            //     { required: true, message: 'The dateno cannot be empty', trigger: 'blur' },
+            //     ],
+            //     doilink:[
+            //     { required: true, message: 'The doilink cannot be empty', trigger: 'blur' },
+            //     ]
+            //   },
+            dialogTitle: ''
+        };
+    },
+    created() {
+        this.openFullScreen1();
+        this.getRefData();
+        this.holeLoading = true;
+    },
+    beforeDestroy() {
+        clearInterval(this.uploadTimer);
+    },
+    methods: {
+        goToComment(mainId, fn) {
+        console.log('mainId at line 460:', mainId)
+            this.$nextTick(() => {
+                const container = document.querySelector('.reference-container');
+                const section = container.querySelector(`[main-id="${mainId}"]`);
+                if (!section || !container) return;
+
+                // 计算目标位置（同之前的逻辑）
+                const cRect = container.getBoundingClientRect();
+                const sRect = section.getBoundingClientRect();
+                const OFFSET = 120;
+                const targetTop = sRect.top - cRect.top + container.scrollTop - OFFSET;
+                const safeTargetTop = Math.max(0, targetTop);
+
+                // 关键：使用 auto 行为（无平滑动画，瞬间到位）
+                container.scrollTo({
+                    top: safeTargetTop,
+                    behavior: 'auto' // 替换为 auto 而非 smooth
+                });
+
+                // 因为是瞬间滚动，可直接在 scrollTo 后调用回调
+                if (fn) {
+                    fn();
+                }
+            });
+        },
+        async getProgress() {
+            var that = this;
+            this.getRefData();
+            var progress = 0;
+
+            this.$api.post('api/Preaccept/getReferState', { article_id: this.$route.query.id }).then(async (res) => {
+                if (res.status == 1) {
+                    progress = Number(res.data.processed_total);
+                    this.TempredableNew = res.data.refer;
+                }
+                //percent是后端返回的进度
+
+                if (progress == res.data.total) {
+                    this.isUpload = false;
+                    clearInterval(this.uploadTimer);
+                    that.uploadTimer = null;
+
+                    this.$forceUpdate();
+                }
+            });
+
+            return progress;
+        },
+
+        // 删除部分引用
+        deleteSomeRefs() {
+            var ids = [];
+            ids = this.tableData.map((item) => {
+                return item.p_refer_id;
+            });
+            console.log('ids at line 570:', ids);
+
+            this.$api
+                .post('api/Preaccept/delRefers', {
+                    ids: ids
+                })
+                .then((res) => {})
+                .catch((err) => {});
+        },
+        tableRowStyle({ row }) {
+            if (row.is_repeat === 1) {
+                return { backgroundColor: '#ffecec' }; // 浅红色
+            }
+            return {};
+        },
+        // 格式化
+        gotoFormate() {
+            // this.$refs['refenceForm'].validateField('doi', (callback)=>{
+            if (this.refenceForm.doi != '') {
+                this.holeLoading = true;
+                this.$api
+                    .post('/api/Preaccept/searchDoi', { doi: this.refenceForm.doi })
+                    .then((res) => {
+                        this.holeLoading = false;
+                        // console.log(res)
+                        if (res.code == 0) {
+                            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) => {
+                        this.$message.error(e.msg);
+                        this.holeLoading = false;
+                    });
+            } else {
+                this.$message.error('The Doi cannot be empty!');
+            }
+            // })
+        },
+        // 全页面加载动画
+        openFullScreen1() {
+            this.holeLoading = true;
+        },
+        // 获取引用文献信息
+        getRefData() {
+            this.$api
+                .post('api/Preaccept/getArticleReferences', { article_id: this.$route.query.id })
+                .then((res) => {
+                    console.log(res);
+                    if (res.code == 0 && res.data.refers.length > 0) {
+                        this.tableData = res.data.refers;
+                    }
+                    this.holeLoading = false;
+                })
+                .catch((err) => {
+                    console.log(err);
+                });
+        },
+        // 放弃导入数据
+        abandon() {
+            this.form.referFile = '';
+            this.fileL_manuscirpt = [];
+            this.linVisible = false;
+            this.Tempredable = [];
+        },
+        // 显示帮助信息
+        showHelp() {
+            this.helpVisible = true;
+        },
+        // handleparse() {
+        //     // this.linVisible = false;
+        //     // setTimeout(() => {
+        //         this.getParseData();
+        //     // }, 1000);
+        // },
+        // 获取解析数据
+        getParseData() {
+            this.linVisible = false;
+            this.parseVisible = true;
+            this.isUpload = true;
+        },
+        // 导入文本域
+        handleparse() {
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            //console.log(this.form.referFile,'referFile')
+            this.$api
+                .post('api/Preaccept/addRefersByExcelNew', {
+                    article_id: this.$route.query.id,
+                    referFile: this.form.referFile
+                })
+                .then((res) => {
+                    loading.close();
+                    if (res.code == 0) {
+                        this.getParseData();
+                    } else {
+                        loading.close();
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    loading.close();
+                    console.log(err);
+                });
+        },
+        // 文本域添加
+        addText() {
+            this.textareaVisible = true;
+            this.uploadVisible = false;
+        },
+        showUpload() {
+            this.textareaVisible = false;
+            this.uploadVisible = true;
+        },
+        // 显示修改引用
+        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;
+            });
+        },
+
+        // 取消保存
+        cancelSave() {
+            this.editboxVisible = false;
+            // refenceForm
+            this.$refs['refenceForm'].clearValidate();
+            this.$refs['refenceForm'].resetFields();
+            this.refenceForm.doi = '';
+            this.dialogTitle = '';
+        },
+
+        // 编辑引用
+        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;
+            this.addLoading = true;
+            console.log(this.refenceForm);
+
+            this.$api
+                .post('api/Preaccept/editRefer', this.refenceForm)
+                .then((res) => {
+                    if (res.code == 0) {
+                        this.addLoading = false;
+                        this.$message.success('successed！');
+                        this.getRefData();
+                        this.cancelSave();
+                    } else if (res.code == 1) {
+                        this.addLoading = false;
+                        this.$message.error(res.msg);
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    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)
+                this.addLoading = true;
+                this.$api
+                    .post('api/Preaccept/addRefer', this.refenceForm)
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.addLoading = false;
+                            this.$message.success('successed！');
+                            this.getRefData();
+                            this.cancelSave();
+                        } else if (res.code == 1) {
+                            // doi 错误
+                            this.addLoading = false;
+                            this.$message.error(res.msg);
+                            //  this.getRefData()
+                            // this.cancelSave()
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            } else {
+                return false;
+            }
+        },
+        beforeupload_manuscirpt(file) {
+            let flieArr = file.name.split('.');
+            let fileSuffix = flieArr[flieArr.length - 1];
+            console.log(fileSuffix);
+
+            // return false
+            if (fileSuffix != 'xlsx') {
+                this.$message.error('Only excel and compressed files can be uploaded(.xlsx)');
+                return false;
+            }
+            // const ismau =
+            //     file.type === 'application/msword' ||
+            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document' ||
+            //     file.type === 'application/x-zip-compressed' ||
+            //     file.name.split('.')[1] === 'rar';
+            // if (!ismau) {
+            //     this.$message.error('Only word and compressed files(.doc,.docx,.rar,.zip)');
+            // }
+            // return ismau;
+        },
+        uperr_coverLetter(err) {
+            this.$message.error('Upload error');
+        },
+        upSuccess_manuscirpt(res, file) {
+            if (res.code == 0) {
+                this.form.referFile = res.upurl;
+                this.fileL_manuscirpt = [{}];
+                this.fileL_manuscirpt[0].name = 'referFile';
+                this.fileL_manuscirpt[0].url = res.upurl;
+                if (res.refers.length > 0) {
+                    this.Tempredable = res.refers;
+                    this.linVisible = true;
+                }
+            } else {
+                this.$message.error('service error: ' + res.msg);
+            }
+        },
+        //超出传送文件个数限制
+        alertlimit() {
+            this.$message.error('The maximum number of uploaded files has been exceeded');
+        },
+        removefilemanuscirpt(file, fileList) {
+            this.form.referFile = '';
+            this.fileL_manuscirpt = [];
+            this.$message.success('Deletion succeeded!');
+            // this.$api
+            // 	.post('api/Article/delArticleFile', {
+            // 		file_id: this.form.manuscirptId
+            // 	})
+            // 	.then((res) => {
+            // 		if (res.code == 0) {
+            // 			this.$message.success('Deletion succeeded!');
+            // 		} else {
+            // 			this.$message.error(res.msg);
+            // 		}
+            // 	});
+        },
+        clearUploadedFile() {
+            this.$refs['uploadFile'].clearFiles();
+        },
+        // 清空引用文献
+        removeAll() {
+            this.$confirm('Are you sure you want to empty the reference?', 'Tips', {
+                confirmButtonText: 'Sure',
+                cancelButtonText: 'Cancel',
+                type: 'warning'
+            })
+                .then(() => {
+                    this.$api
+                        .post('api/Preaccept/discardRefers', {
+                            article_id: this.$route.query.id
+                        })
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success('success！');
+                                location.reload(); // 刷新本页面
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                })
+                .catch(() => {});
+        },
+        // 添加一行
+        addLine(row, optitle) {
+            // console.log(row)
+            this.dialogTitle = optitle;
+            // this.$refs['refenceForm'].clearValidate()
+            this.editboxVisible = true;
+            this.refenceForm.pre_p_refer_id = row.p_refer_id;
+            this.refenceForm.article_id = this.$route.query.id;
+
+            // this.refenceLinkForm.pre_p_refer_id = row.p_refer_id
+            //this.refenceLinkForm.article_id = this.$route.query.id
+
+            this.$nextTick(() => {
+                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(() => {
+                    this.$api
+                        .post('api/Preaccept/delRefer', {
+                            p_refer_id: row.p_refer_id
+                        })
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success('remove successed!');
+                                this.getRefData();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                })
+                .catch(() => {
+                    // this.$message({
+                    //     type: 'info',
+                    //     message: '已取消删除'
+                    // });
+                });
+        },
+
+        // 调整顺序
+        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.getRefData();
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+            // this.$message({
+            //     type: 'success',
+            //     message: 'remove successed!'
+            // });
+            // }).catch(()=>{});
+        }
+    },
+    computed: {
+        upload_manuscirpt: function () {
+            // return this.baseUrl + 'api/Article/up_file/type/manuscirpt';
+            return this.baseUrl + 'api/Preaccept/up_refer_file';
+        }
+    },
+
+    watch: {
+        SourceType: {
+            handler(newVal, oldVal) {
+                this.$nextTick(() => {
+                    // console.log('清空验证信息')
+                    //  this.$refs['refenceLinkForm'].clearValidate()
+                    this.$refs['refenceForm'].clearValidate();
+                    // this.$refs['refenceForm'].resetFields()     // 表单重置
+                });
+            },
+            // immediate: true,
+            deep: true // 可以深度检测到 person 对象的属性值的变化
+        },
+        //监听文件是否上传
+        isUpload: {
+            handler(val, oldVal) {
+                if (this.isUpload) {
+                    this.uploadTimer = setInterval(async () => {
+                        //需要定时执行的代码
+                        this.progressPercent = await this.getProgress();
+                    }, 1000);
+                } else {
+                    clearInterval(this.uploadTimer);
+                    this.currentFile = {};
+                }
+            },
+            deep: true
+        }
+    }
+};
+</script>
+
+<style scoped>
+.line {
+    border: 1px dashed #ebebeb;
+    margin: 15px 0;
+}
+.tip {
+    background: #e6effb;
+    padding: 2px;
+    font-style: normal;
+    border-radius: 10px;
+}
+.wrongLine {
+    color: #f15f44;
+}
+.doiLink {
+    color: #409eff;
+}
+.editForm {
+    background-color: #f9f9f9;
+    padding: 20px 0;
+    padding-right: 20px;
+}
+.yinyongPre {
+    line-height: 28px;
+    margin-bottom: 20px;
+}
+.shuoming {
+    font-size: 14px;
+    line-height: 26px;
+}
+.shuoming i {
+    color: #f5bf6d;
+}
+.status {
+    display: block;
+    width: 40px;
+    height: 40px;
+    border-radius: 40px;
+    font-size: 22px;
+    line-height: 40px;
+    color: #fff;
+    text-align: center;
+}
+.status.ok {
+    background: #a7e389;
+}
+.status.warn {
+    background: #ffd192;
+}
+.status.float {
+    display: inline-block;
+}
+.topInfo {
+    padding: 20px;
+}
+.topInfo ul {
+    padding-left: 30px;
+}
+.topInfo ul li {
+    margin-top: 10px;
+}
+.downloadbtn {
+    font-weight: bold;
+    color: #409eff !important;
+}
+.uploadBox {
+    width: 400px;
+}
+.el-upload__text {
+    width: 80px;
+    height: 80px;
+    text-align: center;
+    line-height: 80px;
+}
+.help {
+    font-size: 18px;
+    color: #f5bf6d;
+    cursor: pointer;
+}
+.el-alert__title {
+    font-size: 26px;
+}
+.mt20 {
+    margin-top: 20px;
+}
+.content_box {
+    padding: 15px 10px;
+    border: 3px dashed #eff6ff;
+}
+.flexbox {
+    display: flex;
+}
+p {
+    color: #333;
+    font-size: 14px;
+}
+.mt10 {
+    margin-top: 10px;
+}
+.more {
+    font-weight: bold;
+}
+.noneData {
+    margin: 30px 0;
+    padding: 20px;
+    border: 3px dashed #f8f8f8;
+}
+.noneData img {
+    display: block;
+    margin: 10px auto;
+    opacity: 0.5;
+    width: 100px;
+}
+.nodatatext {
+    color: #666;
+    text-align: center;
+}
+.zhushi {
+    color: #999;
+    font-size: 12px;
+}
+.whoDo {
+    background: #eef7f9;
+    padding: 30px;
+}
+
+.whoDo ul {
+    padding-left: 20px;
+}
+.helpcontent {
+    color: #888;
+    margin-top: 150px;
+}
+.helpcontent p {
+    color: inherit;
+    font-size: 12px;
+}
+.c666 {
+    color: #666;
+}
+.c888 {
+    color: #888;
+}
+
+/deep/ .el-table tr:nth-child(2n) {
+    background: #fff;
+}
+::v-deep .reference-dialog .el-dialog__body {
+    padding: 0 20px !important;
+}
+.newpro .el-progress-bar__inner:before {
+    content: '';
+    width: 100%;
+    height: 100%;
+    display: block;
+    background-image: repeating-linear-gradient(
+        -45deg,
+        hsla(0, 0%, 100%, 0.15) 25%,
+        transparent 0,
+        transparent 50%,
+        hsla(0, 0%, 100%, 0.15) 0,
+        hsla(0, 0%, 100%, 0.15) 75%,
+        transparent 0,
+        transparent
+    );
+    background-size: 40px 40px;
+    animation: mymove 2s linear infinite;
+}
+@keyframes mymove {
+    0% {
+        background-position: 0;
+    }
+    25% {
+        background-position: 50px;
+    }
+    50% {
+        background-position: 100px;
+    }
+    75% {
+        background-position: 150px;
+    }
+    100% {
+        background-position: 200px;
+    }
+}
+</style>
diff --git a/vue.config.js b/vue.config.js
index 23fbde3..50632b5 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -76,8 +76,8 @@ module.exports = {
 				// target: 'http://192.168.110.110/tougao/public/index.php/',
 				// target: 'http://api.tmrjournals.com/public/index.php/',//正式
 				// target: 'http://zmzm.tougao.dev.com/',//晓玲
-				target: 'https://submission.tmrjournals.com/',//正式
-				// target: 'http://tougaotest.tmrjournals.com/public/index.php/',//测试环境
+				// target: 'https://submission.tmrjournals.com/',//正式
+				target: 'http://tougaotest.tmrjournals.com/public/index.php/',//测试环境
 				changeOrigin: true,
 				pathRewrite: {
 					'^/api': ''