<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 ready to be reviewed.
					</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;">{{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>
						List of historical 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;">{{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="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);
							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
							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.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);
								});
						} 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.articles.length || 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>
