|
|
|
@ -2,11 +2,17 @@
|
|
|
|
|
<div> |
|
|
|
|
<a-comment> |
|
|
|
|
<template slot="actions"> |
|
|
|
|
<a-dropdown :trigger="['click']" v-if="comment.status === 'AUDITING'"> |
|
|
|
|
<a-dropdown |
|
|
|
|
:trigger="['click']" |
|
|
|
|
v-if="comment.status === 'AUDITING'" |
|
|
|
|
> |
|
|
|
|
<span href="javascript:void(0);">通过</span> |
|
|
|
|
<a-menu slot="overlay"> |
|
|
|
|
<a-menu-item key="1"> |
|
|
|
|
<span href="javascript:void(0);" @click="handleEditStatusClick('PUBLISHED')">通过</span> |
|
|
|
|
<span |
|
|
|
|
href="javascript:void(0);" |
|
|
|
|
@click="handleEditStatusClick('PUBLISHED')" |
|
|
|
|
>通过</span> |
|
|
|
|
</a-menu-item> |
|
|
|
|
<a-menu-item key="2"> |
|
|
|
|
<span href="javascript:void(0);">通过并回复</span> |
|
|
|
@ -14,7 +20,10 @@
|
|
|
|
|
</a-menu> |
|
|
|
|
</a-dropdown> |
|
|
|
|
|
|
|
|
|
<span v-else-if="comment.status === 'PUBLISHED'" @click="handleReplyClick">回复</span> |
|
|
|
|
<span |
|
|
|
|
v-else-if="comment.status === 'PUBLISHED'" |
|
|
|
|
@click="handleReplyClick" |
|
|
|
|
>回复</span> |
|
|
|
|
|
|
|
|
|
<a-popconfirm |
|
|
|
|
v-else-if="comment.status === 'RECYCLE'" |
|
|
|
@ -36,16 +45,37 @@
|
|
|
|
|
<span>回收站</span> |
|
|
|
|
</a-popconfirm> |
|
|
|
|
|
|
|
|
|
<a-popconfirm :title="'你确定要永久删除该评论?'" @confirm="handleDeleteClick" okText="确定" cancelText="取消"> |
|
|
|
|
<a-popconfirm |
|
|
|
|
:title="'你确定要永久删除该评论?'" |
|
|
|
|
@confirm="handleDeleteClick" |
|
|
|
|
okText="确定" |
|
|
|
|
cancelText="取消" |
|
|
|
|
> |
|
|
|
|
<span>删除</span> |
|
|
|
|
</a-popconfirm> |
|
|
|
|
</template> |
|
|
|
|
<a slot="author" :href="comment.authorUrl" target="_blank"> |
|
|
|
|
<a-icon type="user" v-if="comment.isAdmin" style="margin-right: 3px;" /> |
|
|
|
|
{{ comment.author }}-->{{ comment.id }} |
|
|
|
|
<a |
|
|
|
|
slot="author" |
|
|
|
|
:href="comment.authorUrl" |
|
|
|
|
target="_blank" |
|
|
|
|
> |
|
|
|
|
<a-icon |
|
|
|
|
type="user" |
|
|
|
|
v-if="comment.isAdmin" |
|
|
|
|
style="margin-right: 3px;" |
|
|
|
|
/> |
|
|
|
|
{{ comment.author }} |
|
|
|
|
</a> |
|
|
|
|
<a-avatar size="large" slot="avatar" :src="avatar" :alt="comment.author" /> |
|
|
|
|
<p slot="content" v-html="content"></p> |
|
|
|
|
<a-avatar |
|
|
|
|
size="large" |
|
|
|
|
slot="avatar" |
|
|
|
|
:src="avatar" |
|
|
|
|
:alt="comment.author" |
|
|
|
|
/> |
|
|
|
|
<p |
|
|
|
|
slot="content" |
|
|
|
|
v-html="content" |
|
|
|
|
></p> |
|
|
|
|
<a-tooltip slot="datetime"> |
|
|
|
|
<span slot="title">{{ comment.createTime | moment }}</span> |
|
|
|
|
<span>{{ comment.createTime | timeAgo }}</span> |
|
|
|
|