From f5d5d5b25a67b0f6f798a07edf199c701ee90a99 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: Fri, 16 Aug 2024 17:47:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9Ecite?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package-lock.json                           |   25 +-
 package.json                                |    3 +-
 src/components/common/langs/en.js           |   50 +-
 src/components/common/langs/zh.js           |   42 +-
 src/components/page/articleDetailEditor.vue |    1 +
 src/components/page/articleListEditor_E.vue |   16 +
 src/components/page/citeList.vue            | 1325 +++++++++++++++++++
 src/router/index.js                         |    9 +
 vue.config.js                               |    4 +-
 9 files changed, 1456 insertions(+), 19 deletions(-)
 create mode 100644 src/components/page/citeList.vue

diff --git a/package-lock.json b/package-lock.json
index 3222cfe..babf397 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,7 +27,8 @@
         "vue-router": "^3.0.3",
         "vue-schart": "^2.0.0",
         "vue-ueditor-wrap": "^2.5.6",
-        "vuedraggable": "^2.17.0"
+        "vuedraggable": "^2.17.0",
+        "vxe-table": "^3.8.19"
       },
       "devDependencies": {
         "@vue/cli-plugin-babel": "^3.9.0",
@@ -5407,6 +5408,11 @@
         "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
       }
     },
+    "node_modules/dom-zindex": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmmirror.com/dom-zindex/-/dom-zindex-1.0.4.tgz",
+      "integrity": "sha512-PNk7u71TJ1C9Lwjjp5nNuQcVWuECFMmr9kZAwi2UbgWUM7jXdTCe4O4x5bhLUa07jpcZUVA5Du3ho7/FXzS9Ng=="
+    },
     "node_modules/domain-browser": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/domain-browser/-/domain-browser-1.2.0.tgz",
@@ -14342,6 +14348,18 @@
         "sortablejs": "1.10.2"
       }
     },
+    "node_modules/vxe-table": {
+      "version": "3.8.19",
+      "resolved": "https://registry.npmmirror.com/vxe-table/-/vxe-table-3.8.19.tgz",
+      "integrity": "sha512-ps3GtGeFvX7FyV9f/fpiry6Skwg1InLC+Ga6XFJvK64meMmna/xHLxtPoL1CE2xFfBATfVoRNeldmkzswlObLw==",
+      "dependencies": {
+        "dom-zindex": "^1.0.4",
+        "xe-utils": "^3.5.30"
+      },
+      "peerDependencies": {
+        "vue": "^2.6.0"
+      }
+    },
     "node_modules/watchpack": {
       "version": "1.7.5",
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
@@ -15289,6 +15307,11 @@
         "async-limiter": "~1.0.0"
       }
     },
