diff --git a/src/components/page/articleListEditor_A.vue b/src/components/page/articleListEditor_A.vue
index e8e30b2..654094b 100644
--- a/src/components/page/articleListEditor_A.vue
+++ b/src/components/page/articleListEditor_A.vue
@@ -31,10 +31,214 @@
 			<el-button type="primary" icon="el-icon-search" @click="handleSearch" style="margin:0 0 10px 0;">Search
 			</el-button>
 		</div>
+
+		<div v-for="item in tableData" class="mangu_list">
+			<div>
+				<span style="color: #666b7a;">Status :</span>
+				<font
+					style="margin-right: 15px;font-size: 16px;font-weight: bold;letter-spacing: -0.5px;">
+					{{stateFormat(item.state)}}
+				</font>
+				<b v-if="item.state!=5" @click="testvis(item)" class="btnCliArt">
+					<i class="el-icon-edit"></i> Change
+				</b>
+				<b v-if="item.state==5" @click="prodBegin(item)" class="btnCliArt">
+					<i class="el-icon-paperclip"></i> Begin Produce
+				</b>
+				<font style="color: #666b7a;margin-left: 80px;">ID : </font>
+				<span
+					style="background-color: #006699;width: 20px;color: #fff;margin: 0 2px 0 0;font-weight: bold;padding: 2px 4px;"
+					v-if="item.special_num>0">S
+				</span>
+				{{item.accept_sn}}
+				<b @click="showdetaileditor(item)" class="btnCliArt" style="margin-left: 15px;">
+					<i class="el-icon-collection"></i> Detail
+				</b>
+			</div>
+			<div class="man_title">
+				<el-badge is-dot :hidden="item.author_act==1?false:true">
+					<b @click="showdetaileditor(item)">
+						{{item.title}}
+					</b>
+				</el-badge>
+			</div>
+			<div>
+				<div style="float: left;width: 60%;">
+					<div>
+						<span style="color: #666b7a;">Repetition :</span>
+						<font style="margin-right: 16px;font-size: 15px;font-weight: bold;">
+							{{item.repetition}} %
+						</font>
+						<b @click="changeRepe(item)" class="btnCliArt">
+							<i class="el-icon-edit"></i> Change
+						</b>
+					</div>
+					<div style="margin: 8px 0;">
+						<span style="color: #666b7a;">Countries :</span>
+						<font v-for="(iken, index) in item.countrys">
+							{{iken}}
+							<font v-if="index!=item.countrys.length-1">,</font>
+						</font>
+					</div>
+					<div style="display: flex;margin-top: 10px;">
+						<span style="color: #666b7a;margin-right: 10px;">Corresponding Author :</span>
+						<div>
+							<p v-if="item.realname!=''">
+								<font style="color: #999;">Name:</font>
+								{{item.realname}}
+							</p>
+							<p v-if="item.email!=''" style="margin: 8px 0 5px 0;">
+								<font style="color: #999;">Email:</font>
+								{{item.email}}
+								<b @click="linkEmail(item)" class="btnCliArt" style="margin-left: 15px;">
+									<i class="el-icon-message"></i> Email
+								</b>
+								<b @click="linkEmailist(item)" v-if="item.emailh==1" class="btnCliArt" style="margin-left: 15px;">
+									<i class="el-icon-refresh-left"></i> History
+								</b>
+							</p>
+							<p v-if="item.phone!=''">
+								<font style="color: #999;">Phone:</font>
+								{{item.phone}}
+							</p>
+						</div>
+					</div>
+					<div style="margin-top: 10px;">
+						<span style="color: #666b7a;margin: 2px 5px 0 0;">Remarks :</span>
+						<font style="margin-right: 10px;line-height: 24px;">{{item.remarks}}</font>
+						<b @click="testedit(item)" class="btnCliArt">
+							<i class="el-icon-edit"></i> Change
+						</b>
+					</div>
+				</div>
+
+				<div style="display: flex;margin-left: 20px;float: right;">
+					<div style="text-align: center;background-color: #0066990d;padding: 20px;min-width: 160px;">
+						<b style="font-size: 16px;letter-spacing: -0.5px;">Reviewer Decision :</b>
+						<p style="height: 5px;"></p>
+						<p v-for="(iken, index) in item.review">
+							Reviewer{{index+1}} score : <b style="color: #db890e;font-size: 18px;">{{iken.rated}}</b>
+						</p>
+						<p v-if="item.review.length>0" style="color: #db890e;font-size: 15px;margin: 5px 0;">
+							Average : <b style="font-size: 18px;">{{avegeCount(item.review)}}</b>
+						</p>
+						<p>
+							<el-button v-for="(iken, index) in item.review" :type="iken.state==2?'danger':'success'"
+								circle style="padding: 5px;"></el-button>
+						</p>
+						<p style="margin-top: 10px;">
+							<b @click="articleReviewer(item)" class="btnCliArt">
+								<i class="el-icon-edit"></i> Peer-Review
+							</b>
+							<!-- <el-button size="mini" type="primary" icon="el-icon-user" @click="articleReviewer(item)">
+								Peer-Review</el-button> -->
+						</p>
+					</div>
+					<div style="background-color: #006699cc;width: 1.5px;margin: 0 20px;"></div>
+					<div style="text-align: center;background-color: #0066990d;padding: 20px;min-width: 160px;">
+						<b style="font-size: 16px;letter-spacing: -0.5px;">AI scoring :</b>
+						<p style="font-size: 18px;font-weight: bold;margin-bottom: 5px;color: #db890e;"
+							v-if="item.reportList.length>0">
+							<font style="font-size: 14px;font-weight: normal;color: #333;">Initial review score :</font>
+							{{item.scoring}}
+						</p>
+						<p style="font-size: 18px;font-weight: bold;margin-bottom: 5px;"
+							v-if="item.reportList.length==0">
+							<font style="font-size: 14px;font-weight: normal;">Initial review score :</font>
+							{{item.scoring}}
+						</p>
+						<p v-if="item.scoring!=0&&item.H!=null" style="color: #999;">{{item.H.google_editor}}
+						</p>
+						<p v-if="item.scoring!=0&&item.H!=null&&item.H.google_time!=0" style="color: #999;">
+							{{formatDate(item.H.google_time)}}
+						</p>
+						<b @click="aiSoring(item)" class="btnCliArt" v-if="item.reportList.length>0" style="margin-top: 10px;display: block;">
+							<i class="el-icon-edit"></i> Edit Hindex
+						</b>
+						<!-- <el-button @click="aiSoring(item)" size="mini" type="primary" icon="el-icon-edit"
+							v-if="item.reportList.length>0" style="margin-top: 1px;">Edit Hindex</el-button> -->
+						<p v-if="item.review.length>0"
+							style="font-size: 18px;font-weight: bold;margin-top: 15px;padding-top: 10px;border-top: 1px solid #db890e66;color: #db890e;">
+							<font style="font-size: 14px;font-weight: normal;">Final review score :</font>
+							{{finalCount(item)}}
+						</p>
+					</div>
+				</div>
+				<br clear="both">
+			</div>
+		</div>
+
 		<el-table :data="tableData" border stripe class="table" ref="multipleTable"
 			header-cell-class-name="table-header" empty-text="New messages (0)">
