diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index a8cba3f..98a08dc 100644
--- a/src/assets/css/main.css
+++ b/src/assets/css/main.css
@@ -61,7 +61,7 @@ a {
 
 .content_l .link_jour {
 	position: fixed;
-	top: 65px;
+	top: 72px;
 	right: 50%;
 	margin-right: -640px;
 	font-weight: bold;
diff --git a/src/assets/img/login-bg.jpg b/src/assets/img/login-bg.jpg
index bd2ba25..799022f 100644
Binary files a/src/assets/img/login-bg.jpg and b/src/assets/img/login-bg.jpg differ
diff --git a/src/assets/img/login-bg1.jpg b/src/assets/img/login-bg1.jpg
new file mode 100644
index 0000000..bd2ba25
Binary files /dev/null and b/src/assets/img/login-bg1.jpg differ
diff --git a/src/components/common/Header.vue b/src/components/common/Header.vue
index e5db16f..2c07d29 100644
--- a/src/components/common/Header.vue
+++ b/src/components/common/Header.vue
@@ -1,258 +1,325 @@
 <template>
-    <div class="header">
-        <!-- 折叠按钮 -->
-        <div class="collapse-btn" @click="collapseChage">
-            <i v-if="!collapse" class="el-icon-s-fold"></i>
-            <i v-else class="el-icon-s-unfold"></i>
-        </div>
-        <div class="logo">
-            <img src="../../assets/img/logo.png" />
-            {{ $t('system.title') }}
-        </div>
-        <div class="header-right">
-            <div class="header-user-con">
-                <div class="changelang">
-                    <el-dropdown trigger="click" @command="chengelang">
-                        <span class="el-dropdown-link">
-                            language
-                            <i class="el-icon-arrow-down el-icon--right"></i>
-                        </span>
-                        <el-dropdown-menu slot="dropdown">
-                            <el-dropdown-item command="en">english</el-dropdown-item>
-                            <el-dropdown-item command="zh">中文简体</el-dropdown-item>
-                        </el-dropdown-menu>
-                    </el-dropdown>
-                </div>
-                <!-- 全屏显示 -->
-                <div class="btn-fullscreen" @click="handleFullScreen">
-                    <el-tooltip effect="dark" :content="fullscreen ? $t('system.noscreen') : $t('system.screen')" placement="bottom">
-                        <i class="el-icon-rank"></i>
-                    </el-tooltip>
-                </div>
-                <!-- 消息中心 -->
+	<div class="header">
+		<!-- 折叠按钮 -->
+		<div class="collapse-btn" @click="collapseChage">
+			<i v-if="!collapse" class="el-icon-s-fold"></i>
+			<i v-else class="el-icon-s-unfold"></i>
+		</div>
+		<div class="logo">
+			<img src="../../assets/img/logo.png" />
+			{{ $t('system.title') }}
+		</div>
+		<div class="header-right">
+			<div class="header-user-con">
+				<div class="changelang">
+					<el-dropdown trigger="click" @command="chengelang">
+						<span class="el-dropdown-link">
+							language
+							<i class="el-icon-arrow-down el-icon--right"></i>
+						</span>
+						<el-dropdown-menu slot="dropdown">
+							<el-dropdown-item command="en">english</el-dropdown-item>
+							<el-dropdown-item command="zh">中文简体</el-dropdown-item>
+						</el-dropdown-menu>
+					</el-dropdown>
+				</div>
+				<!-- 全屏显示 -->
+				<div class="btn-fullscreen" @click="handleFullScreen">
+					<el-tooltip effect="dark" :content="fullscreen ? $t('system.noscreen') : $t('system.screen')" placement="bottom">
+						<i class="el-icon-rank"></i>
+					</el-tooltip>
+				</div>
+				<!-- 消息中心 -->
+				
+				
+				<!-- 身份切换 -->
+				<span style="font-size: 14px;margin-right: 8px;" v-if="this.user_cap.includes('author')">View as :</span>
+				<el-dropdown class="link_role" trigger="click" v-if="this.user_cap.includes('author')">
+					<span style="color: #fff;cursor: pointer;">
+						 Author<i class="el-icon-arrow-down el-icon--right"></i>
+					</span>
+					<el-dropdown-menu :default-active="onRoutes" router slot="dropdown" style="cursor: pointer;">
+						<router-link :to="{path:'/dashboard'}">
+							<el-dropdown-item>Author</el-dropdown-item>
+						</router-link>
+						<router-link :to="{path:'/managing'}" v-if="this.user_cap.includes('chief')">
+							<el-dropdown-item>Editor-in-Chief</el-dropdown-item>
+						</router-link>
+						<router-link :to="{path:'/editorial'}" v-if="this.user_cap.includes('board')">
+							<el-dropdown-item>Editorial board member</el-dropdown-item>
+						</router-link>
+						<router-link :to="{path:'/peerewer'}" v-if="this.user_cap.includes('reviewer')">
+							<el-dropdown-item>Reviewer</el-dropdown-item>
+						</router-link>
+						<!-- <router-link :to="{path:'/youthed'}" v-if="this.user_cap.includes('yboard')">
+							<el-dropdown-item>Young scientist member</el-dropdown-item>
+						</router-link> -->
+					</el-dropdown-menu>
+				</el-dropdown>
+				
 
-                <!-- 用户头像 -->
-                <div class="user-avator" @click="skip_link()" v-if="hasorcie">
-                    <el-tooltip class="item" effect="light" content="Link to Orcid" placement="bottom-end">
-                        <img src="../../assets/img/orcid.png" />
-                    </el-tooltip>
-                </div>
-                <div class="user-avator" @click="skip_check()" v-else>
-                    <el-tooltip class="item" effect="light" content="Connect to ORCID" placement="bottom-end">
-                        <img src="../../assets/img/orcno.png" />
-                    </el-tooltip>
-                </div>
-                <!-- 用户名下拉菜单 -->
-                <el-dropdown class="user-name" trigger="click" @command="handleCommand">
-                    <span class="el-dropdown-link">
-                        {{ username }}
-                        <i class="el-icon-caret-bottom"></i>
-                    </span>
-                    <el-dropdown-menu slot="dropdown">
-                        <el-dropdown-item divided command="loginout">{{ $t('system.loyout') }}</el-dropdown-item>
-                    </el-dropdown-menu>
-                </el-dropdown>
-            </div>
-        </div>
-    </div>
+				<!-- 用户头像 -->
+				<div class="user-avator" @click="skip_link()" v-if="hasorcie">
+					<el-tooltip class="item" effect="light" content="Link to Orcid" placement="bottom-end">
+						<img src="../../assets/img/orcid.png" />
+					</el-tooltip>
+				</div>
+				<div class="user-avator" @click="skip_check()" v-else>
+					<el-tooltip class="item" effect="light" content="Connect to ORCID" placement="bottom-end">
+						<img src="../../assets/img/orcno.png" />
+					</el-tooltip>
+				</div>
+				<!-- 用户名下拉菜单 -->
+				<el-dropdown class="user-name" trigger="click" @command="handleCommand">
+					<span class="el-dropdown-link">
+						{{ username }}
+						<i class="el-icon-caret-bottom"></i>
+					</span>
+					<el-dropdown-menu slot="dropdown">
+						<el-dropdown-item divided command="loginout">{{ $t('system.loyout') }}</el-dropdown-item>
+					</el-dropdown-menu>
+				</el-dropdown>
+			</div>
+		</div>
+	</div>
 </template>
 <script>
-import bus from '../common/bus';
-export default {
-    data() {
-        return {
-            collapse: false,
-            fullscreen: false,
-            name: 'unknown user',
-            message: 2,
-            hasorcie: false,
-            orcid: '',
-            orcidLink:
-                'https://orcid.org/oauth/authorize?client_id=APP-PKF0BGRP6DWM6FUB&response_type=code&scope=/authenticate&redirect_uri=https://submission.tmrjournals.com/orcidBind',
-            langArr: [
-                { value: 'zh', label: '中文' },
-                { value: 'en', label: 'English' }
-            ]
-        };
-    },
-    created() {
-        this.initORCID();
-    },
-    computed: {
-        username() {
-            let username = localStorage.getItem('U_name');
-            return username ? username : this.name;
-        },
-        userrole() {
-            let userrole = localStorage.getItem('U_status');
-            if (userrole == 1) {
-                return this.$t('total.author');
-            } else if (userrole == 2) {
-                return this.$t('total.editor');
-            } else if (userrole == 'admin') {
-                return this.$t('total.admin');
-            } else {
-                return this.$t('total.reviewers');
-            }
-        }
-    },
-    methods: {
-        // 用户名下拉菜单选择事件
-        handleCommand(command) {
-            if (command == 'loginout') {
-                localStorage.removeItem('U_name');
-                localStorage.removeItem('U_status');
-                this.$router.push('/login');
-            }
-        },
-        // 侧边栏折叠
-        collapseChage() {
-            this.collapse = !this.collapse;
-            bus.$emit('collapse', this.collapse);
-        },
-        //判断orcid
-        initORCID() {
-            this.$api
-                .post('api/user/checkOrcid', { account: localStorage.getItem('U_name') })
-                .then((res) => {
-                    this.hasorcie = res.userinfo.orcid == '' ? false : true;
-                    this.orcid = res.userinfo.orcid;
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-        },
-        // 全屏事件
-        handleFullScreen() {
-            let element = document.documentElement;
-            if (this.fullscreen) {
-                if (document.exitFullscreen) {
-                    document.exitFullscreen();
-                } else if (document.webkitCancelFullScreen) {
-                    document.webkitCancelFullScreen();
-                } else if (document.mozCancelFullScreen) {
-                    document.mozCancelFullScreen();
-                } else if (document.msExitFullscreen) {
-                    document.msExitFullscreen();
-                }
-            } else {
-                if (element.requestFullscreen) {
-                    element.requestFullscreen();
-                } else if (element.webkitRequestFullScreen) {
-                    element.webkitRequestFullScreen();
-                } else if (element.mozRequestFullScreen) {
-                    element.mozRequestFullScreen();
-                } else if (element.msRequestFullscreen) {
-                    // IE11
-                    element.msRequestFullscreen();
-                }
-            }
-            this.fullscreen = !this.fullscreen;
-        },
-        //切换语言
-        chengelang(commond) {
-            localStorage.setItem('langs', commond);
-            this.$router.go(0);
-        },
-        skip_link() {
-            location.href = 'https://orcid.org/'+this.orcid;
-        },
-        skip_check(){
-            location.href = this.orcidLink;
-        }
-    },
-    mounted() {
-        if (document.body.clientWidth < 1000) {
-            this.collapseChage();
-        }
-    }
-};
+	import bus from '../common/bus';
+	export default {
+		data() {
+			return {
+				collapse: false,
+				fullscreen: false,
+				name: 'unknown user',
+				message: 2,
+				hasorcie: false,
+				link_path: '',
+				user_cap: localStorage.getItem('U_role'),
+				orcid: '',
+				orcidLink: 'https://orcid.org/oauth/authorize?client_id=APP-PKF0BGRP6DWM6FUB&response_type=code&scope=/authenticate&redirect_uri=https://submission.tmrjournals.com/orcidBind',
+				langArr: [{
+						value: 'zh',
+						label: '中文'
+					},
+					{
+						value: 'en',
+						label: 'English'
+					}
+				]
+			};
+		},
+		created() {
+			this.initORCID();
+		},
+		computed: {
+			username() {
+				let username = localStorage.getItem('U_name');
+				return username ? username : this.name;
+			},
+			onRoutes() {
+				0
+				return this.$route.path.replace('/', '');
+			},
+			userrole() {
+				let userrole = localStorage.getItem('U_status');
+				if (userrole == 1) {
+					return this.$t('total.author');
+				} else if (userrole == 2) {
+					return this.$t('total.editor');
+				} else if (userrole == 'admin') {
+					return this.$t('total.admin');
+				} else {
+					return this.$t('total.reviewers');
+				}
+			}
+		},
+		methods: {
+			// 用户名下拉菜单选择事件
+			handleCommand(command) {
+				if (command == 'loginout') {
+					localStorage.removeItem('U_role');
+					localStorage.removeItem('U_id');
+					localStorage.removeItem('U_name');
+					localStorage.removeItem('U_status');
+					localStorage.removeItem('journal_id');
+					localStorage.removeItem('journal_title');
+					this.$router.push('/login');
+				}
+			},
+			// 侧边栏折叠
+			collapseChage() {
+				this.collapse = !this.collapse;
+				bus.$emit('collapse', this.collapse);
+			},
+			//判断orcid
+			initORCID() {
+				this.$api
+					.post('api/user/checkOrcid', {
+						account: localStorage.getItem('U_name')
+					})
+					.then((res) => {
+						this.hasorcie = res.userinfo.orcid == '' ? false : true;
+						this.orcid = res.userinfo.orcid;
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			},
+			// 全屏事件
+			handleFullScreen() {
+				let element = document.documentElement;
+				if (this.fullscreen) {
+					if (document.exitFullscreen) {
+						document.exitFullscreen();
+					} else if (document.webkitCancelFullScreen) {
+						document.webkitCancelFullScreen();
+					} else if (document.mozCancelFullScreen) {
+						document.mozCancelFullScreen();
+					} else if (document.msExitFullscreen) {
+						document.msExitFullscreen();
+					}
+				} else {
+					if (element.requestFullscreen) {
+						element.requestFullscreen();
+					} else if (element.webkitRequestFullScreen) {
+						element.webkitRequestFullScreen();
+					} else if (element.mozRequestFullScreen) {
+						element.mozRequestFullScreen();
+					} else if (element.msRequestFullscreen) {
+						// IE11
+						element.msRequestFullscreen();
+					}
+				}
+				this.fullscreen = !this.fullscreen;
+			},
+			//切换语言
+			chengelang(commond) {
+				localStorage.setItem('langs', commond);
+				this.$router.go(0);
+			},
+			skip_link() {
+				location.href = 'https://orcid.org/' + this.orcid;
+			},
+			skip_check() {
+				location.href = this.orcidLink;
+			}
+		},
+		mounted() {
+			if (document.body.clientWidth < 1000) {
+				this.collapseChage();
+			}
+		},
+		watch: {
+			$route: {
+				handler: function(route) {
+					this.link_path = route.path
+				},
+				immediate: true
+			}
+		}
+	};
 </script>
 <style scoped>
-.header {
-    position: relative;
-    box-sizing: border-box;
-    width: 100%;
-    height: 70px;
-    font-size: 22px;
-    color: #fff;
-}
-.collapse-btn {
-    float: left;
-    padding: 0 21px;
-    cursor: pointer;
-    line-height: 70px;
-}
-.header .logo {
-    float: left;
-    width: 350px;
-    vertical-align: middle;
-    line-height: 70px;
-}
-.header .logo img {
-    width: 90px;
-    height: 25px;
-    vertical-align: middle;
-}
-.header-right {
-    float: right;
-    padding-right: 50px;
-}
-.header-user-con {
-    display: flex;
-    height: 70px;
-    align-items: center;
-}
-.btn-fullscreen {
-    transform: rotate(45deg);
-    margin-right: 5px;
-    font-size: 24px;
-}
-.changelang {
-    position: relative;
-    width: 90px;
-    height: 30px;
-}
-.btn-fullscreen {
-    position: relative;
-    width: 30px;
-    height: 30px;
-    text-align: center;
-    border-radius: 15px;
-    cursor: pointer;
-}
-.btn-bell-badge {
-    position: absolute;
-    right: 0;
-    top: -2px;
-    width: 8px;
-    height: 8px;
-    border-radius: 4px;
-    background: #f56c6c;
-    color: #fff;
-}
-.btn-bell .el-icon-bell {
-    color: #fff;
-}
-.user-name {
-    margin-left: 10px;
-}
-.user-avator {
-    margin-left: 20px;
-}
-.user-avator img {
-    display: block;
-    width: 20px;
-    height: 20px;
-}
-.el-dropdown-link {
-    color: #fff;
-    cursor: pointer;
-}
-.el-dropdown-menu__item {
-    text-align: center;
-}
-#colgreen {
-    color: rgb(142, 150, 74);
-}
+	.header {
+		position: relative;
+		box-sizing: border-box;
+		width: 100%;
+		height: 70px;
+		font-size: 22px;
+		color: #fff;
+	}
+
+	.collapse-btn {
+		float: left;
+		padding: 0 21px;
+		cursor: pointer;
+		line-height: 70px;
+	}
+
+	.header .logo {
+		float: left;
+		width: 350px;
+		vertical-align: middle;
+		line-height: 70px;
+	}
+
+	.header .logo img {
+		width: 90px;
+		height: 25px;
+		vertical-align: middle;
+	}
+
+	.header-right {
+		float: right;
+		padding-right: 50px;
+	}
+
+	.header-user-con {
+		display: flex;
+		height: 70px;
+		align-items: center;
+	}
+
+	.btn-fullscreen {
+		transform: rotate(45deg);
+		margin-right: 5px;
+		font-size: 24px;
+	}
+
+	.changelang {
+		position: relative;
+		width: 90px;
+		height: 30px;
+	}
+
+	.btn-fullscreen {
+		position: relative;
+		width: 30px;
+		height: 30px;
+		text-align: center;
+		border-radius: 15px;
+		cursor: pointer;
+	}
+
+	.btn-bell-badge {
+		position: absolute;
+		right: 0;
+		top: -2px;
+		width: 8px;
+		height: 8px;
+		border-radius: 4px;
+		background: #f56c6c;
+		color: #fff;
+	}
+
+	.btn-bell .el-icon-bell {
+		color: #fff;
+	}
+
+	.user-name {
+		margin-left: 10px;
+	}
+
+	.user-avator {
+		margin-left: 20px;
+	}
+
+	.user-avator img {
+		display: block;
+		width: 20px;
+		height: 20px;
+	}
+
+	.el-dropdown-link {
+		color: #fff;
+		cursor: pointer;
+	}
+
+	.el-dropdown-menu__item {
+		text-align: center;
+	}
+
+	#colgreen {
+		color: rgb(142, 150, 74);
+	}
 </style>
diff --git a/src/components/common/Lead.vue b/src/components/common/Lead.vue
index a25b887..8e3290e 100644
--- a/src/components/common/Lead.vue
+++ b/src/components/common/Lead.vue
@@ -3,33 +3,31 @@
 		<div>
 			<div class="logo">
 				<img src="../../assets/img/bit_bug.png" alt="" style="width: 80px;margin-right: 10px;">
-				<!-- <span style="color:#1c66c0" v-if="this.link_path == '/managing'">Chief editor</span>
-				<span style="color:#e26a2d" v-if="this.link_path == '/editorial'">Editorial board</span>
-				<span style="color:#4640c4" v-if="this.link_path == '/peerewer'">Reviewer</span>
-				<span style="color:#cc3646" v-if="this.link_path == '/youthed'">Youth editorial board</span> -->
-				<span v-if="this.link_path == '/managing' || this.link_path == '/man_text'">Chief editor :</span>
-				<span v-if="this.link_path == '/editorial'">Editorial board :</span>
-				<span v-if="this.link_path == '/peerewer'">Reviewer :</span>
-				<span v-if="this.link_path == '/youthed'">Youth editorial board :</span>
-				<!-- <span v-if="this.link_path == '/managing'">主编 :</span>
-				<span v-if="this.link_path == '/editorial'">编委 :</span>
-				<span v-if="this.link_path == '/peerewer'">审稿人 :</span>
-				<span v-if="this.link_path == '/youthed'">青年编委 :</span> -->
-				{{user_name}}
 			</div>
 			<div class="group">
 				Window for manucripts <br/>of Traditional Medicine Research
 			</div>
 			<div class="header-right">
+				<div style="font-size: 18px;text-align: right;">
+					<!-- <span style="color:#1c66c0" v-if="this.link_path == '/managing'">Chief editor</span>
+					<span style="color:#e26a2d" v-if="this.link_path == '/editorial'">Editorial board</span>
+					<span style="color:#4640c4" v-if="this.link_path == '/peerewer'">Reviewer</span>
+					<span style="color:#cc3646" v-if="this.link_path == '/youthed'">Youth editorial board</span> -->
+					<span v-if="this.link_path == '/managing' || this.link_path == '/man_text'">Editor-in-Chief :</span>
+					<span v-if="this.link_path == '/editorial' || this.link_path == '/edit_text'">Editorial board member :</span>
+					<span v-if="this.link_path == '/peerewer' || this.link_path == '/per_text'">Reviewer :</span>
+					<!-- <span v-if="this.link_path == '/youthed'">Young scientist member :</span> -->
+					<b style="margin-left: 5px;">{{user_name}}</b>
+				</div>
 				<div class="header-user-con">
 					<!-- 身份切换 -->
 					<el-dropdown class="link_role" trigger="click">
 						<span>
 							View as : 
-							<span v-if="this.link_path == '/managing' || this.link_path == '/man_text'">Chief editor</span>
-							<span v-if="this.link_path == '/editorial'">Editorial board</span>
-							<span v-if="this.link_path == '/peerewer'">Reviewer</span>
-							<span v-if="this.link_path == '/youthed'">Youth editorial board</span>
+							<span v-if="this.link_path == '/managing' || this.link_path == '/man_text'">Editor-in-Chief</span>
+							<span v-if="this.link_path == '/editorial' || this.link_path == '/edit_text'">Editorial board member</span>
+							<span v-if="this.link_path == '/peerewer' || this.link_path == '/per_text'">Reviewer</span>
+							<!-- <span v-if="this.link_path == '/youthed'">Young scientist member</span> -->
 							<i class="el-icon-arrow-down el-icon--right"></i>
 						</span>
 						<el-dropdown-menu :default-active="onRoutes" router slot="dropdown">
@@ -37,17 +35,17 @@
 								<el-dropdown-item>Author</el-dropdown-item>
 							</router-link>
 							<router-link :to="{path:'/managing'}" v-if="this.user_cap.includes('chief')">
-								<el-dropdown-item>Chief editor</el-dropdown-item>
+								<el-dropdown-item>Editor-in-Chief</el-dropdown-item>
 							</router-link>
 							<router-link :to="{path:'/editorial'}" v-if="this.user_cap.includes('board')">
-								<el-dropdown-item>Editorial board</el-dropdown-item>
+								<el-dropdown-item>Editorial board member</el-dropdown-item>
 							</router-link>
 							<router-link :to="{path:'/peerewer'}" v-if="this.user_cap.includes('reviewer')">
 								<el-dropdown-item>Reviewer</el-dropdown-item>
 							</router-link>
-							<router-link :to="{path:'/youthed'}" v-if="this.user_cap.includes('yboard')">
-								<el-dropdown-item>Youth editorial board</el-dropdown-item>
-							</router-link>
+							<!-- <router-link :to="{path:'/youthed'}" v-if="this.user_cap.includes('yboard')">
+								<el-dropdown-item>Young scientist member</el-dropdown-item>
+							</router-link> -->
 						</el-dropdown-menu>
 					</el-dropdown>
 
@@ -73,7 +71,7 @@
 					user_id: localStorage.getItem('U_id')
 				},
 				link_path: '',
-				user_name: localStorage.getItem('U_name'),
+				user_name: localStorage.getItem('U_relname'),
 				user_cap: localStorage.getItem('U_role'),
 				cate_role: []
 
@@ -161,7 +159,9 @@
 		margin-top: 20px;
 	}
 
-	.header-user-con {}
+	.header-user-con {
+		text-align: right;
+	}
 
 	.link_role {
 		font-weight: bold;
diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue
index 3e0bdd9..d41b274 100644
--- a/src/components/common/Sidebar.vue
+++ b/src/components/common/Sidebar.vue
@@ -1,299 +1,274 @@
 <template>
-    <div class="sidebar">
-        <el-menu
-            class="sidebar-el-menu"
-            :default-active="onRoutes"
-            :collapse="collapse"
-            background-color="#324157"
-            text-color="#bfcbd9"
-            active-text-color="#20a0ff"
-            unique-opened
-            router
-        >
-            <template v-for="item in items">
-                <template v-if="item.subs">
-                    <el-submenu :index="item.index" :key="item.index">
-                        <template slot="title">
-                            <i :class="item.icon"></i>
-                            <span slot="title">{{ item.title }}</span>
-                        </template>
-                        <template v-for="subItem in item.subs">
-                            <el-submenu
-                                v-if="subItem.subs"
-                                :index="subItem.index"
-                                :key="subItem.index"
-                            >
-                                <template slot="title">{{ subItem.title }}</template>
-                                <el-menu-item
-                                    v-for="(threeItem,i) in subItem.subs"
-                                    :key="i"
-                                    :index="threeItem.index"
-                                >{{ threeItem.title }}</el-menu-item>
-                            </el-submenu>
-                            <el-menu-item
-                                v-else
-                                :index="subItem.index"
-                                :key="subItem.index"
-                            >{{ subItem.title }}</el-menu-item>
-                        </template>
-                    </el-submenu>
-                </template>
-                <template v-else>
-                    <el-menu-item :index="item.index" :key="item.index">
-                        <i :class="item.icon"></i>
-                        <span slot="title">{{ item.title }}</span>
-                    </el-menu-item>
-                </template>
-            </template>
-        </el-menu>
-    </div>
+	<div class="sidebar">
+		<el-menu class="sidebar-el-menu" :default-active="onRoutes" :collapse="collapse" background-color="#324157"
+		 text-color="#bfcbd9" active-text-color="#20a0ff" unique-opened router>
+			<template v-for="item in items">
+				<template v-if="item.subs">
+					<el-submenu :index="item.index" :key="item.index">
+						<template slot="title">
+							<i :class="item.icon"></i>
+							<span slot="title">{{ item.title }}</span>
+						</template>
+						<template v-for="subItem in item.subs">
+							<el-submenu v-if="subItem.subs" :index="subItem.index" :key="subItem.index">
+								<template slot="title">{{ subItem.title }}</template>
+								<el-menu-item v-for="(threeItem,i) in subItem.subs" :key="i" :index="threeItem.index">{{ threeItem.title }}</el-menu-item>
+							</el-submenu>
+							<el-menu-item v-else :index="subItem.index" :key="subItem.index">{{ subItem.title }}</el-menu-item>
+						</template>
+					</el-submenu>
+				</template>
+				<template v-else>
+					<el-menu-item :index="item.index" :key="item.index">
+						<i :class="item.icon"></i>
+						<span slot="title">{{ item.title }}</span>
+					</el-menu-item>
+				</template>
+			</template>
+		</el-menu>
+	</div>
 </template>
 
 <script>
-import bus from '../common/bus';
-export default {
-    data() {
-        return {
-            collapse: false,
-            userrole:localStorage.getItem('U_status'),
-            items:[],
-            author_items: [
-                {
-                    icon: 'el-icon-lx-home',
-                    index: 'dashboard',
-                    title: this.$t('sidebar.main')
-                },
-                {
-                    icon: 'el-icon-lx-cascades',
-                    index: '1',
-                    title: this.$t('sidebar.author'),
-                    subs:[
-                        {
-                            index:'articleList',
-                            title:this.$t('sidebar.author1')
-                        },
-                        {
-                            index:'articleAdd',
-                            title:this.$t('sidebar.author2')
-                        }
-                    ]
-                }
-                // {
-                //     icon: 'el-icon-user',
-                //     index: '2',
-                //     title: this.$t('sidebar.reviewerArticle'),
-                //     subs:[
-                //         {
-                //             index:'authorApplyReviewer',
-                //             title:this.$t('sidebar.authorApplyReviewer')
-                //         }
-                //     ]
-                // }
-            ],
-            editor_items:[
-                {
-                    icon: 'el-icon-lx-home',
-                    index: 'dashboard',
-                    title: this.$t('sidebar.main')
-                },
-                {
-                    icon: 'el-icon-lx-copy',
-                    index: '2',
-                    title: this.$t('sidebar.editor'),
-                    subs:[
-                        {
-                            index:'articleListEditor',
-                            title:this.$t('sidebar.editor1')
-                        }
-                    ]
-                },
-				{
-				    icon:'el-icon-paperclip',
-				    index:'4',
-				    title:this.$t('sidebar.editmber'),
-				    subs:[
-				        {
-				            index:'editmbereditor',
-				            title:this.$t('sidebar.editmber1')
-				        }
-				    ]
-				},
-                {
-                    icon:'el-icon-s-custom',
-                    index:'3',
-                    title:this.$t('sidebar.reviewer'),
-                    subs:[
-                        {
-                            index:'reviewerApplyList',
-                            title:this.$t('sidebar.reviewer1')
-                        },
-                        {
-                            index:'reviewerList',
-                            title:this.$t('sidebar.reviewer2')
-                        },
-                        {
-                            index:'reviewerImport',
-                            title:this.$t('sidebar.reviewer3')
-                        }
-                    ]
-                }
-            ],
-            admin_items:[
-                {
-                    icon: 'el-icon-lx-home',
-                    index: 'dashboard',
-                    title: this.$t('sidebar.main')
-                },
-                {
-                    icon: 'el-icon-user',
-                    index: '2',
-                    title: this.$t('sidebar.editormanage'),
-                    subs:[
-                        {
-                            index:'editorList',
-                            title:this.$t('sidebar.editormanage1')
-                        },
-                        {
-                            index:'editorAdd',
-                            title:this.$t('sidebar.editormanage2')
-                        }
-                    ]
-                },
-                {
-                    icon:'el-icon-notebook-1',
-                    index:'3',
-                    title:this.$t('sidebar.journal'),
-                    subs:[
-                        {
-                            index:'journalList',
-                            title:this.$t('sidebar.journal1')
-                        },
-                        {
-                            index:'journalAdd',
-                            title:this.$t('sidebar.journal2')
-                        }
-                    ]
-                },
-                {
-                    icon:'el-icon-search',
-                    index:'4',
-                    title:this.$t('sidebar.monitor'),
-                    subs:[
-                        {
-                            index:'monitorManuscript',
-                            title:this.$t('sidebar.monitor1')
-                        },
-                    ]
+	import bus from '../common/bus';
+	export default {
+		data() {
+			return {
+				collapse: false,
+				userrole: localStorage.getItem('U_status'),
+				user_cap: localStorage.getItem('U_role'),
+				items: [],
+				author_items: [{
+						icon: 'el-icon-lx-home',
+						index: 'dashboard',
+						title: this.$t('sidebar.main')
+					},
+					{
+						icon: 'el-icon-lx-cascades',
+						index: '1',
+						title: this.$t('sidebar.author'),
+						subs: [{
+								index: 'articleList',
+								title: this.$t('sidebar.author1')
+							},
+							{
+								index: 'articleAdd',
+								title: this.$t('sidebar.author2')
+							},
+							{
+								index: 'authorApplyReviewer',
+								title: this.$t('sidebar.authorApplyReviewer')
+							}
+						]
+					}
+					// {
+					//     icon: 'el-icon-user',
+					//     index: '2',
+					//     title: this.$t('sidebar.reviewerArticle'),
+					//     subs:[
+					//         {
+					//             index:'authorApplyReviewer',
+					//             title:this.$t('sidebar.authorApplyReviewer')
+					//         }
+					//     ]
+					// }
+				],
+				editor_items: [{
+						icon: 'el-icon-lx-home',
+						index: 'dashboard',
+						title: this.$t('sidebar.main')
+					},
+					{
+						icon: 'el-icon-lx-copy',
+						index: '2',
+						title: this.$t('sidebar.editor'),
+						subs: [{
+							index: 'articleListEditor',
+							title: this.$t('sidebar.editor1')
+						}]
+					},
+					{
+						icon: 'el-icon-paperclip',
+						index: '4',
+						title: this.$t('sidebar.editmber'),
+						subs: [{
+							index: 'editmbereditor',
+							title: this.$t('sidebar.editmber1')
+						}, {
+							index: 'editmbereditormoshi',
+							title: this.$t('sidebar.editmber2')
+						}, ]
+					},
+					{
+						icon: 'el-icon-s-custom',
+						index: '3',
+						title: this.$t('sidebar.reviewer'),
+						subs: [{
+								index: 'reviewerApplyList',
+								title: this.$t('sidebar.reviewer1')
+							},
+							{
+								index: 'reviewerList',
+								title: this.$t('sidebar.reviewer2')
+							},
+							{
+								index: 'reviewerImport',
+								title: this.$t('sidebar.reviewer3')
+							}
+						]
+					}
+				],
+				admin_items: [{
+						icon: 'el-icon-lx-home',
+						index: 'dashboard',
+						title: this.$t('sidebar.main')
+					},
+					{
+						icon: 'el-icon-connection',
+						index: '5',
+						title: this.$t('sidebar.chief'),
+						subs: [{
+								index: 'chiefeditor',
+								title: this.$t('sidebar.chief1')
+							}
+							// {
+							// 	index: 'chiefperiod',
+							// 	title: this.$t('sidebar.chief2')
+							// }
+						]
+					},
+					{
+						icon: 'el-icon-user',
+						index: '2',
+						title: this.$t('sidebar.editormanage'),
+						subs: [{
+								index: 'editorList',
+								title: this.$t('sidebar.editormanage1')
+							},
+							{
+								index: 'editorAdd',
+								title: this.$t('sidebar.editormanage2')
+							}
+						]
+					},
+					{
+						icon: 'el-icon-notebook-1',
+						index: '3',
+						title: this.$t('sidebar.journal'),
+						subs: [{
+								index: 'journalList',
+								title: this.$t('sidebar.journal1')
+							},
+							{
+								index: 'journalAdd',
+								title: this.$t('sidebar.journal2')
+							}
+						]
+					},
+					{
+						icon: 'el-icon-search',
+						index: '4',
+						title: this.$t('sidebar.monitor'),
+						subs: [{
+							index: 'monitorManuscript',
+							title: this.$t('sidebar.monitor1')
+						}, ]
 
-                },
-				{
-				    icon:'el-icon-connection',
-				    index:'5',
-				    title:this.$t('sidebar.chief'),
-				    subs:[
-				        {
-				            index:'chiefeditor',
-				            title:this.$t('sidebar.chief1')
-				        },
-				        {
-				            index:'chiefperiod',
-				            title:this.$t('sidebar.chief2')
-				        }
-				    ]
-				}
-                // {
-                //     icon:'el-icon-user-solid',
-                //     index:'4',
-                //     title:this.$t('sidebar.reviewer'),
-                //     subs:[
-                //         {
-                //             index:'adminImportReviewer',
-                //             title:this.$t('sidebar.reviewerimport')
-                //         },
-                //         {
-                //             index:'adminImportreviewerError',
-                //             title:this.$t('sidebar.reviewerimporterror')
-                //         }
-                //     ]
-                // }
-            ],
-            reviewer_items:[
-                {
-                    icon: 'el-icon-lx-home',
-                    index: 'dashboard',
-                    title: this.$t('sidebar.main')
-                },
-                {
-                    icon: 'el-icon-lx-cascades',
-                    index: '1',
-                    title: this.$t('sidebar.author'),
-                    subs:[
-                        {
-                            index:'articleList',
-                            title:this.$t('sidebar.author1')
-                        },
-                        {
-                            index:'articleAdd',
-                            title:this.$t('sidebar.author2')
-                        }
-                    ]
-                },
-                {
-                    icon: 'el-icon-user',
-                    index: '2',
-                    title: this.$t('sidebar.reviewerArticle'),
-                    subs:[
-                        {
-                            index:'reviewerArticleList',
-                            title:this.$t('sidebar.reviewerArticle1')
-                        }
-                    ]
-                }
+					}
+					// {
+					//     icon:'el-icon-user-solid',
+					//     index:'4',
+					//     title:this.$t('sidebar.reviewer'),
+					//     subs:[
+					//         {
+					//             index:'adminImportReviewer',
+					//             title:this.$t('sidebar.reviewerimport')
+					//         },
+					//         {
+					//             index:'adminImportreviewerError',
+					//             title:this.$t('sidebar.reviewerimporterror')
+					//         }
+					//     ]
+					// }
+				],
+				reviewer_items: [{
+						icon: 'el-icon-lx-home',
+						index: 'dashboard',
+						title: this.$t('sidebar.main')
+					},
+					{
+						icon: 'el-icon-lx-cascades',
+						index: '1',
+						title: this.$t('sidebar.author'),
+						subs: [{
+								index: 'articleList',
+								title: this.$t('sidebar.author1')
+							},
+							{
+								index: 'articleAdd',
+								title: this.$t('sidebar.author2')
+							}
+						]
+					},
+					{
+						icon: 'el-icon-user',
+						index: '2',
+						title: this.$t('sidebar.reviewerArticle'),
+						subs: [{
+							index: 'reviewerArticleList',
+							title: this.$t('sidebar.reviewerArticle1')
+						}]
+					}
 
-            ]
-        };
-    },
-    computed: {
-        onRoutes() {
-            return this.$route.path.replace('/', '');
-        }
-    },
-    created() {
-        if(this.userrole==2){ //其余的身份（显示作者）
-            this.items = this.author_items;
-        }else if(this.userrole ==1){ //编辑
-            this.items = this.editor_items;
-        }else if(this.userrole==0){ //超级管理员
-            this.items = this.admin_items;
-        }
-		// else if(this.userrole=='reviewer'){
-  //           this.items = this.reviewer_items;
-  //       }
-        // 通过 Event Bus 进行组件间通信，来折叠侧边栏
-        bus.$on('collapse', msg => {
-            this.collapse = msg;
-            bus.$emit('collapse-content', msg);
-        });
-    }
-};
+				]
+			};
+		},
+		computed: {
+			onRoutes() {
+				return this.$route.path.replace('/', '');
+			}
+		},
+		created() {
+			if (this.userrole == 2 && this.user_cap.includes('reviewer')) { //审稿人
+				this.items = this.reviewer_items;
+			} else if (this.userrole == 2) { //其余的身份（显示作者）
+				this.items = this.author_items;
+			} else if (this.userrole == 1) { //编辑
+				this.items = this.editor_items;
+			} else if (this.userrole == 0) { //超级管理员
+				this.items = this.admin_items;
+			}
+			// else if(this.userrole=='reviewer'){
+			//           this.items = this.reviewer_items;
+			//       }
+			// 通过 Event Bus 进行组件间通信，来折叠侧边栏
+			bus.$on('collapse', msg => {
+				this.collapse = msg;
+				bus.$emit('collapse-content', msg);
+			});
+		}
+	};
 </script>
 
 <style scoped>
-.sidebar {
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 70px;
-    bottom: 0;
-    overflow-y: scroll;
-}
-.sidebar::-webkit-scrollbar {
-    width: 0;
-}
-.sidebar-el-menu:not(.el-menu--collapse) {
-    width: 250px;
-}
-.sidebar > ul {
-    height: 100%;
-}
+	.sidebar {
+		display: block;
+		position: absolute;
+		left: 0;
+		top: 70px;
+		bottom: 0;
+		overflow-y: scroll;
+	}
+
+	.sidebar::-webkit-scrollbar {
+		width: 0;
+	}
+
+	.sidebar-el-menu:not(.el-menu--collapse) {
+		width: 250px;
+	}
+
+	.sidebar>ul {
+		height: 100%;
+	}
 </style>
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index 3a5d1ba..dc93775 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -3,7 +3,7 @@ const en = {
 	system: {
 		title: 'Submission System',
 		repassword: 'Forgot your password?',
-		register: 'Not registered yet? Register now.',
+		register: 'Register',
 		orcidlogin: 'Login with your ORCID iD',
 		login: 'Log in',
 		forgetpwd: 'Find Your Password',
@@ -51,7 +51,7 @@ const en = {
 		chief2: 'Journal list',
 		editmber: 'Editorial management',
 		editmber1: 'Editorial board list',
-		editmber2: 'Journal List'
+		editmber2: 'Matching pattern'
 	},
 	home: {
 		authortop: 'Author guide',
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index c8db648..37168d5 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -51,7 +51,7 @@ const zh = {
 		chief2: '期刊列表',
 		editmber: '编委管理',
 		editmber1: '编委列表',
-		editmber2: '期刊列表'
+		editmber2: '编委匹配'
 	},
 	home: {
 		authortop: '用户指南',
diff --git a/src/components/page/Dashboard.vue b/src/components/page/Dashboard.vue
index 045f538..64d22c0 100644
--- a/src/components/page/Dashboard.vue
+++ b/src/components/page/Dashboard.vue
@@ -2,7 +2,7 @@
 	<div>
 		<el-row :gutter="20">
 			<el-row :gutter="20">
-				<el-col :span="4" v-if="this.usercap.includes('chief')">
+			<!-- 	<el-col :span="4" v-if="this.usercap.includes('chief')">
 					<router-link target="_blank" :to="{path:'/managing'}">
 						<div class="grid-jue1">
 							<svg t="1629185957321" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -15,8 +15,8 @@
 							<p>{{$t('charact.role1')}}</p>
 						</div>
 					</router-link>
-				</el-col>
-				<el-col :span="4" v-if="this.usercap.includes('board')">
+				</el-col> -->
+				<!-- <el-col :span="4" v-if="this.usercap.includes('board')">
 					<router-link target="_blank" :to="{path:'/editorial'}">
 						<div class="grid-jue2">
 							<svg t="1629186126715" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -60,8 +60,9 @@
 							<p>{{$t('charact.role4')}}</p>
 						</div>
 					</router-link>
-				</el-col>
+				</el-col> -->
 			</el-row>
+
 			<el-col :span="10" v-show="userrole=='reviewer'||userrole==1">
 				<el-card shadow="hover">
 					<div slot="header" class="clearfix">
diff --git a/src/components/page/Login.vue b/src/components/page/Login.vue
index 07e135d..d9913ac 100644
--- a/src/components/page/Login.vue
+++ b/src/components/page/Login.vue
@@ -15,24 +15,104 @@
 						<!-- <el-button slot="prepend" icon="el-icon-lx-lock"></el-button> -->
 					</el-input>
 				</el-form-item>
+				<!-- <el-form-item prop="code">
+					<el-row :span="24">
+						<el-col :span="16">
+							<el-input size="small" v-model="param.code" auto-complete="off" placeholder="captcha">
+								<i slot="prefix" class="el-icon-key" />
+							</el-input>
+						</el-col>
+						<el-col :span="8">
+							<div class="login-code">
+								<img :src="param.image" @click="refreshCode" alt="captcha" class="captchaimg" />
+							</div>
+						</el-col>
+					</el-row>
+				</el-form-item> -->
 				<div class="login-btn">
 					<el-button type="primary" @click="submitForm()">{{ $t('system.login') }}</el-button>
 				</div>
 				<el-row style="text-align: left">
-					<el-col :span="24">
-						<el-link :underline="false" type="primary" @click="doRetrieve()">{{ $t('system.repassword') }}</el-link>
+					<el-col :span="12">
+						<el-link :underline="false" type="primary" @click="doRetrieve()" style="font-size:12px">{{ $t('system.repassword') }}</el-link>
 					</el-col>
-					<el-col :span="24">
-						<el-link :underline="false" type="primary" @click="doRegister()">{{ $t('system.register') }}</el-link>
+					<el-col :span="12" style="text-align: right;padding-right: 15px;">
+						<el-link :underline="false" type="primary" @click="doRegister()" style="font-size:12px">{{ $t('system.register') }}</el-link>
 					</el-col>
 					<el-col :span="24" style="margin-top: 5px">
-						<el-link :underline="false" type="primary" @click="skip_check()">
-							<img class="orcid" src="../../assets/img/orcid.png" style="float: left; margin: -1px 5px 0 0" />{{$t('system.orcidlogin')}}
+						<el-link :underline="false" type="primary" @click="skip_check()" style="font-size:12px">
+							<img class="orcid" src="../../assets/img/orcid.png" style="float: left; margin: -1px 5px 0 0;" />{{$t('system.orcidlogin')}}
 						</el-link>
 					</el-col>
 				</el-row>
 			</el-form>
 		</div>
+
+		<el-dialog title="Please select your role." :close-on-click-modal="showCLO" :show-close="showCLO" :visible.sync="roleVisible"
+		 width="400px" class="show_CLO">
+			<p @click="Auth()">
+				<svg t="1629711630755" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2987"
+				 width="25" height="25" style="margin: 0 10px -5px 0;">
+					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#7FA7DA" p-id="2988"></path>
+					<path d="M504.723 728.44l-36.378-25.19c-5.317-3.719-7.773-10.387-6.124-16.697l30.488-118.104a15.659 15.659 0 0 0-2.13-12.494l-6.543-9.975c-1.832-2.756-2.706-6.006-2.55-9.314v-1.27c0.41-8.037 6.934-14.463 15.015-14.797h29.431c8.086 0.326 14.594 6.76 15.021 14.797v1.27c0.149 3.309-0.717 6.559-2.521 9.314l-6.381 9.762c-2.465 3.818-3.179 8.531-1.893 12.889l25.613 87.398c48.098-45.078 119.96-76.627 202.328-85.217-31.28-31.619-69.935-55.099-112.602-68.203a15.012 15.012 0 0 1-9.791-11.244 15.053 15.053 0 0 1 4.721-14.174c57.816-53.109 77.1-136.276 48.602-209.417-28.504-73.164-98.977-121.342-177.49-121.342S362.554 194.61 334.017 267.774c-28.503 73.142-9.185 156.309 48.6 209.417a15.1 15.1 0 0 1 4.66 14.238c-1.112 5.227-4.895 9.494-9.941 11.174a264.929 264.929 0 0 0-122.337 79.787 192.465 192.465 0 0 0-49.745 112.816c2.634 28.223 21.614 52.26 48.473 61.387a335.914 335.914 0 0 0 82.538 23.311 1114.479 1114.479 0 0 0 156.52 13.727c-0.036-1.384-0.074-2.767-0.074-4.156-0.003-21.173 4.193-41.649 12.012-61.035z"
+					 fill="#FFFFFF" p-id="2989"></path>
+					<path d="M687.203 779.904a336.495 336.495 0 0 0 82.342-23.311c26.645-9.01 45.563-32.736 48.48-60.734-0.656-17.986-4.598-35.742-11.654-52.287a226.86 226.86 0 0 0-37.459-61.182 269.965 269.965 0 0 0-10.814-11.578c-82.368 8.59-154.23 40.139-202.328 85.217l8.875 30.285a15.732 15.732 0 0 1-6.129 17.182l-35.984 24.959a15.65 15.65 0 0 1-17.787 0l-0.021-0.015c-7.818 19.386-12.014 39.861-12.014 61.034 0 1.39 0.038 2.772 0.074 4.156a1114.705 1114.705 0 0 0 194.419-13.726z"
+					 fill="#FFFFFF" opacity=".4" p-id="2990"></path>
+				</svg>
+				Author</p>
+			<p @click="Chie()">
+				<svg t="1629711490391" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2531"
+				 width="25" height="25" style="margin: 0 10px -5px 0;">
+					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#40F4B1" p-id="2532"></path>
+					<path d="M822.487 729.079a126.154 126.154 0 0 0-36.875-89.307 126.16 126.16 0 0 0-89.255-37.008c-69.625 0-126.097 56.443-126.122 126.067-0.035 69.639 56.36 126.121 125.995 126.193 69.64 0.076 126.157-56.295 126.257-125.945z m-144.181 50.9v-32.838h-33.021c-9.965 0-18.05-8.073-18.05-18.063 0-9.963 8.085-18.052 18.05-18.052h32.92v-33.02c0-9.964 8.087-18.063 18.063-18.063 9.979 0 18.05 8.099 18.05 18.063v33.02h33.021c9.979 0 18.052 8.089 18.052 18.052 0 9.988-8.072 18.063-18.052 18.063l0.089-0.185h-33.005v33.022c0 9.962-8.089 18.049-18.063 18.049-9.968 0-18.054-8.088-18.054-18.048z"
+					 fill="#FFFFFF" p-id="2533"></path>
+					<path d="M452.472 248.657a218.07 218.07 0 0 0-12.502-72.986c-140.39 20.077-244.619 140.352-244.556 282.155v6.307c63.757 11.461 129.321-5.964 178.968-47.585 49.638-41.598 78.254-103.114 78.09-167.891z"
+					 fill="#FFFFFF" opacity=".4" p-id="2534"></path>
+					<path d="M764.74 443.625a284.676 284.676 0 0 0-103.307-205.977A284.582 284.582 0 0 0 439.49 175.67c25.99 73.28 11.083 154.857-39.168 214.197-50.236 59.354-128.24 87.528-204.81 73.98 2.208 99.91 56.703 191.328 143.531 240.791 11.118 6.378 16.281 19.655 12.417 31.878-17.596 23.415-26.614 64.813-30.566 87.467a13.616 13.616 0 0 0 3.069 11.114 13.617 13.617 0 0 0 10.464 4.787l230.064-0.564a13.742 13.742 0 0 0 12.322-8.013 13.72 13.72 0 0 0-1.978-14.565 146.431 146.431 0 0 1-30.665-112.204 146.655 146.655 0 0 1 63.071-100.79 146.58 146.58 0 0 1 117.05-20.91c6.246 1.472 12.678-1.693 15.327-7.534a283.56 283.56 0 0 0 25.122-131.679z m-195.914 28.973a88.195 88.195 0 0 1-45.906 77.306 88.12 88.12 0 0 1-130.546-77.306h-0.382a20.628 20.628 0 0 1 9.855-18.996 20.582 20.582 0 0 1 21.398 0 20.6 20.6 0 0 1 9.854 18.996 47.004 47.004 0 0 0 24.493 41.214c0.049 0.118 0.097 0.242 0.149 0.36a47.033 47.033 0 0 0 46.972-0.612c14.428-8.564 23.189-24.176 23.008-40.962a20.593 20.593 0 0 1 9.854-18.995 20.58 20.58 0 0 1 21.397 0 20.626 20.626 0 0 1 9.854 18.995z"
+					 fill="#FFFFFF" p-id="2535"></path>
+				</svg>
+				Editor-in-Chief</p>
+			<p @click="Edit()">
+				<svg t="1629711441707" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2223"
+				 width="25" height="25" style="margin: 0 10px -5px 0;">
+					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#4186F5" p-id="2224"></path>
+					<path d="M512.029 499.191c92.589 0 167.168-74.101 167.168-167.333 0-93.231-74.579-167.342-167.168-167.342-92.573 0-167.151 74.111-167.151 167.342 0 93.234 74.578 167.333 167.151 167.333z"
+					 fill="#FFFFFF" p-id="2225"></path>
+					<path d="M578.89 529.91H444.596c-32.669 0-63.64 7.526-91.455 20.98 64.716 18.081 113.848 46.562 136.153 80.324 0.521-0.349 1.05-0.69 1.6-1.021l20.849-11.089 20.849 11.089c12.859 7.722 18.009 20.583 10.3 33.438L515.985 745.5c39.281 24.745 52.706 59.31 66.504 93.009 121.685-0.007 214.991-0.65 214.991-66.871v-12.855c0-126.017-97.721-228.873-218.59-228.873z"
+					 fill="#FFFFFF" p-id="2226"></path>
+					<path d="M245.204 812.252c33.354 25.9 107.015 26.252 195.792 26.257 13.798-33.699 27.223-68.264 66.504-93.009l-13.333-40.567c-28.347 54.746-126.231 97.296-248.963 107.319z"
+					 fill="#FFFFFF" p-id="2227"></path>
+					<path d="M353.141 550.891c-75.094 36.324-127.136 115.936-127.136 207.892v12.855c0 17.908 6.835 31.013 19.199 40.614 122.731-10.023 220.616-52.573 248.963-107.319l-13.574-41.301c-7.38-12.306-2.971-24.614 8.7-32.417-22.304-33.763-71.436-62.243-136.152-80.324z"
+					 fill="#FFFFFF" opacity=".4" p-id="2228"></path>
+				</svg>
+				Editorial board member</p>
+			<p @click="Revi()">
+				<svg t="1629711454087" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2378"
+				 width="25" height="25" style="margin: 0 10px -5px 0;">
+					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#CF89AE" p-id="2379"></path>
+					<path d="M416.015 744.196c-4.438-85.765 48.841-162.493 91.021-198.598 6.661-6.778 11.096-11.283 17.754-15.805-8.881-20.309-15.542-42.879-15.542-67.705 0-78.995 62.16-144.433 142.076-144.433 55.499 0 102.125 31.6 126.547 76.725V299.6c0-51.909-42.181-92.529-93.235-92.529H457.847c5.938 16.911 9.145 34.846 9.145 53.429 0 49.305-22.479 94.079-59.07 127.114h23.635c4.579 0 8.106 2.135 9.864 5.669 0.764 1.536 1.186 3.342 1.221 5.347 0.001 0.091 0.012 0.178 0.012 0.27 0 0.093-0.011 0.181-0.012 0.273-0.035 2.004-0.457 3.808-1.22 5.344-1.758 3.534-5.285 5.669-9.864 5.669h-53.782c-34.946 21.597-77.765 34.313-124.027 34.313-18.321 0-36.101-1.996-53.067-5.745V726.15c0 49.65 42.181 90.273 93.235 90.273h173.166c-31.09-11.284-48.847-33.849-51.068-72.227zM287.252 489.173c0-6.759 4.447-11.274 11.111-11.274h133.191c6.66 0 11.098 4.518 11.097 11.274v0.002c0.001 6.772-4.437 11.286-11.097 11.286H298.363c-4.451 0-11.111-4.512-11.111-11.286v-0.002z m88.801 90.284c0 4.651-2.096 8.235-5.569 10.021-0.632 0.324-1.31 0.591-2.027 0.791a12.861 12.861 0 0 1-3.497 0.461h-66.595c-3.94 0-7.095-1.585-9.024-4.271-1.333-1.857-2.086-4.236-2.086-7.002v-0.002c0-2.837 0.788-5.269 2.182-7.146 0.063-0.085 0.119-0.177 0.185-0.259 0.024-0.029 0.052-0.057 0.077-0.087 1.951-2.398 4.964-3.794 8.667-3.794h66.595c6.659 0 11.093 4.507 11.093 11.286v0.002h-0.001z"
+					 fill="#FFFFFF" p-id="2380"></path>
+					<path d="M442.651 398.9c0 0.093-0.011 0.181-0.012 0.273 0.003-0.091 0.012-0.179 0.012-0.273zM441.419 393.283c0.764 1.536 1.185 3.342 1.221 5.347-0.036-2.005-0.456-3.811-1.221-5.347zM431.556 410.186h-53.781l-0.001 0.001 53.782-0.001c4.579 0.001 8.106-2.134 9.864-5.668-1.758 3.533-5.286 5.668-9.864 5.668zM370.483 589.479zM287.254 579.457c0 2.766 0.753 5.145 2.086 7.002-1.332-1.857-2.085-4.237-2.086-7.002zM298.365 568.169c-3.703 0-6.716 1.396-8.667 3.794 1.951-2.4 4.965-3.794 8.667-3.794zM370.483 589.479c3.474-1.786 5.569-5.37 5.569-10.021v-0.001c0.001 4.651-2.095 8.235-5.569 10.022zM289.437 572.309c0.063-0.085 0.119-0.177 0.185-0.259-0.067 0.082-0.122 0.174-0.185 0.259zM298.363 477.898h133.191c6.659 0 11.096 4.517 11.097 11.274v-0.001c0.001-6.757-4.437-11.274-11.097-11.274l-133.191 0.001c-6.664-0.001-11.111 4.516-11.111 11.273v0.001c0.001-6.757 4.448-11.274 11.111-11.274zM751.233 572.678c-24.429-22.569-44.41-27.078-51.066-27.078 28.863-15.805 46.616-47.403 46.616-83.505 0-54.162-42.166-97.044-95.46-97.044-53.274 0-95.443 42.882-93.232 97.044 0 36.102 17.768 65.456 46.614 83.505h-11.091c-0.002 0-22.206 0-55.503 27.078-33.301 27.085-73.258 85.758-71.032 153.475 2.209 67.7 73.251 67.7 177.588 67.7 104.341 0 175.386 0 177.601-67.7 2.221-67.717-39.959-124.142-71.035-153.475zM287.252 398.899c0-6.77 6.66-11.284 11.111-11.284h109.555l0.002-0.001H298.363c-4.451 0-11.111 4.513-11.111 11.285z"
+					 fill="#FFFFFF" p-id="2381"></path>
+					<path d="M377.771 410.187h-79.408c-4.451 0-11.111-4.516-11.111-11.286 0-6.772 6.66-11.286 11.111-11.286H407.92c36.592-33.035 59.07-77.809 59.07-127.114 0-18.583-3.205-36.519-9.145-53.429H293.913c-51.053 0-93.235 40.622-93.235 92.529v139.155c16.966 3.75 34.746 5.745 53.067 5.745 46.263-0.001 89.081-12.718 124.026-34.314z"
+					 fill="#FFFFFF" opacity=".4" p-id="2382"></path>
+					<path d="M298.363 410.186c-4.451 0-11.11-4.515-11.111-11.286 0 6.77 6.66 11.287 11.111 11.286l79.408 0.001 0.002-0.001h-79.41z"
+					 fill="#FFFFFF" p-id="2383"></path>
+				</svg>
+				Reviewer</p>
+			<p @click="Yout()">
+				<svg t="1629711576551" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2835"
+				 width="25" height="25" style="margin: 0 10px -5px 0;">
+					<path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#F9A336" p-id="2836"></path>
+					<path d="M478.863 281.379c27.563-14.681 61.525-10.109 84.158 11.295a13.88 13.88 0 0 0 12.704 3.952 215.253 215.253 0 0 0 51.233-18.685c4.016-2.174 6.773-6.108 7.419-10.591 0.655-4.485-0.902-9.027-4.147-12.209l-36.441-36.196c-46.007-45.536-120.585-45.536-166.592 0L271.128 372.822l-2.682 3.643c-8.651 11.974-13.281 26.356-13.203 41.098V578.62c25.404-10.901 52.646-16.99 80.321-17.993l-0.301-0.2c0-11.891 9.744-21.537 21.746-21.537h294.363c11.416 0.765 20.271 10.153 20.271 21.492 0 11.323-8.854 20.721-20.271 21.479H440c40.799 19.337 74.749 50.416 97.407 89.174h30.764c11.424 0.774 20.279 10.167 20.279 21.491s-8.856 20.718-20.279 21.5H556.65c16.915 52.178 13.7 108.718-9.022 158.681h106.43c64.85-0.22 117.337-52.293 117.451-116.518V544.697l-1.189-122.13c-0.136-17.984-7.241-35.232-19.854-48.183l-2.494-2.551-44.171-43.762c-5.039-4.889-12.898-5.513-18.675-1.465-29.428 19.615-62.386 33.467-97.084 40.814a15.084 15.084 0 0 0-9.945 8.248c-13.644 27.883-43.87 43.905-74.868 39.676-30.998-4.228-55.739-27.729-61.277-58.221-5.556-30.5 9.349-61.077 36.911-75.744z"
+					 fill="#FFFFFF" p-id="2837"></path>
+					<path d="M527.873 314.113c-5.848-0.307-11.581 1.751-15.827 5.729a21.042 21.042 0 0 0-6.721 15.315c-0.487 11.875 8.777 21.889 20.757 22.421h4.473c20.946 0 109.208-3.917 176.913-67.441l1.104-1.085c28.229-32.735 39.854-76.425 31.565-118.678-1.2-7.956-6.762-14.581-14.438-17.202-7.678-2.626-16.176-0.792-22.059 4.765-5.885 5.532-8.166 13.848-5.896 21.576 5.448 28.407-2.155 57.744-20.768 80.039-62.245 57.128-148.122 54.561-149.103 54.561z"
+					 fill="#FFFFFF" p-id="2838"></path>
+					<path d="M365.451 671.15h171.955c-22.657-38.772-56.607-69.856-97.406-89.191h-83.09c-11.891-0.06-21.535-9.562-21.646-21.335a224.283 224.283 0 0 0-80.021 17.995v177.574c0.057 64.312 52.625 116.461 117.539 116.614h174.745a219.692 219.692 0 0 0 9.045-158.697H365.451c-8.108 0.551-15.84-3.428-20.053-10.294a21.415 21.415 0 0 1 0-22.372c4.213-6.885 11.945-10.844 20.053-10.294z"
+					 fill="#FFFFFF" opacity=".4" p-id="2839"></path>
+				</svg>
+				Young scientist member</p>
+		</el-dialog>
 	</div>
 </template>
 
@@ -40,11 +120,18 @@
 	export default {
 		data: function() {
 			return {
+				baseUrl: this.Common.baseUrl,
 				aa: localStorage.getItem('ms_journal'),
 				orcidLink: 'https://orcid.org/oauth/authorize?client_id=APP-PKF0BGRP6DWM6FUB&response_type=code&scope=/authenticate&redirect_uri=https://submission.tmrjournals.com/orcidLink',
+				roleVisible: false,
+				showCLO: false,
+				user_cap: '',
 				param: {
 					username: '',
-					password: ''
+					password: '',
+					// code: '',
+					// image: '',
+					// random_num: ''
 				},
 				rules: {
 					username: [{
@@ -56,10 +143,18 @@
 						required: true,
 						message: 'Please input a password',
 						trigger: 'blur'
+					}],
+					code: [{
+						required: true,
+						message: 'Please enter the captcha.',
+						trigger: 'blur'
 					}]
 				}
 			};
 		},
+		created: function() {
+			this.getCaptcha();
+		},
 		methods: {
 			submitForm() {
 				//登录操作
@@ -68,7 +163,6 @@
 						this.$api
 							.post('api/User/checkLogin', this.param)
 							.then((res) => {
-								console.log(res);
 								if (res.code == 1) {
 									this.$message.error('Login failed, user name or password error!');
 									return false;
@@ -80,30 +174,82 @@
 										localStorage.setItem('U_role', 'superadmin');
 										localStorage.setItem('U_name', res.userinfo.account);
 										localStorage.setItem('U_id', res.userinfo.user_id);
+										this.$router.push('/');
 									} else if (res.data.roles.includes('editor')) {
 										localStorage.setItem('U_status', '1'); //编辑
 										localStorage.setItem('U_role', res.data.roles);
 										localStorage.setItem('U_name', res.data.userinfo.account);
 										localStorage.setItem('U_id', res.data.userinfo.user_id);
+										this.$router.push('/');
 									} else {
 										localStorage.setItem('U_status', '2'); //其余的身份
 										localStorage.setItem('U_role', res.data.roles);
 										localStorage.setItem('U_name', res.data.userinfo.account);
 										localStorage.setItem('U_id', res.data.userinfo.user_id);
+										localStorage.setItem('U_relname', res.data.userinfo.realname);
+										this.roleVisible = true;
+										this.user_cap = res.data.roles;
 									}
-									this.$router.push('/');
+
 								}
 							})
 							.catch((err) => {
-								console.log(err);
+								this.$message.error(err);
 							});
 					} else {
 						this.$message.error('Please enter the correct account and password');
-						console.log('error submit!!');
+						this.$message.error('error submit!!');
 						return false;
 					}
 				});
 			},
+
+			// 分角色登录
+			Auth() { //作者
+				if (this.user_cap.includes('author')) {
+					this.$router.push('/');
+				} else {
+					this.$message.error("Sorry, you can not login as Author, please contact publisher@tmrjournals.com.");
+				}
+			},
+			Chie() { //主编
+				if (this.user_cap.includes('chief')) {
+					this.$router.push('/managing');
+				} else {
+					this.$message.error("Sorry, you can not login as Editor-in-Chief, please contact publisher@tmrjournals.com.");
+				}
+			},
+			Edit() { //编委
+				if (this.user_cap.includes('board')) {
+					this.$router.push('/editorial');
+				} else {
+					this.$message.error("Sorry, you can not login as Editorial board member, please contact publisher@tmrjournals.com.");
+				}
+			},
+			Revi() { //审稿人
+				if (this.user_cap.includes('reviewer')) {
+					this.$router.push('/peerewer');
+				} else {
+					this.$message.error("Sorry, you can not login as Reviewer, please contact publisher@tmrjournals.com.");
+				}
+			},
+			Yout() { //青年编委
+				if (this.user_cap.includes('yboard')) {
+					this.$message.error('!')
+					// this.$router.push('/youthed');
+				} else {
+					this.$message.error("Sorry, you can not login as Young scientist member, please contact publisher@tmrjournals.com.");
+				}
+			},
+
+			// 验证码
+			refreshCode() {
+				this.getCaptcha();
+			},
+			getCaptcha() {
+				this.param.random_num = Math.random();
+				this.param.image = this.baseUrl + 'api/User/retrieveCaptcha?a=' + this.param.random_num;
+			},
 			doRegister() {
 				//注册页面
 				this.$router.push({
@@ -130,16 +276,16 @@
 		width: 100%;
 		height: 100%;
 		background-image: url(../../assets/img/login-bg.jpg);
-		background-size: 100%;
+		background-size: cover;
 	}
 
 	.ms-title {
 		width: 100%;
-		line-height: 50px;
+		line-height: 70px;
 		text-align: center;
 		font-size: 20px;
-		color: #fff;
-		border-bottom: 1px solid #ddd;
+		color: #000;
+		/* border-bottom: 1px solid #ddd; */
 	}
 
 	.ms-login {
@@ -149,12 +295,13 @@
 		width: 350px;
 		margin: -190px 0 0 -175px;
 		border-radius: 5px;
-		background: rgba(255, 255, 255, 0.3);
+		background: #fff;
+		/* background: rgba(255, 255, 255, 0.3); */
 		overflow: hidden;
 	}
 
 	.ms-content {
-		padding: 30px 30px;
+		padding: 0px 30px 30px 30px;
 	}
 
 	.login-btn {
@@ -178,4 +325,20 @@
 		width: 15px;
 		height: 15px;
 	}
+	
+	.captchaimg {
+		margin-top: 2px;
+		margin-left: 4px;
+	}
+
+	.show_CLO p {
+		color: #000;
+		cursor: pointer;
+		font-size: 18px;
+		margin-bottom: 20px;
+	}
+
+	.show_CLO p:hover {
+		text-decoration: underline;
+	}
 </style>
diff --git a/src/components/page/Register.vue b/src/components/page/Register.vue
index 648eab1..7c45d60 100644
--- a/src/components/page/Register.vue
+++ b/src/components/page/Register.vue
@@ -1,72 +1,40 @@
 <template>
-    <div class="login-wrap">
-        <div class="ms-login">
-            <div class="ms-title">User Register</div>
-            <el-form
-                class="ms-content"
-                :rules="registerRules"
-                ref="registerForm"
-                :model="registerForm"
-                label-width="0"
-            >
-                <!-- 用户名 -->
-                <el-form-item prop="username">
-                    <el-input
-                        size="small"
-                        v-model="registerForm.username"
-                        auto-complete="off"
-                        placeholder="username"
-                    >
-                        <i slot="prefix" class="el-icon-user"></i>
-                    </el-input>
-                </el-form-item>
-                <!-- 密码 -->
-                <el-form-item prop="password">
-                    <el-input
-                        size="small"
-                        v-model="registerForm.password"
-                        auto-complete="off"
-                        placeholder="password"
-                        show-password
-                    >
-                        <i slot="prefix" class="el-icon-lock"></i>
-                    </el-input>
-                </el-form-item>
-                <!-- 姓名 -->
-                <el-form-item prop="name">
-                    <el-input
-                        size="small"
-                        v-model="registerForm.name"
-                        auto-complete="off"
-                        placeholder="realname"
-                    >
-                        <i slot="prefix" class="el-icon-edit-outline"></i>
-                    </el-input>
-                </el-form-item>
-                <!-- 手机 -->
-                <el-form-item prop="phone">
-                    <el-input
-                        size="small"
-                        v-model="registerForm.phone"
-                        auto-complete="off"
-                        placeholder="phone"
-                    >
-                        <i slot="prefix" class="el-icon-mobile-phone" />
-                    </el-input>
-                </el-form-item>
-                <!-- 邮件 -->
-                <el-form-item prop="email">
-                    <el-input
-                        size="small"
-                        v-model="registerForm.email"
-                        auto-complete="off"
-                        placeholder="email"
-                    >
-                        <i slot="prefix" class="el-icon-message"></i>
-                    </el-input>
-                </el-form-item>
-                <!-- ORCID -->
-                <!-- <el-form-item prop="orcid" v-if="registerForm.usertype === '1'">
+	<div class="login-wrap">
+		<div class="ms-login">
+			<div class="ms-title">User Register</div>
+			<el-form class="ms-content" :rules="registerRules" ref="registerForm" :model="registerForm" label-width="0">
+				<!-- 用户名 -->
+				<el-form-item prop="username">
+					<el-input size="small" v-model="registerForm.username" auto-complete="off" placeholder="username">
+						<i slot="prefix" class="el-icon-user"></i>
+					</el-input>
+				</el-form-item>
+				<!-- 密码 -->
+				<el-form-item prop="password">
+					<el-input size="small" v-model="registerForm.password" auto-complete="off" placeholder="password" show-password>
+						<i slot="prefix" class="el-icon-lock"></i>
+					</el-input>
+				</el-form-item>
+				<!-- 姓名 -->
+				<el-form-item prop="name">
+					<el-input size="small" v-model="registerForm.name" auto-complete="off" placeholder="realname">
+						<i slot="prefix" class="el-icon-edit-outline"></i>
+					</el-input>
+				</el-form-item>
+				<!-- 手机 -->
+				<el-form-item prop="phone">
+					<el-input size="small" v-model="registerForm.phone" auto-complete="off" placeholder="phone">
+						<i slot="prefix" class="el-icon-mobile-phone" />
+					</el-input>
+				</el-form-item>
+				<!-- 邮件 -->
+				<el-form-item prop="email">
+					<el-input size="small" v-model="registerForm.email" auto-complete="off" placeholder="email">
+						<i slot="prefix" class="el-icon-message"></i>
+					</el-input>
+				</el-form-item>
+				<!-- ORCID -->
+				<!-- <el-form-item prop="orcid" v-if="registerForm.usertype === '1'">
                     <el-input
                         size="small"
                         v-model="registerForm.orcid"
@@ -77,227 +45,212 @@
                     </el-input>
                 </el-form-item> -->
 
-                <!-- 验证码 -->
-                <el-form-item prop="code">
-                    <el-row :span="24">
-                        <el-col :span="16">
-                            <el-input
-                                size="small"
-                                v-model="registerForm.code"
-                                auto-complete="off"
-                                placeholder="captcha"
-                            >
-                                <i slot="prefix" class="el-icon-key" />
-                            </el-input>
-                        </el-col>
-                        <el-col :span="8">
-                            <div class="login-code">
-                                <img
-                                    :src="image"
-                                    @click="refreshCode"
-                                    alt="captcha"
-                                    class="captchaimg"
-                                />
-                            </div>
-                        </el-col>
-                    </el-row>
-                </el-form-item>
-                <!-- 按钮 -->
-                <el-row type="flex" justify="center">
-                    <el-col :span="6">
-                        <el-form-item>
-                            <el-button
-                                size="small"
-                                type="primary"
-                                @click.native.prevent="handleRegister"
-                                class="register-submit"
-                            >Register</el-button>
-                        </el-form-item>
-                    </el-col>
-                    <el-col :span="14"></el-col>
-                    <el-col :span="4">
-                        <el-link :underline="false" type="primary" href="/" class="rebacklogin">Go login</el-link>
-                    </el-col>
-                </el-row>
-            </el-form>
-        </div>
-    </div>
+				<!-- 验证码 -->
+				<el-form-item prop="code">
+					<el-row :span="24">
+						<el-col :span="16">
+							<el-input size="small" v-model="registerForm.code" auto-complete="off" placeholder="captcha">
+								<i slot="prefix" class="el-icon-key" />
+							</el-input>
+						</el-col>
+						<el-col :span="8">
+							<div class="login-code">
+								<img :src="image" @click="refreshCode" alt="captcha" class="captchaimg" />
+							</div>
+						</el-col>
+					</el-row>
+				</el-form-item>
+				<!-- 按钮 -->
+				<el-row type="flex" justify="center">
+					<el-col :span="6">
+						<el-form-item>
+							<el-button size="small" type="primary" @click.native.prevent="handleRegister" class="register-submit">Register</el-button>
+						</el-form-item>
+					</el-col>
+					<el-col :span="14"></el-col>
+					<el-col :span="4">
+						<el-link :underline="false" type="primary" href="/" class="rebacklogin">Go login</el-link>
+					</el-col>
+				</el-row>
+			</el-form>
+		</div>
+	</div>
 </template>
 
 <script>
-export default {
-    data: function() {
-        return {
-            baseUrl: this.Common.baseUrl,
-            //验证码图片
-            image: '',
-            registerForm: {
-                //用户名
-                username: '',
-                //密码
-                password: '',
-                //姓名
-                name: '',
-                //手机
-                phone: '',
-                //邮件
-                email: '',
-                //ORCID
-                // orcid: '',
-                //验证码的值
-                code: '',
-                //验证码key
-                random_num: 0
+	export default {
+		data: function() {
+			return {
+				baseUrl: this.Common.baseUrl,
+				//验证码图片
+				image: '',
+				registerForm: {
+					//用户名
+					username: '',
+					//密码
+					password: '',
+					//姓名
+					name: '',
+					//手机
+					phone: '',
+					//邮件
+					email: '',
+					//ORCID
+					// orcid: '',
+					//验证码的值
+					code: '',
+					//验证码key
+					random_num: 0
 
-            },
-            registerRules: {
-                username: [
-                    {
-                        required: true,
-                        message: 'Please enter your username.',
-                        trigger: 'blur'
-                    }
-                ],
-                password: [
-                    {
-                        required: true,
-                        message: 'Please enter your password.',
-                        trigger: 'blur'
-                    },
-                    {
-                        min: 6,
-                        message: 'The password number cannot be less than 6 characters.',
-                        trigger: 'blur'
-                    }
-                ],
-                name: [
-                    {
-                        required: true,
-                        message: 'Please enter your real name.',
-                        trigger: 'blur'
-                    }
-                ],
-                phone: [
-                    {
-                        required: true,
-                        message: 'Please enter the correct mobile phone number.',
-                        trigger: 'blur'
-                    }
-                ],
-                email: [
-                    {
-                        required: true,
-                        message: 'Please enter your email address.',
-                        trigger: 'blur'
-                    },
-                    {
-                        type: 'email',
-                        message: 'Email address format error（example@gmail.com）.',
-                        trigger: 'blur'
-                    }
-                ],
-                code:[
-                    {
-                        required:true,
-                        message:'Captcha code cannot be empty.',
-                        trigger:'blur'
-                    }
-                ]
-            }
-        };
-    },
-    created: function() {
-        this.getCaptcha();
-    },
-    methods: {
-        refreshCode() {
-            this.getCaptcha();
-        },
-        handleRegister() {
-            this.$refs.registerForm.validate(valid => {
-                if (valid) {
-                    this.$api
-                        .post('api/user/register', this.registerForm)
-                        .then(res => {
-                            if(res == 'existence'){//重复注册
-                                this.$message.error('Failed to register, user name email is occupied!');
-                                return false;
-                            }else if(res == 'errcaptcha'){
-                                this.$message.error('Verification code error!');
-                                return false;
-                            }else{
-                                this.$message.success('register success');
-                                this.$router.push('/');
-                            }
-                        })
-                        .catch(err => {
-                            console.log(err);
-                        });
-                } else {
-                    this.$message.error('The registration information is incorrect. Please check and submit again');
-                    console.log('error submit!!');
-                    return false;
-                }
-            });
-        },
-        getCaptcha() {
-            this.registerForm.random_num = Math.random();
-            this.image = this.baseUrl+'api/User/testCaptcha?a=' + this.registerForm.random_num;
-        }
-    }
-};
+				},
+				registerRules: {
+					username: [{
+						required: true,
+						message: 'Please enter your username.',
+						trigger: 'blur'
+					}],
+					password: [{
+							required: true,
+							message: 'Please enter your password.',
+							trigger: 'blur'
+						},
+						{
+							min: 6,
+							message: 'The password number cannot be less than 6 characters.',
+							trigger: 'blur'
+						}
+					],
+					name: [{
+						required: true,
+						message: 'Please enter your real name.',
+						trigger: 'blur'
+					}],
+					phone: [{
+						required: true,
+						message: 'Please enter the correct mobile phone number.',
+						trigger: 'blur'
+					}],
+					email: [{
+							required: true,
+							message: 'Please enter your email address.',
+							trigger: 'blur'
+						},
+						{
+							type: 'email',
+							message: 'Email address format error（example@gmail.com）.',
+							trigger: 'blur'
+						}
+					],
+					code: [{
+						required: true,
+						message: 'Captcha code cannot be empty.',
+						trigger: 'blur'
+					}]
+				}
+			};
+		},
+		created: function() {
+			this.getCaptcha();
+		},
+		methods: {
+			refreshCode() {
+				this.getCaptcha();
+			},
+			handleRegister() {
+				this.$refs.registerForm.validate(valid => {
+					if (valid) {
+						this.$api
+							.post('api/user/register', this.registerForm)
+							.then(res => {
+								if (res == 'existence') { //重复注册
+									this.$message.error('Failed to register, user name email is occupied!');
+									return false;
+								} else if (res == 'errcaptcha') {
+									this.$message.error('Verification code error!');
+									return false;
+								} else {
+									this.$message.success('register success');
+									this.$router.push('/');
+								}
+							})
+							.catch(err => {
+								console.log(err);
+							});
+					} else {
+						this.$message.error('The registration information is incorrect. Please check and submit again');
+						console.log('error submit!!');
+						return false;
+					}
+				});
+			},
+			getCaptcha() {
+				this.registerForm.random_num = Math.random();
+				this.image = this.baseUrl + 'api/User/testCaptcha?a=' + this.registerForm.random_num;
+			}
+		}
+	};
 </script>
 
 <style scoped>
-.login-wrap {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    background-image: url(../../assets/img/login-bg.jpg);
-    background-size: 100%;
-}
-.ms-title {
-    width: 100%;
-    line-height: 50px;
-    text-align: center;
-    font-size: 20px;
-    color: #fff;
-    border-bottom: 1px solid #ddd;
-}
-.ms-login {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    width: 500px;
-    margin: -190px 0 0 -175px;
-    border-radius: 5px;
-    background: rgba(255, 255, 255, 0.3);
-    overflow: hidden;
-}
-.ms-content {
-    padding: 30px 30px;
-}
-.login-btn {
-    text-align: center;
-}
-.login-btn button {
-    width: 100%;
-    height: 36px;
-    margin-bottom: 10px;
-}
-.login-tips {
-    font-size: 12px;
-    line-height: 30px;
-    color: #fff;
-}
-.register-submit {
-    margin: auto;
-}
-.rebacklogin {
-    padding-top: 13px;
-}
-.captchaimg {
-    margin-top: 2px;
-    margin-left: 8px;
-}
-</style>
\ No newline at end of file
+	.login-wrap {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		background-image: url(../../assets/img/login-bg.jpg);
+		background-size: cover;
+	}
+
+	.ms-title {
+		width: 100%;
+		line-height: 70px;
+		text-align: center;
+		font-size: 20px;
+		color: #000;
+		/* border-bottom: 1px solid #ddd; */
+	}
+
+	.ms-login {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		width: 500px;
+		margin: -240px 0 0 -250px;
+		border-radius: 5px;
+		background: #fff;
+		/* background: rgba(255, 255, 255, 0.3); */
+		overflow: hidden;
+	}
+
+	.ms-content {
+		padding: 0 30px 30px 30px;
+	}
+
+	.login-btn {
+		text-align: center;
+	}
+
+	.login-btn button {
+		width: 100%;
+		height: 36px;
+		margin-bottom: 10px;
+	}
+
+	.login-tips {
+		font-size: 12px;
+		line-height: 30px;
+		color: #fff;
+	}
+
+	.register-submit {
+		margin: auto;
+	}
+
+	.rebacklogin {
+		padding-top: 13px;
+	}
+
+	.captchaimg {
+		margin-top: 2px;
+		margin-left: 8px;
+	}
+</style>
diff --git a/src/components/page/Retrieve.vue b/src/components/page/Retrieve.vue
index 6e0415d..b2dee29 100644
--- a/src/components/page/Retrieve.vue
+++ b/src/components/page/Retrieve.vue
@@ -1,205 +1,207 @@
 <template>
-    <div class="login-wrap">
-        <div class="ms-login">
-            <div class="ms-title">{{$t('system.forgetpwd')}}</div>
-            <el-form
-                :model="param"
-                :rules="rules"
-                ref="retrieve"
-                label-width="0px"
-                class="ms-content"
-            >
-                <el-form-item prop="username">
-                    <el-input v-model="param.username" placeholder="username">
-                        <i slot="prefix" class="el-icon-lx-people" />
-                    </el-input>
-                </el-form-item>
-                <el-form-item prop="code">
-                    <el-row :span="24">
-                        <el-col :span="16">
-                            <el-input
-                                size="small"
-                                v-model="param.code"
-                                auto-complete="off"
-                                placeholder="captcha"
-                            >
-                                <i slot="prefix" class="el-icon-key" />
-                            </el-input>
-                        </el-col>
-                        <el-col :span="8">
-                            <div class="login-code">
-                                <img
-                                    :src="param.image"
-                                    @click="refreshCode"
-                                    alt="captcha"
-                                    class="captchaimg"
-                                />
-                            </div>
-                        </el-col>
-                    </el-row>
-                </el-form-item>
-                <el-row>
-                    <el-col :span="16">
-                        <div class="login-btn">
-                            <el-button type="primary" @click="submitForm">Submit</el-button>
-                        </div>
-                    </el-col>
-                    <el-col :span="8">
-                        <div class="backlink">
-                            <el-link type="primary" href="/">Go login</el-link>
-                        </div>
-                    </el-col>
-                </el-row>
-                <!--<el-row style="text-align: center; margin-top: -10px;;">
+	<div class="login-wrap">
+		<div class="ms-login">
+			<div class="ms-title">{{$t('system.forgetpwd')}}</div>
+			<el-form :model="param" :rules="rules" ref="retrieve" label-width="0px" class="ms-content">
+				<el-form-item prop="username">
+					<el-input v-model="param.username" placeholder="username">
+						<i slot="prefix" class="el-icon-lx-people" />
+					</el-input>
+				</el-form-item>
+				<el-form-item prop="code">
+					<el-row :span="24">
+						<el-col :span="16">
+							<el-input size="small" v-model="param.code" auto-complete="off" placeholder="captcha">
+								<i slot="prefix" class="el-icon-key" />
+							</el-input>
+						</el-col>
+						<el-col :span="8">
+							<div class="login-code">
+								<img :src="param.image" @click="refreshCode" alt="captcha" class="captchaimg" />
+							</div>
+						</el-col>
+					</el-row>
+				</el-form-item>
+				<el-row>
+					<el-col :span="16">
+						<div class="login-btn">
+							<el-button type="primary" @click="submitForm">Submit</el-button>
+						</div>
+					</el-col>
+					<el-col :span="8">
+						<div class="backlink">
+							<el-link type="primary" href="/">Go login</el-link>
+						</div>
+					</el-col>
+				</el-row>
+				<!--<el-row style="text-align: center; margin-top: -10px;;">
                     <el-link type="primary">忘记密码</el-link>
                     <el-link type="primary" @click="doRegister()">用户注册</el-link>
                 </el-row>-->
-            </el-form>
-        </div>
-    </div>
+			</el-form>
+		</div>
+	</div>
 </template>
 
 <script>
-export default {
-    data: function() {
-        return {
-            baseUrl: this.Common.baseUrl,
-            email: '',
-            param: {
-                image: '',
-                username: '',
-                code: '',
-                random_num: ''
-            },
-            rules: {
-                username: [{ required: true, message: 'Please enter your username.', trigger: 'blur' }],
-                code: [{ required: true, message: 'Please enter the captcha.', trigger: 'blur' }]
-            }
-        };
-    },
-    created: function() {
-        this.getCaptcha();
-    },
-    methods: {
-        submitForm() {
-            this.$refs.retrieve.validate(valid => {
-                if (valid) {
-                    this.$api
-                        .post('api/user/retrieveGetEmail', this.param)
-                        .then(res => {
-                            if (res.code == 0) {
-                                this.email = res.email;
-                                this.open();
-                            } else {
-                                this.$message.error(res.msg);
-                                return false;
-                            }
-                        })
-                        .catch(err => {
-                            console.log(err);
-                        });
-                } else {
-                    this.$message.error('请输入正确的账号和密码');
-                    console.log('error submit!!');
-                    return false;
-                }
-            });
-        },
-        refreshCode() {
-            this.getCaptcha();
-        },
-        getCaptcha() {
-            this.param.random_num = Math.random();
-            this.param.image = this.baseUrl+'api/User/retrieveCaptcha?a=' + this.param.random_num;
-        },
-        open() {
-            var content = '将有一封邮件发送到您的邮箱：' + this.email + ',后续操作将在邮件内进行。';
-            this.$confirm(content, '确认信息', {
-                distinguishCancelAndClose: true,
-                confirmButtonText: '确认发送',
-                cancelButtonText: '放弃'
-            })
-                .then(() => {
-                    this.$api
-                        .post('api/User/retrievePushEmail', { email: this.email })
-                        .then(res => {
-                            console.log(res);
-                            if (res.code == 0) {
-                                this.$message({
-                                    type: 'success',
-                                    message: '发送成功'
-                                });
-                                this.$router.push('/');
-                            } else {
-                                this.$message({
-                                    type: 'warning',
-                                    message: res.msg
-                                });
-                            }
-                        })
-                        .catch(err => {
-                            console.log(err);
-                        });
-                })
-                .catch(action => {
-                    this.$message({
-                        type: 'info',
-                        message: action === 'cancel' ? '放弃保存并离开页面' : '停留在当前页面'
-                    });
-                });
-        }
-    }
-};
+	export default {
+		data: function() {
+			return {
+				baseUrl: this.Common.baseUrl,
+				email: '',
+				param: {
+					image: '',
+					username: '',
+					code: '',
+					random_num: ''
+				},
+				rules: {
+					username: [{
+						required: true,
+						message: 'Please enter your username.',
+						trigger: 'blur'
+					}],
+					code: [{
+						required: true,
+						message: 'Please enter the captcha.',
+						trigger: 'blur'
+					}]
+				}
+			};
+		},
+		created: function() {
+			this.getCaptcha();
+		},
+		methods: {
+			submitForm() {
+				this.$refs.retrieve.validate(valid => {
+					if (valid) {
+						this.$api
+							.post('api/user/retrieveGetEmail', this.param)
+							.then(res => {
+								if (res.code == 0) {
+									this.email = res.email;
+									this.open();
+								} else {
+									this.$message.error(res.msg);
+									return false;
+								}
+							})
+							.catch(err => {
+								console.log(err);
+							});
+					} else {
+						this.$message.error('请输入正确的账号和密码');
+						console.log('error submit!!');
+						return false;
+					}
+				});
+			},
+			refreshCode() {
+				this.getCaptcha();
+			},
+			getCaptcha() {
+				this.param.random_num = Math.random();
+				this.param.image = this.baseUrl + 'api/User/retrieveCaptcha?a=' + this.param.random_num;
+			},
+			open() {
+				var content = '将有一封邮件发送到您的邮箱：' + this.email + ',后续操作将在邮件内进行。';
+				this.$confirm(content, '确认信息', {
+						distinguishCancelAndClose: true,
+						confirmButtonText: '确认发送',
+						cancelButtonText: '放弃'
+					})
+					.then(() => {
+						this.$api
+							.post('api/User/retrievePushEmail', {
+								email: this.email
+							})
+							.then(res => {
+								console.log(res);
+								if (res.code == 0) {
+									this.$message({
+										type: 'success',
+										message: '发送成功'
+									});
+									this.$router.push('/');
+								} else {
+									this.$message({
+										type: 'warning',
+										message: res.msg
+									});
+								}
+							})
+							.catch(err => {
+								console.log(err);
+							});
+					})
+					.catch(action => {
+						this.$message({
+							type: 'info',
+							message: action === 'cancel' ? '放弃保存并离开页面' : '停留在当前页面'
+						});
+					});
+			}
+		}
+	};
 </script>
 
 <style scoped>
-.login-wrap {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    background-image: url(../../assets/img/login-bg.jpg);
-    background-size: 100%;
-}
-.ms-title {
-    width: 100%;
-    line-height: 50px;
-    text-align: center;
-    font-size: 20px;
-    color: #fff;
-    border-bottom: 1px solid #ddd;
-}
-.ms-login {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    width: 350px;
-    margin: -190px 0 0 -175px;
-    border-radius: 5px;
-    background: rgba(255, 255, 255, 0.3);
-    overflow: hidden;
-}
-.ms-content {
-    padding: 30px 30px;
-}
-.login-btn {
-    text-align: center;
-}
-.login-btn button {
-    width: 40%;
-    height: 36px;
-    margin-bottom: 10px;
-}
-.login-tips {
-    font-size: 12px;
-    line-height: 30px;
-    color: #fff;
-}
-.captchaimg {
-    margin-top: 2px;
-    margin-left: 4px;
-}
-.backlink {
-    text-align: left;
-    padding-top: 12px;
-}
-</style>
\ No newline at end of file
+	.login-wrap {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		background-image: url(../../assets/img/login-bg.jpg);
+		background-size: 100% 100%;
+	}
+
+	.ms-title {
+		width: 100%;
+		line-height: 70px;
+		text-align: center;
+		font-size: 20px;
+		color: #000;
+		/* border-bottom: 1px solid #ddd; */
+	}
+
+	.ms-login {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		width: 350px;
+		margin: -190px 0 0 -175px;
+		border-radius: 5px;
+		background: #fff;
+		overflow: hidden;
+	}
+
+	.ms-content {
+		padding: 30px 30px;
+	}
+
+	.login-btn {
+		text-align: center;
+	}
+
+	.login-btn button {
+		width: 40%;
+		height: 36px;
+		margin-bottom: 10px;
+	}
+
+	.login-tips {
+		font-size: 12px;
+		line-height: 30px;
+		color: #fff;
+	}
+
+	.captchaimg {
+		margin-top: 2px;
+		margin-left: 4px;
+	}
+
+	.backlink {
+		text-align: left;
+		padding-top: 12px;
+	}
+</style>
diff --git a/src/components/page/Retrieveact.vue b/src/components/page/Retrieveact.vue
index 986456b..f6b9203 100644
--- a/src/components/page/Retrieveact.vue
+++ b/src/components/page/Retrieveact.vue
@@ -1,158 +1,170 @@
 <template>
-    <div class="login-wrap">
-        <div class="ms-login">
-            <div class="ms-title">修改密码</div>
-            <el-form
-                :model="param"
-                :rules="rules"
-                ref="retrieveact"
-                label-width="0px"
-                class="ms-content"
-            >
-                <el-form-item prop="password">
-                    <el-input v-model="param.password" placeholder="password">
-                        <i slot="prefix" class="el-icon-key" />
-                    </el-input>
-                </el-form-item>
-                <el-form-item prop="repassword">
-                    <el-input v-model="param.repassword" placeholder="repassword">
-                        <i slot="prefix" class="el-icon-key" />
-                    </el-input>
-                </el-form-item>
-                <div class="login-btn">
-                    <el-button type="primary" @click="submitForm">提交</el-button>
-                </div>
-            </el-form>
-        </div>
-    </div>
+	<div class="login-wrap">
+		<div class="ms-login">
+			<div class="ms-title">修改密码</div>
+			<el-form :model="param" :rules="rules" ref="retrieveact" label-width="0px" class="ms-content">
+				<el-form-item prop="password">
+					<el-input v-model="param.password" placeholder="password">
+						<i slot="prefix" class="el-icon-key" />
+					</el-input>
+				</el-form-item>
+				<el-form-item prop="repassword">
+					<el-input v-model="param.repassword" placeholder="repassword">
+						<i slot="prefix" class="el-icon-key" />
+					</el-input>
+				</el-form-item>
+				<div class="login-btn">
+					<el-button type="primary" @click="submitForm">提交</el-button>
+				</div>
+			</el-form>
+		</div>
+	</div>
 </template>
 
 <script>
-export default {
-    data: function() {
-        var validatePass2 = (rule, value, callback) => {
-            if (value === '') {
-                callback(new Error('Please repeat enter your password'));
-            } else if (value !== this.param.password) {
-                callback(new Error('The two input passwords are inconsistent!'));
-            } else {
-                callback();
-            }
-        };
-        return {
-            param: {
-                actkey: this.$route.query.actkey,
-                password: '',
-                repassword: ''
-            },
-            rules: {
-                password: [{ required: true, message: 'Please enter your password.', trigger: 'blur' }],
-                repassword: [{ required: true, validator: validatePass2, trigger: 'blur' }]
-            }
-        };
-    },
-    created: function() {
-        this.check_key();
-    },
-    methods: {
-        check_key() {
-            this.$api
-                .post('api/user/checkActkey', { actkey: this.param.actkey })
-                .then(res => {
-                    if (res.code == 1) {
-                        this.$alert('无效的连接参数', '非法访问', {
-                            confirmButtonText: '确定',
-                            callback: action => {
-                                this.$router.push('/');
-                            }
-                        });
-                    }
-                })
-                .catch(err => {
-                    console.log(err);
-                });
-        },
-        submitForm() {
-            this.$refs.retrieveact.validate(valid => {
-                if (valid) {
-                    this.$api
-                        .post('api/user/retrieve', this.param)
-                        .then(res => {
-                            if (res.code == 0) {
-                                this.$message({
-                                    type: 'success',
-                                    message: 'success'
-                                });
-                                this.$router.push('/');
-                            } else {
-                                this.$message({
-                                    type: 'info',
-                                    message: res.msg
-                                });
-                            }
-                        })
-                        .catch(err => {
-                            console.log(err);
-                        });
-                } else {
-                    this.$message.error('Please enter the correct account and password.');
-                    console.log('error submit!!');
-                    return false;
-                }
-            });
-        }
-    }
-};
+	export default {
+		data: function() {
+			var validatePass2 = (rule, value, callback) => {
+				if (value === '') {
+					callback(new Error('Please repeat enter your password'));
+				} else if (value !== this.param.password) {
+					callback(new Error('The two input passwords are inconsistent!'));
+				} else {
+					callback();
+				}
+			};
+			return {
+				param: {
+					actkey: this.$route.query.actkey,
+					password: '',
+					repassword: ''
+				},
+				rules: {
+					password: [{
+						required: true,
+						message: 'Please enter your password.',
+						trigger: 'blur'
+					}],
+					repassword: [{
+						required: true,
+						validator: validatePass2,
+						trigger: 'blur'
+					}]
+				}
+			};
+		},
+		created: function() {
+			this.check_key();
+		},
+		methods: {
+			check_key() {
+				this.$api
+					.post('api/user/checkActkey', {
+						actkey: this.param.actkey
+					})
+					.then(res => {
+						if (res.code == 1) {
+							this.$alert('无效的连接参数', '非法访问', {
+								confirmButtonText: '确定',
+								callback: action => {
+									this.$router.push('/');
+								}
+							});
+						}
+					})
+					.catch(err => {
+						console.log(err);
+					});
+			},
+			submitForm() {
+				this.$refs.retrieveact.validate(valid => {
+					if (valid) {
+						this.$api
+							.post('api/user/retrieve', this.param)
+							.then(res => {
+								if (res.code == 0) {
+									this.$message({
+										type: 'success',
+										message: 'success'
+									});
+									this.$router.push('/');
+								} else {
+									this.$message({
+										type: 'info',
+										message: res.msg
+									});
+								}
+							})
+							.catch(err => {
+								console.log(err);
+							});
+					} else {
+						this.$message.error('Please enter the correct account and password.');
+						console.log('error submit!!');
+						return false;
+					}
+				});
+			}
+		}
+	};
 </script>
 
 <style scoped>
-.login-wrap {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    background-image: url(../../assets/img/login-bg.jpg);
-    background-size: 100%;
-}
-.ms-title {
-    width: 100%;
-    line-height: 50px;
-    text-align: center;
-    font-size: 20px;
-    color: #fff;
-    border-bottom: 1px solid #ddd;
-}
-.ms-login {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    width: 350px;
-    margin: -190px 0 0 -175px;
-    border-radius: 5px;
-    background: rgba(255, 255, 255, 0.3);
-    overflow: hidden;
-}
-.ms-content {
-    padding: 30px 30px;
-}
-.login-btn {
-    text-align: center;
-}
-.login-btn button {
-    width: 40%;
-    height: 36px;
-    margin-bottom: 10px;
-}
-.login-tips {
-    font-size: 12px;
-    line-height: 30px;
-    color: #fff;
-}
-.captchaimg {
-    margin-top: 2px;
-    margin-left: 4px;
-}
-.backlink {
-    text-align: left;
-    padding-top: 12px;
-}
-</style>
\ No newline at end of file
+	.login-wrap {
+		position: relative;
+		width: 100%;
+		height: 100%;
+		background-image: url(../../assets/img/login-bg.jpg);
+		background-size: 100%;
+	}
+
+	.ms-title {
+		width: 100%;
+		line-height: 50px;
+		text-align: center;
+		font-size: 20px;
+		color: #fff;
+		border-bottom: 1px solid #ddd;
+	}
+
+	.ms-login {
+		position: absolute;
+		left: 50%;
+		top: 50%;
+		width: 350px;
+		margin: -190px 0 0 -175px;
+		border-radius: 5px;
+		background: rgba(255, 255, 255, 0.3);
+		overflow: hidden;
+	}
+
+	.ms-content {
+		padding: 30px 30px;
+	}
+
+	.login-btn {
+		text-align: center;
+	}
+
+	.login-btn button {
+		width: 40%;
+		height: 36px;
+		margin-bottom: 10px;
+	}
+
+	.login-tips {
+		font-size: 12px;
+		line-height: 30px;
+		color: #fff;
+	}
+
+	.captchaimg {
+		margin-top: 2px;
+		margin-left: 4px;
+	}
+
+	.backlink {
+		text-align: left;
+		padding-top: 12px;
+	}
+</style>
diff --git a/src/components/page/articleReviewer.vue b/src/components/page/articleReviewer.vue
index 81656b5..13f425c 100644
--- a/src/components/page/articleReviewer.vue
+++ b/src/components/page/articleReviewer.vue
@@ -1,555 +1,533 @@
 <template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item> <i class="el-icon-lx-calendar"></i> Manuscript reviewer list </el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container" v-loading="loading">
-            <div class="handle-box">
-                <el-button type="primary" icon="el-icon-circle-plus-outline" @click="editVisible = true">Add reviewer</el-button>
-
-                <el-button type="primary" icon="el-icon-circle-plus-outline" @click="editVisible1 = true">Supplement</el-button>
-            </div>
-            <el-table :data="tableData" border stripe class="table" ref="multipleTable" header-cell-class-name="table-header">
-                <el-table-column type="index" label="No." align="center" width="60"></el-table-column>
-                <!-- <el-table-column prop="art_rev_id" label="ID" align="center" width="60"></el-table-column> -->
-                <el-table-column label="Reviewer" align="center">
-                    <template slot-scope="scope">
-                        <el-badge is-dot :hidden="scope.row.reviewer_act == 1 ? false : true" class="item">
-                            {{ scope.row.reviewer }}
-                        </el-badge>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="country" label="Country" align="center"></el-table-column>
-                <el-table-column prop="company" label="Company" align="center"></el-table-column>
-                <el-table-column :formatter="majorTitle" label="Major" align="center"></el-table-column>
-                <el-table-column prop="field" label="Field" align="center"></el-table-column>
-                <el-table-column :formatter="revstate" label="state" align="center"></el-table-column>
-                <el-table-column label="" width="230" align="center">
-                    <template slot-scope="scope">
-                        <el-button size="mini" type="primary" plain icon="el-icon-tickets" @click="showdetail(scope.row)">Detail</el-button>
-                    </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>
-            </div>
-        </div>
-        <el-dialog title="add reviewer" :visible.sync="editVisible" width="40%">
-            <el-form ref="editform" :model="editform" label-width="100px">
-                <el-form-item label="state">
-                    <el-select v-model="editform.uid" filterable @change="changereviewer()" placeholder="Please select">
-                        <el-option :key="0" label="please select" :value="0"></el-option>
-                        <el-option v-for="item in reviewerList" :key="item.user_id" :label="item.account" :value="item.user_id"></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="Country" v-if="editform.uid != 0">
-                    <span>{{ reviewer_data.country }}</span>
-                </el-form-item>
-                <el-form-item label="Company" v-if="editform.uid != 0">
-                    <span>{{ reviewer_data.company }}</span>
-                </el-form-item>
-                <el-form-item label="Major" v-if="editform.uid != 0">
-                    <span>{{ reviewer_data.major_title }}</span>
-                </el-form-item>
-                <el-form-item label="Field" v-if="editform.uid != 0">
-                    <span>{{ reviewer_data.field }}</span>
-                </el-form-item>
-                <el-form-item label="Introduction" v-if="editform.uid != 0">
-                    <span>{{ reviewer_data.introduction }}</span>
-                </el-form-item>
-            </el-form>
-            <span slot="footer" class="dialog-footer">
-                <el-button @click="editVisible = false">cancel</el-button>
-                <el-button type="primary" @click="saveEdit">save</el-button>
-            </span>
-        </el-dialog>
-        <el-dialog title="Supplement" :visible.sync="editVisible1" width="40%">
-            <el-form ref="questionform" :model="questionform" label-position="top" label-width="300px">
-                <el-form-item label="Reviewer">
-                    <el-select v-model="questionform.uid" filterable @change="changereviewer1()" placeholder="Please select">
-                        <el-option :key="0" label="please select" :value="0"></el-option>
-                        <el-option v-for="item in reviewerList" :key="item.user_id" :label="item.account" :value="item.user_id"></el-option>
-                    </el-select>
-                </el-form-item>
-                <el-form-item label="Country" v-if="questionform.uid != 0">
-                    <span>{{ reviewer_data1.country }}</span>
-                </el-form-item>
-                <el-form-item label="Company" v-if="questionform.uid != 0">
-                    <span>{{ reviewer_data1.company }}</span>
-                </el-form-item>
-                <el-form-item label="Major" v-if="questionform.uid != 0">
-                    <span>{{ reviewer_data1.major_title }}</span>
-                </el-form-item>
-                <el-form-item label="Field" v-if="questionform.uid != 0">
-                    <span>{{ reviewer_data1.field }}</span>
-                </el-form-item>
-                <el-form-item label="Introduction" v-if="questionform.uid != 0">
-                    <span>{{ reviewer_data1.introduction }}</span>
-                </el-form-item>
-                <el-form-item label="1.Originality of the topic">
-                    <el-radio-group v-model="questionform.qu1">
-                        <el-radio :label="1">Excellent</el-radio>
-                        <el-radio :label="2">Good</el-radio>
-                        <el-radio :label="3">Fair</el-radio>
-                        <el-radio :label="4">Poor</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="2.Technical Quality">
-                    <el-radio-group v-model="questionform.qu2">
-                        <el-radio :label="1">Excellent</el-radio>
-                        <el-radio :label="2">Good</el-radio>
-                        <el-radio :label="3">Fair</el-radio>
-                        <el-radio :label="4">Poor</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="3.Importance in its Field">
-                    <el-radio-group v-model="questionform.qu3">
-                        <el-radio :label="1">Excellent</el-radio>
-                        <el-radio :label="2">Good</el-radio>
-                        <el-radio :label="3">Fair</el-radio>
-                        <el-radio :label="4">Poor</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="4.Style & Overall Representation">
-                    <el-radio-group v-model="questionform.qu4">
-                        <el-radio :label="1">Excellent</el-radio>
-                        <el-radio :label="2">Good</el-radio>
-                        <el-radio :label="3">Fair</el-radio>
-                        <el-radio :label="4">Poor</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="5.Readily Understandable">
-                    <el-radio-group v-model="questionform.qu5">
-                        <el-radio :label="1">Excellent</el-radio>
-                        <el-radio :label="2">Good</el-radio>
-                        <el-radio :label="3">Fair</el-radio>
-                        <el-radio :label="4">Poor</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="6.Suitability for the Journal">
-                    <el-radio-group v-model="questionform.qu6">
-                        <el-radio :label="1">Excellent</el-radio>
-                        <el-radio :label="2">Good</el-radio>
-                        <el-radio :label="3">Fair</el-radio>
-                        <el-radio :label="4">Poor</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="7.Adequate Illustrations or Drawings">
-                    <el-radio-group v-model="questionform.qu7">
-                        <el-radio :label="1">Excellent</el-radio>
-                        <el-radio :label="2">Good</el-radio>
-                        <el-radio :label="3">Fair</el-radio>
-                        <el-radio :label="4">Poor</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="8.English language">
-                    <el-radio-group v-model="questionform.qu8">
-                        <el-radio :label="1">Excellent</el-radio>
-                        <el-radio :label="2">Good</el-radio>
-                        <el-radio :label="3">Fair</el-radio>
-                        <el-radio :label="4">Poor</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-collapse>
-                <el-form-item label="9.Does the title represent manuscript's contents?">
-                    <el-switch v-model="questionform.qu9" active-text="yes" inactive-text="no"></el-switch>
-                    <el-collapse-item name="1">
-                        <template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
-                        <el-input
-                            type="textarea"
-                            placeholder="please input content"
-                            v-model="questionform.qu9contents"
-                            :rows="4"
-                        ></el-input>
-                    </el-collapse-item>
-                </el-form-item>
-                <el-form-item label="10.Is the Abstract accurate and concise?">
-                    <el-switch v-model="questionform.qu10" active-text="yes" inactive-text="no"></el-switch>
-                    <el-collapse-item name="2">
-                        <template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
-                        <el-input
-                            type="textarea"
-                            placeholder="please input content"
-                            v-model="questionform.qu10contents"
-                            :rows="4"
-                        ></el-input>
-                    </el-collapse-item>
-                </el-form-item>
-                <el-form-item label="11.Are the approach/ methods properly described?">
-                    <el-switch v-model="questionform.qu11" active-text="yes" inactive-text="no"></el-switch>
-                    <el-collapse-item name="3">
-                        <template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
-                        <el-input
-                            type="textarea"
-                            placeholder="please input content"
-                            v-model="questionform.qu11contents"
-                            :rows="4"
-                        ></el-input>
-                    </el-collapse-item>
-                </el-form-item>
-                <el-form-item label="12.Are the conclusions and interpretations sound?">
-                    <el-switch v-model="questionform.qu12" active-text="yes" inactive-text="no"></el-switch>
-                    <el-collapse-item name="4">
-                        <template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
-                        <el-input
-                            type="textarea"
-                            placeholder="please input content"
-                            v-model="questionform.qu12contents"
-                            :rows="4"
-                        ></el-input>
-                    </el-collapse-item>
-                </el-form-item>
-                <el-form-item label="13.Are the references properly cited?">
-                    <el-switch v-model="questionform.qu13" active-text="yes" inactive-text="no"></el-switch>
-                    <el-collapse-item name="5">
-                        <template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
-                        <el-input
-                            type="textarea"
-                            placeholder="please input content"
-                            v-model="questionform.qu13contents"
-                            :rows="4"
-                        ></el-input>
-                    </el-collapse-item>
-                </el-form-item>
-                <el-form-item label="14.Is this a new/ original/ confirmatory contribution?">
-                    <el-switch v-model="questionform.qu14" active-text="yes" inactive-text="no"></el-switch>
-                    <el-collapse-item name="6">
-                        <template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
-                        <el-input
-                            type="textarea"
-                            placeholder="please input content"
-                            v-model="questionform.qu14contents"
-                            :rows="4"
-                        ></el-input>
-                    </el-collapse-item>
-                </el-form-item>
-                <el-form-item label="15.Is it within the scope of the journal?">
-                    <el-switch v-model="questionform.qu15" active-text="yes" inactive-text="no"></el-switch>
-                    <el-collapse-item name="7">
-                        <template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
-                        <el-input
-                            type="textarea"
-                            placeholder="please input content"
-                            v-model="questionform.qu15contents"
-                            :rows="4"
-                        ></el-input>
-                    </el-collapse-item>
-                </el-form-item>
-                </el-collapse>
-                <el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
-                <el-form-item label="Overall the Paper is Rated">
-                    (Poor-------------------------------------------------------------Excellent)
-                    <br />
-                    <el-radio-group v-model="questionform.rated" size="small">
-                        <el-radio-button label="1"></el-radio-button>
-                        <el-radio-button label="2"></el-radio-button>
-                        <el-radio-button label="3"></el-radio-button>
-                        <el-radio-button label="4"></el-radio-button>
-                        <el-radio-button label="5"></el-radio-button>
-                        <el-radio-button label="6"></el-radio-button>
-                        <el-radio-button label="7"></el-radio-button>
-                        <el-radio-button label="8"></el-radio-button>
-                        <el-radio-button label="9"></el-radio-button>
-                        <el-radio-button label="10"></el-radio-button>
-                    </el-radio-group>
-                    <br />
-                    <span>Your score:{{ questionform.rated }}</span>
-                </el-form-item>
-                <el-form-item label="REFEREE'S RECOMMENDATIONS" prop="recommend">
-                    <el-radio-group v-model="questionform.recommend">
-                        <el-radio :label="1">Accept with minor changes</el-radio>
-                        <br />
-                        <el-radio :label="2">Accept subject to revisions, as noted in comments</el-radio>
-                        <br />
-                        <el-radio :label="3">Reject in current form, but may be resubmitted</el-radio>
-                        <br />
-                        <el-radio :label="4">Reject, with no resubmission</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="OTHER SPECIFIC CRITICISMS">
-                    <el-radio-group v-model="questionform.other">
-                        <el-radio :label="1">Imperfect style</el-radio>
-                        <br />
-                        <el-radio :label="2">Too long</el-radio>
-                        <br />
-                        <el-radio :label="3">References incorrectly presented</el-radio>
-                        <br />
-                        <el-radio :label="4">Typographical and Grammatical errors</el-radio>
-                    </el-radio-group>
-                </el-form-item>
-                <el-form-item label="Confidential Comments to the Editor">
-                    <el-input type="textarea" placeholder="please input content" v-model="questionform.confident" :rows="8"></el-input>
-                </el-form-item>
-                <el-form-item label="Comments for the Authors">
-                    <el-input type="textarea" placeholder="please input content" v-model="questionform.comment" :rows="8"></el-input>
-                </el-form-item>
-                <el-form-item>
-                    <el-button type="primary" @click="addArtRev">submit</el-button>
-                </el-form-item>
-            </el-form>
-        </el-dialog>
-    </div>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item> <i class="el-icon-lx-calendar"></i> Manuscript reviewer list </el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container" v-loading="loading" element-loading-text="Loading..." element-loading-spinner="el-icon-loading"
+		 element-loading-background="rgba(0, 0, 0, 0.8)">
+			<div class="handle-box">
+				<el-button type="primary" icon="el-icon-circle-plus-outline" @click="editVisible = true">Add reviewer</el-button>
+				<el-button type="primary" icon="el-icon-circle-plus-outline" @click="editVisible1 = true">Supplement</el-button>
+			</div>
+			<el-table :data="tableData" border stripe class="table" ref="multipleTable" header-cell-class-name="table-header">
+				<el-table-column type="index" label="No." align="center" width="60"></el-table-column>
+				<!-- <el-table-column prop="art_rev_id" label="ID" align="center" width="60"></el-table-column> -->
+				<el-table-column label="Reviewer" align="center">
+					<template slot-scope="scope">
+						<el-badge is-dot :hidden="scope.row.reviewer_act == 1 ? false : true" class="item">
+							{{ scope.row.reviewer }}
+						</el-badge>
+					</template>
+				</el-table-column>
+				<el-table-column prop="country" label="Country" align="center"></el-table-column>
+				<el-table-column prop="company" label="Company" align="center"></el-table-column>
+				<el-table-column :formatter="majorTitle" label="Major" align="center"></el-table-column>
+				<el-table-column prop="field" label="Field" align="center"></el-table-column>
+				<el-table-column :formatter="revstate" label="state" align="center"></el-table-column>
+				<el-table-column label="" width="230" align="center">
+					<template slot-scope="scope">
+						<el-button size="mini" type="primary" plain icon="el-icon-tickets" @click="showdetail(scope.row)">Detail</el-button>
+					</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>
+			</div>
+		</div>
+		<el-dialog title="add reviewer" :visible.sync="editVisible" width="40%">
+			<el-form ref="editform" :model="editform" label-width="100px">
+				<el-form-item label="state">
+					<el-select v-model="editform.uid" filterable @change="changereviewer()" placeholder="Please select">
+						<el-option :key="0" label="please select" :value="0"></el-option>
+						<el-option v-for="item in reviewerList" :key="item.user_id" :label="item.account" :value="item.user_id"></el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="Country" v-if="editform.uid != 0">
+					<span>{{ reviewer_data.country }}</span>
+				</el-form-item>
+				<el-form-item label="Company" v-if="editform.uid != 0">
+					<span>{{ reviewer_data.company }}</span>
+				</el-form-item>
+				<el-form-item label="Major" v-if="editform.uid != 0">
+					<span>{{ reviewer_data.major_title }}</span>
+				</el-form-item>
+				<el-form-item label="Field" v-if="editform.uid != 0">
+					<span>{{ reviewer_data.field }}</span>
+				</el-form-item>
+				<el-form-item label="Introduction" v-if="editform.uid != 0">
+					<span>{{ reviewer_data.introduction }}</span>
+				</el-form-item>
+			</el-form>
+			<span slot="footer" class="dialog-footer">
+				<el-button @click="editVisible = false">cancel</el-button>
+				<el-button type="primary" @click="saveEdit">save</el-button>
+			</span>
+		</el-dialog>
+		<el-dialog title="Supplement" :visible.sync="editVisible1" width="40%">
+			<el-form ref="questionform" :model="questionform" label-position="top" label-width="300px">
+				<el-form-item label="Reviewer">
+					<el-select v-model="questionform.uid" filterable @change="changereviewer1()" placeholder="Please select">
+						<el-option :key="0" label="please select" :value="0"></el-option>
+						<el-option v-for="item in reviewerList" :key="item.user_id" :label="item.account" :value="item.user_id"></el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="Country" v-if="questionform.uid != 0">
+					<span>{{ reviewer_data1.country }}</span>
+				</el-form-item>
+				<el-form-item label="Company" v-if="questionform.uid != 0">
+					<span>{{ reviewer_data1.company }}</span>
+				</el-form-item>
+				<el-form-item label="Major" v-if="questionform.uid != 0">
+					<span>{{ reviewer_data1.major_title }}</span>
+				</el-form-item>
+				<el-form-item label="Field" v-if="questionform.uid != 0">
+					<span>{{ reviewer_data1.field }}</span>
+				</el-form-item>
+				<el-form-item label="Introduction" v-if="questionform.uid != 0">
+					<span>{{ reviewer_data1.introduction }}</span>
+				</el-form-item>
+				<el-form-item label="1.Originality of the topic">
+					<el-radio-group v-model="questionform.qu1">
+						<el-radio :label="1">Excellent</el-radio>
+						<el-radio :label="2">Good</el-radio>
+						<el-radio :label="3">Fair</el-radio>
+						<el-radio :label="4">Poor</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="2.Technical Quality">
+					<el-radio-group v-model="questionform.qu2">
+						<el-radio :label="1">Excellent</el-radio>
+						<el-radio :label="2">Good</el-radio>
+						<el-radio :label="3">Fair</el-radio>
+						<el-radio :label="4">Poor</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="3.Importance in its Field">
+					<el-radio-group v-model="questionform.qu3">
+						<el-radio :label="1">Excellent</el-radio>
+						<el-radio :label="2">Good</el-radio>
+						<el-radio :label="3">Fair</el-radio>
+						<el-radio :label="4">Poor</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="4.Style & Overall Representation">
+					<el-radio-group v-model="questionform.qu4">
+						<el-radio :label="1">Excellent</el-radio>
+						<el-radio :label="2">Good</el-radio>
+						<el-radio :label="3">Fair</el-radio>
+						<el-radio :label="4">Poor</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="5.Readily Understandable">
+					<el-radio-group v-model="questionform.qu5">
+						<el-radio :label="1">Excellent</el-radio>
+						<el-radio :label="2">Good</el-radio>
+						<el-radio :label="3">Fair</el-radio>
+						<el-radio :label="4">Poor</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="6.Suitability for the Journal">
+					<el-radio-group v-model="questionform.qu6">
+						<el-radio :label="1">Excellent</el-radio>
+						<el-radio :label="2">Good</el-radio>
+						<el-radio :label="3">Fair</el-radio>
+						<el-radio :label="4">Poor</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="7.Adequate Illustrations or Drawings">
+					<el-radio-group v-model="questionform.qu7">
+						<el-radio :label="1">Excellent</el-radio>
+						<el-radio :label="2">Good</el-radio>
+						<el-radio :label="3">Fair</el-radio>
+						<el-radio :label="4">Poor</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="8.English language">
+					<el-radio-group v-model="questionform.qu8">
+						<el-radio :label="1">Excellent</el-radio>
+						<el-radio :label="2">Good</el-radio>
+						<el-radio :label="3">Fair</el-radio>
+						<el-radio :label="4">Poor</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-collapse>
+					<el-form-item label="9.Does the title represent manuscript's contents?">
+						<el-switch v-model="questionform.qu9" active-text="yes" inactive-text="no"></el-switch>
+						<el-collapse-item name="1">
+							<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
+							<el-input type="textarea" placeholder="please input content" v-model="questionform.qu9contents" :rows="4"></el-input>
+						</el-collapse-item>
+					</el-form-item>
+					<el-form-item label="10.Is the Abstract accurate and concise?">
+						<el-switch v-model="questionform.qu10" active-text="yes" inactive-text="no"></el-switch>
+						<el-collapse-item name="2">
+							<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
+							<el-input type="textarea" placeholder="please input content" v-model="questionform.qu10contents" :rows="4"></el-input>
+						</el-collapse-item>
+					</el-form-item>
+					<el-form-item label="11.Are the approach/ methods properly described?">
+						<el-switch v-model="questionform.qu11" active-text="yes" inactive-text="no"></el-switch>
+						<el-collapse-item name="3">
+							<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
+							<el-input type="textarea" placeholder="please input content" v-model="questionform.qu11contents" :rows="4"></el-input>
+						</el-collapse-item>
+					</el-form-item>
+					<el-form-item label="12.Are the conclusions and interpretations sound?">
+						<el-switch v-model="questionform.qu12" active-text="yes" inactive-text="no"></el-switch>
+						<el-collapse-item name="4">
+							<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
+							<el-input type="textarea" placeholder="please input content" v-model="questionform.qu12contents" :rows="4"></el-input>
+						</el-collapse-item>
+					</el-form-item>
+					<el-form-item label="13.Are the references properly cited?">
+						<el-switch v-model="questionform.qu13" active-text="yes" inactive-text="no"></el-switch>
+						<el-collapse-item name="5">
+							<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
+							<el-input type="textarea" placeholder="please input content" v-model="questionform.qu13contents" :rows="4"></el-input>
+						</el-collapse-item>
+					</el-form-item>
+					<el-form-item label="14.Is this a new/ original/ confirmatory contribution?">
+						<el-switch v-model="questionform.qu14" active-text="yes" inactive-text="no"></el-switch>
+						<el-collapse-item name="6">
+							<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
+							<el-input type="textarea" placeholder="please input content" v-model="questionform.qu14contents" :rows="4"></el-input>
+						</el-collapse-item>
+					</el-form-item>
+					<el-form-item label="15.Is it within the scope of the journal?">
+						<el-switch v-model="questionform.qu15" active-text="yes" inactive-text="no"></el-switch>
+						<el-collapse-item name="7">
+							<template slot="title"> <i class="el-icon-edit"></i>Comments/ Suggestions </template>
+							<el-input type="textarea" placeholder="please input content" v-model="questionform.qu15contents" :rows="4"></el-input>
+						</el-collapse-item>
+					</el-form-item>
+				</el-collapse>
+				<el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
+				<el-form-item label="Overall the Paper is Rated">
+					(Poor-------------------------------------------------------------Excellent)
+					<br />
+					<el-radio-group v-model="questionform.rated" size="small">
+						<el-radio-button label="1"></el-radio-button>
+						<el-radio-button label="2"></el-radio-button>
+						<el-radio-button label="3"></el-radio-button>
+						<el-radio-button label="4"></el-radio-button>
+						<el-radio-button label="5"></el-radio-button>
+						<el-radio-button label="6"></el-radio-button>
+						<el-radio-button label="7"></el-radio-button>
+						<el-radio-button label="8"></el-radio-button>
+						<el-radio-button label="9"></el-radio-button>
+						<el-radio-button label="10"></el-radio-button>
+					</el-radio-group>
+					<br />
+					<span>Your score:{{ questionform.rated }}</span>
+				</el-form-item>
+				<el-form-item label="REFEREE'S RECOMMENDATIONS" prop="recommend">
+					<el-radio-group v-model="questionform.recommend">
+						<el-radio :label="1">Accept with minor changes</el-radio>
+						<br />
+						<el-radio :label="2">Accept subject to revisions, as noted in comments</el-radio>
+						<br />
+						<el-radio :label="3">Reject in current form, but may be resubmitted</el-radio>
+						<br />
+						<el-radio :label="4">Reject, with no resubmission</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="OTHER SPECIFIC CRITICISMS">
+					<el-radio-group v-model="questionform.other">
+						<el-radio :label="1">Imperfect style</el-radio>
+						<br />
+						<el-radio :label="2">Too long</el-radio>
+						<br />
+						<el-radio :label="3">References incorrectly presented</el-radio>
+						<br />
+						<el-radio :label="4">Typographical and Grammatical errors</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="Confidential Comments to the Editor">
+					<el-input type="textarea" placeholder="please input content" v-model="questionform.confident" :rows="8"></el-input>
+				</el-form-item>
+				<el-form-item label="Comments for the Authors">
+					<el-input type="textarea" placeholder="please input content" v-model="questionform.comment" :rows="8"></el-input>
+				</el-form-item>
+				<el-form-item>
+					<el-button type="primary" @click="addArtRev">submit</el-button>
+				</el-form-item>
+			</el-form>
+		</el-dialog>
+	</div>
 </template>
 
 <script>
-export default {
-    data() {
-        return {
-            baseUrl: this.Common.baseUrl,
-            questionform: {
-                uid: 0,
-                articleId: this.$route.query.id,
-                qu1: '',
-                qu2: '',
-                qu3: '',
-                qu4: '',
-                qu5: '',
-                qu6: '',
-                qu7: '',
-                qu8: '',
-                qu9: 'false',
-                qu9contents: '',
-                qu10: 'false',
-                qu10contents: '',
-                qu11: 'false',
-                qu11contents: '',
-                qu12: 'false',
-                qu12contents: '',
-                qu13: 'false',
-                qu13contents: '',
-                qu14: 'false',
-                qu14contents: '',
-                qu15: 'false',
-                qu15contents: '',
-                rated: '',
-                recommend: '',
-                other: '',
-                confident: '',
-                comment: ''
-            },
-            query: {
-                articleId: this.$route.query.id,
-                pageIndex: 1,
-                pageSize: 10
-            },
-            editform: {
-                uid: 0,
-                articleId: this.$route.query.id
-            },
-            reviewer_data: {
-                introduction: '',
-                country: '',
-                company: '',
-                major_title: '',
-                field: ''
-            },
-            reviewer_data1: {
-                introduction: '',
-                country: '',
-                company: '',
-                major_title: '',
-                field: ''
-            },
-            editVisible: false,
-            editVisible1: false,
-            tableData: [],
-            reviewerList: [],
-            loading: false,
-            Total: 0
-        };
-    },
-    created() {
-        this.getdate();
-        this.initreviewerList();
-    },
-    computed: {
-        upload_url: function () {
-            return this.baseUrl + 'api/Reviewer/up_file';
-        }
-    },
-    methods: {
-        // 获取编辑列表数据
-        getdate() {
-            this.$api
-                .post('api/Article/getReviewerList', this.query)
-                .then((res) => {
-                    this.Total = res.totle;
-                    this.tableData = res.data;
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-        },
-        // 分页导航
-        handlePageChange(val) {
-            this.$set(this.query, 'pageIndex', val);
-            this.getdate();
-        },
-        addReviewer() {
-            alert('sssss');
-        },
-        //初始化审查员列表
-        initreviewerList() {
-            this.$api
-                .post('api/Article/getArticleReviewerList', { articleId: this.query.articleId })
-                .then((res) => {
-                    this.reviewerList = res.data;
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-        },
-        //保存添加操作
-        saveEdit() {
-            if (this.editform.uid == 0) {
-                this.$message.error('please select a reviewer');
-            } else {
-                this.loading = true;
-                this.$api
-                    .post('api/Article/addArticleReviewer', this.editform)
-                    .then((res) => {
-                        this.loading = false;
-                        if (res.code == 0) {
-                            this.$message.success('add success');
-                            this.$router.go(0);
-                        } else {
-                            this.$message.error('add error');
-                        }
-                    })
-                    .catch((err) => {
-                        console.log(err);
-                    });
-            }
-        },
-        addArtRev(){
-            if(this.questionform.uid==0){
-                this.$message.error('Please select a reviewer');
-            }else{
-                this.loading = true;
-                this.$api.post('api/Article/addArtRev',this.questionform)
-                .then((res)=>{
-                    this.loading = false;
-                    if(res.code == 0){
-                            this.$message.success('add success');
-                            this.$router.go(0);
-                    }else{
-                        this.$message.error('add error');
-                    }
-                })
-                    .catch((err) => {
-                        console.log(err);
-                    });
-            }
-        },
-        showdetail(row) {
-            if (row.state == 4) {
-                this.$message.error('Review expired!');
-            } else {
-                this.$router.push({ path: 'articleReviewerDetail', query: { id: row.art_rev_id } });
-            }
-        },
-        changereviewer() {
-            if (this.editform.uid !== 0) {
-                this.$api
-                    .post('api/Article/getReviewerdetail', { uid: this.editform.uid })
-                    .then((res) => {
-                        this.reviewer_data.introduction = res.data.introduction;
-                        this.reviewer_data.country = res.data.country;
-                        this.reviewer_data.company = res.data.company;
-                        this.reviewer_data.major_title = res.data.major_title;
-                        this.reviewer_data.field = res.data.field;
-                    })
-                    .catch((err) => {
-                        console.log(err);
-                    });
-            }
-        },
-        changereviewer1() {
-            if (this.questionform.uid !== 0) {
-                this.$api
-                    .post('api/Article/getReviewerdetail', { uid: this.questionform.uid })
-                    .then((res) => {
-                        this.reviewer_data1.introduction = res.data.introduction;
-                        this.reviewer_data1.country = res.data.country;
-                        this.reviewer_data1.company = res.data.company;
-                        this.reviewer_data1.major_title = res.data.major_title;
-                        this.reviewer_data1.field = res.data.field;
-                    })
-                    .catch((err) => {
-                        console.log(err);
-                    });
-            }
-        },
-        majorTitle(row, column, cellValue, index) {
-            return row.major_title + '(' + row.major_ctitle + ')';
-        },
-        revstate(row, column, cellValue, index) {
-            let frag = '';
-            if (row.state == 0) {
-                frag = 'With reviewer';
-            } else if (row.state == 1) {
-                frag = 'Revision';
-            } else if (row.state == 2) {
-                frag = 'Reject';
-            } else if (row.state == 3) {
-                frag = 'Accepted';
-            } else if (row.state == 4) {
-                frag = 'invalid';
-            }
-            return frag;
-        }
-    }
-};
+	export default {
+		data() {
+			return {
+				baseUrl: this.Common.baseUrl,
+				questionform: {
+					uid: 0,
+					articleId: this.$route.query.id,
+					qu1: '',
+					qu2: '',
+					qu3: '',
+					qu4: '',
+					qu5: '',
+					qu6: '',
+					qu7: '',
+					qu8: '',
+					qu9: 'false',
+					qu9contents: '',
+					qu10: 'false',
+					qu10contents: '',
+					qu11: 'false',
+					qu11contents: '',
+					qu12: 'false',
+					qu12contents: '',
+					qu13: 'false',
+					qu13contents: '',
+					qu14: 'false',
+					qu14contents: '',
+					qu15: 'false',
+					qu15contents: '',
+					rated: '',
+					recommend: '',
+					other: '',
+					confident: '',
+					comment: ''
+				},
+				query: {
+					articleId: this.$route.query.id,
+					pageIndex: 1,
+					pageSize: 10
+				},
+				editform: {
+					uid: 0,
+					articleId: this.$route.query.id
+				},
+				reviewer_data: {
+					introduction: '',
+					country: '',
+					company: '',
+					major_title: '',
+					field: ''
+				},
+				reviewer_data1: {
+					introduction: '',
+					country: '',
+					company: '',
+					major_title: '',
+					field: ''
+				},
+				editVisible: false,
+				editVisible1: false,
+				tableData: [],
+				reviewerList: [],
+				loading: false,
+				Total: 0
+			};
+		},
+		created() {
+			this.getdate();
+			this.initreviewerList();
+		},
+		computed: {
+			upload_url: function() {
+				return this.baseUrl + 'api/Reviewer/up_file';
+			}
+		},
+		methods: {
+			// 获取编辑列表数据
+			getdate() {
+				this.$api
+					.post('api/Article/getReviewerList', this.query)
+					.then((res) => {
+						this.Total = res.totle;
+						this.tableData = res.data;
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			},
+			// 分页导航
+			handlePageChange(val) {
+				this.$set(this.query, 'pageIndex', val);
+				this.getdate();
+			},
+			addReviewer() {
+				alert('sssss');
+			},
+			//初始化审查员列表
+			initreviewerList() {
+				this.$api
+					.post('api/Article/getArticleReviewerList', {
+						articleId: this.query.articleId
+					})
+					.then((res) => {
+						this.reviewerList = res.data;
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			},
+			//保存添加操作
+			saveEdit() {
+				if (this.editform.uid == 0) {
+					this.$message.error('please select a reviewer');
+				} else {
+					this.loading = true;
+					this.$api
+						.post('api/Article/addArticleReviewer', this.editform)
+						.then((res) => {
+							this.loading = false;
+							if (res.code == 0) {
+								this.$message.success('add success');
+								this.$router.go(0);
+							} else {
+								this.$message.error('add error');
+							}
+						})
+						.catch((err) => {
+							console.log(err);
+						});
+				}
+			},
+			addArtRev() {
+				if (this.questionform.uid == 0) {
+					this.$message.error('Please select a reviewer');
+				} else {
+					this.loading = true;
+					this.$api.post('api/Article/addArtRev', this.questionform)
+						.then((res) => {
+							this.loading = false;
+							if (res.code == 0) {
+								this.$message.success('add success');
+								this.$router.go(0);
+							} else {
+								this.$message.error('add error');
+							}
+						})
+						.catch((err) => {
+							console.log(err);
+						});
+				}
+			},
+			showdetail(row) {
+				if (row.state == 4) {
+					this.$message.error('Review expired!');
+				} else {
+					this.$router.push({
+						path: 'articleReviewerDetail',
+						query: {
+							id: row.art_rev_id
+						}
+					});
+				}
+			},
+			changereviewer() {
+				if (this.editform.uid !== 0) {
+					this.$api
+						.post('api/Article/getReviewerdetail', {
+							uid: this.editform.uid
+						})
+						.then((res) => {
+							this.reviewer_data.introduction = res.data.introduction;
+							this.reviewer_data.country = res.data.country;
+							this.reviewer_data.company = res.data.company;
+							this.reviewer_data.major_title = res.data.major_title;
+							this.reviewer_data.field = res.data.field;
+						})
+						.catch((err) => {
+							console.log(err);
+						});
+				}
+			},
+			changereviewer1() {
+				if (this.questionform.uid !== 0) {
+					this.$api
+						.post('api/Article/getReviewerdetail', {
+							uid: this.questionform.uid
+						})
+						.then((res) => {
+							this.reviewer_data1.introduction = res.data.introduction;
+							this.reviewer_data1.country = res.data.country;
+							this.reviewer_data1.company = res.data.company;
+							this.reviewer_data1.major_title = res.data.major_title;
+							this.reviewer_data1.field = res.data.field;
+						})
+						.catch((err) => {
+							console.log(err);
+						});
+				}
+			},
+			majorTitle(row, column, cellValue, index) {
+				return row.major_title + '(' + row.major_ctitle + ')';
+			},
+			revstate(row, column, cellValue, index) {
+				let frag = '';
+				if (row.state == 0) {
+					frag = 'With reviewer';
+				} else if (row.state == 1) {
+					frag = 'Revision';
+				} else if (row.state == 2) {
+					frag = 'Reject';
+				} else if (row.state == 3) {
+					frag = 'Accepted';
+				} else if (row.state == 4) {
+					frag = 'invalid';
+				}
+				return frag;
+			}
+		}
+	};
 </script>
 
 <style scoped>
-.handle-box {
-    margin-bottom: 20px;
-}
+	.handle-box {
+		margin-bottom: 20px;
+	}
 
-.handle-select {
-    width: 120px;
-}
+	.handle-select {
+		width: 120px;
+	}
 
-.handle-input {
-    width: 300px;
-    display: inline-block;
-}
-.table {
-    width: 100%;
-    font-size: 14px;
-}
-.red {
-    color: #ff0000;
-}
-.mr10 {
-    margin-right: 10px;
-}
-.table-td-thumb {
-    display: block;
-    margin: auto;
-    width: 40px;
-    height: 40px;
-}
-.el-table .warning-row {
-    background: #f3ca7f;
-}
-.el-table .success-row {
-    background: #bcfc9a;
-}
-.el-table .normol-row {
-    background: #d8f1c7;
-}
-.el-table .red-row {
-    background: #f05555;
-}
+	.handle-input {
+		width: 300px;
+		display: inline-block;
+	}
+
+	.table {
+		width: 100%;
+		font-size: 14px;
+	}
+
+	.red {
+		color: #ff0000;
+	}
+
+	.mr10 {
+		margin-right: 10px;
+	}
+
+	.table-td-thumb {
+		display: block;
+		margin: auto;
+		width: 40px;
+		height: 40px;
+	}
+
+	.el-table .warning-row {
+		background: #f3ca7f;
+	}
+
+	.el-table .success-row {
+		background: #bcfc9a;
+	}
+
+	.el-table .normol-row {
+		background: #d8f1c7;
+	}
+
+	.el-table .red-row {
+		background: #f05555;
+	}
 </style>
diff --git a/src/components/page/chiefeditor.vue b/src/components/page/chiefeditor.vue
index 14aeb4b..6988fc8 100644
--- a/src/components/page/chiefeditor.vue
+++ b/src/components/page/chiefeditor.vue
@@ -11,18 +11,28 @@
 			<div class="handle-box">
 				<el-button type="primary" icon="el-icon-circle-plus-outline" @click="addEditor">add</el-button>
 			</div>
-
+			<div class="handle-box" :rules="rules">
+				<el-select v-model="query.journal_id" placeholder="请选择期刊" @change="chan_id" style="width: 300px;">
+					<el-option label="All" :key="0" :value="0"></el-option>
+					<el-option v-for="item in df_jour" :label="item.title" :key="item.journal_id" :value="item.journal_id"></el-option>
+				</el-select>
+			</div>
 			<el-table :data="tableData" border stripe class="table" ref="multipleTable" header-cell-class-name="table-header">
 				<el-table-column prop="account" label="username" align="center"></el-table-column>
+				<el-table-column prop="journal.title" label="journal" align="center"></el-table-column>
 				<el-table-column prop="realname" label="realname" align="center"></el-table-column>
-				<el-table-column prop="phone" label="phone" align="center"></el-table-column>
+				<el-table-column prop="phone" label="phone" align="center" width="150px"></el-table-column>
 				<el-table-column prop="email" label="email" align="center"></el-table-column>
 				<el-table-column label="" width="100" align="center">
 					<template slot-scope="scope">
-						<el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">Edit</el-button>
+						<el-button type="text" icon="el-icon-delete" class="red" @click="handleDelete(scope.$index, scope.row)">Delete</el-button>
 					</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>
+			</div>
 		</div>
 
 		<!-- 添加弹出框 -->
@@ -34,6 +44,12 @@
 				<el-form-item label="email" prop="email">
 					<el-input v-model="addForm.email" @blur='saerEm_U()'></el-input>
 				</el-form-item>
+				<el-form-item label="journal" prop="journal_id">
+					<el-select v-model="addForm.journal_id" filterable placeholder="Please select a responsible Journal" value-key="groupID"
+					 style="width: 300px;">
+						<el-option v-for="item in df_jour" :label="item.title" :key="item.journal_id" :value="item.journal_id"></el-option>
+					</el-select>
+				</el-form-item>
 				<el-form-item label="realname" prop="realname">
 					<el-input v-model="addForm.realname"></el-input>
 				</el-form-item>
@@ -53,29 +69,32 @@
 			</span>
 		</el-dialog>
 
-		<!-- 编辑弹出框 -->
-		<el-dialog title="Edit editor" :visible.sync="editVisible" width="40%">
-			<el-form ref="edit_Form" :model="editForm" :rules="rules" label-width="150px">
-				<el-form-item label="account" prop="account">
-					<template slot-scope="scope">
-						{{editForm.account}}
-					</template>
+
+		<!-- 已有信息弹出框 -->
+		<el-dialog title="Add editorial board" :visible.sync="oldVisible" width="40%">
+			<el-form ref="old_Form" :model="oldForm" :rules="rules" label-width="100px">
+				<el-form-item label="account">
+					{{oldForm.account}}
 				</el-form-item>
-				<el-form-item label="email" prop="email">
-					<template slot-scope="scope">
-						{{editForm.email}}
-					</template>
+				<el-form-item label="email">
+					{{oldForm.email}}
 				</el-form-item>
-				<el-form-item label="realname" prop="realname">
-					<el-input v-model="editForm.realname"></el-input>
+				<el-form-item label="journal" prop="journal_id">
+					<el-select v-model="oldForm.journal_id" filterable placeholder="Please select a responsible Journal" value-key="groupID"
+					 style="width: 300px;">
+						<el-option v-for="item in df_jour" :label="item.title" :key="item.journal_id" :value="item.journal_id"></el-option>
+					</el-select>
 				</el-form-item>
-				<el-form-item label="phone" prop="phone">
-					<el-input v-model="editForm.phone"></el-input>
+				<el-form-item label="realname">
+					{{oldForm.realname}}
+				</el-form-item>
+				<el-form-item label="phone">
+					{{oldForm.phone}}
 				</el-form-item>
 			</el-form>
 			<span slot="footer" class="dialog-footer">
-				<el-button @click="editVisible = false">Cancel</el-button>
-				<el-button type="primary" @click="saveEdit(editForm)">OK</el-button>
+				<el-button @click="oldVisible = false">Cancel</el-button>
+				<el-button type="primary" @click="saveOld(oldForm)">OK</el-button>
 			</span>
 		</el-dialog>
 
@@ -87,14 +106,20 @@
 		data() {
 			return {
 				tableData: [],
-				editVisible: false,
+				df_jour: [],
 				addVisible: false,
+				oldVisible: false,
+				addForm: {},
+				oldForm: {},
 				aid: -1,
-				idx: -1,
 				id: -1,
 				btn_alert: false,
-				addForm: {},
-				editForm: {},
+				Total: 0,
+				query: {
+					journal_id: 0,
+					pageIndex: 1,
+					pageSize: 10
+				},
 				rules: {
 					account: [{
 						required: true,
@@ -115,6 +140,11 @@
 						},
 						trigger: "blur"
 					}],
+					journal_id: [{
+						required: true,
+						message: 'Please select a responsible Journal',
+						trigger: 'blur'
+					}],
 					password: [{
 						required: true,
 						message: 'Please input password',
@@ -132,16 +162,41 @@
 			this.getdate();
 		},
 		methods: {
-			// 获取编辑列表数据
 			getdate() {
+				// 获取主编列表数据
 				this.$api
-					.post('api/Chief/getChiefList')
+					.post('api/Chief/getChiefList',this.query)
 					.then(res => {
 						this.tableData = res.data.chiefs;
+						this.Total = res.data.count || 0;
 					})
 					.catch(err => {
 						this.$message.error(err);
 					});
+				// 获取全部期刊
+				this.$api
+					.post('api/Chief/getAllJournals')
+					.then(res => {
+						if (res.code == 0) {
+							this.df_jour = res.data.journals;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 下拉分类搜索
+			chan_id(event) {
+				this.getdate();
+			},
+			
+			// 分页导航
+			handlePageChange(val) {
+			    this.$set(this.query, 'pageIndex', val);
+			    this.getdate();
 			},
 
 			// 添加操作
@@ -160,21 +215,14 @@
 						.then(res => {
 							if (res.code == 0) {
 								if (res.data.user_info != null) {
-									this.$confirm('该账户已存在，是否将该账户新增主编身份？', '提示', {
+									this.$confirm('This user already exists, do you want to add this user as journal editor？', 'Tips', {
 											type: 'warning'
 										})
 										.then(() => {
 											this.addVisible = false;
 											this.$refs.add_Form.resetFields();
-											this.$api
-												.post('api/Chief/addChief', res.data.user_info)
-												.then(res => {
-													this.$message.success(`添加成功`);
-													this.getdate();
-												})
-												.catch(err => {
-													this.$message.error(err);
-												});
+											this.oldVisible = true;
+											this.oldForm = res.data.user_info;
 										})
 										.catch(() => {});
 									this.btn_alert = true
@@ -200,21 +248,14 @@
 						.then(res => {
 							if (res.code == 0) {
 								if (res.data.user_info != null) {
-									this.$confirm('该账户已存在，是否将该账户新增主编身份？', '提示', {
+									this.$confirm('This user already exists, do you want to add this user as journal editor？', 'Tips', {
 											type: 'warning'
 										})
 										.then(() => {
 											this.addVisible = false;
 											this.$refs.add_Form.resetFields();
-											this.$api
-												.post('api/Chief/addChief', res.data.user_info)
-												.then(res => {
-													this.$message.success(`添加成功`);
-													this.getdate();
-												})
-												.catch(err => {
-													this.$message.error(err);
-												});
+											this.oldVisible = true;
+											this.oldForm = res.data.user_info;
 										})
 										.catch(() => {});
 									this.btn_alert = true
@@ -243,7 +284,7 @@
 									if (res.code == 0) {
 										this.addVisible = false;
 										this.$refs.add_Form.resetFields();
-										this.$message.success(`添加成功`);
+										this.$message.success(`Added successfully！`);
 										this.getdate();
 									} else {
 										this.$message.error(res.msg);
@@ -257,26 +298,21 @@
 						}
 					});
 				} else {
-					this.$message.error("两次新密码输入不一致");
+					this.$message.error("The two passwords are inconsistent！");
 				}
-
 			},
-			// 编辑操作
-			handleEdit(index, row) {
-				this.idx = index;
-				this.editForm = Object.assign({}, row);
-				this.editVisible = true;
-			},
-			// 保存编辑
-			saveEdit(editForm) {
-				this.$refs.edit_Form.validate((valid) => {
+			
+			// 保存old添加
+			saveOld(oldForm) {
+				this.$refs.old_Form.validate((valid) => {
 					if (valid) {
 						this.$api
-							.post('api/Chief/editChief', this.editForm)
+							.post('api/Chief/addJournalBoardHas', this.oldForm)
 							.then(res => {
 								if (res.code == 0) {
-									this.editVisible = false;
-									this.$message.success(`更改第 ${this.idx + 1} 行成功`);
+									this.oldVisible = false;
+									this.$refs.old_Form.resetFields();
+									this.$message.success(`Added successfully！`);
 									this.getdate();
 								} else {
 									this.$message.error(res.msg);
@@ -286,11 +322,34 @@
 								this.$message.error(err);
 							});
 					} else {
-						this.$message.error('error submit!!');
 						return false;
 					}
 				});
 			},
+			
+			// 删除操作
+			handleDelete(index, row) {
+				// 二次确认删除
+				this.$confirm('Are you sure you want to delete？', 'Tips', {
+						type: 'warning'
+					})
+					.then(() => {
+						this.$api
+							.post('api/Chief/delChiefToJournal ', row)
+							.then(res => {
+								if (res.code == 0) {
+									this.$message.success('Delete succeeded');
+									this.getdate();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					})
+					.catch(() => {});
+			}
 		}
 	};
 </script>
@@ -304,4 +363,8 @@
 		width: 100%;
 		font-size: 14px;
 	}
+	
+	.red {
+		color: #ff0000;
+	}
 </style>
diff --git a/src/components/page/edit_ial.vue b/src/components/page/edit_ial.vue
new file mode 100644
index 0000000..957b06c
--- /dev/null
+++ b/src/components/page/edit_ial.vue
@@ -0,0 +1,268 @@
+<template>
+	<div>
+		<!-- 期刊下拉菜单 -->
+		<el-dropdown class="link_jour" trigger="click" @command="handlejournal">
+			<span>
+				{{ this.cate_title }}<i class="el-icon-arrow-down el-icon--right"></i>
+			</span>
+			<el-dropdown-menu :default-active="onRoutes" router slot="dropdown">
+				<el-dropdown-item v-for="item in cate_jour" :command="item" :index="item.journal_id">
+					<i :class="item.icon"></i>{{ item.title }}
+				</el-dropdown-item>
+			</el-dropdown-menu>
+		</el-dropdown>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-collection"></i> <span class="top_dao">{{this.head_line}}</span>
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container container_l">
+			<el-row :gutter="24">
+				<el-col :span="16">
+					<div class="ma_title">
+						<svg t="1629527802392" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1650"
+						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
+							<path d="M188.09 651.19V257.35c0-17.13-0.12-34.27 0-51.4a82.49 82.49 0 0 1 0.56-9.16l-1.07 8a71.88 71.88 0 0 1 4.77-17.7l-3 7.17a65.69 65.69 0 0 1 5.08-9.55c0.48-0.74 1-1.47 1.49-2.19q2.67-3.62-2.29 2.95c1.07-1.06 2-2.31 3-3.39s2.13-2.12 3.26-3.11c5.41-4.73-5.17 3.35-1.05 0.81a65.75 65.75 0 0 1 8.82-4.76l-7.16 3a50.69 50.69 0 0 1 10.88-3l-8 1.07c8-1 16.36-0.45 24.41-0.45h23c15.7 0 30.73-13.8 30-30s-13.18-30-30-30h-40.7c-12.16 0.13-22.91 3-33.85 8-31.57 14.52-48.1 50.18-48.15 83.53q-0.06 38.93 0 77.86v289.88c0 25.06-0.43 50.16 0 75.22v1.06c0 15.69 13.8 30.73 30 30s30-13.18 30-30z"
+							 fill="#0071C3" p-id="1651"></path>
+							<path d="M918.68 647.94h-15.5V314.68c0-16.09 0.33-32.22 0-48.31v-0.69a28.79 28.79 0 0 0-1.4-8.74 27.62 27.62 0 0 0-7.43-12.57l-60.5-57.69-96.32-91.86-21.95-20.93a28.66 28.66 0 0 0-2.38-2 27.37 27.37 0 0 0-18.92-6.79H386.56c-21.68 0-43.37-0.15-65.05 0-33.19 0.23-66.24 19.24-79.86 50.21-5.43 12.37-8.56 24.66-8.65 38.29v494.34H105.32c-16.28 0-30.12 13.81-30.12 30.13v250.58c0 16.28 13.8 30.12 30.12 30.12h719.9c30.73 0 61.51 0.52 92.23 0h1.23c16.28 0 30.12-13.8 30.12-30.12V678.07c0-16.29-13.8-30.13-30.12-30.13zM797.82 235.55h-33.93c-5.19 0-10.43 0.17-15.63-0.17a61.29 61.29 0 0 1-7-1.93 57.29 57.29 0 0 1-5.73-3.29l-0.24-0.16c-0.94-0.83-1.87-1.66-2.76-2.55s-1.73-1.83-2.56-2.77l-0.15-0.23a58.37 58.37 0 0 1-3.3-5.74 62.29 62.29 0 0 1-2-7.64c-1-12.39-0.06-25.25-0.06-37.56v-8l9.08 8.66z m-504.58-82.16q0-2.05 0.15-4.11a60.48 60.48 0 0 1 2-7.12 56.34 56.34 0 0 1 3.29-5.74l0.15-0.23c0.83-0.94 1.67-1.88 2.56-2.77s1.82-1.72 2.76-2.56l0.24-0.15a56.34 56.34 0 0 1 5.74-3.29 62.66 62.66 0 0 1 7.63-2c12.3-1 25.07-0.05 37.27-0.05h292.13c5.64 0 11.29 0 16.94 0.08-0.09 27.46-0.21 54.92 0 82.38 0.23 23.51 9.58 46.83 26.69 63.18a89.83 89.83 0 0 0 61.5 24.84c19.24 0.17 38.48 0 57.72 0h32.87v318.57c0 11.17-0.16 22.35-0.15 33.52H649.67a25.15 25.15 0 0 0-9.42 1.08c-6.88 2.23-14.81 6.75-17.91 13.65a28.06 28.06 0 0 0-3.08 6.7 154.44 154.44 0 0 1-10.53 18.4c-1.22 1.83-2.51 3.61-3.79 5.39-0.25 0.31-0.5 0.63-0.76 0.94q-4.71 5.7-9.95 10.93-5 5-10.4 9.47l-0.49 0.38c1.35-1 2.34-1.66-0.07 0.13l-1.46 1.06c0.31-0.26 0.68-0.55 1.05-0.83-0.42 0.3-0.84 0.62-1.22 1-1.36 1-2.73 1.95-4.13 2.89a155.31 155.31 0 0 1-22 12.3 157.66 157.66 0 0 1-31.63 8.67 160.51 160.51 0 0 1-33.09 0 157.38 157.38 0 0 1-31.62-8.67 155.09 155.09 0 0 1-21.47-11.91c-1.78-1.18-3.52-2.41-5.25-3.66 0.33 0.28 0.69 0.57 1.08 0.91-0.48-0.41-1-0.8-1.47-1.19a0.71 0.71 0 0 0-0.14-0.1 25.52 25.52 0 0 1-2.61-2.19c-3.07-2.62-6-5.36-8.91-8.21q-5-5-9.5-10.38l-1.16-1.43a203.68 203.68 0 0 1-3.45-4.86 157.45 157.45 0 0 1-13.91-25.5c-4.07-9.39-16.39-14.92-26-14.92h-73.14V212.58c0-19.73-0.15-39.46 0-59.19z m288.18 563c-0.11 0.1-0.23 0.21-0.33 0.32 0.08-0.08 0.2-0.19 0.33-0.31z m262 182.12H198.78c-21.08 0-42.22-0.34-63.33-0.32v-190h212.27c23.5 42.08 64.93 74 111.35 86.61 53.34 14.47 113.4 3.89 157.42-29.9 20.29-15.57 37.82-34.5 50.34-56.71h221.72v190.33z"
+							 fill="#0071C3" p-id="1652"></path>
+							<path d="M431.3 715l0.72 0.58 0.39 0.28c-2-1.7-2.91-2.41-3.14-2.57zM583.34 714.88l-0.48 0.36z" fill="#0071C3"
+							 p-id="1653"></path>
+							<path d="M368.17 379.84h240c15.69 0 30.73-13.8 30-30s-13.18-30-30-30h-240c-15.69 0-30.73 13.8-30 30s13.18 30 30 30zM368.17 507.91H719c16.16 0 32.37 0.33 48.53 0h0.69c15.69 0 30.73-13.8 30-30s-13.18-30-30-30H417.39c-16.16 0-32.37-0.33-48.53 0h-0.69c-15.69 0-30.73 13.8-30 30s13.18 30 30 30z"
+							 fill="#FD9A16" p-id="1654"></path>
+						</svg>
+						The manuscripts are ready to get final decisions.
+					</div>
+					<ul class="ta1_uli">
+						<li v-for="item in tableData1">
+							<h5>{{item.type}}</h5>
+							<router-link target="_blank" :to="{path:'/edit_text',query:{Art_id:item.article_id}}">
+								<h3>{{item.title}}</h3>
+							</router-link>
+							<h6>{{item.author}}</h6>
+							<h4><span>{{head_line}}.</span><span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+						</li>
+						<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
+					</ul>
+				</el-col>
+				<el-col :span="8">
+					<div class="ma_title">
+						<svg t="1629527662744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3890"
+						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
+							<path d="M277.79 206l1.7-1.34-1.49 1.16zM812.16 272.94l-0.06-0.08-0.25-0.31 2 2.69-0.86-1.17zM743.76 805.56l0.08-0.07 0.31-0.24c-1.42 1.06-2.26 1.7-2.69 2l1.17-0.86z"
+							 fill="#0071C3" p-id="3891"></path>
+							<path d="M929.43 366.16c-24.2-71.91-66.72-137.68-123.37-188.29C749.14 127 679.34 90.48 604.51 74.74 527.24 58.48 445.43 62.36 370.59 88 298.35 112.79 232.42 156 182 213.47c-50.73 57.81-86.91 128.47-101.75 204.11a479.79 479.79 0 0 0-7.92 60.89c-1 15.88 14.71 31.06 30.36 30.36 17.34-0.78 29.23-13.35 30.35-30.36q0.81-12.27 2.32-24.47a412.41 412.41 0 0 1 26.27-96.3 411.4 411.4 0 0 1 26.79-51.54q8.07-13.12 17.1-25.62c1.3-1.81 2.62-3.6 4-5.39l1.44-1.9c3-3.8 6.06-7.58 9.2-11.29a413.71 413.71 0 0 1 42.49-43.31q5.52-4.85 11.2-9.5l4-3.2 0.16-0.13 0.99-0.82 3.16-2.48-2.68 2.12c0.66-0.52 1.37-1.07 1.85-1.42q12-9 24.73-17.17A411.38 411.38 0 0 1 364.44 155a412 412 0 0 1 96.16-26.21 419.29 419.29 0 0 1 102.11 0 412.31 412.31 0 0 1 96.36 26.29A411.16 411.16 0 0 1 710.79 182q13 8 25.43 17 3 2.15 5.88 4.33l1.31 1c4 3.14 7.87 6.31 11.72 9.57a411.9 411.9 0 0 1 43.41 42.71q4.8 5.49 9.41 11.14c1.32 1.61 2.61 3.23 3.9 4.86l-1.24-1.64 1.55 2c1 1.25 2.71 3.58 1.73 2.3q8.72 11.65 16.6 23.91a413 413 0 0 1 31.24 58.65A412.49 412.49 0 0 1 888 454a419.12 419.12 0 0 1 0 102.09 412.39 412.39 0 0 1-26.29 96.37 412.61 412.61 0 0 1-26.92 51.73q-8 13-17 25.42-2.14 3-4.34 5.88c-0.32 0.44-0.66 0.87-1 1.31-3.13 4-6.3 7.88-9.57 11.72a411.9 411.9 0 0 1-42.71 43.41q-5.48 4.8-11.13 9.41-2.43 2-4.87 3.91l1.63-1.25-2 1.55c-1.24 1-3.57 2.7-2.3 1.72q-11.65 8.72-23.9 16.6a413.08 413.08 0 0 1-58.66 31.24 412.28 412.28 0 0 1-96.19 26.22 420 420 0 0 1-102.13 0 412.94 412.94 0 0 1-96.68-26.43 412.57 412.57 0 0 1-76.35-43.43c-2.72-2-5.4-4-8.08-6l-0.48-0.39q-2.42-1.9-4.79-3.85-8.93-7.28-17.42-15a419.54 419.54 0 0 1-32.18-32.88 24.54 24.54 0 0 0-2-2h172.43c15.88 0 31.09-14 30.35-30.35s-13.33-30.36-30.35-30.36H166.91c-15.23 0-32 14-30.36 30.36l6.84 70.2q5.46 55.9 10.9 111.83l2.5 25.58c0.8 8.24 2.85 15.43 8.89 21.47 5.27 5.26 13.9 9.23 21.47 8.89 15.12-0.68 32-13.43 30.35-30.36l-6.84-70.2q-1.72-17.76-3.46-35.52a441.21 441.21 0 0 0 194.12 108.39c80.95 20.81 168.56 18.41 247.94-8 71.79-23.91 137.5-66.07 188.25-122.32 51-56.48 87.7-125.89 103.88-200.34 16.81-77.33 13.3-159.36-11.96-234.46z"
+							 fill="#0071C3" p-id="3892"></path>
+							<path d="M466.71 289.7v215.35c0 16.48 13.91 30.26 30.36 30.36l72.83 0.41 116.69 0.67 26.71 0.15c15.89 0.09 31.09-14 30.36-30.35-0.74-16.53-13.34-30.26-30.36-30.36l-72.83-0.42-116.69-0.67-26.71-0.15 30.35 30.36V289.7c0-15.88-14-31.09-30.35-30.36s-30.36 13.34-30.36 30.36z"
+							 fill="#FD9A16" p-id="3893"></path>
+						</svg>
+						Accepted manuscripts.
+					</div>
+					<ul class="ta1_uli">
+						<li v-for="item in tableData2">
+							<h5>{{item.type}}</h5>
+							<router-link target="_blank" :to="{path:'/edit_text',query:{Art_id:item.article_id}}">
+								<h3>{{item.title}}</h3>
+							</router-link>
+							<h6>{{item.author}}</h6>
+							<h4><span>{{head_line}}.</span><br>
+							<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+						</li>
+						<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
+					</ul>
+				</el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				Direct_log: this.$route.query.act,
+				head_line: "",
+				query: {
+					user_id: localStorage.getItem('U_id')
+				},
+				tableData1: [],
+				tableData2: [],
+				link_Tota2: 0,
+				cate_title: [],
+				cate_jour: []
+			};
+		},
+		mounted() {
+
+		},
+		created() {
+			if (this.Direct_log == null) {
+				this.getTable();
+			} else {
+				this.$api
+					.post('api/Chief/autoLoginForChief ', {
+						'code': this.Direct_log
+					})
+					.then(res => {
+						if (res.code == 0) {
+							localStorage.setItem('U_role', res.data.roles);
+							localStorage.setItem('U_name', res.data.user.account);
+							localStorage.setItem('U_id', res.data.user.user_id);
+							localStorage.setItem('U_relname', res.data.userinfo.realname);
+							this.getTable();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			}
+		},
+		methods: {
+			// 获取数据
+			getTable() {
+				this.$api
+					.post('api/Board/getBoardJournals', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							this.cate_jour = res.data.journals
+							this.cate_title = this.cate_jour[0].title
+							localStorage.setItem('journal_title', this.cate_jour[0].title);
+							localStorage.setItem('journal_id', this.cate_jour[0].journal_id);
+							this.head_line = this.cate_jour[0].title;
+							this.query.journal_id = this.cate_jour[0].journal_id;
+							
+							this.getData();
+							
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+			getData() {
+				this.$api
+					.post('api/Board/getBoardPendArticle', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							for (let i = 0; i < res.data.articles.length; i++) {
+								let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
+								let Y = date.getFullYear() + '-';
+								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.articles[i].ctime = Y + M + D;
+							}
+							this.tableData1 = res.data.articles;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+				this.$api
+					.post('api/Board/getBoardHistArticles', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							for (let i = 0; i < res.data.articles.length; i++) {
+								let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
+								let Y = date.getFullYear() + '-';
+								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.articles[i].ctime = Y + M + D;
+							}
+							this.tableData2 = res.data.articles;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+
+			// 期刊下拉菜单点击
+			handlejournal(command) {
+				this.cate_title = command.title;
+				localStorage.setItem('journal_title', command.title);
+				localStorage.setItem('journal_id', command.journal_id);
+				this.head_line = command.title;
+				this.query.journal_id = command.journal_id;
+				this.getData();
+			}
+		},
+		computed: {
+			onRoutes() {
+				0
+				return this.$route.path.replace('/', '');
+			}
+		},
+		watch: {
+
+		}
+	};
+</script>
+
+<style scoped>
+	.ma_title {
+		margin-bottom: 5px;
+		font-weight: bold;
+		color: #006699;
+	}
+
+	.ta1_uli li {
+		list-style: none;
+		border-bottom: 2px solid #dcdcdc;
+		/* box-shadow: 0 0 10px #e1e1e1; */
+		padding: 10px 20px 20px 20px;
+		background-color: #fff;
+		margin-top: 20px;
+	}
+
+	.ta1_uli li:hover {
+		/* background: #fafafa; */
+	}
+
+	.ta1_uli li h3 {
+		color: #000;
+		margin-top: 8px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+	}
+
+	.ta1_uli li h3:hover {
+		text-decoration: underline;
+	}
+
+	.ta1_uli li h4 {
+		/* color: #6f6f6f; */
+		margin-top: 8px;
+		font-weight: normal;
+		font-size: 15px;
+		line-height: 22px;
+	}
+
+	.ta1_uli li h4 span {
+		margin-right: 10px;
+	}
+
+	.ta1_uli li h5 {
+		color: #006699;
+		margin-top: 5px;
+		padding-bottom: 10px;
+		font-weight: normal;
+		border-bottom: 1px solid #f1f1f1;
+	}
+
+	.ta1_uli li h6 {
+		font-weight: normal;
+		font-family: Calibri;
+		font-size: 16px;
+		margin-top: 10px;
+	}
+</style>
diff --git a/src/components/page/edit_text.vue b/src/components/page/edit_text.vue
new file mode 100644
index 0000000..563114e
--- /dev/null
+++ b/src/components/page/edit_text.vue
@@ -0,0 +1,408 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-collection"></i>
+					<router-link :to="{path:'/editorial'}">
+						<span class="top_dao">{{this.head_line}}</span>
+					</router-link>
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container container_l">
+			<el-row :gutter="24">
+				<el-col :span="16">
+					<div class="tet_list" :model="txt_mess">
+						<h4>{{txt_mess.title}}</h4>
+						<h5>{{this.head_line}}<span style="margin: 0 10px;">>></span> Manuscript ID: {{txt_mess.accept_sn}}</h5>
+						<p>{{txt_mess.author}}</p>
+						<div class="file_sty" v-for="item in fileList">
+							<svg t="1629609240510" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+							 p-id="3814" width="15" height="15" style="margin: 20px 10px -2px 0;">
+								<path d="M1024.00906 393.054v548.774c0 45.39-36.776 82.166-82.146 82.166H266.89306c-38.776 0-71.268-26.868-79.9-63.006l-0.33-46.976-1.916-279.754V82.166C184.74506 36.778 221.52306 0 266.89306 0h364.064c32.718 0 138.682 90.346 232.346 185.494C948.76506 272.338 1024.00906 363.178 1024.00906 393.054z"
+								 fill="#DDEAFB" p-id="3815"></path>
+								<path d="M1024.00906 393.054v201.028c0-0.226-0.02-0.454-0.02-0.7-6.182-246.666-207.106-258.08-272.812-323.784l112.124-84.104C948.76506 272.338 1024.00906 363.178 1024.00906 393.054z"
+								 fill="#CBE2FF" p-id="3816"></path>
+								<path d="M630.94506 0H429.91706c0.226 0 0.454 0.02 0.7 0.02 246.666 6.182 258.08 207.106 323.784 272.812l84.104-112.124C751.66106 75.244 660.82106 0 630.94506 0z"
+								 fill="#CBE2FF" p-id="3817"></path>
+								<path d="M1024.00706 393.064v34.754c0-73.17-59.334-132.506-132.506-132.506h-80.648c-45.368 0-82.16-36.794-82.16-82.16V132.506C728.69506 59.334 669.35906 0 596.18906 0h34.754c62.58 0 122.616 24.866 166.866 69.114l157.086 157.086a236.004 236.004 0 0 1 69.112 166.864z"
+								 fill="#BED8FB" p-id="3818"></path>
+								<path d="M885.28906 480.062H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM885.28906 562.26H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM885.28906 644.456H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM745.13906 726.654H323.45506a15.452 15.452 0 1 1 0-30.904h421.682a15.452 15.452 0 0 1 15.452 15.452 15.448 15.448 0 0 1-15.45 15.452zM529.84306 252.076H323.45506a15.452 15.452 0 1 1 0-30.904h206.388a15.452 15.452 0 1 1 0 30.904z"
+								 fill="#617881" p-id="3819"></path>
+								<path d="M566.48706 957.136a1159.306 1159.306 0 0 1-1.504 14.568 48.352 48.352 0 0 1-15.658 30.74 47.908 47.908 0 0 1-28.578 12.362 2959.96 2959.96 0 0 1-466.258 0 47.912 47.912 0 0 1-28.578-12.362 48.348 48.348 0 0 1-15.658-30.74 1159.306 1159.306 0 0 1-1.504-14.568c-9.642-96.094-11.312-192.19-4.986-288.264 0.804-12.156 1.73-24.292 2.782-36.448a1705.496 1705.496 0 0 1 3.708-38.116c2.494-23.138 21.036-41.268 44.236-43.102a2960.442 2960.442 0 0 1 466.258 0c23.2 1.834 41.742 19.964 44.236 43.102a1705.496 1705.496 0 0 1 3.708 38.116c1.05 12.156 1.978 24.292 2.782 36.448 6.304 96.074 4.636 192.17-4.986 288.264z"
+								 fill="#80B4FB" p-id="3820"></path>
+								<path d="M571.47306 668.872c-34.984 85.71-172.286 216.83-283.854 250.146C176.05106 885.704 38.74906 754.584 3.76506 668.872c0.804-12.156 1.73-24.292 2.782-36.448 38.982 85.69 172.266 211.206 281.074 243.698 108.828-32.492 242.132-158.008 281.074-243.698 1.048 12.156 1.974 24.292 2.778 36.448zM566.48706 957.136a1159.306 1159.306 0 0 1-1.504 14.568 48.352 48.352 0 0 1-15.658 30.74c-3.956-31.338-37.642-82.888-87.606-132.914a15.476 15.476 0 0 1 0.02-21.86 15.474 15.474 0 0 1 21.86 0.022c29.216 29.256 53.63 59.4 70.628 87.194 4.72 7.704 8.82 15.12 12.26 22.25zM113.51906 869.53c-49.964 50.026-83.65 101.576-87.606 132.914a48.348 48.348 0 0 1-15.658-30.74 1159.306 1159.306 0 0 1-1.504-14.568c3.44-7.128 7.54-14.546 12.26-22.252 16.998-27.794 41.414-57.938 70.628-87.194a15.474 15.474 0 0 1 21.86-0.022 15.48 15.48 0 0 1 0.02 21.862z"
+								 fill="#5EA5EC" p-id="3821"></path>
+							</svg>
+							<a :href='mediaUrl+item.file_url' target="_blank" class="txt_pdf">Manuscirpt <span style="margin-left: 50px;color: #888;font-size: 13px;">{{item.ctime}}</span></a><br>
+						</div>
+					</div>
+				</el-col>
+				<el-col :span="8">
+					<div class="tet_people">
+						<h4>I want to invite the following editorial board members to get more opinions for the manuscript.</h4>
+						<ul v-for="item in Editard_list" style="margin-top: 10px;">
+							<li style="list-style: none;">
+								<span>{{item.account}} ( <font v-if="item.realname!=''">{{item.realname}} , </font>{{item.email}} )</span>
+							</li>
+						</ul>
+					</div>
+				</el-col>
+			</el-row>
+
+			<div>
+				<h2 style="margin: 30px 0 15px 5px;font-size: 16px;">Add my comment (The comment will be showed to : editor,
+					editorial board members, young sciencists member.)</h2>
+				<div class="chatIcon">
+					<el-popover placement="top-start" width="400" trigger="click" class="emoBox">
+						<div class="emotionList">
+							<a href="javascript:void(0);" @click="getEmo(index)" v-for="(item,index) in faceList" :key="index" class="emotionItem">{{item}}</a>
+						</div>
+						<!-- <el-button class="emotionSelect" slot="reference" style="padding: 7px 10px;border: 0;margin: 3px 5px;position: absolute;z-index: 500;background: 0;">
+							<svg t="1629607720277" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+							 p-id="3396" width="20" height="20">
+								<path d="M512 1024c282.752 0 512-229.248 512-512S794.752 0 512 0 0 229.248 0 512s229.248 512 512 512z m0-85.333333C276.352 938.666667 85.333333 747.648 85.333333 512S276.352 85.333333 512 85.333333s426.666667 191.018667 426.666667 426.666667-191.018667 426.666667-426.666667 426.666667z"
+								 fill="#FFBB20" p-id="3397"></path>
+								<path d="M512 512m-85.333333 0a85.333333 85.333333 0 1 0 170.666666 0 85.333333 85.333333 0 1 0-170.666666 0Z"
+								 fill="#FFFFFF" p-id="3398"></path>
+								<path d="M320 405.333333m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="#666666" p-id="3399"></path>
+								<path d="M704 405.333333m-64 0a64 64 0 1 0 128 0 64 64 0 1 0-128 0Z" fill="#666666" p-id="3400"></path>
+								<path d="M234.666667 576c42.666667 170.666667 135.125333 256 277.333333 256s234.666667-85.333333 277.333333-256h-554.666666z"
+								 fill="#E01313" p-id="3401"></path>
+							</svg>
+						</el-button> -->
+					</el-popover>
+				</div>
+				<el-input v-model="add_edit.content" class="chatText ping_lun" type="textarea" id='textarea' rows="5" placeholder="Please enter the content..."
+				 @keyup.enter.native="sendInfo"></el-input>
+
+				<div style="text-align: right;">
+					<el-button type="primary" @click="hdSubmit" class="sub_mit">Save</el-button>
+				</div>
+			</div>
+
+			<h2 style="margin: 0 0 15px 5px;font-size: 16px;">All comments</h2>
+			<comment :comments="commentData" v-if="this.commentData!=''"></comment>
+			<p v-if="this.commentData==''" style="color:#6f6f6f;font-size: 14px;margin: 20px 0 0 10px;">No comment</p>
+		</div>
+	</div>
+
+</template>
+
+<script>
+	import comment from './comment'
+	// import appData from '../../assets/js/emoji.json'
+	const appData = require("../../assets/js/emoji.json");
+
+	export default {
+		components: {
+			comment
+		},
+		mounted() {
+			for (let i in appData) {
+				this.faceList.push(appData[i].char);
+			}
+		},
+		data() {
+			return {
+				Direct_log: this.$route.query.act,
+				Direct_aid: this.$route.query.articleid,
+				mediaUrl: this.Common.mediaUrl,
+				textarea: '',
+				commentData: [],
+				txt_mess: {},
+				add_edit: {
+					article_id: this.$route.query.Art_id,
+					user_id: localStorage.getItem('U_id'),
+					content: ''
+				},
+				select_edit: {
+					board_id: '',
+					article_id: this.$route.query.Art_id,
+				},
+				head_line: '',
+				Art_id: this.$route.query.Art_id,
+				tableData1: [],
+				fileList: [],
+				faceList: [],
+				Editard_list: [],
+				rules: {}
+			}
+		},
+		created() {
+			if (this.Direct_log == null) {
+				this.getData();
+			} else {
+				this.$api
+					.post('api/Chief/autoLoginForChief ', {
+						'code': this.Direct_log
+					})
+					.then(res => {
+						if (res.code == 0) {
+							localStorage.setItem('U_role', res.data.roles);
+							localStorage.setItem('U_name', res.data.user.account);
+							localStorage.setItem('U_id', res.data.user.user_id);
+							localStorage.setItem('U_relname', res.data.user.realname);
+							this.getData();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			}
+		},
+		methods: {
+			getData() {
+				// 获取文章信息
+				this.$api
+					.post('api/Chief/getArticleDetail ', {
+						'article_id': this.Art_id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.txt_mess = res.data.article;
+							if (res.data.article.file != "") {
+								localStorage.setItem('journal_title', res.data.article.journal.title);
+								localStorage.setItem('journal_id', res.data.article.journal.journal_id);
+								this.head_line = res.data.article.journal.title;
+								let file_down = res.data.article.file;
+								for (var i = 0; i < file_down.length; i++) {
+									let date = new Date(parseInt(file_down[i].ctime) * 1000);
+									let Y = date.getFullYear() + '-';
+									let M = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) + '-' : date.getMonth() + 1 + '-';
+									let D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+									file_down[i].ctime = Y + M + D;
+								}
+								this.fileList = file_down
+
+							}
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+				// 获取文章的编委列表
+				this.$api
+					.post('api/Chief/getArticleBoard', {
+						'article_id': this.Art_id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.Editard_list = res.data.boards;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+
+				// 获取评论内容
+				this.$api
+					.post('api/Chief/getAllChiefMsg', {
+						'article_id': this.Art_id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							for (var i = 0; i < res.data.msgs.length; i++) {
+								let date = new Date(parseInt(res.data.msgs[i].ctime) * 1000);
+								let Y = date.getFullYear() + '-';
+								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.msgs[i].ctime = Y + M + D;
+							}
+							this.commentData = res.data.msgs;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+			},
+
+
+			// 获取表情包
+			getEmo(index) {
+				var textArea = document.getElementById('textarea');
+
+				function changeSelectedText(obj, str) {
+					if (window.getSelection) {
+						// 非IE浏览器
+						textArea.setRangeText(str);
+						// 在未选中文本的情况下，重新设置光标位置
+						textArea.selectionStart += str.length;
+						textArea.focus()
+					} else if (document.selection) {
+						// IE浏览器
+						obj.focus();
+						var sel = document.selection.createRange();
+						sel.text = str;
+					}
+				}
+				changeSelectedText(textArea, this.faceList[index]);
+				this.textarea = textArea.value; // 要同步data中的数据
+				// console.log(this.faceList[index]);
+				return;
+			},
+
+			// 添加评论
+			hdSubmit() {
+				// console.log(this.add_edit)
+				if (this.add_edit.content == '') {
+					this.$message.error('Add message cannot be empty!');
+				} else {
+					this.$api
+						.post('api/Chief/addMsgForArticle', this.add_edit)
+						.then(res => {
+							if (res.code == 0) {
+								this.$message.success('Successfully added message!');
+								this.add_edit.content = ''
+								this.getData();
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				}
+
+			}
+
+
+		}
+	}
+</script>
+
+<style>
+	.ma_title {
+		margin-bottom: 5px;
+		font-weight: bold;
+	}
+
+	.tet_list {
+		border: 1px solid #DCDFE6;
+		background: #fff;
+		border-radius: 5px;
+		margin-bottom: 20px;
+		padding: 20px 20px;
+	}
+
+	.upload-txtc .el-upload-list__item .el-icon-upload-success {
+		display: none !important;
+	}
+
+	.tet_list h5 {
+		margin: 20px 0 10px 0;
+		font-weight: normal;
+	}
+
+	.tet_list p {
+		font-family: Calibri;
+		line-height: 22px;
+	}
+
+	.tet_people {
+		border: 1px solid #DCDFE6;
+		background: #fff;
+		border-radius: 5px;
+		margin-bottom: 20px;
+		padding: 20px 20px;
+	}
+
+	.tet_people .el-input {
+		margin-top: 20px;
+	}
+
+	.file_sty {}
+
+	.file_sty a {
+		color: #606266;
+		font-size: 14px;
+	}
+
+	.file_sty a:hover {
+		text-decoration: underline;
+	}
+
+	.ping_lun {}
+
+	.ping_lun textarea {
+		/* padding-top: 50px; */
+	}
+
+	.ping_lun textarea:focus {
+		/* height: 140px; */
+		-webkit-box-shadow: 0 0 6px 0 #5094d5;
+		box-shadow: 0 0 6px 0 #5094d5;
+		border: 1px solid #5094d5;
+	}
+
+	.sub_mit {
+		margin: 15px 0 0 0;
+		width: 100px;
+	}
+
+	.red {
+		color: #ff0000;
+	}
+
+	/* 表情包 */
+	.el-popover {
+		height: 200px;
+		width: 400px;
+		overflow: scroll;
+		overflow-x: auto;
+	}
+
+	.chatIcon {
+		/* padding: 0 10px; */
+		font-size: 25px;
+	}
+
+	.emotionList {
+		display: flex;
+		flex-wrap: wrap;
+		padding: 5px;
+	}
+
+	.emotionItem {
+		width: 10%;
+		font-size: 20px;
+		text-align: center;
+	}
+
+	/*包含以下四种的链接*/
+	.emotionItem {
+		text-decoration: none;
+	}
+
+	/*正常的未被访问过的链接*/
+	.emotionItem:link {
+		text-decoration: none;
+	}
+
+	/*已经访问过的链接*/
+	.emotionItem:visited {
+		text-decoration: none;
+	}
+
+	/*鼠标划过(停留)的链接*/
+	.emotionItem:hover {
+		text-decoration: none;
+	}
+
+	/* 正在点击的链接*/
+	.emotionItem:active {
+		text-decoration: none;
+	}
+</style>
diff --git a/src/components/page/editmbereditor.vue b/src/components/page/editmbereditor.vue
index c871187..43e065f 100644
--- a/src/components/page/editmbereditor.vue
+++ b/src/components/page/editmbereditor.vue
@@ -30,7 +30,7 @@
 		</div>
 
 		<!-- 添加弹出框 -->
-		<el-dialog title="Add editorial board" :visible.sync="addVisible" width="40%">
+		<el-dialog title="Add Editorial board member" :visible.sync="addVisible" width="40%">
 			<el-form ref="add_Form" :model="addForm" :rules="rules" label-width="150px">
 				<el-form-item label="account" prop="account">
 					<el-input v-model="addForm.account" @blur='saerNa_U()'></el-input>
@@ -59,13 +59,13 @@
 			</el-form>
 			<span slot="footer" class="dialog-footer">
 				<el-button @click="addVisible = false">Cancel</el-button>
-				<el-button type="primary" @click="saveAdd(addForm)">OK</el-button>
+				<el-button type="primary" @click="saveAdd(addForm)" :disabled="this.btn_alert">OK</el-button>
 			</span>
 		</el-dialog>
 
 
 		<!-- 已有信息弹出框 -->
-		<el-dialog title="Add editorial board" :visible.sync="oldVisible" width="40%">
+		<el-dialog title="Add Editorial board member" :visible.sync="oldVisible" width="40%">
 			<el-form ref="old_Form" :model="oldForm" :rules="rules" label-width="100px">
 				<el-form-item label="account">
 					{{oldForm.account}}
@@ -108,6 +108,7 @@
 				oldForm: {},
 				aid: -1,
 				id: -1,
+				btn_alert: false,
 				query: {
 					journal_id: 0,
 				},
@@ -162,7 +163,7 @@
 						this.tableData = res.data.boards;
 					})
 					.catch(err => {
-						console.log(err);
+						this.$message.error(err);
 					});
 
 			},
@@ -181,7 +182,7 @@
 									this.tableData = res.data.boards;
 								})
 								.catch(err => {
-									console.log(err);
+									this.$message.error(err);
 								});
 						} else {
 							this.$message.error(res.msg);
@@ -213,7 +214,7 @@
 						.then(res => {
 							if (res.code == 0) {
 								if (res.data.user_info != null) {
-									this.$confirm('该账户已存在，是否在该账户下操作？', '提示', {
+									this.$confirm('this account already exists. Do you want to operate under this account？', 'Tips', {
 											type: 'warning'
 										})
 										.then(() => {
@@ -224,6 +225,9 @@
 											this.oldForm = res.data.user_info;
 										})
 										.catch(() => {});
+									this.btn_alert = true
+								} else {
+									this.btn_alert = false
 								}
 							} else {
 								this.$message.error(res.msg);
@@ -244,7 +248,7 @@
 						.then(res => {
 							if (res.code == 0) {
 								if (res.data.user_info != null) {
-									this.$confirm('该账户已存在，是否在该账户下操作？', '提示', {
+									this.$confirm('this account already exists. Do you want to operate under this account？', 'Tips', {
 											type: 'warning'
 										})
 										.then(() => {
@@ -255,6 +259,9 @@
 											this.oldForm = res.data.user_info;
 										})
 										.catch(() => {});
+									this.btn_alert = true
+								} else {
+									this.btn_alert = false
 								}
 							} else {
 								this.$message.error(res.msg);
@@ -277,7 +284,7 @@
 									if (res.code == 0) {
 										this.addVisible = false;
 										this.$refs.add_Form.resetFields();
-										this.$message.success(`添加成功`);
+										this.$message.success(`Added successfully！`);
 										this.getdate();
 									} else {
 										this.$message.error(res.msg);
@@ -291,7 +298,7 @@
 						}
 					});
 				} else {
-					this.$message.error("两次新密码输入不一致");
+					this.$message.error("The two passwords are inconsistent！");
 				}
 			},
 			// 保存old添加
@@ -304,7 +311,7 @@
 								if (res.code == 0) {
 									this.oldVisible = false;
 									this.$refs.old_Form.resetFields();
-									this.$message.success(`添加成功`);
+									this.$message.success(`Added successfully！`);
 									this.getdate();
 								} else {
 									this.$message.error(res.msg);
@@ -321,7 +328,7 @@
 			// 删除操作
 			handleDelete(index, row) {
 				// 二次确认删除
-				this.$confirm('确定要删除吗？', '提示', {
+				this.$confirm('Are you sure you want to delete？', 'Tips', {
 						type: 'warning'
 					})
 					.then(() => {
@@ -329,7 +336,7 @@
 							.post('api/Chief/delJournalBoard', row)
 							.then(res => {
 								if (res.code == 0) {
-									this.$message.success('删除成功');
+									this.$message.success('Delete succeeded');
 									this.getdate();
 								} else {
 									this.$message.error(res.msg);
diff --git a/src/components/page/editmbereditormoshi.vue b/src/components/page/editmbereditormoshi.vue
new file mode 100644
index 0000000..73ceef0
--- /dev/null
+++ b/src/components/page/editmbereditormoshi.vue
@@ -0,0 +1,292 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-connection"></i> Editorial board list
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container">
+			<div class="handle-box">
+				<el-select v-model="query.journal_id" filterable placeholder="Please select a responsible Journal" value-key="groupID"
+				 style="width: 300px;" @change="chan_id">
+					<el-option v-for="item in df_jour" :label="item.title" :key="item.journal_id" :value="item.journal_id"></el-option>
+				</el-select>
+			</div>
+			<el-table :data="tableData" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+				<el-table-column prop="matching" label="match" width="70" align="center">
+					<template slot-scope="scope">
+						<el-button icon="el-icon-check" type="text" style="color: #0fa31d;" v-if="scope.row.tuser_id!=0"></el-button>
+						<el-button icon="el-icon-close" type="text" style="color: #ff0000" v-if="scope.row.tuser_id==0"></el-button>
+					</template>
+				</el-table-column>
+				<el-table-column label="type" width="100" align="center">
+					<template slot-scope="scope">
+						<el-tag v-if="scope.row.type=='0'" type="warning">主编</el-tag>
+						<el-tag v-if="scope.row.type=='1'" type="success">副主编</el-tag>
+						<el-tag v-if="scope.row.type=='2'">编委成员</el-tag>
+					</template>
+				</el-table-column>
+				<el-table-column prop="name" label="name"></el-table-column>
+				<el-table-column prop="dr" label="degree" width="100"></el-table-column>
+				<el-table-column prop="title" label="title" width="210"></el-table-column>
+				<el-table-column prop="address" label="company"></el-table-column>
+				<el-table-column prop="country" label="country" width="180"></el-table-column>
+				<el-table-column prop="group_name" label="grouping" align="center">
+					<template slot-scope="scope">
+						<el-tag v-if="scope.row.type=='2' && scope.row.group_name==null" effect="plain">None</el-tag>
+						<el-tag v-if="scope.row.type=='2' && scope.row.group_name!=null" effect="plain">{{scope.row.group_name}}</el-tag>
+						<span v-if="scope.row.type!='2'" effect="plain"></span>
+					</template>
+				</el-table-column>
+				<el-table-column prop="user.account" label="Match user name"></el-table-column>
+				<el-table-column prop="user.email" label="Match user mailbox"></el-table-column>
+				<el-table-column label=" " width="100" align="center">
+					<template slot-scope="scope">
+						<el-button type="text" icon="el-icon-link" @click="matchEdit(scope.$index, scope.row)" style="color: #e6a23c;">Matching</el-button>
+					</template>
+				</el-table-column>
+			</el-table>
+		</div>
+
+		<!-- 添加弹出框 -->
+		<el-dialog title="Add Editorial board member" :visible.sync="marVisible" width="40%" v-loading="loading"
+		 element-loading-text="Loading..." element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)"
+		 @close="backGood()">
+			<el-tabs tab-position="top">
+				<el-tab-pane label="User matching">
+					<el-form ref="name_Form" :model="nameForm" :rules="rules" label-width="70px">
+						<el-form-item label="name" prop="account">
+							<el-input v-model="nameForm.account" style="width: 300px;display: inline-block;"></el-input>
+							<el-button type="warning" icon="el-icon-link" @click="matchNat(nameForm)" style="margin-left: 20px;">Matching</el-button>
+						</el-form-item>
+					</el-form>
+					<el-table :data="tableData_name" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+						<el-table-column prop="account" label="username" align="center"></el-table-column>
+						<el-table-column prop="realname" label="realname" align="center"></el-table-column>
+						<el-table-column prop="phone" label="phone" align="center"></el-table-column>
+						<el-table-column prop="email" label="email" align="center"></el-table-column>
+						<el-table-column label=" " width="100" align="center">
+							<template slot-scope="scope">
+								<el-button type="text" icon="el-icon-link" @click="matchSub(scope.$index, scope.row)" style="color: #e6a23c;">Matching</el-button>
+							</template>
+						</el-table-column>
+					</el-table>
+				</el-tab-pane>
+				<el-tab-pane label="Mailbox matching">
+					<el-form ref="email_Form" :model="emailForm" :rules="rules" label-width="70px">
+						<el-form-item label="email" prop="email">
+							<el-input v-model="emailForm.email" style="width: 300px;display: inline-block;"></el-input>
+							<el-button type="warning" icon="el-icon-link" @click="matchMit(emailForm)" style="margin-left: 20px;">Matching</el-button>
+						</el-form-item>
+					</el-form>
+				</el-tab-pane>
+			</el-tabs>
+
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				loading: false,
+				edit_id: localStorage.getItem('U_id'),
+				tableData: [],
+				tableData_name: [],
+				marchForm: {},
+				nameForm: {},
+				emailForm: {},
+				df_jour: [],
+				marVisible: false,
+				query: {
+					journal_id: ''
+				},
+				rules: {
+					account: [{
+						required: true,
+						message: 'Please input account',
+						trigger: 'blur'
+					}],
+					email: [{
+						required: true,
+						message: 'Please input email',
+						trigger: 'blur'
+					}],
+				}
+			};
+		},
+		created() {
+			this.getTate();
+		},
+		methods: {
+			// 获取编委和负责期刊列表数据
+			getTate() {
+				this.$api
+					.post('api/Chief/getJournalsByEditor', {
+						'user_id': this.edit_id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.df_jour = res.data.journals;
+							this.query.journal_id = this.df_jour[0].journal_id
+							this.getDate();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 下拉分类搜索
+			chan_id(event) {
+				this.getDate();
+			},
+
+			// 关闭模态框
+			backGood() {
+				this.$refs.name_Form.resetFields();
+				this.$refs.email_Form.resetFields();
+				this.tableData_name = [];
+			},
+
+			getDate() {
+				this.$api
+					.post('api/Board/getOffwebBoard', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							this.tableData = res.data.boards;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 匹配操作
+			matchEdit(index, row) {
+				this.marchForm = Object.assign({}, row);
+				this.marVisible = true;
+			},
+
+			// 用户名搜索
+			matchNat() {
+				this.$refs.name_Form.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Board/searchUserByAccount', this.nameForm)
+							.then(res => {
+								if (res.code == 0) {
+									this.tableData_name = res.data.users;
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+
+					} else {
+						return false;
+					}
+				});
+
+			},
+
+
+			// 用户名匹配
+			matchSub(index, row) {
+				this.loading = true;
+				this.$api
+					.post('api/Board/relationUser', {
+						'user_id': row.user_id,
+						'journal_id': this.query.journal_id,
+						'jboard_id': this.marchForm.board_id,
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.loading = false;
+							this.$refs.name_Form.resetFields();
+							this.$refs.email_Form.resetFields();
+							this.tableData_name = [];
+							this.$message.success(`Match successful！`);
+							this.marVisible = false;
+							this.getDate();
+						} else {
+							this.loading = false;
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.loading = false;
+						this.$message.error(err);
+					});
+			},
+
+			// 邮箱匹配
+			matchMit(emailForm) {
+				this.$refs.email_Form.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Board/searchUserByEmail', emailForm)
+							.then(res => {
+								if (res.code == 0) {
+									let aco_email = res.data.user_info.user_id
+									this.$api
+										.post('api/Board/relationUser', {
+											'email': aco_email,
+											'jboard_id': this.marchForm.board_id,
+										})
+										.then(res => {
+											if (res.code == 0) {
+												this.$refs.name_Form.resetFields();
+												this.$refs.email_Form.resetFields();
+												this.tableData_name = [];
+												this.$message.success(`Match successful！`);
+												this.marVisible = false;
+												this.getDate();
+											} else {
+												this.$message.error(res.msg);
+											}
+										})
+										.catch(err => {
+											this.$message.error(err);
+										});
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+
+					} else {
+						return false;
+					}
+				});
+			}
+
+		}
+	};
+</script>
+
+<style scoped>
+	.handle-box {
+		margin-bottom: 20px;
+	}
+
+	.table {
+		width: 100%;
+		font-size: 14px;
+	}
+
+	.red {
+		color: #ff0000;
+	}
+</style>
diff --git a/src/components/page/man_aging.vue b/src/components/page/man_aging.vue
index 654a34c..c334135 100644
--- a/src/components/page/man_aging.vue
+++ b/src/components/page/man_aging.vue
@@ -33,7 +33,7 @@
 							<path d="M368.17 379.84h240c15.69 0 30.73-13.8 30-30s-13.18-30-30-30h-240c-15.69 0-30.73 13.8-30 30s13.18 30 30 30zM368.17 507.91H719c16.16 0 32.37 0.33 48.53 0h0.69c15.69 0 30.73-13.8 30-30s-13.18-30-30-30H417.39c-16.16 0-32.37-0.33-48.53 0h-0.69c-15.69 0-30.73 13.8-30 30s13.18 30 30 30z"
 							 fill="#FD9A16" p-id="1654"></path>
 						</svg>
-						The manuscripts ready to be reviewed.
+						The manuscripts are ready to get final decisions.
 					</div>
 					<ul class="ta1_uli">
 						<li v-for="item in tableData1">
@@ -42,7 +42,7 @@
 								<h3>{{item.title}}</h3>
 							</router-link>
 							<h6>{{item.author}}</h6>
-							<h4><span>{{head_line}}.</span><span style="color: #888;">{{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+							<h4><span>{{head_line}}.</span><span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
 						</li>
 						<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
 					</ul>
@@ -58,7 +58,7 @@
 							<path d="M466.71 289.7v215.35c0 16.48 13.91 30.26 30.36 30.36l72.83 0.41 116.69 0.67 26.71 0.15c15.89 0.09 31.09-14 30.36-30.35-0.74-16.53-13.34-30.26-30.36-30.36l-72.83-0.42-116.69-0.67-26.71-0.15 30.35 30.36V289.7c0-15.88-14-31.09-30.35-30.36s-30.36 13.34-30.36 30.36z"
 							 fill="#FD9A16" p-id="3893"></path>
 						</svg>
-						List of historical manuscripts.
+						Accepted manuscripts.
 					</div>
 					<ul class="ta1_uli">
 						<li v-for="item in tableData2">
@@ -67,7 +67,8 @@
 								<h3>{{item.title}}</h3>
 							</router-link>
 							<h6>{{item.author}}</h6>
-							<h4><span>{{head_line}}.</span><br><span style="color: #888;">{{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+							<h4><span>{{head_line}}.</span><br>
+							<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
 						</li>
 						<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
 					</ul>
@@ -83,7 +84,7 @@
 						</el-table-column>
 					</el-table> -->
 					<div class="pagination">
-						<el-pagination layout="prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize" :total="link_Tota2"
+						<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize" :total="link_Tota2"
 						 @current-change="handlePageChange2">
 						</el-pagination>
 					</div>
@@ -129,6 +130,7 @@
 							localStorage.setItem('U_role', res.data.roles);
 							localStorage.setItem('U_name', res.data.user.account);
 							localStorage.setItem('U_id', res.data.user.user_id);
+							localStorage.setItem('U_relname', res.data.user.realname);
 							this.getTable();
 						} else {
 							this.$message.error(res.msg);
@@ -148,50 +150,14 @@
 						if (res.code == 0) {
 							this.cate_jour = res.data.journals
 							this.cate_title = this.cate_jour[0].title
-							this.head_line = localStorage.getItem('journal_title');
 							localStorage.setItem('journal_title', this.cate_jour[0].title);
 							localStorage.setItem('journal_id', this.cate_jour[0].journal_id);
+							this.head_line = this.cate_jour[0].title;
 							this.query.journal_id = this.cate_jour[0].journal_id;
 							this.TaBle2.journal_id = this.cate_jour[0].journal_id;
-							this.$api
-								.post('api/Chief/getPArticlesForChief', this.query)
-								.then(res => {
-									if (res.code == 0) {
-										for (let i = 0; i < res.data.articles.length; i++) {
-											let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
-											let Y = date.getFullYear() + '-';
-											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.articles[i].ctime = Y + M + D;
-										}
-										this.tableData1 = res.data.articles;
-									} else {
-										this.$message.error(res.msg);
-									}
-								})
-								.catch(err => {
-									this.$message.error(err);
-								});
-							this.$api
-								.post('api/Chief/getHArticlesForChief', this.TaBle2)
-								.then(res => {
-									if (res.code == 0) {
-										for (let i = 0; i < res.data.articles.length; i++) {
-											let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
-											let Y = date.getFullYear() + '-';
-											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.articles[i].ctime = Y + M + D;
-										}
-										this.tableData2 = res.data.articles;
-										this.link_Tota2 = res.data.articles.length || 0;
-									} else {
-										this.$message.error(res.msg);
-									}
-								})
-								.catch(err => {
-									this.$message.error(err);
-								});
+							
+							this.getData();
+							
 						} else {
 							this.$message.error(res.msg);
 						}
@@ -234,7 +200,7 @@
 								}
 							}
 							this.tableData2 = res.data.articles;
-							this.link_Tota2 = res.data.articles.length || 0;
+							this.link_Tota2 = res.data.count || 0;
 						} else {
 							this.$message.error(res.msg);
 						}
diff --git a/src/components/page/man_text.vue b/src/components/page/man_text.vue
index 01603de..732461c 100644
--- a/src/components/page/man_text.vue
+++ b/src/components/page/man_text.vue
@@ -15,7 +15,7 @@
 				<el-col :span="16">
 					<div class="tet_list" :model="txt_mess">
 						<h4>{{txt_mess.title}}</h4>
-						<h5>{{this.head_line}}<span style="margin: 0 10px;">>></span> DOI:{{txt_mess.accept_sn}}</h5>
+						<h5>{{this.head_line}}<span style="margin: 0 10px;">>></span> Manuscript ID: {{txt_mess.accept_sn}}</h5>
 						<p>{{txt_mess.author}}</p>
 						<div class="file_sty" v-for="item in fileList">
 							<svg t="1629609240510" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
@@ -40,25 +40,34 @@
 					</div>
 				</el-col>
 				<el-col :span="8">
-					<div class="tet_people" :model="txt_peop">
+					<div class="tet_people" v-if="this.txt_state!=6">
 						<h4>I want to invite the following editorial board members to get more opinions for the manuscript.</h4>
 						<ul v-for="item in Editard_list" style="margin-top: 10px;">
 							<li style="list-style: none;">
-								{{item.realname==''?item.account:(item.realname!=''?item.account+' ('+item.realname+')':'')}}
+								<span>{{item.account}} ( <font v-if="item.realname!=''">{{item.realname}} , </font>{{item.email}} )</span>
+							</li>
+						</ul>
+					</div>
+					<div class="tet_people" v-if="this.txt_state==6">
+						<h4>I want to invite the following editorial board members to get more opinions for the manuscript.</h4>
+						<ul v-for="item in Editard_list" style="margin-top: 10px;">
+							<li style="list-style: none;">
+								<span>{{item.account}} ( <font v-if="item.realname!=''">{{item.realname}} , </font>{{item.email}} )</span>
 								<el-button type="text" icon="el-icon-delete" class="red" @click="handleDelete(item)"></el-button>
 							</li>
 						</ul>
-						<el-select v-model="select_edit.board_id" filterable placeholder="Please add an editorial board" style="width: 320px;">
-							<el-option v-for="item in Edit_Chi" :key="item.user_id" :label="item.account" :value="item.user_id"></el-option>
+						<el-select v-model="select_edit.board_id" filterable placeholder=" Please choose the editorial board members."
+						 style="width: 320px;">
+							<el-option v-for="item in Edit_Chi" :key="item.user_id" :label="item.account+' ('+item.email+')'" :value="item.user_id"></el-option>
 						</el-select>
-						<el-button type="text" @click="add_Editer" style="margin-left: 5px;">Choice</el-button>
+						<el-button type="text" @click="add_Editer" style="margin-left: 5px;">Choose</el-button>
 					</div>
 				</el-col>
 			</el-row>
 
 			<div>
-				<h2 style="margin: 30px 0 15px 5px;font-size: 16px;">Add my comment. ( Who joined to review this manuscript can
-					view this comment: editor, editorial board members, young sciencists, reviewers.)</h2>
+				<h2 style="margin: 30px 0 15px 5px;font-size: 16px;">Add my comment (The comment will be showed to : editor,
+					editorial board members, young sciencists member.)</h2>
 				<div class="chatIcon">
 					<el-popover placement="top-start" width="400" trigger="click" class="emoBox">
 						<div class="emotionList">
@@ -83,12 +92,11 @@
 				 @keyup.enter.native="sendInfo"></el-input>
 
 				<div style="text-align: right;">
-					<el-button type="primary" @click="hdSubmit" class="sub_mit">Submit</el-button>
+					<el-button type="primary" @click="hdSubmit" class="sub_mit">Save</el-button>
 				</div>
 			</div>
 
-			<h2 style="margin: 0 0 15px 5px;font-size: 16px;">All comments: editor, editorial board members, young sciencists,
-				reviewers</h2>
+			<h2 style="margin: 0 0 15px 5px;font-size: 16px;">All comments</h2>
 			<comment :comments="commentData" v-if="this.commentData!=''"></comment>
 			<p v-if="this.commentData==''" style="color:#6f6f6f;font-size: 14px;margin: 20px 0 0 10px;">No comment</p>
 		</div>
@@ -117,6 +125,7 @@
 				commentData: [],
 				txt_mess: {},
 				txt_peop: {},
+				txt_state: '',
 				add_edit: {
 					article_id: this.$route.query.Art_id,
 					user_id: localStorage.getItem('U_id'),
@@ -152,7 +161,8 @@
 							if (res.data.article.file != "") {
 								localStorage.setItem('journal_title', res.data.article.journal.title);
 								localStorage.setItem('journal_id', res.data.article.journal.journal_id);
-								this.head_line = localStorage.getItem('journal_title')
+								this.head_line = res.data.article.journal.title;
+								this.txt_state = res.data.article.state;
 								let file_down = res.data.article.file;
 								for (var i = 0; i < file_down.length; i++) {
 									let date = new Date(parseInt(file_down[i].ctime) * 1000);
@@ -246,7 +256,7 @@
 			add_Editer() {
 				if (this.select_edit.board_id == '') {
 					this.$message.error('Please select the editorial board!');
-				}else{
+				} else {
 					this.$api
 						.post('api/Chief/addArticleBoard', this.select_edit)
 						.then(res => {
@@ -409,6 +419,10 @@
 		width: 100px;
 	}
 
+	.red {
+		color: #ff0000;
+	}
+
 	/* 表情包 */
 	.el-popover {
 		height: 200px;
diff --git a/src/components/page/per_ewer.vue b/src/components/page/per_ewer.vue
new file mode 100644
index 0000000..39de720
--- /dev/null
+++ b/src/components/page/per_ewer.vue
@@ -0,0 +1,231 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-collection"></i> <span class="top_dao">Reviewer Article</span>
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container container_l">
+			<el-row :gutter="24">
+				<el-col :span="16">
+					<div class="ma_title">
+						<svg t="1629527802392" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1650"
+						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
+							<path d="M188.09 651.19V257.35c0-17.13-0.12-34.27 0-51.4a82.49 82.49 0 0 1 0.56-9.16l-1.07 8a71.88 71.88 0 0 1 4.77-17.7l-3 7.17a65.69 65.69 0 0 1 5.08-9.55c0.48-0.74 1-1.47 1.49-2.19q2.67-3.62-2.29 2.95c1.07-1.06 2-2.31 3-3.39s2.13-2.12 3.26-3.11c5.41-4.73-5.17 3.35-1.05 0.81a65.75 65.75 0 0 1 8.82-4.76l-7.16 3a50.69 50.69 0 0 1 10.88-3l-8 1.07c8-1 16.36-0.45 24.41-0.45h23c15.7 0 30.73-13.8 30-30s-13.18-30-30-30h-40.7c-12.16 0.13-22.91 3-33.85 8-31.57 14.52-48.1 50.18-48.15 83.53q-0.06 38.93 0 77.86v289.88c0 25.06-0.43 50.16 0 75.22v1.06c0 15.69 13.8 30.73 30 30s30-13.18 30-30z"
+							 fill="#0071C3" p-id="1651"></path>
+							<path d="M918.68 647.94h-15.5V314.68c0-16.09 0.33-32.22 0-48.31v-0.69a28.79 28.79 0 0 0-1.4-8.74 27.62 27.62 0 0 0-7.43-12.57l-60.5-57.69-96.32-91.86-21.95-20.93a28.66 28.66 0 0 0-2.38-2 27.37 27.37 0 0 0-18.92-6.79H386.56c-21.68 0-43.37-0.15-65.05 0-33.19 0.23-66.24 19.24-79.86 50.21-5.43 12.37-8.56 24.66-8.65 38.29v494.34H105.32c-16.28 0-30.12 13.81-30.12 30.13v250.58c0 16.28 13.8 30.12 30.12 30.12h719.9c30.73 0 61.51 0.52 92.23 0h1.23c16.28 0 30.12-13.8 30.12-30.12V678.07c0-16.29-13.8-30.13-30.12-30.13zM797.82 235.55h-33.93c-5.19 0-10.43 0.17-15.63-0.17a61.29 61.29 0 0 1-7-1.93 57.29 57.29 0 0 1-5.73-3.29l-0.24-0.16c-0.94-0.83-1.87-1.66-2.76-2.55s-1.73-1.83-2.56-2.77l-0.15-0.23a58.37 58.37 0 0 1-3.3-5.74 62.29 62.29 0 0 1-2-7.64c-1-12.39-0.06-25.25-0.06-37.56v-8l9.08 8.66z m-504.58-82.16q0-2.05 0.15-4.11a60.48 60.48 0 0 1 2-7.12 56.34 56.34 0 0 1 3.29-5.74l0.15-0.23c0.83-0.94 1.67-1.88 2.56-2.77s1.82-1.72 2.76-2.56l0.24-0.15a56.34 56.34 0 0 1 5.74-3.29 62.66 62.66 0 0 1 7.63-2c12.3-1 25.07-0.05 37.27-0.05h292.13c5.64 0 11.29 0 16.94 0.08-0.09 27.46-0.21 54.92 0 82.38 0.23 23.51 9.58 46.83 26.69 63.18a89.83 89.83 0 0 0 61.5 24.84c19.24 0.17 38.48 0 57.72 0h32.87v318.57c0 11.17-0.16 22.35-0.15 33.52H649.67a25.15 25.15 0 0 0-9.42 1.08c-6.88 2.23-14.81 6.75-17.91 13.65a28.06 28.06 0 0 0-3.08 6.7 154.44 154.44 0 0 1-10.53 18.4c-1.22 1.83-2.51 3.61-3.79 5.39-0.25 0.31-0.5 0.63-0.76 0.94q-4.71 5.7-9.95 10.93-5 5-10.4 9.47l-0.49 0.38c1.35-1 2.34-1.66-0.07 0.13l-1.46 1.06c0.31-0.26 0.68-0.55 1.05-0.83-0.42 0.3-0.84 0.62-1.22 1-1.36 1-2.73 1.95-4.13 2.89a155.31 155.31 0 0 1-22 12.3 157.66 157.66 0 0 1-31.63 8.67 160.51 160.51 0 0 1-33.09 0 157.38 157.38 0 0 1-31.62-8.67 155.09 155.09 0 0 1-21.47-11.91c-1.78-1.18-3.52-2.41-5.25-3.66 0.33 0.28 0.69 0.57 1.08 0.91-0.48-0.41-1-0.8-1.47-1.19a0.71 0.71 0 0 0-0.14-0.1 25.52 25.52 0 0 1-2.61-2.19c-3.07-2.62-6-5.36-8.91-8.21q-5-5-9.5-10.38l-1.16-1.43a203.68 203.68 0 0 1-3.45-4.86 157.45 157.45 0 0 1-13.91-25.5c-4.07-9.39-16.39-14.92-26-14.92h-73.14V212.58c0-19.73-0.15-39.46 0-59.19z m288.18 563c-0.11 0.1-0.23 0.21-0.33 0.32 0.08-0.08 0.2-0.19 0.33-0.31z m262 182.12H198.78c-21.08 0-42.22-0.34-63.33-0.32v-190h212.27c23.5 42.08 64.93 74 111.35 86.61 53.34 14.47 113.4 3.89 157.42-29.9 20.29-15.57 37.82-34.5 50.34-56.71h221.72v190.33z"
+							 fill="#0071C3" p-id="1652"></path>
+							<path d="M431.3 715l0.72 0.58 0.39 0.28c-2-1.7-2.91-2.41-3.14-2.57zM583.34 714.88l-0.48 0.36z" fill="#0071C3"
+							 p-id="1653"></path>
+							<path d="M368.17 379.84h240c15.69 0 30.73-13.8 30-30s-13.18-30-30-30h-240c-15.69 0-30.73 13.8-30 30s13.18 30 30 30zM368.17 507.91H719c16.16 0 32.37 0.33 48.53 0h0.69c15.69 0 30.73-13.8 30-30s-13.18-30-30-30H417.39c-16.16 0-32.37-0.33-48.53 0h-0.69c-15.69 0-30.73 13.8-30 30s13.18 30 30 30z"
+							 fill="#FD9A16" p-id="1654"></path>
+						</svg>
+						The manuscripts are ready to get final decisions.
+					</div>
+					<ul class="ta1_uli">
+						<li v-for="item in tableData1">
+							<h5>{{item.type}}</h5>
+							<router-link target="_blank" :to="{path:'/per_text',query:{Art_id:item.art_rev_id}}">
+								<h3>{{item.article_title}}</h3>
+							</router-link>
+							<h4><span>{{item.journal_title}}.</span><span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+						</li>
+						<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
+					</ul>
+				</el-col>
+				<el-col :span="8">
+					<div class="ma_title">
+						<svg t="1629527662744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3890"
+						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
+							<path d="M277.79 206l1.7-1.34-1.49 1.16zM812.16 272.94l-0.06-0.08-0.25-0.31 2 2.69-0.86-1.17zM743.76 805.56l0.08-0.07 0.31-0.24c-1.42 1.06-2.26 1.7-2.69 2l1.17-0.86z"
+							 fill="#0071C3" p-id="3891"></path>
+							<path d="M929.43 366.16c-24.2-71.91-66.72-137.68-123.37-188.29C749.14 127 679.34 90.48 604.51 74.74 527.24 58.48 445.43 62.36 370.59 88 298.35 112.79 232.42 156 182 213.47c-50.73 57.81-86.91 128.47-101.75 204.11a479.79 479.79 0 0 0-7.92 60.89c-1 15.88 14.71 31.06 30.36 30.36 17.34-0.78 29.23-13.35 30.35-30.36q0.81-12.27 2.32-24.47a412.41 412.41 0 0 1 26.27-96.3 411.4 411.4 0 0 1 26.79-51.54q8.07-13.12 17.1-25.62c1.3-1.81 2.62-3.6 4-5.39l1.44-1.9c3-3.8 6.06-7.58 9.2-11.29a413.71 413.71 0 0 1 42.49-43.31q5.52-4.85 11.2-9.5l4-3.2 0.16-0.13 0.99-0.82 3.16-2.48-2.68 2.12c0.66-0.52 1.37-1.07 1.85-1.42q12-9 24.73-17.17A411.38 411.38 0 0 1 364.44 155a412 412 0 0 1 96.16-26.21 419.29 419.29 0 0 1 102.11 0 412.31 412.31 0 0 1 96.36 26.29A411.16 411.16 0 0 1 710.79 182q13 8 25.43 17 3 2.15 5.88 4.33l1.31 1c4 3.14 7.87 6.31 11.72 9.57a411.9 411.9 0 0 1 43.41 42.71q4.8 5.49 9.41 11.14c1.32 1.61 2.61 3.23 3.9 4.86l-1.24-1.64 1.55 2c1 1.25 2.71 3.58 1.73 2.3q8.72 11.65 16.6 23.91a413 413 0 0 1 31.24 58.65A412.49 412.49 0 0 1 888 454a419.12 419.12 0 0 1 0 102.09 412.39 412.39 0 0 1-26.29 96.37 412.61 412.61 0 0 1-26.92 51.73q-8 13-17 25.42-2.14 3-4.34 5.88c-0.32 0.44-0.66 0.87-1 1.31-3.13 4-6.3 7.88-9.57 11.72a411.9 411.9 0 0 1-42.71 43.41q-5.48 4.8-11.13 9.41-2.43 2-4.87 3.91l1.63-1.25-2 1.55c-1.24 1-3.57 2.7-2.3 1.72q-11.65 8.72-23.9 16.6a413.08 413.08 0 0 1-58.66 31.24 412.28 412.28 0 0 1-96.19 26.22 420 420 0 0 1-102.13 0 412.94 412.94 0 0 1-96.68-26.43 412.57 412.57 0 0 1-76.35-43.43c-2.72-2-5.4-4-8.08-6l-0.48-0.39q-2.42-1.9-4.79-3.85-8.93-7.28-17.42-15a419.54 419.54 0 0 1-32.18-32.88 24.54 24.54 0 0 0-2-2h172.43c15.88 0 31.09-14 30.35-30.35s-13.33-30.36-30.35-30.36H166.91c-15.23 0-32 14-30.36 30.36l6.84 70.2q5.46 55.9 10.9 111.83l2.5 25.58c0.8 8.24 2.85 15.43 8.89 21.47 5.27 5.26 13.9 9.23 21.47 8.89 15.12-0.68 32-13.43 30.35-30.36l-6.84-70.2q-1.72-17.76-3.46-35.52a441.21 441.21 0 0 0 194.12 108.39c80.95 20.81 168.56 18.41 247.94-8 71.79-23.91 137.5-66.07 188.25-122.32 51-56.48 87.7-125.89 103.88-200.34 16.81-77.33 13.3-159.36-11.96-234.46z"
+							 fill="#0071C3" p-id="3892"></path>
+							<path d="M466.71 289.7v215.35c0 16.48 13.91 30.26 30.36 30.36l72.83 0.41 116.69 0.67 26.71 0.15c15.89 0.09 31.09-14 30.36-30.35-0.74-16.53-13.34-30.26-30.36-30.36l-72.83-0.42-116.69-0.67-26.71-0.15 30.35 30.36V289.7c0-15.88-14-31.09-30.35-30.36s-30.36 13.34-30.36 30.36z"
+							 fill="#FD9A16" p-id="3893"></path>
+						</svg>
+						Accepted manuscripts.
+					</div>
+					<ul class="ta1_uli">
+						<li v-for="item in tableData2">
+							<h5>{{item.type}}</h5>
+							<router-link target="_blank" :to="{path:'/per_text',query:{Art_id:item.art_rev_id}}">
+								<h3>{{item.article_title}}</h3>
+							</router-link>
+							<h4><span>{{item.journal_title}}.</span><br>
+								<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+						</li>
+						<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
+					</ul>
+					<div class="pagination">
+						<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize" :total="link_Tota2"
+						 @current-change="handlePageChange2">
+						</el-pagination>
+					</div>
+				</el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				head_line: "",
+				query: {
+					user_id: localStorage.getItem('U_id')
+				},
+				tableData1: [],
+				tableData2: [],
+				TaBle2: {
+					user_id: localStorage.getItem('U_id'),
+					pageIndex: 1,
+					pageSize: 10
+				},
+				link_Tota2: 0
+			};
+		},
+		mounted() {
+
+		},
+		created() {
+			this.getTable();
+		},
+		methods: {
+			// 获取数据
+			getTable() {
+				this.$api
+					.post('api/Reviewer/getReviewerDetail1', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							this.getData();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+			getData() {
+				this.$api
+					.post('api/Reviewer/getReviewerListPending', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							for (let i = 0; i < res.data.lists.length; i++) {
+								let date = new Date(parseInt(res.data.lists[i].ctime) * 1000);
+								let Y = date.getFullYear() + '-';
+								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.lists[i].ctime = Y + M + D;
+							}
+							this.tableData1 = res.data.lists;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+				this.$api
+					.post('api/Reviewer/getReviewerListHistory', this.TaBle2)
+					.then(res => {
+						if (res.code == 0) {
+							if (res.data.lists != '') {
+								for (let i = 0; i < res.data.lists.length; i++) {
+									let date = new Date(parseInt(res.data.lists[i].ctime) * 1000);
+									let Y = date.getFullYear() + '-';
+									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.lists[i].ctime = Y + M + D;
+								}
+							}
+							this.tableData2 = res.data.lists;
+							this.link_Tota2 = res.data.count || 0;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 分页导航
+			handlePageChange2(val) {
+				this.$set(this.TaBle2, 'pageIndex', val);
+				this.getData();
+			}
+		},
+		computed: {
+			onRoutes() {
+				0
+				return this.$route.path.replace('/', '');
+			}
+		},
+		watch: {
+
+		}
+	};
+</script>
+
+<style scoped>
+	.ma_title {
+		margin-bottom: 5px;
+		font-weight: bold;
+		color: #006699;
+	}
+
+	.ta1_uli li {
+		list-style: none;
+		border-bottom: 2px solid #dcdcdc;
+		/* box-shadow: 0 0 10px #e1e1e1; */
+		padding: 10px 20px 20px 20px;
+		background-color: #fff;
+		margin-top: 20px;
+	}
+
+	.ta1_uli li:hover {
+		/* background: #fafafa; */
+	}
+
+	.ta1_uli li h3 {
+		color: #000;
+		margin-top: 8px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+	}
+
+	.ta1_uli li h3:hover {
+		text-decoration: underline;
+	}
+
+	.ta1_uli li h4 {
+		/* color: #6f6f6f; */
+		margin-top: 8px;
+		font-weight: normal;
+		font-size: 15px;
+		line-height: 22px;
+	}
+
+	.ta1_uli li h4 span {
+		margin-right: 10px;
+	}
+
+	.ta1_uli li h5 {
+		color: #006699;
+		margin-top: 5px;
+		padding-bottom: 10px;
+		font-weight: normal;
+		border-bottom: 1px solid #f1f1f1;
+	}
+
+	.ta1_uli li h6 {
+		font-weight: normal;
+		font-family: Calibri;
+		font-size: 16px;
+		margin-top: 10px;
+	}
+</style>
diff --git a/src/components/page/per_text.vue b/src/components/page/per_text.vue
new file mode 100644
index 0000000..d53aee4
--- /dev/null
+++ b/src/components/page/per_text.vue
@@ -0,0 +1,498 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-collection"></i>
+					<router-link :to="{path:'/peerewer'}">
+						<span class="top_dao">Reviewer Article Detail</span>
+					</router-link>
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container container_l" v-loading="loading"
+		 element-loading-text="Loading..." element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
+			<div class="tet_list" :model="txt_mess">
+				<h4>{{txt_mess.article_title}}</h4>
+				<h5>{{txt_mess.title}}<span style="margin: 0 10px;">>></span> Manuscript ID: {{txt_mess.accept_sn}}</h5>
+				<div class="file_sty" v-for="item in fileList">
+					<svg t="1629609240510" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3814"
+					 width="15" height="15" style="margin: 20px 10px -2px 0;">
+						<path d="M1024.00906 393.054v548.774c0 45.39-36.776 82.166-82.146 82.166H266.89306c-38.776 0-71.268-26.868-79.9-63.006l-0.33-46.976-1.916-279.754V82.166C184.74506 36.778 221.52306 0 266.89306 0h364.064c32.718 0 138.682 90.346 232.346 185.494C948.76506 272.338 1024.00906 363.178 1024.00906 393.054z"
+						 fill="#DDEAFB" p-id="3815"></path>
+						<path d="M1024.00906 393.054v201.028c0-0.226-0.02-0.454-0.02-0.7-6.182-246.666-207.106-258.08-272.812-323.784l112.124-84.104C948.76506 272.338 1024.00906 363.178 1024.00906 393.054z"
+						 fill="#CBE2FF" p-id="3816"></path>
+						<path d="M630.94506 0H429.91706c0.226 0 0.454 0.02 0.7 0.02 246.666 6.182 258.08 207.106 323.784 272.812l84.104-112.124C751.66106 75.244 660.82106 0 630.94506 0z"
+						 fill="#CBE2FF" p-id="3817"></path>
+						<path d="M1024.00706 393.064v34.754c0-73.17-59.334-132.506-132.506-132.506h-80.648c-45.368 0-82.16-36.794-82.16-82.16V132.506C728.69506 59.334 669.35906 0 596.18906 0h34.754c62.58 0 122.616 24.866 166.866 69.114l157.086 157.086a236.004 236.004 0 0 1 69.112 166.864z"
+						 fill="#BED8FB" p-id="3818"></path>
+						<path d="M885.28906 480.062H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM885.28906 562.26H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM885.28906 644.456H323.45506a15.452 15.452 0 1 1 0-30.904H885.28906a15.452 15.452 0 1 1 0 30.904zM745.13906 726.654H323.45506a15.452 15.452 0 1 1 0-30.904h421.682a15.452 15.452 0 0 1 15.452 15.452 15.448 15.448 0 0 1-15.45 15.452zM529.84306 252.076H323.45506a15.452 15.452 0 1 1 0-30.904h206.388a15.452 15.452 0 1 1 0 30.904z"
+						 fill="#617881" p-id="3819"></path>
+						<path d="M566.48706 957.136a1159.306 1159.306 0 0 1-1.504 14.568 48.352 48.352 0 0 1-15.658 30.74 47.908 47.908 0 0 1-28.578 12.362 2959.96 2959.96 0 0 1-466.258 0 47.912 47.912 0 0 1-28.578-12.362 48.348 48.348 0 0 1-15.658-30.74 1159.306 1159.306 0 0 1-1.504-14.568c-9.642-96.094-11.312-192.19-4.986-288.264 0.804-12.156 1.73-24.292 2.782-36.448a1705.496 1705.496 0 0 1 3.708-38.116c2.494-23.138 21.036-41.268 44.236-43.102a2960.442 2960.442 0 0 1 466.258 0c23.2 1.834 41.742 19.964 44.236 43.102a1705.496 1705.496 0 0 1 3.708 38.116c1.05 12.156 1.978 24.292 2.782 36.448 6.304 96.074 4.636 192.17-4.986 288.264z"
+						 fill="#80B4FB" p-id="3820"></path>
+						<path d="M571.47306 668.872c-34.984 85.71-172.286 216.83-283.854 250.146C176.05106 885.704 38.74906 754.584 3.76506 668.872c0.804-12.156 1.73-24.292 2.782-36.448 38.982 85.69 172.266 211.206 281.074 243.698 108.828-32.492 242.132-158.008 281.074-243.698 1.048 12.156 1.974 24.292 2.778 36.448zM566.48706 957.136a1159.306 1159.306 0 0 1-1.504 14.568 48.352 48.352 0 0 1-15.658 30.74c-3.956-31.338-37.642-82.888-87.606-132.914a15.476 15.476 0 0 1 0.02-21.86 15.474 15.474 0 0 1 21.86 0.022c29.216 29.256 53.63 59.4 70.628 87.194 4.72 7.704 8.82 15.12 12.26 22.25zM113.51906 869.53c-49.964 50.026-83.65 101.576-87.606 132.914a48.348 48.348 0 0 1-15.658-30.74 1159.306 1159.306 0 0 1-1.504-14.568c3.44-7.128 7.54-14.546 12.26-22.252 16.998-27.794 41.414-57.938 70.628-87.194a15.474 15.474 0 0 1 21.86-0.022 15.48 15.48 0 0 1 0.02 21.862z"
+						 fill="#5EA5EC" p-id="3821"></path>
+					</svg>
+					<a :href='mediaUrl+item.file_url' target="_blank" class="txt_pdf">{{item.type_name}} <span style="margin-left: 50px;color: #888;font-size: 13px;">{{item.ctime}}</span></a><br>
+				</div>
+
+				<div class="file_sty" v-for="item in picList">
+					<svg t="1629868178979" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1611"
+					 width="15" height="15" style="margin: 20px 10px -2px 0;">
+						<path d="M235.466 195.356v249.398H39.548v-179.51c0-38.59 31.296-69.888 69.888-69.888h35.726z" fill="#BED8FB" p-id="1612"></path>
+						<path d="M984.44 393.056v548.778c0 45.39-36.756 82.166-82.126 82.166H227.34c-29.072 0-54.6-15.102-69.208-37.87a81.72 81.72 0 0 1-10.714-25.136l-0.308-46.976-1.916-279.756V82.166C145.194 36.778 181.972 0 227.34 0h364.066c32.718 0 138.662 90.348 232.326 185.494 85.486 86.844 160.708 177.686 160.708 207.562z"
+						 fill="#DDEAFB" p-id="1613"></path>
+						<path d="M984.452 393.056v201.03c0-0.226-0.02-0.454-0.02-0.7C978.25 346.72 777.324 335.306 711.62 269.6l112.124-84.104c85.464 86.842 160.708 177.684 160.708 207.56z"
+						 fill="#CBE2FF" p-id="1614"></path>
+						<path d="M591.386 0H390.356c0.226 0 0.454 0.02 0.7 0.02 246.666 6.182 258.08 207.108 323.786 272.812l84.104-112.124C712.102 75.244 621.26 0 591.386 0z"
+						 fill="#CBE2FF" p-id="1615"></path>
+						<path d="M984.45 393.066v34.754c0-73.172-59.336-132.506-132.506-132.506h-80.648c-45.368 0-82.162-36.794-82.162-82.162V132.506C689.134 59.334 629.8 0 556.628 0h34.754c62.58 0 122.616 24.866 166.866 69.114l157.086 157.086a236.008 236.008 0 0 1 69.116 166.866zM701.41 693.93v184.278c0 59.606-48.316 107.922-107.922 107.922H158.132a81.72 81.72 0 0 1-10.714-25.136l-0.308-46.976-1.916-279.756v-48.254h448.294c59.606 0 107.922 48.316 107.922 107.922z"
+						 fill="#BED8FB" p-id="1616"></path>
+						<path d="M771.298 443.052v375.384c0 59.606-48.316 107.922-107.922 107.922H109.448c-2.08 0-4.12-0.082-6.16-0.288-35.706-3.09-63.726-33.068-63.726-69.6V265.244c0 19.286 7.83 36.756 20.48 49.408 11.27 11.29 26.394 18.75 43.246 20.192 2.04 0.206 4.08 0.288 6.16 0.288h553.928c59.608-0.002 107.922 48.314 107.922 107.92z"
+						 fill="#617881" p-id="1617"></path>
+						<path d="M668.278 492.9v275.676c0 5.068-0.68 9.972-1.978 14.608-6.388 23.158-27.608 40.156-52.786 40.156H192.438a49.648 49.648 0 0 1-39.106-18.956 49.52 49.52 0 0 1-10.756-30.906V487.996c0-27.526 22.314-49.84 49.86-49.84h421.076c30.248 0 54.766 24.52 54.766 54.744z"
+						 fill="#80B4FB" p-id="1618"></path>
+						<path d="M277.946 558.042m-53.742 0a53.742 53.742 0 1 0 107.484 0 53.742 53.742 0 1 0-107.484 0Z" fill="#F1D333"
+						 p-id="1619"></path>
+						<path d="M411.228 823.342H192.438a49.648 49.648 0 0 1-39.106-18.956l119.11-114.844z" fill="#EAB14D" p-id="1620"></path>
+						<path d="M666.3 783.186c-6.388 23.158-27.608 40.156-52.786 40.156H314.06l196.93-189.904z" fill="#F1D333" p-id="1621"></path>
+						<path d="M103.288 334.842v591.228c-35.706-3.09-63.726-33.068-63.726-69.6V265.244c0 19.286 7.83 36.756 20.48 49.408 11.27 11.29 26.392 18.748 43.246 20.19z"
+						 fill="#475959" p-id="1622"></path>
+					</svg>
+					<a :href='mediaUrl+item.file_url' target="_blank" class="txt_pdf">{{item.type_name}} <span style="margin-left: 50px;color: #888;font-size: 13px;">{{item.ctime}}</span></a><br>
+				</div>
+			</div>
+
+			<div class="ques_tion">
+				<el-form :model="questionform" :rules="rules" ref="question" label-width="300px" label-position="top">
+					<el-divider content-position="center">REFEREE'S ASSESSMENT</el-divider>
+					<el-form-item label="1.Originality of the topic">
+						<el-radio-group v-model="questionform.qu1">
+							<el-radio :label="1">Excellent</el-radio>
+							<el-radio :label="2">Good</el-radio>
+							<el-radio :label="3">Fair</el-radio>
+							<el-radio :label="4">Poor</el-radio>
+						</el-radio-group>
+					</el-form-item>
+					<el-form-item label="2.Technical Quality">
+						<el-radio-group v-model="questionform.qu2">
+							<el-radio :label="1">Excellent</el-radio>
+							<el-radio :label="2">Good</el-radio>
+							<el-radio :label="3">Fair</el-radio>
+							<el-radio :label="4">Poor</el-radio>
+						</el-radio-group>
+					</el-form-item>
+					<el-form-item label="3.Importance in its Field">
+						<el-radio-group v-model="questionform.qu3">
+							<el-radio :label="1">Excellent</el-radio>
+							<el-radio :label="2">Good</el-radio>
+							<el-radio :label="3">Fair</el-radio>
+							<el-radio :label="4">Poor</el-radio>
+						</el-radio-group>
+					</el-form-item>
+					<el-form-item label="4.Style & Overall Representation">
+						<el-radio-group v-model="questionform.qu4">
+							<el-radio :label="1">Excellent</el-radio>
+							<el-radio :label="2">Good</el-radio>
+							<el-radio :label="3">Fair</el-radio>
+							<el-radio :label="4">Poor</el-radio>
+						</el-radio-group>
+					</el-form-item>
+					<el-form-item label="5.Readily Understandable">
+						<el-radio-group v-model="questionform.qu5">
+							<el-radio :label="1">Excellent</el-radio>
+							<el-radio :label="2">Good</el-radio>
+							<el-radio :label="3">Fair</el-radio>
+							<el-radio :label="4">Poor</el-radio>
+						</el-radio-group>
+					</el-form-item>
+					<el-form-item label="6.Suitability for the Journal">
+						<el-radio-group v-model="questionform.qu6">
+							<el-radio :label="1">Excellent</el-radio>
+							<el-radio :label="2">Good</el-radio>
+							<el-radio :label="3">Fair</el-radio>
+							<el-radio :label="4">Poor</el-radio>
+						</el-radio-group>
+					</el-form-item>
+					<el-form-item label="7.Adequate Illustrations or Drawings">
+						<el-radio-group v-model="questionform.qu7">
+							<el-radio :label="1">Excellent</el-radio>
+							<el-radio :label="2">Good</el-radio>
+							<el-radio :label="3">Fair</el-radio>
+							<el-radio :label="4">Poor</el-radio>
+						</el-radio-group>
+					</el-form-item>
+					<el-form-item label="8.English language">
+						<el-radio-group v-model="questionform.qu8">
+							<el-radio :label="1">Excellent</el-radio>
+							<el-radio :label="2">Good</el-radio>
+							<el-radio :label="3">Fair</el-radio>
+							<el-radio :label="4">Poor</el-radio>
+						</el-radio-group>
+					</el-form-item>
+					<el-collapse>
+						<el-form-item label="9.Does the title represent manuscript's contents?">
+							<el-switch v-model="questionform.qu9" active-text="yes" inactive-text="no"></el-switch>
+							<el-collapse-item name="1">
+								<template slot="title">
+									<i class="el-icon-edit"></i>Comments/ Suggestions
+								</template>
+								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu9contents" :rows="4"></el-input>
+							</el-collapse-item>
+						</el-form-item>
+						<el-form-item label="10.Is the Abstract accurate and concise?">
+							<el-switch v-model="questionform.qu10" active-text="yes" inactive-text="no"></el-switch>
+							<el-collapse-item name="2">
+								<template slot="title">
+									<i class="el-icon-edit"></i>Comments/ Suggestions
+								</template>
+								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu10contents" :rows="4"></el-input>
+							</el-collapse-item>
+						</el-form-item>
+						<el-form-item label="11.Are the approach/ methods properly described?">
+							<el-switch v-model="questionform.qu11" active-text="yes" inactive-text="no"></el-switch>
+							<el-collapse-item name="3">
+								<template slot="title">
+									<i class="el-icon-edit"></i>Comments/ Suggestions
+								</template>
+								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu11contents" :rows="4"></el-input>
+							</el-collapse-item>
+						</el-form-item>
+						<el-form-item label="12.Are the conclusions and interpretations sound?">
+							<el-switch v-model="questionform.qu12" active-text="yes" inactive-text="no"></el-switch>
+							<el-collapse-item name="4">
+								<template slot="title">
+									<i class="el-icon-edit"></i>Comments/ Suggestions
+								</template>
+								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu12contents" :rows="4"></el-input>
+							</el-collapse-item>
+						</el-form-item>
+						<el-form-item label="13.Are the references properly cited?">
+							<el-switch v-model="questionform.qu13" active-text="yes" inactive-text="no"></el-switch>
+							<el-collapse-item name="5">
+								<template slot="title">
+									<i class="el-icon-edit"></i>Comments/ Suggestions
+								</template>
+								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu13contents" :rows="4"></el-input>
+							</el-collapse-item>
+						</el-form-item>
+						<el-form-item label="14.Is this a new/ original/ confirmatory contribution?">
+							<el-switch v-model="questionform.qu14" active-text="yes" inactive-text="no"></el-switch>
+							<el-collapse-item name="6">
+								<template slot="title">
+									<i class="el-icon-edit"></i>Comments/ Suggestions
+								</template>
+								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu14contents" :rows="4"></el-input>
+							</el-collapse-item>
+						</el-form-item>
+						<el-form-item label="15.Is it within the scope of the journal?">
+							<el-switch v-model="questionform.qu15" active-text="yes" inactive-text="no"></el-switch>
+							<el-collapse-item name="7">
+								<template slot="title">
+									<i class="el-icon-edit"></i>Comments/ Suggestions
+								</template>
+								<el-input type="textarea" placeholder="please input content" v-model="questionform.qu15contents" :rows="4"></el-input>
+							</el-collapse-item>
+						</el-form-item>
+						<el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
+						<el-form-item label="Overall the Paper is Rated">
+							(Poor-------------------------------------------------------------Excellent)
+							<br />
+							<el-radio-group v-model="questionform.rated" size="small">
+								<el-radio-button label="1"></el-radio-button>
+								<el-radio-button label="2"></el-radio-button>
+								<el-radio-button label="3"></el-radio-button>
+								<el-radio-button label="4"></el-radio-button>
+								<el-radio-button label="5"></el-radio-button>
+								<el-radio-button label="6"></el-radio-button>
+								<el-radio-button label="7"></el-radio-button>
+								<el-radio-button label="8"></el-radio-button>
+								<el-radio-button label="9"></el-radio-button>
+								<el-radio-button label="10"></el-radio-button>
+							</el-radio-group>
+							<br />
+							<span>Your score:{{questionform.rated}}</span>
+						</el-form-item>
+						<el-form-item label="REFEREE'S RECOMMENDATIONS" prop="recommend">
+							<el-radio-group v-model="questionform.recommend">
+								<el-radio :label="1">Accept with minor changes</el-radio>
+								<br />
+								<el-radio :label="2">Accept subject to revisions, as noted in comments</el-radio>
+								<br />
+								<el-radio :label="3">Reject in current form, but may be resubmitted</el-radio>
+								<br />
+								<el-radio :label="4">Reject, with no resubmission</el-radio>
+							</el-radio-group>
+						</el-form-item>
+						<el-form-item label="OTHER SPECIFIC CRITICISMS">
+							<el-radio-group v-model="questionform.other">
+								<el-radio :label="1">Imperfect style</el-radio>
+								<br />
+								<el-radio :label="2">Too long</el-radio>
+								<br />
+								<el-radio :label="3">References incorrectly presented</el-radio>
+								<br />
+								<el-radio :label="4">Typographical and Grammatical errors</el-radio>
+							</el-radio-group>
+						</el-form-item>
+						<el-form-item label="Confidential Comments to the Editor">
+							<el-input type="textarea" placeholder="please input content" v-model="questionform.confident" :rows="8"></el-input>
+						</el-form-item>
+						<el-form-item label="Comments for the Authors">
+							<el-input type="textarea" placeholder="please input content" v-model="questionform.comment" :rows="8"></el-input>
+						</el-form-item>
+						<el-form-item>
+							<el-button type="primary" @click="questionSubmit">submit</el-button>
+						</el-form-item>
+					</el-collapse>
+				</el-form>
+			</div>
+
+
+		</div>
+	</div>
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				loading: false,
+				Direct_log: this.$route.query.act,
+				Art_id: this.$route.query.Art_id,
+				txt_mess: {},
+				fileList: [],
+				picList: [],
+				mediaUrl: this.Common.mediaUrl,
+				add_edit: {
+					article_id: this.$route.query.Art_id,
+					user_id: localStorage.getItem('U_id'),
+					content: ''
+				},
+				head_line: '',
+				questionform: {
+					rev_qu_id: '',
+					art_rev_id: this.$route.query.Art_id,
+					qu1: '',
+					qu2: '',
+					qu3: '',
+					qu4: '',
+					qu5: '',
+					qu6: '',
+					qu7: '',
+					qu8: '',
+					qu9: 'false',
+					qu9contents: '',
+					qu10: 'false',
+					qu10contents: '',
+					qu11: 'false',
+					qu11contents: '',
+					qu12: 'false',
+					qu12contents: '',
+					qu13: 'false',
+					qu13contents: '',
+					qu14: 'false',
+					qu14contents: '',
+					qu15: 'false',
+					qu15contents: '',
+					rated: '',
+					recommend: '',
+					other: '',
+					confident: '',
+					comment: ''
+				},
+				rules: {}
+			}
+		},
+		created() {
+			if (this.Direct_log == null) {
+				this.getData();
+			} else {
+				this.$api
+					.post('api/Chief/autoLoginForChief ', {
+						'code': this.Direct_log
+					})
+					.then(res => {
+						if (res.code == 0) {
+							localStorage.setItem('U_role', res.data.roles);
+							localStorage.setItem('U_name', res.data.user.account);
+							localStorage.setItem('U_id', res.data.user.user_id);
+							localStorage.setItem('U_relname', res.data.user.realname);
+							this.getData();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			}
+		},
+		methods: {
+			getData() {
+				// 获取文章信息
+				this.$api
+					.post('api/Reviewer/getartrevdate', {
+						'revid': this.Art_id,
+						'human': 'reviewer'
+					})
+					.then(res => {
+						this.txt_mess = res
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+				this.$api
+					.post('api/Reviewer/getAFilelistByID ', {
+						'revid': this.Art_id
+					})
+					.then(res => {
+						for (var 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 D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+							res.data[i].ctime = Y + M + D;
+						}
+						this.fileList = res.data
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+				this.$api
+					.post('api/Reviewer/getBFilelistByID', {
+						'revid': this.Art_id
+					})
+					.then(res => {
+						for (var 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 D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+							res.data[i].ctime = Y + M + D;
+						}
+						this.picList = res.data
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+
+
+				//初始化问卷
+				this.$api.post('api/Reviewer/getQuestion', {
+					artrevid: this.Art_id
+				}).then((res) => {
+					if (res.code == 0) {
+						this.questionform.rev_qu_id = res.data.rev_qu_id;
+						this.questionform.qu1 = res.data.qu1;
+						this.questionform.qu2 = res.data.qu2;
+						this.questionform.qu3 = res.data.qu3;
+						this.questionform.qu4 = res.data.qu4;
+						this.questionform.qu5 = res.data.qu5;
+						this.questionform.qu6 = res.data.qu6;
+						this.questionform.qu7 = res.data.qu7;
+						this.questionform.qu8 = res.data.qu8;
+						this.questionform.qu9 = res.data.qu9;
+						this.questionform.qu9contents = res.data.qu9_contents;
+						this.questionform.qu10 = res.data.qu10 == 0 ? false : true;
+						this.questionform.qu10contents = res.data.qu10_contents;
+						this.questionform.qu11 = res.data.qu11 == 0 ? false : true;
+						this.questionform.qu11contents = res.data.qu11_contents;
+						this.questionform.qu12 = res.data.qu12 == 0 ? false : true;
+						this.questionform.qu12contents = res.data.qu12_contents;
+						this.questionform.qu13 = res.data.qu13 == 0 ? false : true;
+						this.questionform.qu13contents = res.data.qu13_contents;
+						this.questionform.qu14 = res.data.qu14 == 0 ? false : true;
+						this.questionform.qu14contents = res.data.qu14_contents;
+						this.questionform.qu15 = res.data.qu15 == 0 ? false : true;
+						this.questionform.qu15contents = res.data.qu15_contents;
+						this.questionform.rated = res.data.rated;
+						this.questionform.recommend = res.data.recommend;
+						this.questionform.other = res.data.other;
+						this.questionform.confident = res.data.confidential;
+						this.questionform.comment = res.data.comments;
+					}
+				});
+			},
+
+			questionSubmit() {
+				this.loading = true
+				this.$refs.question.validate((valid) => {
+					if (valid) {
+						this.$api.post('api/Reviewer/questionSubmit', this.questionform)
+							.then((res) => {
+								if (res.code == 0) {
+									this.loading = false;
+									this.$message.success('success!!');
+									this.getData();
+								} else {
+									this.loading = false;
+									this.$message.error('question submit error');
+								}
+							});
+					} else {
+						this.$message.error('please select a recommend option');
+					}
+				});
+			},
+
+
+		},
+		mounted() {
+
+		},
+	}
+</script>
+
+<style>
+	.ma_title {
+		margin-bottom: 5px;
+		font-weight: bold;
+	}
+
+	.tet_list {
+		border: 1px solid #DCDFE6;
+		background: #fff;
+		border-radius: 5px;
+		margin-bottom: 20px;
+		padding: 20px 20px;
+	}
+
+	.upload-txtc .el-upload-list__item .el-icon-upload-success {
+		display: none !important;
+	}
+
+	.tet_list h5 {
+		margin: 20px 0 10px 0;
+		font-weight: normal;
+	}
+
+	.tet_list p {
+		font-family: Calibri;
+		line-height: 22px;
+	}
+
+	.file_sty a {
+		color: #606266;
+		font-size: 14px;
+	}
+
+	.file_sty a:hover {
+		text-decoration: underline;
+	}
+
+	.ques_tion {
+		border: 1px solid #DCDFE6;
+		background: #fff;
+		border-radius: 5px;
+		margin-bottom: 20px;
+		padding: 20px 20px;
+	}
+
+	.red {
+		color: #ff0000;
+	}
+</style>
diff --git a/src/components/page/reviewerArticleDetail.vue b/src/components/page/reviewerArticleDetail.vue
index 362aad6..25d8563 100644
--- a/src/components/page/reviewerArticleDetail.vue
+++ b/src/components/page/reviewerArticleDetail.vue
@@ -1,107 +1,59 @@
 <template>
-    <div>
-        <div class="crumbs">
-            <el-breadcrumb separator="/">
-                <el-breadcrumb-item>
-                    <i class="el-icon-lx-calendar"></i> Manuscript detail
-                </el-breadcrumb-item>
-                <el-breadcrumb-item>article detail</el-breadcrumb-item>
-            </el-breadcrumb>
-        </div>
-        <div class="container" v-loading="loading">
-            <el-row>
-                <el-col :span="12">
-                    <div class="form-box">
-                        <el-form ref="articleform" :model="detailDate" label-width="200px">
-                            <el-form-item label="Manuscript title">
-                                <span>{{detailDate.article}}</span>
-                            </el-form-item>
-                            <el-form-item label="Manuscript ID">
-                                <span>{{detailDate.acceptSN}}</span>
-                            </el-form-item>
-                            <el-form-item label="Manuscript state">
-                                <span>{{mystate(detailDate.state)}}</span>
-                            </el-form-item>
-                            <el-form-item label=" ">
-                                <span>If you can not download the manuscript, please try other browsers instead of google one.</span>
-                            </el-form-item>
-                            <el-form-item label="Figures">
-                                <el-popover placement="right" width="350" trigger="click">
-                                    <el-table :data="figFileList">
-                                        <el-table-column
-                                            width="150"
-                                            :formatter="filedateformate"
-                                            property="ctime"
-                                            align="center"
-                                            label="date"
-                                        ></el-table-column>
-                                        <el-table-column
-                                            width="100"
-                                            property="username"
-                                            align="center"
-                                            label="Uploader"
-                                        ></el-table-column>
-                                        <el-table-column
-                                            width="100"
-                                            label="download"
-                                            align="center"
-                                        >
-                                            <template slot-scope="scope">
-                                                <el-link
-                                                    type="primary"
-                                                    icon="el-icon-download"
-                                                    :href="getlinkurl(scope.row)"
-                                                ></el-link>
-                                            </template>
-                                        </el-table-column>
-                                    </el-table>
-                                    <el-button
-                                        class="more_btn"
-                                        icon="el-icon-download"
-                                        type="text"
-                                        slot="reference"
-                                    >download</el-button>
-                                </el-popover>
-                            </el-form-item>
-                            <el-form-item label="Manuscirpt">
-                                <el-popover placement="right" width="350" trigger="click">
-                                    <el-table :data="articlefileList">
-                                        <el-table-column
-                                            width="150"
-                                            :formatter="filedateformate"
-                                            property="ctime"
-                                            align="center"
-                                            label="date"
-                                        ></el-table-column>
-                                        <el-table-column
-                                            width="100"
-                                            property="username"
-                                            align="center"
-                                            label="Uploader"
-                                        ></el-table-column>
-                                        <el-table-column
-                                            width="100"
-                                            label="download"
-                                            align="center"
-                                        >
-                                            <template slot-scope="scope">
-                                                <el-link
-                                                    type="primary"
-                                                    icon="el-icon-download"
-                                                    :href="getlinkurl(scope.row)"
-                                                ></el-link>
-                                            </template>
-                                        </el-table-column>
-                                    </el-table>
-                                    <el-button
-                                        class="more_btn"
-                                        icon="el-icon-download"
-                                        type="text"
-                                        slot="reference"
-                                    >download</el-button>
-                                </el-popover>
-                            </el-form-item>
-                            <!-- <el-form-item label="article file">
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-lx-calendar"></i> Manuscript detail
+				</el-breadcrumb-item>
+				<el-breadcrumb-item>article detail</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container" v-loading="loading">
+			<el-row>
+				<el-col :span="12">
+					<div class="form-box">
+						<el-form ref="articleform" :model="detailDate" label-width="200px">
+							<el-form-item label="Manuscript title">
+								<span>{{detailDate.article}}</span>
+							</el-form-item>
+							<el-form-item label="Manuscript ID">
+								<span>{{detailDate.acceptSN}}</span>
+							</el-form-item>
+							<el-form-item label="Manuscript state">
+								<span>{{mystate(detailDate.state)}}</span>
+							</el-form-item>
+							<el-form-item label=" ">
+								<span>If you can not download the manuscript, please try other browsers instead of google one.</span>
+							</el-form-item>
+							<el-form-item label="Figures">
+								<el-popover placement="right" width="350" trigger="click">
+									<el-table :data="figFileList">
+										<el-table-column width="150" :formatter="filedateformate" property="ctime" align="center" label="date"></el-table-column>
+										<el-table-column width="100" property="username" align="center" label="Uploader"></el-table-column>
+										<el-table-column width="100" label="download" align="center">
+											<template slot-scope="scope">
+												<el-link type="primary" icon="el-icon-download" :href="getlinkurl(scope.row)"></el-link>
+											</template>
+										</el-table-column>
+									</el-table>
+									<el-button class="more_btn" icon="el-icon-download" type="text" slot="reference">download</el-button>
+								</el-popover>
+							</el-form-item>
+							<el-form-item label="Manuscirpt">
+								<el-popover placement="right" width="350" trigger="click">
+									<el-table :data="articlefileList">
+										<el-table-column width="150" :formatter="filedateformate" property="ctime" align="center" label="date"></el-table-column>
+										<el-table-column width="100" property="username" align="center" label="Uploader"></el-table-column>
+										<el-table-column width="100" label="download" align="center">
+											<template slot-scope="scope">
+												<el-link type="primary" icon="el-icon-download" :href="getlinkurl(scope.row)"></el-link>
+											</template>
+										</el-table-column>
+									</el-table>
+									<el-button class="more_btn" icon="el-icon-download" type="text" slot="reference">download</el-button>
+								</el-popover>
+							</el-form-item>
+							<!-- <el-form-item label="article file">
                                 <el-popover placement="right" width="350" trigger="click">
                                     <el-table :data="articlefileList">
                                         <el-table-column
@@ -160,7 +112,7 @@
                                     >Only word files can be uploaded(.doc,.docx)</div>
                                 </el-upload>
                             </el-form-item> -->
-                            <!-- <el-form-item label="others">
+							<!-- <el-form-item label="others">
                                 <el-popover placement="right" width="auto" trigger="click">
                                     <el-table :data="articlezipList">
                                         <el-table-column
@@ -219,585 +171,511 @@
                                     >Only compressed files can be uploaded(.rar,.zip)</div>
                                 </el-upload>
                             </el-form-item> -->
-                            <!-- <el-form-item>
+							<!-- <el-form-item>
                                 <el-button type="primary" @click="onSubmit">Submit upload</el-button>
                             </el-form-item> -->
-                        </el-form>
-                    </div>
-                </el-col>
-                <el-col :span="12">
-                    <el-card class="box-card">
-                        <div slot="header" class="clearfix">
-                            <h2>Feedback questionnaire</h2>
-                        </div>
-                        <el-form
-                            :model="questionform"
-                            :rules="rules"
-                            ref="question"
-                            label-width="300px"
-                            label-position="top"
-                        >
-                            <el-divider content-position="center">REFEREE'S ASSESSMENT</el-divider>
-                            <el-form-item label="1.Originality of the topic">
-                                <el-radio-group v-model="questionform.qu1">
-                                    <el-radio :label="1">Excellent</el-radio>
-                                    <el-radio :label="2">Good</el-radio>
-                                    <el-radio :label="3">Fair</el-radio>
-                                    <el-radio :label="4">Poor</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="2.Technical Quality">
-                                <el-radio-group v-model="questionform.qu2">
-                                    <el-radio :label="1">Excellent</el-radio>
-                                    <el-radio :label="2">Good</el-radio>
-                                    <el-radio :label="3">Fair</el-radio>
-                                    <el-radio :label="4">Poor</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="3.Importance in its Field">
-                                <el-radio-group v-model="questionform.qu3">
-                                    <el-radio :label="1">Excellent</el-radio>
-                                    <el-radio :label="2">Good</el-radio>
-                                    <el-radio :label="3">Fair</el-radio>
-                                    <el-radio :label="4">Poor</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="4.Style & Overall Representation">
-                                <el-radio-group v-model="questionform.qu4">
-                                    <el-radio :label="1">Excellent</el-radio>
-                                    <el-radio :label="2">Good</el-radio>
-                                    <el-radio :label="3">Fair</el-radio>
-                                    <el-radio :label="4">Poor</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="5.Readily Understandable">
-                                <el-radio-group v-model="questionform.qu5">
-                                    <el-radio :label="1">Excellent</el-radio>
-                                    <el-radio :label="2">Good</el-radio>
-                                    <el-radio :label="3">Fair</el-radio>
-                                    <el-radio :label="4">Poor</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="6.Suitability for the Journal">
-                                <el-radio-group v-model="questionform.qu6">
-                                    <el-radio :label="1">Excellent</el-radio>
-                                    <el-radio :label="2">Good</el-radio>
-                                    <el-radio :label="3">Fair</el-radio>
-                                    <el-radio :label="4">Poor</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="7.Adequate Illustrations or Drawings">
-                                <el-radio-group v-model="questionform.qu7">
-                                    <el-radio :label="1">Excellent</el-radio>
-                                    <el-radio :label="2">Good</el-radio>
-                                    <el-radio :label="3">Fair</el-radio>
-                                    <el-radio :label="4">Poor</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-                            <el-form-item label="8.English language">
-                                <el-radio-group v-model="questionform.qu8">
-                                    <el-radio :label="1">Excellent</el-radio>
-                                    <el-radio :label="2">Good</el-radio>
-                                    <el-radio :label="3">Fair</el-radio>
-                                    <el-radio :label="4">Poor</el-radio>
-                                </el-radio-group>
-                            </el-form-item>
-                            <el-collapse>
-                                <el-form-item
-                                    label="9.Does the title represent manuscript's contents?"
-                                >
-                                    <el-switch
-                                        v-model="questionform.qu9"
-                                        active-text="yes"
-                                        inactive-text="no"
-                                    ></el-switch>
-                                    <el-collapse-item name="1">
-                                        <template slot="title">
-                                            <i class="el-icon-edit"></i>Comments/ Suggestions
-                                        </template>
-                                        <el-input
-                                            type="textarea"
-                                            placeholder="please input content"
-                                            v-model="questionform.qu9contents"
-                                            :rows="4"
-                                        ></el-input>
-                                    </el-collapse-item>
-                                </el-form-item>
-                                <el-form-item label="10.Is the Abstract accurate and concise?">
-                                    <el-switch
-                                        v-model="questionform.qu10"
-                                        active-text="yes"
-                                        inactive-text="no"
-                                    ></el-switch>
-                                    <el-collapse-item name="2">
-                                        <template slot="title">
-                                            <i class="el-icon-edit"></i>Comments/ Suggestions
-                                        </template>
-                                        <el-input
-                                            type="textarea"
-                                            placeholder="please input content"
-                                            v-model="questionform.qu10contents"
-                                            :rows="4"
-                                        ></el-input>
-                                    </el-collapse-item>
-                                </el-form-item>
-                                <el-form-item
-                                    label="11.Are the approach/ methods properly described?"
-                                >
-                                    <el-switch
-                                        v-model="questionform.qu11"
-                                        active-text="yes"
-                                        inactive-text="no"
-                                    ></el-switch>
-                                    <el-collapse-item name="3">
-                                        <template slot="title">
-                                            <i class="el-icon-edit"></i>Comments/ Suggestions
-                                        </template>
-                                        <el-input
-                                            type="textarea"
-                                            placeholder="please input content"
-                                            v-model="questionform.qu11contents"
-                                            :rows="4"
-                                        ></el-input>
-                                    </el-collapse-item>
-                                </el-form-item>
-                                <el-form-item
-                                    label="12.Are the conclusions and interpretations sound?"
-                                >
-                                    <el-switch
-                                        v-model="questionform.qu12"
-                                        active-text="yes"
-                                        inactive-text="no"
-                                    ></el-switch>
-                                    <el-collapse-item name="4">
-                                        <template slot="title">
-                                            <i class="el-icon-edit"></i>Comments/ Suggestions
-                                        </template>
-                                        <el-input
-                                            type="textarea"
-                                            placeholder="please input content"
-                                            v-model="questionform.qu12contents"
-                                            :rows="4"
-                                        ></el-input>
-                                    </el-collapse-item>
-                                </el-form-item>
-                                <el-form-item label="13.Are the references properly cited?">
-                                    <el-switch
-                                        v-model="questionform.qu13"
-                                        active-text="yes"
-                                        inactive-text="no"
-                                    ></el-switch>
-                                    <el-collapse-item name="5">
-                                        <template slot="title">
-                                            <i class="el-icon-edit"></i>Comments/ Suggestions
-                                        </template>
-                                        <el-input
-                                            type="textarea"
-                                            placeholder="please input content"
-                                            v-model="questionform.qu13contents"
-                                            :rows="4"
-                                        ></el-input>
-                                    </el-collapse-item>
-                                </el-form-item>
-                                <el-form-item
-                                    label="14.Is this a new/ original/ confirmatory contribution?"
-                                >
-                                    <el-switch
-                                        v-model="questionform.qu14"
-                                        active-text="yes"
-                                        inactive-text="no"
-                                    ></el-switch>
-                                    <el-collapse-item name="6">
-                                        <template slot="title">
-                                            <i class="el-icon-edit"></i>Comments/ Suggestions
-                                        </template>
-                                        <el-input
-                                            type="textarea"
-                                            placeholder="please input content"
-                                            v-model="questionform.qu14contents"
-                                            :rows="4"
-                                        ></el-input>
-                                    </el-collapse-item>
-                                </el-form-item>
-                                <el-form-item label="15.Is it within the scope of the journal?">
-                                    <el-switch
-                                        v-model="questionform.qu15"
-                                        active-text="yes"
-                                        inactive-text="no"
-                                    ></el-switch>
-                                    <el-collapse-item name="7">
-                                        <template slot="title">
-                                            <i class="el-icon-edit"></i>Comments/ Suggestions
-                                        </template>
-                                        <el-input
-                                            type="textarea"
-                                            placeholder="please input content"
-                                            v-model="questionform.qu15contents"
-                                            :rows="4"
-                                        ></el-input>
-                                    </el-collapse-item>
-                                </el-form-item>
-                                <el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
-                                <el-form-item label="Overall the Paper is Rated">
-                                    (Poor-------------------------------------------------------------Excellent)
-                                    <br />
-                                    <el-radio-group v-model="questionform.rated" size="small">
-                                        <el-radio-button label="1"></el-radio-button>
-                                        <el-radio-button label="2"></el-radio-button>
-                                        <el-radio-button label="3"></el-radio-button>
-                                        <el-radio-button label="4"></el-radio-button>
-                                        <el-radio-button label="5"></el-radio-button>
-                                        <el-radio-button label="6"></el-radio-button>
-                                        <el-radio-button label="7"></el-radio-button>
-                                        <el-radio-button label="8"></el-radio-button>
-                                        <el-radio-button label="9"></el-radio-button>
-                                        <el-radio-button label="10"></el-radio-button>
-                                    </el-radio-group>
-                                    <br />
-                                    <span>Your score:{{questionform.rated}}</span>
-                                </el-form-item>
-                                <el-form-item label="REFEREE'S RECOMMENDATIONS" prop="recommend">
-                                    <el-radio-group v-model="questionform.recommend">
-                                        <el-radio :label="1">Accept with minor changes</el-radio>
-                                        <br />
-                                        <el-radio
-                                            :label="2"
-                                        >Accept subject to revisions, as noted in comments</el-radio>
-                                        <br />
-                                        <el-radio
-                                            :label="3"
-                                        >Reject in current form, but may be resubmitted</el-radio>
-                                        <br />
-                                        <el-radio :label="4">Reject, with no resubmission</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                                <el-form-item label="OTHER SPECIFIC CRITICISMS">
-                                    <el-radio-group v-model="questionform.other">
-                                        <el-radio :label="1">Imperfect style</el-radio>
-                                        <br />
-                                        <el-radio :label="2">Too long</el-radio>
-                                        <br />
-                                        <el-radio :label="3">References incorrectly presented</el-radio>
-                                        <br />
-                                        <el-radio :label="4">Typographical and Grammatical errors</el-radio>
-                                    </el-radio-group>
-                                </el-form-item>
-                                <el-form-item label="Confidential Comments to the Editor">
-                                    <el-input
-                                        type="textarea"
-                                        placeholder="please input content"
-                                        v-model="questionform.confident"
-                                        :rows="8"
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item label="Comments for the Authors">
-                                    <el-input
-                                        type="textarea"
-                                        placeholder="please input content"
-                                        v-model="questionform.comment"
-                                        :rows="8"
-                                    ></el-input>
-                                </el-form-item>
-                                <el-form-item>
-                                    <el-button type="primary" @click="questionSubmit">submit</el-button>
-                                </el-form-item>
-                            </el-collapse>
-                        </el-form>
-                    </el-card>
-                </el-col>
-            </el-row>
-        </div>
-    </div>
+						</el-form>
+					</div>
+				</el-col>
+				<el-col :span="12">
+					<el-card class="box-card">
+						<div slot="header" class="clearfix">
+							<h2>Feedback questionnaire</h2>
+						</div>
+						<el-form :model="questionform" :rules="rules" ref="question" label-width="300px" label-position="top">
+							<el-divider content-position="center">REFEREE'S ASSESSMENT</el-divider>
+							<el-form-item label="1.Originality of the topic">
+								<el-radio-group v-model="questionform.qu1">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+							<el-form-item label="2.Technical Quality">
+								<el-radio-group v-model="questionform.qu2">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+							<el-form-item label="3.Importance in its Field">
+								<el-radio-group v-model="questionform.qu3">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+							<el-form-item label="4.Style & Overall Representation">
+								<el-radio-group v-model="questionform.qu4">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+							<el-form-item label="5.Readily Understandable">
+								<el-radio-group v-model="questionform.qu5">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+							<el-form-item label="6.Suitability for the Journal">
+								<el-radio-group v-model="questionform.qu6">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+							<el-form-item label="7.Adequate Illustrations or Drawings">
+								<el-radio-group v-model="questionform.qu7">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+							<el-form-item label="8.English language">
+								<el-radio-group v-model="questionform.qu8">
+									<el-radio :label="1">Excellent</el-radio>
+									<el-radio :label="2">Good</el-radio>
+									<el-radio :label="3">Fair</el-radio>
+									<el-radio :label="4">Poor</el-radio>
+								</el-radio-group>
+							</el-form-item>
+							<el-collapse>
+								<el-form-item label="9.Does the title represent manuscript's contents?">
+									<el-switch v-model="questionform.qu9" active-text="yes" inactive-text="no"></el-switch>
+									<el-collapse-item name="1">
+										<template slot="title">
+											<i class="el-icon-edit"></i>Comments/ Suggestions
+										</template>
+										<el-input type="textarea" placeholder="please input content" v-model="questionform.qu9contents" :rows="4"></el-input>
+									</el-collapse-item>
+								</el-form-item>
+								<el-form-item label="10.Is the Abstract accurate and concise?">
+									<el-switch v-model="questionform.qu10" active-text="yes" inactive-text="no"></el-switch>
+									<el-collapse-item name="2">
+										<template slot="title">
+											<i class="el-icon-edit"></i>Comments/ Suggestions
+										</template>
+										<el-input type="textarea" placeholder="please input content" v-model="questionform.qu10contents" :rows="4"></el-input>
+									</el-collapse-item>
+								</el-form-item>
+								<el-form-item label="11.Are the approach/ methods properly described?">
+									<el-switch v-model="questionform.qu11" active-text="yes" inactive-text="no"></el-switch>
+									<el-collapse-item name="3">
+										<template slot="title">
+											<i class="el-icon-edit"></i>Comments/ Suggestions
+										</template>
+										<el-input type="textarea" placeholder="please input content" v-model="questionform.qu11contents" :rows="4"></el-input>
+									</el-collapse-item>
+								</el-form-item>
+								<el-form-item label="12.Are the conclusions and interpretations sound?">
+									<el-switch v-model="questionform.qu12" active-text="yes" inactive-text="no"></el-switch>
+									<el-collapse-item name="4">
+										<template slot="title">
+											<i class="el-icon-edit"></i>Comments/ Suggestions
+										</template>
+										<el-input type="textarea" placeholder="please input content" v-model="questionform.qu12contents" :rows="4"></el-input>
+									</el-collapse-item>
+								</el-form-item>
+								<el-form-item label="13.Are the references properly cited?">
+									<el-switch v-model="questionform.qu13" active-text="yes" inactive-text="no"></el-switch>
+									<el-collapse-item name="5">
+										<template slot="title">
+											<i class="el-icon-edit"></i>Comments/ Suggestions
+										</template>
+										<el-input type="textarea" placeholder="please input content" v-model="questionform.qu13contents" :rows="4"></el-input>
+									</el-collapse-item>
+								</el-form-item>
+								<el-form-item label="14.Is this a new/ original/ confirmatory contribution?">
+									<el-switch v-model="questionform.qu14" active-text="yes" inactive-text="no"></el-switch>
+									<el-collapse-item name="6">
+										<template slot="title">
+											<i class="el-icon-edit"></i>Comments/ Suggestions
+										</template>
+										<el-input type="textarea" placeholder="please input content" v-model="questionform.qu14contents" :rows="4"></el-input>
+									</el-collapse-item>
+								</el-form-item>
+								<el-form-item label="15.Is it within the scope of the journal?">
+									<el-switch v-model="questionform.qu15" active-text="yes" inactive-text="no"></el-switch>
+									<el-collapse-item name="7">
+										<template slot="title">
+											<i class="el-icon-edit"></i>Comments/ Suggestions
+										</template>
+										<el-input type="textarea" placeholder="please input content" v-model="questionform.qu15contents" :rows="4"></el-input>
+									</el-collapse-item>
+								</el-form-item>
+								<el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
+								<el-form-item label="Overall the Paper is Rated">
+									(Poor-------------------------------------------------------------Excellent)
+									<br />
+									<el-radio-group v-model="questionform.rated" size="small">
+										<el-radio-button label="1"></el-radio-button>
+										<el-radio-button label="2"></el-radio-button>
+										<el-radio-button label="3"></el-radio-button>
+										<el-radio-button label="4"></el-radio-button>
+										<el-radio-button label="5"></el-radio-button>
+										<el-radio-button label="6"></el-radio-button>
+										<el-radio-button label="7"></el-radio-button>
+										<el-radio-button label="8"></el-radio-button>
+										<el-radio-button label="9"></el-radio-button>
+										<el-radio-button label="10"></el-radio-button>
+									</el-radio-group>
+									<br />
+									<span>Your score:{{questionform.rated}}</span>
+								</el-form-item>
+								<el-form-item label="REFEREE'S RECOMMENDATIONS" prop="recommend">
+									<el-radio-group v-model="questionform.recommend">
+										<el-radio :label="1">Accept with minor changes</el-radio>
+										<br />
+										<el-radio :label="2">Accept subject to revisions, as noted in comments</el-radio>
+										<br />
+										<el-radio :label="3">Reject in current form, but may be resubmitted</el-radio>
+										<br />
+										<el-radio :label="4">Reject, with no resubmission</el-radio>
+									</el-radio-group>
+								</el-form-item>
+								<el-form-item label="OTHER SPECIFIC CRITICISMS">
+									<el-radio-group v-model="questionform.other">
+										<el-radio :label="1">Imperfect style</el-radio>
+										<br />
+										<el-radio :label="2">Too long</el-radio>
+										<br />
+										<el-radio :label="3">References incorrectly presented</el-radio>
+										<br />
+										<el-radio :label="4">Typographical and Grammatical errors</el-radio>
+									</el-radio-group>
+								</el-form-item>
+								<el-form-item label="Confidential Comments to the Editor">
+									<el-input type="textarea" placeholder="please input content" v-model="questionform.confident" :rows="8"></el-input>
+								</el-form-item>
+								<el-form-item label="Comments for the Authors">
+									<el-input type="textarea" placeholder="please input content" v-model="questionform.comment" :rows="8"></el-input>
+								</el-form-item>
+								<el-form-item>
+									<el-button type="primary" @click="questionSubmit">submit</el-button>
+								</el-form-item>
+							</el-collapse>
+						</el-form>
+					</el-card>
+				</el-col>
+			</el-row>
+		</div>
+	</div>
 </template>
 
 <script>
-export default {
-    data() {
-        return {
-            baseUrl: this.Common.baseUrl,
-            mediaUrl: this.Common.mediaUrl,
-            dateId: this.$route.query.id,
-            username: localStorage.getItem('U_name'),
-            loading:false,
-            articlefileList: [],
-            figFileList: [],
-            articlezipList: [],
-            detailDate: {
-                artrevid: '',
-                article: '',
-                acceptSN:'',
-                reviewer: '',
-                articlefile: '',
-                articlezip: '',
-                ctime: '',
-                state: ''
-            },
-            questionform: {
-                rev_qu_id: '',
-                art_rev_id: this.$route.query.id,
-                qu1: '',
-                qu2: '',
-                qu3: '',
-                qu4: '',
-                qu5: '',
-                qu6: '',
-                qu7: '',
-                qu8: '',
-                qu9: 'false',
-                qu9contents: '',
-                qu10: 'false',
-                qu10contents: '',
-                qu11: 'false',
-                qu11contents: '',
-                qu12: 'false',
-                qu12contents: '',
-                qu13: 'false',
-                qu13contents: '',
-                qu14: 'false',
-                qu14contents: '',
-                qu15: 'false',
-                qu15contents: '',
-                rated: '',
-                recommend: '',
-                other: '',
-                confident: '',
-                comment: ''
-            },
-            rules: {
-                recommend: [{ required: true, message: 'please select', trigger: 'blur' }]
-            }
-        };
-    },
-    created: function () {
-        this.getDate();
-        this.initFileList();
-        this.initquesion();
-    },
-    computed: {},
-    methods: {
-        upload_file(type) {
-            return this.baseUrl + 'api/reviewer/up_file/type/' + type;
-        },
-        questionSubmit() {
-            this.$refs.question.validate((valid) => {
-                if (valid) {
-                    this.loading = true;
-                    this.$api.post('api/Reviewer/questionSubmit', this.questionform).then((res) => {
-                        this.loading=false;
-                        if (res.code == 0) {
-                            this.$message.success('success!!');
-                            this.$router.go(0);
-                        } else {
-                            this.$message.error('question submit error');
-                        }
-                    });
-                } else {
-                    this.$message.error('please select a recommend option');
-                }
-            });
-        },
-        onSubmit() {
-            if (this.detailDate.articlefile == '') {
-                this.$message.error('you must upload article file');
-                console.log('file up error');
-                return false;
-            }
-            this.loading = true;
-            this.$api
-                .post('api/Reviewer/articleReviewerUpSubmit/type/reviewer', this.detailDate)
-                .then((res) => {
-                    this.loading = false;
-                    if (res.code == 0) {
-                        this.$message.success('success');
-                        this.$router.go(0);
-                    } else {
-                        this.$message.error('Failed to submit, please contact administrator!');
-                        console.log(res.msg);
-                    }
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-        },
-        //初始化详情信息
-        getDate() {
-            this.$api
-                .post('api/Reviewer/getartrevdate', { revid: this.dateId, human: 'reviewer' })
-                .then((res) => {
-                    if(res.state == 4){
-                        this.$message.error('this review expired!');
-                        this.$router.push('/reviewerArticleList');
-                    }
-                    this.detailDate.artrevid = res.art_rev_id;
-                    this.detailDate.article = res.article_title;
-                    this.detailDate.acceptSN = res.accept_sn;
-                    this.detailDate.reviewer = res.account;
-                    this.detailDate.ctime = res.ctime;
-                    this.detailDate.state = res.state;
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-        },
-        //初始化filelist
-        initFileList() {
-            this.$api
-                .post('api/Reviewer/getAFilelistByID', { revid: this.dateId })
-                .then((res) => {
-                    this.articlefileList = res.data;
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-            this.$api
-                .post('api/Reviewer/getBFilelistByID', { revid: this.dateId })
-                .then((res) => {
-                    this.figFileList = res.data;
-                })
-                .catch((err) => {
-                    console.log(err);
-                });
-        },
-        //初始化问卷
-        initquesion() {
-            this.$api.post('api/Reviewer/getQuestion', { artrevid: this.dateId }).then((res) => {
-                if (res.code == 0) {
-                    this.questionform.rev_qu_id = res.data.rev_qu_id;
-                    this.questionform.qu1 = res.data.qu1;
-                    this.questionform.qu2 = res.data.qu2;
-                    this.questionform.qu3 = res.data.qu3;
-                    this.questionform.qu4 = res.data.qu4;
-                    this.questionform.qu5 = res.data.qu5;
-                    this.questionform.qu6 = res.data.qu6;
-                    this.questionform.qu7 = res.data.qu7;
-                    this.questionform.qu8 = res.data.qu8;
-                    this.questionform.qu9 = res.data.qu9;
-                    this.questionform.qu9contents = res.data.qu9_contents;
-                    this.questionform.qu10 = res.data.qu10 == 0 ? false : true;
-                    this.questionform.qu10contents = res.data.qu10_contents;
-                    this.questionform.qu11 = res.data.qu11 == 0 ? false : true;
-                    this.questionform.qu11contents = res.data.qu11_contents;
-                    this.questionform.qu12 = res.data.qu12 == 0 ? false : true;
-                    this.questionform.qu12contents = res.data.qu12_contents;
-                    this.questionform.qu13 = res.data.qu13 == 0 ? false : true;
-                    this.questionform.qu13contents = res.data.qu13_contents;
-                    this.questionform.qu14 = res.data.qu14 == 0 ? false : true;
-                    this.questionform.qu14contents = res.data.qu14_contents;
-                    this.questionform.qu15 = res.data.qu15 == 0 ? false : true;
-                    this.questionform.qu15contents = res.data.qu15_contents;
-                    this.questionform.rated = res.data.rated;
-                    this.questionform.recommend = res.data.recommend;
-                    this.questionform.other = res.data.other;
-                    this.questionform.confident = res.data.confidential;
-                    this.questionform.comment = res.data.comments;
-                }
-            });
-        },
-        //检验上传文件的格式
-        beforeupload_file(file) {
-            // const isWORd =
-            //     file.type === 'application/msword' ||
-            //     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
-            // if (!isWORd) {
-            //     this.$message.error('Only word files can be uploaded(.doc,.docx)');
-            // }
-            // return isWORd;
-        },
-        beforeupload_articlezip(file) {
-            // const iszip = file.type === 'application/x-zip-compressed' || file.name.split('.')[1] === 'rar';
-            // if (!iszip) {
-            //     this.$message.error('Only compressed files can be uploaded(.rar,.zip)');
-            // }
-            // return iszip;
-        },
-        getlinkurl(row) {
-            return this.mediaUrl + row.file_url;
-        },
-        filedateformate(row, column, cellValue, index) {
-            return this.formatDate(cellValue);
-        },
-        uperr_file(err) {
-            this.$message.error('Upload error');
-        },
-        beforeupload() {},
-        upSuccess_file(res, file) {
-            if (res.code == 0) {
-                this.detailDate.articlefile = 'articlefile/' + res.upurl;
-            } else {
-                this.$message.error('Service error:' + res.msg);
-            }
-        },
-        upSuccess_articlezip(res, file) {
-            if (res.code == 0) {
-                this.detailDate.articlezip = 'articlezip/' + res.upurl;
-            } else {
-                this.$message.error('Service error:' + res.msg);
-            }
-        },
-        formatDate(timestamp) {
-            var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
-            var Y = date.getFullYear() + '-';
-            var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
-            var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
-            var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
-            var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
-            var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
-            return Y + M + D + ' ' + h + ':' + m + ':' + s;
-        },
-        //超出传送文件个数限制
-        alertlimit() {
-            this.$message.error('The maximum number of uploaded files has been exceeded');
-        },
-        //清除文件时的事件
-        removefilearticlefile(file, fileList) {
-            this.detailDate.articlefile = '';
-        },
-        removefilearticlezip(file, fileList) {
-            this.detailDate.articlezip = '';
-        },
-        mystate(mystate) {
-            let str = '';
-            switch (mystate) {
-                case 0:
-                    str = 'With reviewer';
-                    break;
-                case 1:
-                    str = 'Revision';
-                    break;
-                case 2:
-                    str = 'Reject';
-                    break;
-                case 3:
-                    str = 'Accepted';
-                    break;
-                case 4:
-                    str = 'invalid';
-                    break;
-            }
-            return str;
-        }
-    }
-};
+	export default {
+		data() {
+			return {
+				baseUrl: this.Common.baseUrl,
+				mediaUrl: this.Common.mediaUrl,
+				dateId: this.$route.query.id,
+				username: localStorage.getItem('U_name'),
+				loading: false,
+				articlefileList: [],
+				figFileList: [],
+				articlezipList: [],
+				detailDate: {
+					artrevid: '',
+					article: '',
+					acceptSN: '',
+					reviewer: '',
+					articlefile: '',
+					articlezip: '',
+					ctime: '',
+					state: ''
+				},
+				questionform: {
+					rev_qu_id: '',
+					art_rev_id: this.$route.query.id,
+					qu1: '',
+					qu2: '',
+					qu3: '',
+					qu4: '',
+					qu5: '',
+					qu6: '',
+					qu7: '',
+					qu8: '',
+					qu9: 'false',
+					qu9contents: '',
+					qu10: 'false',
+					qu10contents: '',
+					qu11: 'false',
+					qu11contents: '',
+					qu12: 'false',
+					qu12contents: '',
+					qu13: 'false',
+					qu13contents: '',
+					qu14: 'false',
+					qu14contents: '',
+					qu15: 'false',
+					qu15contents: '',
+					rated: '',
+					recommend: '',
+					other: '',
+					confident: '',
+					comment: ''
+				},
+				rules: {
+					recommend: [{
+						required: true,
+						message: 'please select',
+						trigger: 'blur'
+					}]
+				}
+			};
+		},
+		created: function() {
+			this.getDate();
+			this.initFileList();
+			this.initquesion();
+		},
+		computed: {},
+		methods: {
+			upload_file(type) {
+				return this.baseUrl + 'api/reviewer/up_file/type/' + type;
+			},
+			questionSubmit() {
+				this.$refs.question.validate((valid) => {
+					if (valid) {
+						this.loading = true;
+						this.$api.post('api/Reviewer/questionSubmit', this.questionform).then((res) => {
+							this.loading = false;
+							if (res.code == 0) {
+								this.$message.success('success!!');
+								this.$router.go(0);
+							} else {
+								this.$message.error('question submit error');
+							}
+						});
+					} else {
+						this.$message.error('please select a recommend option');
+					}
+				});
+			},
+			onSubmit() {
+				if (this.detailDate.articlefile == '') {
+					this.$message.error('you must upload article file');
+					console.log('file up error');
+					return false;
+				}
+				this.loading = true;
+				this.$api
+					.post('api/Reviewer/articleReviewerUpSubmit/type/reviewer', this.detailDate)
+					.then((res) => {
+						this.loading = false;
+						if (res.code == 0) {
+							this.$message.success('success');
+							this.$router.go(0);
+						} else {
+							this.$message.error('Failed to submit, please contact administrator!');
+							console.log(res.msg);
+						}
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			},
+			//初始化详情信息
+			getDate() {
+				this.$api
+					.post('api/Reviewer/getartrevdate', {
+						revid: this.dateId,
+						human: 'reviewer'
+					})
+					.then((res) => {
+						if (res.state == 4) {
+							this.$message.error('this review expired!');
+							this.$router.push('/reviewerArticleList');
+						}
+						this.detailDate.artrevid = res.art_rev_id;
+						this.detailDate.article = res.article_title;
+						this.detailDate.acceptSN = res.accept_sn;
+						this.detailDate.reviewer = res.account;
+						this.detailDate.ctime = res.ctime;
+						this.detailDate.state = res.state;
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			},
+			//初始化filelist
+			initFileList() {
+				this.$api
+					.post('api/Reviewer/getAFilelistByID', {
+						revid: this.dateId
+					})
+					.then((res) => {
+						this.articlefileList = res.data;
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+				this.$api
+					.post('api/Reviewer/getBFilelistByID', {
+						revid: this.dateId
+					})
+					.then((res) => {
+						this.figFileList = res.data;
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			},
+			//初始化问卷
+			initquesion() {
+				this.$api.post('api/Reviewer/getQuestion', {
+					artrevid: this.dateId
+				}).then((res) => {
+					if (res.code == 0) {
+						this.questionform.rev_qu_id = res.data.rev_qu_id;
+						this.questionform.qu1 = res.data.qu1;
+						this.questionform.qu2 = res.data.qu2;
+						this.questionform.qu3 = res.data.qu3;
+						this.questionform.qu4 = res.data.qu4;
+						this.questionform.qu5 = res.data.qu5;
+						this.questionform.qu6 = res.data.qu6;
+						this.questionform.qu7 = res.data.qu7;
+						this.questionform.qu8 = res.data.qu8;
+						this.questionform.qu9 = res.data.qu9;
+						this.questionform.qu9contents = res.data.qu9_contents;
+						this.questionform.qu10 = res.data.qu10 == 0 ? false : true;
+						this.questionform.qu10contents = res.data.qu10_contents;
+						this.questionform.qu11 = res.data.qu11 == 0 ? false : true;
+						this.questionform.qu11contents = res.data.qu11_contents;
+						this.questionform.qu12 = res.data.qu12 == 0 ? false : true;
+						this.questionform.qu12contents = res.data.qu12_contents;
+						this.questionform.qu13 = res.data.qu13 == 0 ? false : true;
+						this.questionform.qu13contents = res.data.qu13_contents;
+						this.questionform.qu14 = res.data.qu14 == 0 ? false : true;
+						this.questionform.qu14contents = res.data.qu14_contents;
+						this.questionform.qu15 = res.data.qu15 == 0 ? false : true;
+						this.questionform.qu15contents = res.data.qu15_contents;
+						this.questionform.rated = res.data.rated;
+						this.questionform.recommend = res.data.recommend;
+						this.questionform.other = res.data.other;
+						this.questionform.confident = res.data.confidential;
+						this.questionform.comment = res.data.comments;
+					}
+				});
+			},
+			//检验上传文件的格式
+			beforeupload_file(file) {
+				// const isWORd =
+				//     file.type === 'application/msword' ||
+				//     file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+				// if (!isWORd) {
+				//     this.$message.error('Only word files can be uploaded(.doc,.docx)');
+				// }
+				// return isWORd;
+			},
+			beforeupload_articlezip(file) {
+				// const iszip = file.type === 'application/x-zip-compressed' || file.name.split('.')[1] === 'rar';
+				// if (!iszip) {
+				//     this.$message.error('Only compressed files can be uploaded(.rar,.zip)');
+				// }
+				// return iszip;
+			},
+			getlinkurl(row) {
+				return this.mediaUrl + row.file_url;
+			},
+			filedateformate(row, column, cellValue, index) {
+				return this.formatDate(cellValue);
+			},
+			uperr_file(err) {
+				this.$message.error('Upload error');
+			},
+			beforeupload() {},
+			upSuccess_file(res, file) {
+				if (res.code == 0) {
+					this.detailDate.articlefile = 'articlefile/' + res.upurl;
+				} else {
+					this.$message.error('Service error:' + res.msg);
+				}
+			},
+			upSuccess_articlezip(res, file) {
+				if (res.code == 0) {
+					this.detailDate.articlezip = 'articlezip/' + res.upurl;
+				} else {
+					this.$message.error('Service error:' + res.msg);
+				}
+			},
+			formatDate(timestamp) {
+				var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
+				var Y = date.getFullYear() + '-';
+				var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
+				var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
+				var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
+				var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
+				var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
+				return Y + M + D + ' ' + h + ':' + m + ':' + s;
+			},
+			//超出传送文件个数限制
+			alertlimit() {
+				this.$message.error('The maximum number of uploaded files has been exceeded');
+			},
+			//清除文件时的事件
+			removefilearticlefile(file, fileList) {
+				this.detailDate.articlefile = '';
+			},
+			removefilearticlezip(file, fileList) {
+				this.detailDate.articlezip = '';
+			},
+			mystate(mystate) {
+				let str = '';
+				switch (mystate) {
+					case 0:
+						str = 'With reviewer';
+						break;
+					case 1:
+						str = 'Revision';
+						break;
+					case 2:
+						str = 'Reject';
+						break;
+					case 3:
+						str = 'Accepted';
+						break;
+					case 4:
+						str = 'invalid';
+						break;
+				}
+				return str;
+			}
+		}
+	};
 </script>
 
 
 <style scoped>
-.dwnbtn {
-    margin-bottom: 5px;
-}
-.container {
-    min-width: 1000px;
-}
-.tree_box {
-    padding: 15px 10px;
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-}
-h2 {
-    text-align: center;
-}
-.sectitle {
-    font-size: 15px;
-    font-weight: 500;
-    /* line-height: 25px; */
-}
-</style>
\ No newline at end of file
+	.dwnbtn {
+		margin-bottom: 5px;
+	}
+
+	.container {
+		min-width: 1000px;
+	}
+
+	.tree_box {
+		padding: 15px 10px;
+		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+	}
+
+	h2 {
+		text-align: center;
+	}
+
+	.sectitle {
+		font-size: 15px;
+		font-weight: 500;
+		/* line-height: 25px; */
+	}
+</style>
diff --git a/src/components/page/reviewerArticleList.vue b/src/components/page/reviewerArticleList.vue
index 7a8f2fb..48bddd3 100644
--- a/src/components/page/reviewerArticleList.vue
+++ b/src/components/page/reviewerArticleList.vue
@@ -70,9 +70,6 @@ export default {
         };
     },
     created() {
-        if(this.userrole!='reviewer'){
-            this.$router.push('/authorApplyReviewer');
-        }
         this.getdate();
     },
     methods: {
diff --git a/src/components/page/wat_rial.vue b/src/components/page/wat_rial.vue
new file mode 100644
index 0000000..1209163
--- /dev/null
+++ b/src/components/page/wat_rial.vue
@@ -0,0 +1,287 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-collection"></i> <span class="top_dao">{{this.head_line}}</span>
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container container_l">
+			<el-row :gutter="24">
+				<el-col :span="16">
+					<div class="ma_title">
+						<svg t="1629527802392" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1650"
+						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
+							<path d="M188.09 651.19V257.35c0-17.13-0.12-34.27 0-51.4a82.49 82.49 0 0 1 0.56-9.16l-1.07 8a71.88 71.88 0 0 1 4.77-17.7l-3 7.17a65.69 65.69 0 0 1 5.08-9.55c0.48-0.74 1-1.47 1.49-2.19q2.67-3.62-2.29 2.95c1.07-1.06 2-2.31 3-3.39s2.13-2.12 3.26-3.11c5.41-4.73-5.17 3.35-1.05 0.81a65.75 65.75 0 0 1 8.82-4.76l-7.16 3a50.69 50.69 0 0 1 10.88-3l-8 1.07c8-1 16.36-0.45 24.41-0.45h23c15.7 0 30.73-13.8 30-30s-13.18-30-30-30h-40.7c-12.16 0.13-22.91 3-33.85 8-31.57 14.52-48.1 50.18-48.15 83.53q-0.06 38.93 0 77.86v289.88c0 25.06-0.43 50.16 0 75.22v1.06c0 15.69 13.8 30.73 30 30s30-13.18 30-30z"
+							 fill="#0071C3" p-id="1651"></path>
+							<path d="M918.68 647.94h-15.5V314.68c0-16.09 0.33-32.22 0-48.31v-0.69a28.79 28.79 0 0 0-1.4-8.74 27.62 27.62 0 0 0-7.43-12.57l-60.5-57.69-96.32-91.86-21.95-20.93a28.66 28.66 0 0 0-2.38-2 27.37 27.37 0 0 0-18.92-6.79H386.56c-21.68 0-43.37-0.15-65.05 0-33.19 0.23-66.24 19.24-79.86 50.21-5.43 12.37-8.56 24.66-8.65 38.29v494.34H105.32c-16.28 0-30.12 13.81-30.12 30.13v250.58c0 16.28 13.8 30.12 30.12 30.12h719.9c30.73 0 61.51 0.52 92.23 0h1.23c16.28 0 30.12-13.8 30.12-30.12V678.07c0-16.29-13.8-30.13-30.12-30.13zM797.82 235.55h-33.93c-5.19 0-10.43 0.17-15.63-0.17a61.29 61.29 0 0 1-7-1.93 57.29 57.29 0 0 1-5.73-3.29l-0.24-0.16c-0.94-0.83-1.87-1.66-2.76-2.55s-1.73-1.83-2.56-2.77l-0.15-0.23a58.37 58.37 0 0 1-3.3-5.74 62.29 62.29 0 0 1-2-7.64c-1-12.39-0.06-25.25-0.06-37.56v-8l9.08 8.66z m-504.58-82.16q0-2.05 0.15-4.11a60.48 60.48 0 0 1 2-7.12 56.34 56.34 0 0 1 3.29-5.74l0.15-0.23c0.83-0.94 1.67-1.88 2.56-2.77s1.82-1.72 2.76-2.56l0.24-0.15a56.34 56.34 0 0 1 5.74-3.29 62.66 62.66 0 0 1 7.63-2c12.3-1 25.07-0.05 37.27-0.05h292.13c5.64 0 11.29 0 16.94 0.08-0.09 27.46-0.21 54.92 0 82.38 0.23 23.51 9.58 46.83 26.69 63.18a89.83 89.83 0 0 0 61.5 24.84c19.24 0.17 38.48 0 57.72 0h32.87v318.57c0 11.17-0.16 22.35-0.15 33.52H649.67a25.15 25.15 0 0 0-9.42 1.08c-6.88 2.23-14.81 6.75-17.91 13.65a28.06 28.06 0 0 0-3.08 6.7 154.44 154.44 0 0 1-10.53 18.4c-1.22 1.83-2.51 3.61-3.79 5.39-0.25 0.31-0.5 0.63-0.76 0.94q-4.71 5.7-9.95 10.93-5 5-10.4 9.47l-0.49 0.38c1.35-1 2.34-1.66-0.07 0.13l-1.46 1.06c0.31-0.26 0.68-0.55 1.05-0.83-0.42 0.3-0.84 0.62-1.22 1-1.36 1-2.73 1.95-4.13 2.89a155.31 155.31 0 0 1-22 12.3 157.66 157.66 0 0 1-31.63 8.67 160.51 160.51 0 0 1-33.09 0 157.38 157.38 0 0 1-31.62-8.67 155.09 155.09 0 0 1-21.47-11.91c-1.78-1.18-3.52-2.41-5.25-3.66 0.33 0.28 0.69 0.57 1.08 0.91-0.48-0.41-1-0.8-1.47-1.19a0.71 0.71 0 0 0-0.14-0.1 25.52 25.52 0 0 1-2.61-2.19c-3.07-2.62-6-5.36-8.91-8.21q-5-5-9.5-10.38l-1.16-1.43a203.68 203.68 0 0 1-3.45-4.86 157.45 157.45 0 0 1-13.91-25.5c-4.07-9.39-16.39-14.92-26-14.92h-73.14V212.58c0-19.73-0.15-39.46 0-59.19z m288.18 563c-0.11 0.1-0.23 0.21-0.33 0.32 0.08-0.08 0.2-0.19 0.33-0.31z m262 182.12H198.78c-21.08 0-42.22-0.34-63.33-0.32v-190h212.27c23.5 42.08 64.93 74 111.35 86.61 53.34 14.47 113.4 3.89 157.42-29.9 20.29-15.57 37.82-34.5 50.34-56.71h221.72v190.33z"
+							 fill="#0071C3" p-id="1652"></path>
+							<path d="M431.3 715l0.72 0.58 0.39 0.28c-2-1.7-2.91-2.41-3.14-2.57zM583.34 714.88l-0.48 0.36z" fill="#0071C3"
+							 p-id="1653"></path>
+							<path d="M368.17 379.84h240c15.69 0 30.73-13.8 30-30s-13.18-30-30-30h-240c-15.69 0-30.73 13.8-30 30s13.18 30 30 30zM368.17 507.91H719c16.16 0 32.37 0.33 48.53 0h0.69c15.69 0 30.73-13.8 30-30s-13.18-30-30-30H417.39c-16.16 0-32.37-0.33-48.53 0h-0.69c-15.69 0-30.73 13.8-30 30s13.18 30 30 30z"
+							 fill="#FD9A16" p-id="1654"></path>
+						</svg>
+						The manuscripts are ready to get final decisions.
+					</div>
+					<ul class="ta1_uli">
+						<li v-for="item in tableData1">
+							<h5>{{item.type}}</h5>
+							<router-link target="_blank" :to="{path:'/man_text',query:{Art_id:item.article_id}}">
+								<h3>{{item.title}}</h3>
+							</router-link>
+							<h6>{{item.author}}</h6>
+							<h4><span>{{head_line}}.</span><span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+						</li>
+						<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
+					</ul>
+				</el-col>
+				<el-col :span="8">
+					<div class="ma_title">
+						<svg t="1629527662744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3890"
+						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
+							<path d="M277.79 206l1.7-1.34-1.49 1.16zM812.16 272.94l-0.06-0.08-0.25-0.31 2 2.69-0.86-1.17zM743.76 805.56l0.08-0.07 0.31-0.24c-1.42 1.06-2.26 1.7-2.69 2l1.17-0.86z"
+							 fill="#0071C3" p-id="3891"></path>
+							<path d="M929.43 366.16c-24.2-71.91-66.72-137.68-123.37-188.29C749.14 127 679.34 90.48 604.51 74.74 527.24 58.48 445.43 62.36 370.59 88 298.35 112.79 232.42 156 182 213.47c-50.73 57.81-86.91 128.47-101.75 204.11a479.79 479.79 0 0 0-7.92 60.89c-1 15.88 14.71 31.06 30.36 30.36 17.34-0.78 29.23-13.35 30.35-30.36q0.81-12.27 2.32-24.47a412.41 412.41 0 0 1 26.27-96.3 411.4 411.4 0 0 1 26.79-51.54q8.07-13.12 17.1-25.62c1.3-1.81 2.62-3.6 4-5.39l1.44-1.9c3-3.8 6.06-7.58 9.2-11.29a413.71 413.71 0 0 1 42.49-43.31q5.52-4.85 11.2-9.5l4-3.2 0.16-0.13 0.99-0.82 3.16-2.48-2.68 2.12c0.66-0.52 1.37-1.07 1.85-1.42q12-9 24.73-17.17A411.38 411.38 0 0 1 364.44 155a412 412 0 0 1 96.16-26.21 419.29 419.29 0 0 1 102.11 0 412.31 412.31 0 0 1 96.36 26.29A411.16 411.16 0 0 1 710.79 182q13 8 25.43 17 3 2.15 5.88 4.33l1.31 1c4 3.14 7.87 6.31 11.72 9.57a411.9 411.9 0 0 1 43.41 42.71q4.8 5.49 9.41 11.14c1.32 1.61 2.61 3.23 3.9 4.86l-1.24-1.64 1.55 2c1 1.25 2.71 3.58 1.73 2.3q8.72 11.65 16.6 23.91a413 413 0 0 1 31.24 58.65A412.49 412.49 0 0 1 888 454a419.12 419.12 0 0 1 0 102.09 412.39 412.39 0 0 1-26.29 96.37 412.61 412.61 0 0 1-26.92 51.73q-8 13-17 25.42-2.14 3-4.34 5.88c-0.32 0.44-0.66 0.87-1 1.31-3.13 4-6.3 7.88-9.57 11.72a411.9 411.9 0 0 1-42.71 43.41q-5.48 4.8-11.13 9.41-2.43 2-4.87 3.91l1.63-1.25-2 1.55c-1.24 1-3.57 2.7-2.3 1.72q-11.65 8.72-23.9 16.6a413.08 413.08 0 0 1-58.66 31.24 412.28 412.28 0 0 1-96.19 26.22 420 420 0 0 1-102.13 0 412.94 412.94 0 0 1-96.68-26.43 412.57 412.57 0 0 1-76.35-43.43c-2.72-2-5.4-4-8.08-6l-0.48-0.39q-2.42-1.9-4.79-3.85-8.93-7.28-17.42-15a419.54 419.54 0 0 1-32.18-32.88 24.54 24.54 0 0 0-2-2h172.43c15.88 0 31.09-14 30.35-30.35s-13.33-30.36-30.35-30.36H166.91c-15.23 0-32 14-30.36 30.36l6.84 70.2q5.46 55.9 10.9 111.83l2.5 25.58c0.8 8.24 2.85 15.43 8.89 21.47 5.27 5.26 13.9 9.23 21.47 8.89 15.12-0.68 32-13.43 30.35-30.36l-6.84-70.2q-1.72-17.76-3.46-35.52a441.21 441.21 0 0 0 194.12 108.39c80.95 20.81 168.56 18.41 247.94-8 71.79-23.91 137.5-66.07 188.25-122.32 51-56.48 87.7-125.89 103.88-200.34 16.81-77.33 13.3-159.36-11.96-234.46z"
+							 fill="#0071C3" p-id="3892"></path>
+							<path d="M466.71 289.7v215.35c0 16.48 13.91 30.26 30.36 30.36l72.83 0.41 116.69 0.67 26.71 0.15c15.89 0.09 31.09-14 30.36-30.35-0.74-16.53-13.34-30.26-30.36-30.36l-72.83-0.42-116.69-0.67-26.71-0.15 30.35 30.36V289.7c0-15.88-14-31.09-30.35-30.36s-30.36 13.34-30.36 30.36z"
+							 fill="#FD9A16" p-id="3893"></path>
+						</svg>
+						Accepted manuscripts.
+					</div>
+					<ul class="ta1_uli">
+						<li v-for="item in tableData2">
+							<h5>{{item.type}}</h5>
+							<router-link target="_blank" :to="{path:'/man_text',query:{Art_id:item.article_id}}">
+								<h3>{{item.title}}</h3>
+							</router-link>
+							<h6>{{item.author}}</h6>
+							<h4><span>{{head_line}}.</span><br>
+							<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+						</li>
+						<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
+					</ul>
+					<!-- <el-table :data="tableData2" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+						<el-table-column prop="title" label="文章"></el-table-column>
+						<el-table-column prop="url" label=""></el-table-column>
+						<el-table-column prop="sort" label="" width="100" align="center"></el-table-column>
+						<el-table-column label="操作" width="180" align="center">
+							<template slot-scope="scope">
+								<el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+								<el-button type="text" icon="el-icon-delete" class="red" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+							</template>
+						</el-table-column>
+					</el-table> -->
+					<div class="pagination">
+						<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize" :total="link_Tota2"
+						 @current-change="handlePageChange2">
+						</el-pagination>
+					</div>
+				</el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				Direct_log: this.$route.query.act,
+				head_line: "",
+				query: {
+					user_id: localStorage.getItem('U_id')
+				},
+				tableData1: [],
+				tableData2: [],
+				TaBle2: {
+					pageIndex: 1,
+					pageSize: 10
+				},
+				link_Tota2: 0,
+				cate_title: [],
+				cate_jour: []
+			};
+		},
+		mounted() {
+
+		},
+		created() {
+			if (this.Direct_log == null) {
+				this.getTable();
+			} else {
+				this.$api
+					.post('api/Chief/autoLoginForChief ', {
+						'code': this.Direct_log
+					})
+					.then(res => {
+						if (res.code == 0) {
+							localStorage.setItem('U_role', res.data.roles);
+							localStorage.setItem('U_name', res.data.user.account);
+							localStorage.setItem('U_id', res.data.user.user_id);
+							localStorage.setItem('U_relname', res.data.user.realname);
+							this.getTable();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			}
+		},
+		methods: {
+			// 获取数据
+			getTable() {
+				this.$api
+					.post('api/Chief/getJournalsFromChief', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							this.cate_jour = res.data.journals
+							this.cate_title = this.cate_jour[0].title
+							localStorage.setItem('journal_title', this.cate_jour[0].title);
+							localStorage.setItem('journal_id', this.cate_jour[0].journal_id);
+							this.head_line = this.cate_jour[0].title;
+							this.query.journal_id = this.cate_jour[0].journal_id;
+							this.TaBle2.journal_id = this.cate_jour[0].journal_id;
+							
+							this.getData();
+							
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+			getData() {
+				this.$api
+					.post('api/Chief/getPArticlesForChief', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							for (let i = 0; i < res.data.articles.length; i++) {
+								let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
+								let Y = date.getFullYear() + '-';
+								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.articles[i].ctime = Y + M + D;
+							}
+							this.tableData1 = res.data.articles;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+				this.$api
+					.post('api/Chief/getHArticlesForChief', this.TaBle2)
+					.then(res => {
+						if (res.code == 0) {
+							if (res.data.articles != '') {
+								for (let i = 0; i < res.data.articles.length; i++) {
+									let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
+									let Y = date.getFullYear() + '-';
+									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.articles[i].ctime = Y + M + D;
+								}
+							}
+							this.tableData2 = res.data.articles;
+							this.link_Tota2 = res.data.count || 0;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 分页导航
+			handlePageChange2(val) {
+				this.$set(this.TaBle2, 'pageIndex', val);
+				this.getData();
+			},
+
+			// 期刊下拉菜单点击
+			handlejournal(command) {
+				this.cate_title = command.title;
+				localStorage.setItem('journal_title', command.title);
+				localStorage.setItem('journal_id', command.journal_id);
+				this.head_line = command.title;
+				this.query.journal_id = command.journal_id;
+				this.TaBle2.journal_id = command.journal_id;
+				this.getData();
+			}
+		},
+		computed: {
+			onRoutes() {
+				0
+				return this.$route.path.replace('/', '');
+			}
+		},
+		watch: {
+
+		}
+	};
+</script>
+
+<style scoped>
+	.ma_title {
+		margin-bottom: 5px;
+		font-weight: bold;
+		color: #006699;
+	}
+
+	.ta1_uli li {
+		list-style: none;
+		border-bottom: 2px solid #dcdcdc;
+		/* box-shadow: 0 0 10px #e1e1e1; */
+		padding: 10px 20px 20px 20px;
+		background-color: #fff;
+		margin-top: 20px;
+	}
+
+	.ta1_uli li:hover {
+		/* background: #fafafa; */
+	}
+
+	.ta1_uli li h3 {
+		color: #000;
+		margin-top: 8px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+	}
+
+	.ta1_uli li h3:hover {
+		text-decoration: underline;
+	}
+
+	.ta1_uli li h4 {
+		/* color: #6f6f6f; */
+		margin-top: 8px;
+		font-weight: normal;
+		font-size: 15px;
+		line-height: 22px;
+	}
+
+	.ta1_uli li h4 span {
+		margin-right: 10px;
+	}
+
+	.ta1_uli li h5 {
+		color: #006699;
+		margin-top: 5px;
+		padding-bottom: 10px;
+		font-weight: normal;
+		border-bottom: 1px solid #f1f1f1;
+	}
+
+	.ta1_uli li h6 {
+		font-weight: normal;
+		font-family: Calibri;
+		font-size: 16px;
+		margin-top: 10px;
+	}
+</style>
diff --git a/src/components/page/you_thed.vue b/src/components/page/you_thed.vue
new file mode 100644
index 0000000..c334135
--- /dev/null
+++ b/src/components/page/you_thed.vue
@@ -0,0 +1,298 @@
+<template>
+	<div>
+		<!-- 期刊下拉菜单 -->
+		<el-dropdown class="link_jour" trigger="click" @command="handlejournal">
+			<span>
+				{{ this.cate_title }}<i class="el-icon-arrow-down el-icon--right"></i>
+			</span>
+			<el-dropdown-menu :default-active="onRoutes" router slot="dropdown">
+				<el-dropdown-item v-for="item in cate_jour" :command="item" :index="item.journal_id">
+					<i :class="item.icon"></i>{{ item.title }}
+				</el-dropdown-item>
+			</el-dropdown-menu>
+		</el-dropdown>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-collection"></i> <span class="top_dao">{{this.head_line}}</span>
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container container_l">
+			<el-row :gutter="24">
+				<el-col :span="16">
+					<div class="ma_title">
+						<svg t="1629527802392" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1650"
+						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
+							<path d="M188.09 651.19V257.35c0-17.13-0.12-34.27 0-51.4a82.49 82.49 0 0 1 0.56-9.16l-1.07 8a71.88 71.88 0 0 1 4.77-17.7l-3 7.17a65.69 65.69 0 0 1 5.08-9.55c0.48-0.74 1-1.47 1.49-2.19q2.67-3.62-2.29 2.95c1.07-1.06 2-2.31 3-3.39s2.13-2.12 3.26-3.11c5.41-4.73-5.17 3.35-1.05 0.81a65.75 65.75 0 0 1 8.82-4.76l-7.16 3a50.69 50.69 0 0 1 10.88-3l-8 1.07c8-1 16.36-0.45 24.41-0.45h23c15.7 0 30.73-13.8 30-30s-13.18-30-30-30h-40.7c-12.16 0.13-22.91 3-33.85 8-31.57 14.52-48.1 50.18-48.15 83.53q-0.06 38.93 0 77.86v289.88c0 25.06-0.43 50.16 0 75.22v1.06c0 15.69 13.8 30.73 30 30s30-13.18 30-30z"
+							 fill="#0071C3" p-id="1651"></path>
+							<path d="M918.68 647.94h-15.5V314.68c0-16.09 0.33-32.22 0-48.31v-0.69a28.79 28.79 0 0 0-1.4-8.74 27.62 27.62 0 0 0-7.43-12.57l-60.5-57.69-96.32-91.86-21.95-20.93a28.66 28.66 0 0 0-2.38-2 27.37 27.37 0 0 0-18.92-6.79H386.56c-21.68 0-43.37-0.15-65.05 0-33.19 0.23-66.24 19.24-79.86 50.21-5.43 12.37-8.56 24.66-8.65 38.29v494.34H105.32c-16.28 0-30.12 13.81-30.12 30.13v250.58c0 16.28 13.8 30.12 30.12 30.12h719.9c30.73 0 61.51 0.52 92.23 0h1.23c16.28 0 30.12-13.8 30.12-30.12V678.07c0-16.29-13.8-30.13-30.12-30.13zM797.82 235.55h-33.93c-5.19 0-10.43 0.17-15.63-0.17a61.29 61.29 0 0 1-7-1.93 57.29 57.29 0 0 1-5.73-3.29l-0.24-0.16c-0.94-0.83-1.87-1.66-2.76-2.55s-1.73-1.83-2.56-2.77l-0.15-0.23a58.37 58.37 0 0 1-3.3-5.74 62.29 62.29 0 0 1-2-7.64c-1-12.39-0.06-25.25-0.06-37.56v-8l9.08 8.66z m-504.58-82.16q0-2.05 0.15-4.11a60.48 60.48 0 0 1 2-7.12 56.34 56.34 0 0 1 3.29-5.74l0.15-0.23c0.83-0.94 1.67-1.88 2.56-2.77s1.82-1.72 2.76-2.56l0.24-0.15a56.34 56.34 0 0 1 5.74-3.29 62.66 62.66 0 0 1 7.63-2c12.3-1 25.07-0.05 37.27-0.05h292.13c5.64 0 11.29 0 16.94 0.08-0.09 27.46-0.21 54.92 0 82.38 0.23 23.51 9.58 46.83 26.69 63.18a89.83 89.83 0 0 0 61.5 24.84c19.24 0.17 38.48 0 57.72 0h32.87v318.57c0 11.17-0.16 22.35-0.15 33.52H649.67a25.15 25.15 0 0 0-9.42 1.08c-6.88 2.23-14.81 6.75-17.91 13.65a28.06 28.06 0 0 0-3.08 6.7 154.44 154.44 0 0 1-10.53 18.4c-1.22 1.83-2.51 3.61-3.79 5.39-0.25 0.31-0.5 0.63-0.76 0.94q-4.71 5.7-9.95 10.93-5 5-10.4 9.47l-0.49 0.38c1.35-1 2.34-1.66-0.07 0.13l-1.46 1.06c0.31-0.26 0.68-0.55 1.05-0.83-0.42 0.3-0.84 0.62-1.22 1-1.36 1-2.73 1.95-4.13 2.89a155.31 155.31 0 0 1-22 12.3 157.66 157.66 0 0 1-31.63 8.67 160.51 160.51 0 0 1-33.09 0 157.38 157.38 0 0 1-31.62-8.67 155.09 155.09 0 0 1-21.47-11.91c-1.78-1.18-3.52-2.41-5.25-3.66 0.33 0.28 0.69 0.57 1.08 0.91-0.48-0.41-1-0.8-1.47-1.19a0.71 0.71 0 0 0-0.14-0.1 25.52 25.52 0 0 1-2.61-2.19c-3.07-2.62-6-5.36-8.91-8.21q-5-5-9.5-10.38l-1.16-1.43a203.68 203.68 0 0 1-3.45-4.86 157.45 157.45 0 0 1-13.91-25.5c-4.07-9.39-16.39-14.92-26-14.92h-73.14V212.58c0-19.73-0.15-39.46 0-59.19z m288.18 563c-0.11 0.1-0.23 0.21-0.33 0.32 0.08-0.08 0.2-0.19 0.33-0.31z m262 182.12H198.78c-21.08 0-42.22-0.34-63.33-0.32v-190h212.27c23.5 42.08 64.93 74 111.35 86.61 53.34 14.47 113.4 3.89 157.42-29.9 20.29-15.57 37.82-34.5 50.34-56.71h221.72v190.33z"
+							 fill="#0071C3" p-id="1652"></path>
+							<path d="M431.3 715l0.72 0.58 0.39 0.28c-2-1.7-2.91-2.41-3.14-2.57zM583.34 714.88l-0.48 0.36z" fill="#0071C3"
+							 p-id="1653"></path>
+							<path d="M368.17 379.84h240c15.69 0 30.73-13.8 30-30s-13.18-30-30-30h-240c-15.69 0-30.73 13.8-30 30s13.18 30 30 30zM368.17 507.91H719c16.16 0 32.37 0.33 48.53 0h0.69c15.69 0 30.73-13.8 30-30s-13.18-30-30-30H417.39c-16.16 0-32.37-0.33-48.53 0h-0.69c-15.69 0-30.73 13.8-30 30s13.18 30 30 30z"
+							 fill="#FD9A16" p-id="1654"></path>
+						</svg>
+						The manuscripts are ready to get final decisions.
+					</div>
+					<ul class="ta1_uli">
+						<li v-for="item in tableData1">
+							<h5>{{item.type}}</h5>
+							<router-link target="_blank" :to="{path:'/man_text',query:{Art_id:item.article_id}}">
+								<h3>{{item.title}}</h3>
+							</router-link>
+							<h6>{{item.author}}</h6>
+							<h4><span>{{head_line}}.</span><span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+						</li>
+						<p v-if="tableData1==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No article</p>
+					</ul>
+				</el-col>
+				<el-col :span="8">
+					<div class="ma_title">
+						<svg t="1629527662744" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3890"
+						 width="20" height="20" style="margin-bottom: -3px;margin-right: 6px;">
+							<path d="M277.79 206l1.7-1.34-1.49 1.16zM812.16 272.94l-0.06-0.08-0.25-0.31 2 2.69-0.86-1.17zM743.76 805.56l0.08-0.07 0.31-0.24c-1.42 1.06-2.26 1.7-2.69 2l1.17-0.86z"
+							 fill="#0071C3" p-id="3891"></path>
+							<path d="M929.43 366.16c-24.2-71.91-66.72-137.68-123.37-188.29C749.14 127 679.34 90.48 604.51 74.74 527.24 58.48 445.43 62.36 370.59 88 298.35 112.79 232.42 156 182 213.47c-50.73 57.81-86.91 128.47-101.75 204.11a479.79 479.79 0 0 0-7.92 60.89c-1 15.88 14.71 31.06 30.36 30.36 17.34-0.78 29.23-13.35 30.35-30.36q0.81-12.27 2.32-24.47a412.41 412.41 0 0 1 26.27-96.3 411.4 411.4 0 0 1 26.79-51.54q8.07-13.12 17.1-25.62c1.3-1.81 2.62-3.6 4-5.39l1.44-1.9c3-3.8 6.06-7.58 9.2-11.29a413.71 413.71 0 0 1 42.49-43.31q5.52-4.85 11.2-9.5l4-3.2 0.16-0.13 0.99-0.82 3.16-2.48-2.68 2.12c0.66-0.52 1.37-1.07 1.85-1.42q12-9 24.73-17.17A411.38 411.38 0 0 1 364.44 155a412 412 0 0 1 96.16-26.21 419.29 419.29 0 0 1 102.11 0 412.31 412.31 0 0 1 96.36 26.29A411.16 411.16 0 0 1 710.79 182q13 8 25.43 17 3 2.15 5.88 4.33l1.31 1c4 3.14 7.87 6.31 11.72 9.57a411.9 411.9 0 0 1 43.41 42.71q4.8 5.49 9.41 11.14c1.32 1.61 2.61 3.23 3.9 4.86l-1.24-1.64 1.55 2c1 1.25 2.71 3.58 1.73 2.3q8.72 11.65 16.6 23.91a413 413 0 0 1 31.24 58.65A412.49 412.49 0 0 1 888 454a419.12 419.12 0 0 1 0 102.09 412.39 412.39 0 0 1-26.29 96.37 412.61 412.61 0 0 1-26.92 51.73q-8 13-17 25.42-2.14 3-4.34 5.88c-0.32 0.44-0.66 0.87-1 1.31-3.13 4-6.3 7.88-9.57 11.72a411.9 411.9 0 0 1-42.71 43.41q-5.48 4.8-11.13 9.41-2.43 2-4.87 3.91l1.63-1.25-2 1.55c-1.24 1-3.57 2.7-2.3 1.72q-11.65 8.72-23.9 16.6a413.08 413.08 0 0 1-58.66 31.24 412.28 412.28 0 0 1-96.19 26.22 420 420 0 0 1-102.13 0 412.94 412.94 0 0 1-96.68-26.43 412.57 412.57 0 0 1-76.35-43.43c-2.72-2-5.4-4-8.08-6l-0.48-0.39q-2.42-1.9-4.79-3.85-8.93-7.28-17.42-15a419.54 419.54 0 0 1-32.18-32.88 24.54 24.54 0 0 0-2-2h172.43c15.88 0 31.09-14 30.35-30.35s-13.33-30.36-30.35-30.36H166.91c-15.23 0-32 14-30.36 30.36l6.84 70.2q5.46 55.9 10.9 111.83l2.5 25.58c0.8 8.24 2.85 15.43 8.89 21.47 5.27 5.26 13.9 9.23 21.47 8.89 15.12-0.68 32-13.43 30.35-30.36l-6.84-70.2q-1.72-17.76-3.46-35.52a441.21 441.21 0 0 0 194.12 108.39c80.95 20.81 168.56 18.41 247.94-8 71.79-23.91 137.5-66.07 188.25-122.32 51-56.48 87.7-125.89 103.88-200.34 16.81-77.33 13.3-159.36-11.96-234.46z"
+							 fill="#0071C3" p-id="3892"></path>
+							<path d="M466.71 289.7v215.35c0 16.48 13.91 30.26 30.36 30.36l72.83 0.41 116.69 0.67 26.71 0.15c15.89 0.09 31.09-14 30.36-30.35-0.74-16.53-13.34-30.26-30.36-30.36l-72.83-0.42-116.69-0.67-26.71-0.15 30.35 30.36V289.7c0-15.88-14-31.09-30.35-30.36s-30.36 13.34-30.36 30.36z"
+							 fill="#FD9A16" p-id="3893"></path>
+						</svg>
+						Accepted manuscripts.
+					</div>
+					<ul class="ta1_uli">
+						<li v-for="item in tableData2">
+							<h5>{{item.type}}</h5>
+							<router-link target="_blank" :to="{path:'/man_text',query:{Art_id:item.article_id}}">
+								<h3>{{item.title}}</h3>
+							</router-link>
+							<h6>{{item.author}}</h6>
+							<h4><span>{{head_line}}.</span><br>
+							<span style="color: #888;">Submitted time: {{item.ctime}}</span><span>{{item.accept_sn}}</span></h4>
+						</li>
+						<p v-if="tableData2==''" style="color:#6f6f6f;font-size: 14px;margin-top: 20px;">No historical articles</p>
+					</ul>
+					<!-- <el-table :data="tableData2" border class="table" ref="multipleTable" header-cell-class-name="table-header">
+						<el-table-column prop="title" label="文章"></el-table-column>
+						<el-table-column prop="url" label=""></el-table-column>
+						<el-table-column prop="sort" label="" width="100" align="center"></el-table-column>
+						<el-table-column label="操作" width="180" align="center">
+							<template slot-scope="scope">
+								<el-button type="text" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+								<el-button type="text" icon="el-icon-delete" class="red" @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+							</template>
+						</el-table-column>
+					</el-table> -->
+					<div class="pagination">
+						<el-pagination layout="total, prev, pager, next" :current-page="TaBle2.pageIndex" :page-size="TaBle2.pageSize" :total="link_Tota2"
+						 @current-change="handlePageChange2">
+						</el-pagination>
+					</div>
+				</el-col>
+			</el-row>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				Direct_log: this.$route.query.act,
+				head_line: "",
+				query: {
+					user_id: localStorage.getItem('U_id')
+				},
+				tableData1: [],
+				tableData2: [],
+				TaBle2: {
+					pageIndex: 1,
+					pageSize: 10
+				},
+				link_Tota2: 0,
+				cate_title: [],
+				cate_jour: []
+			};
+		},
+		mounted() {
+
+		},
+		created() {
+			if (this.Direct_log == null) {
+				this.getTable();
+			} else {
+				this.$api
+					.post('api/Chief/autoLoginForChief ', {
+						'code': this.Direct_log
+					})
+					.then(res => {
+						if (res.code == 0) {
+							localStorage.setItem('U_role', res.data.roles);
+							localStorage.setItem('U_name', res.data.user.account);
+							localStorage.setItem('U_id', res.data.user.user_id);
+							localStorage.setItem('U_relname', res.data.user.realname);
+							this.getTable();
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			}
+		},
+		methods: {
+			// 获取数据
+			getTable() {
+				this.$api
+					.post('api/Chief/getJournalsFromChief', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							this.cate_jour = res.data.journals
+							this.cate_title = this.cate_jour[0].title
+							localStorage.setItem('journal_title', this.cate_jour[0].title);
+							localStorage.setItem('journal_id', this.cate_jour[0].journal_id);
+							this.head_line = this.cate_jour[0].title;
+							this.query.journal_id = this.cate_jour[0].journal_id;
+							this.TaBle2.journal_id = this.cate_jour[0].journal_id;
+							
+							this.getData();
+							
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+			getData() {
+				this.$api
+					.post('api/Chief/getPArticlesForChief', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							for (let i = 0; i < res.data.articles.length; i++) {
+								let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
+								let Y = date.getFullYear() + '-';
+								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.articles[i].ctime = Y + M + D;
+							}
+							this.tableData1 = res.data.articles;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+				this.$api
+					.post('api/Chief/getHArticlesForChief', this.TaBle2)
+					.then(res => {
+						if (res.code == 0) {
+							if (res.data.articles != '') {
+								for (let i = 0; i < res.data.articles.length; i++) {
+									let date = new Date(parseInt(res.data.articles[i].ctime) * 1000);
+									let Y = date.getFullYear() + '-';
+									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.articles[i].ctime = Y + M + D;
+								}
+							}
+							this.tableData2 = res.data.articles;
+							this.link_Tota2 = res.data.count || 0;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+
+			// 分页导航
+			handlePageChange2(val) {
+				this.$set(this.TaBle2, 'pageIndex', val);
+				this.getData();
+			},
+
+			// 期刊下拉菜单点击
+			handlejournal(command) {
+				this.cate_title = command.title;
+				localStorage.setItem('journal_title', command.title);
+				localStorage.setItem('journal_id', command.journal_id);
+				this.head_line = command.title;
+				this.query.journal_id = command.journal_id;
+				this.TaBle2.journal_id = command.journal_id;
+				this.getData();
+			}
+		},
+		computed: {
+			onRoutes() {
+				0
+				return this.$route.path.replace('/', '');
+			}
+		},
+		watch: {
+
+		}
+	};
+</script>
+
+<style scoped>
+	.ma_title {
+		margin-bottom: 5px;
+		font-weight: bold;
+		color: #006699;
+	}
+
+	.ta1_uli li {
+		list-style: none;
+		border-bottom: 2px solid #dcdcdc;
+		/* box-shadow: 0 0 10px #e1e1e1; */
+		padding: 10px 20px 20px 20px;
+		background-color: #fff;
+		margin-top: 20px;
+	}
+
+	.ta1_uli li:hover {
+		/* background: #fafafa; */
+	}
+
+	.ta1_uli li h3 {
+		color: #000;
+		margin-top: 8px;
+		font-family: "Helvetica Neue", Helvetica, Georgia, sans-serif;
+	}
+
+	.ta1_uli li h3:hover {
+		text-decoration: underline;
+	}
+
+	.ta1_uli li h4 {
+		/* color: #6f6f6f; */
+		margin-top: 8px;
+		font-weight: normal;
+		font-size: 15px;
+		line-height: 22px;
+	}
+
+	.ta1_uli li h4 span {
+		margin-right: 10px;
+	}
+
+	.ta1_uli li h5 {
+		color: #006699;
+		margin-top: 5px;
+		padding-bottom: 10px;
+		font-weight: normal;
+		border-bottom: 1px solid #f1f1f1;
+	}
+
+	.ta1_uli li h6 {
+		font-weight: normal;
+		font-family: Calibri;
+		font-size: 16px;
+		margin-top: 10px;
+	}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index f9543db..4e1728d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -249,6 +249,14 @@ export default new Router({
 					},
 					hidden: true
 				},
+				{
+					path: '/editmbereditormoshi',
+					component: () => import('../components/page/editmbereditormoshi.vue'),
+					meta: {
+						title: 'Matching pattern'
+					},
+					hidden: true
+				},
 				{
 					path: '/404',
 					component: () => import( /* webpackChunkName: "404" */ '../components/page/404.vue'),
@@ -280,31 +288,49 @@ export default new Router({
 				path: '/managing',
 				component: () => import( /* webpackChunkName: "主编" */ '../components/page/man_aging'),
 				meta: {
-					title: 'Chief editor'
+					title: 'Editor-in-Chief'
 				}
 			}, {
 				path: '/man_text',
 				component: () => import( /* webpackChunkName: "主编文章详情" */ '../components/page/man_text'),
 				meta: {
-					title: 'Editor in chief article details'
+					title: 'Editor-in-Chief article details'
 				}
 			},{
 				path: '/editorial',
-				component: () => import( /* webpackChunkName: "编委" */ '../components/page/man_aging'),
+				component: () => import( /* webpackChunkName: "编委" */ '../components/page/edit_ial'),
 				meta: {
-					title: 'Editorial board'
+					title: 'Editorial board member'
+				}
+			},{
+				path: '/edit_text',
+				component: () => import( /* webpackChunkName: "编委文章详情" */ '../components/page/edit_text'),
+				meta: {
+					title: 'Editorial board member'
 				}
 			}, {
 				path: '/peerewer',
-				component: () => import( /* webpackChunkName: "审稿人" */ '../components/page/man_aging'),
+				component: () => import( /* webpackChunkName: "审稿人" */ '../components/page/per_ewer'),
+				meta: {
+					title: 'Reviewer'
+				}
+			}, {
+				path: '/per_text',
+				component: () => import( /* webpackChunkName: "审稿人文章详情" */ '../components/page/per_text'),
 				meta: {
 					title: 'Reviewer'
 				}
 			}, {
 				path: '/youthed',
-				component: () => import( /* webpackChunkName: "青年编委" */ '../components/page/man_aging'),
+				component: () => import( /* webpackChunkName: "青年编委" */ '../components/page/you_thed'),
 				meta: {
-					title: 'Youth editorial board'
+					title: 'Young scientist member'
+				}
+			}, {
+				path: '/watrial',
+				component: () => import( /* webpackChunkName: "待审稿件" */ '../components/page/wat_rial'),
+				meta: {
+					title: 'Manuscript to be reviewed'
 				}
 			}]
 		},