+    "node_modules/xe-utils": {
+      "version": "3.5.30",
+      "resolved": "https://registry.npmmirror.com/xe-utils/-/xe-utils-3.5.30.tgz",
+      "integrity": "sha512-5Ez6JUANpMakduiTLxrNObzqMebnM4697KvHW5okedkUjXvYgGvkbg0tABTkvwDW/Pb09v7vT68dzBOeAuOu0g=="
+    },
     "node_modules/xmlbuilder": {
       "version": "10.1.1",
       "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-10.1.1.tgz",
diff --git a/package.json b/package.json
index 2c88a73..ff35041 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,8 @@
     "vue-router": "^3.0.3",
     "vue-schart": "^2.0.0",
     "vue-ueditor-wrap": "^2.5.6",
-    "vuedraggable": "^2.17.0"
+    "vuedraggable": "^2.17.0",
+    "vxe-table": "^3.8.19"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.9.0",
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index e7c3a49..93f5b48 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -178,16 +178,46 @@ const en = {
 
 	}, protocol: {
 		PublishingAgreementInfo: 'Please enter the publishing agreement'
-	},journalStatus:{
-		changeStatusInfo:'此稿件的评分没有达到初始评分标准，是否继续？',
-		changeStatusInfo:'The rating of this manuscript did not meet the initial rating criteria. Do you want to continue?',
-		Continue:'继续',
-		Continue:'Continue',
-		Cancel:'取消',
-		Cancel:'Cancel',
-		Prompt:'提示',
-		Prompt:'Prompt',
-			},
+	}, journalStatus: {
+		changeStatusInfo: '此稿件的评分没有达到初始评分标准，是否继续？',
+		changeStatusInfo: 'The rating of this manuscript did not meet the initial rating criteria. Do you want to continue?',
+		Continue: '继续',
+		Continue: 'Continue',
+		Cancel: '取消',
+		Cancel: 'Cancel',
+		Prompt: '提示',
+		Prompt: 'Prompt',
+	},citeList: {
+		refresh: 'Check',
+		search: 'Search',
+		yes: 'Yes',
+		save: 'Save',
+		cancel: 'Cancel',
+		no: 'No',
+		add: 'Add',
+		edit: 'Edit',
+		delete: 'Delete',
+		deleteInfo: 'Are you sure you want to delete?',
+		tip: 'Tip',
+		factor: 'Factor',
+		date: 'Date',
+		is_wos: 'Is Wos',
+		is_china: 'Is China',
+		is_china0: '-',
+		is_china0Info: '-',
+		is_china1: 'Yes',
+		is_china2: 'No',
+		articleInfo: 'Article Information',
+		articleTitle: 'Article Tiltle',
+		journalTitle: 'Journal Tiltle',
+		addInfo: 'Paste the DOI into the input box, confirm that the information is correct, and then click the "Save" button.',
+		dialogQueryButton: 'Search',
+		dialogQueryButtonInfo: 'You can click the "Search" on the right to automatically identify and quickly fill in all the current fields',
+		dialogQueryButtonErrInfo: 'You can click the "Search" on the right to automatically identify and quickly fill in all the current fields',
+		rulesDoiInfo:'Please enter Doi',
+		rulesJournalInfo:'Please enter the journal title',
+		rulesArticleInfo:'Please enter the article title',
+	},
 
 }
 
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 723f22f..3d8e4e8 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -177,11 +177,43 @@ const zh = {
 	}, protocol: {
 		PublishingAgreementInfo: '请输入出版协议'
 	},
-	journalStatus:{
-changeStatusInfo:'此稿件的评分没有达到初始评分标准，是否继续？',
-Continue:'继续',
-Cancel:'取消',
-Prompt:'提示',
+	journalStatus: {
+		changeStatusInfo: '此稿件的评分没有达到初始评分标准，是否继续？',
+		Continue: '继续',
+		Cancel: '取消',
+		Prompt: '提示',
+	}, 
+	citeList: {
+		refresh: '检查更新',
+		search: '查询',
+		yes: '是',
+		save: '保存',
+		cancel: '取消',
+		no: '否',
+		add: '新增',
+		edit: '编辑',
+		delete: '删除',
+		deleteInfo: '您确定要删除吗？',
+		tip: '提示',
+		factor: '影响因子',
+		date: '日期',
+		is_wos: 'Is Wos',
+		is_china: 'Is China',
+		is_china0: '-',
+		is_china0Info: '不详',
+		is_china1: '是',
+		is_china2: '否',
+		articleInfo: '文章信息',
+		articleTitle: '文章标题',
+		journalTitle: '期刊标题',
+		addInfo: '将 doi 粘贴到输入框，确认信息无误后请点击"保存"按钮',
+		dialogAddInfo: '新增',
+		dialogQueryButton: '查询',
+		dialogQueryButtonInfo: '您可以单击右侧的“查询”以自动识别并快速填写所有当前字段',
+		dialogQueryButtonErrInfo: '暂无相关信息',
+		rulesDoiInfo:'请输入Doi',
+		rulesJournalInfo:'请输入期刊标题',
+		rulesArticleInfo:'请输入文章标题',
 	},
 }
 
diff --git a/src/components/page/articleDetailEditor.vue b/src/components/page/articleDetailEditor.vue
index aff42bb..784e011 100644
--- a/src/components/page/articleDetailEditor.vue
+++ b/src/components/page/articleDetailEditor.vue
@@ -28,6 +28,7 @@
                                 <font>Title :</font>
                                 <b> {{ form.title }}</b>
                             </p>
