From d115bd19dd51696b9689fcb53427af613639da7f Mon Sep 17 00:00:00 2001
From: xulu <xl376837995@163.com>
Date: Thu, 2 Sep 2021 09:15:24 +0800
Subject: [PATCH] 1

---
 src/api/index.js                            |   4 +-
 src/components/common/Sidebar.vue           |   4 +
 src/components/common/common.vue            |   8 +-
 src/components/common/langs/en.js           |   3 +-
 src/components/common/langs/zh.js           |   1 +
 src/components/page/articleReviewer.vue     |   9 +-
 src/components/page/editmbereditormoshi.vue |  89 ++--
 src/components/page/reviewerAdd.vue         | 490 ++++++++++++++++++++
 src/router/index.js                         |   7 +
 9 files changed, 573 insertions(+), 42 deletions(-)
 create mode 100644 src/components/page/reviewerAdd.vue

diff --git a/src/api/index.js b/src/api/index.js
index 1974b87..46801a4 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -7,8 +7,8 @@ import qs from 'qs'
 // axios全局配置
 axios.defaults.timeout = 10000                      // 超时时间
 axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'        // 配置请求头
-// axios.defaults.baseURL = 'http://www.tougao.com/'
-axios.defaults.baseURL = '/'
+axios.defaults.baseURL = 'http://www.tougao.com/'
+// axios.defaults.baseURL = '/'
 
 // 添加响应拦截器，统一处理服务器响应和异常
 axios.interceptors.response.use(
diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue
index d41b274..58818e4 100644
--- a/src/components/common/Sidebar.vue
+++ b/src/components/common/Sidebar.vue
@@ -114,6 +114,10 @@
 							{
 								index: 'reviewerImport',
 								title: this.$t('sidebar.reviewer3')
+							},
+							{
+								index: 'reviewerAdd',
+								title: this.$t('sidebar.reviewer4')
 							}
 						]
 					}
diff --git a/src/components/common/common.vue b/src/components/common/common.vue
index c4b2ba2..9ee107f 100644
--- a/src/components/common/common.vue
+++ b/src/components/common/common.vue
@@ -1,8 +1,8 @@
 <script>
