zzc/api-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: feishu alert

Browse Source
This commit is contained in:
zzc
2026-06-25 00:03:30 +08:00
parent bb819d07a1
commit a263e8a7e0
5 changed files with 245 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/api/rating/pk.js
View File

@@ -97,3 +97,18 @@ export function toggleEnable(data) {
data,
})
}
/**
* 修改评论状态
* @param {*} { id, enable: boolean }
* @param { enable: boolean } data 是否启用
* @param { id: string } data 评论id
* @returns
*/
export function commentStatus(data) {
return request({
url: 'management/api/rating/pk/comment/toggle',
method: 'post',
data,
})
}

21
src/api/rating/topicOperate.js
View File

@@ -29,7 +29,7 @@ export function scoreRecordList(data) {
/**
* 评论记录
* @param {*} { pageNo, pageSize, userId?, topicId?, itemId?, trueUser? }
* @param {*} { pageNo, pageSize, userId?, topicId?, itemId?, trueUser?, rootCommentId? }
* @returns
*/
export function userCommentList(data) {
@@ -42,7 +42,9 @@ export function userCommentList(data) {
/**
* 评论
* @param {*} { topicId, itemId, comment, userId }
* @param {*} { topicId, itemId, comment, userId,parentCommentId, replyToCommentId, }
* @param { parentCommentId: string } data 评论回复必传
* @param { replyToCommentId: string } data 回复必传
* @returns
*/
export function comment(data) {
@@ -53,6 +55,21 @@ export function comment(data) {
})
}
/**
* 修改评论状态
* @param {*} { id, enable: boolean }
* @param { enable: boolean } data 是否启用
* @param { id: string } data 评论id
* @returns
*/
export function commentStatus(data) {
return request({
url: 'management/api/rating/topicItemOperate/comment/toggle',
method: 'post',
data,
})
}
/**
* 评论点赞
* @param {*} { commentId, userId }

36
src/views/rating/topicCommentRecord/components/RecordCommentEdit.vue
View File

@@ -18,7 +18,7 @@
</el-select>
</el-form-item>
<el-form-item label="评价主题" prop="topicId">
<el-form-item v-if="!isReply" label="评价主题" prop="topicId">
<el-select
v-model="form.topicId"
v-loadmore="loadMoreTopics"
@@ -31,7 +31,7 @@
</el-select>
</el-form-item>
<el-form-item label="评价项" prop="itemId">
<el-form-item v-if="!isReply" label="评价项" prop="itemId">
<el-select
v-model="form.itemId"
v-loadmore="loadMoreItems"
@@ -54,7 +54,7 @@
</el-form-item>
<el-form-item label="评论内容" prop="content">
<el-input v-model="form.content" maxlength="500" placeholder="请输入您的评论文字" :rows="4" show-word-limit type="textarea" />
<el-input v-model="form.content" maxlength="500" :placeholder="contentPlaceholder" :rows="4" show-word-limit type="textarea" />
</el-form-item>
</el-form>
@@ -96,11 +96,15 @@
title: '立即评论',
dialogFormVisible: false,
saving: false,
isReply: false,
contentPlaceholder: '请输入您的评论文字',
form: {
userId: '',
topicId: '',
itemId: '',
content: '',
parentCommentId: '',
replyToCommentId: '',
},
rules: {
userId: [{ required: true, trigger: 'change', message: '请选择用户' }],
@@ -130,11 +134,31 @@
},
methods: {
getThumbUrl,
showEdit() {
this.title = '立即评论'
showEdit(row = null, parentCommentId = null) {
this.dialogFormVisible = true
this.form = this.$options.data().form
if (row) {
this.isReply = true
this.title = '回复评论'
this.contentPlaceholder = `回复 @${row.user ? row.user.nickname : '未知用户'}:`
this.form.parentCommentId = parentCommentId || row.id
this.form.replyToCommentId = row.id
if (row.rating) {
this.form.topicId = row.rating.topicId || row.rating.topic?.id || row.topicId
this.form.itemId = row.rating.itemId || row.rating.item?.id || row.itemId
} else {
this.form.topicId = row.topicId
this.form.itemId = row.itemId
}
} else {
this.isReply = false
this.title = '立即评论'
this.contentPlaceholder = '请输入您的评论文字'
}
// 重置列表数据
this.userList = []
this.userQuery.pageNo = 1
@@ -151,7 +175,9 @@
// 初始化加载第一页数据
this.fetchUserList()
if (!this.isReply) {
this.fetchTopicList()
}
},
close() {
this.$refs['form'].resetFields()

160
src/views/rating/topicCommentRecord/components/RecordCommentReplyList.vue Normal file
View File

@@ -0,0 +1,160 @@
<template>
<el-dialog :title="title" :visible.sync="dialogVisible" width="900px" @close="close">
<el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
<el-table-column align="center" fixed="left" label="操作" width="120">
<template #default="{ row }">
<el-button type="text" @click="handleLike(row)">点赞</el-button>
<el-button type="text" @click="handleReply(row)">回复</el-button>
</template>
</el-table-column>
<el-table-column align="left" label="回复内容" min-width="250">
<template #default="{ row }">
<div class="comment-content-cell">
<div v-if="row.replyToUser" class="reply-target">回复 @{{ row.replyToUser.nickname || '未知用户' }}:</div>
<div class="content-text">{{ row.content }}</div>
<div class="comment-meta">
<span class="meta-item">
<i class="el-icon-thumb" />
{{ row.likeCount || 0 }}
</span>
<el-tag v-if="row.status === 2" size="mini" style="margin-left: 8px" type="success">已展示</el-tag>
<el-tag v-else size="mini" style="margin-left: 8px" type="info">隐藏/待审</el-tag>
</div>
</div>
</template>
</el-table-column>
<el-table-column align="left" label="用户信息" min-width="180">
<template #default="{ row }">
<user-info :user="row.user" :user-id="row.userId" />
</template>
</el-table-column>
<el-table-column align="center" label="时间" prop="createdAt" width="160">
<template #default="{ row }">
{{ formatTime(row.createdAt) }}
</template>
</el-table-column>
</el-table>
<el-pagination
background
:current-page="queryForm.pageNo"
:layout="layout"
:page-size="queryForm.pageSize"
:total="total"
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
/>
</el-dialog>
</template>
<script>
import { userCommentList } from '@/api/rating/topicOperate'
import { formatTime } from '@/utils'
import { getThumbUrl } from '@/utils/blessing'
import UserInfo from '@/components/UserInfo'
export default {
name: 'RecordCommentReplyList',
components: { UserInfo },
data() {
return {
title: '回复列表',
dialogVisible: false,
list: [],
listLoading: false,
layout: 'total, prev, pager, next',
total: 0,
elementLoadingText: '正在加载...',
queryForm: {
pageNo: 1,
pageSize: 10,
rootCommentId: '',
},
parentRow: null,
}
},
methods: {
formatTime,
getThumbUrl,
show(row) {
this.parentRow = row
this.title = `回复列表`
this.dialogVisible = true
this.queryForm.rootCommentId = row.id
this.queryForm.pageNo = 1
this.fetchData()
},
close() {
this.dialogVisible = false
this.list = []
},
handleSizeChange(val) {
this.queryForm.pageSize = val
this.fetchData()
},
handleCurrentChange(val) {
this.queryForm.pageNo = val
this.fetchData()
},
async fetchData() {
this.listLoading = true
try {
const { data } = await userCommentList(this.queryForm)
this.list = data.list || []
this.total = data.totalCount || 0
} catch (error) {
console.error(error)
} finally {
this.listLoading = false
}
},
handleLike(row) {
this.$emit('like', row)
},
handleReply(row) {
// 传递当前行作为被回复对象，同时传递根评论ID
this.$emit('reply', row, this.queryForm.rootCommentId)
},
},
}
</script>
<style scoped>
.comment-content-cell {
display: flex;
flex-direction: column;
}
.reply-target {
font-size: 12px;
color: #409eff;
margin-bottom: 4px;
}
.content-text {
font-size: 14px;
color: #303133;
margin-bottom: 8px;
word-break: break-all;
}
.comment-meta {
display: flex;
align-items: center;
font-size: 12px;
color: #909399;
}
.meta-item {
display: flex;
align-items: center;
margin-right: 12px;
}
.meta-item i {
margin-right: 4px;
}
</style>

21
src/views/rating/topicCommentRecord/index.vue
View File

@@ -83,9 +83,11 @@
</vab-query-form>
<el-table v-loading="listLoading" :data="list" :element-loading-text="elementLoadingText">
<el-table-column align="center" fixed="left" label="操作" width="100">
<el-table-column align="center" fixed="left" label="操作" width="160">
<template #default="{ row }">
<el-button type="text" @click="handleLike(row)">点赞</el-button>
<el-button type="text" @click="handleReply(row)">回复</el-button>
<el-button v-if="row.replyCount > 0" type="text" @click="handleViewReplies(row)">查看回复</el-button>
</template>
</el-table-column>
@@ -153,6 +155,7 @@
<record-comment-edit ref="commentEdit" @fetch-data="fetchData" />
<record-comment-like-edit ref="likeEdit" @fetch-data="fetchData" />
<record-comment-reply-list ref="replyList" @like="handleLikeFromList" @reply="handleReplyFromList" />
</div>
</template>
@@ -166,10 +169,11 @@
import UserInfo from '@/components/UserInfo'
import RecordCommentEdit from './components/RecordCommentEdit'
import RecordCommentLikeEdit from './components/RecordCommentLikeEdit'
import RecordCommentReplyList from './components/RecordCommentReplyList'
export default {
name: 'RatingTopicCommentIndex',
components: { RecordCommentEdit, RecordCommentLikeEdit, UserInfo },
components: { RecordCommentEdit, RecordCommentLikeEdit, RecordCommentReplyList, UserInfo },
directives: {
loadmore: {
bind(el, binding) {
@@ -333,9 +337,22 @@
handleLike(row) {
this.$refs['likeEdit'].showEdit(row)
},
handleReply(row) {
this.$refs['commentEdit'].showEdit(row)
},
handleViewReplies(row) {
this.$refs['replyList'].show(row)
},
handleCommentNow() {
this.$refs['commentEdit'].showEdit()
},
// 子组件触发的方法
handleReplyFromList(row, parentCommentId) {
this.$refs['commentEdit'].showEdit(row, parentCommentId)
},
handleLikeFromList(row) {
this.$refs['likeEdit'].showEdit(row)
},
handleSizeChange(val) {
this.queryForm.pageSize = val
this.fetchData()