<template>
	<div>
		<div class="crumbs">
			<el-breadcrumb separator="/">
				<el-breadcrumb-item>
					<i class="el-icon-lx-calendar"></i>
					<router-link :to="{path:'/articleList'}">
						<span class="top_dao"> Manuscript list</span>
					</router-link>
					>> Manuscript process
				</el-breadcrumb-item>
			</el-breadcrumb>
		</div>
		<div class="container_state">
			<p style="color: #888;margin: 10px 0 5px 0;">ID : {{artMes.accept_sn}}</p>
			<p style="font-size: 16px;font-weight: bolder;letter-spacing: -0.5px;">
				<!-- <span class="art_type">{{ellType(artMes.type)}}</span> -->
				{{artMes.title}}
			</p>
			<!-- <p style="color: #7f8790;margin: 10px 0 0 0;">Follow the progress of your submission.</p> -->
			<div class="tit_head">
				Status : <b style="margin: 0 50px 0 0;">{{statetostr(artMes.laststate)}}</b>
				Journal : <b>{{artMes.journalname}}</b>
			</div>
			<el-row :gutter="30">
				<el-col :span="15">
					<div class="process_new">
						<!-- <p style="width: 100%;height: 1px;background-color: #eee;margin: 35px 0 30px 0;"></p> -->
						<h2 style="font-size: 18px;margin: 0 0 10px 0;float: left;letter-spacing: -0.8px;">Manuscript
							Tracking</h2>
						<!-- <div class="radio" style="float: right;">
						<el-radio-group v-model="reverse">
							<el-radio-button :label="false">Ascending</el-radio-button>
							<el-radio-button :label="true">Descending</el-radio-button>
						</el-radio-group>
					</div> -->
						<br clear="both">
						<div class="author_tree">
							<div v-for="(item, index) in prossMsgs">
								<i v-html="item.icon" class="tPIMg"></i>
								<i :class="item.icon"></i>
								<p class="tPline"></p>
								<div class="timePTit">
									<b>{{ statetostr(item.state_to) }}</b>
									<font>{{formatDate(item.ctime)}}</font>
								</div>
								<div class="timePCOnt">
									<!-- 提交 -->
									<p v-if="item.state_to==-1">
										Submitted to <b>{{artMes.journalname}}</b>
									</p>
									<!-- 给编辑 -->
									<p v-if="item.state_to==1">
										Editorial decision: <b>Major revision</b>
									</p>
									<!-- 审查中 -->
									<p v-if="item.state_to==2">
										In progress
									</p>
									<!-- 拒绝 -->
									<p v-if="item.state_to==3">
										<!-- : <b> Reject manuscript</b> -->
									</p>
									<!-- 修改 -->
									<p v-if="item.state_to==4">
										Decision :
										<router-link :to="{path:'/articleProcessRevision',query:{id:artMes.article_id}}"
											v-if="item.back==1">
											<b style="margin-left: 5px;color: #006699;text-decoration: underline;">Upload
												Major Revision</b>
										</router-link>
										<b style="margin-left: 5px;color: #888;text-decoration: underline;"
											v-if="item.back==0">
											Upload Major Revision (Completed)
										</b>
									</p>
									<!-- 接收 -->
									<p v-if="item.state_to==5">
										<!-- : <b style="margin-left: 5px;"> Successfully received manuscript</b> -->
									</p>
								</div>
							</div>
						</div>
					</div>
				</el-col>
				<el-col :span="9">
					<!-- 审稿人列表 -->
					<!-- <div class="art_process_">
						<h2>
							Coment from reviewers
						</h2>
						<div style="max-height: 300px;overflow-y: auto;">
							<div class="art_process_list">
								<b>1</b>reviewers <span>202-50-60</span>
								<p>reviewersreviewersreviewersreviewersreviewers</p>
							</div>
							<div class="art_process_list">
								<b>1</b>reviewers <span>202-50-60</span>
								<p>reviewersreviewersreviewersreviewersreviewers</p>
							</div>
						</div>
					</div> -->

					<!-- 对话列表 -->
					<div class="kuang_communtion">
						<h2>
							Communication
						</h2>
						<div v-for="item in talkMsgs" class="kuang_communtion_conmt">
							<div v-if="item.user_id != artMes.user_id" class="talk_aued">
								<p>
									Editor :
								</p>
								<el-card>
									<p style="white-space: pre-wrap;">{{ item.ad_content }}</p>
								</el-card>
								<b>{{formatDate(item.ad_ctime)}}</b>
							</div>
							<div v-if="item.user_id == artMes.user_id" class="talk_aued talk_edit">
								<p>
									Author :
								</p>
								<el-card>
									<p style="white-space: pre-wrap;">{{ item.ad_content }}</p>
								</el-card>
								<b>{{formatDate(item.ad_ctime)}}</b>
							</div>
						</div>

						<div class="kuang_communtion_input">
							<p v-if="talkMsgs"></p>
							<span class="text_bor_ghu">
								<el-input type="textarea" rows="3" v-model="msgform.ad_content"
									placeholder="You can initiate short conversations with the editor." resize="none">
								</el-input>
								<el-button type="primary" @click="saveMsg">Send</el-button>
							</span>

							<font style="font-size: 12px;color: #999;padding:12px 5px 0 5px;display: block;">
								This column is served as an instant correspondence between the editor and authors,
								aiming to acquire a faster
								way of communication than E-Mail. If you have any questions, please start the instant
								corresponding, and the
								editors will reply to you in 24 hours.
								<br>
								<font style="color: #006699;">Please Attention</font>
								<br>
								<font style="color: #006699;">1.</font> If you need to send files as attachments, please
								send them to
								tmr@tmrjournals.com
								<br>
								<font style="color: #006699;">2.</font> Please do not upload the primary documents like
								the cover letter, the
								reply to the reviewer comments,
								etc.
							</font>
						</div>
					</div>
					<p style="line-height: 20px;color: #999;padding: 0 15px 0 15px;">
						We encourage authors to upload a Cover Letter file and make sure the Highlights part in the main
						manuscript is
						after the abstract and keywords. That will help authors let editors quickly obtain information
						and evaluate the
						scientific value of their research correctly.
						<br>Please remind our editor in the cover letter if you want your manuscript processed quickly.
						<br>Please note that manuscripts with at least one of the following characteristics will be
						included in the
						journal's manuscript fast track:
						<br>
						<font style="color: #006699;">1.Interest:</font> This manuscript has a novel perspective.
						<br>
						<font style="color: #006699;">2.Importance:</font> This manuscript belongs to the focus area.
						<br>
						<font style="color: #006699;">3.Value:</font> This manuscript belongs to the advanced topic and
						can attract wide
						attention.
					</p>
				</el-col>
			</el-row>

		</div>

		<el-dialog title="Message" :visible.sync="editVisible" width="40%" :close-on-click-modal="false">
			<el-form ref="msgform" :model="msgform" label-width="80px">
				<el-form-item label="Message">
					<el-input type="textarea" rows="5" v-model="msgform.content" placeholder="Author messages">
					</el-input>
				</el-form-item>
			</el-form>
			<span slot="footer" class="dialog-footer">
				<el-button type="primary" @click="saveMsg" :loading="saveloading">save</el-button>
			</span>
		</el-dialog>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				baseUrl: this.Common.baseUrl,
				mediaUrl: this.Common.mediaUrl,
				articleId: this.$route.query.id,
				userName: localStorage.getItem('U_name'),
				loading: false,
				reverse: false,
				artMes: {
					articleId: this.$route.query.id
				},
				msgform: {
					username: localStorage.getItem('U_name'),
					article_id: this.$route.query.id,
					ad_content: ''
				},
				query_review: {
					articleId: this.$route.query.id,
					pageIndex: 1,
					pageSize: 10
				},
				prossMsgs: [],
				talkMsgs: [],
				review_Data: [],

				editVisible: false,
				saveloading: false
			};
		},
		created: function() {
			this.initarticle();
		},
		computed: {

		},
		methods: {
			//初始化文章信息
			initarticle() {
				this.$api
					.post('api/Article/getArticleDetail', {
						articleId: this.articleId,
						human: 'author'
					})
					.then((res) => {
						let back_num = 0
						// 添加投递稿件条目
						res.msg.unshift({
							state_to: -1,
							ctime: res.article.ctime,
							color: '#B5C334',
							icon: '<svg t="1684728445235" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25040" width="35" height="35"><path d="M326.0416 597.794133l552.482133-472.576 28.842667 33.723734-552.482133 472.576z" fill="#7f8993" p-id="25041"></path><path d="M436.548267 706.048L886.152533 141.243733l34.730667 27.648L471.261867 733.696z" fill="#7f8993" p-id="25042"></path><path d="M771.413333 906.24c-6.826667 0-13.653333-1.706667-20.48-5.12L471.04 733.866667l-83.626667 100.693333-3.413333 1.706667c-11.946667 6.826667-25.6 6.826667-37.546667 0-11.946667-6.826667-20.48-18.773333-20.48-32.426667l-11.946666-167.253333L102.4 508.586667c-13.653333-8.533333-20.48-22.186667-18.773333-37.546667 1.706667-15.36 11.946667-27.306667 25.6-32.426667L884.053333 121.173333c13.653333-5.12 29.013333-1.706667 40.96 8.533334 8.533333 8.533333 13.653333 20.48 10.24 32.426666L810.666667 870.4c-1.706667 15.36-10.24 27.306667-22.186667 32.426667-6.826667 1.706667-11.946667 3.413333-17.066667 3.413333zM469.333333 686.08c6.826667 0 13.653333 1.706667 20.48 5.12L768 858.453333l122.88-692.906666L133.12 476.16l204.8 124.586667c10.24 6.826667 18.773333 18.773333 18.773333 30.72l10.24 157.013333 78.506667-93.866667 3.413333-1.706666c6.826667-5.12 13.653333-6.826667 20.48-6.826667z" p-id="25043" fill="#7f8993"></path></svg>',
							ftype: 0,
						});
						for (let i = res.msg.length - 1; i >= 0; i--) {
							if (res.msg[i].state_to == 4 && res.msg[i + 1] == undefined && back_num == 0) {
								res.msg[i].back = 1;
								back_num = 1
							} else {
								res.msg[i].back = 0;
							}
							if (res.msg[i].state_to == 1) {
								res.msg[i].color = '#f75822'
								res.msg[i].icon =
									'<svg t="1684726524163" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1570" width="35" height="35"><path d="M411.6 887.1H197.9c-55 0-99.8-44.8-99.8-99.8V212.8c0-55 44.8-99.8 99.8-99.8h445.4c55 0 99.8 44.8 99.8 99.8v171c0 8.3-6.7 15-15 15s-15-6.7-15-15v-171c0-38.5-31.3-69.8-69.8-69.8H197.9c-38.5 0-69.8 31.3-69.8 69.8v574.5c0 38.5 31.3 69.8 69.8 69.8h213.7c8.3 0 15 6.7 15 15s-6.7 15-15 15z" p-id="1571" fill="#33404e"></path><path d="M632.1 297.6H225.6c-8.3 0-15-6.7-15-15s6.7-15 15-15h406.5c8.3 0 15 6.7 15 15s-6.7 15-15 15zM448.2 463.2H227.1c-8.3 0-15-6.7-15-15s6.7-15 15-15h221.1c8.3 0 15 6.7 15 15s-6.7 15-15 15zM371.1 620.1h-144c-8.3 0-15-6.7-15-15s6.7-15 15-15h144c8.3 0 15 6.7 15 15s-6.7 15-15 15zM704.6 705c-71.1 0-129-57.9-129-129s57.9-129 129-129 129 57.9 129 129c0 71.2-57.9 129-129 129z m0-227.9c-54.6 0-99 44.4-99 99s44.4 99 99 99 99-44.4 99-99-44.4-99-99-99z" p-id="1572" fill="#33404e"></path><path d="M689 907.6c-17.4 0-47.1-0.8-77.8-5.2-68.4-9.9-106.4-32.7-112.9-67.9-0.2-0.9-0.3-1.8-0.3-2.7 0-60.9 36.4-107.4 105.3-134.5 49.6-19.5 98.5-22 100.6-22.1h0.9c56.8 0.8 109.7 18.9 148.8 50.9 36.6 29.9 57.6 68.4 57.6 105.8 0 12.6-5.2 24.4-15.1 34.2-19.2 18.8-57.8 31.5-114.7 37.6-38.8 4.2-72.6 3.9-77 3.8-1.7-0.1-7.2 0.1-15.4 0.1z m-161-77.4c4.8 19.9 35.6 34.9 87.1 42.4 44.3 6.4 88 4.8 88.4 4.7h0.9c0.3 0 35.1 0.5 74.1-3.7 48.5-5.2 82.8-15.6 96.6-29.2 5.5-5.4 6.1-9.9 6.1-12.8 0-58.6-72.4-124.9-176.3-126.7-4.7 0.3-48.5 3.3-91.2 20.3-56.3 22.5-85.1 57.7-85.7 105z" p-id="1573" fill="#33404e"></path></svg>'
							}
							if (res.msg[i].state_to == 2) {
								res.msg[i].color = '#0ebee1'
								res.msg[i].icon =
									'<svg t="1684725647389" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12785" width="35" height="35"><path d="M338.823529 259.764706h376.470589a7.529412 7.529412 0 0 0 0-15.058824h-376.470589a7.529412 7.529412 0 0 0 0 15.058824zM338.823529 410.352941h286.117647a7.529412 7.529412 0 0 0 0-15.058823h-286.117647a7.529412 7.529412 0 0 0 0 15.058823zM338.823529 515.764706h210.82353a7.529412 7.529412 0 0 0 0-15.058824h-210.82353a7.529412 7.529412 0 0 0 0 15.058824zM338.823529 621.176471h210.82353a7.529412 7.529412 0 0 0 0-15.058824h-210.82353a7.529412 7.529412 0 0 0 0 15.058824zM255.864471 407.883294a7.619765 7.619765 0 0 0-10.285177-2.816L135.68 467.892706a7.559529 7.559529 0 0 0-2.816 10.285176 7.574588 7.574588 0 0 0 10.285176 2.816l109.914353-62.825411a7.544471 7.544471 0 0 0 2.800942-10.285177zM257.746824 553.953882a7.529412 7.529412 0 0 0-10.270118-2.800941l-48.414118 27.678118a7.529412 7.529412 0 1 0 7.469177 13.071059l48.414117-27.678118a7.499294 7.499294 0 0 0 2.800942-10.270118zM251.181176 673.882353c-1.355294 1.355294-2.258824 3.312941-2.258823 5.406118a7.499294 7.499294 0 0 0 7.529412 7.393882c1.972706 0 3.930353-0.752941 5.285647-2.108235a7.664941 7.664941 0 0 0 0.135529-10.691765c-2.861176-2.861176-8.282353-2.56-10.691765 0zM309.744941 776.282353c-1.505882 1.355294-2.243765 3.312941-2.243765 5.270588 0 2.123294 0.752941 4.080941 2.108236 5.421177 1.520941 1.355294 3.312941 2.108235 5.421176 2.108235 1.957647 0 3.915294-0.752941 5.270588-2.243765a7.303529 7.303529 0 0 0 0-10.556235c-2.710588-2.876235-7.996235-2.876235-10.556235 0z" p-id="12786" fill="#33404e"></path><path d="M994.439529 371.817412L805.647059 227.222588v-51.425882c0-40.463059-39.619765-81.679059-78.516706-81.679059H331.715765c-40.794353 0-68.186353 41.908706-68.186353 81.061647v43.986824L41.938824 345.840941c-16.850824 9.637647-28.958118 25.298824-34.093177 44.122353s-2.665412 38.475294 6.972235 55.311059L279.341176 908.016941a72.402824 72.402824 0 0 0 44.122353 34.093177 72.176941 72.176941 0 0 0 55.326118-6.972236l134.068706-76.649411 71.333647 54.106353c12.754824 9.682824 28.009412 14.757647 43.821176 14.757647 3.358118 0 6.731294-0.240941 10.134589-0.692706a72.463059 72.463059 0 0 0 48.158117-28.084706l322.108236-424.673883a73.005176 73.005176 0 0 0-13.974589-102.083764zM293.647059 175.179294c0-24.048941 16.278588-50.944 38.068706-50.944h395.414588c22.166588 0 48.399059 27.934118 48.399059 51.561412V700.988235c0 26.413176-27.060706 40.658824-52.510118 40.658824h-61.500235l-0.256-0.451765-0.813177 0.451765H340.886588c-23.521882 0-47.239529-12.574118-47.239529-40.658824V175.179294z m70.189176 733.801412c-9.863529 5.616941-21.383529 7.077647-32.451764 4.065882a42.450824 42.450824 0 0 1-25.901177-19.968L40.975059 430.320941c-5.632-9.863529-7.077647-21.383529-4.065883-32.436706s10.104471-20.269176 19.968-25.901176L278.588235 245.248V700.988235c0 32.813176 25.615059 55.717647 62.298353 55.717647h292.698353l-124.641882 69.857883-0.542118 0.180706-0.180706-0.316236-1.611294 0.918589-0.225882 0.12047-142.546824 81.513412z m298.450824-28.611765a42.465882 42.465882 0 0 1-28.265412 16.459294 42.736941 42.736941 0 0 1-31.653647-8.237176l-73.637647-55.853177 135.649882-76.032h58.624c14.802824 0 29.846588-4.186353 42.089412-11.881411l-102.806588 135.54447z m322.108235-424.673882L789.097412 713.185882c0.933647-3.84 1.490824-7.875765 1.490823-12.197647V253.635765l185.584941 142.140235a42.812235 42.812235 0 0 1 8.222118 59.919059z" p-id="12787" fill="#33404e"></path><path d="M815.013647 427.128471a7.529412 7.529412 0 0 0-9.080471 12.001882l70.625883 53.579294a7.529412 7.529412 0 1 0 9.08047-11.986823l-70.625882-53.594353zM798.418824 583.213176c-1.355294 1.520941-2.108235 3.328-2.108236 5.285648a7.755294 7.755294 0 0 0 7.529412 7.529411 7.469176 7.469176 0 0 0 7.529412-7.529411c0-1.957647-0.752941-3.764706-2.258824-5.421177-2.710588-2.710588-7.228235-3.011765-10.691764 0.135529z" p-id="12788" fill="#33404e"></path></svg>'
								}
							if (res.msg[i].state_to == 3) {
								res.msg[i].color = '#888'
								res.msg[i].icon =
									'<svg t="1684727846932" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18568" width="35" height="35"><path d="M512 20.48a491.52 491.52 0 1 0 491.52 491.52A491.52 491.52 0 0 0 512 20.48z m0 931.84A440.32 440.32 0 1 1 952.32 512 440.7296 440.7296 0 0 1 512 952.32z" fill="#7f8993" p-id="18569"></path><path d="M734.8224 289.1776a25.6 25.6 0 0 0-36.2496 0L512 475.7504l-186.7776-186.7776a25.6 25.6 0 0 0-36.2496 36.2496L475.7504 512l-186.7776 186.7776a25.6 25.6 0 1 0 36.2496 36.2496L512 548.2496l186.7776 186.7776a25.6 25.6 0 0 0 36.2496-36.2496L548.2496 512l186.7776-186.7776a25.6 25.6 0 0 0-0.2048-36.0448z" fill="#7f8993" p-id="18570"></path></svg>'
							}
							if (res.msg[i].state_to == 4) {
								res.msg[i].color = '#5a90e1'
								res.msg[i].icon =
									'<svg t="1684726367147" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1192" width="35" height="35"><path d="M448.1 926.8H250.9c-68.2 0-123.8-55.5-123.8-123.8V223.4c0-68.2 55.5-123.8 123.8-123.8h458.4c68.2 0 123.8 55.5 123.8 123.8v224.8c0 8.3-6.7 15-15 15s-15-6.7-15-15V223.4c0-51.7-42.1-93.8-93.8-93.8H250.9c-51.7 0-93.8 42.1-93.8 93.8v579.7c0 51.7 42.1 93.8 93.8 93.8h197.2c8.3 0 15 6.7 15 15s-6.7 14.9-15 14.9z" p-id="1193" fill="#33404e"></path><path d="M693 304H267c-8.3 0-15-6.7-15-15s6.7-15 15-15h426c8.3 0 15 6.7 15 15s-6.7 15-15 15zM602 447.5H267c-8.3 0-15-6.7-15-15s6.7-15 15-15h335c8.3 0 15 6.7 15 15s-6.7 15-15 15zM513 591H267c-8.3 0-15-6.7-15-15s6.7-15 15-15h246c8.3 0 15 6.7 15 15s-6.7 15-15 15zM533.8 921.8c-4 0-7.8-1.6-10.6-4.4-3-3-4.5-7-4.4-11.2 0.1-1.2 1.3-29 4.2-58.9 5.6-57.3 12.4-71.1 18.8-77.6l231.9-231.9c9.8-9.8 24.1-14.5 39.1-12.8 14 1.6 27.7 8.3 38.4 19l45.6 45.6c10.7 10.7 17.5 24.4 19 38.4 1.7 15.1-3 29.3-12.8 39.1l-231.8 232c-6.5 6.5-20.3 13.2-77.8 18.7-30.1 2.9-57.9 4-59.1 4.1-0.1-0.1-0.3-0.1-0.5-0.1z m29.7-131.4c-1.1 1.9-6.2 13.2-10.9 62.6-1.4 14.2-2.3 27.9-2.9 38 10.1-0.6 23.9-1.5 38.1-2.8 49.4-4.6 60.8-9.7 62.7-10.8L881.9 646c4.6-4.6 4.6-11.1 4.2-14.6-0.8-7.2-4.6-14.7-10.4-20.5L830 565.3c-5.8-5.8-13.3-9.6-20.5-10.4-3.5-0.4-10.1-0.4-14.6 4.2L563.5 790.4z m0.2-0.2z" p-id="1194" fill="#33404e"></path><path d="M866.8 697.3c-3.7 0-7.5-1.4-10.4-4.2L746.3 586.8c-6-5.8-6.1-15.2-0.4-21.2 5.8-6 15.2-6.1 21.2-0.4l110.1 106.3c6 5.8 6.1 15.2 0.4 21.2-3 3.1-6.9 4.6-10.8 4.6z" p-id="1195" fill="#33404e"></path></svg>'
							}
							if (res.msg[i].state_to == 5) {
								res.msg[i].color = '#91cc75'
								res.msg[i].icon =
									'<svg t="1684727529401" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13070" width="35" height="35"><path d="M448.768 632.322L338.202 521.756c-10.117-10.117-26.016-10.117-36.133 0s-10.117 26.015 0 35.41l127.91 127.91s0 0.722 0.722 0.722c5.06 5.059 11.563 7.227 18.067 7.227s13.008-2.168 18.066-7.227l275.331-275.33c10.117-10.118 10.117-26.016 0-36.133s-26.015-10.118-36.133 0L448.768 632.322z" p-id="13071" fill="#4d5864"></path><path d="M919.938 498.63c-0.723-13.73-13.008-24.57-26.738-23.847-13.73 0.723-24.57 12.285-23.848 26.739 0 6.503 0.723 12.285 0.723 18.789 0 198.73-161.152 359.881-359.882 359.881S149.59 718.318 149.59 519.588s161.152-359.882 359.882-359.882c52.753 0 103.34 10.84 151.034 33.242 5.059 2.168 10.84 5.06 15.899 7.95 12.285 6.504 27.46 1.445 33.964-10.84 6.504-12.285 1.446-27.461-10.84-33.965-5.78-2.89-12.285-6.504-18.788-9.394-54.2-25.293-112.012-37.578-171.992-37.578-226.19 0-410.467 184.276-410.467 410.467s184.277 410.467 410.467 410.467 410.467-184.277 410.467-410.467c1.446-7.227 0.723-14.453 0.723-20.957z" p-id="13072" fill="#4d5864"></path><path d="M849.841 401.073a27.46 27.46 0 1 0 54.921 0 27.46 27.46 0 1 0-54.921 0zM809.372 312.909a27.46 27.46 0 1 0 54.922 0 27.46 27.46 0 1 0-54.922 0zM743.611 236.308a27.46 27.46 0 1 0 54.921 0 27.46 27.46 0 1 0-54.922 0z" p-id="13073" fill="#4d5864"></path></svg>'
							}
							if (res.msg[i].state_to == 6) {
								res.msg[i].color = '#27727B'
								res.msg[i].icon =
									'<svg t="1684727080259" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1529" width="35" height="35"><path d="M938.164706 505.630118c21.308235-20.766118 19.651765-38.791529 16.76047-47.676236-2.891294-8.884706-12.137412-24.440471-41.607529-28.717176l-199.815529-29.033412c-28.054588-4.080941-62.373647-29.003294-74.947765-54.437647L549.195294 164.698353C536.064 137.999059 518.415059 134.023529 509.063529 134.023529s-27.000471 3.990588-40.161882 30.689883l-89.359059 181.067294c-12.559059 25.419294-46.863059 50.356706-74.932706 54.437647L104.809412 429.236706c-29.470118 4.276706-38.701176 19.832471-41.60753 28.717176-2.876235 8.884706-4.547765 26.895059 16.760471 47.676236l144.609882 140.935529c20.314353 19.802353 33.415529 60.129882 28.611765 88.094118l-34.138353 199.017411c-3.870118 22.543059 2.424471 35.704471 8.387765 42.767059 12.137412 14.381176 33.852235 16.399059 56.591059 4.442353l178.733176-93.967059c23.777882-12.498824 68.833882-12.513882 92.611765 0l178.733176 93.967059c10.059294 5.300706 19.712 7.981176 28.641883 7.981177 11.264 0 21.172706-4.412235 27.919058-12.42353 5.963294-7.077647 12.257882-20.239059 8.402824-42.767059l-34.138353-199.017411c-4.788706-27.949176 8.312471-68.291765 28.626824-88.079059l144.609882-140.950588zM735.277176 739.749647l34.138353 199.017412c1.701647 9.938824 0.225882 15.947294-1.731764 18.266353-0.391529 0.466824-1.460706 1.716706-4.909177 1.716706-3.900235 0-9.095529-1.611294-14.637176-4.517647l-178.733177-93.967059c-16.293647-8.568471-37.722353-13.281882-60.310588-13.281883-22.603294 0-44.032 4.713412-60.325647 13.281883l-178.733176 93.967059c-5.541647 2.906353-10.752 4.517647-14.652236 4.517647-3.448471 0-4.517647-1.249882-4.909176-1.716706-1.957647-2.319059-3.448471-8.342588-1.731765-18.266353l34.138353-199.017412c6.475294-37.662118-9.908706-88.064-37.270588-114.748235l-144.609883-140.93553c-7.664941-7.469176-10.119529-13.824-9.140705-16.805647 0.963765-2.981647 6.686118-6.686118 17.27247-8.222117l199.830588-29.033412c37.827765-5.496471 80.685176-36.653176 97.596236-70.912l89.359058-181.067294c4.728471-9.592471 10.029176-13.884235 13.161412-13.884236s8.432941 4.291765 13.161412 13.884236l89.359059 181.067294c16.926118 34.273882 59.813647 65.415529 97.611294 70.912l199.815529 29.033412c10.586353 1.536 16.308706 5.240471 17.272471 8.222117 0.963765 2.981647-1.490824 9.336471-9.140706 16.790589l-144.594823 140.935529c-27.376941 26.684235-43.760941 77.086118-37.285648 114.763294zM724.013176 133.827765l37.677177 12.122353c5.571765 1.792 12.288 8.508235 14.110118 14.095058l12.107294 37.662118c2.379294 7.378824 7.484235 11.791059 13.68847 11.791059 2.800941 0 8.176941-1.008941 12.890353-7.755294l22.000941-31.36753c3.282824-4.668235 11.248941-8.764235 17.347765-8.764235l39.785412 0.963765c6.686118 0 11.896471-2.740706 14.260706-7.499294 2.409412-4.818824 1.415529-10.736941-2.725647-16.218353l-23.958589-31.894588c-3.493647-4.668235-5.029647-13.944471-3.222588-19.471059l12.047059-36.668236c1.897412-5.722353 1.385412-11.023059-1.415529-14.893176-3.599059-4.954353-10.209882-6.656-17.694118-4.231529l-36.683294 12.047058c-5.195294 1.731765-15.013647 0.135529-19.471059-3.222588l-31.909647-23.973647c-6.927059-5.210353-14.742588-5.165176-19.516235-0.301176-2.002824 2.048-4.352 5.888-4.186353 12.513882l0.963764 39.122823c0.150588 5.767529-4.035765 14.034824-8.749176 17.347765l-31.382588 22.000941c-5.662118 3.975529-8.448 9.351529-7.619765 14.742589 0.843294 5.421176 5.074824 9.728 11.655529 11.851294z m36.005648-36.261647c8.914824-6.249412 15.420235-19.169882 15.164235-30.042353l-0.948706-38.625883 31.488 23.657412c5.842824 4.397176 14.426353 7.002353 22.979765 7.002353 3.734588 0 7.183059-0.512 10.255058-1.520941l36.683295-12.047059 0.150588-0.045176-0.045177 0.165647-12.047058 36.668235c-3.388235 10.285176-1.024 24.560941 5.466352 33.219765l23.657412 31.503058-39.243294-0.963764c-10.691765 0-23.341176 6.520471-29.409882 15.164235l-21.955765 31.307294-12.092235-37.601882c-3.312941-10.270118-13.537882-20.495059-23.808-23.808l-37.586824-12.092235 31.292236-21.940706zM136.267294 230.490353c3.328 4.758588 4.487529 14.064941 2.43953 19.501176l-6.550589 17.408c-2.906353 7.755294-0.677647 12.754824 0.918589 15.058824 3.448471 4.984471 9.953882 6.791529 17.438117 4.517647l17.79953-5.391059c5.240471-1.611294 14.968471 0.256 19.290353 3.704471l14.546823 11.610353c3.523765 2.816 7.303529 4.306824 10.932706 4.306823 6.490353 0 13.131294-4.848941 13.372235-15.721412l0.346353-18.567529c0.120471-5.827765 4.653176-14.034824 9.487059-17.227294l15.510588-10.24c5.797647-3.794824 8.719059-9.095529 8.041412-14.516706s-4.803765-9.848471-11.354353-12.122353l-17.573647-6.128941c-5.496471-1.897412-11.896471-8.794353-13.447529-14.396235l-4.939295-18.040471c-3.674353-13.312-17.874824-16.519529-26.352941-5.300706l-11.218823 14.381177c-3.373176 4.442353-11.444706 7.439059-17.784471 7.439058h-0.030117l-19.742118 0.030118c-6.475294 0-11.580235 3.584-14.004706 8.222118-2.469647 4.743529-1.671529 10.661647 2.198588 16.233412l10.676706 15.239529z m21.398588-22.844235c10.511059 0 23.100235-6.174118 29.289412-14.336l11.098353-14.667294 4.879059 17.754352c2.891294 10.450824 12.8 21.007059 23.024941 24.545883l17.377882 6.023529-15.375058 10.134588c-9.035294 5.963294-16.007529 18.627765-16.248471 29.485177l-0.346353 18.401882-14.396235-11.504941c-5.903059-4.698353-14.998588-7.619765-23.747765-7.619765-3.358118 0-6.490353 0.436706-9.306353 1.28l-17.603765 5.330824 6.475295-17.227294c3.824941-10.149647 2.017882-24.515765-4.171295-33.41553l-10.526117-15.088941 19.57647 0.90353z" p-id="1530" fill="#33404e"></path></svg>'
							}
						}
						this.artMes = res.article;
						this.artMes.laststate = res.msg[res.msg.length - 1].state_to;
						this.prossMsgs = res.msg;
					})
					.catch((err) => {
						console.log(err);
					});

				// 留言板列表
				this.$api
					.post('api/Article/getArticleDialogs', {
						article_id: this.$route.query.id
					})
					.then((res) => {
						this.talkMsgs = res.data.dialogs;
					})
					.catch((err) => {
						console.log(err);
					});

				// 获取编辑列表数据
				this.$api
					.post('api/Article/getReviewerList', this.query_review)
					.then((res) => {
						this.review_Data = res.data;
					})
					.catch((err) => {
						console.log(err);
					});
			},

			// 日期
			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;
			},

			// 对话框
			authormsg() {
				this.editVisible = true;
			},

			// 保存留言
			saveMsg() {
				if (this.msgform.ad_content == '') {
					this.$message.error('Please input messages');
					return false;
				}
				this.loading = true;
				this.$api.post('api/Article/pushArticleDialog', this.msgform)
					.then((res) => {
						this.loading = false;
						this.$message.success('Sent successfully');
						this.initarticle()
					});
			},

			statetostr(mystate) {
				let str = '';
				switch (mystate) {
					case -1:
						str = 'Submitted';
						break;
					case 0:
						str = 'Received';
						break;
					case 1:
						str = 'With editor';
						break;
					case 2:
						str = 'Under review';
						break;
					case 3:
						str = 'Reject';
						break;
					case 4:
						str = 'Revision';
						break;
					case 5:
						str = 'Accepted';
						break;
					case 6:
						str = 'Pre-accept';
						break;
					default:
						str = 'error!!';
				}
				return str;
			},

			ellType(e) {
				let frag = '';
				switch (e) {
					case "A":
						frag = 'Article';
						break;
					case 'B':
						frag = 'Review';
						break;
					case 'C':
						frag = 'Case report';
						break;
					case 'P':
						frag = 'Research proposal';
						break;
					case 'N':
						frag = 'News';
						break;
					case 'T':
						frag = 'Comment';
						break;
					case 'CT':
						frag = 'Correction';
						break;
					case 'HT':
						frag = 'Hypothesis';
						break;
					case 'PF':
						frag = 'Preface';
						break;
					case 'ET':
						frag = 'Editorial';
						break;
					case 'RP':
						frag = 'Report';
						break;
					case 'LR':
						frag = 'Letter';
						break;
					case 'EF':
						frag = 'Empirical formula';
						break;
					case 'EM':
						frag = 'Evidence-based medicine';
						break;
					case 'EC':
						frag = 'Expert consensus';
						break;
					case 'LTE':
						frag = 'Letter to editor';
						break;
					case 'QI':
						frag = 'Questionnaire investigation';
						break;
					case 'PT':
						frag = 'Protocol';
						break;
					case 'CS':
						frag = 'Case Series';
						break;
					case 'RT':
						frag = 'Retraction';
						break;
					case 'MR':
						frag = 'Mini Review';
						break;
					default:
						frag = 'Others';
				}
				return frag;
			},

		},
		filters: {

		}
	};
