98 lines
2.6 KiB
Vue
98 lines
2.6 KiB
Vue
<!--对话模块-->
|
||
<template>
|
||
<div class="kuang_communtion">
|
||
<h2>
|
||
Communication
|
||
</h2>
|
||
<div v-for="(item, index) in talkMsgs" class="kuang_communtion_conmt">
|
||
<div v-if="item.username != username" class="talk_aued">
|
||
<p>
|
||
Author :
|
||
</p>
|
||
<el-card>
|
||
<p>{{ item.ad_content }}</p>
|
||
</el-card>
|
||
<b>{{formatDate(item.ad_ctime)}}</b>
|
||
</div>
|
||
<div v-if="item.username == username" class="talk_aued talk_edit">
|
||
<p>
|
||
Editor :
|
||
</p>
|
||
<el-card>
|
||
<p>{{ item.ad_content }}</p>
|
||
</el-card>
|
||
<b>{{formatDate(item.ad_ctime)}}</b>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="kuang_communtion_input">
|
||
<p v-if="talkMsgs"></p>
|
||
<el-input type="textarea" rows="3" v-model="msgform.ad_content" placeholder="Editor messages" resize="none"></el-input>
|
||
<div class="kuang_communtion_input_text">
|
||
Dear Editor, through this window, you can have informal communication with the author. Please be aware of the
|
||
prompt reply, standard use of English, and no offensive, insulting, discriminatory language.
|
||
<el-button type="primary" @click="saveMsg">Send</el-button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</template>
|
||
|
||
<script>
|
||
import Vue from 'vue'
|
||
|
||
export default {
|
||
props: {
|
||
talkMsgs: {
|
||
type: Array,
|
||
required: true
|
||
},
|
||
msgform: {
|
||
type: Object,
|
||
required: true
|
||
},
|
||
// loading: {
|
||
// type: Boolean,
|
||
// required: true
|
||
// }
|
||
},
|
||
components: {},
|
||
data() {
|
||
return {
|
||
username: localStorage.getItem('U_name'),
|
||
}
|
||
},
|
||
computed: {},
|
||
methods: {
|
||
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;
|
||
},
|
||
// 留言弹出框
|
||
saveMsg() {
|
||
console.log(this.msgform)
|
||
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.$router.go(0);
|
||
});
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style scoped>
|
||
|
||
</style>
|