-  const baseUrl = '/';
-  const mediaUrl = 'http://api.tmrjournals.com/public/';
-  // const mediaUrl = 'http://www.tougao.com/';
-  // const baseUrl = 'http://www.tougao.com/';
+  // const baseUrl = '/';
+  // const mediaUrl = 'http://api.tmrjournals.com/public/';
+  const mediaUrl = 'http://www.tougao.com/';
+  const baseUrl = 'http://www.tougao.com/';
   export default {
     baseUrl,
     mediaUrl
diff --git a/src/components/common/langs/en.js b/src/components/common/langs/en.js
index dc93775..a15ed6b 100644
--- a/src/components/common/langs/en.js
+++ b/src/components/common/langs/en.js
@@ -38,7 +38,8 @@ const en = {
 		reviewer1: 'Reviewer application list',
 		reviewer2: 'Reviewer list',
 		reviewer3: 'Reviewer import',
-		reviewer4: 'Import error',
+		reviewer4: 'Reviewer error',
+		reviewer5: 'Reviewer Add',
 		reviewerArticle: 'Reviewer',
 		reviewerArticle1: 'Manuscript list',
 		authorApplyReviewer: 'Become reviewer',
diff --git a/src/components/common/langs/zh.js b/src/components/common/langs/zh.js
index 37168d5..dec6ec9 100644
--- a/src/components/common/langs/zh.js
+++ b/src/components/common/langs/zh.js
@@ -39,6 +39,7 @@ const zh = {
 		reviewer2: '审稿人列表',
 		reviewer3: '审稿人导入',
 		reviewer4: '导入失败列表',
+		reviewer5: '审稿人添加',
 		reviewerArticle: '审稿人',
 		reviewerArticle1: '待审文章',
 		authorApplyReviewer: '成为审稿人',
diff --git a/src/components/page/articleReviewer.vue b/src/components/page/articleReviewer.vue
index 13f425c..f6a19ef 100644
--- a/src/components/page/articleReviewer.vue
+++ b/src/components/page/articleReviewer.vue
@@ -5,8 +5,7 @@
 				<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="container">
 			<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>
@@ -37,7 +36,8 @@
 				 :total="Total" @current-change="handlePageChange"></el-pagination>
 			</div>
 		</div>
-		<el-dialog title="add reviewer" :visible.sync="editVisible" width="40%">
+		<el-dialog title="add reviewer" :visible.sync="editVisible" width="40%" v-loading="loading" element-loading-text="Loading..."
+		 element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
 			<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">
@@ -66,7 +66,8 @@
 				<el-button type="primary" @click="saveEdit">save</el-button>
 			</span>
 		</el-dialog>
-		<el-dialog title="Supplement" :visible.sync="editVisible1" width="40%">
+		<el-dialog title="Supplement" :visible.sync="editVisible1" width="40%" v-loading="loading" element-loading-text="Loading..."
+		 element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)">
 			<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">
diff --git a/src/components/page/editmbereditormoshi.vue b/src/components/page/editmbereditormoshi.vue
index 73ceef0..5aa1240 100644
--- a/src/components/page/editmbereditormoshi.vue
+++ b/src/components/page/editmbereditormoshi.vue
@@ -149,8 +149,8 @@
 
 			// 关闭模态框
 			backGood() {
-				this.$refs.name_Form.resetFields();
-				this.$refs.email_Form.resetFields();
+				this.nameForm.account = ''
+				this.emailForm.email = ''
 				this.tableData_name = [];
 			},
 
@@ -184,6 +184,12 @@
 							.then(res => {
 								if (res.code == 0) {
 									this.tableData_name = res.data.users;
+									if (this.tableData_name == '') {
+										this.$message({
+											message: 'No Result!',
+											type: 'warning'
+										});
+									}
 								} else {
 									this.$message.error(res.msg);
 								}
@@ -202,67 +208,88 @@
 
 			// 用户名匹配
 			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);
-					});
+				this.$refs.name_Form.validate((valid) => {
+					if (valid) {
+						this.loading = true;
+						this.$api
+							.post('api/Board/relationUser', {
+								'email': row.email,
+								'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);
+							});
+					} else {
+						return false;
+					}
+				});
+
 			},
 
 			// 邮箱匹配
 			matchMit(emailForm) {
 				this.$refs.email_Form.validate((valid) => {
 					if (valid) {
+						this.loading = true;
 						this.$api
 							.post('api/Board/searchUserByEmail', emailForm)
 							.then(res => {
 								if (res.code == 0) {
-									let aco_email = res.data.user_info.user_id
+									let aco_email = res.data.user.email
+									let aco_uesid = res.data.user.user_id
 									this.$api
 										.post('api/Board/relationUser', {
 											'email': aco_email,
+											'user_id': aco_uesid,
+											'journal_id': this.query.journal_id,
 											'jboard_id': this.marchForm.board_id,
 										})
 										.then(res => {
 											if (res.code == 0) {
-												this.$refs.name_Form.resetFields();
-												this.$refs.email_Form.resetFields();
+												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.$message.error(res.msg);
+												this.loading = false;
+												this.$message({
+													message: 'No Result!',
+													type: 'warning'
+												});
+												// this.$message.error(res.msg);
 											}
 										})
 										.catch(err => {
+											this.loading = false;
 											this.$message.error(err);
 										});
 								} else {
+									this.loading = false;
 									this.$message.error(res.msg);
 								}
 							})
 							.catch(err => {
+								this.loading = false;
 								this.$message.error(err);
 							});
 
diff --git a/src/components/page/reviewerAdd.vue b/src/components/page/reviewerAdd.vue
new file mode 100644
index 0000000..45a1eae
--- /dev/null
+++ b/src/components/page/reviewerAdd.vue
@@ -0,0 +1,490 @@
+<template>
+	<div>
+		<div class="crumbs">
+			<el-breadcrumb separator="/">
+				<el-breadcrumb-item>
+					<i class="el-icon-lx-calendar"></i> Reviewer Add
+				</el-breadcrumb-item>
+			</el-breadcrumb>
+		</div>
+		<div class="container">
+			<div class="handle-box">
+				<el-button type="primary" icon="el-icon-plus" class="handle-del" @click="add_Selection">Add</el-button>
+			</div>
+			<div class="handle-box" :rules="rules">
+				<el-select v-model="query.journalId" placeholder="Please select a journal" @change="chan_id">
+					<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 class="table" ref="multipleTable" header-cell-class-name="table-header">
+				<el-table-column prop="account" label="account"></el-table-column>
+				<el-table-column prop="email" label="email"></el-table-column>
+				<el-table-column prop="realname" label="realname"></el-table-column>
+				<el-table-column prop="title" label="title"></el-table-column>
+				<el-table-column prop="technical" label="technical"></el-table-column>
+				<el-table-column prop="company" label="company"></el-table-column>
+				<el-table-column label=" " width="140" 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="link_Total" @current-change="handlePageChange"></el-pagination>
+			</div>
+		</div>
+
+		<!-- 添加弹出框 -->
+		<el-dialog title="Add" :visible.sync="addVisible" width="40%">
+			<el-form ref="add_Form" :model="addForm" :rules="rules" label-width="85px">
+				<el-form-item label="account" prop="account">
+					<el-input v-model="addForm.account" @blur='saerNa_U()'></el-input>
+				</el-form-item>
+				<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="password" prop="password">
+					<span style="color: #666;">123456qwe</span>
+				</el-form-item>
+				<el-form-item label="gender" prop="gender">
+					<el-radio-group v-model="addForm.gender">
+						<el-radio :label="1">male</el-radio>
+						<el-radio :label="2">female</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="journal" prop="journal_id">
+					<el-select v-model="addForm.journal_id" placeholder="Please select a journal" @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>
+				</el-form-item>
+				<el-form-item label="title" prop="title">
+					<el-select v-model="addForm.title" filterable placeholder="Please select a title" value-key="groupID" style="width: 300px;">
+						<el-option key="Prof." label="Prof." value="Prof."></el-option>
+						<el-option key="Associate Prof." label="Associate Prof." value="Associate Prof."></el-option>
+						<el-option key="Assistant Prof." label="Assistant Prof." value="Assistant Prof."></el-option>
+						<el-option key="Ph.D." label="Ph.D." value="Ph.D."></el-option>
+						<el-option key="Others" label="Others" value="Others"></el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="country" prop="country">
+					<el-select v-model="addForm.country" filterable placeholder="Please select a country" value-key="groupID" style="width: 300px;">
+						<el-option v-for="item in df_country" :label="item.en_name" :key="item.en_name" :value="item.en_name"></el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="realname">
+					<el-input v-model="addForm.realname"></el-input>
+				</el-form-item>
+				<el-form-item label="orcid">
+					<el-input v-model="addForm.orcid"></el-input>
+				</el-form-item>
+				<el-form-item label="introduction">
+					<el-input v-model="addForm.introduction"></el-input>
+				</el-form-item>
+				<el-form-item label="company">
+					<el-input v-model="addForm.company"></el-input>
+				</el-form-item>
+				<el-form-item label="major" prop="maj_cn">
+					<el-cascader v-model="addForm.maj_cn" :options="jl_major" :props="defaultParams" placeholder="Please select major"
+					 @change="ched_id" style="width: 300px;"></el-cascader>
+				</el-form-item>
+				<el-form-item label="field">
+					<el-input v-model="addForm.field" type="textarea"></el-input>
+				</el-form-item>
+			</el-form>
+			<span slot="footer" class="dialog-footer">
+				<el-button @click="addVisible = false">Cancel</el-button>
+				<el-button type="primary" @click="saveAdd(addForm)" :disabled="this.btn_alert">OK</el-button>
+			</span>
+		</el-dialog>
+
+		<!-- 编辑弹出框 -->
+		<el-dialog title="Edit" :visible.sync="editVisible" width="40%">
+			<el-form ref="edit_Form" :model="editForm" :rules="rules" label-width="85px">
+				<el-form-item label="account" prop="account">
+					{{editForm.account}}
+				</el-form-item>
+				<el-form-item label="email" prop="email">
+					<el-input v-model="editForm.email" @blur='saerEm_U()'></el-input>
+				</el-form-item>
+				<el-form-item label="gender" prop="gender">
+					<el-radio-group v-model="editForm.gender">
+						<el-radio :label="1">male</el-radio>
+						<el-radio :label="2">female</el-radio>
+					</el-radio-group>
+				</el-form-item>
+				<el-form-item label="journal" prop="journal_id">
+					<el-select v-model="editForm.journal_id" placeholder="Please select a journal" @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>
+				</el-form-item>
+				<el-form-item label="technical" prop="technical">
+					<el-select v-model="editForm.technical" filterable placeholder="Please select a title" value-key="groupID" style="width: 300px;">
+						<el-option key="Prof." label="Prof." value="Prof."></el-option>
+						<el-option key="Associate Prof." label="Associate Prof." value="Associate Prof."></el-option>
+						<el-option key="Assistant Prof." label="Assistant Prof." value="Assistant Prof."></el-option>
+						<el-option key="Ph.D." label="Ph.D." value="Ph.D."></el-option>
+						<el-option key="Others" label="Others" value="Others"></el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="country" prop="country">
+					<el-select v-model="addForm.country" filterable placeholder="Please select a country" value-key="groupID" style="width: 300px;">
+						<el-option v-for="item in df_country" :label="item.en_name" :key="item.en_name" :value="item.en_name"></el-option>
+					</el-select>
+				</el-form-item>
+				<el-form-item label="realname">
+					<el-input v-model="editForm.realname"></el-input>
+				</el-form-item>
+				<el-form-item label="orcid">
+					<el-input v-model="editForm.orcid"></el-input>
+				</el-form-item>
+				<el-form-item label="introduction">
+					<el-input v-model="editForm.introduction"></el-input>
+				</el-form-item>
+				<el-form-item label="company">
+					<el-input v-model="editForm.company"></el-input>
+				</el-form-item>
+				<el-form-item label="major">
+					<el-cascader :options="jl_major" v-model="editForm.maj_cn" :props="defaultParams" placeholder="Please select major"
+					 @change="ched_id" style="width: 300px;"></el-cascader>
+				</el-form-item>
+				<el-form-item label="field">
+					<el-input v-model="editForm.field" type="textarea"></el-input>
+				</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)" :disabled="this.btn_alert">OK</el-button>
+			</span>
+		</el-dialog>
+	</div>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				tableData: [],
+				addForm: {
+					gender: 1,
+					major: [],
+				},
+				editForm: {},
+				editVisible: false,
+				addVisible: false,
+				btn_alert: false,
+				df_jour: [],
+				df_country: [],
+				jl_major: [],
+				defaultParams: {
+					label: 'title',
+					value: 'major_id',
+					children: 'children'
+				},
+				edit_id: localStorage.getItem('U_id'),
+				query: {
+					username: localStorage.getItem('U_name'),
+					journalId: 0,
+					pageIndex: 1,
+					pageSize: 10
+				},
+				link_Total: 0,
+				aid: -1,
+				idx: -1,
+				rules: {
+					account: [{
+						required: true,
+						message: 'Please input account',
+						trigger: 'blur'
+					}],
+					email: [{
+						required: true,
+						message: 'Please input email',
+						trigger: 'blur'
+					}, {
+						validator: function(rule, value, callback) {
+							if (/^[-.-_A-Za-z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/.test(value) == false) {
+								callback(new Error("Please enter the correct email format"));
+							} else {
+								callback();
+							}
+						},
+						trigger: "blur"
+					}],
+					genger: [{
+						required: true,
+						message: 'Please select genger',
+						trigger: 'blur'
+					}],
+					journal_id: [{
+						required: true,
+						message: 'Please select journal_id',
+						trigger: 'blur'
+					}],
+					maj_cn: [{
+						required: true,
+						message: 'Please select maj_cn',
+						trigger: 'blur'
+					}],
+					title: [{
+						required: true,
+						message: 'Please select title',
+						trigger: 'blur'
+					}],
+					technical: [{
+						required: true,
+						message: 'Please select title',
+						trigger: 'blur'
+					}],
+					country: [{
+						required: true,
+						message: 'Please select country',
+						trigger: 'blur'
+					}],
+				}
+			};
+		},
+		created() {
+			this.getData();
+		},
+		methods: {
+			// 获取数据
+			getData() {
+				this.$api
+					.post('api/Chief/getJournalsByEditor', {
+						'user_id': this.edit_id
+					})
+					.then(res => {
+						if (res.code == 0) {
+							this.df_jour = res.data.journals;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+				this.$api
+					.post('api/Reviewer/getReviewerListByJournal', this.query)
+					.then(res => {
+						if (res.code == 0) {
+							this.tableData = res.data;
+							this.link_Total = res.total || 0;
+						} else {
+							this.$message.error(res.msg);
+						}
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+				this.$api
+					.post('api/Reviewer/getAllMajor')
+					.then(res => {
+						this.jl_major = res.data.majors;
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+				this.$api
+					.post('api/Reviewer/getCountrys')
+					.then(res => {
+						this.df_country = res.countrys;
+					})
+					.catch(err => {
+						this.$message.error(err);
+					});
+			},
+			// 分页导航
+			handlePageChange(val) {
+				this.$set(this.query, 'pageIndex', val);
+				this.getData();
+			},
+			// 下拉分类搜索
+			chan_id(event) {
+				this.getData();
+			},
+			// 添加操作
+			add_Selection(index, row) {
+				this.aid = index;
+				this.addVisible = true;
+			},
+			// 下拉级联添加
+			ched_id(event) {
+				this.addForm.major = event[0];
+				this.addForm.cmajor = event[1];
+			},
+			// 保存添加
+			saveAdd(addForm) {
+				this.$refs.add_Form.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Reviewer/addReviewer', this.addForm)
+							.then(res => {
+								if (res.code == 0) {
+									this.addVisible = false;
+									this.$refs.add_Form.resetFields();
+									this.$message.success(`Added successfully!`);
+									this.getData();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+
+					} else {
+						this.$message.error('error submit!!');
+						return false;
+					}
+				});
+			},
+			// 编辑操作
+			handleEdit(index, row) {
+				this.idx = index;
+				this.editForm = Object.assign({}, row);
+				this.editForm.maj_cn = [this.editForm.major, this.editForm.cmajor];
+				this.editVisible = true;
+			},
+			// 保存编辑
+			saveEdit(editForm) {
+				this.$refs.edit_Form.validate((valid) => {
+					if (valid) {
+						this.$api
+							.post('api/Reviewer/checkUser', {
+								'account': this.editForm.email
+							})
+							.then(res => {
+								if (res.code == 0) {
+									if (res.data.has == 'no') {
+										this.$api
+											.post('master/Journal/editJournalAbs', this.editForm)
+											.then(res => {
+												if (res.code == 0) {
+													this.editVisible = false;
+													this.$message.success(`Successfully changed line ${this.idx + 1} `);
+													this.getData();
+												} else {
+													this.$message.error(res.msg);
+												}
+											})
+											.catch(err => {
+												this.$message.error(err);
+											});
+									} else {
+										this.$alert('Repeat of user email!', 'Tips', {
+											confirmButtonText: 'OK',
+										}).then(res => {}).catch(() => {});
+									}
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								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('master/Journal/delJournalAbs', row)
+							.then(res => {
+								if (res.code == 0) {
+									this.$message.success('Delete succeeded!');
+									this.getData();
+								} else {
+									this.$message.error(res.msg);
+								}
+							})
+							.catch(err => {
+								this.$message.error(err);
+							});
+					})
+					.catch(() => {});
+			},
+			// 查找与他相同的账号
+			saerNa_U() {
+				if (this.addForm.account != undefined) {
+					this.$api
+						.post('api/Reviewer/checkUser', {
+							'account': this.addForm.account
+						})
+						.then(res => {
+							if (res.code == 0) {
+								if (res.data.has == 'no') {
+									this.btn_alert = false
+								} else {
+									this.$alert('Repeat of user account!', 'Tips', {
+										confirmButtonText: 'OK',
+									}).then(res => {}).catch(() => {});
+									this.btn_alert = true
+								}
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				}
+			},
+			// 查找与他相同的邮箱
+			saerEm_U() {
+				if (this.addForm.email != undefined) {
+					this.$api
+						.post('api/Reviewer/checkUser', {
+							'account': this.addForm.email
+						})
+						.then(res => {
+							if (res.code == 0) {
+								if (res.data.has == 'no') {
+									this.btn_alert = false
+								} else {
+									this.$alert('Repeat of user email!', 'Tips', {
+										confirmButtonText: 'OK',
+									}).then(res => {}).catch(() => {});
+									this.btn_alert = true
+								}
+							} else {
+								this.$message.error(res.msg);
+							}
+						})
+						.catch(err => {
+							this.$message.error(err);
+						});
+				}
+			},
+		}
+	};
+</script>
+
+
+<style scoped>
+	.table {
+		width: 100%;
+		font-size: 14px;
+	}
+
+	.handle-box {
+		margin-bottom: 20px;
+	}
+
+
+	.red {
+		color: #ff0000;
+	}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 4e1728d..f8b2662 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -210,6 +210,13 @@ export default new Router({
 						title: 'Import error'
 					}
 				},
+				{
+					path: '/reviewerAdd',
+					component: () => import('../components/page/reviewerAdd.vue'),
+					meta: {
+						title: 'Reviewer Add'
+					}
+				},
 				{
 					path: '/monitorManuscript',
 					component: () => import('../components/page/monitorManuscript.vue'),