-			<el-table-column type="index" label="No." width="55" align="center"></el-table-column>
-			<el-table-column width="180" label="Manuscript ID" align="center">
+			<el-table-column type="index" label="No." width="50" align="center"></el-table-column>
+			<el-table-column label="Base Information" width="380px">
+				<template slot-scope="scope">
+					<p class="tab_tie_col">
+						<span>ID: </span>
+						<span
+							style="background-color: #006699;width: 20px;color: #fff;margin: 0 2px 0 0;font-weight: bold;padding: 2px 4px;"
+							v-if="scope.row.special_num>0">S
+						</span>
+						{{scope.row.accept_sn}}
+						<el-button @click="huaGuest(scope.row)" size="mini" type="primary" plain
+							style="margin-left: 5px;">
+							Put into special issue
+						</el-button>
+					</p>
+					<p class="tab_tie_col">
+						<el-badge is-dot :hidden="scope.row.author_act==1?false:true">
+							<b class="titArtHov" @click="showdetaileditor(scope.row)"
+								style="font-size: 15px;letter-spacing: -0.5px;margin-right: 5px;">
+								{{scope.row.title}}
+							</b>
+							<!-- <b @click="showdetaileditor(scope.row)" class="btnCliArt">
+								<i class="el-icon-tickets"></i> Detail
+							</b> -->
+							<!-- <el-button size="mini" type="primary" plain icon="el-icon-tickets"
+								@click="showdetaileditor(scope.row)">Detail</el-button> -->
+						</el-badge>
+
+					</p>
+					<p class="tab_tie_col">
+						<span>Status :</span>
+						<font
+							style="margin-right: 15px;color: #006699;font-size: 15px;font-weight: bold;letter-spacing: -0.5px;">
+							{{stateFormat(scope.row.state)}}
+						</font>
+						<b v-if="scope.row.state!=5" @click="testvis(scope.row)" class="btnCliArt">
+							<i class="el-icon-edit"></i> Change
+						</b>
+						<b v-if="scope.row.state==5" @click="prodBegin(scope.row)" class="btnCliArt"
+							style="color: #2a9916;">
+							<i class="el-icon-edit"></i> Begin Produce
+						</b>
+					</p>
+					<p class="tab_tie_col">
+						<span>Repetition :</span>
+						<font style="margin-right: 15px;color: #006699;font-size: 15px;font-weight: bold;">
+							{{scope.row.repetition}} %
+						</font>
+						<b @click="changeRepe(scope.row)" class="btnCliArt">
+							<i class="el-icon-edit"></i> Change
+						</b>
+					</p>
+					<p class="tab_tie_col">
+						<span>Countries :</span>
+						<font v-for="(item, index) in scope.row.countrys">
+							{{item}}
+							<font v-if="index!=scope.row.countrys.length-1">,</font>
+						</font>
+					</p>
+					<p class="tab_tie_col">
+						<span>Email :</span>
+						<el-button size="mini" type="primary" plain icon="el-icon-chat-dot-square"
+							@click="linkEmailist(scope.row)" v-if="scope.row.emailh==1">History</el-button>
+						<el-button size="mini" type="primary" plain icon="el-icon-message"
+							@click="linkEmail(scope.row)">Email</el-button>
+					</p>
+				</template>
+			</el-table-column>
+			<!-- 	<el-table-column width="180" label="Manuscript ID" align="center">
 				<template slot-scope="scope">
 					<p style="margin-bottom: 5px;">
 						<span