+                            
                             <!-- <p v-show="form.type=='A'">
 								<font>Ethical Approval :</font><b>{{form.approval?'Yes':'No'}}</b>
 							</p> -->
diff --git a/src/components/page/articleListEditor_E.vue b/src/components/page/articleListEditor_E.vue
index 817e8b3..11b6747 100644
--- a/src/components/page/articleListEditor_E.vue
+++ b/src/components/page/articleListEditor_E.vue
@@ -50,6 +50,11 @@
                     <p v-html="scope.row.title"></p>
                 </template>
             </el-table-column>
+            <el-table-column label="Cite" width="80px" align="center">
+                <template slot-scope="scope">
+                    <p @click="goCite(scope.row)">20</p>
+                </template>
+            </el-table-column>
             <el-table-column label="Html" width="100px" align="center">
                 <template slot-scope="scope">
                     <p>
@@ -474,6 +479,17 @@ export default {
         }
     },
     methods: {
+        //跳转婴用列表
+        goCite(row) {
+        console.log('row at line 483:', row.article_id)
+            this.$router.push({
+                name: 'citeList',
+                query: {
+                    article_id: row.article_id,
+                    journal_id: row.journal_id
+                }
+            });
+        },
         // 获取列表
         getDate() {
             const loading = this.$loading({
diff --git a/src/components/page/citeList.vue b/src/components/page/citeList.vue
new file mode 100644
index 0000000..070efef
--- /dev/null
+++ b/src/components/page/citeList.vue
@@ -0,0 +1,1325 @@
+<template>
+    <div class="liter_ture" style="height: calc(100% - 20px)">
+        <div class="handle-box">
+            <!-- <el-input v-model="queryForm.doi" placeholder="Please enter Doi..." style="width: 200px"></el-input>
+            <el-button type="primary" plain @click="init" style="margin-left: 15px">
+                <i class="el-icon-search" style="margin-right: 5px"></i>{{ $t('citeList.search') }}
+            </el-button> -->
+
+            <el-button plain type="success" @click="showDialogSpecial" icon="el-icon-plus">{{ $t('citeList.add') }}</el-button>
+            <el-button @click="refresh()" type="primary" icon="el-icon-refresh" style="float: right">
+                {{ $t('citeList.refresh') }}
+            </el-button>
+        </div>
+
+        <!-- <p style="text-indent: 2em"> -->
+
+        <!-- </p> -->
+        <div class="chanFerAll">
+            <!-- 新的 -->
+
+            <el-table
+                :data="citeList"
+                class="refTable"
+                ref="multipleTable"
+                @selection-change="RefenceSelectionChange"
+                empty-text="New messages (0)"
+                :stripe="false"
+                :highlight-current-row="false"
+                align="center"
+            >
+                <el-table-column type="index" label="No." width="55" align="center">
+                    <template slot-scope="scope">
+                        <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 != '') ||
+                                    (scope.row.refer_type == 'other' && scope.row.refer_frag != '' && scope.row.refer_frag.length > 15)
+                                "
+                            >
+                                <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="$t('citeList.articleInfo')">
+                    <template slot-scope="scope">
+                        <div>
+                            <p v-if="scope.row.doi">
+                                <span style="display: inline-block; width: 100px; color: #333; font-weight: 600">Doi：</span
+                                ><a class="doiLink" v-if="scope.row.doi" :href="`http://doi.org/${scope.row.doi}`" target="_blank">{{
+                                    scope.row.doi
+                                }}</a>
+                            </p>
+                            <p v-if="scope.row.journal_name">
+                                <span style="display: inline-block; width: 100px; color: #333; font-weight: 600"
+                                    >{{ $t('citeList.journalTitle') }}：</span
+                                >{{ scope.row.journal_name }}
+                            </p>
+                            <p v-if="scope.row.article_name">
+                                <span style="display: inline-block; width: 100px; color: #333; font-weight: 600"
+                                    >{{ $t('citeList.articleTitle') }}：</span
+                                >{{ scope.row.article_name }}
+                            </p>
+
+                            <!-- <p style="margin-top: 8px">
+                                    <a class="doiLink" v-if="scope.row.doilink" :href="scope.row.doilink" target="_blank">{{
+                                        scope.row.doilink
+                                    }}</a>
+                                </p> -->
+                        </div>
+                    </template>
+                </el-table-column>
+                <el-table-column :label="$t('citeList.is_wos')" width="80" align="center">
+                    <template slot-scope="scope">
+                        <p v-if="scope.row.is_wos == 1">{{ $t('citeList.yes') }}</p>
+                        <p v-if="scope.row.is_wos == 0">{{ $t('citeList.no') }}</p>
+
+                        <!-- <b class="el-icon-check" style="color: #0fa31d; font-weight: bold" v-if="scope.row.is_wos == 1"> </b>
+                            <b class="el-icon-close" style="color: #ff0000; font-weight: bold" v-if="scope.row.is_wos == 0"> </b>
+                        -->
+                    </template>
+                </el-table-column>
+                <!-- <el-table-column :label="$t('citeList.date')" width="90" align="center">
+                        <template slot-scope="scope">
+                            {{ scope.row.date ? scope.row.date : '' }}
+                        </template>
+                    </el-table-column> -->
+                <el-table-column :label="$t('citeList.factor')" width="80" align="center">
+                    <template slot-scope="scope">
+                        <span>{{ scope.row.factor ? scope.row.factor : '' }}</span>
+                    </template>
+                </el-table-column>
+
+                <el-table-column :label="$t('citeList.is_china')" width="80" align="center">
+                    <template slot-scope="scope">
+                        <span v-if="scope.row.is_china == 0">{{ $t('citeList.is_china0') }}</span>
+                        <span v-else-if="scope.row.is_china == 1">{{ $t('citeList.is_china1') }}</span>
+                        <span v-else-if="scope.row.is_china == 2">{{ $t('citeList.is_china2') }}</span>
+                        <span v-else></span>
+                    </template>
+                </el-table-column>
+
+                <el-table-column align="center" width="160">
+                    <!-- icon="el-icon-edit" -->
+                    <div slot-scope="scope">
+                        <el-button style="" @click="change(scope.row, 'Edit')" plain type="primary" size="mini">{{
+                            $t('citeList.edit')
+                        }}</el-button>
+                        <el-button style="margin-left: 10px" @click="handleDelete(scope.row)" plain type="danger" size="mini">{{
+                            $t('citeList.delete')
+                        }}</el-button>
+                    </div>
+                </el-table-column>
+            </el-table>
+
+            <!-- end -->
+        </div>
+        <br clear="both" />
+        <!-- <p v-if="this.citeList==''" style="text-align: center;color: #999;margin-top: 50px;">No references</p> -->
+        <!-- 进度条 -->
+        <div v-if="refProcess == 1" class="RefProBar">
+            <div>
+                <el-progress :text-inside="true" :stroke-width="24" :percentage="refReal" :color="customColorMethod"></el-progress>
+                <p>
+                    <img src="../../assets/img/Ip_spinner.gif" />
+                    <span>{{ this.refReal }}%</span> completed, please wait...
+                </p>
+            </div>
+        </div>
+        <!-- 编辑引用 -->
+        <el-dialog
+            v-loading="addLoading"
+            :title="dialogTitle == 'Add' ? $t('citeList.add') : $t('citeList.edit')"
+            :visible.sync="editboxVisible"
+            width="1000px"
+            :close-on-click-modal="false"
+            @close="cancelSave"
+        >
+            <div class="yinyongPre c888" style="margin-bottom: 20px !important; color: #888; line-height: 24px; margin-top: -20px">
+                <p>{{ $t('citeList.addInfo') }}</p>
+            </div>
+
+            <el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="150px" class="editForm mt10">
+                <div>
+                    <el-form-item label="Doi:" prop="doi" required>
+                        <div v-if="doi_num == 1" style="display: flex; align-items: center; justify-content: space-between">
+                            <div style="width: calc(100% - 100px)">{{ refenceForm.doi }}</div>
+
+                            <el-button v-if="this.dialogTitle == 'Add'" type="primary" @click="reset()" icon="el-icon-refresh"
+                                >ReSet</el-button
+                            >
+                        </div>
+
+                        <div v-else>
+                            <el-input v-model="refenceForm.doi" @change="changeDoi" @blur="chekDoi()">
+                                <el-button @click="gotoFormate" slot="append">{{ $t('citeList.dialogQueryButton') }}</el-button>
+                            </el-input>
+                            <p class="zhushi">
+                                {{ $t('citeList.dialogQueryButtonInfo') }}
+                            </p>
+                        </div>
+                    </el-form-item>
+                </div>
+                <div>
+                    <!-- 中间部分 -->
+
+                    <el-form-item :label="$t('citeList.articleTitle')" required prop="article_name">
+                        <p v-if="this.doi_num == 1 && doiForm.article_name && doiForm.article_name != ''">{{ refenceForm.article_name }}</p>
+                        <el-input
+                            v-else
+                            :disabled="doiForm.article_name && doiForm.article_name != ''"
+                            v-model="refenceForm.article_name"
+                        ></el-input>
+                    </el-form-item>
+
+                    <el-form-item :label="$t('citeList.journalTitle')" required prop="journal_name">
+                        <p v-if="this.doi_num == 1 && doiForm.journal_name && doiForm.journal_name != ''">{{ refenceForm.journal_name }}</p>
+                        <el-input
+                            v-else
+                            :disabled="doiForm.journal_name && doiForm.journal_name != ''"
+                            v-model="refenceForm.journal_name"
+                        ></el-input>
+                    </el-form-item>
+
+                    <el-form-item :label="$t('citeList.is_wos')" prop="is_wos">
+                        <el-select v-model="refenceForm.is_wos" @change="getJourChange" style="width: 100%" placeholder="">
+                            <el-option v-for="item in is_wosList" :key="item.value" :label="item.title" :value="item.value"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                    <el-form-item :label="$t('citeList.factor')" prop="factor">
+                        <el-input-number v-model="refenceForm.factor" :precision="2" :step="0.1" :min="0"></el-input-number>
+                    </el-form-item>
+                    <el-form-item :label="$t('citeList.is_china')" prop="is_china">
+                        <el-select v-model="refenceForm.is_china" @change="getJourChange" placeholder="" style="width: 100%">
+                            <el-option
+                                v-for="item in is_chinaList"
+                                controls-position="right"
+                                :key="item.value"
+                                :label="item.title"
+                                :value="item.value"
+                            >
+                            </el-option>
+                        </el-select>
+                    </el-form-item>
+                </div>
+            </el-form>
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="cancelSave">{{ $t('citeList.cancel') }}</el-button>
+                <el-button type="primary" @click="saveChange">{{ $t('citeList.save') }}</el-button>
+            </span>
+        </el-dialog>
+    </div>
+</template>
+
+<script>
+import VueUeditorWrap from 'vue-ueditor-wrap'; // ES6 Module
+export default {
+    data() {
+        return {
+            queryForm: {},
+            is_wosList: [
+                { title: this.$t('citeList.yes'), value: 1 },
+                { title: this.$t('citeList.no'), value: 0 }
+            ],
+            is_chinaList: [
+                { title: this.$t('citeList.yes'), value: 1 },
+                { title: this.$t('citeList.no'), value: 2 },
+                { title: this.$t('citeList.is_china0Info'), value: 0 }
+            ],
+            citeList: [],
+            doiForm: {}, //doi查询信息
+            ue: null,
+            wordText: '',
+            editorConfig: {
+                // 访问 UEditor 静态资源的根路径，可参考 https://hc199421.gitee.io/vue-ueditor-wrap/#/faq
+                UEDITOR_HOME_URL: '/UEditor/',
+                // serverUrl: "//ueditor.zhenghaochuan.com/cos",
+                serverUrl: ''
+            },
+            wordTextArr: [], // 识别出的word引用数组
+            showEditor: false,
+            dialogTitle: '',
+            showB_step: 1,
+            baseUrl: this.Common.baseUrl,
+            mediaUrl: this.Common.mediaUrl,
+            placeRef:
+                'eg:\n[1]Kagabu M, Nagasawa T, Fukagawa D, et al. Immunotherapy for Uterine Cervical Cancer. Healthcare (Basel). 2019 Sep 17;7(3):108. PMID: 31533297; PMCID: PMC6787701.\nhttps://doi.org/10.3390/healthcare7030108\n\n[2]Small W Jr, Bacon MA, Bajaj A, et al. Cervical cancer: A global health crisis. Cancer. 2017 Jul 1;123(13):2404-2412. Epub 2017 May 2. PMID: 28464289.\nhttps://doi.org/10.1002/cncr.30667\n\n[3]Cohen PA, Jhingran A, Oaknin A, et al. Cervical cancer. Lancet. 2019 Jan 12;393(10167):169-182. PMID: 30638582.\nhttps://doi.org/10.1016/S0140-6736(18)32470-X',
+            refAarray: '',
+            refProcess: 0,
+            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: '', // 类型
+                // journal_name: '',
+
+                // isbn: '',
+                // content: '',
+                // title: ''
+            },
+            refenceFormrules: {
+                doi: [{ required: false, message: this.$t('citeList.rulesDoiInfo'), trigger: 'blur' }],
+                journal_name: [{ required: true, message: this.$t('citeList.rulesJournalInfo'), trigger: 'blur' }],
+                // author: [{ required: true, message: 'The Author(s) cannot be empty', trigger: 'blur' }],
+                article_name: [{ required: true, message: this.$t('citeList.rulesArticleInfo'), 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: [], // 多选
+            doi_num: 0,
+            urlList: {
+                list: 'api/Publish/getArticleCites',
+                refresh: 'api/Publish/refreshCite', //自动更新引用信息
+                getDoiInfo: 'api/Publish/raboDataByDoi', //doi信息
+                add: 'api/Publish/addPublicArticleCite', //添加
+                edit: 'api/Publish/editArticleCite', //编辑
+                delete: 'api/Publish/delArticleCite' //删除
+            }
+        };
+    },
+    props: {
+        p_article_id: {
+            type: null,
+            required: true
+        },
+
+        gridData: {
+            type: String,
+            required: true
+        }
+    },
+
+    created() {
+        this.init();
+    },
+    methods: {
+        changeDoi() {
+            // this.doiForm={
+            // 	doi:''
+            // }
+            // console.log('this.doiForm at line 346:', this.doiForm,this.refenceForm)
+        },
+        init() {
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            this.$api
+                .post(this.urlList.list, {
+                    ...this.queryForm,
+                    article_id: this.$route.query.article_id
+                })
+                .then((res) => {
+                    this.citeList = res.data.list;
+                    // this.Total = res.data.count;
+                    loading.close();
+                })
+                .catch((err) => {
+                    console.log(err);
+                    loading.close();
+                });
+        },
+        handleDelete(row) {
+            this.$confirm(this.$t('citeList.deleteInfo'), this.$t('citeList.tip'), {
+                type: 'warning'
+            })
+                .then(() => {
+                    this.$api
+                        .post(this.urlList.delete, { article_cite_id: row.article_cite_id })
+                        .then((res) => {
+                            if (res.code == 0) {
+                                this.$message.success(res.msg);
+                                this.init();
+                            } else {
+                                this.$message.error(res.msg);
+                            }
+                        })
+                        .catch((err) => {
+                            this.$message.error(err);
+                        });
+                })
+                .catch(() => {});
+        },
+        refresh() {
+            const loading = this.$loading({
+                lock: true,
+                text: 'Loading...',
+                spinner: 'el-icon-loading',
+                background: 'rgba(0, 0, 0, 0.7)'
+            });
+            this.$api
+                .post(this.urlList.refresh, { article_id: this.$route.query.article_id, journal_id: this.$route.query.journal_id })
+                .then((res) => {
+                    setTimeout(() => {
+                        this.init();
+                        loading.close();
+                    }, 200);
+                })
+                .catch((err) => {
+                    console.log(err);
+                    loading.close();
+                });
+        },
+        reset() {
+            this.showDialogSpecial();
+        },
+        showDialogSpecial() {
+            this.doi_num = 0;
+            this.doiForm = {};
+            this.refenceForm = {};
+            // 拷贝文本方式添加
+            this.dialogTitle = 'Add';
+            this.editboxVisible = true;
+            this.$nextTick(() => {
+                this.$refs['refenceForm'].clearValidate();
+            });
+        },
+        bijiao() {
+            if (this.citeList.length > 0) {
+                // 如果有值，则默认展示第二步的内容
+                this.showB_step = 2;
+            }
+        },
+
+        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();
+        },
+
+        customColorMethod(percentage) {
+            if (percentage < 20) {
+                return '#f95f30';
+            } else if (percentage < 40) {
+                return '#f6ac3d';
+            } else if (percentage < 60) {
+                return '#e6a23c';
+            } else if (percentage < 80) {
+                return '#afbd0d';
+            } else {
+                return '#79bd0d';
+            }
+        },
+
+        // 刷新组件
+        refrashComp() {
+            this.$emit('refrashComp', true);
+        },
+        // 重新获取参考文献
+        changeRefer() {
+            this.$emit('changeRefer', true);
+        },
+        // 向上合并某一项
+        ChanFerMashUp(e) {
+            //console.log(e,'5555')
+            this.$emit('ChanFerMashUp', e);
+        },
+        // 显示修改引用
+        change(row, optitle) {
+            this.dialogTitle = optitle;
+            this.doiForm = { ...row };
+            this.refenceForm = { ...this.refenceForm, ...this.doiForm };
+            this.doi_num = 1;
+            this.editboxVisible = true;
+        },
+        // 编辑引用
+        saveChange() {
+            var journalValid = false;
+
+            var doi = '';
+            var article_name = '';
+            var journal_name = '';
+
+            this.$refs['refenceForm'].validateField('doi', (callback) => {
+                doi = callback;
+            });
+            this.$refs['refenceForm'].validateField('article_name', (callback) => {
+                article_name = callback;
+            });
+
+            this.$refs['refenceForm'].validateField('journal_name', (callback) => {
+                journal_name = callback;
+            });
+
+            doi == '' && article_name == '' && journal_name == '' ? (journalValid = true) : '';
+
+            if (journalValid) {
+                if (JSON.stringify(this.doiForm) == '{}') {
+                    var message = this.$t('citeList.dialogQueryButtonInfo');
+                    this.$message.error(message);
+                    return false;
+                }
+                this.addLoading = true;
+                this.$api
+                    .post(this.dialogTitle == 'Add' ? this.urlList.add : this.urlList.edit, {
+                        ...this.refenceForm,
+                        article_id: this.$route.query.article_id,
+                        journal_id: this.$route.query.journal_id
+                    })
+                    .then((res) => {
+                        if (res.code == 0) {
+                            this.addLoading = false;
+                            this.$message.success('successed！');
+
+                            this.cancelSave();
+                            this.init();
+                        } else if (res.code == 1) {
+                            // doi 错误
+                            this.addLoading = false;
+                            this.$message.error(res.msg);
+                        } else {
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((err) => {
+                        this.$message.error(err);
+                    });
+            } else {
+                return false;
+            }
+        },
+        //  提交引用修改
+
+        // 保存新增
+
+        cancelSave() {
+            this.editboxVisible = false;
+            // refenceForm
+            this.$refs['refenceForm'].clearValidate();
+            this.$refs['refenceForm'].resetFields();
+            this.doiForm = {};
+            this.doi_num = 0;
+            this.refenceForm.doi = '';
+            this.dialogTitle = '';
+        },
+        chekDoi() {
+            this.gotoFormate();
+        },
+        // 格式化
+        gotoFormate() {
+            // this.$refs['refenceForm'].validateField('doi', (callback)=>{
+            if (this.refenceForm.doi && this.refenceForm.doi != '') {
+                this.addLoading = true;
+                this.$api
+                    .post(this.urlList.getDoiInfo, { doi: this.refenceForm.doi })
+                    .then((res) => {
+                        console.log('res at line 833:', res);
+                        this.addLoading = false;
+                        //console.log(res)
+                        if (res.code == 0) {
+                            //this.tableData = res.data.refers
+                            this.$nextTick(() => {
+                                if (res.data.result) {
+                                    this.doi_num = 1;
+                                    var result = res.data.result;
+                                    console.log('result at line 595:', result);
+
+                                    this.doiForm = {
+                                        doi: this.refenceForm.doi,
+
+                                        article_name: result.article_title ? result.article_title : '',
+                                        journal_name: result.journal_title ? result.journal_title : ''
+                                    };
+                                    this.refenceForm = { ...this.refenceForm, ...this.doiForm };
+                                }
+                            });
+                        } else {
+                            this.doi_num = 2;
+
+                            this.doiForm = {
+                                doi: this.refenceForm.doi
+                            };
+                            this.$message.error(res.msg);
+                        }
+                    })
+                    .catch((e) => {
+                        this.doi_num = 2;
+                        this.$message.error(e.msg);
+                        this.addLoading = false;
+                    });
+            } else {
+                //  console.log('不合格')
+                this.$message.error(this.$t('citeList.rulesDoiInfo'));
+            }
+            // })
+        },
+        // 添加一行
+        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.p_article_id = this.p_article_id;
+
+            // this.refenceLinkForm.pre_p_refer_id = row.p_refer_id
+            //this.refenceLinkForm.article_id = this.$route.query.article_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.changeRefer();
+                                // 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.changeRefer();
+                        // this.getRefData()
+                    } else {
+                        this.$message.error(res.msg);
+                    }
+                })
+                .catch((err) => {
+                    this.$message.error(err);
+                });
+            // this.$message({
+            //     type: 'success',
+            //     message: 'remove successed!'
+            // });
+            // }).catch(()=>{});
+        }
+    },
+    components: {
+        VueUeditorWrap
+    },
+    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 对象的属性值的变化
+        }
+    }
+};
+</script>
+
+<style scoped>
+/* 隐藏编辑器底部内容 */
+/* /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: 7px;
+    border-radius: 0 0 7px 7px;
+    left: 0;
+    top: 0;
+}
+.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;
+}
+.doiLink {
+    color: #409eff;
+}
+.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: 20px;
+}
+
+.chanSelLef {
+    float: left;
+    width: 24%;
+    margin: 0 50px 0 0;
+}
+
+.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 {
+    /* float: left; */
+    position: relative;
+    width: 100%;
+}
+
+.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;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index feb5e10..0b37ea0 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -925,6 +925,15 @@ export default new Router({
 						title: 'Refernce Editor'
 						}
 				},
+				{
+					name:'citeList',
+					path: '/citeList', //cite 引用 页面
+						component: () => import('../components/page/citeList'),
+					meta: {
+						
+						title: 'Cite'
+						}
+				},
 				{
 					name:'Re-review',
 					path: '/Re_review', // 审稿人 复审详情页面
diff --git a/vue.config.js b/vue.config.js
index a0644da..bff245e 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -72,8 +72,8 @@ module.exports = {
 				// target: 'https://www.tmrjournals.cn',
 				// target: 'http://www.tougao.com/public/index.php/',
 				// target: 'http://www.tougao.com/',
-				// target: 'http://192.168.110.110/tougao/public/index.php/',
-				target: 'https://submission.tmrjournals.com/',//正式
+				target: 'http://192.168.110.110/tougao/public/index.php/',
+				// target: 'https://submission.tmrjournals.com/',//正式
 				changeOrigin: true,
 				pathRewrite: {
 					'^/api': ''