0

src/components/page/articleList.vue

@@ -9,11 +9,14 @@
 		</div>
 		<div class="container_state">
 			<div class="handle-box" style="margin: 20px 0;">
-				<el-select v-model="query.journal" @change="getdate" placeholder="Please select journal">
+				<el-select v-model="query.journal" @change="getdate" placeholder="Please select journal"
+					style="width: 180px;">
 					<el-option :key="0" label="All journals" :value="0"></el-option>
-					<el-option v-for="item in items" :key="item.journal_id" :label="item.title" :value="item.journal_id"></el-option>
+					<el-option v-for="item in items" :key="item.journal_id" :label="item.title"
+						:value="item.journal_id"></el-option>
 				</el-select>
-				<el-select v-model="query.state" @change="getdate" placeholder="Please select status" style="margin-left:10px;width: 130px;">
+				<el-select v-model="query.state" @change="getdate" placeholder="Please select status"
+					style="margin-left:10px;width: 110px;">
 					<el-option :key="0" label="All status" :value="0"></el-option>
 					<el-option :key="1" :label="$t('artstate.state1')" :value="1"></el-option>
 					<el-option :key="2" :label="$t('artstate.state2')" :value="2"></el-option>
@@ -21,9 +24,10 @@
 					<el-option :key="4" :label="$t('artstate.state4')" :value="4"></el-option>
 					<el-option :key="5" :label="$t('artstate.state5')" :value="5"></el-option>
 				</el-select>
-				<el-input v-model="query.name" placeholder="Title" style="margin:0 10px;width: 200px;"></el-input>
+				<el-input v-model="query.name" placeholder="Title" style="margin:0 10px;width: 190px;"></el-input>
 				<el-button type="primary" icon="el-icon-search" @click="handleSearch">Search</el-button>
-				<el-button type="primary" icon="el-icon-edit-outline" @click="addArticle" style="float: right;width: 200px;">New
+				<el-button type="primary" icon="el-icon-edit-outline" @click="addArticle"
+					style="float: right;width: 190px;">New
 					Submission</el-button>
 			</div>
 
@@ -44,11 +48,15 @@
 						<el-button size="mini" type="primary" plain icon="el-icon-tickets" @click="showdetail(scope.row)">detail</el-button>
 					</template>
 				</el-table-column>
-			</el-table> 
- -->
+			</el-table> -->
+
 			<div shadow="never" v-for="item in tableData" class="mangu_list" :style="item.state,'1' | stateChange">
 				<div style="padding: 20px 20px 20px 20px;position: relative;" :style="item.state,'2' | stateChange">
-					<p class="man_title" @click="esy_mtps(item.article_id)">{{item.title}}</p>
+					<p class="man_title" @click="esy_mtps(item.article_id)">
+						<el-badge is-dot :hidden="item.editor_act==1?false:true">
+							{{item.title}}
+						</el-badge>
+					</p>
 					<p style="margin-bottom: 8px;">
 						<font style="color: #666b7a;">ID : </font>
 						{{item.accept_sn}}
@@ -73,8 +81,12 @@
 						</b>
 					</div>
 					<div class="man_btn">
+						<span @click="esy_mtps(item.article_id)">
+							<i class="el-icon-collection"></i>Manuscript Tracking
+						</span>
+						<font> | </font>
 						<span @click="esy_review(item.article_id)">
-							<i class="el-icon-document-copy"></i>Reviewers coment
+							<i class="el-icon-document-copy"></i>Reviewer Comments
 						</span>
 						<font> | </font>
 						<span @click="esy_deta(item.article_id)">
@@ -85,18 +97,42 @@
 
 				<div class="man_progess" v-if="item.state==4" :style="item.state,'2' | stateChange">
 					<font style="color: #666b7a;">
-						Current progress :
+						Current Status :
 					</font>
