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