18：02

src/components/page/PreIngestedEditor.vue

@@ -9,17 +9,27 @@
 				</h5>
 				<p>{{item.rongCont}}</p>
 				<!-- <div class="line"></div> -->
-			</div>
-			<!-- 作者联系 -->
-			<div class="contactAuthor">
-				
-			</div>
+			</div>			
 			<div style="margin: 30px 0 0 0;">
 				<el-button type="primary" @click="pushToAccept(detailMes)" style="width: 220px;">
 					<i class="el-icon-finished"></i>
 					Push To Accept
 				</el-button>
 			</div>
+			<!-- 作者联系 -->
+			<div class="contactAuthor">
+				<h4>Contact author</h4>
+				<p>→  Send email
+					<b @click="linkEmail" class="btnCliArt" style="margin-left: 15px;">
+						<i class="el-icon-message"></i>
+					</b>	
+				</p>
+				<p style=" margin-top: 10px;">→  Chat width communication
+					<b @click="chatcommunication" class="btnCliArt" style="margin-left: 15px;">
+						<i class="el-icon-chat-line-square"></i>
+					</b>	
+				</p>				
+			</div>
 		</div>
 
 		<div class="scroll-content guanSty" @scroll="onScroll"
@@ -268,6 +278,16 @@
 			</span>
 		</el-dialog>
 
+		<el-dialog  title="" :visible.sync="communVisible" width="800px" >
+			<!-- <p
+				style="word-break: normal;margin-bottom: 20px;font-size: 15px;font-weight: bold;letter-spacing: -0.5px;line-height: 22px;">
+				{{msgform.title}}
+			</p> -->
+			<div class="talkDialog">
+				<timetalk :talkMsgs="talkMsgs" :msgform="msgform" @talksave="getTalkList"></timetalk>
+			</div>
+		</el-dialog>
+
 	</div>
 </template>
 
@@ -281,9 +301,18 @@
 	import {
 		Loading
 	} from 'element-ui';
+	import timetalk from './time_talk'
 	export default {
 		data() {
 			return {
+				talkMsgs: [],
+				communVisible:false,
+				msgform: {
+					username: localStorage.getItem('U_name'),
+					article_id: this.$route.query.id,
+					user_id: this.$route.query.uid,
+					ad_content: '',					
+				},				
 				baseUrl: this.Common.baseUrl,
 				mediaUrl: this.Common.mediaUrl,
                 article_id: this.$route.query.id,   // 文章id
@@ -664,44 +693,42 @@
 			window.addEventListener('resize', this.getHight);
 			// this.getData();
 			this.getArtcleDetails()
+			this.getTalkList()
 			// this.getAuthorJG();
 			// this.getCount();
 			// this.getWorldPdf();
 
 		},
 		methods: {            
-			// allLoad() {
-			// 	let excelList = [
-			// 		'https://submission.tmrjournals.com/public/manuscirpt/20220831/c7d75d49bf25cf56906d56d07e00a31e.docx',
-			// 		'https://submission.tmrjournals.com/public/manuscirpt/20220925/d1106d60fbfa04e900e98aacb5fdf71a.docx'
-			// 	]
-			// 	for (let i = 0; i < excelList.length; i++) {
-			// 		if (i == 0) {
-			// 			const a_b = document.createElement('a');
-			// 			a_b.href = excelList[i];
-			// 			a_b.download = '1world.docx';
-			// 			console.log(a_b)
-			// 			a_b.click()
-			// 			setTimeout(() => {
-			// 				a_b.remove();
-			// 			}, 1000);
-			// 		}
-			// 		if (i == 1) {
-			// 			setTimeout(() => {
-			// 				const c_d = document.createElement('a');
-			// 				c_d.href = excelList[i];
-			// 				c_d.download = '2world.docx';
-			// 				console.log(c_d)
-			// 				c_d.click()
-			// 				setTimeout(() => {
-			// 					c_d.remove();
-			// 				}, 1000);
-			// 			}, 2000);
-			// 		}
-			// 	}
-			// },
-            // 获取p_article_id的值
-            
+			// 跳转邮件
+			linkEmail() {
+				this.$router.push({
+					path: 'articleDetailEmail',
+					query: {
+						id: this.article_id
+					}
+				});
+			},			
+			
+			// 显示即时聊天创口
+			chatcommunication(){
+				console.log(this.msgform)				
+				this.communVisible = true				
+			},
+			// 获取留言列表
+			getTalkList(){				
+				this.$api
+					.post('api/Article/getArticleDialogs', {
+						article_id: this.$route.query.id
+					})
+					.then((res) => {
+						this.talkMsgs = res.data.dialogs;
+					})
+					.catch((err) => {
+						console.log(err);
+					});
+			},
+            // 获取p_article_id的值            
 			getArtcleDetails(){
 				// 获得文章详情
 				const loading = this.$loading({
@@ -1946,8 +1973,26 @@
 				confirmButtonText: 'Yes',
 				cancelButtonText: 'Cancle',
 				type: 'warning'
-				}).then(() => {
-					this.$message.error('还没对接接口')
+				}).then(() => {					
+					this.$api
+            		.post('api/Article/articleAccept', {
+						'article_id': this.$route.query.id
+					})
+					.then(res => {
+                        if(res.code == 0){
+						    // console.log(res, 'res')
+                           this.$message.success('successed!')
+						   setTimeout(()=>{
+							this.$router.push({
+								path: 'articleListEditor',
+								params: { state: 6 }
+                  			});
+						   },1000)
+                        }
+					})
+					.catch(err => {
+						console.log(err);
+					});
 				}).catch(() => {				         
 				});
                 
@@ -2128,12 +2173,25 @@
 			},
 		},
 		components: {
-			quillEditor
+			quillEditor,
+			timetalk
 		},
 	}
 </script>
 
+<style scoped>
+	.tab_post {width: 260px !important;}
+	.scroll-item{margin: 0 30px 50px 276px;}
+</style>
 <style>
+	.talkDialog{height: 500px; overflow-y: scroll;}
+
+	.contactAuthor{
+		margin-top: 50px; color: #8c939d; 
+	}
+	.contactAuthor>p{font-size: 12px; margin-left: 0 !important;}
+	.contactAuthor>p>.btnCliArt{color: #409EFF;}
+	.contactAuthor>h4{margin-bottom: 10px;}
 	.handle-box {
 		margin-bottom: 20px;
 	}
@@ -2147,7 +2205,7 @@
 		position: absolute;
 		left: 25px;
 		top: 60px;
-		width: 220px;
+		/* width: 220px; */
 		z-index: 50;
 	}