-					<b style="margin: 0 0 0 5px;">{{item.state,'tst' | stateChange}} </b>
-					<router-link :to="{path:'/articleProcessRevision',query:{id:item.article_id}}" v-if="item.state==4" style="color: #333;">
-						: <span style="margin: 0 0 0 5px;">click to</span>
-						<b>Major revision</b>
+					<b style="margin: 0 0 0 5px;color: #5a90e1;">{{item.state,'tst' | stateChange}} </b>
+					<router-link :to="{path:'/articleProcessRevision',query:{id:item.article_id}}" style="color: #333;">
+						<span style="margin: 0 4px 0 5px;">Click here to :</span>
+						<b>Upload Major Revision</b>
 					</router-link>
 				</div>
+
+				<div class="man_progess" v-if="item.state==3&&item.transinfo!=null"
+					:style="item.state,'2' | stateChange">
+					<font style="color: #666b7a;">
+						Current Status :
+					</font>
+					<b style="margin: 0 0 0 5px;color: #333;">{{item.state,'tst' | stateChange}} </b>
+					<router-link :to="{path:'/articleProcessSwitch',query:{id:item.article_id}}" style="color: #333;">
+						<span style="margin: 0 4px 0 5px;">Click here to :</span>
+						<b style="color:#333">Transfer Manuscript</b>
+					</router-link>
+				</div>
+
+				<div class="man_progess" v-if="item.state==7" :style="item.state,'7' | stateChange">
+					<font style="color: #666b7a;">
+						Current Status :
+					</font>
+					<b style="margin: 0 0 0 5px;color: #5fab3b;">{{item.state,'tst' | stateChange}} </b>
+					<router-link :to="{path:'/articleProcessConfirm',query:{id:item.article_id}}" style="color: #333;">
+						<span style="margin: 0 4px 0 5px;">Click here to :</span>
+						<b style="color: #5fab3b;">Confirm the Proof</b>
+					</router-link>
+				</div>
+
 			</div>
 			<div class="pagination">
-				<el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex" :page-size="query.pageSize"
-				 :total="Total" @current-change="handlePageChange"></el-pagination>
+				<el-pagination background layout="total, prev, pager, next" :current-page="query.pageIndex"
+					:page-size="query.pageSize" :total="Total" @current-change="handlePageChange"></el-pagination>
 			</div>
 		</div>
 
@@ -106,6 +142,9 @@
 				<p>
 					<font>Title :</font><b>{{artextForm.title}}</b>
 				</p>
+				<p>
+					<font>ID : </font><b>{{artextForm.accept_sn}}</b>
+				</p>
 				<p>
 					<font>Type :</font><b>{{artextForm.type | ellipsis}}</b>
 				</p>
@@ -125,12 +164,14 @@
 					<el-collapse-item :title="authorList_name" name="1">
 						<div v-for="(item, index) in artextForm.authors" class="auth_mess">
 							<h4 style="font-weight: bolder;">
-								<img src="../../assets/img/state_one.png" v-if="item.isSuper" style="width: 15px;margin: 0 2px 0 0;vertical-align: text-bottom;">
+								<img src="../../assets/img/state_one.png" v-if="item.isSuper"
+									style="width: 15px;margin: 0 2px 0 0;vertical-align: text-bottom;">
 								{{item.firstname}} {{item.lastname}} {{item.isSuper?'#':''}}{{item.isReport?'*':''}}
 							</h4>
 							<div>
 								<p v-if="item.email">
-									<img src="../../assets/img/state_email.png" v-if="item.isReport" style="width: 14px;margin: 0 8px 0 0;vertical-align: text-bottom;">
+									<img src="../../assets/img/state_email.png" v-if="item.isReport"
+										style="width: 14px;margin: 0 8px 0 0;vertical-align: text-bottom;">
 									<font>Email : </font>{{item.email}}
 								</p>
 								<p v-if="item.orcid">
@@ -165,15 +206,24 @@
 						</div>
 					</el-collapse-item>
 				</el-collapse>
