zm/tougao_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: zm:04bfcc1256410573a3bdb9aacee1008af8ce9ef6
Branches Tags
zm:master zm:Editorial-Board zm:zy-edit zm:pay zm:zy-email zm:xie-accept zm:xu-review
...
compare: zm:8fc0325f3537b64ff8ed05e9978e762614c3afa3
Branches Tags
zm:master zm:Editorial-Board zm:zy-edit zm:pay zm:zy-email zm:xie-accept zm:xu-review

2 Commits
04bfcc1256 ... 8fc0325f35

Author SHA1 Message Date
始于初见
8fc0325f35 提交 2025-11-19 15:55:48 +08:00
始于初见
9fd6b73850 文章详情 Reviewer detail 打开弹窗 2025-11-19 15:05:07 +08:00
9 changed files with 297 additions and 217 deletions
Expand all files Collapse all files

2
src/api/index.js
View File

@@ -5,7 +5,7 @@ import qs from 'qs'
// axios全局配置 // axios全局配置
axios.defaults.timeout = 1000 * 6 * 2; // 超时时间 axios.defaults.timeout = 1000 * 6 * 10 * 3; // 超时时间
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; // 配置请求头 axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; // 配置请求头

2
src/assets/css/main.css
View File

@@ -29,7 +29,7 @@ a {
position: absolute; position: absolute;
left: 260px; left: 260px;
right: 0; right: 0;
top: 40px; top: 60px;
bottom: 0; bottom: 0;
padding-bottom: 30px; padding-bottom: 30px;
-webkit-transition: left .3s ease-in-out; -webkit-transition: left .3s ease-in-out;

4
src/components/common/common.vue
View File

@@ -9,6 +9,10 @@ const baseUrl = '/';
// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/'; // // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
// const baseUrl = '/api' // const baseUrl = '/api'
// const mediaUrl = 'http://tougaotest.tmrjournals.com/public/';
// // const mediaUrl = 'http://zmzm.tougao.dev.com/public/';
// const baseUrl = '/api'
//本地(正式环境 ) //本地(正式环境 )
// const mediaUrl = 'https://submission.tmrjournals.com/public/'; // const mediaUrl = 'https://submission.tmrjournals.com/public/';

78
src/components/page/articleDetailEditor.vue
View File

@@ -656,7 +656,13 @@
<td class="review_table_index"> <td class="review_table_index">
Reviewer {{ reviewerIndex + 1 }} Reviewer {{ reviewerIndex + 1 }}
<el-button
style="margin-left: 10px"
type="text"
@click="crateRevision(iken)"
v-if="iken.can_repeat == 1"
>Re-review</el-button
>
</td> </td>
<td style="position: relative; cursor: pointer"> <td style="position: relative; cursor: pointer">
@@ -672,14 +678,15 @@
>( {{ iken.rated }} )</span >( {{ iken.rated }} )</span
> >
<span v-if="iken.state != 0" <span v-if="iken.state != 0"
style="color: #006699;float: right;" style="color: #888;float: right;margin-right: 20px;"
@click="handleClick(iken,'detail')" @click="handleClick(iken,'detail')"
>Detail</span >Detail</span
> >
</td> </td>
<!-- 1st review：原逻辑不变 --> <!-- 1st review：原逻辑不变 -->
<td @click="handleClick(iken,'question')" style="cursor: pointer"> <td style="cursor: pointer">
<span style="display: inline-block; margin-left: 4px; margin-right: 8px"> <span >
<span style="display: inline-block; margin-left: 4px; margin-right: 8px">
<font <font
v-if="iken.recommend == 1 || iken.recommend == 2" v-if="iken.recommend == 1 || iken.recommend == 2"
style=" style="
@@ -718,10 +725,20 @@
<span v-else-if="iken.recommend == 2">Major</span> <span v-else-if="iken.recommend == 2">Major</span>
<span v-else-if="iken.recommend == 3">reject and resubmission</span> <span v-else-if="iken.recommend == 3">reject and resubmission</span>
<span v-else-if="iken.recommend == 4">Reject</span> <span v-else-if="iken.recommend == 4">Reject</span>
</span>
<span v-if="iken.state != 0"
style="color: #888;float: right;margin-right: 20px;"
@click="handleClick(iken,'question')"
>Detail</span
>
</td> </td>
<!-- 关键：按最大重复次数遍历，而非仅遍历当前iken.repeat --> <!-- 关键：按最大重复次数遍历，而非仅遍历当前iken.repeat -->
<template v-for="(_1, index1) in maxRepeatReviewCount()"> <template v-for="(_1, index1) in maxRepeatReviewCount()">
<td> <td >
<!-- 补全逻辑：判断当前评审者的repeat中是否有第index1条数据 --> <!-- 补全逻辑：判断当前评审者的repeat中是否有第index1条数据 -->
<span <span
v-if="Array.isArray(iken.repeat) && iken.repeat[index1]" v-if="Array.isArray(iken.repeat) && iken.repeat[index1]"
@@ -768,6 +785,12 @@
<span v-else-if="iken.repeat[index1].recommend == 2">Reject</span> <span v-else-if="iken.repeat[index1].recommend == 2">Reject</span>
<span v-else-if="iken.repeat[index1].recommend == 3">Revision</span> <span v-else-if="iken.repeat[index1].recommend == 3">Revision</span>
<span v-else>No reply</span> <span v-else>No reply</span>
<span v-if="[1,2,3].includes(iken.repeat[index1].recommend)"
style="color: #888;float: right;margin-right: 20px;"
@click="handleClick(iken,'re-review',iken.repeat[index1])"
>Detail</span
>
</span> </span>
<span v-else> <span v-else>
<!-- 无数据：补全空内容（可自定义为“-”“无”等） --> <!-- 无数据：补全空内容（可自定义为“-”“无”等） -->
@@ -843,8 +866,8 @@
<span style="">{{ iken.realname }}</span> <span style="">{{ iken.realname }}</span>
<span <span v-if="[1,2,3].includes(iken.state)"
style="color: #006699; float: right;" style="color: #888; float: right;"
@click="handleClickFinal(iken)" @click="handleClickFinal(iken)"
>Detail</span >Detail</span
> >
@@ -1726,7 +1749,31 @@ export default {
} }
}, },
methods: { methods: {
crateRevision(item) {
// 二次询问
this.$confirm('Do you want to send a review invitation?', 'Tip', {
type: 'warning'
})
.then(() => {
this.$api
.post('api/Reviewer/startRepeatReviewer', {
art_rev_id: item.art_rev_id
})
.then((res) => {
//console.log(res)
if (res.code == 0) {
this.$message.success('A review invitation was successfully sent!');
this.getFinalList()
} else {
this.$message.error(res.msg);
}
})
.catch((err) => {
console.log(err);
});
})
.catch(() => {});
},
handleClickFinal(data) { handleClickFinal(data) {
this.finalDecisionData={...data} this.finalDecisionData={...data}
@@ -1900,12 +1947,12 @@ this.FinalDecisionVisible=true
// console.log('maxItem at line 2142:', maxItem.repeat.length) // console.log('maxItem at line 2142:', maxItem.repeat.length)
return maxItem && maxItem.repeat ? maxItem.repeat.length : 0; return maxItem && maxItem.repeat ? maxItem.repeat.length : 0;
}, },
handleClick(item,type) { handleClick(item,type,repeatItem) {
this.reviewerDetail=item this.reviewerDetail=item
this.reviewerVisible=true this.reviewerVisible=true
this.$nextTick(()=>{ this.$nextTick(()=>{
this.$refs.reviewerDetail.init(item.art_rev_id,type) this.$refs.reviewerDetail.init(item.art_rev_id,type,repeatItem)
}) })
@@ -1932,14 +1979,7 @@ this.FinalDecisionVisible=true
this.finalList = [...res.data.final_review]; this.finalList = [...res.data.final_review];
this.reviewList = res.data.review; this.reviewList = res.data.review;
if(this.finalList.length > 0) { if(this.finalList.length > 0) {
console.log('this.finalList.length at line 1829:', this.finalList.map(item => item.id))
// this.$api
// .post('api/Workbench/updateArticleState', {
// article_id: this.editform.articleId,
// act_id: this.finalList.map(item => item.id),
// type: '3',
// account: localStorage.getItem('U_name')
// })
} }
} }
} }
@@ -2858,7 +2898,7 @@ this.FinalDecisionVisible=true
} }
.art_author_ { .art_author_ {
padding: 20px 0; padding: 15px 20px !important;
} }
.art_author_ > h2 { .art_author_ > h2 {

36
src/components/page/articleListEditor_A.vue
View File

@@ -879,6 +879,16 @@
<p v-if="currentArticleData" class="reviewer-decision-title"> <p v-if="currentArticleData" class="reviewer-decision-title">
{{ currentArticleData.title }} {{ currentArticleData.title }}
</p> </p>
<!-- <div v-if="currentArticleData&&currentArticleData.state!=0" style="overflow: hidden;">
<span style="float: right;">
<b @click.stop="articleReviewer()" class="btnCliArt" style="" >
<i :class="[1,2,4,8].includes(currentArticleData.state) ? 'el-icon-edit' : 'el-icon-view'" style="margin-right: 5px;"></i>Inviting Reviewer {{ [1,2,4,8].includes(currentArticleData.state) ? '' : 'History' }}
</b>
</span>
</div> -->
<div class="art_author_" style="padding: 0;" v-if="reviewList.length > 0"> <div class="art_author_" style="padding: 0;" v-if="reviewList.length > 0">
<div class="fixCard reviewer_decision" style="position: relative"> <div class="fixCard reviewer_decision" style="position: relative">
@@ -921,13 +931,13 @@
>( {{ iken.rated }} )</span >( {{ iken.rated }} )</span
> >
<span v-if="iken.state != 0" <span v-if="iken.state != 0"
style="color: #006699;float: right;" style="color: #006699;float: right;margin-top: 2px"
@click="handleClick(iken)" @click="handleClick(iken)"
>Detail</span >Detail</span
> >
</td> </td>
<!-- 1st review：原逻辑不变 --> <!-- 1st review：原逻辑不变 -->
<td @click="handleClick(iken)" style="cursor: pointer"> <td style="cursor: pointer">
<span style="display: inline-block; margin-left: 4px; margin-right: 8px"> <span style="display: inline-block; margin-left: 4px; margin-right: 8px">
<font <font
v-if="iken.recommend == 1 || iken.recommend == 2" v-if="iken.recommend == 1 || iken.recommend == 2"
@@ -1032,10 +1042,17 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="currentArticleData&&currentArticleData.state!=0" style="overflow: hidden;">
<span style="font-size: 20px; margin-top: 20px; margin-right: 10px; text-align: right; float: right; font-weight: 400"> <span style="float: right;">
<span style="font-size: 14px; margin-top: 10px; margin-right: 10px; text-align: right; font-weight: 400">
Average score : <b style="font-size: 18px; color: #db890e">{{ avegeCount(reviewList) }}</b> Average score : <b style="font-size: 18px; color: #db890e">{{ avegeCount(reviewList) }}</b>
</span> </span>
</span>
</div>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
@@ -2033,13 +2050,16 @@ export default {
this.$forceUpdate(); this.$forceUpdate();
}, },
//文章送审 //文章送审
articleReviewer(row) { articleReviewer() {
this.$router.push({ const routeData = this.$router.resolve({
path: 'articleReviewer', path: 'articleReviewer', // 原路由路径
query: { query: {
id: row.article_id id: this.currentArticleData.article_id // 原查询参数
} }
}); });
// 新开窗口跳转（第二个参数 '_blank' 表示新窗口）
window.open(routeData.href, '_blank');
}, },
articleEditorialBoard(row) { articleEditorialBoard(row) {
this.$router.push({ this.$router.push({

4
src/components/page/articleProcess.vue
View File

@@ -116,8 +116,8 @@
</div> --> </div> -->
<!-- 对话列表 --> <!-- 对话列表 -->
<div class="kuang_communtion"> <div class="kuang_communtion" >
<h2>Communication</h2> <h2 >Communication</h2>
<div v-for="item in talkMsgs" class="kuang_communtion_conmt"> <div v-for="item in talkMsgs" class="kuang_communtion_conmt">
<div v-if="item.user_id != artMes.user_id" class="talk_aued"> <div v-if="item.user_id != artMes.user_id" class="talk_aued">
<p>Editor :</p> <p>Editor :</p>

3
src/components/page/articleReviewerDetail.vue
View File

@@ -26,6 +26,7 @@
<el-form-item label="Disclose name or anonymous" label-width="200px"> <el-form-item label="Disclose name or anonymous" label-width="200px">
<span v-if="reviewList.length > 0&&reviewList[0].is_anonymous == 0">Disclose name</span> <span v-if="reviewList.length > 0&&reviewList[0].is_anonymous == 0">Disclose name</span>
<span v-if="reviewList.length > 0&&reviewList[0].is_anonymous == 1">Remain anonymous</span> <span v-if="reviewList.length > 0&&reviewList[0].is_anonymous == 1">Remain anonymous</span>
<span v-if="reviewList.length== 0">-</span>
</el-form-item> </el-form-item>
<!-- <el-form-item label="Status"> <!-- <el-form-item label="Status">
<span>{{ mystate(detailDate.state) }}</span> <span>{{ mystate(detailDate.state) }}</span>
@@ -1246,6 +1247,8 @@ console.log('at line 1094:', this.reviewList)
this.questionform.comment = res.data.comments; this.questionform.comment = res.data.comments;
this.questionform.is_anonymous = res.data.is_anonymous; this.questionform.is_anonymous = res.data.is_anonymous;
this.questionform.type= res.data.type;this.questionform.score = res.data.score; this.questionform.type= res.data.type;this.questionform.score = res.data.score;
}else{
} }
}); });
}, },