@@ -47,8 +251,8 @@
 					<el-button @click="huaGuest(scope.row)" size="mini" type="primary" plain style="margin-top: 10px;">
 						Put into special issue</el-button>
 				</template>
-			</el-table-column>
-			<el-table-column prop="title" label="Title" align="center">
+			</el-table-column> -->
+			<!-- <el-table-column prop="title" label="Title" align="center">
 				<template slot-scope="scope">
 					<p style="text-align: left;">
 						<el-badge is-dot :hidden="scope.row.author_act==1?false:true" class="item">
@@ -56,7 +260,7 @@
 						</el-badge>
 					</p>
 				</template>
-			</el-table-column>
+			</el-table-column> -->
 			<el-table-column label="" align="center" width="145">
 				<template slot="header">
 					<div>Reviewer</div>
@@ -77,7 +281,7 @@
 						Peer-Review</el-button>
 				</template>
 			</el-table-column>
-			<el-table-column label="">
+			<el-table-column width="220px">
 				<template slot="header">
 					<div style="white-space:nowrap;text-align: center;">Corresponding</div>
 					<div style="text-align: center;">Author</div>
@@ -97,7 +301,7 @@
 					</p>
 				</template>
 			</el-table-column>
-			<el-table-column label="Email" align="center" width="110">
+			<!-- <el-table-column label="Email" align="center" width="110">
 				<template slot-scope="scope">
 					<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"
@@ -108,18 +312,18 @@
 							@click="linkEmail(scope.row)">Email</el-button>
 					</div>
 				</template>
-			</el-table-column>
-			<el-table-column label="Countries" align="center" width="100">
+			</el-table-column> -->
+			<!-- <el-table-column label="Countries" align="center" width="100">
 				<template slot-scope="scope">
 					<p v-for="(item, index) in scope.row.countrys">
 						{{item}}
 						<font v-if="index!=scope.row.countrys.length-1">,</font>
 					</p>
 				</template>
-			</el-table-column>
+			</el-table-column> -->
 			<el-table-column label="AI scoring" align="center" width="150">
 				<template slot-scope="scope">
-					<p style="font-size: 18px;font-weight: bold;margin-bottom: 5px;color: #006699;cursor: pointer;"
+					<p style="font-size: 18px;font-weight: bold;margin-bottom: 5px;color: #006699;"
 						v-if="scope.row.reportList.length>0">
 						<font style="font-size: 14px;font-weight: normal;">Initial review score :</font>
 						{{scope.row.scoring}}