-				<p style="margin-top: 15px;">
-					<font>Abstrart :</font><b>{{artextForm.abstrart}}</b>
-				</p>
-				<p v-if="artextForm.keyWords">
-					<font>KeyWords :</font><b>{{artextForm.keyWords}}</b>
-				</p>
-				<p v-if="artextForm.fund">
-					<font>Fund :</font><b>{{artextForm.fund}}</b>
-				</p>
+				<el-collapse class="auth_colla auth_colla_new" style="margin-top: -15px;border-top: 0;">
+					<el-collapse-item>
+						<template slot="title">
+							Abstract
+							<font v-if="artextForm.keywords" style="margin-left: 3px;">, Keywords</font>
+							<font v-if="artextForm.fund" style="margin-left: 3px;">, Fund</font>
+						</template>
+						<p>
+							<font>Abstract :</font><b>{{artextForm.abstrart}}</b>
+						</p>
+						<p v-if="artextForm.keywords">
+							<font>Keywords :</font><b>{{artextForm.keywords}}</b>
+						</p>
+						<p v-if="artextForm.fund">
+							<font>Fund :</font><b>{{artextForm.fund}}</b>
+						</p>
+					</el-collapse-item>
+				</el-collapse>
 			</div>
 			<div class="art_file" style="margin-top: 0;border-top-color:#fff;padding-top: 0;">
 				<h4 v-if="coverLetterFileList">Cover letter : </h4>
@@ -200,8 +250,8 @@
 					</a>
 				</p>
 				<br clear="both" v-if="picturesAndTablesFileList">
-				<h4>Title page : </h4>
-				<p>
+				<h4 v-if="totalpageFileList">Title page : </h4>
+				<p v-if="totalpageFileList">
 					<a v-for="item in totalpageFileList" :href="mediaUrl + item.file_url">
 						<img src="../../assets/img/icon_0.png">
 						<span>
@@ -211,7 +261,7 @@
 						<i class="el-icon-download download"></i>
 					</a>
 				</p>
-				<br clear="both">
+				<br clear="both" v-if="totalpageFileList">
 				<h4>Manuscirpt : </h4>
 				<p>
 					<a v-for="item in manuscirptFileList" :href="mediaUrl + item.file_url">
@@ -228,12 +278,12 @@
 		</el-dialog>
 
 		<!-- 审稿人列表 -->
-		<el-dialog title="Coment from reviewers" :visible.sync="comentVisible" width="800px">
+		<el-dialog title="Comments from reviewers" :visible.sync="comentVisible" width="800px">
 			<el-collapse v-model="activeComment" v-if="comentDeploy!=''">
 				<el-collapse-item v-for="(item,index) in comentDeploy" :name="index" class="art_author_list">
 					<template slot="title">
 						<b class="com_shu">{{index+1}}</b>
-						Reviewer Suggest
+						Reviewer Comment
 						<font style="margin: 0 0 0 50px;color: #888;">
 							<i class="el-icon-time" style="margin:0 2px 0 0;"></i>
 							{{formatDate1(item.ctime)}}
@@ -242,32 +292,32 @@
 					<div class="art_author_coment">
 						<p v-if="item.qu9_contents!=''">
 							<font>Does the title represent manuscript's contents?</font>
-							{{item.qu9_contents}}
+						<pre>{{item.qu9_contents}}</pre>
 						</p>
 						<p v-if="item.qu10_contents!=''">
 							<font>Is the Abstract accurate and concise?</font>
-							{{item.qu10_contents}}
+						<pre>{{item.qu10_contents}}</pre>
 						</p>
 						<p v-if="item.qu11_contents!=''">
 							<font>Are the approach/ methods properly described?</font>
-							{{item.qu11_contents}}
+						<pre>{{item.qu11_contents}}</pre>
 						</p>
 						<p v-if="item.qu12_contents!=''">
 							<font>Are the conclusions and interpretations sound?</font>
-							{{item.qu12_contents}}
+						<pre>{{item.qu12_contents}}</pre>
 						</p>
 						<p v-if="item.qu13_contents!=''">
 							<font>Are the references properly cited?</font>
-							{{item.qu13_contents}}
+						<pre>{{item.qu13_contents}}</pre>
 						</p>
 						<p v-if="item.comments!=''">
 							<font>Comments for the Authors</font>
