From 184c4af1ca312a755a6379a501c1b2cf7546b22e Mon Sep 17 00:00:00 2001
From: "@fawn-nine" <1271023382@qq.com>
Date: Fri, 9 Jun 2023 16:53:09 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A2=84=E6=8E=A5=E6=94=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/index.js                         |   2 +-
 src/assets/img/noneData.png              | Bin 0 -> 6007 bytes
 src/components/page/Complete_profile.vue |  81 ++++++
 src/components/page/ReferenceEditor.vue  | 339 +++++++++++++++++++++++
 src/components/page/RejectedArticles.vue |  18 +-
 src/components/page/articleList.vue      |  16 +-
 src/router/index.js                      |  14 +
 7 files changed, 452 insertions(+), 18 deletions(-)
 create mode 100644 src/assets/img/noneData.png
 create mode 100644 src/components/page/Complete_profile.vue
 create mode 100644 src/components/page/ReferenceEditor.vue

diff --git a/src/api/index.js b/src/api/index.js
index 8f74471..a4c8e9f 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -11,7 +11,7 @@ axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded
 
 // axios.defaults.baseURL = '/'
 // axios.defaults.baseURL = 'http://testtougao.tmrjournals.com/public/index.php/'
-// axios.defaults.baseURL = 'http://www.tougao.com/'
+// axios.defaults.baseURL = 'http://www.tougao.com/' 
 
 // 
 const service = axios.create({
diff --git a/src/assets/img/noneData.png b/src/assets/img/noneData.png
new file mode 100644
index 0000000000000000000000000000000000000000..23aac15d3796a4470b9aaf89ae4cb334723371e9
GIT binary patch
literal 6007
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

literal 0
HcmV?d00001

diff --git a/src/components/page/Complete_profile.vue b/src/components/page/Complete_profile.vue
new file mode 100644
index 0000000..f99e2e0
--- /dev/null
+++ b/src/components/page/Complete_profile.vue
@@ -0,0 +1,81 @@
+<template>
+    <div class="container" >
+      <el-row :gutter="20" >        
+          <el-alert
+          :title="'Dear '+ user_name + ' Congratulations! '"
+    type="success"    
+    show-icon>
+    
+  </el-alert>        
+        <el-col class="mt20">
+            <p>Now your article has entered the pre-inclusion state, and the platform also needs you to improve the following content for the final publication of the article.</p>  
+          </el-col>  
+    </el-row>
+    <!-- 内容 -->
+    <el-row :gutter="20" class="content_box mt20">            
+        <el-col> 
+            <!-- 文章引用 -->
+          <div  class="scroll-item">
+            <div class="" style="margin: 20px 0;">
+                <h4>Add Reference</h4>
+               <p class="mt20">Please proofread against the reference documents identified by the system, you can modify the content of existing documents, you can modify the ordering of adjacent items, and you can add your reference entries.</p>
+               <p class="mt10"><img src="../../assets/img/icon_9.png" alt="" class="icon_img"> <el-link @click="goAddReferences(thisArtcleId)" type="primary" >&nbsp; &nbsp;Click here to edit</el-link> </p> 
+               
+            </div>
+          </div>
+        </el-col>    
+    </el-row>
+    <!-- 答疑 -->
+    <div class="mt20 helpcontent">
+        <div class="flexbox">
+            <span class="el-icon-info help"></span>
+            <div>
+                <h4>Any questions/Help</h4>
+                <p class="mt20">If you do not understand the operation items on this page or need help, you can find us in the following ways:</p>
+                <p class="mt20">- Way one</p>
+                <p class="mt10">- Way two</p>
+                <p class="mt10">- Way three</p>
+            </div>
+        </div>
+    </div>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+    data() {
+        return {
+            user_name: localStorage.getItem('U_relname'),
+            thisArtcleId: this.$route.query.id,
+            // 引用表单数据
+            ReferenceList:[]
+        }
+      },
+      created() {
+      },
+      methods:{
+        // 跳转到引用编辑页面
+        goAddReferences(id){
+          this.$router.push({
+                      path: 'ReferenceEditor',
+                      query: {
+                          id: id
+                      }
+                  });
+        }
+      }
+  }
+  </script>
+  
+  <style  scoped>
+    .help{font-size: 22px; margin-right: 10px;}
+    .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;}
+    .mt10{margin-top: 10px;}
+    .more{font-weight: bold;}
+    .helpcontent{color: #888; margin-top: 150px;}
+    .helpcontent p{color: inherit; font-size: 12px;}
+  </style>
\ No newline at end of file
diff --git a/src/components/page/ReferenceEditor.vue b/src/components/page/ReferenceEditor.vue
new file mode 100644
index 0000000..c279c46
--- /dev/null
+++ b/src/components/page/ReferenceEditor.vue
@@ -0,0 +1,339 @@
+<template>
+    <div>
+      <div class="container" v-loading="importIoading" element-loading-text="In the process of importing, please later">             
+           <div v-if="tableData.length == 0">  
+          <!-- 没有引用时 -->
+          <div class="noneData">            
+            <img src="../../assets/img/noneData.png" alt="" class="icon_img">
+            <p class="nodatatext">TMR did not identify an available article citation in your latest uploaded document</p>             
+          </div>
+          <el-row :gutter="20">
+          <!-- 教程 -->
+          <el-col >
+          <div class="flexbox whoDo mt20">                        
+            <div>
+                <h2>What should I do 
+                    <el-tooltip class="item" effect="light" content="click for more help" placement="right">
+                    <span class="el-icon-warning-outline help" @click="showHelp"></span>
+                </el-tooltip>
+                </h2>
+                <p class="mt10 c666">you can add a citation in the following way.</p>
+                <ul> 
+                    <!-- 文本域 -->
+                    <li>
+                        <div class="mt20">
+                            <h4>Add in bulk by text field &nbsp;&nbsp;&nbsp;<el-button @click="addText" class="inlinebutton" type="primary" plain size="mini">Add</el-button></h4> 
+                            <div v-if="textareaVisible">
+                                <el-input class="textarea mt10"
+                                type="textarea"
+                                :rows="3"
+                                placeholder="Put your reference entry here"
+                                v-model="textarea">
+                                </el-input>
+                                <el-button class="mt10" icon="el-icon-check" type="primary" size="mini" @click="importText">Import</el-button>
+                            </div>
+                        </div> 
+                    </li>
+                    <!-- 文件上传的形式 -->
+                    <li>
+                        <div class="mt20">
+                            <h4>Add in bulk by uploading excel files</h4>
+                            <p class="mt10 c666">Before uploading the file, you need to download the template file,  
+                                <el-link @click="" class="downloadbtn" type="primary" >click download</el-link>  
+                                ,to add your references to the template file, and upload it. &nbsp;&nbsp;&nbsp;
+                                <el-button class="inlinebutton" type="primary" plain size="mini" @click="showUpload">upload</el-button></p>
+                            <div v-if="uploadVisible">
+                                <div class="uploadBox">
+                                    <el-upload  ref="uploadFile" class="upload-demo up_newstyle" :action="upload_manuscirpt"
+                                    accept=".xls, .xlsx" name="manuscirpt" :before-upload="beforeupload_manuscirpt"
+                                    :on-error="uperr_coverLetter" :on-success="upSuccess_manuscirpt" :limit="1"
+                                    :on-exceed="alertlimit" :on-remove="removefilemanuscirpt" :file-list="fileL_manuscirpt"
+                                    >
+                                        <div v-show="fileL_manuscirpt.length <= 0" class="el-upload__text" @click="clearUploadedFile">
+                                            <em>Upload</em>
+                                        </div>                                    
+                                </el-upload>
+                                </div>
+                                <el-button v-if="fileL_manuscirpt.length > 0" class="mt10" icon="el-icon-check" type="primary" size="mini">Import</el-button>
+                            </div>
+                        </div>
+                    </li>
+                </ul>                
+            </div>
+        </div>
+        </el-col>
+          <!-- 辅助信息 -->
+        <!-- <el-col >
+            <div class="flexbox helpcontent mt20">
+                <span class="el-icon-info"></span>
+                <div>
+                    <h4>Any questions/Help</h4>
+                    <p class="mt20">If you do not understand the operation items on this page or need help, you can find us in the following ways:</p>
+                    <p class="mt20">- Way one</p>
+                    <p class="mt10">- Way two</p>
+                    <p class="mt10">- Way three</p>
+                </div>
+            </div>
+        </el-col> -->
+    </el-row>
+        </div>
+        <!-- 有引用数据-->
+        <div v-else>
+            <div class="topInfo">
+                <h4>Dear {{user_name}}</h4>
+                <p class="mt10">您可以在本页面对引用数据进行对应的修改和调整，主要包括如下操作:</p>
+                <ul class="mt20">
+                    <li>
+                        <p>需要您调整一下引用条目，将                            
+                            <el-button class="status" icon="el-icon-warning-outline"  type="warning"  plain circle></el-button>
+                        状态的引用信息调整到
+                        <el-button class="status" icon="el-icon-circle-check"  type="success"  plain circle></el-button>
+                        的状态。</p>
+                    </li>
+                    <li>
+                        <p>如果您觉得顺序有不妥，您可以点击每一条信息后面的
+                            <el-button type="primary" size="mini" plain>↑</el-button>
+                            和
+                            <el-button type="primary" size="mini" plain>↓</el-button> 调整数据的前后顺序。</p>
+                    </li>
+                    <li>
+                        <p>您可以点击 <el-button type="primary" size="mini" plain>+</el-button> 在这一行的后面再添加一行引用信息。</p>
+                    </li>
+                    <li>
+                        <p>您也可以全部放弃这些引用信息，重新导入一批引用信息。<el-link type="primary">删除并重新导入</el-link></p>
+                    </li>
+                </ul>
+            </div>
+            <div class="refenceCentent mt20">
+                <el-table :data="tableData"  ref="multipleTable" 
+              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="status" prop="status"  width="55" align="center">
+                <template slot-scope="scope">
+                    <el-button class="status" icon="el-icon-circle-check" v-if="scope.row.status == 1" type="success"  plain circle></el-button>
+                    <el-button class="status" icon="el-icon-warning-outline" v-if="scope.row.status == 0" type="warning"  plain circle></el-button>
+                </template>
+              </el-table-column>			
+              <el-table-column prop="title" label="Title" align="left">
+                  <template slot-scope="scope">
+                      <p style="text-align: left;">
+                          <!-- <el-badge is-dot :hidden="scope.row.author_act==1?false:true" class="item"> -->
+                              {{scope.row.title}}
+                          <!-- </el-badge> -->
+                      </p>
+                  </template> 
+              </el-table-column>
+              <el-table-column align="center" width="360">
+                  <div slot-scope="scope">
+                      <el-button style="margin-left:10px;" @click="change(scope.row)"  plain type="primary" size="mini" icon="el-icon-edit">change</el-button>  
+                      <el-tooltip popper-class="tps" class="item" effect="light" content="Add one under this line" placement="top">
+                        <el-button type="primary" size="mini" plain>+</el-button>   
+                      </el-tooltip>
+                      <el-button type="primary" size="mini" plain>↑</el-button>
+                      <el-button type="primary" size="mini" plain>↓</el-button>                                   
+                      <el-button  type="danger" icon="el-icon-delete" size="mini" style="float: right;" plain>delete</el-button>
+                  </div>
+              </el-table-column>
+          </el-table>
+            </div>
+            
+        </div>
+    
+      </div>
+      <!-- 修改引用 -->
+      <el-dialog title="Add References" :visible.sync="editboxVisible" width="500px">
+                <el-form :model="refenceForm" :rules="refenceFormrules" ref="refenceForm" label-width="60px" class="demo-ruleForm">
+                    <el-form-item label="title" prop="title">
+                        <el-input rows="8" v-model="refenceForm.title" type="textarea"></el-input>
+                    </el-form-item> 
+                </el-form>            
+              <span slot="footer" class="dialog-footer">
+                  <el-button @click="editboxVisible = false">Cancel</el-button>
+                  <el-button type="primary" @click="saveChange">Save</el-button>
+              </span>
+      </el-dialog>
+        <!-- 帮助信息 -->
+        <el-dialog title="Any questions or Help" :visible.sync="helpVisible" width="500px">          
+            <div>
+                    <p class="mt20">If you do not understand the operation items on this page or need help, you can find us in the following ways:</p>
+                    <p class="mt20">- Way one</p>
+                    <p class="mt10">- Way two</p>
+                    <p class="mt10">- Way three</p>
+                </div>
+              <span slot="footer" class="dialog-footer">
+                  <el-button @click="helpVisible = false" type="primary">OK</el-button>                  
+              </span>
+          </el-dialog>
+    </div>
+  </template>
+  
+  <script>
+  export default {
+      data(){
+          return{
+            user_name: localStorage.getItem('U_relname'),            
+            importIoading: false,
+            baseUrl: this.Common.baseUrl,
+            // 引用数据列表
+              tableData:[
+                  {   id:'01',
+                      status:0,
+                      title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
+                 {   id:'02',
+                     status:1,
+                      title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
+                 {   id:'01',
+                    status:0,
+                    title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`},
+                 {   id:'02',
+                      status:0,
+                     title: `Zhang Y, Ren L, Min S, Lv F, Yu J. Effects of N-Methyl-D-aspartate receptor (NMDAR) and Ca2+/calmodulin-dependent protein kinase IIα (CaMKIIα) on learning and memory impairment in depressed rats with different charge by modified electroconvulsive shock. Ann Transl Med 2021;9(16):1320–1320. Availa`
+                }
+
+              ],              
+              editboxVisible:false,
+              helpVisible:false,
+              uploadVisible:false,
+              textarea:'',
+              textareaVisible:false,
+              fileL_manuscirpt: [],
+              form: {
+                manuscirpt: '',                
+              },
+              // 引用表单
+              refenceForm:{
+                title:''
+              },
+              refenceFormrules:{
+                title:[
+                { required: true, message: 'The title cannot be empty', trigger: 'blur' },
+                ]
+              }
+          }
+      },
+      methods:{                 
+          // 显示帮助信息
+          showHelp(){
+            this.helpVisible = true
+          },
+          // 导入文本域
+          importText(){
+            this.importIoading = true
+            setTimeout(()=>{
+                this.importIoading = false 
+                this.$message.success('Import successful!')                      
+            },3000)
+          },
+          // 文本域添加
+          addText(){
+            this.textareaVisible = true
+            this.uploadVisible = false
+          },
+          showUpload(){
+            this.textareaVisible = false
+            this.uploadVisible = true
+          },
+          // 显示修改引用
+          change(row){
+            this.editboxVisible = true
+            this.refenceForm = row
+          },
+          // 保存修改
+          saveChange(){
+
+          },
+          beforeupload_manuscirpt(file) {
+				let flieArr = file.name.split(".")
+				let fileSuffix = flieArr[flieArr.length - 1];
+				if (fileSuffix != 'docx') {
+					this.$message.error('Only excel and compressed files can be uploaded(.xls, .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.manuscirpt = 'manuscirpt/' + res.upurl;
+					this.fileL_manuscirpt = [{}];
+					this.fileL_manuscirpt[0].name = "Manuscirpt File";
+					this.fileL_manuscirpt[0].url = 'manuscirpt/' + res.upurl;
+					// this.onStaging(5)
+				} 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.manuscirpt = '';
+				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();
+			},
+      },
+      computed: {
+        upload_manuscirpt: function() {
+				return this.baseUrl + 'api/Article/up_file/type/manuscirpt';
+			},
+      }
+  }
+  </script>
+  
+  <style  scoped>
+ 
+  .status{border: none;}
+  .topInfo{padding: 20px;  }
+  .topInfo ul{padding-left: 30px;}
+  .topInfo ul li{margin-top: 10px;}
+  .downloadbtn{font-weight: bold;}
+  .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: .5; width: 100px;}
+  .nodatatext{color: #666; text-align: center;}
+  .inlinebutton{}
+ .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;}
+
+  /deep/ .el-table tr:nth-child(2n){
+    background: #fff;
+  }
+</style>
\ No newline at end of file
diff --git a/src/components/page/RejectedArticles.vue b/src/components/page/RejectedArticles.vue
index ab01ea6..2ba4e93 100644
--- a/src/components/page/RejectedArticles.vue
+++ b/src/components/page/RejectedArticles.vue
@@ -25,22 +25,8 @@
 					</p>
 				</template>
 			</el-table-column>			
-			<el-table-column label="Type" align="center" width="300">
-				<template slot-scope="scope">
-                    <!-- {{scope.row.type}} -->
-                    <el-select v-model="scope.row.type" disabled style="width: 100%;">
-                        <el-option v-for="item in journal_type" :key="item.value" :label="item.name"
-									:value="item.value"></el-option>
-                    </el-select>
-					<!--- <div style="text-align: center;margin-bottom: 10px;" v-if="scope.row.emailh==1">
-						<el-button size="mini" type="primary" plain icon="el-icon-chat-dot-square"
-							@click="linkEmailist(scope.row)">History</el-button>
-					</div>
-					<div style="text-align: center;">
-						<el-button size="mini" type="primary" plain icon="el-icon-message"
-							@click="linkEmail(scope.row)">Email</el-button>
-					</div> --->
-				</template>
+			<el-table-column label="scoring" align="center" prop="scoring">
+				
 			</el-table-column>			
 			<el-table-column label="Remarks" align="center">
 				<template slot-scope="scope">
diff --git a/src/components/page/articleList.vue b/src/components/page/articleList.vue
index e7fa16b..b12ba68 100644
--- a/src/components/page/articleList.vue
+++ b/src/components/page/articleList.vue
@@ -92,6 +92,12 @@
 						<span @click="esy_deta(item.article_id)">
 							<i class="el-icon-paperclip"></i>My Manuscript
 						</span>
+						<span v-if="item.state == 3">
+							<font> | </font>
+							<span @click="goPre_ingested(item.article_id)">
+								<i class="el-icon-paperclip"></i>Complete the profile
+							</span>
+						</span>
 					</div>
 				</div>
 
@@ -435,7 +441,15 @@
 				// }
 
 			},
-
+			// 显示预收录页面
+			goPre_ingested(id){
+				this.$router.push({
+					path: 'PreIngested',
+					query: {
+						id: id
+					}
+				});
+			},
 			// 点击稿件进程
 			esy_mtps(e) {
 				this.$router.push({
diff --git a/src/router/index.js b/src/router/index.js
index aab4ba7..aa40b3e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -885,6 +885,20 @@ export default new Router({
 						title: 'Rejected Manuscripts'
 					}
 				},
+				{
+					path: '/PreIngested', //预收录-完善资料页面
+						component: () => import('../components/page/Complete_profile'),
+					meta: {
+							title: 'Pre-ingested'
+						}
+				},
+				{
+					path: '/ReferenceEditor', //预收录-引用编辑
+						component: () => import('../components/page/ReferenceEditor'),
+					meta: {
+						title: 'ReferenceEditor'
+						}
+				},
 				{
 					path: '/404',
 					component: () => import( /* webpackChunkName: "404" */