From 8d94ba0bb99fa5c6ae73f0d1096f4ebeaa4f3d06 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, 19 Aug 2024 15:02:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E4=BD=9C=E8=80=85=E5=92=8C?=
 =?UTF-8?q?=E5=B9=B4=E4=BB=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/langs/en.js | 14 ++++--
 src/components/common/langs/zh.js |  6 +++
 src/components/page/citeList.vue  | 76 ++++++++++++++++++++-----------
 3 files changed, 66 insertions(+), 30 deletions(-)

diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 93f5b48..798442d 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -187,7 +187,7 @@ const en = {
 		Cancel: 'Cancel',
 		Prompt: '提示',
 		Prompt: 'Prompt',
-	},citeList: {
+	}, citeList: {
 		refresh: 'Check',
 		search: 'Search',
 		yes: 'Yes',
@@ -214,9 +214,15 @@ const en = {
 		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',
+		rulesDoiInfo: 'Please enter Doi',
+		rulesJournalInfo: 'Please enter the journal title',
+		rulesAuthorInfo: 'Please enter the author',
+		rulesVolInfo: 'Please enter the publication time',
+		rulesArticleInfo: 'Please enter the article title',
+		authorInfo: '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”.',
+		author: 'Author(s)',
+		publicationTime: 'Year',
+		publicationTimeInfo: 'Year;Volume(issue):Inclusive page numbers.',
 	},
 
 }
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 3d8e4e8..55b609c 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -213,7 +213,13 @@ const zh = {
 		dialogQueryButtonErrInfo: '暂无相关信息',
 		rulesDoiInfo:'请输入Doi',
 		rulesJournalInfo:'请输入期刊标题',
+		rulesAuthorInfo: '请输入作者',
+		rulesVolInfo: '请输入出版时间',
 		rulesArticleInfo:'请输入文章标题',
+		authorInfo:'六位或更少的作者需要列出所有作者，而六位以上的作者需要在“et al”中列出其中三位作者。',
+		author:'作者',
+		publicationTime:'年份',
+		publicationTimeInfo: '年份；卷（期）：包括页码。',
 	},
 }
 
diff --git a/src/components/page/citeList.vue b/src/components/page/citeList.vue
index 070efef..50d38a0 100644
--- a/src/components/page/citeList.vue
+++ b/src/components/page/citeList.vue
@@ -55,18 +55,23 @@
                     <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
+                                <span :style="`display: inline-block; width: ${tableWidth}px; 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.author">
+                                <span :style="`display: inline-block; width: ${tableWidth}px; color: #333; font-weight: 600`"
+                                    >{{ $t('citeList.author') }}：</span
+                                >{{ scope.row.author }}
+                            </p>
                             <p v-if="scope.row.journal_name">
-                                <span style="display: inline-block; width: 100px; color: #333; font-weight: 600"
+                                <span :style="`display: inline-block; width: ${tableWidth}px; 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"
+                                <span :style="`display: inline-block; width: ${tableWidth}px; color: #333; font-weight: 600`"
                                     >{{ $t('citeList.articleTitle') }}：</span
                                 >{{ scope.row.article_name }}
                             </p>
@@ -79,14 +84,15 @@
                         </div>
                     </template>
                 </el-table-column>
+                <el-table-column :label="$t('citeList.publicationTime')" width="60" align="center">
+                    <template slot-scope="scope">
+                        <p>{{ scope.row.vol }}</p>
+                    </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">
@@ -190,9 +196,28 @@
                             v-model="refenceForm.journal_name"
                         ></el-input>
                     </el-form-item>
+                    <el-form-item :label="`${$t('citeList.author')}:`" required prop="author">
+                        <p v-if="this.doi_num == 1 && doiForm.author && doiForm.author != ''">{{ refenceForm.author }}</p>
+                        <data v-else>
+                            <el-input
+                                v-model="refenceForm.author"
+                                placeholder="Patel NM, Stottlemyer BA, Gray MP, Boyce RD, Kane Gill SL"
+                            ></el-input>
+                            <p class="zhushi">
+                                {{ $t('citeList.authorInfo') }}
+                            </p></data
+                        >
+                    </el-form-item>
 
+                    <el-form-item :label="`${$t('citeList.publicationTime')}:`" required prop="vol">
+                        <p v-if="this.doi_num == 1 && doiForm.vol && doiForm.vol != ''">{{ refenceForm.vol }}</p>
+
+                        <el-input v-else v-model="refenceForm.vol" placeholder=""></el-input>
+                        <!-- <el-input v-model="refenceForm.vol" placeholder="eg: 2023;8(9):49-62"></el-input> -->
+                        <!-- <p class="zhushi">{{ $t('citeList.publicationTimeInfo') }}</p> -->
+                    </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-select v-model="refenceForm.is_wos" 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>
@@ -200,7 +225,7 @@
                         <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-select v-model="refenceForm.is_china" placeholder="" style="width: 100%">
                             <el-option
                                 v-for="item in is_chinaList"
                                 controls-position="right"
@@ -226,6 +251,7 @@ import VueUeditorWrap from 'vue-ueditor-wrap'; // ES6 Module
 export default {
     data() {
         return {
+            tableWidth: !localStorage.getItem('langs') || localStorage.getItem('langs') == 'en' ? 100 :70,
             queryForm: {},
             is_wosList: [
                 { title: this.$t('citeList.yes'), value: 1 },
@@ -287,7 +313,8 @@ export default {
             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' }],
+                author: [{ required: true, message: this.$t('citeList.rulesAuthorInfo'), trigger: 'blur' }],
+                vol: [{ required: true, message: this.$t('citeList.rulesVolInfo'), trigger: 'blur' }],
                 article_name: [{ required: true, message: this.$t('citeList.rulesArticleInfo'), trigger: 'blur' }]
 
                 // isbn: [{ required: true, message: 'The ISBN cannot be empty', trigger: 'blur' }],
@@ -311,11 +338,6 @@ export default {
         p_article_id: {
             type: null,
             required: true
-        },
-
-        gridData: {
-            type: String,
-            required: true
         }
     },
 
@@ -550,19 +572,21 @@ export default {
                         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);
+                                // if (res.data.result) {
+                                this.doi_num = 1;
+                                var result = res.data;
+                                console.log('result at line 595:', result);
+                                this.doiForm = {
+                                    doi: this.refenceForm.doi,
 
-                                    this.doiForm = {
-                                        doi: this.refenceForm.doi,
+                                    article_name: result.article_title ? result.article_title : '',
+                                    journal_name: result.journal_title ? result.journal_title : '',
+                                    vol: result.year ? result.year : '',
+                                    author: result.author ? result.author : ''
+                                };
 
-                                        article_name: result.article_title ? result.article_title : '',
-                                        journal_name: result.journal_title ? result.journal_title : ''
-                                    };
-                                    this.refenceForm = { ...this.refenceForm, ...this.doiForm };
-                                }
+                                this.refenceForm = { ...this.refenceForm, ...this.doiForm };
+                                // }
                             });
                         } else {
                             this.doi_num = 2;