feat(messages): 添加点踩反馈功能并优化交互逻辑

This commit is contained in:
dong.ai
2025-12-18 11:01:15 +08:00
parent d32a453e3d
commit 03ff51e1ea

View File

@@ -44,6 +44,7 @@
<img :src="messageData.isLike == 1 ? require('@/assets/images/case/zan-yes.svg') : require('@/assets/images/case/zan.svg')"
@click="toggleStar(1)" alt="zan" class="zan_img">
</el-tooltip>
<el-tooltip class="item" effect="dark" content="点踩" placement="bottom">
<el-popover placement="bottom" trigger="manual" v-model="caiDialogShow">
<div class="feedback-class">
<span>反馈</span>
@@ -58,11 +59,11 @@
<div style="text-align: right; margin: 0">
<el-button style="margin-top: 10px;" type="primary" size="mini" @click="handleSure">确定</el-button>
</div>
<!-- 修改为根据 isLike 值判断状态使用 == 而不是 === -->
<img slot="reference"
:src="messageData.isLike == -1 ? require('@/assets/images/case/cai-yes.svg') : require('@/assets/images/case/cai.svg')"
@click="toggleStar(-1)" alt="cai" class="zan_img" style="margin-left:10px">
</el-popover>
</el-tooltip>
</div>
</div>
@@ -195,6 +196,7 @@ export default {
} else {
newIsLike = type;
if (type === -1) {
this.feedbackText = ''
this.caiDialogShow = true;
} else {
this.caiDialogShow = false;
@@ -221,6 +223,10 @@ export default {
},
// 确定
handleSure() {
if(this.feedbackText == ''){
this.$message({ type: "error", message: "请输入反馈内容"});
return;
}
let params = {
docId: this.messageData.docId,
feedback: this.feedbackText