mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-19 07:46:43 +08:00
feat(messages): 添加点踩反馈功能并优化交互逻辑
This commit is contained in:
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user