</script>


<style>
	.top_dao:hover {
		text-decoration: underline;
		cursor: pointer;
	}

	.process_new {
		border: 1px solid #dcdfe6;
		padding: 20px;
		background-color: #fff;
		border-radius: 5px;
	}

	.art_type {
		/* background-color: #ddeef7; */
		color: #006699;
		padding: 2px 5px;
		border-radius: 5px;
		font-size: 12px;
		margin: 0 10px 0 0;
	}

	.tit_head {
		border-radius: 5px;
		border: 1px solid #EBEEF5;
		padding: 20px;
		font-size: 15px;
		margin: 20px 0 30px 0;
		background-color: #fff;
		/* background-color: #fcfcfc; */
	}

	.tit_head b {
		color: #006699;
		/* text-decoration: underline; */
	}

	.el-radio-button__orig-radio:checked+.el-radio-button__inner {
		background-color: #006699;
		border-color: #006699;
	}

	.author_tree {
		margin: 40px 0 0 10px;
	}

	.author_tree>div {
		position: relative;
		padding: 0 0 30px 0;
		margin: 0 0 10px 0;
	}

	.author_tree>div>i {
		color: #33404e;
		position: absolute;
		left: 0;
		top: 0;
	}

	.author_tree .tPline {
		position: absolute;
		width: 2px;
		height: auto;
		bottom: 1px;
		top: 40px;
		left: 16px;
		border-left: 3px dashed #E4E7ED;

	}

	.author_tree>div>div {
		padding: 5px 0 0 50px;
	}

	.author_tree .timePTit {}

	.author_tree .timePTit>b {
		font-size: 16px;
		letter-spacing: -0.5px;
		margin: 0 20px 0 0;
	}

	.author_tree .timePTit>font {
		color: #909399;
		font-size: 13px;
	}

	.author_tree .timePCOnt {}



	.author_tree .timePCOnt>p {
		margin: 10px 0 0 0;
		color: #555;
	}

	.art_process_ {
		margin-bottom: 30px;
		border: 1px solid #dcdfe6;
		padding: 20px;
		background-color: #fff;
		border-radius: 5px;
	}

	.art_process_>h2 {
		font-size: 18px;
		margin: 0 0 2px 0;
		letter-spacing: -0.8px;
	}

	.art_process_list {
		border-bottom: 1px solid #dcdfe6;
		padding: 15px 0 25px 10px;
	}

	.art_process_ .art_process_list:last-child {
		border-bottom: 0;
		padding-bottom: 5px;
	}

	.art_process_list b {
		background-color: #006699;
		color: #fff;
		display: inline-block;
		width: 18px;
		height: 18px;
		line-height: 18px;
		text-align: center;
		margin: 0 10px 0 0;

	}

	.art_process_list span {
		color: #888;
		margin: 0 0 0 15px;
	}

	.art_process_list p {
		margin: 10px 0 0 28px;
	}
</style>