188
src/components/page/components/articleDetail/reviewerdetail.vue
View File

@@ -1,14 +1,28 @@
<template> <template>
<el-dialog :title="type=='detail'?'Manuscript reviewer detail':'Feedback questionnaire'" :visible.sync="reviewerVisible" width="1200px" :close-on-click-modal="false"> <el-dialog title="" :visible.sync="reviewerVisible" width="1200px" :close-on-click-modal="false">
<template slot="title" >
<div class="dialog-title">
<p v-if="type=='detail'">Manuscript reviewer detail</p>
<p v-else>Feedback questionnaire
<span style="margin-top: -3px;"> <span v-if="time" class="time">Time：{{ formatDate(time) }}</span>
<span v-if="stime" class="time">Response time： {{ formatDate(stime) }}</span></span>
</p>
</div>
</template>
<div> <div>
<div class="container" v-if="type=='detail'"> <div class="" v-if="type=='detail'">
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :span="20"> <el-col :span="24">
<div class="form-box" style="width: 100%"> <div class="form-box" style="width: 100%">
<el-form ref="articleform" :model="detailDate" label-width="130px"> <el-form ref="articleform" :model="detailDate" label-width="140px">
<el-form-item label="Article"> <el-form-item label="Title">
<span>{{ detailDate.article }}</span> <span style="font-weight: bold;color: #333;">{{ detailDate.article }}</span>
</el-form-item> </el-form-item>
<el-form-item label="Reviewer"> <el-form-item label="Reviewer">
<span>{{ detailDate.reviewer }}</span> <span>{{ detailDate.reviewer }}</span>
@@ -20,8 +34,8 @@
<span>{{ formatDate(detailDate.ctime) }}</span> <span>{{ formatDate(detailDate.ctime) }}</span>
</el-form-item> </el-form-item>
<el-form-item label="Disclose name or anonymous" label-width="200px"> <el-form-item label="Disclose name or anonymous" label-width="200px">
<span v-if="reviewList.length > 0 && reviewList[0].is_anonymous == 0">Disclose name</span> <span v-if="detailDate.is_anonymous == 0">Disclose name</span>
<span v-if="reviewList.length > 0 && reviewList[0].is_anonymous == 1">Remain anonymous</span> <span v-if="detailDate.is_anonymous == 1">Remain anonymous</span>
</el-form-item> </el-form-item>
<el-form-item v-if="canRepeat == 1"> <el-form-item v-if="canRepeat == 1">
@@ -30,60 +44,7 @@
</el-form> </el-form>
</div> </div>
</el-col> </el-col>
<el-col :span="8" v-if="recordList && recordList.length > 0">
<div class="clearfix fsheader">
<h4>Peer-review Archive</h4>
</div>
<div class="time">
<el-timeline>
<el-timeline-item
reverse="true"
:timestamp="item.ctime | formatDatehms"
placement="top"
v-for="(item, index) in recordList"
:key="index"
>
<el-card>
<h4></h4>
<div>
<div v-if="index == recordList.length - 1">
<!-- 初审 -->
<el-tag>Under review</el-tag>
<p style="margin-top: 10px">
Comments:
<el-button
style="margin-left: 10px"
type="text"
@click="showUnderReview(item)"
icon="el-icon-view"
>Details</el-button
>
</p>
</div>
<div v-else>
<!-- 复审 -->
<el-tag type="success">Second review</el-tag>
<p style="margin-top: 10px">
Comments:
<el-button
style="margin-left: 10px"
type="text"
@click="showSecondReview(item)"
icon="el-icon-view"
>Details</el-button
>
</p>
<p v-if="item.stime > 0" style="" class="stime">
Response time: {{ item.stime | formatDatehms }}
</p>
<p v-else style="" class="stime">Response time: Re-reviewing...</p>
</div>
</div>
</el-card>
</el-timeline-item>
</el-timeline>
</div>
</el-col>
</el-row> </el-row>
</div> </div>
<common-review-article v-if="type=='question'" <common-review-article v-if="type=='question'"
@@ -96,8 +57,7 @@
:journal_id="journal_id" :journal_id="journal_id"
></common-review-article> ></common-review-article>
<!-- <el-dialog title="Second review questionnaire" :visible.sync="FdialogFormVisible" width="900px" @close="closeSecDia" :close-on-click-modal="false"> --> <el-form :model="ReReviewQuestion" ref="question" label-width="300px" label-position="top" v-if="type=='re-review'">
<el-form :model="ReReviewQuestion" ref="question" label-width="300px" label-position="top">
<el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider> <el-divider content-position="center">REFEREE'S RECOMMENDATIONS</el-divider>
<el-form-item label="REFEREE'S RECOMMENDATIONS" prop="recommend"> <el-form-item label="REFEREE'S RECOMMENDATIONS" prop="recommend">
<el-radio-group v-model="ReReviewQuestion.recommend" style="line-height: 30px"> <el-radio-group v-model="ReReviewQuestion.recommend" style="line-height: 30px">
@@ -158,7 +118,10 @@ export default {
questionform: { }, questionform: { },
canRepeat: null, canRepeat: null,
undeQuestion: {}, undeQuestion: {},
ReReviewQuestion: {} ReReviewQuestion: {},
repeatItem: {},
time:"",//审稿时间
stime:"",//复审回复时间
}; };
}, },
created: function () { created: function () {
@@ -167,8 +130,12 @@ export default {
computed: {}, computed: {},
methods: { methods: {
init(art_rev_id,type) {
init(art_rev_id,type,repeatItem) {
this.time="";
this.stime="";
this.type=type; this.type=type;
this.repeatItem=repeatItem
if (art_rev_id) { if (art_rev_id) {
this.dateId = art_rev_id; this.dateId = art_rev_id;
this.detailDate = { this.detailDate = {
@@ -187,9 +154,13 @@ export default {
} }
if(type=='question'){ if(type=='question'){
this. questionform={} this. questionform={}
this.initquesion(); this.initquesion();
} }
if(type=='re-review'){
this. ReReviewQuestion={}
this.initReReviewQuestion();
}
this.$api this.$api
.post('api/Workbench/updateArticleState', { .post('api/Workbench/updateArticleState', {
article_id: this.articleId, article_id: this.articleId,
@@ -349,24 +320,60 @@ export default {
background: 'rgba(0, 0, 0, 0.7)' background: 'rgba(0, 0, 0, 0.7)'
}); });
this.$api this.$api
.post('api/Reviewer/getartrevdate', { .post('api/Workbench/getArticleReviewDetail', {
revid: this.dateId, article_id:this.$route.query.id,
human: 'editor' art_rev_id:this.dateId ,
account: localStorage.getItem('U_name')
}) })
.then((res) => { .then((res) => {
this.detailDate.artrevid = res.art_rev_id; if(res.status == 1){
this.detailDate.article = res.article_title; this.detailDate.artrevid = res.data.article_reviewer.art_rev_id;
this.detailDate.reviewer = res.account; this.detailDate.article = res.data.article.title;
this.detailDate.reviewer_email = res.user_email; this.detailDate.reviewer = res.data.article_reviewer.realname;
this.detailDate.ctime = res.ctime; this.detailDate.reviewer_email = res.data.article_reviewer.email;
this.detailDate.state = res.state; this.detailDate.ctime = res.data.article_reviewer.ctime;
this.detailDate.is_anonymous = res.data.article_reviewer.is_anonymous;
this.txt_mess = res;
this.canRepeat = res.can_repeat; this.articleId = res.data.article.article_id;
this.journal_id = res.journal_id;
this.articleId = res.article_id;
loading.close(); loading.close();
this.reviewerVisible = true; this.reviewerVisible = true;
}else{
loading.close();
this.$message.error(res.msg);
return false;
}
})
.catch((err) => {
loading.close();
console.log(err);
});
},
initReReviewQuestion() {
console.log('this.repeatItem at line 335:', this.repeatItem)
const loading = this.$loading({
lock: true,
text: 'Loading...',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.7)'
});
this.$api.post('api/Workbench/getArticleReviewDetail', {
article_id:this.$route.query.id,
art_rev_id:this.dateId,
art_rev_rep_id:this.repeatItem.art_rev_rep_id,
account: localStorage.getItem('U_name')
})
.then((res) => {
if(res.status==1){
this.time=res.data.article_reviewer_repeat.ctime;
this.stime=res.data.article_reviewer_repeat.stime;
this.ReReviewQuestion = res.data.article_reviewer_repeat;
loading.close();
this.reviewerVisible = true;
}
}) })
.catch((err) => { .catch((err) => {
loading.close(); loading.close();
@@ -388,6 +395,7 @@ export default {
}) })
.then((res) => { .then((res) => {
if (res.code == 0) { if (res.code == 0) {
this.time=res.data.ctime;
this.showUnderReview(res.data) this.showUnderReview(res.data)
this.reviewerVisible = true; this.reviewerVisible = true;
loading.close(); loading.close();
@@ -548,4 +556,24 @@ td {
.overflow-x-auto { .overflow-x-auto {
overflow-x: auto; overflow-x: auto;
} }
.dialog-title {
width: 100%;
line-height: 24px;
font-size: 18px;
color: #303133;
}
.dialog-title p{
width:calc(100% - 30px);
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.time{
color: #888;line-height: 20px;
font-size: 14px;
margin-left: 20px;
display: inline-block
}
</style> </style>

191
src/components/page/time_talk.vue
View File

@@ -1,111 +1,96 @@
<!--对话模块--> <!--对话模块-->
<template> <template>
<div class="kuang_communtion" v-loading="loading"> <div class="kuang_communtion" v-loading="loading">
<h2> <h2 :style="{ 'margin-bottom': talkMsgs && talkMsgs.length > 0 ? '15px' : '0' }">Communication</h2>
Communication <div :style="{ 'max-height': height + 'px' }" style="overflow: auto">
</h2> <div v-for="(item, index) in talkMsgs" class="kuang_communtion_conmt">
<div :style="{'max-height': height+'px'}" style="overflow: auto;"> <div v-if="item.user_id == msgform.user_id" class="talk_aued">
<div v-for="(item, index) in talkMsgs" class="kuang_communtion_conmt"> <p>Author :</p>
<div v-if="item.user_id == msgform.user_id" class="talk_aued"> <el-card
<p> >Dear Editor,
Author : <p style="white-space: pre-wrap">{{ item.ad_content }}</p>
</p> </el-card>
<el-card>Dear Editor, <b>{{ formatDate(item.ad_ctime) }}</b>
<p style="white-space: pre-wrap;">{{item.ad_content}}</p> </div>
</el-card> <div v-if="item.user_id != msgform.user_id" class="talk_aued talk_edit">
<b>{{formatDate(item.ad_ctime)}}</b> <p>Editor :</p>
</div> <el-card>
<div v-if="item.user_id != msgform.user_id" class="talk_aued talk_edit"> <p style="white-space: pre-wrap">{{ item.ad_content }}</p>
<p> </el-card>
Editor : <b>{{ formatDate(item.ad_ctime) }}</b>
</p> </div>
<el-card> </div>
<p style="white-space: pre-wrap;">{{item.ad_content}}</p> </div>
</el-card>
<b>{{formatDate(item.ad_ctime)}}</b>
</div>
</div>
</div>
<div class="kuang_communtion_input">
<div class="kuang_communtion_input"> <p v-if="talkMsgs"></p>
<p v-if="talkMsgs"></p> <el-input type="textarea" rows="3" v-model="msgform.ad_content" placeholder="Editor messages" resize="none"> </el-input>
<el-input type="textarea" rows="3" v-model="msgform.ad_content" placeholder="Editor messages" resize="none"> <div class="kuang_communtion_input_text">
</el-input> Dear Editor, through this window, you can have informal communication with the author. Please be aware of the prompt reply,
<div class="kuang_communtion_input_text"> standard use of English, and no offensive, insulting, discriminatory language.
Dear Editor, through this window, you can have informal communication with the author. Please be aware <el-button type="primary" @click="saveMsg">Send</el-button>
of the </div>
prompt reply, standard use of English, and no offensive, insulting, discriminatory language. </div>
<el-button type="primary" @click="saveMsg">Send</el-button> </div>
</div>
</div>
</div>
</template> </template>
<script> <script>
import Vue from 'vue' import Vue from 'vue';
export default { export default {
props: { props: {
talkMsgs: { talkMsgs: {
type: Array, type: Array,
required: true required: true
}, },
msgform: { msgform: {
type: Object, type: Object,
required: true required: true
}, },
height: { height: {
type: Number, type: Number
}
}, // loading: {
// loading: { // type: Boolean,
// type: Boolean, // required: true
// required: true // }
// } },
}, components: {},
components: {}, data() {
data() { return {
return { username: localStorage.getItem('U_name'),
username: localStorage.getItem('U_name'), loading: false
loading:false };
} },
}, computed: {},
computed: {}, methods: {
methods: { formatDate(timestamp) {
formatDate(timestamp) { var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000
var date = new Date(timestamp * 1000); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-';
var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
var D = date.getDate() < 10 ? '0' + date.getDate() : date.getDate(); var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours();
var h = date.getHours() < 10 ? '0' + date.getHours() : date.getHours(); var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes();
var m = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes(); var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds(); return Y + M + D + ' ' + h + ':' + m + ':' + s;
return Y + M + D + ' ' + h + ':' + m + ':' + s; },
}, // 留言弹出框
// 留言弹出框 saveMsg() {
saveMsg() { if (this.msgform.ad_content == '') {
if (this.msgform.ad_content == '') { this.$message.error('Please input messages!');
this.$message.error('Please input messages!'); return false;
return false; }
} this.loading = true;
this.loading = true; this.$api.post('api/Article/pushArticleDialog', this.msgform).then((res) => {
this.$api this.loading = false;
.post('api/Article/pushArticleDialog', this.msgform) // this.$message.success('Sent successfully');
.then((res) => { this.$emit('talksave', true); // 传递成功信号
this.loading = false; // setTimeout(()=>{
// this.$message.success('Sent successfully'); // this.$router.go(0);
this.$emit('talksave',true) // 传递成功信号 // },1000)
// setTimeout(()=>{ });
// this.$router.go(0); }
// },1000) }
};
});
},
}
}
</script> </script>
<style scoped> <style scoped></style>
</style>