-							{{item.comments}}
+						<pre>{{item.comments}}</pre>
 						</p>
 					</div>
 				</el-collapse-item>
 			</el-collapse>
-			<p v-if="comentDeploy==''" style="color: #888888;margin: 0 0 0 10px;">No coment</p>
+			<p v-if="comentDeploy==''" style="color: #888888;margin: 0 0 0 10px;">No Comment</p>
 		</el-dialog>
 
 	</div>
@@ -275,7 +325,6 @@
 
 <script>
 	export default {
-		name: 'articleList',
 		data() {
 			return {
 				baseUrl: this.Common.baseUrl,
@@ -300,7 +349,7 @@
 				totalpageFileList: [],
 				manuscirptFileList: [],
 				comentDeploy: [],
-				activeComment: [1],
+				activeComment: [],
 				authorList_name: '',
 				editVisible: false,
 				artextVisible: false,
@@ -333,7 +382,8 @@
 						for (let i = 0; i < res.data.length; i++) {
 							let date = new Date(parseInt(res.data[i].ctime) * 1000);
 							let Y = date.getFullYear() + '-';
-							let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+							let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() +
+								1 + '-';
 							let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
 							res.data[i].ctime = Y + M + D;
 						}
@@ -392,10 +442,10 @@
 					.then(res => {
 						// 弹出框
 						this.comentDeploy = res.suggest
-						this.activeComment = []
-						for (var i = 0; i < res.suggest.length; i++) {
-							this.activeComment.push(i)
-						}
+						// this.activeComment = []
+						// for (var i = 0; i < res.suggest.length; i++) {
+						// 	this.activeComment.push(i)
+						// }
 						this.comentVisible = true
 					})
 					.catch(err => {
@@ -493,7 +543,7 @@
 						frag = 'Case report';
 						break;
 					case 'P':
-						frag = 'Research proposal';
+						frag = 'Research proposal';
 						break;
 					case 'N':
 						frag = 'News';
@@ -516,6 +566,9 @@
 					case 'RP':
 						frag = 'Report';
 						break;
+					case 'LR':
+						frag = 'Letter';
+						break;
 					case 'EF':
 						frag = 'Empirical formula';
 						break;
@@ -537,6 +590,12 @@
 					case 'CS':
 						frag = 'Case Series';
 						break;
+					case 'RT':
+						frag = 'Retraction';
+						break;
+					case 'MR':
+						frag = 'Mini Review';
+						break;
 					default:
 						frag = 'Others';
 				}
@@ -591,14 +650,21 @@
 						sfr = '#5fab3b05;';
 						sgr = '#5fab3b4D;';
 						skr = '#5fab3b;';
-						slr = 'Accepted';
+						slr = 'Accept';
 						break;
 					case 6:
 						str = '#5a90e11F;';
 						sfr = '#5a90e105;';
 						sgr = '#5a90e14D;';
 						skr = '#5a90e1;';
-						slr = 'Fininal decision';
+						slr = 'Pre-accept';
+						break;
+					case 7:
+						str = '#5fab3b1F;';
+						sfr = '#5fab3b05;';
+						sgr = '#5fab3b4D;';
+						skr = '#5fab3b;';
+						slr = 'Proof';
 						break;
 					default:
 						str = '#8888881F;';
@@ -695,12 +761,13 @@
 	}
 
 	.mangu_list .man_title {
-		margin: 0 80px 10px 0;
+		margin: 2px 100px 10px 0;
 		font-weight: bolder;
 		letter-spacing: -0.5px;
 		font-size: 16px;
 		cursor: pointer;
 		display: inline-block;
+		line-height: 18px;
 	}
 
 	.mangu_list .man_title:hover {
@@ -819,7 +886,7 @@
 	.art_author_coment>p>font {
 		display: block;
 		margin: 0 0 2px 0;
-		color: #888;
+		color: #006699;
 		font-weight: bold;
 		letter-spacing: -0.5px;
 	}