@@ -136,13 +340,14 @@
 					</p>
 					<el-button @click="aiSoring(scope.row)" size="mini" type="primary" plain icon="el-icon-edit"
 						v-if="scope.row.reportList.length>0">Edit Hindex</el-button>
-					<p v-if="scope.row.review.length>0" style="font-size: 18px;font-weight: bold;margin-top: 15px;padding-top: 10px;border-top: 1px solid #00669966;color: #006699;">
+					<p v-if="scope.row.review.length>0"
+						style="font-size: 18px;font-weight: bold;margin-top: 15px;padding-top: 10px;border-top: 1px solid #00669966;color: #006699;">
 						<font style="font-size: 14px;font-weight: normal;">Final review score :</font>
 						{{finalCount(scope.row)}}
 					</p>
 				</template>
 			</el-table-column>
-			<el-table-column label="Status" align="center" width="130">
+			<!-- <el-table-column label="Status" align="center" width="130">
 				<template slot-scope="scope">
 					<p style="margin-bottom: 5px;">{{stateFormat(scope.row.state)}}</p>
 					<el-button v-if="scope.row.state!=5" @click="testvis(scope.row)" size="mini" type="primary" plain
@@ -151,22 +356,25 @@
 						icon="el-icon-collection-tag">Begin
 						Produce</el-button>
 				</template>
-			</el-table-column>
-			<el-table-column label="Repetition" align="center" width="120">
+			</el-table-column> -->
+			<!-- <el-table-column label="Repetition" align="center" width="120">
 				<template slot-scope="scope">
 					<p style="margin-bottom: 5px;">{{scope.row.repetition}} %</p>
 					<el-button @click="changeRepe(scope.row)" size="mini" type="primary" plain icon="el-icon-edit">
 						Change</el-button>
 				</template>
-			</el-table-column>
-			<el-table-column label="Remarks" align="center">
+			</el-table-column> -->
+			<el-table-column label="Remarks">
 				<template slot-scope="scope">
-					<p style="margin-bottom: 5px;text-align: left;">{{scope.row.remarks}}</p>
-					<el-button @click="testedit(scope.row)" size="mini" type="primary" plain icon="el-icon-edit">Change
-					</el-button>
+					<font style="margin-right: 10px;">{{scope.row.remarks}}</font>
+					<b @click="testedit(scope.row)" class="btnCliArt">
+						<i class="el-icon-edit"></i> Change
+					</b>
 				</template>
 			</el-table-column>
 		</el-table>
+		
+		
 		<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>
@@ -404,7 +612,7 @@
 					state: -1,
 					act: 1,
 					pageIndex: 1,
-					pageSize: 50
+					pageSize: 20
 				},
 				tableData: [],
 				multipleSelection: [],
@@ -1093,10 +1301,70 @@
 		height: 40px;
 	}
 
-	.item {
-		margin-top: 5px;
+
+	.tab_tie_col {
+		margin-bottom: 5px;
+		color: #333;
+		word-wrap: break-word;
+		word-break: normal;
 	}
 
+	.tab_tie_col>span {
+		color: #888;
+		margin: 0 5px 0 0;
+		font-size: 13px;
+	}
+
+	.btnCliArt {
+		color: #006699;
+		font-weight: normal;
+	}
+
+	.btnCliArt:hover {
+		cursor: pointer;
+		text-decoration: underline;
+	}
+
+	.btnCliArt i {
+		margin-right: 2px;
+	}
+
+	.mangu_list {
+		color: #333;
+		margin: 0 0 20px 0;
+		font-size: 14px;
+		padding: 20px;
+		border-radius: 5px;
+		border: 1px solid #EBEEF5;
+		background-color: #fff;
+		position: relative;
+	}
+
+	.mangu_list:hover {
+		box-shadow: 0 2px 12px 0 #0066991a;
+	}
+
+	.mangu_list>div {
+		margin-bottom: 8px;
+	}
+
+	.mangu_list .man_title {
+		margin: 2px 100px 10px 0;
+		font-weight: bolder;
+		letter-spacing: -0.5px;
+		font-size: 16px;
+		cursor: pointer;
+		display: inline-block;
+		line-height: 22px;
+	}
+
+	.mangu_list .man_title b:hover {
+		text-decoration: underline;
+	}
+
+
+
+
 	.gugeList {
 		font-size: 14px;
 		border: 2px dashed #eee;