<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</span>
					</router-link>
					>> Cancel review
				</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<div class="container_l">
			<el-card class="box-card fail_page">
				<div class="fail_page_1">
					<svg t="1646277316849" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20680"
					 width="32" height="32">
						<path d="M1023.036803 512.0016A511.518402 511.518402 0 1 1 511.465068 0.0032a504.382424 504.382424 0 0 1 214.719329 47.157186c8.213308 3.743988 15.679951 8.234641 23.146595 11.978629a31.647901 31.647901 0 0 1-29.226576 56.138491c-6.719979-3.733322-14.186622-6.730646-20.159937-9.727969a443.123949 443.123949 0 0 0-188.479411-41.173205 449.502595 449.502595 0 1 0 449.491929 449.875928c0-8.234641-0.746664-14.933287-0.746664-23.199928a31.423902 31.423902 0 0 1 29.866573-33.695895 32.351899 32.351899 0 0 1 33.706561 29.951907A134.634246 134.634246 0 0 1 1023.036803 512.0016zM970.663633 399.724618a34.431892 34.431892 0 0 1 0-68.863785 34.431892 34.431892 0 1 1 0 68.863785z m-50.879841-110.03699a34.431892 34.431892 0 1 1 34.453226-34.431892 33.855894 33.855894 0 0 1-34.453226 34.431892z m-81.493078-95.061036a34.303893 34.303893 0 0 1-34.34656-34.431893 33.834561 33.834561 0 0 1 34.34656-34.431892 34.431892 34.431892 0 1 1 0 68.863785z m-36.586553 182.644762L458.451901 720.854281a32.554565 32.554565 0 0 1-44.906527 0 0.735998 0.735998 0 0 1-0.746664-0.757331L253.545874 560.662781a30.186572 30.186572 0 0 1 0-44.159862 31.039903 31.039903 0 0 1 44.79986 0l137.59957 137.72757 320.852331-321.865661a31.754567 31.754567 0 1 1 44.906526 44.906526z"
						 fill="#fa6400" p-id="20681"></path>
					</svg>
					<p>Rejection Successful !</p>
					<br clear="both">
				</div>
				<div class="fail_page_2">
					We still sincerely appreciate your support to our journal.
				</div>
				<div class="fail_page_3">
					<a href="/peerewer">Return to Peer Review page</a>
				</div>
			</el-card>
		</div>
	</div>

</template>

<script>
	export default {
		data() {
			return {
				Direct_log: this.$route.query.act,
				Art_id: this.$route.query.Art_id,
			}
		},
		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/refuseReviewerArticle', {
						art_rev_id: this.Art_id
					})
					.then(res => {
						if (res.code == 0) {

						} else {
							this.$message.error(res.msg);
						}
					})
					.catch(err => {
						this.$message.error(err);
					});
			}
		}
	}
</script>

<style scoped>
	.fail_page {
		padding: 25px 0;
		text-align: center;
	}

	.fail_page .fail_page_1 {
		display: inline-block;
		font-size: 26px;
		margin: 0 0 50px 0;
	}

	.fail_page .fail_page_1 svg {
		float: left;
		width: 35px;
		height: 35px;
		margin: 6px;
	}

	.fail_page .fail_page_1 p {
		float: left;
		margin: 5px 0 0 10px;
	}

	.fail_page .fail_page_2 {
		margin: 0 0 60px 0;
		text-align: center;
		line-height: 30px;
	}

	.fail_page .fail_page_3 {
		margin: 0 0 20px 0;
	}

	.fail_page .fail_page_3 a {
		color: #fff;
		background-color: #006699;
		border-radius: 5px;
		padding: 10px 20px;
	}

	.fail_page .fail_page_3 a:hover {
		text-decoration: underline;
	}
</style>
