20230517

src/components/page/reviewer.vue

@@ -87,6 +87,25 @@
 				</el-form-item>
 			</el-form>
 		</div>
+
+
+		<!-- 提示弹出框 -->
+		<el-dialog :visible.sync="warnVisible" width="800px" :close-on-click-modal="false"
+			:close-on-press-escape="false" :show-close="false">
+			<div class="warnTxt">
+				<h3>Tip</h3>
+				<p>The page is no longer available. To apply as a reviewer, please login to the author's personal center
+					and
+					submit an application.</p>
+				<p>We apologize for any inconvenience this may have caused and thank you for your understanding.</p>
+				<p>
+					Author's Personal Center Website:
+					<img src="../../assets/img/icon_9.png" alt="">
+					<a href="https://submission.tmrjournals.com/dashboard">Personal Center</a>
+				</p>
+				<img src="../../assets/img/app_reviw.png" alt="">
+			</div>
+		</el-dialog>
 	</div>
 </template>
 
@@ -103,12 +122,13 @@
 						callback(
 							new Error(
 								'This account has been registered, please log in the sbumission system for application.'
-								)
+							)
 						);
 					}
 				});
 			};
 			return {
+				warnVisible: true,
 				baseUrl: this.Common.baseUrl,
 				journalList: [],
 				majorList: [],
@@ -209,10 +229,11 @@
 		},
 		methods: {
 			handleRegister() {
+				return
 				this.$refs.reviewerForm.validate((valid) => {
 					if (this.reviewerForm.qualifications == '') {
 						this.$message.error(
-							'Please make sure that the qualifications document is uploaded successfully');
+							'Please make sure that the CV. document is uploaded successfully');
 						console.log('file up error');
 						return false;
 					}
@@ -291,6 +312,45 @@
 </script>
 
 <style scoped>
+	.warnTxt {
+		font-size: 16px;
+	}
+
+	.warnTxt h3 {
+		text-align: center;
+		font-size: 20px;
+		margin-bottom: 40px;
+	}
+	.warnTxt p {
+		line-height: 22px;
+		margin:0 10px 10px 40px;
+		word-wrap: break-word;
+		word-break: normal;
+	}
+
+	.warnTxt p a {
+		color: #006699;
+		cursor: pointer;
+	}
+
+	.warnTxt p a:hover {
+		text-decoration: underline;
+	}
+	
+	.warnTxt p img{
+		width: 15px;
+		height: 15px;
+		margin-right: 5px;
+		margin-left: 5px;
+		vertical-align: middle;
+		color: #006699;
+	}
+	
+	.warnTxt>img{
+		display: block;
+		margin: 20px auto 20px auto;
+	}
+
 	.login-wrap {
 		position: relative;
 		width: 100%;